Página inicial Explorar Ajuda
Entrar
sagaracharya
/
kamitkami
Observar 1
Favorito 0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Tree: 77cda21522
Branches Tags
kamitkami
/
essays_cirrus.css

essays_cirrus.css 35 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 
  1. @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Nunito+Sans:400,700");@import url("https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700");@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");* {  margin: 0;  padding: 0;    box-sizing: border-box;  text-rendering: optimizeLegibility;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  -webkit-tap-highlight-color: transparent; }
    2. 

  2. html,body {  margin: 0;  padding: 0;  border: none;  height: 100%; }
    3. 

  3. body {  letter-spacing: 0.01rem;  line-height: 1.8;    font-size: 1rem;  font-weight: 400;  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";  letter-spacing: 0.01rem;  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);  color: var(--cirrus-fg); }
    4. 

  4. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    5. 

  5. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    6. 

  6. .btn, button, [type="submit"], [type="reset"], [type="button"] {  line-height: 2rem;  overflow: hidden;  padding: 0.5rem 1rem;  border: 1px solid transparent;  border-radius: 0.25rem;  cursor: pointer;  text-align: center;  transition: all var(--animation-duration);  background-color: var(--btn-color);  border-color: var(--btn-border-color);  color: var(--btn-fg);  font-size: 0.75rem;  letter-spacing: 0.03rem;  text-transform: uppercase;  font-family: Montserrat;  min-width: 2rem;  user-select: none;  margin-bottom: 1rem;  outline: none;  --btn-color: #f8f9fa;  --btn-fg: #495057;  --btn-border-color: #e9ecef;                           }
    7. 

  7. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    8. 

  8. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    9. 

  9. p,article,blockquote {  font-size: 1rem;  line-height: 2;  margin-bottom: 1rem; }
    10. 

  10. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    11. 

  11. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    12. 

  12. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    13. 

  13. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    14. 

  14. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    15. 

  15. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    16. 

  16. .content {  max-width: 60em;  margin: 0 auto 1.5em;  width: 80%; }
    17. 

  17. .row {  -ms-flex: 1;  flex: 1;  flex-wrap: wrap;  padding: 0.5rem 0;  display: flex;                 }
    18. 

  18.   .row .col {    display: block;    flex: 1;    padding: 0.15rem 0.75rem; }
    19. 

  19. a {  color: var(--cirrus-link);  font-weight: 600;  padding: 2px;  text-decoration: none;  transition: all 0.3s; }
    20. 

  20. a .btn,a button,[type='submit'] a {  margin-bottom: 0; }
    21. 

  21. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    22. 

  22. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    23. 

  23. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    24. 

  24. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    25. 

  25. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    26. 

  26. .card {  background-color: #fff;  backface-visibility: hidden;  border-radius: 5px;  box-shadow: 0px 5px 12px 0 rgba(42, 51, 83, 0.12), 0px 0px 5px rgba(0, 0, 0, 0.06);  margin-bottom: 1rem;  overflow: hidden;  position: relative;  transition: all 0.3s;       }
    27. 

  27.   .card.slide-up, .card.card--slide-up {    display: flex;    flex-direction: column;    max-height: 550px;     }
    28. 

  28.     .card.slide-up .mobile-title, .card.slide-up .card__mobile-title, .card.card--slide-up .mobile-title, .card.card--slide-up .card__mobile-title {      position: absolute;      left: 0;      bottom: 5rem;      background-color: var(--cirrus-bg);      -moz-transition: 0.3s ease-in-out;      -ms-transition: all 0.3s ease-in-out;      transition: 0.3s ease-in-out;      width: 100%;      padding: 1.5rem 0 0 0;      backface-visibility: hidden; }
    29. 

  29.     .card.slide-up .card-body, .card.slide-up .card__body, .card.card--slide-up .card-body, .card.card--slide-up .card__body {      opacity: 0;      overflow: auto;      transition: all var(--animation-duration) ease-in-out; }
    30. 

  30.   .card p {    margin: 1rem 0; }
    31. 

  31.   .card .card-image, .card .card__image {    bottom: 0;    left: 0;    position: absolute;    right: 0;    top: 0;    border-radius: 5px 5px 0 0;    background-size: cover;    background-repeat: no-repeat;    transition: all 0.3s ease-in-out; }
    32. 

  32.   .card .card-container, .card .card__container {    display: block;    position: relative;    height: 40%;    min-height: 21rem;     }
    33. 

  33.   .card .action-bar, .card .card__action-bar {    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    padding: 0.5rem;    margin: 0;    border-top: 1px solid #e9ecef;    box-sizing: border-box;    transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1);     }
    34. 

  34.     .card .action-bar .btn, .card .action-bar button, .card .action-bar [type="submit"], .card .action-bar [type="reset"], .card .action-bar [type="button"], .card .card__action-bar .btn, .card .card__action-bar button, .card .card__action-bar [type="submit"], .card .card__action-bar [type="reset"], .card .card__action-bar [type="button"] {      margin: 0 0.5rem; }
    35. 

  35. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    36. 

  36. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    37. 

  37. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    38. 

  38. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    39. 

  39. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    40. 

  40. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    41. 

  41. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    42. 

  42. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    43. 

  43. .tile {  display: flex;  display: -ms-flexbox;  align-content: space-between;    -webkit-align-content: space-between;  -ms-flex-line-pack: justify;    overflow: inherit;       }
    44. 

  44.   .tile p {    font-size: 0.95rem;     }
    45. 

  45.   .tile .tile__container {    flex: 1 1 auto;    -webkit-flex: 1 1 auto;    -ms-flex: 1 1 auto; }
    46. 

  46.   .tile .tile__title {    line-height: 1.5rem;    font-weight: bolder;    margin: 0.1rem auto; }
    47. 

  47.   .tile .tile__subtitle {    line-height: 1.25rem;    opacity: 0.7;    margin: 0.1rem auto; }
    48. 

  48. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    49. 

  49. :root {    --cirrus-fg: #374054;  --cirrus-bg: #fff;  --cirrus-primary: #f03d4d;  --cirrus-primary-rgb: 240, 61, 77;  --cirrus-primary-light: #ffdadd;  --cirrus-accent-hover: #d62939;  --cirrus-accent-border: #c21b2b;  --cirrus-light: #f6f9fc;  --cirrus-light-gray: #f8f9fa;  --cirrus-gray: #d5d7dc;  --cirrus-dark-gray: #909090;  --cirrus-dark: #363636;  --cirrus-link: #5e5cc7;  --cirrus-link-dark: #4643e2;  --cirrus-info: #2972fa;  --cirrus-success: #0dd157;  --cirrus-success-rgb: 13, 209, 87;  --cirrus-warning: #fab633;  --cirrus-danger: #fb4143;  --cirrus-light-hover: #d0e0ef;  --cirrus-dark-hover: #505050;  --cirrus-info-hover: #1062f9;  --cirrus-link-hover: #f8f7ff;  --cirrus-success-hover: #0cb94d;  --cirrus-warning-hover: #f9ad1a;  --cirrus-danger-hover: #eb0507;  --cirrus-select-bg: rgba(0, 161, 255, 0.2);  --cirrus-code-bg: var(--cirrus-primary-light);  --cirrus-code-fg: #dc4753;  --cirrus-form-group-bg: var(--cirrus-light-gray);  --cirrus-form-group-fg: var(--cirrus-dark-gray);  --toast-primary-bg: rgba(49, 59, 80, 0.9);  --animation-duration: 0.2s;  --focus-opacity: 0.55;  --space-size: 0.5rem;  --font-size-xs: 0.7rem;  --font-size-s: 0.85rem;  --font-size-m: 1rem;  --font-size-l: 1.35rem;  --font-size-xl: 1.75rem; }
    50. 

  50. .u-center {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  margin: 0 auto;  flex-wrap: wrap; }
    51. 

  51.