@charset "UTF-8";
/**/
/* Eldorado */
/**/
/* Quarks */
:root {
  color-scheme: light dark;
  --color-1: hsl(0, 100%, 75%);
  --color-2: hsl(30, 100%, 75%);
  --color-3: hsl(60, 100%, 75%);
  --color-4: hsl(90, 100%, 75%);
  --color-5: hsl(120, 100%, 75%);
  --color-6: hsl(150, 100%, 75%);
  --color-7: hsl(180, 100%, 25%);
  --color-8: hsl(210, 100%, 25%);
  --color-9: hsl(240, 100%, 25%);
  --color-10: hsl(270, 100%, 25%);
  --color-11: hsl(300, 100%, 25%);
  --color-12: hsl(330, 100%, 25%);
  --color-primary: hsl(30, 100%, 75%);
  --color-secondary: hsl(210, 100%, 25%);
  --color-warm: hsl(30, 100%, 75%);
  --color-cool: hsl(210, 100%, 25%);
  --color-gray-primary-0: hsl(30deg, 1%, 0%);
  --color-gray-primary-1: hsl(30deg, 1%, 2%);
  --color-gray-primary-2: hsl(30deg, 1%, 4%);
  --color-gray-primary-3: hsl(30deg, 1%, 6%);
  --color-gray-primary-4: hsl(30deg, 1%, 8%);
  --color-gray-primary-5: hsl(30deg, 1%, 10%);
  --color-gray-primary-6: hsl(30deg, 1%, 12%);
  --color-gray-primary-7: hsl(30deg, 1%, 14%);
  --color-gray-primary-8: hsl(30deg, 1%, 16%);
  --color-gray-primary-9: hsl(30deg, 1%, 18%);
  --color-gray-primary-10: hsl(30deg, 1%, 20%);
  --color-gray-primary-11: hsl(30deg, 1%, 22%);
  --color-gray-primary-12: hsl(30deg, 1%, 24%);
  --color-gray-primary-13: hsl(30deg, 1%, 26%);
  --color-gray-primary-14: hsl(30deg, 1%, 28%);
  --color-gray-primary-15: hsl(30deg, 1%, 30%);
  --color-gray-primary-16: hsl(30deg, 1%, 32%);
  --color-gray-primary-17: hsl(30deg, 1%, 34%);
  --color-gray-primary-18: hsl(30deg, 1%, 36%);
  --color-gray-primary-19: hsl(30deg, 1%, 38%);
  --color-gray-primary-20: hsl(30deg, 1%, 40%);
  --color-gray-primary-21: hsl(30deg, 1%, 42%);
  --color-gray-primary-22: hsl(30deg, 1%, 44%);
  --color-gray-primary-23: hsl(30deg, 1%, 46%);
  --color-gray-primary-24: hsl(30deg, 1%, 48%);
  --color-gray-primary-25: hsl(30deg, 1%, 50%);
  --color-gray-primary-26: hsl(30deg, 1%, 52%);
  --color-gray-primary-27: hsl(30deg, 1%, 54%);
  --color-gray-primary-28: hsl(30deg, 1%, 56%);
  --color-gray-primary-29: hsl(30deg, 1%, 58%);
  --color-gray-primary-30: hsl(30deg, 1%, 60%);
  --color-gray-primary-31: hsl(30deg, 1%, 62%);
  --color-gray-primary-32: hsl(30deg, 1%, 64%);
  --color-gray-primary-33: hsl(30deg, 1%, 66%);
  --color-gray-primary-34: hsl(30deg, 1%, 68%);
  --color-gray-primary-35: hsl(30deg, 1%, 70%);
  --color-gray-primary-36: hsl(30deg, 1%, 72%);
  --color-gray-primary-37: hsl(30deg, 1%, 74%);
  --color-gray-primary-38: hsl(30deg, 1%, 76%);
  --color-gray-primary-39: hsl(30deg, 1%, 78%);
  --color-gray-primary-40: hsl(30deg, 1%, 80%);
  --color-gray-primary-41: hsl(30deg, 1%, 82%);
  --color-gray-primary-42: hsl(30deg, 1%, 84%);
  --color-gray-primary-43: hsl(30deg, 1%, 86%);
  --color-gray-primary-44: hsl(30deg, 1%, 88%);
  --color-gray-primary-45: hsl(30deg, 1%, 90%);
  --color-gray-primary-46: hsl(30deg, 1%, 92%);
  --color-gray-primary-47: hsl(30deg, 1%, 94%);
  --color-gray-primary-48: hsl(30deg, 1%, 96%);
  --color-gray-primary-49: hsl(30deg, 1%, 98%);
  --color-gray-primary-50: hsl(30deg, 1%, 100%);
  --size-0: calc(100vw * 0.0204170327);
  --size-1: calc(100vw * 0.0330354528);
  --size-2: calc(100vw * 0.0534524855);
  --size-3: calc(100vw * 0.0864879384);
  --size-4: calc(100vw * 0.1399404239);
  --size-5: calc(100vw * 0.2264283623);
  --size-6: calc(100vw * 0.3663687862);
  --size-7: calc(100vw * 0.5927971484);
  --size-8: calc(100vw * 0.9591659346);
  --size-9: calc(100vw * 1.5519630831);
  --size-10: calc(100vw * 2.5111290177);
  --shadow-offset: 3.5px;
  --shadow-offset-neg: -3.5px;
  --shadow-blur: 7px;
  /*--shadow-white-first: hsl(30, 72%, 92%);
  --shadow-white-second: #fff;*/
  --shadow-black-first-color: hsl(30deg, 100%, 75%, 0.5);
  --shadow-black-first: hsl(210deg, 72%, 4%, 0.5);
  --shadow-black-second: hsl(210deg, 72%, 96%, 0.2);
  --shadow-white-first: hsl(210deg, 72%, 4%, 0.5);
  --shadow-white-second-color: hsl(210deg, 100%, 25%, 0.2);
  --shadow-white-second: hsl(210deg, 72%, 96%, 0.2);
}

@media only screen and (min-width: 768px) {
  :root {
    --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;
  }
}
/* Particles */
.ai-c, .marquee ul, .marquee ul li, .marquee ul li a, .led-label, .hero, form, footer, .carousel-tools, .card .card-footer, .burger-menu, .burger-menu ul li, .background, .switch, .switch label, .section, .row, .icon-label, .icon, .carousel .prev,
.carousel .next, .hr, .field, .button, .button-color, .bar, .navbar, .page {
  align-items: center;
}

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

.ai-fs, .bento {
  align-items: flex-start;
}

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

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

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

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

.ar-1, .square, .icon, .carousel .prev,
.carousel .next, .marquee ul li img, .switch label,
.switch .slider {
  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, .bac-glass, body:not(.light):not(.dark) .bac-a .bac-a,
body:not(.light):not(.dark) .bac-a .frame, body:not(.light):not(.dark) .marquee ul li img .bac-a, .marquee ul li body:not(.light):not(.dark) img .bac-a, body:not(.light):not(.dark) .bac-a .marquee ul li img, .marquee ul li body:not(.light):not(.dark) .bac-a img, body:not(.light):not(.dark) .marquee ul li img img, .marquee ul li body:not(.light):not(.dark) img img,
body:not(.light):not(.dark) .marquee ul li img .frame,
.marquee ul li body:not(.light):not(.dark) img .frame, .frame-glass, .frame-auto, .marquee ul li, .switch.frame-glass .slider {
  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 {
  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-light:checked) .h\:bac-a-c:hover, body:has(#theme-dark:checked) .h\:bac-r-c:hover, .check_button {
  background-color: var(--color-primary);
}

.h\:bac-s:hover,
.bac-s,
body:has(#theme-dark:checked) .h\:bac-a-c:hover,
body:has(#theme-light:checked) .h\:bac-r-c:hover,
.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-p-t-0 {
  background-color: color-mix(in srgb, var(--color-primary) 0%, transparent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bac-w, .editor-toolbar {
  background-color: var(--color-white);
}

.bac-b {
  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, .bb-g0 {
  border-bottom-color: var(--color-gray-0);
}

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

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

.bbc-g1, .bb-g1 {
  border-bottom-color: var(--color-gray-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bbc-gs10, .bb-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, body:has(#theme-light:checked) .h\:bbc-a-c:hover, body:has(#theme-dark:checked) .h\:bbc-r-c:hover {
  border-bottom-color: var(--color-primary);
}

.bbc-s, body:has(#theme-dark:checked) .h\:bbc-a-c:hover, body:has(#theme-light:checked) .h\:bbc-r-c:hover {
  border-bottom-color: var(--color-secondary);
}

.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, .card .card-header-border, .bb-g0,
.bb-gp0,
.bb-gs0, .bb-g1,
.bb-gp1,
.bb-gs1, .bb-g2,
.bb-gp2,
.bb-gs2, .bb-g3,
.bb-gp3,
.bb-gs3, .bb-g4,
.bb-gp4,
.bb-gs4, .bb-g5,
.bb-gp5,
.bb-gs5, .bb-g6,
.bb-gp6,
.bb-gs6, .bb-g7,
.bb-gp7,
.bb-gs7, .bb-g8,
.bb-gp8,
.bb-gs8, .bb-g9,
.bb-gp9,
.bb-gs9, .bb-g10,
.bb-gp10,
.bb-gs10 {
  border-bottom-style: solid;
}

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

.bbw-1p, .card .card-header-border, .bb-g0,
.bb-gp0,
.bb-gs0, .bb-g1,
.bb-gp1,
.bb-gs1, .bb-g2,
.bb-gp2,
.bb-gs2, .bb-g3,
.bb-gp3,
.bb-gs3, .bb-g4,
.bb-gp4,
.bb-gs4, .bb-g5,
.bb-gp5,
.bb-gs5, .bb-g6,
.bb-gp6,
.bb-gs6, .bb-g7,
.bb-gp7,
.bb-gs7, .bb-g8,
.bb-gp8,
.bb-gs8, .bb-g9,
.bb-gp9,
.bb-gs9, .bb-g10,
.bb-gp10,
.bb-gs10 {
  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, .b-gp0 {
  border-color: var(--color-gray-primary-0);
}

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

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

.boc-gp1, .b-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, .b-gp2, .marquee ul li img {
  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, .b-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, .b-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, .b-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, .b-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, .b-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, .b-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, .b-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, .b-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 {
  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);
}

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

.boc-1-i {
  border-color: var(--color-1) !important;
}

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

.boc-2-i {
  border-color: var(--color-2) !important;
}

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

.boc-3-i {
  border-color: var(--color-3) !important;
}

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

.boc-4-i {
  border-color: var(--color-4) !important;
}

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

.boc-5-i {
  border-color: var(--color-5) !important;
}

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

.boc-6-i {
  border-color: var(--color-6) !important;
}

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

.boc-7-i {
  border-color: var(--color-7) !important;
}

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

.boc-8-i {
  border-color: var(--color-8) !important;
}

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

.boc-9-i {
  border-color: var(--color-9) !important;
}

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

.boc-10-i {
  border-color: var(--color-10) !important;
}

.boc-11 {
  border-color: var(--color-11);
}

.boc-11-i {
  border-color: var(--color-11) !important;
}

.boc-12 {
  border-color: var(--color-12);
}

.boc-12-i {
  border-color: var(--color-12) !important;
}

.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, .switch .slider, .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, .marquee ul li img, .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 {
  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, .frame, .frame-auto, .button, .button-color, .carousel .prev,
.carousel .next {
  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, .led-label, .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, .led-label, .frame-flat, .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,
.b-a-t-0,
.b-r-t-0,
.b-a-t-1,
.b-r-t-1,
.b-a-t-2,
.b-r-t-2,
.b-a-t-3,
.b-r-t-3,
.b-a-t-4,
.b-r-t-4,
.b-a-t-5,
.b-r-t-5,
.b-a-t-6,
.b-r-t-6,
.b-a-t-7,
.b-r-t-7,
.b-a-t-8,
.b-r-t-8,
.b-a-t-9,
.b-r-t-9,
.b-a-t-10,
.b-r-t-10,
.b-a-t-11,
.b-r-t-11,
.b-a-t-12,
.b-r-t-12,
.b-a-t-13,
.b-r-t-13,
.b-a-t-14,
.b-r-t-14,
.b-a-t-15,
.b-r-t-15,
.b-a-t-16,
.b-r-t-16,
.b-a-t-17,
.b-r-t-17,
.b-a-t-18,
.b-r-t-18,
.b-a-t-19,
.b-r-t-19,
.b-a-t-20,
.b-r-t-20,
.boc-a-bw-1,
.boc-a-bw-2,
.boc-a-bw-3,
.boc-a-bw-4,
.boc-a-bw-5,
.b-gp0,
.b-gp1,
.b-gp2,
.b-gp3,
.b-gp4,
.b-gp5,
.b-gp6,
.b-gp7,
.b-gp8,
.b-gp9,
.b-gp10,
.marquee ul li img, .carousel-indicator, hr,
.field input[type=text],
.field input[type=password],
.field select,
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, .led-label, .frame-flat, .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, .b-a-t-0, .b-r-t-0, .b-a-t-1, .b-r-t-1, .b-a-t-2, .b-r-t-2, .b-a-t-3, .b-r-t-3, .b-a-t-4, .b-r-t-4, .b-a-t-5, .b-r-t-5, .b-a-t-6, .b-r-t-6, .b-a-t-7, .b-r-t-7, .b-a-t-8, .b-r-t-8, .b-a-t-9, .b-r-t-9, .b-a-t-10, .b-r-t-10, .b-a-t-11, .b-r-t-11, .b-a-t-12, .b-r-t-12, .b-a-t-13, .b-r-t-13, .b-a-t-14, .b-r-t-14, .b-a-t-15, .b-r-t-15, .b-a-t-16, .b-r-t-16, .b-a-t-17, .b-r-t-17, .b-a-t-18, .b-r-t-18, .b-a-t-19, .b-r-t-19, .b-a-t-20, .b-r-t-20, .boc-a-bw-1, .boc-a-bw-2, .boc-a-bw-3, .boc-a-bw-4, .boc-a-bw-5, .b-gp0, .b-gp1, .b-gp2, .b-gp3, .b-gp4, .b-gp5, .b-gp6, .b-gp7, .b-gp8, .b-gp9, .b-gp10, .marquee ul li img, .carousel-indicator, hr, .field input[type=text],
.field input[type=password],
.field select, 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 {
  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-w-c-1 {
  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-color);
}

.bs-b-1 {
  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-b-c-1 {
  box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) 0 var(--shadow-black-first-color), var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) 0 var(--shadow-black-second);
}

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

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

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

.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 {
  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 {
  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-1-i {
  color: var(--color-1) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-p-i {
  color: var(--color-primary) !important;
}

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

.c-s-i {
  color: var(--color-secondary) !important;
}

.c-w {
  color: var(--color-white);
}

.h\:c-b:hover,
.c-b {
  color: var(--color-black);
}

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

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

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

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

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

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

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

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

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

.c-b-5 {
  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);
}

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

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

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

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

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

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

.c-g13 {
  color: var(--color-gray-13);
}

.c-gp13 {
  color: var(--color-gray-primary-13);
}

.c-gs13 {
  color: var(--color-gray-secondary-13);
}

.c-g14 {
  color: var(--color-gray-14);
}

.c-gp14 {
  color: var(--color-gray-primary-14);
}

.c-gs14 {
  color: var(--color-gray-secondary-14);
}

.c-g15 {
  color: var(--color-gray-15);
}

.c-gp15 {
  color: var(--color-gray-primary-15);
}

.c-gs15 {
  color: var(--color-gray-secondary-15);
}

.c-g16 {
  color: var(--color-gray-16);
}

.c-gp16 {
  color: var(--color-gray-primary-16);
}

.c-gs16 {
  color: var(--color-gray-secondary-16);
}

.c-g17 {
  color: var(--color-gray-17);
}

.c-gp17 {
  color: var(--color-gray-primary-17);
}

.c-gs17 {
  color: var(--color-gray-secondary-17);
}

.c-g18 {
  color: var(--color-gray-18);
}

.c-gp18 {
  color: var(--color-gray-primary-18);
}

.c-gs18 {
  color: var(--color-gray-secondary-18);
}

.c-g19 {
  color: var(--color-gray-19);
}

.c-gp19 {
  color: var(--color-gray-primary-19);
}

.c-gs19 {
  color: var(--color-gray-secondary-19);
}

.c-g20 {
  color: var(--color-gray-20);
}

.c-gp20 {
  color: var(--color-gray-primary-20);
}

.c-gs20 {
  color: var(--color-gray-secondary-20);
}

.c-g21 {
  color: var(--color-gray-21);
}

.c-gp21 {
  color: var(--color-gray-primary-21);
}

.c-gs21 {
  color: var(--color-gray-secondary-21);
}

.c-g22 {
  color: var(--color-gray-22);
}

.c-gp22 {
  color: var(--color-gray-primary-22);
}

.c-gs22 {
  color: var(--color-gray-secondary-22);
}

.c-g23 {
  color: var(--color-gray-23);
}

.c-gp23 {
  color: var(--color-gray-primary-23);
}

.c-gs23 {
  color: var(--color-gray-secondary-23);
}

.c-g24 {
  color: var(--color-gray-24);
}

.c-gp24 {
  color: var(--color-gray-primary-24);
}

.c-gs24 {
  color: var(--color-gray-secondary-24);
}

.c-g25 {
  color: var(--color-gray-25);
}

.c-gp25 {
  color: var(--color-gray-primary-25);
}

.c-gs25 {
  color: var(--color-gray-secondary-25);
}

.c-g26 {
  color: var(--color-gray-26);
}

.c-gp26 {
  color: var(--color-gray-primary-26);
}

.c-gs26 {
  color: var(--color-gray-secondary-26);
}

.c-g27 {
  color: var(--color-gray-27);
}

.c-gp27 {
  color: var(--color-gray-primary-27);
}

.c-gs27 {
  color: var(--color-gray-secondary-27);
}

.c-g28 {
  color: var(--color-gray-28);
}

.c-gp28 {
  color: var(--color-gray-primary-28);
}

.c-gs28 {
  color: var(--color-gray-secondary-28);
}

.c-g29 {
  color: var(--color-gray-29);
}

.c-gp29 {
  color: var(--color-gray-primary-29);
}

.c-gs29 {
  color: var(--color-gray-secondary-29);
}

.c-g30 {
  color: var(--color-gray-30);
}

.c-gp30 {
  color: var(--color-gray-primary-30);
}

.c-gs30 {
  color: var(--color-gray-secondary-30);
}

.c-g31 {
  color: var(--color-gray-31);
}

.c-gp31 {
  color: var(--color-gray-primary-31);
}

.c-gs31 {
  color: var(--color-gray-secondary-31);
}

.c-g32 {
  color: var(--color-gray-32);
}

.c-gp32 {
  color: var(--color-gray-primary-32);
}

.c-gs32 {
  color: var(--color-gray-secondary-32);
}

.c-g33 {
  color: var(--color-gray-33);
}

.c-gp33 {
  color: var(--color-gray-primary-33);
}

.c-gs33 {
  color: var(--color-gray-secondary-33);
}

.c-g34 {
  color: var(--color-gray-34);
}

.c-gp34 {
  color: var(--color-gray-primary-34);
}

.c-gs34 {
  color: var(--color-gray-secondary-34);
}

.c-g35 {
  color: var(--color-gray-35);
}

.c-gp35 {
  color: var(--color-gray-primary-35);
}

.c-gs35 {
  color: var(--color-gray-secondary-35);
}

.c-g36 {
  color: var(--color-gray-36);
}

.c-gp36 {
  color: var(--color-gray-primary-36);
}

.c-gs36 {
  color: var(--color-gray-secondary-36);
}

.c-g37 {
  color: var(--color-gray-37);
}

.c-gp37 {
  color: var(--color-gray-primary-37);
}

.c-gs37 {
  color: var(--color-gray-secondary-37);
}

.c-g38 {
  color: var(--color-gray-38);
}

.c-gp38 {
  color: var(--color-gray-primary-38);
}

.c-gs38 {
  color: var(--color-gray-secondary-38);
}

.c-g39 {
  color: var(--color-gray-39);
}

.c-gp39 {
  color: var(--color-gray-primary-39);
}

.c-gs39 {
  color: var(--color-gray-secondary-39);
}

.c-g40 {
  color: var(--color-gray-40);
}

.c-gp40 {
  color: var(--color-gray-primary-40);
}

.c-gs40 {
  color: var(--color-gray-secondary-40);
}

.c-g41 {
  color: var(--color-gray-41);
}

.c-gp41 {
  color: var(--color-gray-primary-41);
}

.c-gs41 {
  color: var(--color-gray-secondary-41);
}

.c-g42 {
  color: var(--color-gray-42);
}

.c-gp42 {
  color: var(--color-gray-primary-42);
}

.c-gs42 {
  color: var(--color-gray-secondary-42);
}

.c-g43 {
  color: var(--color-gray-43);
}

.c-gp43 {
  color: var(--color-gray-primary-43);
}

.c-gs43 {
  color: var(--color-gray-secondary-43);
}

.c-g44 {
  color: var(--color-gray-44);
}

.c-gp44 {
  color: var(--color-gray-primary-44);
}

.c-gs44 {
  color: var(--color-gray-secondary-44);
}

.c-g45 {
  color: var(--color-gray-45);
}

.c-gp45 {
  color: var(--color-gray-primary-45);
}

.c-gs45 {
  color: var(--color-gray-secondary-45);
}

.c-g46 {
  color: var(--color-gray-46);
}

.c-gp46 {
  color: var(--color-gray-primary-46);
}

.c-gs46 {
  color: var(--color-gray-secondary-46);
}

.c-g47 {
  color: var(--color-gray-47);
}

.c-gp47 {
  color: var(--color-gray-primary-47);
}

.c-gs47 {
  color: var(--color-gray-secondary-47);
}

.c-g48 {
  color: var(--color-gray-48);
}

.c-gp48 {
  color: var(--color-gray-primary-48);
}

.c-gs48 {
  color: var(--color-gray-secondary-48);
}

.c-g49 {
  color: var(--color-gray-49);
}

.c-gp49 {
  color: var(--color-gray-primary-49);
}

.c-gs49 {
  color: var(--color-gray-secondary-49);
}

.c-g50 {
  color: var(--color-gray-50);
}

.c-gp50 {
  color: var(--color-gray-primary-50);
}

.c-gs50 {
  color: var(--color-gray-secondary-50);
}

.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), .button-color, .accordion summary {
  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, .marquee ul li:hover span {
  display: block;
}

.d-f, .tab:has(input[type=radio]:checked), .badge, .burger-menu, .burger-menu ul li, .atom, .marquee, .marquee ul, .marquee ul li, .marquee ul li a, .hero, .carousel .carousel-items .carousel-item, .card .content, .card .card-header,
.card .card-header-border, .card .card-footer, .switch .labels, .switch label, .section, .page, .hr, form, .field, a.button, a.button-color, .bar, .rich-text p, .navbar, .carousel, .carousel .carousel-items, .carousel-tools, .carousel-indicators, .row, .inset, .frame, .frame-auto, .button, .button-color, .carousel .prev,
.carousel .next, .tree, .led-label, .background, .wall, .bricks, .icon-label, .icon, .grid, .bento {
  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], .marquee ul li span, .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, .marquee ul li a, .hero, .carousel .carousel-items .carousel-item, .card, .card .content, .page {
  flex-flow: column;
}

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

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

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

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

.fw-w, .bricks, .grid, .bento {
  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, .switch label {
  font-size: var(--size-0);
}

.fs-1, .marquee ul li span, .marquee ul li:hover span, .button, .button-color, .accordion::details-content, .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, h1.title, .rich-text h1, .brand, .text-2 {
  font-size: var(--size-2);
}

.fs-3, .hero 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, .field input[type=text],
.field input[type=password],
.field select {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600, .rich-text strong, h1.title, .rich-text h1 {
  font-weight: 600;
}

.fw-700, .hero h1 span, .brand {
  font-weight: 700;
}

.fw-800, .hero h1 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fw-1000 {
  font-weight: 1000;
}

.g-n {
  gap: 0;
}

.g-0, .bento {
  gap: var(--size-0);
}

.g-1, .navbar, .marquee ul, .carousel-indicators, form {
  gap: var(--size-1);
}

.g-2, .card .card-footer {
  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 {
  height: auto;
}

.h-f, html,
body, .carousel-tools, .burger-menu, .background, .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-0 {
  height: var(--size-0);
}

.h-1, .carousel-indicator {
  height: var(--size-1);
}

.h-2, .field .icon {
  height: var(--size-2);
}

.h-3, .led-label, .burger-menu ul li, .field:not(input[type=submit]) {
  height: var(--size-3);
}

.h-4, footer, .carousel .prev,
.carousel .next {
  height: var(--size-4);
}

.h-5 {
  height: var(--size-5);
}

.h-6, .marquee {
  height: var(--size-6);
}

.h-7 {
  height: var(--size-7);
}

.h-8 {
  height: var(--size-8);
}

.h-9 {
  height: var(--size-9);
}

.h-10 {
  height: var(--size-10);
}

.h-11 {
  height: var(--size-11);
}

.h-12 {
  height: var(--size-12);
}

@media (min-width: 769px) {
  .pc\:h-0 {
    height: var(--size-0);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-1 {
    height: var(--size-1);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-2 {
    height: var(--size-2);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-3 {
    height: var(--size-3);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-4 {
    height: var(--size-4);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-5 {
    height: var(--size-5);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-6 {
    height: var(--size-6);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-7 {
    height: var(--size-7);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-8 {
    height: var(--size-8);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-9 {
    height: var(--size-9);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-10 {
    height: var(--size-10);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-11 {
    height: var(--size-11);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-12 {
    height: var(--size-12);
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-a {
    height: auto;
  }
}
.jc-c, .marquee ul, .marquee ul li, .hero, footer, .carousel-tools, .card .card-footer, .burger-menu, .background, .switch, .switch label, .row, .icon, .carousel .prev,
.carousel .next, .grid, .field:has(select), .button, .button-color, .bento {
  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, .marquee ul li span, .marquee ul li:hover span, .text-1, .paragraph {
  line-height: var(--size-2);
}

.lh-3, h1,
h2,
h3,
h4,
h5,
h6, .hero h1,
.hero h1 span, h1.title:not(.lh-2), .rich-text h1:not(.lh-2), .text-2 {
  line-height: var(--size-3);
}

.lh-4, .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, .marquee ul {
  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-n, .marquee ul, h1.title, h2.title, h3.title, h4.title, h5.title, h6.title, .rich-text h1 {
  margin: 0;
}

.m-0, h1,
h2,
h3,
h4,
h5,
h6, .rich-text blockquote {
  margin: var(--size-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-n, .accordion ul {
  margin-top: 0;
}

.mt-0, .burger-menu ul li {
  margin-top: var(--size-0);
}

.mt-1, .rich-text ol,
.rich-text ul {
  margin-top: var(--size-1);
}

.mt-2 {
  margin-top: var(--size-2);
}

.mt-3 {
  margin-top: var(--size-3);
}

.mt-4, .burger-menu ul {
  margin-top: var(--size-4);
}

.mt-5 {
  margin-top: var(--size-5);
}

.mt-6 {
  margin-top: var(--size-6);
}

.mt-7 {
  margin-top: var(--size-7);
}

.mt-8 {
  margin-top: var(--size-8);
}

.mt-9 {
  margin-top: var(--size-9);
}

.mt-10 {
  margin-top: var(--size-10);
}

.mt-11 {
  margin-top: var(--size-11);
}

.mt-12 {
  margin-top: var(--size-12);
}

.mt--1 {
  margin-top: var(--size-1-neg);
}

.mt--2 {
  margin-top: var(--size-2-neg);
}

.mt--3 {
  margin-top: var(--size-3-neg);
}

.mt--4 {
  margin-top: var(--size-4-neg);
}

.mt--5 {
  margin-top: var(--size-5-neg);
}

.mt--6 {
  margin-top: var(--size-6-neg);
}

.mt--7 {
  margin-top: var(--size-7-neg);
}

.mt--8 {
  margin-top: var(--size-8-neg);
}

.mt--9 {
  margin-top: var(--size-9-neg);
}

.mt--10 {
  margin-top: var(--size-10-neg);
}

.mt--11 {
  margin-top: var(--size-11-neg);
}

.mt--12 {
  margin-top: var(--size-12-neg);
}

.mr-a, .container {
  margin-right: auto;
}

.mr-n, .accordion ul {
  margin-right: 0;
}

.mr-0 {
  margin-right: var(--size-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-n, .accordion ul {
  margin-bottom: 0;
}

.mb-0, .burger-menu ul li {
  margin-bottom: var(--size-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);
}

.mb--1 {
  margin-bottom: var(--size-1-neg);
}

.mb--2 {
  margin-bottom: var(--size-2-neg);
}

.mb--3 {
  margin-bottom: var(--size-3-neg);
}

.mb--4 {
  margin-bottom: var(--size-4-neg);
}

.mb--5 {
  margin-bottom: var(--size-5-neg);
}

.mb--6 {
  margin-bottom: var(--size-6-neg);
}

.mb--7 {
  margin-bottom: var(--size-7-neg);
}

.mb--8 {
  margin-bottom: var(--size-8-neg);
}

.mb--9 {
  margin-bottom: var(--size-9-neg);
}

.mb--10 {
  margin-bottom: var(--size-10-neg);
}

.mb--11 {
  margin-bottom: var(--size-11-neg);
}

.mb--12 {
  margin-bottom: var(--size-12-neg);
}

.ml-a, .container {
  margin-left: auto;
}

.ml-n {
  margin-left: 0;
}

.ml-0, .accordion ul {
  margin-left: var(--size-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 {
  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-n, .marquee ul, .marquee ul li, .accordion ul {
  padding: 0;
}

.pa-0, .marquee ul li img, .card .card-footer, .button, .button-color {
  padding: var(--size-0);
}

.pa-1, .rich-text blockquote, .card .content, .box, .code {
  padding: var(--size-1);
}

.pa-2, .brand {
  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-n {
  padding-bottom: 0;
}

.pb-0 {
  padding-bottom: var(--size-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-n {
  padding-left: 0;
}

.pl-0 {
  padding-left: var(--size-0);
}

.pl-1, .rich-text, .rich-text a, .carousel .carousel-items .carousel-item {
  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-n {
  padding-right: 0;
}

.pr-0 {
  padding-right: var(--size-0);
}

.pr-1, .rich-text, .rich-text a, .marquee ul, .carousel .carousel-items .carousel-item {
  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-n {
  padding-top: 0;
}

.pt-0 {
  padding-top: var(--size-0);
}

.pt--0 {
  padding-top: var(--size-0-neg);
}

.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, .layer {
  position: absolute;
}

.p-f, .background, .header {
  position: fixed;
}

.p-r, .carousel, .switch, .field, .pack {
  position: relative;
}

.p-s, .bento,
.bento-cell {
  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, .marquee ul li a, .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, .leaf, form, .field input[type=text],
.field input[type=password],
.field select, .button, .button-color {
  text-align: center;
}

.ta-e {
  text-align: end;
}

.ta-j, .paragraph {
  text-align: justify;
}

.ta-l, .rich-text, .branch,
.branch .label, .card .title {
  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 footer {
  transform: translate(0, 0);
}

.t-t-h-f, footer {
  transform: translate(0, 100%);
}

.t-tx-0,
.t-ty-0 {
  transform: 0;
}

.t-tx-1 {
  transform: translateX(var(--size-1));
}

.t-tx--1 {
  transform: translateX(var(--size-1-neg));
}

.t-ty-1 {
  transform: translateY(var(--size-1));
}

.t-ty--1 {
  transform: translateY(var(--size-1-neg));
}

.t-tx-2 {
  transform: translateX(var(--size-2));
}

.t-tx--2 {
  transform: translateX(var(--size-2-neg));
}

.t-ty-2 {
  transform: translateY(var(--size-2));
}

.t-ty--2 {
  transform: translateY(var(--size-2-neg));
}

.t-tx-3 {
  transform: translateX(var(--size-3));
}

.t-tx--3 {
  transform: translateX(var(--size-3-neg));
}

.t-ty-3 {
  transform: translateY(var(--size-3));
}

.t-ty--3 {
  transform: translateY(var(--size-3-neg));
}

.t-tx-4 {
  transform: translateX(var(--size-4));
}

.t-tx--4 {
  transform: translateX(var(--size-4-neg));
}

.t-ty-4 {
  transform: translateY(var(--size-4));
}

.t-ty--4 {
  transform: translateY(var(--size-4-neg));
}

.t-tx-5 {
  transform: translateX(var(--size-5));
}

.t-tx--5 {
  transform: translateX(var(--size-5-neg));
}

.t-ty-5 {
  transform: translateY(var(--size-5));
}

.t-ty--5 {
  transform: translateY(var(--size-5-neg));
}

.t-tx-6 {
  transform: translateX(var(--size-6));
}

.t-tx--6 {
  transform: translateX(var(--size-6-neg));
}

.t-ty-6 {
  transform: translateY(var(--size-6));
}

.t-ty--6 {
  transform: translateY(var(--size-6-neg));
}

.t-tx-7 {
  transform: translateX(var(--size-7));
}

.t-tx--7 {
  transform: translateX(var(--size-7-neg));
}

.t-ty-7 {
  transform: translateY(var(--size-7));
}

.t-ty--7 {
  transform: translateY(var(--size-7-neg));
}

.t-tx-8 {
  transform: translateX(var(--size-8));
}

.t-tx--8 {
  transform: translateX(var(--size-8-neg));
}

.t-ty-8 {
  transform: translateY(var(--size-8));
}

.t-ty--8 {
  transform: translateY(var(--size-8-neg));
}

.t-tx-9 {
  transform: translateX(var(--size-9));
}

.t-tx--9 {
  transform: translateX(var(--size-9-neg));
}

.t-ty-9 {
  transform: translateY(var(--size-9));
}

.t-ty--9 {
  transform: translateY(var(--size-9-neg));
}

.t-tx-10 {
  transform: translateX(var(--size-10));
}

.t-tx--10 {
  transform: translateX(var(--size-10-neg));
}

.t-ty-10 {
  transform: translateY(var(--size-10));
}

.t-ty--10 {
  transform: translateY(var(--size-10-neg));
}

.t-tx-11 {
  transform: translateX(var(--size-11));
}

.t-tx--11 {
  transform: translateX(var(--size-11-neg));
}

.t-ty-11 {
  transform: translateY(var(--size-11));
}

.t-ty--11 {
  transform: translateY(var(--size-11-neg));
}

.t-tx-12 {
  transform: translateX(var(--size-12));
}

.t-tx--12 {
  transform: translateX(var(--size-12-neg));
}

.t-ty-12 {
  transform: translateY(var(--size-12));
}

.t-ty--12 {
  transform: translateY(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, .marquee, .carousel-tools, .burger-menu, .background, .header, .field, .field input[type=text],
.field input[type=password], .bar.o-h, .bar, .o-h.navbar, .navbar, .accordion, .accordion summary {
  width: 100%;
}

.w-fc, .label {
  width: fit-content;
}

.w-0 {
  width: var(--size-0);
}

.w-1 {
  width: var(--size-1);
}

.w-2 {
  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, .marquee ul li img, .grid.w-f .cell, .grid.rich-text .cell, .grid.EasyMDEContainer .cell, .grid.burger-menu .cell {
  width: var(--size-5);
}

.w-6, .grid-2.w-f .cell, .grid-2.rich-text .cell, .grid-2.EasyMDEContainer .cell, .grid-2.burger-menu .cell {
  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-0 {
    width: var(--size-0);
  }
  .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, .container {
    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, .background,
.background * {
  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;
}

/* Theme */
:root {
  --body-background-light-color: var(--color-gray-primary-49);
  --body-background-dark-color: var(--color-gray-primary-1);
  --frame-background-light-color: var(--color-gray-primary-47);
  --frame-background-dark-color: var(--color-gray-primary-3);
  --frame-border-light-color: var(--color-gray-primary-45);
  --frame-border-dark-color: var(--color-gray-primary-5);
  --label-background-light-color: var(--frame-border-light-color);
  --label-background-dark-color: var(--frame-border-dark-color);
  --label-border-light-color: var(--color-gray-primary-43);
  --label-border-dark-color: var(--color-gray-primary-7);
  --text-font-light-color: var(--color-gray-primary-20);
  --text-font-dark-color: var(--color-gray-primary-30);
  --title-font-light-color: var(--color-gray-primary-4);
  --title-font-dark-color: var(--color-gray-primary-46);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .frame-flat {
  background-color: light-dark(var(--frame-background-light-color), var(--frame-background-dark-color));
}

body:has(#theme-light:checked) .frame-flat {
  background-color: var(--frame-background-light-color);
}

body:has(#theme-dark:checked) .frame-flat {
  background-color: var(--frame-background-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .frame-flat {
  border-color: light-dark(var(--frame-border-light-color), var(--frame-border-dark-color));
}

body:has(#theme-light:checked) .frame-flat {
  border-color: var(--frame-border-light-color);
}

body:has(#theme-dark:checked) .frame-flat {
  border-color: var(--frame-border-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .label {
  border-color: light-dark(var(--label-border-light-color), var(--label-border-dark-color));
}

body:has(#theme-light:checked) .label {
  border-color: var(--label-border-light-color);
}

body:has(#theme-dark:checked) .label {
  border-color: var(--label-border-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .label {
  background-color: light-dark(var(--label-background-light-color), var(--label-background-dark-color));
}

body:has(#theme-light:checked) .label {
  background-color: var(--label-background-light-color);
}

body:has(#theme-dark:checked) .label {
  background-color: var(--label-background-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .label {
  color: light-dark(var(--text-font-light-color), var(--text-font-dark-color));
}

body:has(#theme-light:checked) .label {
  color: var(--text-font-light-color);
}

body:has(#theme-dark:checked) .label {
  color: var(--text-font-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) p {
  color: light-dark(var(--text-font-light-color), var(--text-font-dark-color));
}

body:has(#theme-light:checked) p {
  color: var(--text-font-light-color);
}

body:has(#theme-dark:checked) p {
  color: var(--text-font-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .sub-title {
  color: light-dark(var(--text-font-light-color), var(--text-font-dark-color));
}

body:has(#theme-light:checked) .sub-title {
  color: var(--text-font-light-color);
}

body:has(#theme-dark:checked) .sub-title {
  color: var(--text-font-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h1.title {
  color: light-dark(var(--title-font-light-color), var(--title-font-dark-color));
}

body:has(#theme-light:checked) h1.title {
  color: var(--title-font-light-color);
}

body:has(#theme-dark:checked) h1.title {
  color: var(--title-font-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h2.title {
  color: light-dark(var(--title-font-light-color), var(--title-font-dark-color));
}

body:has(#theme-light:checked) h2.title {
  color: var(--title-font-light-color);
}

body:has(#theme-dark:checked) h2.title {
  color: var(--title-font-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-a, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .marquee ul li img, .marquee ul li body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) img, 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,
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)) {
  background-color: light-dark(var(--color-white), var(--color-black));
}

body:has(#theme-light:checked) .bac-a, body:has(#theme-light:checked) .marquee ul li img, .marquee ul li body:has(#theme-light:checked) img, 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,
body:has(#theme-light:checked).bac-a,
.carousel body.prev:has(#theme-light:checked),
.carousel body.next:has(#theme-light:checked),
body.carousel-indicator:has(#theme-light:checked) {
  background-color: var(--color-white);
}

body:has(#theme-dark:checked) .bac-a, body:has(#theme-dark:checked) .marquee ul li img, .marquee ul li body:has(#theme-dark:checked) img, 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,
body:has(#theme-dark:checked).bac-a,
.carousel body.prev:has(#theme-dark:checked),
.carousel body.next:has(#theme-dark:checked),
body.carousel-indicator:has(#theme-dark:checked) {
  background-color: var(--color-black);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-r {
  background-color: light-dark(var(--color-black), var(--color-white));
}

body:has(#theme-light:checked) .bac-r {
  background-color: var(--color-black);
}

body:has(#theme-dark:checked) .bac-r {
  background-color: var(--color-white);
}

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], body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:bac-a-c:hover {
  background-color: light-dark(var(--color-secondary), var(--color-primary));
}

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

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

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, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:bac-r-c:hover {
  background-color: light-dark(var(--color-primary), var(--color-secondary));
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-a-bw {
  background-color: light-dark(var(--color-white), var(--color-black));
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-r-bw {
  background-color: light-dark(var(--color-black), var(--color-white));
}

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

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

.bac-a-bw-1 {
  background-color: light-dark(var(--color-white-1), var(--color-black-1));
}

.bac-r-bw-1 {
  background-color: light-dark(var(--color-black-1), var(--color-white-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));
}

.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));
}

.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));
}

.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));
}

.bac-a-g-0 {
  background-color: light-dark(var(--color-gray-0), var(--color-gray-10));
}

.bac-r-g-0 {
  background-color: light-dark(var(--color-gray-10), var(--color-gray-0));
}

.bac-a-g-1 {
  background-color: light-dark(var(--color-gray-1), var(--color-gray-9));
}

.bac-r-g-1 {
  background-color: light-dark(var(--color-gray-9), var(--color-gray-1));
}

.bac-a-g-2 {
  background-color: light-dark(var(--color-gray-2), var(--color-gray-8));
}

.bac-r-g-2 {
  background-color: light-dark(var(--color-gray-8), var(--color-gray-2));
}

.bac-a-g-3 {
  background-color: light-dark(var(--color-gray-3), var(--color-gray-7));
}

.bac-r-g-3 {
  background-color: light-dark(var(--color-gray-7), var(--color-gray-3));
}

.bac-a-g-4 {
  background-color: light-dark(var(--color-gray-4), var(--color-gray-6));
}

.bac-r-g-4 {
  background-color: light-dark(var(--color-gray-6), var(--color-gray-4));
}

.bac-a-g-5 {
  background-color: light-dark(var(--color-gray-5), var(--color-gray-5));
}

.bac-r-g-5 {
  background-color: light-dark(var(--color-gray-5), var(--color-gray-5));
}

.bac-a-g-6 {
  background-color: light-dark(var(--color-gray-6), var(--color-gray-4));
}

.bac-r-g-6 {
  background-color: light-dark(var(--color-gray-4), var(--color-gray-6));
}

.bac-a-g-7 {
  background-color: light-dark(var(--color-gray-7), var(--color-gray-3));
}

.bac-r-g-7 {
  background-color: light-dark(var(--color-gray-3), var(--color-gray-7));
}

.bac-a-g-8 {
  background-color: light-dark(var(--color-gray-8), var(--color-gray-2));
}

.bac-r-g-8 {
  background-color: light-dark(var(--color-gray-2), var(--color-gray-8));
}

.bac-a-g-9 {
  background-color: light-dark(var(--color-gray-9), var(--color-gray-1));
}

.bac-r-g-9 {
  background-color: light-dark(var(--color-gray-1), var(--color-gray-9));
}

.bac-a-g-10 {
  background-color: light-dark(var(--color-gray-10), var(--color-gray-0));
}

.bac-r-g-10 {
  background-color: light-dark(var(--color-gray-0), var(--color-gray-10));
}

/* Orientation */
@media (min-width: 769px) {
  .pc\:o-v {
    flex-flow: column;
  }
  .pc\:o-h {
    flex-flow: row;
  }
}
.bento-cell {
  flex: none;
}

@media only screen and (min-width: 768px) {
  .bento {
    position: relative;
  }
  .bento-cell {
    position: absolute;
  }
}
.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));
}

.b-a-t-0 {
  border-color: light-dark(var(--color-white-t-0), var(--color-black-t-0));
}

.b-a-t-1 {
  border-color: light-dark(var(--color-white-t-1), var(--color-black-t-1));
}

.b-a-t-2 {
  border-color: light-dark(var(--color-white-t-2), var(--color-black-t-2));
}

.b-a-t-3 {
  border-color: light-dark(var(--color-white-t-3), var(--color-black-t-3));
}

.b-a-t-4 {
  border-color: light-dark(var(--color-white-t-4), var(--color-black-t-4));
}

.b-a-t-5 {
  border-color: light-dark(var(--color-white-t-5), var(--color-black-t-5));
}

.b-a-t-6 {
  border-color: light-dark(var(--color-white-t-6), var(--color-black-t-6));
}

.b-a-t-7 {
  border-color: light-dark(var(--color-white-t-7), var(--color-black-t-7));
}

.b-a-t-8 {
  border-color: light-dark(var(--color-white-t-8), var(--color-black-t-8));
}

.b-a-t-9 {
  border-color: light-dark(var(--color-white-t-9), var(--color-black-t-9));
}

.b-a-t-10 {
  border-color: light-dark(var(--color-white-t-10), var(--color-black-t-10));
}

.b-a-t-11 {
  border-color: light-dark(var(--color-white-t-11), var(--color-black-t-11));
}

.b-a-t-12 {
  border-color: light-dark(var(--color-white-t-12), var(--color-black-t-12));
}

.b-a-t-13 {
  border-color: light-dark(var(--color-white-t-13), var(--color-black-t-13));
}

.b-a-t-14 {
  border-color: light-dark(var(--color-white-t-14), var(--color-black-t-14));
}

.b-a-t-15 {
  border-color: light-dark(var(--color-white-t-15), var(--color-black-t-15));
}

.b-a-t-16 {
  border-color: light-dark(var(--color-white-t-16), var(--color-black-t-16));
}

.b-a-t-17 {
  border-color: light-dark(var(--color-white-t-17), var(--color-black-t-17));
}

.b-a-t-18 {
  border-color: light-dark(var(--color-white-t-18), var(--color-black-t-18));
}

.b-a-t-19 {
  border-color: light-dark(var(--color-white-t-19), var(--color-black-t-19));
}

.b-a-t-20 {
  border-color: light-dark(var(--color-white-t-20), var(--color-black-t-20));
}

.b-r-t-0 {
  border-color: light-dark(var(--color-black-t-0), var(--color-white-t-0));
}

.b-r-t-1 {
  border-color: light-dark(var(--color-black-t-1), var(--color-white-t-1));
}

.b-r-t-2 {
  border-color: light-dark(var(--color-black-t-2), var(--color-white-t-2));
}

.b-r-t-3 {
  border-color: light-dark(var(--color-black-t-3), var(--color-white-t-3));
}

.b-r-t-4 {
  border-color: light-dark(var(--color-black-t-4), var(--color-white-t-4));
}

.b-r-t-5 {
  border-color: light-dark(var(--color-black-t-5), var(--color-white-t-5));
}

.b-r-t-6 {
  border-color: light-dark(var(--color-black-t-6), var(--color-white-t-6));
}

.b-r-t-7 {
  border-color: light-dark(var(--color-black-t-7), var(--color-white-t-7));
}

.b-r-t-8 {
  border-color: light-dark(var(--color-black-t-8), var(--color-white-t-8));
}

.b-r-t-9 {
  border-color: light-dark(var(--color-black-t-9), var(--color-white-t-9));
}

.b-r-t-10 {
  border-color: light-dark(var(--color-black-t-10), var(--color-white-t-10));
}

.b-r-t-11 {
  border-color: light-dark(var(--color-black-t-11), var(--color-white-t-11));
}

.b-r-t-12 {
  border-color: light-dark(var(--color-black-t-12), var(--color-white-t-12));
}

.b-r-t-13 {
  border-color: light-dark(var(--color-black-t-13), var(--color-white-t-13));
}

.b-r-t-14 {
  border-color: light-dark(var(--color-black-t-14), var(--color-white-t-14));
}

.b-r-t-15 {
  border-color: light-dark(var(--color-black-t-15), var(--color-white-t-15));
}

.b-r-t-16 {
  border-color: light-dark(var(--color-black-t-16), var(--color-white-t-16));
}

.b-r-t-17 {
  border-color: light-dark(var(--color-black-t-17), var(--color-white-t-17));
}

.b-r-t-18 {
  border-color: light-dark(var(--color-black-t-18), var(--color-white-t-18));
}

.b-r-t-19 {
  border-color: light-dark(var(--color-black-t-19), var(--color-white-t-19));
}

.b-r-t-20 {
  border-color: light-dark(var(--color-black-t-20), var(--color-white-t-20));
}

.bb-a {
  border-bottom-color: light-dark(var(--color-white), var(--color-dark));
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-1 {
  border-color: light-dark(var(--color-gray-9), var(--color-gray-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-gray-1);
}

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-gray-9), var(--color-gray-1));
}

body:has(#theme-light:checked) .b-a-bw-2, 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, body:has(#theme-light:checked) input[type=submit] {
  border-color: var(--color-white-2);
}

body:has(#theme-dark:checked) .b-a-bw-2, 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, body:has(#theme-dark:checked) input[type=submit] {
  border-color: var(--color-gray-1);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-3 {
  border-color: light-dark(var(--color-gray-9), var(--color-gray-1));
}

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-gray-1);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-4 {
  border-color: light-dark(var(--color-gray-9), var(--color-gray-1));
}

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-gray-1);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .b-a-bw-5 {
  border-color: light-dark(var(--color-gray-9), var(--color-gray-1));
}

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-gray-1);
}

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));
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bbc-a,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)).bbc-a {
  border-bottom-color: light-dark(var(--color-white), var(--color-black));
}

body:has(#theme-light:checked) .bbc-a,
body:has(#theme-light:checked).bbc-a {
  border-bottom-color: var(--color-white);
}

body:has(#theme-dark:checked) .bbc-a,
body:has(#theme-dark:checked).bbc-a {
  border-bottom-color: var(--color-black);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bbc-r {
  border-bottom-color: light-dark(var(--color-black), var(--color-white));
}

body:has(#theme-light:checked) .bbc-r {
  border-bottom-color: var(--color-black);
}

body:has(#theme-dark:checked) .bbc-r {
  border-bottom-color: var(--color-white);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bbc-a-c, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:bbc-a-c:hover {
  border-bottom-color: light-dark(var(--color-secondary), var(--color-primary));
}

body:has(#theme-dark:checked) .bbc-r-c, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:bbc-r-c:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .h\:bbc-r-c:hover,
body:has(#theme-light:checked) .bbc-a-c,
body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:bbc-a-c:hover,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .h\:bbc-a-c:hover {
  border-bottom-color: var(--color-secondary);
}

body:has(#theme-light:checked) .bbc-r-c, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:bbc-r-c:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .h\:bbc-r-c:hover,
body:has(#theme-dark:checked) .bbc-a-c,
body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:bbc-a-c:hover,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .h\:bbc-a-c:hover {
  border-bottom-color: var(--color-primary);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bbc-r-c, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:bbc-r-c:hover {
  border-bottom-color: light-dark(var(--color-primary), var(--color-secondary));
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bbc-a-bw {
  border-bottom-color: light-dark(var(--color-white), var(--color-black));
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bbc-r-bw {
  border-bottom-color: light-dark(var(--color-black), var(--color-white));
}

body:has(#theme-light:checked) .bbc-a-bw,
body:has(#theme-dark:checked) .bbc-r-bw {
  border-bottom-color: var(--color-white);
}

body:has(#theme-dark:checked) .bbc-a-bw,
body:has(#theme-light:checked) .bbc-r-bw {
  border-bottom-color: var(--color-black);
}

.bbc-a-bw-1 {
  border-bottom-color: light-dark(var(--color-white-1), var(--color-black-1));
}

.bbc-r-bw-1 {
  border-bottom-color: light-dark(var(--color-black-1), var(--color-white-1));
}

.bbc-a-bw-2 {
  border-bottom-color: light-dark(var(--color-white-2), var(--color-black-2));
}

.bbc-r-bw-2 {
  border-bottom-color: light-dark(var(--color-black-2), var(--color-white-2));
}

.bbc-a-bw-3 {
  border-bottom-color: light-dark(var(--color-white-3), var(--color-black-3));
}

.bbc-r-bw-3 {
  border-bottom-color: light-dark(var(--color-black-3), var(--color-white-3));
}

.bbc-a-bw-4 {
  border-bottom-color: light-dark(var(--color-white-4), var(--color-black-4));
}

.bbc-r-bw-4 {
  border-bottom-color: light-dark(var(--color-black-4), var(--color-white-4));
}

.bbc-a-bw-5 {
  border-bottom-color: light-dark(var(--color-white-5), var(--color-black-5));
}

.bbc-r-bw-5 {
  border-bottom-color: light-dark(var(--color-black-5), var(--color-white-5));
}

.bbc-a-g-0 {
  border-bottom-color: light-dark(var(--color-gray-0), var(--color-gray-10));
}

.bbc-r-g-0 {
  border-bottom-color: light-dark(var(--color-gray-10), var(--color-gray-0));
}

.bbc-a-g-1 {
  border-bottom-color: light-dark(var(--color-gray-1), var(--color-gray-9));
}

.bbc-r-g-1 {
  border-bottom-color: light-dark(var(--color-gray-9), var(--color-gray-1));
}

.bbc-a-g-2 {
  border-bottom-color: light-dark(var(--color-gray-2), var(--color-gray-8));
}

.bbc-r-g-2 {
  border-bottom-color: light-dark(var(--color-gray-8), var(--color-gray-2));
}

.bbc-a-g-3 {
  border-bottom-color: light-dark(var(--color-gray-3), var(--color-gray-7));
}

.bbc-r-g-3 {
  border-bottom-color: light-dark(var(--color-gray-7), var(--color-gray-3));
}

.bbc-a-g-4 {
  border-bottom-color: light-dark(var(--color-gray-4), var(--color-gray-6));
}

.bbc-r-g-4 {
  border-bottom-color: light-dark(var(--color-gray-6), var(--color-gray-4));
}

.bbc-a-g-5 {
  border-bottom-color: light-dark(var(--color-gray-5), var(--color-gray-5));
}

.bbc-r-g-5 {
  border-bottom-color: light-dark(var(--color-gray-5), var(--color-gray-5));
}

.bbc-a-g-6 {
  border-bottom-color: light-dark(var(--color-gray-6), var(--color-gray-4));
}

.bbc-r-g-6 {
  border-bottom-color: light-dark(var(--color-gray-4), var(--color-gray-6));
}

.bbc-a-g-7 {
  border-bottom-color: light-dark(var(--color-gray-7), var(--color-gray-3));
}

.bbc-r-g-7 {
  border-bottom-color: light-dark(var(--color-gray-3), var(--color-gray-7));
}

.bbc-a-g-8 {
  border-bottom-color: light-dark(var(--color-gray-8), var(--color-gray-2));
}

.bbc-r-g-8 {
  border-bottom-color: light-dark(var(--color-gray-2), var(--color-gray-8));
}

.bbc-a-g-9 {
  border-bottom-color: light-dark(var(--color-gray-9), var(--color-gray-1));
}

.bbc-r-g-9 {
  border-bottom-color: light-dark(var(--color-gray-1), var(--color-gray-9));
}

.bbc-a-g-10 {
  border-bottom-color: light-dark(var(--color-gray-10), var(--color-gray-0));
}

.bbc-r-g-10 {
  border-bottom-color: light-dark(var(--color-gray-0), var(--color-gray-10));
}

/*body.light .bbc-a
{
    border-bottom-color: var(--color-white);
}

body.dark .bbc-a
{
    border-bottom-color: var(--color-black);
}

body:not(.light):not(.dark) .bbc-a
{
    @media (prefers-color-scheme: light )
    {
        border-bottom-color: var(--color-white);
    }

    @media (prefers-color-scheme: dark )
    {	
        border-bottom-color: var(--color-black);
    }
}

@for $step from 0 through 20
{
	body:not(.light):not(.dark) .bbc-a-t
    {
        @media (prefers-color-scheme: light )
        {
            border-bottom-color: rgba(var(--color-white), $step * 0.05);
        }

        @media (prefers-color-scheme: dark )
        {	
            border-bottom-color: rgba(var(--color-black), $step * 0.05);            
        }   
    }
}*/
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)) .hr, 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)) .brand,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)).c-a,
body.hr:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)),
body.brand:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) {
  color: light-dark(var(--color-white), var(--color-black));
}

body:has(#theme-light:checked) .c-a, body:has(#theme-light:checked) .rich-text a, .rich-text body:has(#theme-light:checked) a, body:has(#theme-light:checked) .hr, body:has(#theme-light:checked) input[type=submit], body:has(#theme-light:checked) .brand,
body:has(#theme-light:checked).c-a,
body.hr:has(#theme-light:checked),
body.brand:has(#theme-light:checked) {
  color: var(--color-white);
}

body:has(#theme-dark:checked) .c-a, body:has(#theme-dark:checked) .rich-text a, .rich-text body:has(#theme-dark:checked) a, body:has(#theme-dark:checked) .hr, body:has(#theme-dark:checked) input[type=submit], body:has(#theme-dark:checked) .brand,
body:has(#theme-dark:checked).c-a,
body.hr:has(#theme-dark:checked),
body.brand:has(#theme-dark:checked) {
  color: var(--color-black);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .c-r, 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 {
  color: light-dark(var(--color-black), var(--color-white));
}

body:has(#theme-light:checked) .c-r, 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 {
  color: var(--color-black);
}

body:has(#theme-dark:checked) .c-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 {
  color: var(--color-white);
}

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-secondary), var(--color-primary));
}

body:has(#theme-dark:checked) .c-r-c, body:has(#theme-dark:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:c-r-c:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-dark:checked) .h\:c-r-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: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) .h\:c-a-c: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 {
  color: var(--color-secondary);
}

body:has(#theme-light:checked) .c-r-c, body:has(#theme-light:checked) body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .h\:c-r-c:hover, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) body:has(#theme-light:checked) .h\:c-r-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: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) .h\:c-a-c: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 {
  color: var(--color-primary);
}

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

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

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

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

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

.c-a-bw-1, .field input[type=text],
.field input[type=password],
.field select {
  color: light-dark(var(--color-white-1), var(--color-black-1));
}

.c-r-bw-1 {
  color: light-dark(var(--color-black-1), var(--color-white-1));
}

.c-a-bw-2 {
  color: light-dark(var(--color-white-2), var(--color-black-2));
}

.c-r-bw-2 {
  color: light-dark(var(--color-black-2), var(--color-white-2));
}

.c-a-bw-3 {
  color: light-dark(var(--color-white-3), var(--color-black-3));
}

.c-r-bw-3 {
  color: light-dark(var(--color-black-3), var(--color-white-3));
}

.c-a-bw-4 {
  color: light-dark(var(--color-white-4), var(--color-black-4));
}

.c-r-bw-4 {
  color: light-dark(var(--color-black-4), var(--color-white-4));
}

.c-a-bw-5, .ql-editor, input[type=text]::placeholder,
input[type=password]::placeholder {
  color: light-dark(var(--color-white-5), var(--color-black-5));
}

.c-r-bw-5 {
  color: light-dark(var(--color-black-5), var(--color-white-5));
}

.c-a-g-0 {
  color: light-dark(var(--color-gray-0), var(--color-gray-10));
}

.c-r-g-0 {
  color: light-dark(var(--color-gray-10), var(--color-gray-0));
}

.c-a-g-1 {
  color: light-dark(var(--color-gray-1), var(--color-gray-9));
}

.c-r-g-1 {
  color: light-dark(var(--color-gray-9), var(--color-gray-1));
}

.c-a-g-2 {
  color: light-dark(var(--color-gray-2), var(--color-gray-8));
}

.c-r-g-2 {
  color: light-dark(var(--color-gray-8), var(--color-gray-2));
}

.c-a-g-3 {
  color: light-dark(var(--color-gray-3), var(--color-gray-7));
}

.c-r-g-3 {
  color: light-dark(var(--color-gray-7), var(--color-gray-3));
}

.c-a-g-4 {
  color: light-dark(var(--color-gray-4), var(--color-gray-6));
}

.c-r-g-4 {
  color: light-dark(var(--color-gray-6), var(--color-gray-4));
}

.c-a-g-5 {
  color: light-dark(var(--color-gray-5), var(--color-gray-5));
}

.c-r-g-5 {
  color: light-dark(var(--color-gray-5), var(--color-gray-5));
}

.c-a-g-6 {
  color: light-dark(var(--color-gray-6), var(--color-gray-4));
}

.c-r-g-6 {
  color: light-dark(var(--color-gray-4), var(--color-gray-6));
}

.c-a-g-7 {
  color: light-dark(var(--color-gray-7), var(--color-gray-3));
}

.c-r-g-7 {
  color: light-dark(var(--color-gray-3), var(--color-gray-7));
}

.c-a-g-8 {
  color: light-dark(var(--color-gray-8), var(--color-gray-2));
}

.c-r-g-8 {
  color: light-dark(var(--color-gray-2), var(--color-gray-8));
}

.c-a-g-9 {
  color: light-dark(var(--color-gray-9), var(--color-gray-1));
}

.c-r-g-9 {
  color: light-dark(var(--color-gray-1), var(--color-gray-9));
}

.c-a-g-10 {
  color: light-dark(var(--color-gray-10), var(--color-gray-0));
}

.c-r-g-10 {
  color: light-dark(var(--color-gray-0), var(--color-gray-10));
}

/* Container */
.bs-a-c-1 {
  box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) 0 light-dark(var(--shadow-white-first), var(--shadow-black-first-color)), var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) 0 light-dark(var(--shadow-white-second-color), var(--shadow-black-second));
}

/*.bs-w-c-1
{
    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-color);
}
.bs-b-c-1
{
    box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) 0 var(--shadow-black-first-color),
                var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) 0 var(--shadow-black-second);
}*/
.frame-flat,
.frame-glass,
.marquee ul li,
.switch.frame-glass .slider,
.frame-auto {
  /*box-shadow: none !important;*/
}

/*.frame-auto
{
    @extend .shadow-a-1 !optional;
    @extend .b-a-bw-2;
}

.frame-flat
{

}*/
/* Radio input */
label > input[type=radio]:checked + div {
  border: 1px solid black;
}

/* 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;
}

body:not(.light):not(.dark) > .bac-a, .marquee ul li body:not(.light):not(.dark) > img {
  /*@if($isotope == 'glass')
  {
      @extend .bac-a-g-p;
  }*/
}

.bac-glass, .frame-glass, .frame-auto, .marquee ul li, .switch.frame-glass .slider, body:not(.light):not(.dark) .bac-a .bac-a, body:not(.light):not(.dark) .marquee ul li img .bac-a, .marquee ul li body:not(.light):not(.dark) img .bac-a, body:not(.light):not(.dark) .bac-a .marquee ul li img, .marquee ul li body:not(.light):not(.dark) .bac-a img, body:not(.light):not(.dark) .marquee ul li img img, .marquee ul li body:not(.light):not(.dark) img img,
body:not(.light):not(.dark) .bac-a .frame,
body:not(.light):not(.dark) .marquee ul li img .frame,
.marquee ul li body:not(.light):not(.dark) img .frame {
  background-color: light-dark(var(--color-glass-black), var(--color-glass-white));
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 0 4px 2px rgba(255, 255, 255, 0.2);
}

/*body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-glass
{
    @extend .bac-a-bw-t-18;
}
body:has(#theme-light:checked) .bac-glass
{
    background-color: var-white-t(18);
}
body:has(#theme-dark:checked) .bac-glass
{
    background-color: var-black-t(18);
}*/
/*.frame-primary,
.frame-inner-primary
{
    box-shadow: none;   
}*/
/*.frame-primary,
.frame-inner-primary
{
    box-shadow: none;   
}*/
.frame-clay {
  box-shadow: inset 8px 8px 16px 0px rgba(255, 255, 255, 0.2), inset -8px -8px 16px 0px rgba(0, 0, 0, 0.4);
}

/*.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;   
}*/
.accordion.accordion:not([open]) {
  margin-bottom: 10px;
}

.accordion summary {
  list-style: none;
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .accordion .summary-title {
  border-color: light-dark(var(--label-border-light-color), var(--label-border-dark-color));
}

body:has(#theme-light:checked) .accordion .summary-title {
  border-color: var(--label-border-light-color);
}

body:has(#theme-dark:checked) .accordion .summary-title {
  border-color: var(--label-border-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .accordion .summary-title {
  background-color: light-dark(var(--label-background-light-color), var(--label-background-dark-color));
}

body:has(#theme-light:checked) .accordion .summary-title {
  background-color: var(--label-background-light-color);
}

body:has(#theme-dark:checked) .accordion .summary-title {
  background-color: var(--label-background-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .accordion::details-content {
  color: light-dark(var(--text-font-light-color), var(--text-font-dark-color));
}

body:has(#theme-light:checked) .accordion::details-content {
  color: var(--text-font-light-color);
}

body:has(#theme-dark:checked) .accordion::details-content {
  color: var(--text-font-dark-color);
}

/* Bar */
.brand {
  letter-spacing: -0.4px;
}

.button, .button-color {
  transform: scale(1);
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.button:hover, .button-color:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

a.button, a.button-color {
  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;
}
*/
@media (min-width: 769px) {
  .grid-2.pc\:w-2 .cell {
    width: var(--size-0);
  }
  .grid-2.pc\:w-3 .cell {
    width: var(--size-1);
  }
  .grid-2.pc\:w-4 .cell {
    width: var(--size-2);
  }
  .grid-2.pc\:w-5 .cell {
    width: var(--size-3);
  }
  .grid-2.pc\:w-6 .cell {
    width: var(--size-4);
  }
  .grid-2.pc\:w-7 .cell {
    width: var(--size-5);
  }
  .grid-2.pc\:w-8 .cell {
    width: var(--size-6);
  }
  .grid-2.pc\:w-9 .cell {
    width: var(--size-7);
  }
  .grid-2.pc\:w-10 .cell {
    width: var(--size-8);
  }
  .grid-2.pc\:w-11 .cell {
    width: var(--size-9);
  }
  .grid-2.pc\:w-12 .cell {
    width: var(--size-10);
  }
  .grid-3.pc\:w-3 .cell {
    width: var(--size-0);
  }
  .grid-3.pc\:w-4 .cell {
    width: var(--size-1);
  }
  .grid-3.pc\:w-5 .cell {
    width: var(--size-2);
  }
  .grid-3.pc\:w-6 .cell {
    width: var(--size-3);
  }
  .grid-3.pc\:w-7 .cell {
    width: var(--size-4);
  }
  .grid-3.pc\:w-8 .cell {
    width: var(--size-5);
  }
  .grid-3.pc\:w-9 .cell {
    width: var(--size-6);
  }
  .grid-3.pc\:w-10 .cell {
    width: var(--size-7);
  }
  .grid-3.pc\:w-11 .cell {
    width: var(--size-8);
  }
  .grid-3.pc\:w-12 .cell {
    width: var(--size-9);
  }
}
.hr::before,
.hr::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  line-height: 0px;
  margin: 0px 8px;
}

.hr::before,
.hr::after {
  background-color: light-dark(hsl(210, 72%, 4%), var(--color-index));
}

/* 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;*/
}

/* page */
/*.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 {
  width: fit-content;
  height: fit-content;
  display: grid;
}

.switch .labels {
  width: fit-content;
  height: fit-content;
  grid-area: 1/1;
}

.switch .slider {
  /*@extend .frame;*/
  grid-area: 1/1;
  transition: transform 1s ease;
}

/*.switch .slider,
.switch .labels
{
    @extend .p-a;
}*/
.switch label {
  /*@extend .h-f;*/
}

.switch #theme-light:checked ~ .slider {
  transform: translateX(0%);
}

.switch #theme-auto:checked ~ .slider {
  transform: translateX(100%);
}

.switch #theme-dark:checked ~ .slider {
  transform: translateX(200%);
}

.switch:has(.labels.o-v, .rich-text p.labels, .burger-menu ul.labels) #theme-light:checked ~ .slider {
  transform: translateY(-100%);
}

.switch:has(.labels.o-v, .rich-text p.labels, .burger-menu ul.labels) #theme-auto:checked ~ .slider {
  transform: translateY(0%);
}

.switch:has(.labels.o-v, .rich-text p.labels, .burger-menu ul.labels) #theme-dark:checked ~ .slider {
  transform: translateY(100%);
}

/*.switch #theme-light:checked ~ .slider {
    @extend .t-tx-0;
}

.switch #theme-auto:checked ~ .slider {
    @extend .t-tx-2;
}

.switch #theme-dark:checked ~ .slider {
    @extend .t-tx-4;
}

.switch:has(.labels.o-v) #theme-light:checked ~ .slider {
    @extend .t-ty--2;
}

.switch:has(.labels.o-v) #theme-auto:checked ~ .slider {
    @extend .t-ty-0;
}

.switch:has(.labels.o-v) #theme-dark:checked ~ .slider {
    @extend .t-ty-2;
}*/
/* Titles */
h1.title, .rich-text h1, h2.title, h3.title, h4.title, h5.title, h6.title {
  /*letter-spacing: -.025em;*/
}

h1.title, .rich-text h1, h2.title {
  /*@extend .c-r-c;*/
}

h2.title, h3.title, h4.title, h5.title, h6.title {
  /*@extend .fs-2;
  @extend .lh-3;*/
}

.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;
}

.burger-menu .burger-items {
  background-color: var(--color-black);
}

@media only screen and (min-width: 768px) {
  .burger-menu .burger-button {
    display: none;
  }
  .burger-menu .burger-items {
    display: flex;
    background-color: transparent;
  }
  .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;
    margin-bottom: 12.5px;
    margin-right: 12.5px;
    flex-direction: row;
  }
}
/*.card:not(.frame-auto)
{
    @extend .frame;
}*/
.carousel .carousel-items {
  transition: 0.5s transform;
}

.carousel .carousel-items .carousel-item {
  flex: 0 0 auto;
}

.carousel-tools {
  pointer-events: none;
}

.carousel .prev {
  pointer-events: auto;
}

.carousel .next {
  pointer-events: auto;
}

.carousel-indicators {
  pointer-events: auto;
}

footer {
  /*@extend .b-0;*/
}

.marquee {
  overflow: hidden;
  white-space: nowrap;
}

.marquee ul {
  /*@extend .w-f;*/
  display: flex;
  flex-shrink: 0;
  min-width: min(100%, max-content);
  animation-name: marquee-scroll;
  animation-duration: 12s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/*.marquee:hover ul
{
  animation-duration: 16s;
}*/
@keyframes marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%); /* on défile sur la moitié car on a doublé */
  }
}
.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;
}*/
/* CSS Reset */
/*@include import-google-font($main_font); */
/* TODO temp */
/* 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;
}*/
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) {
  background-color: light-dark(var(--body-background-light-color), var(--body-background-dark-color));
}

body:has(#theme-light:checked) {
  background-color: var(--body-background-light-color);
}

body:has(#theme-dark:checked) {
  background-color: var(--body-background-dark-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) {
  color: light-dark(var(--body-background-dark-color), var(--body-background-light-color));
}

body:has(#theme-light:checked) {
  color: var(--body-background-dark-color);
}

body:has(#theme-dark:checked) {
  color: var(--body-background-light-color);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .button-color {
  background-color: light-dark(var(--color-cool), var(--color-warm));
}

body:has(#theme-light:checked) .button-color {
  background-color: var(--color-cool);
}

body:has(#theme-dark:checked) .button-color {
  background-color: var(--color-warm);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .button-color {
  color: light-dark(var(--color-gray-primary-50), var(--color-gray-primary-0));
}

body:has(#theme-light:checked) .button-color {
  color: var(--color-gray-primary-50);
}

body:has(#theme-dark:checked) .button-color {
  color: var(--color-gray-primary-0);
}

.button, .button-color {
  border-color: var(--body-background-dark-color);
  border-width: 1px;
  border-style: solid;
  color: var(--body-background-dark-color);
}

/*# sourceMappingURL=main-theme.css.map */