/* Eldorado */
/* CSS Reset */
/*@include import-google-font($main_font); */
/* TODO temp */
@import url("https://rsms.me/inter/inter.css");
:root {
  color-scheme: light dark;
  /* Colors */
  --color-1: hsl(0, 100%, 50%);
  --color-2: hsl(30, 100%, 50%);
  --color-3: hsl(60, 100%, 50%);
  --color-4: hsl(90, 100%, 50%);
  --color-5: hsl(120, 100%, 50%);
  --color-6: hsl(150, 100%, 50%);
  --color-7: hsl(180, 100%, 50%);
  --color-8: hsl(210, 100%, 50%);
  --color-9: hsl(240, 100%, 50%);
  --color-10: hsl(270, 100%, 50%);
  --color-11: hsl(300, 100%, 50%);
  --color-12: hsl(330, 100%, 50%);
  --color-bw-1: hsl(270, 72%, 4%);
  --color-bw-2: hsl(270, 72%, 4%);
  --color-bw-3: hsl(270, 72%, 4%);
  --color-bw-4: hsl(270, 72%, 4%);
  --color-bw-5: hsl(270, 72%, 4%);
  --color-bw-6: hsl(270, 72%, 4%);
  --color-bw-7: hsl(270, 72%, 4%);
  --color-bw-8: hsl(270, 72%, 4%);
  --color-bw-9: hsl(270, 72%, 96%);
  --color-bw-10: hsl(270, 72%, 96%);
  --color-bw-11: hsl(270, 72%, 4%);
  --color-bw-12: hsl(270, 72%, 4%);
  --color-primary: hsl(270, 100%, 50%);
  --color-secondary: hsl(90, 100%, 50%);
  --color-white: hsl(270, 72%, 96%);
  --color-black: hsl(270, 72%, 4%);
  --color-gray-0: hsl(0, 0%, 0%);
  --color-gray-1: hsl(0, 0%, 10%);
  --color-gray-2: hsl(0, 0%, 20%);
  --color-gray-3: hsl(0, 0%, 30%);
  --color-gray-4: hsl(0, 0%, 40%);
  --color-gray-5: hsl(0, 0%, 50%);
  --color-gray-6: hsl(0, 0%, 60%);
  --color-gray-7: hsl(0, 0%, 70%);
  --color-gray-8: hsl(0, 0%, 80%);
  --color-gray-9: hsl(0, 0%, 90%);
  --color-gray-10: hsl(0, 0%, 100%);
  --color-gray-primary-0: hsl(270deg, 10%, 0%);
  --color-gray-primary-1: hsl(270deg, 10%, 10%);
  --color-gray-primary-2: hsl(270deg, 10%, 20%);
  --color-gray-primary-3: hsl(270deg, 10%, 30%);
  --color-gray-primary-4: hsl(270deg, 10%, 40%);
  --color-gray-primary-5: hsl(270deg, 10%, 50%);
  --color-gray-primary-6: hsl(270deg, 10%, 60%);
  --color-gray-primary-7: hsl(270deg, 10%, 70%);
  --color-gray-primary-8: hsl(270deg, 10%, 80%);
  --color-gray-primary-9: hsl(270deg, 10%, 90%);
  --color-gray-primary-10: hsl(270deg, 10%, 100%);
  --color-gray-secondary-0: hsl(90deg, 10%, 0%);
  --color-gray-secondary-1: hsl(90deg, 10%, 10%);
  --color-gray-secondary-2: hsl(90deg, 10%, 20%);
  --color-gray-secondary-3: hsl(90deg, 10%, 30%);
  --color-gray-secondary-4: hsl(90deg, 10%, 40%);
  --color-gray-secondary-5: hsl(90deg, 10%, 50%);
  --color-gray-secondary-6: hsl(90deg, 10%, 60%);
  --color-gray-secondary-7: hsl(90deg, 10%, 70%);
  --color-gray-secondary-8: hsl(90deg, 10%, 80%);
  --color-gray-secondary-9: hsl(90deg, 10%, 90%);
  --color-gray-secondary-10: hsl(90deg, 10%, 100%);
  --color-white-t-0: rgba(244.8, 237.456, 252.144, 0);
  --color-white-t-1: rgba(244.8, 237.456, 252.144, 0.05);
  --color-white-t-2: rgba(244.8, 237.456, 252.144, 0.1);
  --color-white-t-3: rgba(244.8, 237.456, 252.144, 0.15);
  --color-white-t-4: rgba(244.8, 237.456, 252.144, 0.2);
  --color-white-t-5: rgba(244.8, 237.456, 252.144, 0.25);
  --color-white-t-6: rgba(244.8, 237.456, 252.144, 0.3);
  --color-white-t-7: rgba(244.8, 237.456, 252.144, 0.35);
  --color-white-t-8: rgba(244.8, 237.456, 252.144, 0.4);
  --color-white-t-9: rgba(244.8, 237.456, 252.144, 0.45);
  --color-white-t-10: rgba(244.8, 237.456, 252.144, 0.5);
  --color-white-t-11: rgba(244.8, 237.456, 252.144, 0.55);
  --color-white-t-12: rgba(244.8, 237.456, 252.144, 0.6);
  --color-white-t-13: rgba(244.8, 237.456, 252.144, 0.65);
  --color-white-t-14: rgba(244.8, 237.456, 252.144, 0.7);
  --color-white-t-15: rgba(244.8, 237.456, 252.144, 0.75);
  --color-white-t-16: rgba(244.8, 237.456, 252.144, 0.8);
  --color-white-t-17: rgba(244.8, 237.456, 252.144, 0.85);
  --color-white-t-18: rgba(244.8, 237.456, 252.144, 0.9);
  --color-white-t-19: rgba(244.8, 237.456, 252.144, 0.95);
  --color-white-t-20: rgb(244.8, 237.456, 252.144);
  --color-black-t-0: rgba(10.2, 2.856, 17.544, 0);
  --color-black-t-1: rgba(10.2, 2.856, 17.544, 0.05);
  --color-black-t-2: rgba(10.2, 2.856, 17.544, 0.1);
  --color-black-t-3: rgba(10.2, 2.856, 17.544, 0.15);
  --color-black-t-4: rgba(10.2, 2.856, 17.544, 0.2);
  --color-black-t-5: rgba(10.2, 2.856, 17.544, 0.25);
  --color-black-t-6: rgba(10.2, 2.856, 17.544, 0.3);
  --color-black-t-7: rgba(10.2, 2.856, 17.544, 0.35);
  --color-black-t-8: rgba(10.2, 2.856, 17.544, 0.4);
  --color-black-t-9: rgba(10.2, 2.856, 17.544, 0.45);
  --color-black-t-10: rgba(10.2, 2.856, 17.544, 0.5);
  --color-black-t-11: rgba(10.2, 2.856, 17.544, 0.55);
  --color-black-t-12: rgba(10.2, 2.856, 17.544, 0.6);
  --color-black-t-13: rgba(10.2, 2.856, 17.544, 0.65);
  --color-black-t-14: rgba(10.2, 2.856, 17.544, 0.7);
  --color-black-t-15: rgba(10.2, 2.856, 17.544, 0.75);
  --color-black-t-16: rgba(10.2, 2.856, 17.544, 0.8);
  --color-black-t-17: rgba(10.2, 2.856, 17.544, 0.85);
  --color-black-t-18: rgba(10.2, 2.856, 17.544, 0.9);
  --color-black-t-19: rgba(10.2, 2.856, 17.544, 0.95);
  --color-black-t-20: rgb(10.2, 2.856, 17.544);
  /* Sizes */
  --size-0: 9px;
  --size-1: 14px;
  --size-2: 23px;
  --size-3: 37px;
  --size-4: 59px;
  --size-5: 96px;
  --size-6: 155px;
  --size-7: 251px;
  --size-8: 406px;
  --size-9: 658px;
  --size-10: 1064px;
  --size-11: 1722px;
  --size-12: 2786px;
  --size-1-neg: -14px;
  --size-2-neg: -23px;
  --size-3-neg: -37px;
  --size-4-neg: -59px;
  --size-5-neg: -96px;
  --size-6-neg: -155px;
  --size-7-neg: -251px;
  --size-8-neg: -406px;
  --size-9-neg: -658px;
  --size-10-neg: -1064px;
  --size-11-neg: -1722px;
  --size-12-neg: -2786px;
  /* Shadows */
  --shadow-offset: 3.5px;
  --shadow-offset-neg: -3.5px;
  --shadow-blur: 7px;
  --shadow-white-first: hsl(270, 72%, 92%);
  --shadow-white-second: #fff;
  --shadow-black-first: hsl(270deg, 100%, 50%, 0.5);
  --shadow-black-second: hsl(270deg, 72%, 96%, 0.2);
}

/* Particles */
.ai-s {
  align-items: stretch;
}

.ai-c, form, footer, .carousel-tools, .burger-menu, .burger-menu ul li, .switch, .switch label, .row, .icon-label, .icon, .carousel .prev,
.carousel .next, .hr, .field, .button, .bar, .navbar {
  align-items: center;
}

.ai-st {
  align-items: start;
}

.ai-e {
  align-items: end;
}

.ar-h-g, .rectangle-h, .card .card-header {
  aspect-ratio: 1.6180339887;
}

.ar-v-g, .rectangle-v, .card {
  aspect-ratio: 0.6180339887;
}

.ar-1, .burger-menu, .square, .icon, .carousel .prev,
.carousel .next {
  aspect-ratio: 1;
}

.bf-n {
  backdrop-filter: none;
}

.bf-bl-1 {
  backdrop-filter: blur(1px);
}

.bf-bl-2 {
  backdrop-filter: blur(2px);
}

.bf-bl-3 {
  backdrop-filter: blur(3px);
}

.bf-bl-4 {
  backdrop-filter: blur(4px);
}

.bf-bl-5 {
  backdrop-filter: blur(5px);
}

.bf-bl-6 {
  backdrop-filter: blur(6px);
}

.bf-bl-7 {
  backdrop-filter: blur(7px);
}

.bf-bl-8, .bac-glass {
  backdrop-filter: blur(8px);
}

.bf-bl-9 {
  backdrop-filter: blur(9px);
}

.bf-bl-10 {
  backdrop-filter: blur(10px);
}

.bf-bl-11 {
  backdrop-filter: blur(11px);
}

.bf-bl-12 {
  backdrop-filter: blur(12px);
}

.bf-br-0 {
  backdrop-filter: brightness(0%);
}

.bf-c-0 {
  backdrop-filter: contrast(0%);
}

.bf-g-0 {
  backdrop-filter: grayscale(0%);
}

.bf-i-0 {
  backdrop-filter: invert(0%);
}

.bf-o-0 {
  backdrop-filter: opacity(0%);
}

.bf-se-0 {
  backdrop-filter: sepia(0%);
}

.bf-sa-0 {
  backdrop-filter: saturate(0%);
}

.bf-br-1 {
  backdrop-filter: brightness(10%);
}

.bf-c-1 {
  backdrop-filter: contrast(10%);
}

.bf-g-1 {
  backdrop-filter: grayscale(10%);
}

.bf-i-1 {
  backdrop-filter: invert(10%);
}

.bf-o-1 {
  backdrop-filter: opacity(10%);
}

.bf-se-1 {
  backdrop-filter: sepia(10%);
}

.bf-sa-1 {
  backdrop-filter: saturate(10%);
}

.bf-br-2 {
  backdrop-filter: brightness(20%);
}

.bf-c-2 {
  backdrop-filter: contrast(20%);
}

.bf-g-2 {
  backdrop-filter: grayscale(20%);
}

.bf-i-2 {
  backdrop-filter: invert(20%);
}

.bf-o-2 {
  backdrop-filter: opacity(20%);
}

.bf-se-2 {
  backdrop-filter: sepia(20%);
}

.bf-sa-2 {
  backdrop-filter: saturate(20%);
}

.bf-br-3 {
  backdrop-filter: brightness(30%);
}

.bf-c-3 {
  backdrop-filter: contrast(30%);
}

.bf-g-3 {
  backdrop-filter: grayscale(30%);
}

.bf-i-3 {
  backdrop-filter: invert(30%);
}

.bf-o-3 {
  backdrop-filter: opacity(30%);
}

.bf-se-3 {
  backdrop-filter: sepia(30%);
}

.bf-sa-3 {
  backdrop-filter: saturate(30%);
}

.bf-br-4 {
  backdrop-filter: brightness(40%);
}

.bf-c-4 {
  backdrop-filter: contrast(40%);
}

.bf-g-4 {
  backdrop-filter: grayscale(40%);
}

.bf-i-4 {
  backdrop-filter: invert(40%);
}

.bf-o-4 {
  backdrop-filter: opacity(40%);
}

.bf-se-4 {
  backdrop-filter: sepia(40%);
}

.bf-sa-4 {
  backdrop-filter: saturate(40%);
}

.bf-br-5 {
  backdrop-filter: brightness(50%);
}

.bf-c-5 {
  backdrop-filter: contrast(50%);
}

.bf-g-5 {
  backdrop-filter: grayscale(50%);
}

.bf-i-5 {
  backdrop-filter: invert(50%);
}

.bf-o-5 {
  backdrop-filter: opacity(50%);
}

.bf-se-5 {
  backdrop-filter: sepia(50%);
}

.bf-sa-5 {
  backdrop-filter: saturate(50%);
}

.bf-br-6 {
  backdrop-filter: brightness(60%);
}

.bf-c-6 {
  backdrop-filter: contrast(60%);
}

.bf-g-6 {
  backdrop-filter: grayscale(60%);
}

.bf-i-6 {
  backdrop-filter: invert(60%);
}

.bf-o-6 {
  backdrop-filter: opacity(60%);
}

.bf-se-6 {
  backdrop-filter: sepia(60%);
}

.bf-sa-6 {
  backdrop-filter: saturate(60%);
}

.bf-br-7 {
  backdrop-filter: brightness(70%);
}

.bf-c-7 {
  backdrop-filter: contrast(70%);
}

.bf-g-7 {
  backdrop-filter: grayscale(70%);
}

.bf-i-7 {
  backdrop-filter: invert(70%);
}

.bf-o-7 {
  backdrop-filter: opacity(70%);
}

.bf-se-7 {
  backdrop-filter: sepia(70%);
}

.bf-sa-7 {
  backdrop-filter: saturate(70%);
}

.bf-br-8 {
  backdrop-filter: brightness(80%);
}

.bf-c-8 {
  backdrop-filter: contrast(80%);
}

.bf-g-8 {
  backdrop-filter: grayscale(80%);
}

.bf-i-8 {
  backdrop-filter: invert(80%);
}

.bf-o-8 {
  backdrop-filter: opacity(80%);
}

.bf-se-8 {
  backdrop-filter: sepia(80%);
}

.bf-sa-8 {
  backdrop-filter: saturate(80%);
}

.bf-br-9 {
  backdrop-filter: brightness(90%);
}

.bf-c-9 {
  backdrop-filter: contrast(90%);
}

.bf-g-9 {
  backdrop-filter: grayscale(90%);
}

.bf-i-9 {
  backdrop-filter: invert(90%);
}

.bf-o-9 {
  backdrop-filter: opacity(90%);
}

.bf-se-9 {
  backdrop-filter: sepia(90%);
}

.bf-sa-9 {
  backdrop-filter: saturate(90%);
}

.bf-br-10 {
  backdrop-filter: brightness(100%);
}

.bf-c-10 {
  backdrop-filter: contrast(100%);
}

.bf-g-10 {
  backdrop-filter: grayscale(100%);
}

.bf-i-10 {
  backdrop-filter: invert(100%);
}

.bf-o-10 {
  backdrop-filter: opacity(100%);
}

.bf-se-10 {
  backdrop-filter: sepia(100%);
}

.bf-sa-10 {
  backdrop-filter: saturate(100%);
}

.bf-hr-0 {
  backdrop-filter: hue-rotate(0deg);
}

.bf-hr-30 {
  backdrop-filter: hue-rotate(30deg);
}

.bf-hr-60 {
  backdrop-filter: hue-rotate(60deg);
}

.bf-hr-90 {
  backdrop-filter: hue-rotate(90deg);
}

.bf-hr-120 {
  backdrop-filter: hue-rotate(120deg);
}

.bf-hr-150 {
  backdrop-filter: hue-rotate(150deg);
}

.bf-hr-180 {
  backdrop-filter: hue-rotate(180deg);
}

.bf-hr-210 {
  backdrop-filter: hue-rotate(210deg);
}

.bf-hr-240 {
  backdrop-filter: hue-rotate(240deg);
}

.bf-hr-270 {
  backdrop-filter: hue-rotate(270deg);
}

.bf-hr-300 {
  backdrop-filter: hue-rotate(300deg);
}

.bf-hr-330 {
  backdrop-filter: hue-rotate(330deg);
}

.bac-1 {
  background-color: var(--color-1);
}

.bac-2 {
  background-color: var(--color-2);
}

.bac-3 {
  background-color: var(--color-3);
}

.bac-4 {
  background-color: var(--color-4);
}

.bac-5 {
  background-color: var(--color-5);
}

.bac-6 {
  background-color: var(--color-6);
}

.bac-7 {
  background-color: var(--color-7);
}

.bac-8 {
  background-color: var(--color-8);
}

.bac-9 {
  background-color: var(--color-9);
}

.bac-10 {
  background-color: var(--color-10);
}

.bac-11 {
  background-color: var(--color-11);
}

.bac-12 {
  background-color: var(--color-12);
}

.bac-t {
  background-color: transparent;
}

.bac-p, body:has(#theme-dark:checked) .bac-a-c,
body:has(#theme-light:checked) .bac-r-c,
body:has(#theme-light:checked) .carousel-indicator.active, body:has(#theme-dark:checked) input[type=submit], .check_button {
  background-color: var(--color-primary);
}

.h\:bac-s:hover,
.bac-s,
body:has(#theme-light:checked) .bac-a-c,
body:has(#theme-dark:checked) .bac-r-c,
body:has(#theme-dark:checked) .carousel-indicator.active,
body:has(#theme-light:checked) input[type=submit],
.check_button:has(input[type=checkbox]:checked) {
  background-color: var(--color-secondary);
}

.bac-s-t-0 {
  background-color: color-mix(in srgb, var(--color-secondary) 0%, transparent);
}

.bac-s-t-5 {
  background-color: color-mix(in srgb, var(--color-secondary) 5%, transparent);
}

.bac-s-t-10 {
  background-color: color-mix(in srgb, var(--color-secondary) 10%, transparent);
}

.bac-s-t-15 {
  background-color: color-mix(in srgb, var(--color-secondary) 15%, transparent);
}

.bac-s-t-20 {
  background-color: color-mix(in srgb, var(--color-secondary) 20%, transparent);
}

.bac-s-t-25 {
  background-color: color-mix(in srgb, var(--color-secondary) 25%, transparent);
}

.bac-s-t-30 {
  background-color: color-mix(in srgb, var(--color-secondary) 30%, transparent);
}

.bac-s-t-35 {
  background-color: color-mix(in srgb, var(--color-secondary) 35%, transparent);
}

.bac-s-t-40 {
  background-color: color-mix(in srgb, var(--color-secondary) 40%, transparent);
}

.bac-s-t-45 {
  background-color: color-mix(in srgb, var(--color-secondary) 45%, transparent);
}

.bac-s-t-50 {
  background-color: color-mix(in srgb, var(--color-secondary) 50%, transparent);
}

.bac-s-t-55 {
  background-color: color-mix(in srgb, var(--color-secondary) 55%, transparent);
}

.bac-s-t-60 {
  background-color: color-mix(in srgb, var(--color-secondary) 60%, transparent);
}

.bac-s-t-65 {
  background-color: color-mix(in srgb, var(--color-secondary) 65%, transparent);
}

.bac-s-t-70 {
  background-color: color-mix(in srgb, var(--color-secondary) 70%, transparent);
}

.bac-s-t-75 {
  background-color: color-mix(in srgb, var(--color-secondary) 75%, transparent);
}

.bac-s-t-80 {
  background-color: color-mix(in srgb, var(--color-secondary) 80%, transparent);
}

.bac-s-t-85 {
  background-color: color-mix(in srgb, var(--color-secondary) 85%, transparent);
}

.bac-s-t-90 {
  background-color: color-mix(in srgb, var(--color-secondary) 90%, transparent);
}

.bac-s-t-95 {
  background-color: color-mix(in srgb, var(--color-secondary) 95%, transparent);
}

.bac-s-t-100 {
  background-color: color-mix(in srgb, var(--color-secondary) 100%, transparent);
}

.bac-w, body:has(#theme-light:checked) .bac-a,
body:has(#theme-light:checked).bac-a,
body.theme-light.bac-a,
body:has(#theme-dark:checked) .bac-r,
body:has(#theme-dark:checked).bac-r,
body.theme-dark.bac-r, .editor-toolbar, body:has(#theme-light:checked) .carousel .prev, .carousel body:has(#theme-light:checked) .prev,
body:has(#theme-light:checked) .carousel .next,
.carousel body:has(#theme-light:checked) .next, body:has(#theme-light:checked) .carousel-indicator,
.carousel body.prev:has(#theme-light:checked),
.carousel body.next:has(#theme-light:checked),
body.carousel-indicator:has(#theme-light:checked),
.carousel body.theme-light.prev,
.carousel body.theme-light.next,
body.theme-light.carousel-indicator {
  background-color: var(--color-white);
}

.bac-b, body:has(#theme-dark:checked) .bac-a,
body:has(#theme-dark:checked).bac-a,
body.theme-dark.bac-a,
body:has(#theme-light:checked) .bac-r,
body:has(#theme-light:checked).bac-r,
body.theme-light.bac-r, body:has(#theme-dark:checked) .carousel .prev, .carousel body:has(#theme-dark:checked) .prev,
body:has(#theme-dark:checked) .carousel .next,
.carousel body:has(#theme-dark:checked) .next, body:has(#theme-dark:checked) .carousel-indicator,
.carousel body.prev:has(#theme-dark:checked),
.carousel body.next:has(#theme-dark:checked),
body.carousel-indicator:has(#theme-dark:checked),
.carousel body.theme-dark.prev,
.carousel body.theme-dark.next,
body.theme-dark.carousel-indicator {
  background-color: var(--color-black);
}

.bac-g0 {
  background-color: var(--color-gray-0);
}

.bac-gp0 {
  background-color: var(--color-gray-primary-0);
}

.bac-gs0 {
  background-color: var(--color-gray-secondary-0);
}

.bac-g1 {
  background-color: var(--color-gray-1);
}

.bac-gp1 {
  background-color: var(--color-gray-primary-1);
}

.bac-gs1 {
  background-color: var(--color-gray-secondary-1);
}

.bac-g2 {
  background-color: var(--color-gray-2);
}

.bac-gp2 {
  background-color: var(--color-gray-primary-2);
}

.bac-gs2 {
  background-color: var(--color-gray-secondary-2);
}

.bac-g3 {
  background-color: var(--color-gray-3);
}

.bac-gp3 {
  background-color: var(--color-gray-primary-3);
}

.bac-gs3 {
  background-color: var(--color-gray-secondary-3);
}

.bac-g4 {
  background-color: var(--color-gray-4);
}

.bac-gp4 {
  background-color: var(--color-gray-primary-4);
}

.bac-gs4 {
  background-color: var(--color-gray-secondary-4);
}

.bac-g5 {
  background-color: var(--color-gray-5);
}

.bac-gp5 {
  background-color: var(--color-gray-primary-5);
}

.bac-gs5 {
  background-color: var(--color-gray-secondary-5);
}

.bac-g6 {
  background-color: var(--color-gray-6);
}

.bac-gp6 {
  background-color: var(--color-gray-primary-6);
}

.bac-gs6 {
  background-color: var(--color-gray-secondary-6);
}

.bac-g7 {
  background-color: var(--color-gray-7);
}

.bac-gp7 {
  background-color: var(--color-gray-primary-7);
}

.bac-gs7 {
  background-color: var(--color-gray-secondary-7);
}

.bac-g8 {
  background-color: var(--color-gray-8);
}

.bac-gp8 {
  background-color: var(--color-gray-primary-8);
}

.bac-gs8 {
  background-color: var(--color-gray-secondary-8);
}

.bac-g9 {
  background-color: var(--color-gray-9);
}

.bac-gp9 {
  background-color: var(--color-gray-primary-9);
}

.bac-gs9 {
  background-color: var(--color-gray-secondary-9);
}

.bac-g10 {
  background-color: var(--color-gray-10);
}

.bac-gp10 {
  background-color: var(--color-gray-primary-10);
}

.bac-gs10 {
  background-color: var(--color-gray-secondary-10);
}

.bac-b-1 {
  background-color: var(--color-black-1);
}

.bac-w-1 {
  background-color: var(--color-white-1);
}

.bac-b-2 {
  background-color: var(--color-black-2);
}

.bac-w-2 {
  background-color: var(--color-white-2);
}

.bac-b-3 {
  background-color: var(--color-black-3);
}

.bac-w-3 {
  background-color: var(--color-white-3);
}

.bac-b-4 {
  background-color: var(--color-black-4);
}

.bac-w-4 {
  background-color: var(--color-white-4);
}

.bac-b-5 {
  background-color: var(--color-black-5);
}

.bac-w-5 {
  background-color: var(--color-white-5);
}

.bac-b-t-0 {
  background-color: var(--color-black-t-0);
}

.bac-w-t-0 {
  background-color: var(--color-white-t-0);
}

.bac-b-t-5 {
  background-color: var(--color-black-t-1);
}

.bac-w-t-5 {
  background-color: var(--color-white-t-1);
}

.bac-b-t-10 {
  background-color: var(--color-black-t-2);
}

.bac-w-t-10 {
  background-color: var(--color-white-t-2);
}

.bac-b-t-15 {
  background-color: var(--color-black-t-3);
}

.bac-w-t-15 {
  background-color: var(--color-white-t-3);
}

.bac-b-t-20 {
  background-color: var(--color-black-t-4);
}

.bac-w-t-20 {
  background-color: var(--color-white-t-4);
}

.bac-b-t-25 {
  background-color: var(--color-black-t-5);
}

.bac-w-t-25 {
  background-color: var(--color-white-t-5);
}

.bac-b-t-30 {
  background-color: var(--color-black-t-6);
}

.bac-w-t-30 {
  background-color: var(--color-white-t-6);
}

.bac-b-t-35 {
  background-color: var(--color-black-t-7);
}

.bac-w-t-35 {
  background-color: var(--color-white-t-7);
}

.bac-b-t-40 {
  background-color: var(--color-black-t-8);
}

.bac-w-t-40 {
  background-color: var(--color-white-t-8);
}

.bac-b-t-45 {
  background-color: var(--color-black-t-9);
}

.bac-w-t-45 {
  background-color: var(--color-white-t-9);
}

.bac-b-t-50 {
  background-color: var(--color-black-t-10);
}

.bac-w-t-50 {
  background-color: var(--color-white-t-10);
}

.bac-b-t-55 {
  background-color: var(--color-black-t-11);
}

.bac-w-t-55 {
  background-color: var(--color-white-t-11);
}

.bac-b-t-60 {
  background-color: var(--color-black-t-12);
}

.bac-w-t-60 {
  background-color: var(--color-white-t-12);
}

.bac-b-t-65 {
  background-color: var(--color-black-t-13);
}

.bac-w-t-65 {
  background-color: var(--color-white-t-13);
}

.bac-b-t-70 {
  background-color: var(--color-black-t-14);
}

.bac-w-t-70 {
  background-color: var(--color-white-t-14);
}

.bac-b-t-75 {
  background-color: var(--color-black-t-15);
}

.bac-w-t-75 {
  background-color: var(--color-white-t-15);
}

.bac-b-t-80 {
  background-color: var(--color-black-t-16);
}

.bac-w-t-80 {
  background-color: var(--color-white-t-16);
}

.bac-b-t-85 {
  background-color: var(--color-black-t-17);
}

.bac-w-t-85 {
  background-color: var(--color-white-t-17);
}

.bac-b-t-90 {
  background-color: var(--color-black-t-18);
}

.bac-w-t-90 {
  background-color: var(--color-white-t-18);
}

.bac-b-t-95 {
  background-color: var(--color-black-t-19);
}

.bac-w-t-95 {
  background-color: var(--color-white-t-19);
}

.bac-b-t-100 {
  background-color: var(--color-black-t-20);
}

.bac-w-t-100 {
  background-color: var(--color-white-t-20);
}

.b-n, .carousel .prev,
.carousel .next {
  border: none;
}

.bbc-b {
  border-bottom-color: var(--color-black);
}

.bbc-b1 {
  border-bottom-color: var(--color-black-1);
}

.bbc-b2 {
  border-bottom-color: var(--color-black-2);
}

.bbc-b3 {
  border-bottom-color: var(--color-black-3);
}

.bbc-b4 {
  border-bottom-color: var(--color-black-4);
}

.bbc-b5 {
  border-bottom-color: var(--color-black-5);
}

.bbc-g0 {
  border-bottom-color: var(--color-gray-0);
}

.bbc-gp0 {
  border-bottom-color: var(--color-gray-primary-0);
}

.bbc-gs0 {
  border-bottom-color: var(--color-gray-secondary-0);
}

.bbc-g1, .hero,
.section:not(:last-child) {
  border-bottom-color: var(--color-gray-1);
}

.bbc-gp1 {
  border-bottom-color: var(--color-gray-primary-1);
}

.bbc-gs1 {
  border-bottom-color: var(--color-gray-secondary-1);
}

.bbc-g2 {
  border-bottom-color: var(--color-gray-2);
}

.bbc-gp2 {
  border-bottom-color: var(--color-gray-primary-2);
}

.bbc-gs2 {
  border-bottom-color: var(--color-gray-secondary-2);
}

.bbc-g3 {
  border-bottom-color: var(--color-gray-3);
}

.bbc-gp3 {
  border-bottom-color: var(--color-gray-primary-3);
}

.bbc-gs3 {
  border-bottom-color: var(--color-gray-secondary-3);
}

.bbc-g4 {
  border-bottom-color: var(--color-gray-4);
}

.bbc-gp4 {
  border-bottom-color: var(--color-gray-primary-4);
}

.bbc-gs4 {
  border-bottom-color: var(--color-gray-secondary-4);
}

.bbc-g5 {
  border-bottom-color: var(--color-gray-5);
}

.bbc-gp5 {
  border-bottom-color: var(--color-gray-primary-5);
}

.bbc-gs5 {
  border-bottom-color: var(--color-gray-secondary-5);
}

.bbc-g6 {
  border-bottom-color: var(--color-gray-6);
}

.bbc-gp6 {
  border-bottom-color: var(--color-gray-primary-6);
}

.bbc-gs6 {
  border-bottom-color: var(--color-gray-secondary-6);
}

.bbc-g7 {
  border-bottom-color: var(--color-gray-7);
}

.bbc-gp7 {
  border-bottom-color: var(--color-gray-primary-7);
}

.bbc-gs7 {
  border-bottom-color: var(--color-gray-secondary-7);
}

.bbc-g8 {
  border-bottom-color: var(--color-gray-8);
}

.bbc-gp8 {
  border-bottom-color: var(--color-gray-primary-8);
}

.bbc-gs8 {
  border-bottom-color: var(--color-gray-secondary-8);
}

.bbc-g9 {
  border-bottom-color: var(--color-gray-9);
}

.bbc-gp9 {
  border-bottom-color: var(--color-gray-primary-9);
}

.bbc-gs9 {
  border-bottom-color: var(--color-gray-secondary-9);
}

.bbc-g10 {
  border-bottom-color: var(--color-gray-10);
}

.bbc-gp10 {
  border-bottom-color: var(--color-gray-primary-10);
}

.bbc-gs10 {
  border-bottom-color: var(--color-gray-secondary-10);
}

.bbc-w {
  border-bottom-color: var(--color-white);
}

.bbc-w1 {
  border-bottom-color: var(--color-white-1);
}

.bbc-w2 {
  border-bottom-color: var(--color-white-2);
}

.bbc-w3 {
  border-bottom-color: var(--color-white-3);
}

.bbc-w4 {
  border-bottom-color: var(--color-white-4);
}

.bbc-w5 {
  border-bottom-color: var(--color-white-5);
}

.bbc-p {
  border-bottom-color: var(--color-primary);
}

.bbc-b-t-0 {
  border-bottom-color: rgba(var(--color-black), 0);
}

.bbc-w-t-0 {
  border-bottom-color: rgba(var(--color-white), 0);
}

.bbc-b-t-5 {
  border-bottom-color: rgba(var(--color-black), 0.05);
}

.bbc-w-t-5 {
  border-bottom-color: rgba(var(--color-white), 0.05);
}

.bbc-b-t-10 {
  border-bottom-color: rgba(var(--color-black), 0.1);
}

.bbc-w-t-10 {
  border-bottom-color: rgba(var(--color-white), 0.1);
}

.bbc-b-t-15 {
  border-bottom-color: rgba(var(--color-black), 0.15);
}

.bbc-w-t-15 {
  border-bottom-color: rgba(var(--color-white), 0.15);
}

.bbc-b-t-20 {
  border-bottom-color: rgba(var(--color-black), 0.2);
}

.bbc-w-t-20 {
  border-bottom-color: rgba(var(--color-white), 0.2);
}

.bbc-b-t-25 {
  border-bottom-color: rgba(var(--color-black), 0.25);
}

.bbc-w-t-25 {
  border-bottom-color: rgba(var(--color-white), 0.25);
}

.bbc-b-t-30 {
  border-bottom-color: rgba(var(--color-black), 0.3);
}

.bbc-w-t-30 {
  border-bottom-color: rgba(var(--color-white), 0.3);
}

.bbc-b-t-35 {
  border-bottom-color: rgba(var(--color-black), 0.35);
}

.bbc-w-t-35 {
  border-bottom-color: rgba(var(--color-white), 0.35);
}

.bbc-b-t-40 {
  border-bottom-color: rgba(var(--color-black), 0.4);
}

.bbc-w-t-40 {
  border-bottom-color: rgba(var(--color-white), 0.4);
}

.bbc-b-t-45 {
  border-bottom-color: rgba(var(--color-black), 0.45);
}

.bbc-w-t-45 {
  border-bottom-color: rgba(var(--color-white), 0.45);
}

.bbc-b-t-50 {
  border-bottom-color: rgba(var(--color-black), 0.5);
}

.bbc-w-t-50 {
  border-bottom-color: rgba(var(--color-white), 0.5);
}

.bbc-b-t-55 {
  border-bottom-color: rgba(var(--color-black), 0.55);
}

.bbc-w-t-55 {
  border-bottom-color: rgba(var(--color-white), 0.55);
}

.bbc-b-t-60 {
  border-bottom-color: rgba(var(--color-black), 0.6);
}

.bbc-w-t-60 {
  border-bottom-color: rgba(var(--color-white), 0.6);
}

.bbc-b-t-65 {
  border-bottom-color: rgba(var(--color-black), 0.65);
}

.bbc-w-t-65 {
  border-bottom-color: rgba(var(--color-white), 0.65);
}

.bbc-b-t-70 {
  border-bottom-color: rgba(var(--color-black), 0.7);
}

.bbc-w-t-70 {
  border-bottom-color: rgba(var(--color-white), 0.7);
}

.bbc-b-t-75 {
  border-bottom-color: rgba(var(--color-black), 0.75);
}

.bbc-w-t-75 {
  border-bottom-color: rgba(var(--color-white), 0.75);
}

.bbc-b-t-80 {
  border-bottom-color: rgba(var(--color-black), 0.8);
}

.bbc-w-t-80 {
  border-bottom-color: rgba(var(--color-white), 0.8);
}

.bbc-b-t-85 {
  border-bottom-color: rgba(var(--color-black), 0.85);
}

.bbc-w-t-85 {
  border-bottom-color: rgba(var(--color-white), 0.85);
}

.bbc-b-t-90 {
  border-bottom-color: rgba(var(--color-black), 0.9);
}

.bbc-w-t-90 {
  border-bottom-color: rgba(var(--color-white), 0.9);
}

.bbc-b-t-95 {
  border-bottom-color: rgba(var(--color-black), 0.95);
}

.bbc-w-t-95 {
  border-bottom-color: rgba(var(--color-white), 0.95);
}

.bbc-b-t-100 {
  border-bottom-color: rgba(var(--color-black), 1);
}

.bbc-w-t-100 {
  border-bottom-color: rgba(var(--color-white), 1);
}

.bbs-d {
  border-bottom-style: dashed;
}

.bbs-dot {
  border-bottom-style: dotted;
}

.bbs-dou {
  border-bottom-style: double;
}

.bbs-g {
  border-bottom-style: groove;
}

.bbs-h {
  border-bottom-style: hidden;
}

.bbs-inh {
  border-bottom-style: inherit;
}

.bbs-ini {
  border-bottom-style: initial;
}

.bbs-ins {
  border-bottom-style: inset;
}

.bbs-n {
  border-bottom-style: none;
}

.bbs-o {
  border-bottom-style: outset;
}

.bbs-r {
  border-bottom-style: ridge;
}

.bbs-s, .hero,
.section:not(:last-child) {
  border-bottom-style: solid;
}

.bbs-u {
  border-bottom-style: unset;
}

.bbw-1p, .hero,
.section:not(:last-child) {
  border-bottom-width: 1px;
}

.boc-b, .b-b {
  border-color: var(--color-black);
}

.boc-w, .b-w {
  border-color: var(--color-white);
}

.boc-p, .b-p {
  border-color: var(--color-primary);
}

.boc-s, .b-s {
  border-color: var(--color-secondary);
}

.boc-b-1 {
  border-color: var(--color-black-1);
}

.boc-w-1 {
  border-color: var(--color-white-1);
}

.boc-b-2 {
  border-color: var(--color-black-2);
}

.boc-w-2 {
  border-color: var(--color-white-2);
}

.boc-b-3 {
  border-color: var(--color-black-3);
}

.boc-w-3 {
  border-color: var(--color-white-3);
}

.boc-b-4 {
  border-color: var(--color-black-4);
}

.boc-w-4 {
  border-color: var(--color-white-4);
}

.boc-b-5 {
  border-color: var(--color-black-5);
}

.boc-w-5 {
  border-color: var(--color-white-5);
}

.boc-g0 {
  border-color: var(--color-gray-0);
}

.boc-gp0 {
  border-color: var(--color-gray-primary-0);
}

.boc-gs0 {
  border-color: var(--color-gray-secondary-0);
}

.boc-g1, .frame-flat {
  border-color: var(--color-gray-1);
}

.boc-gp1 {
  border-color: var(--color-gray-primary-1);
}

.boc-gs1 {
  border-color: var(--color-gray-secondary-1);
}

.boc-g2 {
  border-color: var(--color-gray-2);
}

.boc-gp2 {
  border-color: var(--color-gray-primary-2);
}

.boc-gs2 {
  border-color: var(--color-gray-secondary-2);
}

.boc-g3 {
  border-color: var(--color-gray-3);
}

.boc-gp3 {
  border-color: var(--color-gray-primary-3);
}

.boc-gs3 {
  border-color: var(--color-gray-secondary-3);
}

.boc-g4 {
  border-color: var(--color-gray-4);
}

.boc-gp4 {
  border-color: var(--color-gray-primary-4);
}

.boc-gs4 {
  border-color: var(--color-gray-secondary-4);
}

.boc-g5 {
  border-color: var(--color-gray-5);
}

.boc-gp5 {
  border-color: var(--color-gray-primary-5);
}

.boc-gs5 {
  border-color: var(--color-gray-secondary-5);
}

.boc-g6 {
  border-color: var(--color-gray-6);
}

.boc-gp6 {
  border-color: var(--color-gray-primary-6);
}

.boc-gs6 {
  border-color: var(--color-gray-secondary-6);
}

.boc-g7 {
  border-color: var(--color-gray-7);
}

.boc-gp7 {
  border-color: var(--color-gray-primary-7);
}

.boc-gs7 {
  border-color: var(--color-gray-secondary-7);
}

.boc-g8 {
  border-color: var(--color-gray-8);
}

.boc-gp8 {
  border-color: var(--color-gray-primary-8);
}

.boc-gs8 {
  border-color: var(--color-gray-secondary-8);
}

.boc-g9 {
  border-color: var(--color-gray-9);
}

.boc-gp9 {
  border-color: var(--color-gray-primary-9);
}

.boc-gs9 {
  border-color: var(--color-gray-secondary-9);
}

.boc-g10 {
  border-color: var(--color-gray-10);
}

.boc-gp10 {
  border-color: var(--color-gray-primary-10);
}

.boc-gs10 {
  border-color: var(--color-gray-secondary-10);
}

.boc-b-t-0 {
  border-color: var(--color-black-t-0);
}

.boc-w-t-0 {
  border-color: var(--color-white-t-0);
}

.boc-b-t-5 {
  border-color: var(--color-black-t-1);
}

.boc-w-t-5 {
  border-color: var(--color-white-t-1);
}

.boc-b-t-10 {
  border-color: var(--color-black-t-2);
}

.boc-w-t-10 {
  border-color: var(--color-white-t-2);
}

.boc-b-t-15 {
  border-color: var(--color-black-t-3);
}

.boc-w-t-15 {
  border-color: var(--color-white-t-3);
}

.boc-b-t-20 {
  border-color: var(--color-black-t-4);
}

.boc-w-t-20 {
  border-color: var(--color-white-t-4);
}

.boc-b-t-25 {
  border-color: var(--color-black-t-5);
}

.boc-w-t-25 {
  border-color: var(--color-white-t-5);
}

.boc-b-t-30 {
  border-color: var(--color-black-t-6);
}

.boc-w-t-30 {
  border-color: var(--color-white-t-6);
}

.boc-b-t-35 {
  border-color: var(--color-black-t-7);
}

.boc-w-t-35 {
  border-color: var(--color-white-t-7);
}

.boc-b-t-40 {
  border-color: var(--color-black-t-8);
}

.boc-w-t-40 {
  border-color: var(--color-white-t-8);
}

.boc-b-t-45 {
  border-color: var(--color-black-t-9);
}

.boc-w-t-45 {
  border-color: var(--color-white-t-9);
}

.boc-b-t-50 {
  border-color: var(--color-black-t-10);
}

.boc-w-t-50 {
  border-color: var(--color-white-t-10);
}

.boc-b-t-55 {
  border-color: var(--color-black-t-11);
}

.boc-w-t-55 {
  border-color: var(--color-white-t-11);
}

.boc-b-t-60 {
  border-color: var(--color-black-t-12);
}

.boc-w-t-60 {
  border-color: var(--color-white-t-12);
}

.boc-b-t-65 {
  border-color: var(--color-black-t-13);
}

.boc-w-t-65 {
  border-color: var(--color-white-t-13);
}

.boc-b-t-70 {
  border-color: var(--color-black-t-14);
}

.boc-w-t-70 {
  border-color: var(--color-white-t-14);
}

.boc-b-t-75 {
  border-color: var(--color-black-t-15);
}

.boc-w-t-75 {
  border-color: var(--color-white-t-15);
}

.boc-b-t-80 {
  border-color: var(--color-black-t-16);
}

.boc-w-t-80 {
  border-color: var(--color-white-t-16);
}

.boc-b-t-85 {
  border-color: var(--color-black-t-17);
}

.boc-w-t-85 {
  border-color: var(--color-white-t-17);
}

.boc-b-t-90 {
  border-color: var(--color-black-t-18);
}

.boc-w-t-90 {
  border-color: var(--color-white-t-18);
}

.boc-b-t-95 {
  border-color: var(--color-black-t-19);
}

.boc-w-t-95 {
  border-color: var(--color-white-t-19);
}

.boc-b-t-100 {
  border-color: var(--color-black-t-20);
}

.boc-w-t-100 {
  border-color: var(--color-white-t-20);
}

.boc-g0 {
  border-color: var(--color-gray-0);
}

.boc-g1, .frame-flat {
  border-color: var(--color-gray-1);
}

.boc-g2 {
  border-color: var(--color-gray-2);
}

.boc-g3 {
  border-color: var(--color-gray-3);
}

.boc-g4 {
  border-color: var(--color-gray-4);
}

.boc-g5 {
  border-color: var(--color-gray-5);
}

.boc-g6 {
  border-color: var(--color-gray-6);
}

.boc-g7 {
  border-color: var(--color-gray-7);
}

.boc-g8 {
  border-color: var(--color-gray-8);
}

.boc-g9 {
  border-color: var(--color-gray-9);
}

.boc-g10 {
  border-color: var(--color-gray-10);
}

.bls-d {
  border-left-style: dashed;
}

.bls-dot {
  border-left-style: dotted;
}

.bls-dou {
  border-left-style: double;
}

.bls-g {
  border-left-style: groove;
}

.bls-h {
  border-left-style: hidden;
}

.bls-inh {
  border-left-style: inherit;
}

.bls-ini {
  border-left-style: initial;
}

.bls-ins {
  border-left-style: inset;
}

.bls-n {
  border-left-style: none;
}

.bls-o {
  border-left-style: outset;
}

.bls-r {
  border-left-style: ridge;
}

.bls-s {
  border-left-style: solid;
}

.bls-u {
  border-left-style: unset;
}

.br-50p, .circle {
  border-radius: 50%;
}

.br-l-50p {
  border-radius: 50% 0 0 50%;
}

.br-r-50p {
  border-radius: 0 50% 50% 0;
}

.br-t-50p {
  border-radius: 50% 50% 0 0;
}

.br-b-50p {
  border-radius: 0 0 50% 50%;
}

.br-tl-50p {
  border-radius: 50% 0 0 0;
}

.br-tr-50p {
  border-radius: 0 50% 0 0;
}

.br-br-50p {
  border-radius: 0 0 50% 0;
}

.br-bl-50p {
  border-radius: 0 0 0 50%;
}

.br-0 {
  border-radius: var(--size-0);
}

.br-l-0 {
  border-radius: var(--size-0) 0 0 var(--size-0);
}

.br-r-0 {
  border-radius: 0 var(--size-0) var(--size-0) 0;
}

.br-t-0 {
  border-radius: var(--size-0) var(--size-0) 0 0;
}

.br-b-0 {
  border-radius: 0 0 var(--size-0) var(--size-0);
}

.br-tl-0 {
  border-radius: var(--size-0) 0 0 0;
}

.br-tr-0 {
  border-radius: 0 var(--size-0) 0 0;
}

.br-br-0 {
  border-radius: 0 0 var(--size-0) 0;
}

.br-bl-0 {
  border-radius: 0 0 0 var(--size-0);
}

.br-1, .code {
  border-radius: var(--size-1);
}

.br-l-1 {
  border-radius: var(--size-1) 0 0 var(--size-1);
}

.br-r-1 {
  border-radius: 0 var(--size-1) var(--size-1) 0;
}

.br-t-1, .card .card-header {
  border-radius: var(--size-1) var(--size-1) 0 0;
}

.br-b-1 {
  border-radius: 0 0 var(--size-1) var(--size-1);
}

.br-tl-1 {
  border-radius: var(--size-1) 0 0 0;
}

.br-tr-1 {
  border-radius: 0 var(--size-1) 0 0;
}

.br-br-1 {
  border-radius: 0 0 var(--size-1) 0;
}

.br-bl-1 {
  border-radius: 0 0 0 var(--size-1);
}

.br-2 {
  border-radius: var(--size-2);
}

.br-l-2 {
  border-radius: var(--size-2) 0 0 var(--size-2);
}

.br-r-2 {
  border-radius: 0 var(--size-2) var(--size-2) 0;
}

.br-t-2 {
  border-radius: var(--size-2) var(--size-2) 0 0;
}

.br-b-2 {
  border-radius: 0 0 var(--size-2) var(--size-2);
}

.br-tl-2 {
  border-radius: var(--size-2) 0 0 0;
}

.br-tr-2 {
  border-radius: 0 var(--size-2) 0 0;
}

.br-br-2 {
  border-radius: 0 0 var(--size-2) 0;
}

.br-bl-2 {
  border-radius: 0 0 0 var(--size-2);
}

.br-3, .rich-text blockquote, .carousel .prev,
.carousel .next, .carousel-indicator, .box {
  border-radius: var(--size-3);
}

.br-l-3 {
  border-radius: var(--size-3) 0 0 var(--size-3);
}

.br-r-3 {
  border-radius: 0 var(--size-3) var(--size-3) 0;
}

.br-t-3 {
  border-radius: var(--size-3) var(--size-3) 0 0;
}

.br-b-3 {
  border-radius: 0 0 var(--size-3) var(--size-3);
}

.br-tl-3 {
  border-radius: var(--size-3) 0 0 0;
}

.br-tr-3 {
  border-radius: 0 var(--size-3) 0 0;
}

.br-br-3 {
  border-radius: 0 0 var(--size-3) 0;
}

.br-bl-3 {
  border-radius: 0 0 0 var(--size-3);
}

.br-4 {
  border-radius: var(--size-4);
}

.br-l-4 {
  border-radius: var(--size-4) 0 0 var(--size-4);
}

.br-r-4 {
  border-radius: 0 var(--size-4) var(--size-4) 0;
}

.br-t-4 {
  border-radius: var(--size-4) var(--size-4) 0 0;
}

.br-b-4 {
  border-radius: 0 0 var(--size-4) var(--size-4);
}

.br-tl-4 {
  border-radius: var(--size-4) 0 0 0;
}

.br-tr-4 {
  border-radius: 0 var(--size-4) 0 0;
}

.br-br-4 {
  border-radius: 0 0 var(--size-4) 0;
}

.br-bl-4 {
  border-radius: 0 0 0 var(--size-4);
}

.br-5 {
  border-radius: var(--size-5);
}

.br-l-5 {
  border-radius: var(--size-5) 0 0 var(--size-5);
}

.br-r-5 {
  border-radius: 0 var(--size-5) var(--size-5) 0;
}

.br-t-5 {
  border-radius: var(--size-5) var(--size-5) 0 0;
}

.br-b-5 {
  border-radius: 0 0 var(--size-5) var(--size-5);
}

.br-tl-5 {
  border-radius: var(--size-5) 0 0 0;
}

.br-tr-5 {
  border-radius: 0 var(--size-5) 0 0;
}

.br-br-5 {
  border-radius: 0 0 var(--size-5) 0;
}

.br-bl-5 {
  border-radius: 0 0 0 var(--size-5);
}

.br-6 {
  border-radius: var(--size-6);
}

.br-l-6 {
  border-radius: var(--size-6) 0 0 var(--size-6);
}

.br-r-6 {
  border-radius: 0 var(--size-6) var(--size-6) 0;
}

.br-t-6 {
  border-radius: var(--size-6) var(--size-6) 0 0;
}

.br-b-6 {
  border-radius: 0 0 var(--size-6) var(--size-6);
}

.br-tl-6 {
  border-radius: var(--size-6) 0 0 0;
}

.br-tr-6 {
  border-radius: 0 var(--size-6) 0 0;
}

.br-br-6 {
  border-radius: 0 0 var(--size-6) 0;
}

.br-bl-6 {
  border-radius: 0 0 0 var(--size-6);
}

.br-7 {
  border-radius: var(--size-7);
}

.br-l-7 {
  border-radius: var(--size-7) 0 0 var(--size-7);
}

.br-r-7 {
  border-radius: 0 var(--size-7) var(--size-7) 0;
}

.br-t-7 {
  border-radius: var(--size-7) var(--size-7) 0 0;
}

.br-b-7 {
  border-radius: 0 0 var(--size-7) var(--size-7);
}

.br-tl-7 {
  border-radius: var(--size-7) 0 0 0;
}

.br-tr-7 {
  border-radius: 0 var(--size-7) 0 0;
}

.br-br-7 {
  border-radius: 0 0 var(--size-7) 0;
}

.br-bl-7 {
  border-radius: 0 0 0 var(--size-7);
}

.br-8 {
  border-radius: var(--size-8);
}

.br-l-8 {
  border-radius: var(--size-8) 0 0 var(--size-8);
}

.br-r-8 {
  border-radius: 0 var(--size-8) var(--size-8) 0;
}

.br-t-8 {
  border-radius: var(--size-8) var(--size-8) 0 0;
}

.br-b-8 {
  border-radius: 0 0 var(--size-8) var(--size-8);
}

.br-tl-8 {
  border-radius: var(--size-8) 0 0 0;
}

.br-tr-8 {
  border-radius: 0 var(--size-8) 0 0;
}

.br-br-8 {
  border-radius: 0 0 var(--size-8) 0;
}

.br-bl-8 {
  border-radius: 0 0 0 var(--size-8);
}

.br-9 {
  border-radius: var(--size-9);
}

.br-l-9 {
  border-radius: var(--size-9) 0 0 var(--size-9);
}

.br-r-9 {
  border-radius: 0 var(--size-9) var(--size-9) 0;
}

.br-t-9 {
  border-radius: var(--size-9) var(--size-9) 0 0;
}

.br-b-9 {
  border-radius: 0 0 var(--size-9) var(--size-9);
}

.br-tl-9 {
  border-radius: var(--size-9) 0 0 0;
}

.br-tr-9 {
  border-radius: 0 var(--size-9) 0 0;
}

.br-br-9 {
  border-radius: 0 0 var(--size-9) 0;
}

.br-bl-9 {
  border-radius: 0 0 0 var(--size-9);
}

.br-10 {
  border-radius: var(--size-10);
}

.br-l-10 {
  border-radius: var(--size-10) 0 0 var(--size-10);
}

.br-r-10 {
  border-radius: 0 var(--size-10) var(--size-10) 0;
}

.br-t-10 {
  border-radius: var(--size-10) var(--size-10) 0 0;
}

.br-b-10 {
  border-radius: 0 0 var(--size-10) var(--size-10);
}

.br-tl-10 {
  border-radius: var(--size-10) 0 0 0;
}

.br-tr-10 {
  border-radius: 0 var(--size-10) 0 0;
}

.br-br-10 {
  border-radius: 0 0 var(--size-10) 0;
}

.br-bl-10 {
  border-radius: 0 0 0 var(--size-10);
}

.br-11 {
  border-radius: var(--size-11);
}

.br-l-11 {
  border-radius: var(--size-11) 0 0 var(--size-11);
}

.br-r-11 {
  border-radius: 0 var(--size-11) var(--size-11) 0;
}

.br-t-11 {
  border-radius: var(--size-11) var(--size-11) 0 0;
}

.br-b-11 {
  border-radius: 0 0 var(--size-11) var(--size-11);
}

.br-tl-11 {
  border-radius: var(--size-11) 0 0 0;
}

.br-tr-11 {
  border-radius: 0 var(--size-11) 0 0;
}

.br-br-11 {
  border-radius: 0 0 var(--size-11) 0;
}

.br-bl-11 {
  border-radius: 0 0 0 var(--size-11);
}

.br-12, .pill, .field input[type=text],
.field input[type=password],
.field select, .badge {
  border-radius: var(--size-12);
}

.br-l-12 {
  border-radius: var(--size-12) 0 0 var(--size-12);
}

.br-r-12 {
  border-radius: 0 var(--size-12) var(--size-12) 0;
}

.br-t-12 {
  border-radius: var(--size-12) var(--size-12) 0 0;
}

.br-b-12 {
  border-radius: 0 0 var(--size-12) var(--size-12);
}

.br-tl-12 {
  border-radius: var(--size-12) 0 0 0;
}

.br-tr-12 {
  border-radius: 0 var(--size-12) 0 0;
}

.br-br-12 {
  border-radius: 0 0 var(--size-12) 0;
}

.br-bl-12 {
  border-radius: 0 0 0 var(--size-12);
}

.brs-d {
  border-right-style: dashed;
}

.brs-dot {
  border-right-style: dotted;
}

.brs-dou {
  border-right-style: double;
}

.brs-g {
  border-right-style: groove;
}

.brs-h {
  border-right-style: hidden;
}

.brs-inh {
  border-right-style: inherit;
}

.brs-ini {
  border-right-style: initial;
}

.brs-ins {
  border-right-style: inset;
}

.brs-n {
  border-right-style: none;
}

.brs-o {
  border-right-style: outset;
}

.brs-r {
  border-right-style: ridge;
}

.brs-s {
  border-right-style: solid;
}

.brs-u {
  border-right-style: unset;
}

.bs-d {
  border-style: dashed;
}

.bs-dot {
  border-style: dotted;
}

.bs-dou {
  border-style: double;
}

.bs-g {
  border-style: groove;
}

.bs-h {
  border-style: hidden;
}

.bs-inh {
  border-style: inherit;
}

.bs-ini {
  border-style: initial;
}

.bs-ins {
  border-style: inset;
}

.bs-n {
  border-style: none;
}

.bs-o {
  border-style: outset;
}

.bs-r {
  border-style: ridge;
}

.bs-s, .b-a, .b-r, .b,
.b-b,
.b-w,
.b-p,
.b-s,
.bw-1p,
.b-a-bw-1,
.b-a-bw-2,
.b-a-bw-3,
.b-a-bw-4,
.b-a-bw-5,
.boc-a-bw-1,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-1,
.boc-a-bw-2,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-2,
.boc-a-bw-3,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-3,
.boc-a-bw-4,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-4,
.boc-a-bw-5,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-5, .carousel-indicator, hr,
.field input[type=text],
.field input[type=password],
.field select,
input[type=submit],
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .field input[type=text],
.field body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=text],
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .field input[type=password],
.field body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=password],
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .field select,
.field body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) select,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=submit] {
  border-style: solid;
}

.bs-u {
  border-style: unset;
}

.bts-d {
  border-top-style: dashed;
}

.bts-dot {
  border-top-style: dotted;
}

.bts-dou {
  border-top-style: double;
}

.bts-g {
  border-top-style: groove;
}

.bts-h {
  border-top-style: hidden;
}

.bts-inh {
  border-top-style: inherit;
}

.bts-ini {
  border-top-style: initial;
}

.bts-ins {
  border-top-style: inset;
}

.bts-n {
  border-top-style: none;
}

.bts-o {
  border-top-style: outset;
}

.bts-r {
  border-top-style: ridge;
}

.bts-s {
  border-top-style: solid;
}

.bts-u {
  border-top-style: unset;
}

.bw-1p, .b-a, .b-r, .b,
.b-b,
.b-w,
.b-p,
.b-s,
.b-a-bw-1,
.b-a-bw-2,
.b-a-bw-3,
.b-a-bw-4,
.b-a-bw-5, .boc-a-bw-1, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-1, .boc-a-bw-2, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-2, .boc-a-bw-3, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-3, .boc-a-bw-4, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-4, .boc-a-bw-5, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-5, .carousel-indicator, hr, .field input[type=text],
.field input[type=password],
.field select, input[type=submit], body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .field input[type=text], .field body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=text],
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .field input[type=password],
.field body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=password],
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .field select,
.field body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) select, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=submit] {
  border-width: 1px;
}

.bw-1, .spinner {
  border-width: var(--size-1);
}

.bw-2 {
  border-width: var(--size-2);
}

.bw-3 {
  border-width: var(--size-3);
}

.bw-4 {
  border-width: var(--size-4);
}

.bw-5 {
  border-width: var(--size-5);
}

.bw-6 {
  border-width: var(--size-6);
}

.bw-7 {
  border-width: var(--size-7);
}

.bw-8 {
  border-width: var(--size-8);
}

.bw-9 {
  border-width: var(--size-9);
}

.bw-10 {
  border-width: var(--size-10);
}

.bw-11 {
  border-width: var(--size-11);
}

.bw-12 {
  border-width: var(--size-12);
}

.b-0, .carousel-tools, .carousel-indicators {
  bottom: 0;
}

.b-1 {
  bottom: var(--size-1);
}

.b-2 {
  bottom: var(--size-2);
}

.b-3 {
  bottom: var(--size-3);
}

.b-4 {
  bottom: var(--size-4);
}

.b-5 {
  bottom: var(--size-5);
}

.b-6 {
  bottom: var(--size-6);
}

.b-7 {
  bottom: var(--size-7);
}

.b-8 {
  bottom: var(--size-8);
}

.b-9 {
  bottom: var(--size-9);
}

.b-10 {
  bottom: var(--size-10);
}

.b-11 {
  bottom: var(--size-11);
}

.b-12 {
  bottom: var(--size-12);
}

.bs-n {
  box-shadow: none;
}

.bs-w-1, body:has(#theme-light:checked) .frame, body:has(#theme-light:checked) .card:not(.frame-auto), body:has(#theme-light:checked) .carousel .prev, .carousel body:has(#theme-light:checked) .prev,
body:has(#theme-light:checked) .carousel .next,
.carousel body:has(#theme-light:checked) .next, body:has(#theme-light:checked) .switch, body:has(#theme-light:checked) .button {
  box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) 0 var(--shadow-white-first), var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) 0 var(--shadow-white-second);
}

.bs-b-1, body:has(#theme-dark:checked) .frame, body:has(#theme-dark:checked) .card:not(.frame-auto), body:has(#theme-dark:checked) .carousel .prev, .carousel body:has(#theme-dark:checked) .prev,
body:has(#theme-dark:checked) .carousel .next,
.carousel body:has(#theme-dark:checked) .next, body:has(#theme-dark:checked) .switch, body:has(#theme-dark:checked) .button {
  box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) 0 var(--shadow-black-first), var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) 0 var(--shadow-black-second);
}

.bs-l-w-1 {
  box-shadow: var(--shadow-offset) 0 var(--shadow-blur) 0 var(--shadow-white-first);
}

.bs-l-b-1 {
  box-shadow: var(--shadow-offset) 0 var(--shadow-blur) 0 var(--shadow-black-first);
}

.bs-b-w-1 {
  box-shadow: 0 var(--shadow-offset) var(--shadow-blur) 0 var(--shadow-white-first);
}

.bs-b-b-1 {
  box-shadow: 0 var(--shadow-offset) var(--shadow-blur) 0 var(--shadow-black-first);
}

.bs-i-w-1, body:has(#theme-light:checked) .inset {
  box-shadow: inset var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) var(--shadow-white-first), inset var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) var(--shadow-white-second);
}

.bs-i-b-1, body:has(#theme-dark:checked) .inset {
  box-shadow: inset var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) var(--shadow-black-first), inset var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) var(--shadow-black-second);
}

.cp-i-nl {
  clip-path: inset(-16px -16px -16px 0);
}

.c-1 {
  color: var(--color-1);
}

.c-bw-1 {
  color: var(--color-bw-1);
}

.c-2 {
  color: var(--color-2);
}

.c-bw-2 {
  color: var(--color-bw-2);
}

.c-3 {
  color: var(--color-3);
}

.c-bw-3 {
  color: var(--color-bw-3);
}

.c-4 {
  color: var(--color-4);
}

.c-bw-4 {
  color: var(--color-bw-4);
}

.c-5 {
  color: var(--color-5);
}

.c-bw-5 {
  color: var(--color-bw-5);
}

.c-6 {
  color: var(--color-6);
}

.c-bw-6 {
  color: var(--color-bw-6);
}

.c-7 {
  color: var(--color-7);
}

.c-bw-7 {
  color: var(--color-bw-7);
}

.c-8 {
  color: var(--color-8);
}

.c-bw-8 {
  color: var(--color-bw-8);
}

.c-9 {
  color: var(--color-9);
}

.c-bw-9 {
  color: var(--color-bw-9);
}

.c-10 {
  color: var(--color-10);
}

.c-bw-10 {
  color: var(--color-bw-10);
}

.c-11 {
  color: var(--color-11);
}

.c-bw-11 {
  color: var(--color-bw-11);
}

.c-12 {
  color: var(--color-12);
}

.c-bw-12 {
  color: var(--color-bw-12);
}

.c-p, body:has(#theme-light:checked) .h\:c-a-c:hover, body:has(#theme-light:checked) .c-a-c, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:c-a-c:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .h\:c-a-c:hover,
body.theme-light.c-a-c,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body.theme-light.h\:c-a-c:hover,
body:has(#theme-dark:checked) .c-r-c,
body.theme-dark.c-r-c, body:has(#theme-light:checked) .rich-text a:hover, .rich-text body:has(#theme-light:checked) a:hover, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .rich-text a:hover, .rich-text body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) a:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .rich-text a:hover, .rich-text body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) a:hover, .check_button:has(input[type=checkbox]:checked), .h\:c-p:hover {
  color: var(--color-primary);
}

.c-s, body:has(#theme-dark:checked) .h\:c-a-c:hover, body:has(#theme-dark:checked) .c-a-c, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:c-a-c:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .h\:c-a-c:hover,
body.theme-dark.c-a-c,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body.theme-dark.h\:c-a-c:hover,
body:has(#theme-light:checked) .c-r-c,
body.theme-light.c-r-c, body:has(#theme-dark:checked) .rich-text a:hover, .rich-text body:has(#theme-dark:checked) a:hover, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .rich-text a:hover, .rich-text body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) a:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .rich-text a:hover, .rich-text body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) a:hover, .check_button, .h\:c-s:hover {
  color: var(--color-secondary);
}

.c-w, body:has(#theme-dark:checked) .c-a,
body.theme-dark.c-a,
body:has(#theme-light:checked) .c-r,
body.theme-light.c-r, body:has(#theme-light:checked) .h\:c-a,
body.theme-light.h\:c-a,
body:has(#theme-dark:checked) .h\:c-r,
body.theme-dark.h\:c-r, body:has(#theme-dark:checked) .rich-text a, .rich-text body:has(#theme-dark:checked) a, body:has(#theme-dark:checked) .carousel .prev, .carousel body:has(#theme-dark:checked) .prev,
body:has(#theme-dark:checked) .carousel .next,
.carousel body:has(#theme-dark:checked) .next, body:has(#theme-dark:checked) h1.title, body:has(#theme-dark:checked) h2.title, body:has(#theme-dark:checked) h3.title, body:has(#theme-dark:checked) h4.title, body:has(#theme-dark:checked) h5.title, body:has(#theme-dark:checked) h6.title, body:has(#theme-dark:checked) .rich-text h1, .rich-text body:has(#theme-dark:checked) h1, body:has(#theme-dark:checked) .hr, body:has(#theme-dark:checked) input[type=submit],
.carousel body.theme-dark.prev,
.carousel body.theme-dark.next,
body.theme-dark.hr {
  color: var(--color-white);
}

.h\:c-b:hover,
.c-b,
body:has(#theme-light:checked) .c-a,
body.theme-light.c-a,
body:has(#theme-dark:checked) .c-r,
body.theme-dark.c-r,
body:has(#theme-light:checked) .rich-text a,
.rich-text body:has(#theme-light:checked) a,
body:has(#theme-light:checked) .carousel .prev,
.carousel body:has(#theme-light:checked) .prev,
body:has(#theme-light:checked) .carousel .next,
.carousel body:has(#theme-light:checked) .next,
body:has(#theme-light:checked) h1.title,
body:has(#theme-light:checked) h2.title,
body:has(#theme-light:checked) h3.title,
body:has(#theme-light:checked) h4.title,
body:has(#theme-light:checked) h5.title,
body:has(#theme-light:checked) h6.title,
body:has(#theme-light:checked) .rich-text h1,
.rich-text body:has(#theme-light:checked) h1,
body:has(#theme-light:checked) .hr,
body:has(#theme-light:checked) input[type=submit],
.carousel body.theme-light.prev,
.carousel body.theme-light.next,
body.theme-light.hr {
  color: var(--color-black);
}

.c-w-1, body:has(#theme-dark:checked) .c-a-bw-1, body:has(#theme-dark:checked) .c-a-bw, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .c-a, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .c-a, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(#theme-dark:checked) .h\:c-r:hover, body:not(:has(#theme-light:checked)):not(#theme-dark:checked) body:has(#theme-dark:checked) .h\:c-r:hover,
body:has(#theme-light:checked) .c-r-bw-1,
body:has(#theme-light:checked) .c-r-bw,
body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .c-r,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .c-r,
body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(#theme-dark:checked) .h\:c-a:hover,
body:not(:has(#theme-light:checked)):not(#theme-dark:checked) body:has(#theme-light:checked) .h\:c-a:hover,
body:has(#theme-light:checked) .EasyMDEContainer .editor-toolbar *,
.EasyMDEContainer .editor-toolbar body:has(#theme-light:checked) *, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .rich-text a, .rich-text body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) a, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .prev, .carousel body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .prev,
body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .next,
.carousel body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .next, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h1.title, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h2.title, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h3.title, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h4.title, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h5.title, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h6.title, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .rich-text h1, .rich-text body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h1, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .hr, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=submit], body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .rich-text a, .rich-text body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) a, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .carousel .prev, .carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .prev,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .carousel .next,
.carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .next, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) h1.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) h2.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) h3.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) h4.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) h5.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) h6.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .rich-text h1, .rich-text body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) h1, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .hr, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) input[type=submit], body:has(#theme-dark:checked) .field input[type=text], .field body:has(#theme-dark:checked) input[type=text],
body:has(#theme-dark:checked) .field input[type=password],
.field body:has(#theme-dark:checked) input[type=password],
body:has(#theme-dark:checked) .field select,
.field body:has(#theme-dark:checked) select {
  color: var(--color-white-1);
}

.c-b-1, body:has(#theme-light:checked) .c-a-bw-1, body:has(#theme-light:checked) .c-a-bw, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .c-a, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .c-a, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(#theme-dark:checked) .h\:c-r:hover, body:not(:has(#theme-light:checked)):not(#theme-dark:checked) body:has(#theme-light:checked) .h\:c-r:hover,
body:has(#theme-dark:checked) .c-r-bw-1,
body:has(#theme-dark:checked) .c-r-bw,
body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .c-r,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .c-r,
body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(#theme-dark:checked) .h\:c-a:hover,
body:not(:has(#theme-light:checked)):not(#theme-dark:checked) body:has(#theme-dark:checked) .h\:c-a:hover,
body:has(#theme-dark:checked) .EasyMDEContainer .editor-toolbar *,
.EasyMDEContainer .editor-toolbar body:has(#theme-dark:checked) *, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .rich-text a, .rich-text body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) a, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .prev, .carousel body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .prev,
body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .next,
.carousel body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .next, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h1.title, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h2.title, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h3.title, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h4.title, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h5.title, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h6.title, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .rich-text h1, .rich-text body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h1, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .hr, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=submit], body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .rich-text a, .rich-text body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) a, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .carousel .prev, .carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .prev,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .carousel .next,
.carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .next, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) h1.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) h2.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) h3.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) h4.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) h5.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) h6.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .rich-text h1, .rich-text body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) h1, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .hr, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) input[type=submit], body:has(#theme-light:checked) .field input[type=text], .field body:has(#theme-light:checked) input[type=text],
body:has(#theme-light:checked) .field input[type=password],
.field body:has(#theme-light:checked) input[type=password],
body:has(#theme-light:checked) .field select,
.field body:has(#theme-light:checked) select {
  color: var(--color-black-1);
}

.c-w-2, body:has(#theme-dark:checked) .c-a-bw-2,
body:has(#theme-light:checked) .c-r-bw-2 {
  color: var(--color-white-2);
}

.c-b-2, body:has(#theme-light:checked) .c-a-bw-2,
body:has(#theme-dark:checked) .c-r-bw-2 {
  color: var(--color-black-2);
}

.c-w-3, body:has(#theme-dark:checked) .c-a-bw-3,
body:has(#theme-light:checked) .c-r-bw-3 {
  color: var(--color-white-3);
}

.c-b-3, body:has(#theme-light:checked) .c-a-bw-3,
body:has(#theme-dark:checked) .c-r-bw-3 {
  color: var(--color-black-3);
}

.c-w-4, body:has(#theme-dark:checked) .c-a-bw-4,
body:has(#theme-light:checked) .c-r-bw-4 {
  color: var(--color-white-4);
}

.c-b-4, body:has(#theme-light:checked) .c-a-bw-4,
body:has(#theme-dark:checked) .c-r-bw-4 {
  color: var(--color-black-4);
}

.c-w-5, body:has(#theme-dark:checked) .c-a-bw-5,
body:has(#theme-light:checked) .c-r-bw-5, body:has(#theme-dark:checked) .ql-editor, body:has(#theme-dark:checked) input[type=text]::placeholder,
body:has(#theme-dark:checked) input[type=password]::placeholder {
  color: var(--color-white-5);
}

.c-b-5, body:has(#theme-light:checked) .c-a-bw-5,
body:has(#theme-dark:checked) .c-r-bw-5, body:has(#theme-light:checked) .ql-editor, body:has(#theme-light:checked) input[type=text]::placeholder,
body:has(#theme-light:checked) input[type=password]::placeholder {
  color: var(--color-black-5);
}

.c-g0 {
  color: var(--color-gray-0);
}

.c-gp0 {
  color: var(--color-gray-primary-0);
}

.c-gs0 {
  color: var(--color-gray-secondary-0);
}

.c-g1 {
  color: var(--color-gray-1);
}

.c-gp1 {
  color: var(--color-gray-primary-1);
}

.c-gs1 {
  color: var(--color-gray-secondary-1);
}

.c-g2 {
  color: var(--color-gray-2);
}

.c-gp2 {
  color: var(--color-gray-primary-2);
}

.c-gs2 {
  color: var(--color-gray-secondary-2);
}

.c-g3 {
  color: var(--color-gray-3);
}

.c-gp3 {
  color: var(--color-gray-primary-3);
}

.c-gs3 {
  color: var(--color-gray-secondary-3);
}

.c-g4 {
  color: var(--color-gray-4);
}

.c-gp4 {
  color: var(--color-gray-primary-4);
}

.c-gs4 {
  color: var(--color-gray-secondary-4);
}

.c-g5, .field .icon {
  color: var(--color-gray-5);
}

.c-gp5 {
  color: var(--color-gray-primary-5);
}

.c-gs5 {
  color: var(--color-gray-secondary-5);
}

.c-g6 {
  color: var(--color-gray-6);
}

.c-gp6 {
  color: var(--color-gray-primary-6);
}

.c-gs6 {
  color: var(--color-gray-secondary-6);
}

.c-g7 {
  color: var(--color-gray-7);
}

.c-gp7 {
  color: var(--color-gray-primary-7);
}

.c-gs7 {
  color: var(--color-gray-secondary-7);
}

.c-g8 {
  color: var(--color-gray-8);
}

.c-gp8 {
  color: var(--color-gray-primary-8);
}

.c-gs8 {
  color: var(--color-gray-secondary-8);
}

.c-g9 {
  color: var(--color-gray-9);
}

.c-gp9 {
  color: var(--color-gray-primary-9);
}

.c-gs9 {
  color: var(--color-gray-secondary-9);
}

.c-g10 {
  color: var(--color-gray-10);
}

.c-gp10 {
  color: var(--color-gray-primary-10);
}

.c-gs10 {
  color: var(--color-gray-secondary-10);
}

.cg-1 {
  column-gap: var(--size-1);
}

.cg-2 {
  column-gap: var(--size-2);
}

.cg-3 {
  column-gap: var(--size-3);
}

.cg-4 {
  column-gap: var(--size-4);
}

.cg-5 {
  column-gap: var(--size-5);
}

.cg-6 {
  column-gap: var(--size-6);
}

.cg-7 {
  column-gap: var(--size-7);
}

.cg-8 {
  column-gap: var(--size-8);
}

.cg-9 {
  column-gap: var(--size-9);
}

.cg-10 {
  column-gap: var(--size-10);
}

.cg-11 {
  column-gap: var(--size-11);
}

.cg-12 {
  column-gap: var(--size-12);
}

@media (min-width: 769px) {
  .pc\:cg-1 {
    column-gap: var(--size-1);
  }
  .pc\:cg-2 {
    column-gap: var(--size-2);
  }
  .pc\:cg-3 {
    column-gap: var(--size-3);
  }
  .pc\:cg-4 {
    column-gap: var(--size-4);
  }
  .pc\:cg-5 {
    column-gap: var(--size-5);
  }
  .pc\:cg-6 {
    column-gap: var(--size-6);
  }
  .pc\:cg-7 {
    column-gap: var(--size-7);
  }
  .pc\:cg-8 {
    column-gap: var(--size-8);
  }
  .pc\:cg-9 {
    column-gap: var(--size-9);
  }
  .pc\:cg-10 {
    column-gap: var(--size-10);
  }
  .pc\:cg-11 {
    column-gap: var(--size-11);
  }
  .pc\:cg-12 {
    column-gap: var(--size-12);
  }
}
.cu-al {
  cursor: alias;
}

.cu-all {
  cursor: all-scroll;
}

.cu-au, .carousel-indicator.active {
  cursor: auto;
}

.cu-ce {
  cursor: cell;
}

.cu-co {
  cursor: copy;
}

.cu-cr {
  cursor: crosshair;
}

.cu-cm {
  cursor: context-menu;
}

.cu-d {
  cursor: default;
}

.cu-d {
  cursor: help;
}

.cu-g {
  cursor: grab;
}

.cu-gr {
  cursor: grabbing;
}

.cu-m {
  cursor: move;
}

.cu-n {
  cursor: none;
}

.cu-na {
  cursor: not-allowed;
}

.cu-nd {
  cursor: no-drop;
}

.cu-po, .leaf, .carousel .prev,
.carousel .next, .carousel-indicator, .button, .ajax_button:not(.disabled) {
  cursor: pointer;
}

.cu-pr {
  cursor: progress;
}

.cu-re {
  cursor: e-resize;
}

.cu-rn {
  cursor: n-resize;
}

.cu-rne {
  cursor: ne-resize;
}

.cu-rnw {
  cursor: nw-resize;
}

.cu-rs {
  cursor: s-resize;
}

.cu-rse {
  cursor: se-resize;
}

.cu-rsw {
  cursor: sw-resize;
}

.cu-rw {
  cursor: w-resize;
}

.cu-rew {
  cursor: ew-resize;
}

.cu-rns {
  cursor: ns-resize;
}

.cu-rnwse {
  cursor: nesw-resize;
}

.cu-rc {
  cursor: col-resize;
}

.cu-rz {
  cursor: row-resize;
}

.cu-t {
  cursor: text;
}

.cu-vt {
  cursor: vertical-text;
}

.cu-w {
  cursor: wait;
}

.cu-zi {
  cursor: zoom-in;
}

.cu-zo {
  cursor: zoom-out;
}

.d-b {
  display: block;
}

.d-f, .tab:has(input[type=radio]:checked), .atom, .burger-menu, .burger-menu ul li, .hero, .card .content, .card .card-body, .hr, form, .field, .badge, .switch .slider,
.switch .labels, .switch label, a.button, .bar, .rich-text p, .navbar, .carousel, .carousel .carousel-items, .carousel-tools, .carousel-indicators, .row, .inset, .frame, .switch, .button, .carousel .prev,
.carousel .next, .card:not(.frame-auto), .tree, .wall, .bricks, .icon-label, .icon {
  display: flex;
}

.d-fr {
  display: flow-root;
}

.d-g {
  display: grid;
}

.d-i {
  display: inline;
}

.d-ib {
  display: inline-block;
}

.d-if {
  display: inline-flex;
}

.d-ig {
  display: inline-grid;
}

.d-li {
  display: list-item;
}

.d-n, .tab,
.tab input[type=radio], .carousel .prev:disabled,
.carousel .next:disabled {
  display: none;
}

.f-b-1 {
  filter: blur(1px);
}

.f-b-2 {
  filter: blur(2px);
}

.f-b-3 {
  filter: blur(3px);
}

.f-b-4 {
  filter: blur(4px);
}

.f-b-5 {
  filter: blur(5px);
}

.f-b-6 {
  filter: blur(6px);
}

.f-b-7 {
  filter: blur(7px);
}

.f-b-8 {
  filter: blur(8px);
}

.f-b-9 {
  filter: blur(9px);
}

.f-b-10 {
  filter: blur(10px);
}

.f-b-11 {
  filter: blur(11px);
}

.f-b-12 {
  filter: blur(12px);
}

.f-1, .card .content, .card .card-body, .wall {
  flex: 1;
}

.ff-c, .o-v, .tree, form, .burger-menu ul, .section, .rich-text p, .page, .hero, .card, .card .content {
  flex-flow: column;
}

.ff-cr {
  flex-flow: column-reverse;
}

.ff-r, .o-h, .carousel .carousel-items, .row {
  flex-flow: row;
}

.ff-rr {
  flex-flow: row-reverse;
}

.fw-n {
  flex-wrap: nowrap;
}

.fw-w, .bricks {
  flex-wrap: wrap;
}

.fw-wr {
  flex-wrap: wrap-reverse;
}

.ff-title, h1,
h2,
h3,
h4,
h5,
h6,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-family: "Inter";
}

.ff-main {
  font-family: "Inter";
}

.emoji {
  font-family: "Noto Emoji", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.fs-0 {
  font-size: var(--size-0);
}

.fs-1, .card .card-body, .switch label, .button, .text-1, .paragraph {
  font-size: var(--size-1);
}

.fs-2, h1,
h2,
h3,
h4,
h5,
h6, .rich-text.fs-2 p,
.rich-text.fs-2 li,
.rich-text.fs-2 strong, h2.title, h3.title, h4.title, h5.title, h6.title, .text-2 {
  font-size: var(--size-2);
}

.fs-3, .hero h1, h1.title, .rich-text h1, .text-3 {
  font-size: var(--size-3);
}

.fs-4, .text-4 {
  font-size: var(--size-4);
}

.fs-5, .text-5 {
  font-size: var(--size-5);
}

.fs-6, .text-6 {
  font-size: var(--size-6);
}

.fs-7, .text-7 {
  font-size: var(--size-7);
}

.fs-8, .text-8 {
  font-size: var(--size-8);
}

.fs-9, .text-9 {
  font-size: var(--size-9);
}

.fs-10, .text-10 {
  font-size: var(--size-10);
}

.fs-11, .text-11 {
  font-size: var(--size-11);
}

.fs-12, .text-12 {
  font-size: var(--size-12);
}

@media (min-width: 769px) {
  .pc\:fs-0 {
    font-size: var(--size-0);
  }
  .pc\:fs-1 {
    font-size: var(--size-1);
  }
  .pc\:fs-2 {
    font-size: var(--size-2);
  }
  .pc\:fs-3 {
    font-size: var(--size-3);
  }
  .pc\:fs-4, .hero h1 {
    font-size: var(--size-4);
  }
  .pc\:fs-5 {
    font-size: var(--size-5);
  }
  .pc\:fs-6 {
    font-size: var(--size-6);
  }
  .pc\:fs-7 {
    font-size: var(--size-7);
  }
  .pc\:fs-8 {
    font-size: var(--size-8);
  }
  .pc\:fs-9 {
    font-size: var(--size-9);
  }
  .pc\:fs-10 {
    font-size: var(--size-10);
  }
  .pc\:fs-11 {
    font-size: var(--size-11);
  }
  .pc\:fs-12 {
    font-size: var(--size-12);
  }
}
.fw-100 {
  font-weight: 100;
}

.fw-200, input[type=text]::placeholder,
input[type=password]::placeholder {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400, .card .card-body, h1.title, h2.title, h3.title, h4.title, h5.title, h6.title, .rich-text h1, .field input[type=text],
.field input[type=password],
.field select {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600, .rich-text strong {
  font-weight: 600;
}

.fw-700, .hero h1 span {
  font-weight: 700;
}

.fw-800, .hero h1 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fw-1000 {
  font-weight: 1000;
}

.g-1, .carousel .carousel-items, .carousel-indicators, form {
  gap: var(--size-1);
}

.g-2 {
  gap: var(--size-2);
}

.g-3 {
  gap: var(--size-3);
}

.g-4 {
  gap: var(--size-4);
}

.g-5 {
  gap: var(--size-5);
}

.g-6 {
  gap: var(--size-6);
}

.g-7 {
  gap: var(--size-7);
}

.g-8 {
  gap: var(--size-8);
}

.g-9 {
  gap: var(--size-9);
}

.g-10 {
  gap: var(--size-10);
}

.g-11 {
  gap: var(--size-11);
}

.g-12 {
  gap: var(--size-12);
}

.h-a, .card .card-header {
  height: auto;
}

.h-f, html,
body, .carousel-tools, .burger-menu, .field input[type=text],
.field input[type=password],
.field select, .bar.o-v, .o-v.navbar, .rich-text p.bar, .rich-text p.navbar, .burger-menu ul.bar, .burger-menu ul.navbar {
  height: 100%;
}

.h-f-vh {
  height: 100vh;
}

.h-1, .carousel-indicator {
  height: 14px !important;
}

.h-2, .switch label, .field .icon {
  height: 22.6524758425px !important;
}

.h-3, .burger-menu ul li, .switch, .field:not(input[type=submit]) {
  height: 36.6524758425px !important;
}

.h-4, .carousel .prev,
.carousel .next {
  height: 59.304951685px !important;
}

.h-5 {
  height: 95.9574275275px !important;
}

.h-6 {
  height: 155.2623792125px !important;
}

.h-7, footer {
  height: 251.21980674px !important;
}

.h-8 {
  height: 406.4821859525px !important;
}

.h-9 {
  height: 657.7019926925px !important;
}

.h-10 {
  height: 1064.184178645px !important;
}

.h-11 {
  height: 1721.8861713374px !important;
}

.h-12 {
  height: 2786.0703499824px !important;
}

@media (min-width: 769px) {
  .pc\:h-1 {
    height: 14px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-2 {
    height: 22.6524758425px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-3 {
    height: 36.6524758425px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-4 {
    height: 59.304951685px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-5 {
    height: 95.9574275275px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-6 {
    height: 155.2623792125px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-7 {
    height: 251.21980674px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-8 {
    height: 406.4821859525px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-9 {
    height: 657.7019926925px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-10 {
    height: 1064.184178645px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-11 {
    height: 1721.8861713374px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-12 {
    height: 2786.0703499824px !important;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
}
.jc-c, .hero, footer, .carousel-tools, .burger-menu, .switch, .switch label, .row, .icon, .carousel .prev,
.carousel .next, .field:has(select), .button {
  justify-content: center;
}

.jc-e, .burger-menu {
  justify-content: end;
}

.jc-s {
  justify-content: start;
}

.jc-sa {
  justify-content: space-around;
}

.jc-se {
  justify-content: space-evenly;
}

.jc-sb, .navbar {
  justify-content: space-between;
}

.ls--1p, .hero h1 {
  letter-spacing: -1px;
}

.l-0, .carousel-tools, .carousel .prev {
  left: 0;
}

.l-1 {
  left: var(--size-1);
}

.l-2 {
  left: var(--size-2);
}

.l-3 {
  left: var(--size-3);
}

.l-4 {
  left: var(--size-4);
}

.l-5 {
  left: var(--size-5);
}

.l-6 {
  left: var(--size-6);
}

.l-7 {
  left: var(--size-7);
}

.l-8 {
  left: var(--size-8);
}

.l-9 {
  left: var(--size-9);
}

.l-10 {
  left: var(--size-10);
}

.l-11 {
  left: var(--size-11);
}

.l-12 {
  left: var(--size-12);
}

.lb-a {
  line-break: auto;
}

.lb-an {
  line-break: anywhere;
}

.lb-l {
  line-break: loose;
}

.lb-n {
  line-break: normal;
}

.lb-s {
  line-break: strict;
}

.lh-1 {
  line-height: var(--size-1);
}

.lh-2, .text-1, .paragraph {
  line-height: var(--size-2);
}

.lh-3, h1,
h2,
h3,
h4,
h5,
h6, .hero h1,
.hero h1 span, h2.title, h3.title, h4.title, h5.title, h6.title, .text-2 {
  line-height: var(--size-3);
}

.lh-4, h1.title:not(.lh-2), .rich-text h1:not(.lh-2), .text-3 {
  line-height: var(--size-4);
}

.lh-5, .text-4 {
  line-height: var(--size-5);
}

.lh-6, .text-5 {
  line-height: var(--size-6);
}

.lh-7, .text-6 {
  line-height: var(--size-7);
}

.lh-8, .text-7 {
  line-height: var(--size-8);
}

.lh-9, .text-8 {
  line-height: var(--size-9);
}

.lh-10, .text-9 {
  line-height: var(--size-10);
}

.lh-11, .text-10 {
  line-height: var(--size-11);
}

.lh-12, .text-11 {
  line-height: var(--size-12);
}

.lh-13, .text-12 {
  line-height: var(--size-13);
}

@media (min-width: 769px) {
  .pc\:lh-0 {
    line-height: var(--size-0);
  }
  .pc\:lh-1 {
    line-height: var(--size-1);
  }
  .pc\:lh-2 {
    line-height: var(--size-2);
  }
  .pc\:lh-3 {
    line-height: var(--size-3);
  }
  .pc\:lh-4, .hero h1,
  .hero h1 span {
    line-height: var(--size-4);
  }
  .pc\:lh-5 {
    line-height: var(--size-5);
  }
  .pc\:lh-6 {
    line-height: var(--size-6);
  }
  .pc\:lh-7 {
    line-height: var(--size-7);
  }
  .pc\:lh-8 {
    line-height: var(--size-8);
  }
  .pc\:lh-9 {
    line-height: var(--size-9);
  }
  .pc\:lh-10 {
    line-height: var(--size-10);
  }
  .pc\:lh-11 {
    line-height: var(--size-11);
  }
  .pc\:lh-12 {
    line-height: var(--size-12);
  }
}
.lst-n, .list, .burger-menu .burger-items {
  list-style-type: none;
}

.mah-f-vh {
  max-height: 100vh;
}

.mah-f {
  max-height: 100%;
}

.maw-f-vh {
  max-width: 100vh;
}

.m-a {
  margin: auto;
}

.m-0, h1,
h2,
h3,
h4,
h5,
h6, .rich-text blockquote {
  margin: 0;
}

.m-1 {
  margin: var(--size-1);
}

.m-2 {
  margin: var(--size-2);
}

.m-3 {
  margin: var(--size-3);
}

.m-4 {
  margin: var(--size-4);
}

.m-5 {
  margin: var(--size-5);
}

.m-6 {
  margin: var(--size-6);
}

.m-7 {
  margin: var(--size-7);
}

.m-8 {
  margin: var(--size-8);
}

.m-9 {
  margin: var(--size-9);
}

.m-10 {
  margin: var(--size-10);
}

.m-11 {
  margin: var(--size-11);
}

.m-12 {
  margin: var(--size-12);
}

.mt-a {
  margin-top: auto;
}

.mt-0 {
  margin-top: 0;
}

.mt-1, .rich-text ol,
.rich-text ul {
  margin-top: var(--size-1);
}

.mt--1 {
  margin-top: var(--size-1-neg);
}

.mt-2 {
  margin-top: var(--size-2);
}

.mt--2 {
  margin-top: var(--size-2-neg);
}

.mt-3 {
  margin-top: var(--size-3);
}

.mt--3 {
  margin-top: var(--size-3-neg);
}

.mt-4, .burger-menu ul {
  margin-top: var(--size-4);
}

.mt--4 {
  margin-top: var(--size-4-neg);
}

.mt-5 {
  margin-top: var(--size-5);
}

.mt--5 {
  margin-top: var(--size-5-neg);
}

.mt-6 {
  margin-top: var(--size-6);
}

.mt--6 {
  margin-top: var(--size-6-neg);
}

.mt-7 {
  margin-top: var(--size-7);
}

.mt--7 {
  margin-top: var(--size-7-neg);
}

.mt-8 {
  margin-top: var(--size-8);
}

.mt--8 {
  margin-top: var(--size-8-neg);
}

.mt-9 {
  margin-top: var(--size-9);
}

.mt--9 {
  margin-top: var(--size-9-neg);
}

.mt-10 {
  margin-top: var(--size-10);
}

.mt--10 {
  margin-top: var(--size-10-neg);
}

.mt-11 {
  margin-top: var(--size-11);
}

.mt--11 {
  margin-top: var(--size-11-neg);
}

.mt-12 {
  margin-top: var(--size-12);
}

.mt--12 {
  margin-top: var(--size-12-neg);
}

.mr-a, .page, .container {
  margin-right: auto;
}

.mr-0 {
  margin-right: 0;
}

.mr-1, .carousel .next {
  margin-right: var(--size-1);
}

.mr-2 {
  margin-right: var(--size-2);
}

.mr-3 {
  margin-right: var(--size-3);
}

.mr-4 {
  margin-right: var(--size-4);
}

.mr-5 {
  margin-right: var(--size-5);
}

.mr-6 {
  margin-right: var(--size-6);
}

.mr-7 {
  margin-right: var(--size-7);
}

.mr-8 {
  margin-right: var(--size-8);
}

.mr-9 {
  margin-right: var(--size-9);
}

.mr-10 {
  margin-right: var(--size-10);
}

.mr-11 {
  margin-right: var(--size-11);
}

.mr-12 {
  margin-right: var(--size-12);
}

.mb-a {
  margin-bottom: auto;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1, .rich-text ol,
.rich-text ul, .hero h1, .carousel .prev,
.carousel .next {
  margin-bottom: var(--size-1);
}

.mb-2 {
  margin-bottom: var(--size-2);
}

.mb-3 {
  margin-bottom: var(--size-3);
}

.mb-4 {
  margin-bottom: var(--size-4);
}

.mb-5 {
  margin-bottom: var(--size-5);
}

.mb-6 {
  margin-bottom: var(--size-6);
}

.mb-7 {
  margin-bottom: var(--size-7);
}

.mb-8 {
  margin-bottom: var(--size-8);
}

.mb-9 {
  margin-bottom: var(--size-9);
}

.mb-10 {
  margin-bottom: var(--size-10);
}

.mb-11 {
  margin-bottom: var(--size-11);
}

.mb-12 {
  margin-bottom: var(--size-12);
}

.ml-a, .page, .container {
  margin-left: auto;
}

.ml-0 {
  margin-left: 0;
}

.ml-1, .carousel .prev, .field .icon {
  margin-left: var(--size-1);
}

.ml-2 {
  margin-left: var(--size-2);
}

.ml-3 {
  margin-left: var(--size-3);
}

.ml-4, .sidebar > h1 span {
  margin-left: var(--size-4);
}

.ml-5 {
  margin-left: var(--size-5);
}

.ml-6 {
  margin-left: var(--size-6);
}

.ml-7 {
  margin-left: var(--size-7);
}

.ml-8 {
  margin-left: var(--size-8);
}

.ml-9 {
  margin-left: var(--size-9);
}

.ml-10 {
  margin-left: var(--size-10);
}

.ml-11 {
  margin-left: var(--size-11);
}

.ml-12 {
  margin-left: var(--size-12);
}

.mih-f-vh {
  min-height: 100vh;
}

.miw-f-vh {
  min-width: 100vh;
}

.of-c {
  object-fit: contain;
}

.of-co, .card .card-header {
  object-fit: cover;
}

.of-f {
  object-fit: fill;
}

.of-n {
  object-fit: none;
}

.of-sd {
  object-fit: scale-down;
}

.op-t {
  object-position: top;
}

.op-b {
  object-position: bottom;
}

.op-l {
  object-position: left;
}

.op-r {
  object-position: right;
}

.op-c {
  object-position: center;
}

.op-0 {
  opacity: 0%;
}

.op-1 {
  opacity: 10%;
}

.op-2 {
  opacity: 20%;
}

.op-3 {
  opacity: 30%;
}

.op-4 {
  opacity: 40%;
}

.op-5 {
  opacity: 50%;
}

.op-6 {
  opacity: 60%;
}

.op-7 {
  opacity: 70%;
}

.op-8 {
  opacity: 80%;
}

.op-9 {
  opacity: 90%;
}

.op-10 {
  opacity: 100%;
}

@media (max-width: 768px) {
  .ov-v {
    overflow: visible;
  }
  .ov-h, .carousel {
    overflow: hidden;
  }
  .ov-c {
    overflow: clip;
  }
  .ov-s {
    overflow: scroll;
  }
  .ov-a {
    overflow: auto;
  }
}
@media (min-width: 769px) {
  .pc\:ov-v {
    overflow: visible;
  }
  .pc\:ov-h {
    overflow: hidden;
  }
  .pc\:ov-c {
    overflow: clip;
  }
  .pc\:ov-s {
    overflow: scroll;
  }
  .pc\:ov-a {
    overflow: auto;
  }
}
.pa-0 {
  padding: 0;
}

.pa-1, .rich-text blockquote, .card .content, .box, .code, .button {
  padding: var(--size-1);
}

.pa-2 {
  padding: var(--size-2);
}

.pa-3 {
  padding: var(--size-3);
}

.pa-4 {
  padding: var(--size-4);
}

.pa-5 {
  padding: var(--size-5);
}

.pa-6 {
  padding: var(--size-6);
}

.pa-7 {
  padding: var(--size-7);
}

.pa-8 {
  padding: var(--size-8);
}

.pa-9 {
  padding: var(--size-9);
}

.pa-10 {
  padding: var(--size-10);
}

.pa-11 {
  padding: var(--size-11);
}

.pa-12 {
  padding: var(--size-12);
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: var(--size-1);
}

.pb-2 {
  padding-bottom: var(--size-2);
}

.pb-3 {
  padding-bottom: var(--size-3);
}

.pb-4 {
  padding-bottom: var(--size-4);
}

.pb-5 {
  padding-bottom: var(--size-5);
}

.pb-6, body.close #content {
  padding-bottom: var(--size-6);
}

.pb-7 {
  padding-bottom: var(--size-7);
}

.pb-8 {
  padding-bottom: var(--size-8);
}

.pb-9 {
  padding-bottom: var(--size-9);
}

.pb-10 {
  padding-bottom: var(--size-10);
}

.pb-11 {
  padding-bottom: var(--size-11);
}

.pb-12 {
  padding-bottom: var(--size-12);
}

.pl-0 {
  padding-left: 0;
}

.pl-1, .rich-text, .rich-text a, .section {
  padding-left: var(--size-1);
}

.pl-2 {
  padding-left: var(--size-2);
}

.pl-3 {
  padding-left: var(--size-3);
}

.pl-4 {
  padding-left: var(--size-4);
}

.pl-5 {
  padding-left: var(--size-5);
}

.pl-6 {
  padding-left: var(--size-6);
}

.pl-7 {
  padding-left: var(--size-7);
}

.pl-8 {
  padding-left: var(--size-8);
}

.pl-9 {
  padding-left: var(--size-9);
}

.pl-10 {
  padding-left: var(--size-10);
}

.pl-11 {
  padding-left: var(--size-11);
}

.pl-12 {
  padding-left: var(--size-12);
}

.pr-0 {
  padding-right: 0;
}

.pr-1, .rich-text, .rich-text a, .section {
  padding-right: var(--size-1);
}

.pr-2 {
  padding-right: var(--size-2);
}

.pr-3 {
  padding-right: var(--size-3);
}

.pr-4 {
  padding-right: var(--size-4);
}

.pr-5 {
  padding-right: var(--size-5);
}

.pr-6 {
  padding-right: var(--size-6);
}

.pr-7 {
  padding-right: var(--size-7);
}

.pr-8 {
  padding-right: var(--size-8);
}

.pr-9 {
  padding-right: var(--size-9);
}

.pr-10 {
  padding-right: var(--size-10);
}

.pr-11 {
  padding-right: var(--size-11);
}

.pr-12 {
  padding-right: var(--size-12);
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: var(--size-1);
}

.pt--1 {
  padding-top: var(--size-1-neg);
}

.pt-2 {
  padding-top: var(--size-2);
}

.pt--2 {
  padding-top: var(--size-2-neg);
}

.pt-3 {
  padding-top: var(--size-3);
}

.pt--3 {
  padding-top: var(--size-3-neg);
}

.pt-4 {
  padding-top: var(--size-4);
}

.pt--4 {
  padding-top: var(--size-4-neg);
}

.pt-5 {
  padding-top: var(--size-5);
}

.pt--5 {
  padding-top: var(--size-5-neg);
}

.pt-6, body.close #content {
  padding-top: var(--size-6);
}

.pt--6 {
  padding-top: var(--size-6-neg);
}

.pt-7 {
  padding-top: var(--size-7);
}

.pt--7 {
  padding-top: var(--size-7-neg);
}

.pt-8 {
  padding-top: var(--size-8);
}

.pt--8 {
  padding-top: var(--size-8-neg);
}

.pt-9 {
  padding-top: var(--size-9);
}

.pt--9 {
  padding-top: var(--size-9-neg);
}

.pt-10 {
  padding-top: var(--size-10);
}

.pt--10 {
  padding-top: var(--size-10-neg);
}

.pt-11 {
  padding-top: var(--size-11);
}

.pt--11 {
  padding-top: var(--size-11-neg);
}

.pt-12 {
  padding-top: var(--size-12);
}

.pt--12 {
  padding-top: var(--size-12-neg);
}

.p-a, .context_menu, .complete_menu, .carousel .prev,
.carousel .next, .carousel-tools, .carousel-indicators, .switch .slider,
.switch .labels, .layer {
  position: absolute;
}

.p-f, .header {
  position: fixed;
}

.p-r, .field, .pack {
  position: relative;
}

.p-s {
  position: static;
}

.p-st {
  position: sticky;
}

.r-0, .sidebar > h1 .emoji, .carousel-tools, .carousel .next {
  right: 0;
}

.r-1 {
  right: var(--size-1);
}

.r-2 {
  right: var(--size-2);
}

.r-3 {
  right: var(--size-3);
}

.r-4 {
  right: var(--size-4);
}

.r-5 {
  right: var(--size-5);
}

.r-6 {
  right: var(--size-6);
}

.r-7 {
  right: var(--size-7);
}

.r-8 {
  right: var(--size-8);
}

.r-9 {
  right: var(--size-9);
}

.r-10 {
  right: var(--size-10);
}

.r-11 {
  right: var(--size-11);
}

.r-12 {
  right: var(--size-12);
}

.rg-1 {
  row-gap: var(--size-1);
}

@media (min-width: 769px) {
  .pc\:rg-1 {
    row-gap: var(--size-1);
  }
}
.rg-2 {
  row-gap: var(--size-2);
}

@media (min-width: 769px) {
  .pc\:rg-2 {
    row-gap: var(--size-2);
  }
}
.rg-3 {
  row-gap: var(--size-3);
}

@media (min-width: 769px) {
  .pc\:rg-3 {
    row-gap: var(--size-3);
  }
}
.rg-4 {
  row-gap: var(--size-4);
}

@media (min-width: 769px) {
  .pc\:rg-4 {
    row-gap: var(--size-4);
  }
}
.rg-5 {
  row-gap: var(--size-5);
}

@media (min-width: 769px) {
  .pc\:rg-5 {
    row-gap: var(--size-5);
  }
}
.rg-6 {
  row-gap: var(--size-6);
}

@media (min-width: 769px) {
  .pc\:rg-6 {
    row-gap: var(--size-6);
  }
}
.rg-7 {
  row-gap: var(--size-7);
}

@media (min-width: 769px) {
  .pc\:rg-7 {
    row-gap: var(--size-7);
  }
}
.rg-8 {
  row-gap: var(--size-8);
}

@media (min-width: 769px) {
  .pc\:rg-8 {
    row-gap: var(--size-8);
  }
}
.rg-9 {
  row-gap: var(--size-9);
}

@media (min-width: 769px) {
  .pc\:rg-9 {
    row-gap: var(--size-9);
  }
}
.rg-10 {
  row-gap: var(--size-10);
}

@media (min-width: 769px) {
  .pc\:rg-10 {
    row-gap: var(--size-10);
  }
}
.rg-11 {
  row-gap: var(--size-11);
}

@media (min-width: 769px) {
  .pc\:rg-11 {
    row-gap: var(--size-11);
  }
}
.rg-12 {
  row-gap: var(--size-12);
}

@media (min-width: 769px) {
  .pc\:rg-12 {
    row-gap: var(--size-12);
  }
}
.td-d {
  text-decoration: dashed;
}

.td-do {
  text-decoration: dotted;
}

.td-dou {
  text-decoration: double;
}

.td-lt {
  text-decoration: line-through;
}

.td-n, .link, .rich-text a {
  text-decoration: none;
}

.td-o {
  text-decoration: overline;
}

.td-s {
  text-decoration: solid;
}

.td-u {
  text-decoration: underline;
}

.td-w {
  text-decoration: wavy;
}

.ta-c, h1,
h2,
h3,
h4,
h5,
h6, .leaf, form, .field input[type=text],
.field input[type=password],
.field select, .button {
  text-align: center;
}

.ta-e {
  text-align: end;
}

.ta-j, p, .paragraph {
  text-align: justify;
}

.ta-l, .rich-text, .branch,
.branch .label, .card .title, .card .card-body {
  text-align: left;
}

.ta-mp {
  text-align: match-parent;
}

.ta-r {
  text-align: right;
}

.ta-s, .CodeMirror-code {
  text-align: start;
}

.t-0, .carousel-tools, .header {
  top: 0;
}

.t-1 {
  top: var(--size-1);
}

.t-2 {
  top: var(--size-2);
}

.t-3 {
  top: var(--size-3);
}

.t-4 {
  top: var(--size-4);
}

.t-5 {
  top: var(--size-5);
}

.t-6 {
  top: var(--size-6);
}

.t-7 {
  top: var(--size-7);
}

.t-8 {
  top: var(--size-8);
}

.t-9 {
  top: var(--size-9);
}

.t-10 {
  top: var(--size-10);
}

.t-11 {
  top: var(--size-11);
}

.t-12 {
  top: var(--size-12);
}

.t-t-h--f {
  transform: translate(0, -100%);
}

.t-t-h-0, body.close nav.bar, body.close footer {
  transform: translate(0, 0);
}

.t-t-h-f, footer {
  transform: translate(0, 100%);
}

.t-tx-0, .switch #theme-auto:checked ~ .slider {
  transform: 0;
}

.t-tx-1 {
  transform: translateX(var(--size-1));
}

.t-tx--1 {
  transform: translateX(var(--size-1-neg));
}

.t-tx-2, .switch #theme-dark:checked ~ .slider {
  transform: translateX(var(--size-2));
}

.t-tx--2, .switch #theme-light:checked ~ .slider {
  transform: translateX(var(--size-2-neg));
}

.t-tx-3 {
  transform: translateX(var(--size-3));
}

.t-tx--3 {
  transform: translateX(var(--size-3-neg));
}

.t-tx-4 {
  transform: translateX(var(--size-4));
}

.t-tx--4 {
  transform: translateX(var(--size-4-neg));
}

.t-tx-5 {
  transform: translateX(var(--size-5));
}

.t-tx--5 {
  transform: translateX(var(--size-5-neg));
}

.t-tx-6 {
  transform: translateX(var(--size-6));
}

.t-tx--6 {
  transform: translateX(var(--size-6-neg));
}

.t-tx-7 {
  transform: translateX(var(--size-7));
}

.t-tx--7 {
  transform: translateX(var(--size-7-neg));
}

.t-tx-8 {
  transform: translateX(var(--size-8));
}

.t-tx--8 {
  transform: translateX(var(--size-8-neg));
}

.t-tx-9 {
  transform: translateX(var(--size-9));
}

.t-tx--9 {
  transform: translateX(var(--size-9-neg));
}

.t-tx-10 {
  transform: translateX(var(--size-10));
}

.t-tx--10 {
  transform: translateX(var(--size-10-neg));
}

.t-tx-11 {
  transform: translateX(var(--size-11));
}

.t-tx--11 {
  transform: translateX(var(--size-11-neg));
}

.t-tx-12 {
  transform: translateX(var(--size-12));
}

.t-tx--12 {
  transform: translateX(var(--size-12-neg));
}

.t-t-3 {
  transition: transform 30ms ease-in-out;
}

.t-t-6 {
  transition: transform 60ms ease-in-out;
}

.t-t-9 {
  transition: transform 90ms ease-in-out;
}

.t-t-12 {
  transition: transform 120ms ease-in-out;
}

.t-t-15 {
  transition: transform 150ms ease-in-out;
}

.t-t-18 {
  transition: transform 180ms ease-in-out;
}

.t-t-21 {
  transition: transform 210ms ease-in-out;
}

.t-t-24 {
  transition: transform 240ms ease-in-out;
}

.t-t-27 {
  transition: transform 270ms ease-in-out;
}

.t-t-30, body:not(.preload) nav.bar, body:not(.preload) nav.navbar, body:not(.preload) footer {
  transition: transform 300ms ease-in-out;
}

.v-h {
  visibility: hidden;
}

.w-a {
  width: auto;
}

.w-f, html,
body, .rich-text, .EasyMDEContainer, .carousel-tools, .card .card-header, .burger-menu, .page, .header, .field, .field input[type=text],
.field input[type=password], .bar.o-h, .bar, .o-h.navbar, .navbar {
  width: 100%;
}

.w-1 {
  width: var(--size-1);
}

.w-2, .switch label {
  width: var(--size-2);
}

.w-3 {
  width: var(--size-3);
}

.w-4, .sidebar > h1 .emoji, .sidebar:has(.toggle:checked), .carousel .prev,
.carousel .next {
  width: var(--size-4);
}

.w-5, .switch {
  width: var(--size-5);
}

.w-6 {
  width: var(--size-6);
}

.w-7, .sidebar {
  width: var(--size-7);
}

.w-8 {
  width: var(--size-8);
}

.w-9 {
  width: var(--size-9);
}

.w-10 {
  width: var(--size-10);
}

.w-11 {
  width: var(--size-11);
}

.w-12 {
  width: var(--size-12);
}

@media (min-width: 769px) {
  .pc\:w-a {
    width: auto;
  }
  .pc\:w-f {
    width: 100%;
  }
  .pc\:w-1 {
    width: var(--size-1);
  }
  .pc\:w-2 {
    width: var(--size-2);
  }
  .pc\:w-3 {
    width: var(--size-3);
  }
  .pc\:w-4 {
    width: var(--size-4);
  }
  .pc\:w-5 {
    width: var(--size-5);
  }
  .pc\:w-6 {
    width: var(--size-6);
  }
  .pc\:w-7 {
    width: var(--size-7);
  }
  .pc\:w-8 {
    width: var(--size-8);
  }
  .pc\:w-9 {
    width: var(--size-9);
  }
  .pc\:w-10, .page {
    width: var(--size-10);
  }
  .pc\:w-11 {
    width: var(--size-11);
  }
  .pc\:w-12 {
    width: var(--size-12);
  }
}
.zi--12 {
  z-index: -12;
}

.zi--11 {
  z-index: -11;
}

.zi--10 {
  z-index: -10;
}

.zi--9 {
  z-index: -9;
}

.zi--8 {
  z-index: -8;
}

.zi--7 {
  z-index: -7;
}

.zi--6 {
  z-index: -6;
}

.zi--5 {
  z-index: -5;
}

.zi--4 {
  z-index: -4;
}

.zi--3 {
  z-index: -3;
}

.zi--2 {
  z-index: -2;
}

.zi--1 {
  z-index: -1;
}

.zi-0 {
  z-index: 0;
}

.zi-1, .header {
  z-index: 1;
}

.zi-2 {
  z-index: 2;
}

.zi-3 {
  z-index: 3;
}

.zi-4 {
  z-index: 4;
}

.zi-5 {
  z-index: 5;
}

.zi-6 {
  z-index: 6;
}

.zi-7 {
  z-index: 7;
}

.zi-8 {
  z-index: 8;
}

.zi-9 {
  z-index: 9;
}

.zi-10 {
  z-index: 10;
}

.zi-11 {
  z-index: 11;
}

.zi-12 {
  z-index: 12;
}

/* bw tints */
.bac-a-bw-1, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)).bac-a, .carousel body.prev:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)),
.carousel body.next:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)), body.carousel-indicator:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)),
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-a,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .prev,
.carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .prev,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .next,
.carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .next,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel-indicator, .bac-a-bw {
  background-color: light-dark(var(--color-white-1), var(--color-black-1));
}

.bac-r-bw-1, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)).bac-r,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-r, .bac-a-bw-r {
  background-color: light-dark(var(--color-black-1), var(--color-white-1));
}

body:has(#theme-light:checked) .bac-a-bw-1, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)).bac-a, body:has(#theme-light:checked) .carousel body.prev:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)), .carousel body:has(#theme-light:checked) body.prev:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)),
body:has(#theme-light:checked) .carousel body.next:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)),
.carousel body:has(#theme-light:checked) body.next:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)), body:has(#theme-light:checked) body.carousel-indicator:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)),
body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-a,
body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .prev,
.carousel body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .prev,
body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .next,
.carousel body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .next,
body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel-indicator,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .bac-a,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .carousel .prev,
.carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .prev,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .carousel .next,
.carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .next,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .carousel-indicator, body:has(#theme-light:checked) .bac-a-bw {
  background-color: var(--color-white-1);
}

body:has(#theme-dark:checked) .bac-a-bw-1, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)).bac-a, body:has(#theme-dark:checked) .carousel body.prev:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)), .carousel body:has(#theme-dark:checked) body.prev:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)),
body:has(#theme-dark:checked) .carousel body.next:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)),
.carousel body:has(#theme-dark:checked) body.next:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)), body:has(#theme-dark:checked) body.carousel-indicator:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)),
body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-a,
body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .prev,
.carousel body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .prev,
body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .next,
.carousel body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .next,
body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel-indicator,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .bac-a,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .carousel .prev,
.carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .prev,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .carousel .next,
.carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .next,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .carousel-indicator, body:has(#theme-dark:checked) .bac-a-bw {
  background-color: var(--color-black-1);
}

.bac-a-bw-2 {
  background-color: light-dark(var(--color-white-2), var(--color-black-2));
}

.bac-r-bw-2 {
  background-color: light-dark(var(--color-black-2), var(--color-white-2));
}

body:has(#theme-light:checked) .bac-a-bw-2 {
  background-color: var(--color-white-2);
}

body:has(#theme-dark:checked) .bac-a-bw-2 {
  background-color: var(--color-black-2);
}

.bac-a-bw-3 {
  background-color: light-dark(var(--color-white-3), var(--color-black-3));
}

.bac-r-bw-3 {
  background-color: light-dark(var(--color-black-3), var(--color-white-3));
}

body:has(#theme-light:checked) .bac-a-bw-3 {
  background-color: var(--color-white-3);
}

body:has(#theme-dark:checked) .bac-a-bw-3 {
  background-color: var(--color-black-3);
}

.bac-a-bw-4 {
  background-color: light-dark(var(--color-white-4), var(--color-black-4));
}

.bac-r-bw-4 {
  background-color: light-dark(var(--color-black-4), var(--color-white-4));
}

body:has(#theme-light:checked) .bac-a-bw-4 {
  background-color: var(--color-white-4);
}

body:has(#theme-dark:checked) .bac-a-bw-4 {
  background-color: var(--color-black-4);
}

.bac-a-bw-5 {
  background-color: light-dark(var(--color-white-5), var(--color-black-5));
}

.bac-r-bw-5 {
  background-color: light-dark(var(--color-black-5), var(--color-white-5));
}

body:has(#theme-light:checked) .bac-a-bw-5 {
  background-color: var(--color-white-5);
}

body:has(#theme-dark:checked) .bac-a-bw-5 {
  background-color: var(--color-black-5);
}

/* color tints */
.bac-a-c, input[type=submit] {
  background-color: var(--color-primary);
}

.bac-r-c, .carousel-indicator.active {
  background-color: var(--color-secondary);
}

/* transparency tints */
.bac-a-bw-t-0 {
  background-color: light-dark(var(--color-white-t-0), var(--color-black-t-0));
}

.bac-r-bw-t-0 {
  background-color: light-dark(var(--color-black-t-0), var(--color-white-t-0));
}

.bac-a-bw-t-1 {
  background-color: light-dark(var(--color-white-t-1), var(--color-black-t-1));
}

.bac-r-bw-t-1 {
  background-color: light-dark(var(--color-black-t-1), var(--color-white-t-1));
}

.bac-a-bw-t-2 {
  background-color: light-dark(var(--color-white-t-2), var(--color-black-t-2));
}

.bac-r-bw-t-2 {
  background-color: light-dark(var(--color-black-t-2), var(--color-white-t-2));
}

.bac-a-bw-t-3 {
  background-color: light-dark(var(--color-white-t-3), var(--color-black-t-3));
}

.bac-r-bw-t-3 {
  background-color: light-dark(var(--color-black-t-3), var(--color-white-t-3));
}

.bac-a-bw-t-4 {
  background-color: light-dark(var(--color-white-t-4), var(--color-black-t-4));
}

.bac-r-bw-t-4 {
  background-color: light-dark(var(--color-black-t-4), var(--color-white-t-4));
}

.bac-a-bw-t-5 {
  background-color: light-dark(var(--color-white-t-5), var(--color-black-t-5));
}

.bac-r-bw-t-5 {
  background-color: light-dark(var(--color-black-t-5), var(--color-white-t-5));
}

.bac-a-bw-t-6 {
  background-color: light-dark(var(--color-white-t-6), var(--color-black-t-6));
}

.bac-r-bw-t-6 {
  background-color: light-dark(var(--color-black-t-6), var(--color-white-t-6));
}

.bac-a-bw-t-7 {
  background-color: light-dark(var(--color-white-t-7), var(--color-black-t-7));
}

.bac-r-bw-t-7 {
  background-color: light-dark(var(--color-black-t-7), var(--color-white-t-7));
}

.bac-a-bw-t-8 {
  background-color: light-dark(var(--color-white-t-8), var(--color-black-t-8));
}

.bac-r-bw-t-8 {
  background-color: light-dark(var(--color-black-t-8), var(--color-white-t-8));
}

.bac-a-bw-t-9 {
  background-color: light-dark(var(--color-white-t-9), var(--color-black-t-9));
}

.bac-r-bw-t-9 {
  background-color: light-dark(var(--color-black-t-9), var(--color-white-t-9));
}

.bac-a-bw-t-10 {
  background-color: light-dark(var(--color-white-t-10), var(--color-black-t-10));
}

.bac-r-bw-t-10 {
  background-color: light-dark(var(--color-black-t-10), var(--color-white-t-10));
}

.bac-a-bw-t-11 {
  background-color: light-dark(var(--color-white-t-11), var(--color-black-t-11));
}

.bac-r-bw-t-11 {
  background-color: light-dark(var(--color-black-t-11), var(--color-white-t-11));
}

.bac-a-bw-t-12 {
  background-color: light-dark(var(--color-white-t-12), var(--color-black-t-12));
}

.bac-r-bw-t-12 {
  background-color: light-dark(var(--color-black-t-12), var(--color-white-t-12));
}

.bac-a-bw-t-13 {
  background-color: light-dark(var(--color-white-t-13), var(--color-black-t-13));
}

.bac-r-bw-t-13 {
  background-color: light-dark(var(--color-black-t-13), var(--color-white-t-13));
}

.bac-a-bw-t-14 {
  background-color: light-dark(var(--color-white-t-14), var(--color-black-t-14));
}

.bac-r-bw-t-14 {
  background-color: light-dark(var(--color-black-t-14), var(--color-white-t-14));
}

.bac-a-bw-t-15 {
  background-color: light-dark(var(--color-white-t-15), var(--color-black-t-15));
}

.bac-r-bw-t-15 {
  background-color: light-dark(var(--color-black-t-15), var(--color-white-t-15));
}

.bac-a-bw-t-16 {
  background-color: light-dark(var(--color-white-t-16), var(--color-black-t-16));
}

.bac-r-bw-t-16 {
  background-color: light-dark(var(--color-black-t-16), var(--color-white-t-16));
}

.bac-a-bw-t-17 {
  background-color: light-dark(var(--color-white-t-17), var(--color-black-t-17));
}

.bac-r-bw-t-17 {
  background-color: light-dark(var(--color-black-t-17), var(--color-white-t-17));
}

.bac-a-bw-t-18, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-glass {
  background-color: light-dark(var(--color-white-t-18), var(--color-black-t-18));
}

.bac-r-bw-t-18 {
  background-color: light-dark(var(--color-black-t-18), var(--color-white-t-18));
}

.bac-a-bw-t-19 {
  background-color: light-dark(var(--color-white-t-19), var(--color-black-t-19));
}

.bac-r-bw-t-19 {
  background-color: light-dark(var(--color-black-t-19), var(--color-white-t-19));
}

.bac-a-bw-t-20 {
  background-color: light-dark(var(--color-white-t-20), var(--color-black-t-20));
}

.bac-r-bw-t-20 {
  background-color: light-dark(var(--color-black-t-20), var(--color-white-t-20));
}

/* Gradiant colors */
@media (prefers-color-scheme: light) {
  .bac-a-c-g {
    background: linear-gradient(135deg, var(--color-secondary) 50%, var(--color-primary) 100%);
  }
}
@media (prefers-color-scheme: dark) {
  .bac-a-c-g {
    background: linear-gradient(135deg, var(--color-primary) 50%, var(--color-secondary) 100%);
  }
}

/* Color-scheme colors */
/* CSS Rules */
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-a-c, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=submit] {
  background-color: light-dark(var(--color-secondary), var(--color-primary));
}

body:not(:has(#theme-light:checked)):not(#theme-dark:checked) .h\:bac-a-c:hover {
  background-color: light-dark(var(--color-primary), var(--color-secondary));
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-r-c, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel-indicator.active {
  background-color: light-dark(var(--color-primary), var(--color-secondary));
}

.b-a, hr {
  border-color: light-dark(var(--color-white), var(--color-black));
}

.b-r, .carousel-indicator {
  border-color: light-dark(var(--color-black), var(--color-white));
}

.bb-a {
  border-bottom-color: light-dark(var(--color-white), var(--color-dark));
}

.boc-a-bw-1, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-1 {
  border-color: light-dark(var(--color-white-1), var(--color-black-1));
}

/*body:has(#theme-light:checked) .b-a-bw-1
{
    border-color: var(--color-white-1);
}
body:has(#theme-dark:checked) .b-a-bw-1
{
    border-color: var(--color-black-1);
}*/
.boc-a-bw-2, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-2, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .field input[type=text], .field body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=text],
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .field input[type=password],
.field body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=password],
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .field select,
.field body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) select, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=submit] {
  border-color: light-dark(var(--color-white-2), var(--color-black-2));
}

/*body:has(#theme-light:checked) .b-a-bw-2
{
    border-color: var(--color-white-2);
}
body:has(#theme-dark:checked) .b-a-bw-2
{
    border-color: var(--color-black-2);
}*/
.boc-a-bw-3, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-3 {
  border-color: light-dark(var(--color-white-3), var(--color-black-3));
}

/*body:has(#theme-light:checked) .b-a-bw-3
{
    border-color: var(--color-white-3);
}
body:has(#theme-dark:checked) .b-a-bw-3
{
    border-color: var(--color-black-3);
}*/
.boc-a-bw-4, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-4 {
  border-color: light-dark(var(--color-white-4), var(--color-black-4));
}

/*body:has(#theme-light:checked) .b-a-bw-4
{
    border-color: var(--color-white-4);
}
body:has(#theme-dark:checked) .b-a-bw-4
{
    border-color: var(--color-black-4);
}*/
.boc-a-bw-5, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-5 {
  border-color: light-dark(var(--color-white-5), var(--color-black-5));
}

/*body:has(#theme-light:checked) .b-a-bw-5
{
    border-color: var(--color-white-5);
}
body:has(#theme-dark:checked) .b-a-bw-5
{
    border-color: var(--color-black-5);
}*/
body:has(#theme-light:checked) .boc-a, body:has(#theme-light:checked) .b-a, body:has(#theme-light:checked) hr,
body:has(#theme-dark:checked) .boc-r,
body:has(#theme-dark:checked) .b-r,
body:has(#theme-dark:checked) .carousel-indicator {
  border-color: var(--color-white);
}

body:has(#theme-dark:checked) .boc-a, body:has(#theme-dark:checked) .b-a, body:has(#theme-dark:checked) hr,
body:has(#theme-lights:checked) .boc-r,
body:has(#theme-lights:checked) .b-r,
body:has(#theme-lights:checked) .carousel-indicator {
  border-color: var(--color-black);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .boc-a, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) hr {
  border-color: light-dark(var(--color-white), var(--color-black));
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .boc-r, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-r, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel-indicator {
  border-color: light-dark(var(--color-black), var(--color-white));
}

/*@for $step from 0 through 20
{
    body:not(.light):not(.dark) .boc-a-t
    {
        @media (prefers-color-scheme: light )
        {
            @include boc-w-t($step);
        }

        @media (prefers-color-scheme: dark )
        {	
            @include boc-b-t($step);
        }   
    }
}*/
body.light .bbc-a {
  border-bottom-color: var(--color-white);
}

body.dark .bbc-a {
  border-bottom-color: var(--color-black);
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a {
    border-bottom-color: var(--color-white);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a {
    border-bottom-color: var(--color-black);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.05);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.05);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.1);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.15);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.15);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.2);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.2);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.25);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.25);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.3);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.3);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.35);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.35);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.4);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.4);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.45);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.45);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.5);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.5);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.55);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.55);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.6);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.6);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.65);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.65);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.7);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.7);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.75);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.75);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.8);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.8);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.85);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.85);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.9);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.9);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 0.95);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 0.95);
  }
}

@media (prefers-color-scheme: light) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-white), 1);
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.light):not(.dark) .bbc-a-t {
    border-bottom-color: rgba(var(--color-black), 1);
  }
}

/* bw tints */
.c-a-bw-1, .field input[type=text],
.field input[type=password],
.field select, .c-a-bw, body:not(:has(#theme-light:checked)):not(#theme-dark:checked) .h\:c-r:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .c-a, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .rich-text a, .rich-text body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) a, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .prev, .carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .prev,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .carousel .next,
.carousel body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .next, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h1.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h2.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h3.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h4.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h5.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h6.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .rich-text h1, .rich-text body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h1, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .hr, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) input[type=submit] {
  color: light-dark(var(--color-black-1), var(--color-white-1));
}

.c-r-bw-1, .c-r-bw, .EasyMDEContainer .editor-toolbar *, body:not(:has(#theme-light:checked)):not(#theme-dark:checked) .h\:c-a:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .c-r {
  color: light-dark(var(--color-white-1), var(--color-black-1));
}

.c-a-bw-2 {
  color: light-dark(var(--color-black-2), var(--color-white-2));
}

.c-r-bw-2 {
  color: light-dark(var(--color-white-2), var(--color-black-2));
}

.c-a-bw-3 {
  color: light-dark(var(--color-black-3), var(--color-white-3));
}

.c-r-bw-3 {
  color: light-dark(var(--color-white-3), var(--color-black-3));
}

.c-a-bw-4 {
  color: light-dark(var(--color-black-4), var(--color-white-4));
}

.c-r-bw-4 {
  color: light-dark(var(--color-white-4), var(--color-black-4));
}

.c-a-bw-5, .ql-editor, input[type=text]::placeholder,
input[type=password]::placeholder {
  color: light-dark(var(--color-black-5), var(--color-white-5));
}

.c-r-bw-5 {
  color: light-dark(var(--color-white-5), var(--color-black-5));
}

.c-a-c, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:c-a-c:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .rich-text a:hover, .rich-text body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) a:hover {
  color: var(--color-primary);
}

.c-r-c {
  color: var(--color-secondary);
}

/* Color-scheme colors */
/* CSS Rules */
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .c-a-c, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:c-a-c:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .rich-text a:hover, .rich-text body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) a:hover {
  color: light-dark(var(--color-primary), var(--color-secondary));
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .c-r-c {
  color: light-dark(var(--color-secondary), var(--color-primary));
}

/* Container */
/*body:has(#theme-dark:checked) .shadow-a-1
{
    @extend .bs-b-1;
}
body:has(#theme-light:checked) .shadow-a-1
{
    @extend .bs-w-1;
}
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .shadow-a-1
{
    box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) 0 light-dark(var(--shadow-white-first), var(--shadow-black-first)),
                var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) 0 light-dark(var(--shadow-white-second), var(--shadow-black-second));
}
body:has(#theme-dark:checked) .shadow-l-a-1
{
    @extend .bs-l-b-1;
}
body:has(#theme-light:checked) .shadow-l-a-1
{
    @extend .bs-l-w-1;
}
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .shadow-l-a-1
{
    box-shadow: var(--shadow-offset) 0 var(--shadow-blur) 0 light-dark(var(--shadow-white-first), var(--shadow-black-first));
}

body:has(#theme-dark:checked) .shadow-b-a-1
{
    @extend .bs-b-b-1;
}
body:has(#theme-light:checked) .shadow-b-a-1
{
    @extend .bs-b-w-1;
}
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .shadow-b-a-1
{
    box-shadow: 0 var(--shadow-offset) var(--shadow-blur) 0 light-dark(var(--shadow-white-first), var(--shadow-black-first));
}

body:has(#theme-dark:checked) .shadow-i-a-1
{
    @extend .bs-i-b-1;
}
body:has(#theme-light:checked) .shadow-i-a-1
{
    @extend .bs-i-w-1;
}
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .shadow-i-a-1
{
    box-shadow: inset var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) light-dark(var(--shadow-white-first), var(--shadow-black-first)),
                inset var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) light-dark(var(--shadow-white-second), var(--shadow-black-second));
}*/
.frame-flat,
.frame-glass {
  box-shadow: none !important;
}

/*.frame-auto
{
    @extend .shadow-a-1 !optional;
    @extend .b-a-bw-2;
}

.frame-flat
{

}*/
/*.frame-auto
{
    @extend .shadow-a-1 !optional;
    @extend .b-a-bw-2;
}

.frame-flat
{

}*/
/* Orientation */
/* Radio input */
label > input[type=radio]:checked + div {
  border: 1px solid black;
}

/*@use '../bootstrap' as *;
@use '../init' as *;

@use '../particles/box-shadow';

.bs-a-1
{
    @media (prefers-color-scheme: light )
    {
        @include bs-w-1();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include bs-b-1();
    }
}*/
/* Shapes */
/* Sizes */
.h-f, .carousel-tools, .burger-menu, .field input[type=text],
.field input[type=password],
.field select {
  height: 100%;
}

.w-v-f {
  width: 100vw;
}

.h-v-f {
  height: 100vh;
}

.h-dv-f {
  height: 100dvh;
}

.mh-dv-f, .hero {
  min-height: 100dvh;
}

.m-h-f {
  min-height: 100%;
}

.w-f-g,
.w-m {
  width: 100vh;
}

.h-vh {
  max-height: 100vh;
}

.h-f-g,
.h-m {
  height: 100vh;
}

.trigger {
  cursor: pointer;
}

.toggle {
  display: none;
}

/*@use '../particles/background-color' as *;*/
body:has(#theme-light:checked) .bac-glass {
  background-color: var(--color-white-t-18);
}

body:has(#theme-dark:checked) .bac-glass {
  background-color: var(--color-black-t-18);
}

/*.frame-primary,
.frame-inner-primary
{
    box-shadow: none;   
}*/
.b-a-bw-2 {
  box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) 0 light-dark(var(--shadow-white-first), var(--shadow-black-first)), var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) 0 light-dark(var(--shadow-white-second), var(--shadow-black-second));
}

/*.frame-auto
{
    @media (prefers-color-scheme: light )
    {
        @include frame-white-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-black-mixin();
    }
}

.frame-reverse
{
    @media (prefers-color-scheme: light )
    {
        @include frame-black-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-white-mixin();
    }
}

.frame-black
{
    @include frame-black-mixin();
}

.frame-white
{
    @include frame-white-mixin();
}

.frame-inner-auto
{
    @media (prefers-color-scheme: light )
    {
        @include frame-inner-white-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-inner-black-mixin();
    }
}

.frame-inner-x-auto
{
    @media (prefers-color-scheme: light )
    {
        @include frame-inner-x-white-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-inner-x-black-mixin();
    }
}*/
/*.frame-primary,
.frame-inner-primary
{
    box-shadow: none;   
}*/
/*.b-a
{
    @media (prefers-color-scheme: light )
    {
        @include frame-white-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-black-mixin();
    }
}*/
/*.frame-auto
{
    @media (prefers-color-scheme: light )
    {
        @include frame-white-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-black-mixin();
    }
}

.frame-reverse
{
    @media (prefers-color-scheme: light )
    {
        @include frame-black-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-white-mixin();
    }
}

.frame-black
{
    @include frame-black-mixin();
}

.frame-white
{
    @include frame-white-mixin();
}

.frame-inner-auto
{
    @media (prefers-color-scheme: light )
    {
        @include frame-inner-white-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-inner-black-mixin();
    }
}

.frame-inner-x-auto
{
    @media (prefers-color-scheme: light )
    {
        @include frame-inner-x-white-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-inner-x-black-mixin();
    }
}*/
/*.frame-primary,
.frame-inner-primary
{
    box-shadow: none;   
}*/
/*.b-a
{
    @media (prefers-color-scheme: light )
    {
        @include frame-white-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-black-mixin();
    }
}*/
/*.frame-auto
{
    @media (prefers-color-scheme: light )
    {
        @include frame-white-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-black-mixin();
    }
}

.frame-reverse
{
    @media (prefers-color-scheme: light )
    {
        @include frame-black-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-white-mixin();
    }
}

.frame-black
{
    @include frame-black-mixin();
}

.frame-white
{
    @include frame-white-mixin();
}

.frame-inner-auto
{
    @media (prefers-color-scheme: light )
    {
        @include frame-inner-white-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-inner-black-mixin();
    }
}

.frame-inner-x-auto
{
    @media (prefers-color-scheme: light )
    {
        @include frame-inner-x-white-mixin();
    }

    @media (prefers-color-scheme: dark )
    {	
        @include frame-inner-x-black-mixin();
    }
}*/
nav.bar {
  transform: translateY(-100%) translateY(-8px);
}

.t-t-h-f {
  transform: translateY(100%) translateY(8px);
}

/* Bar */
.button {
  transform: scale(1);
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.button:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

a.button {
  text-decoration: none;
}

.code {
  /*@extend .shadow-i-a-1;*/
}

.complete_menu {
  z-index: 1000;
}

.context_menu {
  z-index: 1000;
}

.field input[type=text],
.field input[type=password],
.field input[type=text]:-internal-autofill-selected,
.field input[type=password]:-internal-autofill-selected,
.field select {
  background-color: transparent;
}

.valid-icon {
  right: 0;
  color: var(--color-1);
}

.field.error input {
  border-color: var(--color-1);
}

.field:not(.error) .valid-label {
  visibility: hidden;
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  background-color: red;
}

/*.field span
{
    @extend .lh-4;
    @extend .p-a;
    @extend .h-f;
}

.field span,
.field div
{
    @extend .fs-2;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder {
	text-align: center;
    align-items: center;
    @extend .h-4;
}
*/
.hr::before,
.hr::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  line-height: 0px;
  margin: 0px 8px;
}

.hr::before,
.hr::after {
  background-color: light-dark(var(--color-index, hsl(270, 72%, 96%)));
}

/* Icon */
.link, .rich-text a {
  /*transition: color 0.3s ease;*/
}

.link:hover.c-a, .rich-text a:hover {
  /*@extend .c-s-a;*/
  /*transition: color 0.3s ease;*/
}

/* Container */
/*.pill
{
	@extend .h-1;
	text-align: center;

	@extend .d-f;
	@extend .ai-c;
	@extend .jc-c;
}

.pill:not(.pill-left):not(.pill-right)
{
	@extend .br-2;
}

.pill-left
{
	@extend .pill;
	@extend .br-r-2;
}

.pill-right
{
	@extend .pill;
	@extend .br-l-2;
}*/
/* Container */
.spinner {
  border-style: solid;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: spinner-rotation 1s linear infinite;
}

@keyframes spinner-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.switch input {
  display: none;
}

.switch .slider {
  position: absolute;
  width: 21px;
  height: 21px;
  transition: transform 0.3s ease;
  border-radius: 50%;
}

/* Titles */
h1.title, .rich-text h1, h2.title, h3.title, h4.title, h5.title, h6.title {
  /*font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  font-size: 30px;
  font-weight: 400;*/
  letter-spacing: -0.025em;
}

.wall {
  overflow: hidden;
  flex-direction: column;
}

.bricks {
  flex: 1;
  overflow-y: auto;
}

.burger-menu label .icon {
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.burger-menu input[type=checkbox]:checked + ul + label .icon {
  transform: rotate(90deg);
}

.burger-menu input[type=checkbox]:checked + ul {
  transform: translateX(0);
  display: flex;
}

.burger-menu ul {
  display: none;
  position: absolute;
  padding-left: 0;
  transform: translateX(100%);
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
}

@media only screen and (min-width: 768px) {
  .burger-menu .burger-button {
    display: none;
  }
  .burger-menu .burger-items {
    display: flex;
  }
  .burger-menu ul {
    background-color: transparent;
    position: static;
    transform: none;
    transition: none;
    display: flex;
    height: auto;
    width: auto;
    left: auto;
    top: auto;
    padding-top: 0;
    margin-top: 12.5px;
    flex-direction: row;
  }
}
.carousel .carousel-items {
  transition: 0.5s transform;
}

.carousel-tools {
  pointer-events: none;
}

.carousel .prev {
  pointer-events: auto;
}

.carousel .next {
  pointer-events: auto;
}

.carousel-indicators {
  pointer-events: auto;
}

footer {
  /*@extend .b-0;*/
}

.menu a i {
  display: none;
}

.menu a:hover i {
  display: inline-block;
}

nav.bar, nav.navbar {
  /*@extend .h-6;*/
  /*@extend .t-t-h--f;*/
  /*@extend .p-f;*/
  /*z-index: 1000;*/
}

body.close nav.bar, body.close nav.navbar {
  /*@extend .t-t-h-0;*/
}

.rich-text blockquote,
.rich-text blockquote p {
  font-family: "Courier New", Courier, monospace;
}

.sidebar {
  transition: width 0.3s ease;
}

.sidebar:has(.toggle:checked) .tree .label {
  display: none;
}

/*.button
{
    @extend .frame;
	@extend .br-1;
    @extend .h-4;
    @extend .ta-c;
    @extend .ai-c;
    @extend .jc-c;

    transform: scale(1);
    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.button:hover.c-a
{


    transform: scale(1.05);
    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

a.button
{
    @extend .d-f;
    text-decoration: none;
}*/
/* TODO temp */
/* @include import-google-font($title_font); */
body,
body * {
  font-family: "Inter";
  /*font-weight: 200;*/
  /*@extend .fs-1;
  @extend .lh-2;*/
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  font-variation-settings: normal;
  -webkit-font-smoothing: antialiased;
}

p {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  /*@extend .d-f;
  @extend .o-v;*/
}

/*a {
	text-decoration: none;
}

ul li
{
	@extend .d-f;
}*/

/*# sourceMappingURL=main-theme.css.map */