@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;700&family=Geist+Mono:wght@400;500;700&display=swap");
:root {
  --color-gray-light: var(--color-gray-secondary-20);
  --color-gray-dark: var(--color-gray-primary-30);
}

/* Quarks */
:root {
  --color-primary-raw: 20deg,
  100%,
  50%;
  --color-primary: hsl(var(--color-primary-raw));
  --color-primary-3: 20deg,
  100%,
  50%;
  --color-1-indice: hsl(20, 60%, 18%);
  --color-2-indice: hsl(20, 80%, 24%);
  --color-3-indice: hsl(20, 100%, 50%);
  --color-4-indice: hsl(20, 100%, 69%);
  --color-5-indice: hsl(20, 100%, 82%);
  --color-secondary-raw: 230deg,
  100%,
  50%;
  --color-secondary: hsl(var(--color-secondary-raw));
  --color-secondary-3: 230deg,
  100%,
  50%;
  --color-ternary-raw: 170deg,
  100%,
  50%;
  --color-ternary: hsl(var(--color-ternary-raw));
  --color-ternary-3: 170deg,
  100%,
  50%;
  --color-quadary-raw: 20deg,
  100%,
  50%;
  --color-quadary: hsl(var(--color-quadary-raw));
  --color-quadary-3: 20deg,
  100%,
  50%;
  --color-glass-primary: color-mix(in srgb, var(--color-primary) 30%, transparent);
  --color-glass-secondary: color-mix(in srgb, var(--color-secondary) 30%, transparent);
  --color-glass-ternary: color-mix(in srgb, var(--color-ternary) 30%, transparent);
  --color-glass-quadary: color-mix(in srgb, var(--color-gray-quadary-2) 30%, transparent);
  --color-gray-primary-0-raw: 20deg,
  5%,
  0%;
  --color-gray-primary-0: hsl(var(--color-gray-primary-0-raw));
  --color-gray-primary-1-raw: 20deg,
  5%,
  2%;
  --color-gray-primary-1: hsl(var(--color-gray-primary-1-raw));
  --color-gray-primary-2-raw: 20deg,
  5%,
  4%;
  --color-gray-primary-2: hsl(var(--color-gray-primary-2-raw));
  --color-gray-primary-3-raw: 20deg,
  5%,
  6%;
  --color-gray-primary-3: hsl(var(--color-gray-primary-3-raw));
  --color-gray-primary-4-raw: 20deg,
  5%,
  8%;
  --color-gray-primary-4: hsl(var(--color-gray-primary-4-raw));
  --color-gray-primary-5-raw: 20deg,
  5%,
  10%;
  --color-gray-primary-5: hsl(var(--color-gray-primary-5-raw));
  --color-gray-primary-6-raw: 20deg,
  5%,
  12%;
  --color-gray-primary-6: hsl(var(--color-gray-primary-6-raw));
  --color-gray-primary-7-raw: 20deg,
  5%,
  14%;
  --color-gray-primary-7: hsl(var(--color-gray-primary-7-raw));
  --color-gray-primary-8-raw: 20deg,
  5%,
  16%;
  --color-gray-primary-8: hsl(var(--color-gray-primary-8-raw));
  --color-gray-primary-20-raw: 20deg,
  5%,
  40%;
  --color-gray-primary-20: hsl(var(--color-gray-primary-20-raw));
  --color-gray-primary-30-raw: 20deg,
  5%,
  60%;
  --color-gray-primary-30: hsl(var(--color-gray-primary-30-raw));
  --color-gray-primary-42-raw: 20deg,
  5%,
  84%;
  --color-gray-primary-42: hsl(var(--color-gray-primary-42-raw));
  --color-gray-primary-43-raw: 20deg,
  5%,
  86%;
  --color-gray-primary-43: hsl(var(--color-gray-primary-43-raw));
  --color-gray-primary-44-raw: 20deg,
  5%,
  88%;
  --color-gray-primary-44: hsl(var(--color-gray-primary-44-raw));
  --color-gray-primary-45-raw: 20deg,
  5%,
  90%;
  --color-gray-primary-45: hsl(var(--color-gray-primary-45-raw));
  --color-gray-primary-46-raw: 20deg,
  5%,
  92%;
  --color-gray-primary-46: hsl(var(--color-gray-primary-46-raw));
  --color-gray-primary-47-raw: 20deg,
  5%,
  94%;
  --color-gray-primary-47: hsl(var(--color-gray-primary-47-raw));
  --color-gray-primary-48-raw: 20deg,
  5%,
  96%;
  --color-gray-primary-48: hsl(var(--color-gray-primary-48-raw));
  --color-gray-primary-49-raw: 20deg,
  5%,
  98%;
  --color-gray-primary-49: hsl(var(--color-gray-primary-49-raw));
  --color-gray-primary-50-raw: 20deg,
  5%,
  100%;
  --color-gray-primary-50: hsl(var(--color-gray-primary-50-raw));
  --color-gray-secondary-0-raw: 230deg,
  5%,
  0%;
  --color-gray-secondary-0: hsl(var(--color-gray-secondary-0-raw));
  --color-gray-secondary-1-raw: 230deg,
  5%,
  2%;
  --color-gray-secondary-1: hsl(var(--color-gray-secondary-1-raw));
  --color-gray-secondary-2-raw: 230deg,
  5%,
  4%;
  --color-gray-secondary-2: hsl(var(--color-gray-secondary-2-raw));
  --color-gray-secondary-3-raw: 230deg,
  5%,
  6%;
  --color-gray-secondary-3: hsl(var(--color-gray-secondary-3-raw));
  --color-gray-secondary-4-raw: 230deg,
  5%,
  8%;
  --color-gray-secondary-4: hsl(var(--color-gray-secondary-4-raw));
  --color-gray-secondary-5-raw: 230deg,
  5%,
  10%;
  --color-gray-secondary-5: hsl(var(--color-gray-secondary-5-raw));
  --color-gray-secondary-6-raw: 230deg,
  5%,
  12%;
  --color-gray-secondary-6: hsl(var(--color-gray-secondary-6-raw));
  --color-gray-secondary-7-raw: 230deg,
  5%,
  14%;
  --color-gray-secondary-7: hsl(var(--color-gray-secondary-7-raw));
  --color-gray-secondary-8-raw: 230deg,
  5%,
  16%;
  --color-gray-secondary-8: hsl(var(--color-gray-secondary-8-raw));
  --color-gray-secondary-20-raw: 230deg,
  5%,
  40%;
  --color-gray-secondary-20: hsl(var(--color-gray-secondary-20-raw));
  --color-gray-secondary-30-raw: 230deg,
  5%,
  60%;
  --color-gray-secondary-30: hsl(var(--color-gray-secondary-30-raw));
  --color-gray-secondary-42-raw: 230deg,
  5%,
  84%;
  --color-gray-secondary-42: hsl(var(--color-gray-secondary-42-raw));
  --color-gray-secondary-43-raw: 230deg,
  5%,
  86%;
  --color-gray-secondary-43: hsl(var(--color-gray-secondary-43-raw));
  --color-gray-secondary-44-raw: 230deg,
  5%,
  88%;
  --color-gray-secondary-44: hsl(var(--color-gray-secondary-44-raw));
  --color-gray-secondary-45-raw: 230deg,
  5%,
  90%;
  --color-gray-secondary-45: hsl(var(--color-gray-secondary-45-raw));
  --color-gray-secondary-46-raw: 230deg,
  5%,
  92%;
  --color-gray-secondary-46: hsl(var(--color-gray-secondary-46-raw));
  --color-gray-secondary-47-raw: 230deg,
  5%,
  94%;
  --color-gray-secondary-47: hsl(var(--color-gray-secondary-47-raw));
  --color-gray-secondary-48-raw: 230deg,
  5%,
  96%;
  --color-gray-secondary-48: hsl(var(--color-gray-secondary-48-raw));
  --color-gray-secondary-49-raw: 230deg,
  5%,
  98%;
  --color-gray-secondary-49: hsl(var(--color-gray-secondary-49-raw));
  --color-gray-secondary-50-raw: 230deg,
  5%,
  100%;
  --color-gray-secondary-50: hsl(var(--color-gray-secondary-50-raw));
  --color-gray-ternary-0-raw: 170deg,
  5%,
  0%;
  --color-gray-ternary-0: hsl(var(--color-gray-ternary-0-raw));
  --color-gray-ternary-1-raw: 170deg,
  5%,
  2%;
  --color-gray-ternary-1: hsl(var(--color-gray-ternary-1-raw));
  --color-gray-ternary-2-raw: 170deg,
  5%,
  4%;
  --color-gray-ternary-2: hsl(var(--color-gray-ternary-2-raw));
  --color-gray-ternary-3-raw: 170deg,
  5%,
  6%;
  --color-gray-ternary-3: hsl(var(--color-gray-ternary-3-raw));
  --color-gray-ternary-4-raw: 170deg,
  5%,
  8%;
  --color-gray-ternary-4: hsl(var(--color-gray-ternary-4-raw));
  --color-gray-ternary-5-raw: 170deg,
  5%,
  10%;
  --color-gray-ternary-5: hsl(var(--color-gray-ternary-5-raw));
  --color-gray-ternary-6-raw: 170deg,
  5%,
  12%;
  --color-gray-ternary-6: hsl(var(--color-gray-ternary-6-raw));
  --color-gray-ternary-7-raw: 170deg,
  5%,
  14%;
  --color-gray-ternary-7: hsl(var(--color-gray-ternary-7-raw));
  --color-gray-ternary-8-raw: 170deg,
  5%,
  16%;
  --color-gray-ternary-8: hsl(var(--color-gray-ternary-8-raw));
  --color-gray-ternary-20-raw: 170deg,
  5%,
  40%;
  --color-gray-ternary-20: hsl(var(--color-gray-ternary-20-raw));
  --color-gray-ternary-30-raw: 170deg,
  5%,
  60%;
  --color-gray-ternary-30: hsl(var(--color-gray-ternary-30-raw));
  --color-gray-ternary-42-raw: 170deg,
  5%,
  84%;
  --color-gray-ternary-42: hsl(var(--color-gray-ternary-42-raw));
  --color-gray-ternary-43-raw: 170deg,
  5%,
  86%;
  --color-gray-ternary-43: hsl(var(--color-gray-ternary-43-raw));
  --color-gray-ternary-44-raw: 170deg,
  5%,
  88%;
  --color-gray-ternary-44: hsl(var(--color-gray-ternary-44-raw));
  --color-gray-ternary-45-raw: 170deg,
  5%,
  90%;
  --color-gray-ternary-45: hsl(var(--color-gray-ternary-45-raw));
  --color-gray-ternary-46-raw: 170deg,
  5%,
  92%;
  --color-gray-ternary-46: hsl(var(--color-gray-ternary-46-raw));
  --color-gray-ternary-47-raw: 170deg,
  5%,
  94%;
  --color-gray-ternary-47: hsl(var(--color-gray-ternary-47-raw));
  --color-gray-ternary-48-raw: 170deg,
  5%,
  96%;
  --color-gray-ternary-48: hsl(var(--color-gray-ternary-48-raw));
  --color-gray-ternary-49-raw: 170deg,
  5%,
  98%;
  --color-gray-ternary-49: hsl(var(--color-gray-ternary-49-raw));
  --color-gray-ternary-50-raw: 170deg,
  5%,
  100%;
  --color-gray-ternary-50: hsl(var(--color-gray-ternary-50-raw));
  --color-white: var(--color-gray-primary-48);
  --color-black: var(--color-gray-secondary-2);
  --color-primary1: hsl(20, 60%, 18%);
  --color-secondary1: hsl(230, 60%, 18%);
  --color-primary2: hsl(20, 80%, 24%);
  --color-secondary2: hsl(230, 80%, 24%);
  --color-primary3: hsl(20, 100%, 50%);
  --color-secondary3: hsl(230, 100%, 50%);
  --color-primary4: hsl(20, 100%, 69%);
  --color-secondary4: hsl(230, 100%, 69%);
  --color-primary5: hsl(20, 100%, 82%);
  --color-secondary5: hsl(230, 100%, 82%);
  --theme-font-family: Geist,
  sans-serif;
  --theme-font-mono: Geist Mono,
  monospace;
  --size-1: 1px;
  --size-2: 2px;
  --size-3: 3px;
  --size-4: 5px;
  --size-5: 8px;
  --size-6: 13px;
  --size-7: 21px;
  --size-8: 34px;
  --size-9: 55px;
  --size-10: 89px;
  --size-11: 144px;
  --size-12: 233px;
  --size-13: 377px;
  --size-14: 610px;
  --size-15: 987px;
  --size-16: 1597px;
}

@media only screen and (min-width: 768px) {
  :root {
    --size-1: 1px;
    --size-2: 2px;
    --size-3: 3px;
    --size-4: 5px;
    --size-5: 8px;
    --size-6: 13px;
    --size-7: 21px;
    --size-8: 34px;
    --size-9: 55px;
    --size-10: 89px;
    --size-11: 144px;
    --size-12: 233px;
    --size-13: 377px;
    --size-14: 610px;
    --size-15: 987px;
    --size-16: 1597px;
  }
}
/* Particles */
.bac-ld-c {
  background-color: light-dark(var(--color-secondary), var(--color-primary));
}

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

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

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

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

.h\:bac-p:hover {
  background-color: var(--color-primary);
}

.h\:bac-s:hover {
  background-color: var(--color-secondary);
}

.h\:bac-te:hover {
  background-color: var(--color-ternary);
}

.h\:bac-qua:hover {
  background-color: var(--color-quadary);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .bac-a-c {
  background-color: light-dark(var(--color-ternary), var(--color-secondary));
}

body:has(#theme-light:checked) .bac-a-c {
  background-color: var(--color-ternary);
}

body:has(#theme-dark:checked) .bac-a-c {
  background-color: var(--color-secondary);
}

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

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

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

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

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

.h\:bac-w:hover {
  background-color: var(--color-white);
}

.h\:bac-b:hover {
  background-color: var(--color-black);
}

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

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

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

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

body:has(#theme-dark:checked) .bac-a {
  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);
}

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

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

.bac-gt0,
.h\:bac-gt0:hover {
  background-color: var(--color-gray-ternary-0);
}

.bac-gq0,
.h\:bac-gq0:hover {
  background-color: var(--color-gray-quadary-0);
}

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

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

.bac-gt1,
.h\:bac-gt1:hover {
  background-color: var(--color-gray-ternary-1);
}

.bac-gq1,
.h\:bac-gq1:hover {
  background-color: var(--color-gray-quadary-1);
}

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

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

.bac-gt2,
.h\:bac-gt2:hover {
  background-color: var(--color-gray-ternary-2);
}

.bac-gq2,
.h\:bac-gq2:hover {
  background-color: var(--color-gray-quadary-2);
}

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

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

.bac-gt3,
.h\:bac-gt3:hover {
  background-color: var(--color-gray-ternary-3);
}

.bac-gq3,
.h\:bac-gq3:hover {
  background-color: var(--color-gray-quadary-3);
}

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

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

.bac-gt4,
.h\:bac-gt4:hover {
  background-color: var(--color-gray-ternary-4);
}

.bac-gq4,
.h\:bac-gq4:hover {
  background-color: var(--color-gray-quadary-4);
}

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

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

.bac-gt5,
.h\:bac-gt5:hover {
  background-color: var(--color-gray-ternary-5);
}

.bac-gq5,
.h\:bac-gq5:hover {
  background-color: var(--color-gray-quadary-5);
}

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

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

.bac-gt6,
.h\:bac-gt6:hover {
  background-color: var(--color-gray-ternary-6);
}

.bac-gq6,
.h\:bac-gq6:hover {
  background-color: var(--color-gray-quadary-6);
}

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

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

.bac-gt7,
.h\:bac-gt7:hover {
  background-color: var(--color-gray-ternary-7);
}

.bac-gq7,
.h\:bac-gq7:hover {
  background-color: var(--color-gray-quadary-7);
}

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

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

.bac-gt8,
.h\:bac-gt8:hover {
  background-color: var(--color-gray-ternary-8);
}

.bac-gq8,
.h\:bac-gq8:hover {
  background-color: var(--color-gray-quadary-8);
}

.bac-gp20,
.h\:bac-gp20:hover {
  background-color: var(--color-gray-primary-20);
}

.bac-gs20,
.h\:bac-gs20:hover {
  background-color: var(--color-gray-secondary-20);
}

.bac-gt20,
.h\:bac-gt20:hover {
  background-color: var(--color-gray-ternary-20);
}

.bac-gq20,
.h\:bac-gq20:hover {
  background-color: var(--color-gray-quadary-20);
}

.bac-gp30,
.h\:bac-gp30:hover {
  background-color: var(--color-gray-primary-30);
}

.bac-gs30,
.h\:bac-gs30:hover {
  background-color: var(--color-gray-secondary-30);
}

.bac-gt30,
.h\:bac-gt30:hover {
  background-color: var(--color-gray-ternary-30);
}

.bac-gq30,
.h\:bac-gq30:hover {
  background-color: var(--color-gray-quadary-30);
}

.bac-gp42,
.h\:bac-gp42:hover {
  background-color: var(--color-gray-primary-42);
}

.bac-gs42,
.h\:bac-gs42:hover {
  background-color: var(--color-gray-secondary-42);
}

.bac-gt42,
.h\:bac-gt42:hover {
  background-color: var(--color-gray-ternary-42);
}

.bac-gq42,
.h\:bac-gq42:hover {
  background-color: var(--color-gray-quadary-42);
}

.bac-gp43,
.h\:bac-gp43:hover {
  background-color: var(--color-gray-primary-43);
}

.bac-gs43,
.h\:bac-gs43:hover {
  background-color: var(--color-gray-secondary-43);
}

.bac-gt43,
.h\:bac-gt43:hover {
  background-color: var(--color-gray-ternary-43);
}

.bac-gq43,
.h\:bac-gq43:hover {
  background-color: var(--color-gray-quadary-43);
}

.bac-gp44,
.h\:bac-gp44:hover {
  background-color: var(--color-gray-primary-44);
}

.bac-gs44,
.h\:bac-gs44:hover {
  background-color: var(--color-gray-secondary-44);
}

.bac-gt44,
.h\:bac-gt44:hover {
  background-color: var(--color-gray-ternary-44);
}

.bac-gq44,
.h\:bac-gq44:hover {
  background-color: var(--color-gray-quadary-44);
}

.bac-gp45,
.h\:bac-gp45:hover {
  background-color: var(--color-gray-primary-45);
}

.bac-gs45,
.h\:bac-gs45:hover {
  background-color: var(--color-gray-secondary-45);
}

.bac-gt45,
.h\:bac-gt45:hover {
  background-color: var(--color-gray-ternary-45);
}

.bac-gq45,
.h\:bac-gq45:hover {
  background-color: var(--color-gray-quadary-45);
}

.bac-gp46,
.h\:bac-gp46:hover {
  background-color: var(--color-gray-primary-46);
}

.bac-gs46,
.h\:bac-gs46:hover {
  background-color: var(--color-gray-secondary-46);
}

.bac-gt46,
.h\:bac-gt46:hover {
  background-color: var(--color-gray-ternary-46);
}

.bac-gq46,
.h\:bac-gq46:hover {
  background-color: var(--color-gray-quadary-46);
}

.bac-gp47,
.h\:bac-gp47:hover {
  background-color: var(--color-gray-primary-47);
}

.bac-gs47,
.h\:bac-gs47:hover {
  background-color: var(--color-gray-secondary-47);
}

.bac-gt47,
.h\:bac-gt47:hover {
  background-color: var(--color-gray-ternary-47);
}

.bac-gq47,
.h\:bac-gq47:hover {
  background-color: var(--color-gray-quadary-47);
}

.bac-gp48,
.h\:bac-gp48:hover {
  background-color: var(--color-gray-primary-48);
}

.bac-gs48,
.h\:bac-gs48:hover {
  background-color: var(--color-gray-secondary-48);
}

.bac-gt48,
.h\:bac-gt48:hover {
  background-color: var(--color-gray-ternary-48);
}

.bac-gq48,
.h\:bac-gq48:hover {
  background-color: var(--color-gray-quadary-48);
}

.bac-gp49,
.h\:bac-gp49:hover {
  background-color: var(--color-gray-primary-49);
}

.bac-gs49,
.h\:bac-gs49:hover {
  background-color: var(--color-gray-secondary-49);
}

.bac-gt49,
.h\:bac-gt49:hover {
  background-color: var(--color-gray-ternary-49);
}

.bac-gq49,
.h\:bac-gq49:hover {
  background-color: var(--color-gray-quadary-49);
}

.bac-gp50,
.h\:bac-gp50:hover {
  background-color: var(--color-gray-primary-50);
}

.bac-gs50,
.h\:bac-gs50:hover {
  background-color: var(--color-gray-secondary-50);
}

.bac-gt50,
.h\:bac-gt50:hover {
  background-color: var(--color-gray-ternary-50);
}

.bac-gq50,
.h\:bac-gq50:hover {
  background-color: var(--color-gray-quadary-50);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bbc-ld-c {
  border-bottom-color: light-dark(var(--color-secondary), var(--color-primary));
}

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

.bbc-s {
  border-bottom-color: var(--color-secondary);
}

.bbc-te {
  border-bottom-color: var(--color-ternary);
}

.bbc-qua {
  border-bottom-color: var(--color-quadary);
}

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

.h\:bbc-s:hover {
  border-bottom-color: var(--color-secondary);
}

.h\:bbc-te:hover {
  border-bottom-color: var(--color-ternary);
}

.h\:bbc-qua:hover {
  border-bottom-color: var(--color-quadary);
}

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

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

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

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

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

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

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

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

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

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

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 {
  border-bottom-color: var(--color-white);
}

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 {
  border-bottom-color: light-dark(var(--color-white), var(--color-black));
}

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

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

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

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

.bbc-gt0,
.h\:bbc-gt0:hover {
  border-bottom-color: var(--color-gray-ternary-0);
}

.bbc-gq0,
.h\:bbc-gq0:hover {
  border-bottom-color: var(--color-gray-quadary-0);
}

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

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

.bbc-gt1,
.h\:bbc-gt1:hover {
  border-bottom-color: var(--color-gray-ternary-1);
}

.bbc-gq1,
.h\:bbc-gq1:hover {
  border-bottom-color: var(--color-gray-quadary-1);
}

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

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

.bbc-gt2,
.h\:bbc-gt2:hover {
  border-bottom-color: var(--color-gray-ternary-2);
}

.bbc-gq2,
.h\:bbc-gq2:hover {
  border-bottom-color: var(--color-gray-quadary-2);
}

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

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

.bbc-gt3,
.h\:bbc-gt3:hover {
  border-bottom-color: var(--color-gray-ternary-3);
}

.bbc-gq3,
.h\:bbc-gq3:hover {
  border-bottom-color: var(--color-gray-quadary-3);
}

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

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

.bbc-gt4,
.h\:bbc-gt4:hover {
  border-bottom-color: var(--color-gray-ternary-4);
}

.bbc-gq4,
.h\:bbc-gq4:hover {
  border-bottom-color: var(--color-gray-quadary-4);
}

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

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

.bbc-gt5,
.h\:bbc-gt5:hover {
  border-bottom-color: var(--color-gray-ternary-5);
}

.bbc-gq5,
.h\:bbc-gq5:hover {
  border-bottom-color: var(--color-gray-quadary-5);
}

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

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

.bbc-gt6,
.h\:bbc-gt6:hover {
  border-bottom-color: var(--color-gray-ternary-6);
}

.bbc-gq6,
.h\:bbc-gq6:hover {
  border-bottom-color: var(--color-gray-quadary-6);
}

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

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

.bbc-gt7,
.h\:bbc-gt7:hover {
  border-bottom-color: var(--color-gray-ternary-7);
}

.bbc-gq7,
.h\:bbc-gq7:hover {
  border-bottom-color: var(--color-gray-quadary-7);
}

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

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

.bbc-gt8,
.h\:bbc-gt8:hover {
  border-bottom-color: var(--color-gray-ternary-8);
}

.bbc-gq8,
.h\:bbc-gq8:hover {
  border-bottom-color: var(--color-gray-quadary-8);
}

.bbc-gp20,
.h\:bbc-gp20:hover {
  border-bottom-color: var(--color-gray-primary-20);
}

.bbc-gs20,
.h\:bbc-gs20:hover {
  border-bottom-color: var(--color-gray-secondary-20);
}

.bbc-gt20,
.h\:bbc-gt20:hover {
  border-bottom-color: var(--color-gray-ternary-20);
}

.bbc-gq20,
.h\:bbc-gq20:hover {
  border-bottom-color: var(--color-gray-quadary-20);
}

.bbc-gp30,
.h\:bbc-gp30:hover {
  border-bottom-color: var(--color-gray-primary-30);
}

.bbc-gs30,
.h\:bbc-gs30:hover {
  border-bottom-color: var(--color-gray-secondary-30);
}

.bbc-gt30,
.h\:bbc-gt30:hover {
  border-bottom-color: var(--color-gray-ternary-30);
}

.bbc-gq30,
.h\:bbc-gq30:hover {
  border-bottom-color: var(--color-gray-quadary-30);
}

.bbc-gp42,
.h\:bbc-gp42:hover {
  border-bottom-color: var(--color-gray-primary-42);
}

.bbc-gs42,
.h\:bbc-gs42:hover {
  border-bottom-color: var(--color-gray-secondary-42);
}

.bbc-gt42,
.h\:bbc-gt42:hover {
  border-bottom-color: var(--color-gray-ternary-42);
}

.bbc-gq42,
.h\:bbc-gq42:hover {
  border-bottom-color: var(--color-gray-quadary-42);
}

.bbc-gp43,
.h\:bbc-gp43:hover {
  border-bottom-color: var(--color-gray-primary-43);
}

.bbc-gs43,
.h\:bbc-gs43:hover {
  border-bottom-color: var(--color-gray-secondary-43);
}

.bbc-gt43,
.h\:bbc-gt43:hover {
  border-bottom-color: var(--color-gray-ternary-43);
}

.bbc-gq43,
.h\:bbc-gq43:hover {
  border-bottom-color: var(--color-gray-quadary-43);
}

.bbc-gp44,
.h\:bbc-gp44:hover {
  border-bottom-color: var(--color-gray-primary-44);
}

.bbc-gs44,
.h\:bbc-gs44:hover {
  border-bottom-color: var(--color-gray-secondary-44);
}

.bbc-gt44,
.h\:bbc-gt44:hover {
  border-bottom-color: var(--color-gray-ternary-44);
}

.bbc-gq44,
.h\:bbc-gq44:hover {
  border-bottom-color: var(--color-gray-quadary-44);
}

.bbc-gp45,
.h\:bbc-gp45:hover {
  border-bottom-color: var(--color-gray-primary-45);
}

.bbc-gs45,
.h\:bbc-gs45:hover {
  border-bottom-color: var(--color-gray-secondary-45);
}

.bbc-gt45,
.h\:bbc-gt45:hover {
  border-bottom-color: var(--color-gray-ternary-45);
}

.bbc-gq45,
.h\:bbc-gq45:hover {
  border-bottom-color: var(--color-gray-quadary-45);
}

.bbc-gp46,
.h\:bbc-gp46:hover {
  border-bottom-color: var(--color-gray-primary-46);
}

.bbc-gs46,
.h\:bbc-gs46:hover {
  border-bottom-color: var(--color-gray-secondary-46);
}

.bbc-gt46,
.h\:bbc-gt46:hover {
  border-bottom-color: var(--color-gray-ternary-46);
}

.bbc-gq46,
.h\:bbc-gq46:hover {
  border-bottom-color: var(--color-gray-quadary-46);
}

.bbc-gp47,
.h\:bbc-gp47:hover {
  border-bottom-color: var(--color-gray-primary-47);
}

.bbc-gs47,
.h\:bbc-gs47:hover {
  border-bottom-color: var(--color-gray-secondary-47);
}

.bbc-gt47,
.h\:bbc-gt47:hover {
  border-bottom-color: var(--color-gray-ternary-47);
}

.bbc-gq47,
.h\:bbc-gq47:hover {
  border-bottom-color: var(--color-gray-quadary-47);
}

.bbc-gp48,
.h\:bbc-gp48:hover {
  border-bottom-color: var(--color-gray-primary-48);
}

.bbc-gs48,
.h\:bbc-gs48:hover {
  border-bottom-color: var(--color-gray-secondary-48);
}

.bbc-gt48,
.h\:bbc-gt48:hover {
  border-bottom-color: var(--color-gray-ternary-48);
}

.bbc-gq48,
.h\:bbc-gq48:hover {
  border-bottom-color: var(--color-gray-quadary-48);
}

.bbc-gp49,
.h\:bbc-gp49:hover {
  border-bottom-color: var(--color-gray-primary-49);
}

.bbc-gs49,
.h\:bbc-gs49:hover {
  border-bottom-color: var(--color-gray-secondary-49);
}

.bbc-gt49,
.h\:bbc-gt49:hover {
  border-bottom-color: var(--color-gray-ternary-49);
}

.bbc-gq49,
.h\:bbc-gq49:hover {
  border-bottom-color: var(--color-gray-quadary-49);
}

.bbc-gp50,
.h\:bbc-gp50:hover {
  border-bottom-color: var(--color-gray-primary-50);
}

.bbc-gs50,
.h\:bbc-gs50:hover {
  border-bottom-color: var(--color-gray-secondary-50);
}

.bbc-gt50,
.h\:bbc-gt50:hover {
  border-bottom-color: var(--color-gray-ternary-50);
}

.bbc-gq50,
.h\:bbc-gq50:hover {
  border-bottom-color: var(--color-gray-quadary-50);
}

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

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

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

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

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

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

.bbc-s-1 {
  border-bottom-color: var(--color-secondary1);
}

.bbc-te-1 {
  border-bottom-color: var(--color-ternary1);
}

.bbc-qua-1 {
  border-bottom-color: var(--color-quadary1);
}

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

.bbc-s-2 {
  border-bottom-color: var(--color-secondary2);
}

.bbc-te-2 {
  border-bottom-color: var(--color-ternary2);
}

.bbc-qua-2 {
  border-bottom-color: var(--color-quadary2);
}

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

.bbc-s-3 {
  border-bottom-color: var(--color-secondary3);
}

.bbc-te-3 {
  border-bottom-color: var(--color-ternary3);
}

.bbc-qua-3 {
  border-bottom-color: var(--color-quadary3);
}

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

.bbc-s-4 {
  border-bottom-color: var(--color-secondary4);
}

.bbc-te-4 {
  border-bottom-color: var(--color-ternary4);
}

.bbc-qua-4 {
  border-bottom-color: var(--color-quadary4);
}

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

.bbc-s-5 {
  border-bottom-color: var(--color-secondary5);
}

.bbc-te-5 {
  border-bottom-color: var(--color-ternary5);
}

.bbc-qua-5 {
  border-bottom-color: var(--color-quadary5);
}

.boc-ld-c {
  border-color: light-dark(var(--color-secondary), var(--color-primary));
}

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

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

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

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

.h\:boc-p:hover {
  border-color: var(--color-primary);
}

.h\:boc-s:hover {
  border-color: var(--color-secondary);
}

.h\:boc-te:hover {
  border-color: var(--color-ternary);
}

.h\:boc-qua:hover {
  border-color: var(--color-quadary);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .boc-a-c {
  border-color: light-dark(var(--color-ternary), var(--color-secondary));
}

body:has(#theme-light:checked) .boc-a-c {
  border-color: var(--color-ternary);
}

body:has(#theme-dark:checked) .boc-a-c {
  border-color: var(--color-secondary);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .boc-r-c {
  border-color: light-dark(var(--color-secondary), var(--color-ternary));
}

body:has(#theme-light:checked) .boc-r-c {
  border-color: var(--color-secondary);
}

body:has(#theme-dark:checked) .boc-r-c {
  border-color: var(--color-ternary);
}

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

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

.h\:boc-w:hover {
  border-color: var(--color-white);
}

.h\:boc-b:hover {
  border-color: var(--color-black);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.boc-gt0,
.h\:boc-gt0:hover {
  border-color: var(--color-gray-ternary-0);
}

.boc-gq0,
.h\:boc-gq0:hover {
  border-color: var(--color-gray-quadary-0);
}

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

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

.boc-gt1,
.h\:boc-gt1:hover {
  border-color: var(--color-gray-ternary-1);
}

.boc-gq1,
.h\:boc-gq1:hover {
  border-color: var(--color-gray-quadary-1);
}

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

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

.boc-gt2,
.h\:boc-gt2:hover {
  border-color: var(--color-gray-ternary-2);
}

.boc-gq2,
.h\:boc-gq2:hover {
  border-color: var(--color-gray-quadary-2);
}

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

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

.boc-gt3,
.h\:boc-gt3:hover {
  border-color: var(--color-gray-ternary-3);
}

.boc-gq3,
.h\:boc-gq3:hover {
  border-color: var(--color-gray-quadary-3);
}

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

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

.boc-gt4,
.h\:boc-gt4:hover {
  border-color: var(--color-gray-ternary-4);
}

.boc-gq4,
.h\:boc-gq4:hover {
  border-color: var(--color-gray-quadary-4);
}

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

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

.boc-gt5,
.h\:boc-gt5:hover {
  border-color: var(--color-gray-ternary-5);
}

.boc-gq5,
.h\:boc-gq5:hover {
  border-color: var(--color-gray-quadary-5);
}

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

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

.boc-gt6,
.h\:boc-gt6:hover {
  border-color: var(--color-gray-ternary-6);
}

.boc-gq6,
.h\:boc-gq6:hover {
  border-color: var(--color-gray-quadary-6);
}

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

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

.boc-gt7,
.h\:boc-gt7:hover {
  border-color: var(--color-gray-ternary-7);
}

.boc-gq7,
.h\:boc-gq7:hover {
  border-color: var(--color-gray-quadary-7);
}

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

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

.boc-gt8,
.h\:boc-gt8:hover {
  border-color: var(--color-gray-ternary-8);
}

.boc-gq8,
.h\:boc-gq8:hover {
  border-color: var(--color-gray-quadary-8);
}

.boc-gp20,
.h\:boc-gp20:hover {
  border-color: var(--color-gray-primary-20);
}

.boc-gs20,
.h\:boc-gs20:hover {
  border-color: var(--color-gray-secondary-20);
}

.boc-gt20,
.h\:boc-gt20:hover {
  border-color: var(--color-gray-ternary-20);
}

.boc-gq20,
.h\:boc-gq20:hover {
  border-color: var(--color-gray-quadary-20);
}

.boc-gp30,
.h\:boc-gp30:hover {
  border-color: var(--color-gray-primary-30);
}

.boc-gs30,
.h\:boc-gs30:hover {
  border-color: var(--color-gray-secondary-30);
}

.boc-gt30,
.h\:boc-gt30:hover {
  border-color: var(--color-gray-ternary-30);
}

.boc-gq30,
.h\:boc-gq30:hover {
  border-color: var(--color-gray-quadary-30);
}

.boc-gp42,
.h\:boc-gp42:hover {
  border-color: var(--color-gray-primary-42);
}

.boc-gs42,
.h\:boc-gs42:hover {
  border-color: var(--color-gray-secondary-42);
}

.boc-gt42,
.h\:boc-gt42:hover {
  border-color: var(--color-gray-ternary-42);
}

.boc-gq42,
.h\:boc-gq42:hover {
  border-color: var(--color-gray-quadary-42);
}

.boc-gp43,
.h\:boc-gp43:hover {
  border-color: var(--color-gray-primary-43);
}

.boc-gs43,
.h\:boc-gs43:hover {
  border-color: var(--color-gray-secondary-43);
}

.boc-gt43,
.h\:boc-gt43:hover {
  border-color: var(--color-gray-ternary-43);
}

.boc-gq43,
.h\:boc-gq43:hover {
  border-color: var(--color-gray-quadary-43);
}

.boc-gp44,
.h\:boc-gp44:hover {
  border-color: var(--color-gray-primary-44);
}

.boc-gs44,
.h\:boc-gs44:hover {
  border-color: var(--color-gray-secondary-44);
}

.boc-gt44,
.h\:boc-gt44:hover {
  border-color: var(--color-gray-ternary-44);
}

.boc-gq44,
.h\:boc-gq44:hover {
  border-color: var(--color-gray-quadary-44);
}

.boc-gp45,
.h\:boc-gp45:hover {
  border-color: var(--color-gray-primary-45);
}

.boc-gs45,
.h\:boc-gs45:hover {
  border-color: var(--color-gray-secondary-45);
}

.boc-gt45,
.h\:boc-gt45:hover {
  border-color: var(--color-gray-ternary-45);
}

.boc-gq45,
.h\:boc-gq45:hover {
  border-color: var(--color-gray-quadary-45);
}

.boc-gp46,
.h\:boc-gp46:hover {
  border-color: var(--color-gray-primary-46);
}

.boc-gs46,
.h\:boc-gs46:hover {
  border-color: var(--color-gray-secondary-46);
}

.boc-gt46,
.h\:boc-gt46:hover {
  border-color: var(--color-gray-ternary-46);
}

.boc-gq46,
.h\:boc-gq46:hover {
  border-color: var(--color-gray-quadary-46);
}

.boc-gp47,
.h\:boc-gp47:hover {
  border-color: var(--color-gray-primary-47);
}

.boc-gs47,
.h\:boc-gs47:hover {
  border-color: var(--color-gray-secondary-47);
}

.boc-gt47,
.h\:boc-gt47:hover {
  border-color: var(--color-gray-ternary-47);
}

.boc-gq47,
.h\:boc-gq47:hover {
  border-color: var(--color-gray-quadary-47);
}

.boc-gp48,
.h\:boc-gp48:hover {
  border-color: var(--color-gray-primary-48);
}

.boc-gs48,
.h\:boc-gs48:hover {
  border-color: var(--color-gray-secondary-48);
}

.boc-gt48,
.h\:boc-gt48:hover {
  border-color: var(--color-gray-ternary-48);
}

.boc-gq48,
.h\:boc-gq48:hover {
  border-color: var(--color-gray-quadary-48);
}

.boc-gp49,
.h\:boc-gp49:hover {
  border-color: var(--color-gray-primary-49);
}

.boc-gs49,
.h\:boc-gs49:hover {
  border-color: var(--color-gray-secondary-49);
}

.boc-gt49,
.h\:boc-gt49:hover {
  border-color: var(--color-gray-ternary-49);
}

.boc-gq49,
.h\:boc-gq49:hover {
  border-color: var(--color-gray-quadary-49);
}

.boc-gp50,
.h\:boc-gp50:hover {
  border-color: var(--color-gray-primary-50);
}

.boc-gs50,
.h\:boc-gs50:hover {
  border-color: var(--color-gray-secondary-50);
}

.boc-gt50,
.h\:boc-gt50:hover {
  border-color: var(--color-gray-ternary-50);
}

.boc-gq50,
.h\:boc-gq50:hover {
  border-color: var(--color-gray-quadary-50);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blc-ld-c {
  border-left-color: light-dark(var(--color-secondary), var(--color-primary));
}

.blc-p {
  border-left-color: var(--color-primary);
}

.blc-s {
  border-left-color: var(--color-secondary);
}

.blc-te {
  border-left-color: var(--color-ternary);
}

.blc-qua {
  border-left-color: var(--color-quadary);
}

.h\:blc-p:hover {
  border-left-color: var(--color-primary);
}

.h\:blc-s:hover {
  border-left-color: var(--color-secondary);
}

.h\:blc-te:hover {
  border-left-color: var(--color-ternary);
}

.h\:blc-qua:hover {
  border-left-color: var(--color-quadary);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .blc-a-c {
  border-left-color: light-dark(var(--color-ternary), var(--color-secondary));
}

body:has(#theme-light:checked) .blc-a-c {
  border-left-color: var(--color-ternary);
}

body:has(#theme-dark:checked) .blc-a-c {
  border-left-color: var(--color-secondary);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .blc-r-c {
  border-left-color: light-dark(var(--color-secondary), var(--color-ternary));
}

body:has(#theme-light:checked) .blc-r-c {
  border-left-color: var(--color-secondary);
}

body:has(#theme-dark:checked) .blc-r-c {
  border-left-color: var(--color-ternary);
}

.blc-w {
  border-left-color: var(--color-white);
}

.blc-b {
  border-left-color: var(--color-black);
}

.h\:blc-w:hover {
  border-left-color: var(--color-white);
}

.h\:blc-b:hover {
  border-left-color: var(--color-black);
}

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

body:has(#theme-light:checked).blc-a {
  border-left-color: var(--color-white);
}

body:has(#theme-dark:checked).blc-a {
  border-left-color: var(--color-black);
}

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

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

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

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

body:has(#theme-light:checked) .blc-a {
  border-left-color: var(--color-white);
}

body:has(#theme-dark:checked) .blc-a {
  border-left-color: var(--color-black);
}

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

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

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

.blc-gp0,
.h\:blc-gp0:hover {
  border-left-color: var(--color-gray-primary-0);
}

.blc-gs0,
.h\:blc-gs0:hover {
  border-left-color: var(--color-gray-secondary-0);
}

.blc-gt0,
.h\:blc-gt0:hover {
  border-left-color: var(--color-gray-ternary-0);
}

.blc-gq0,
.h\:blc-gq0:hover {
  border-left-color: var(--color-gray-quadary-0);
}

.blc-gp1,
.h\:blc-gp1:hover {
  border-left-color: var(--color-gray-primary-1);
}

.blc-gs1,
.h\:blc-gs1:hover {
  border-left-color: var(--color-gray-secondary-1);
}

.blc-gt1,
.h\:blc-gt1:hover {
  border-left-color: var(--color-gray-ternary-1);
}

.blc-gq1,
.h\:blc-gq1:hover {
  border-left-color: var(--color-gray-quadary-1);
}

.blc-gp2,
.h\:blc-gp2:hover {
  border-left-color: var(--color-gray-primary-2);
}

.blc-gs2,
.h\:blc-gs2:hover {
  border-left-color: var(--color-gray-secondary-2);
}

.blc-gt2,
.h\:blc-gt2:hover {
  border-left-color: var(--color-gray-ternary-2);
}

.blc-gq2,
.h\:blc-gq2:hover {
  border-left-color: var(--color-gray-quadary-2);
}

.blc-gp3,
.h\:blc-gp3:hover {
  border-left-color: var(--color-gray-primary-3);
}

.blc-gs3,
.h\:blc-gs3:hover {
  border-left-color: var(--color-gray-secondary-3);
}

.blc-gt3,
.h\:blc-gt3:hover {
  border-left-color: var(--color-gray-ternary-3);
}

.blc-gq3,
.h\:blc-gq3:hover {
  border-left-color: var(--color-gray-quadary-3);
}

.blc-gp4,
.h\:blc-gp4:hover {
  border-left-color: var(--color-gray-primary-4);
}

.blc-gs4,
.h\:blc-gs4:hover {
  border-left-color: var(--color-gray-secondary-4);
}

.blc-gt4,
.h\:blc-gt4:hover {
  border-left-color: var(--color-gray-ternary-4);
}

.blc-gq4,
.h\:blc-gq4:hover {
  border-left-color: var(--color-gray-quadary-4);
}

.blc-gp5,
.h\:blc-gp5:hover {
  border-left-color: var(--color-gray-primary-5);
}

.blc-gs5,
.h\:blc-gs5:hover {
  border-left-color: var(--color-gray-secondary-5);
}

.blc-gt5,
.h\:blc-gt5:hover {
  border-left-color: var(--color-gray-ternary-5);
}

.blc-gq5,
.h\:blc-gq5:hover {
  border-left-color: var(--color-gray-quadary-5);
}

.blc-gp6,
.h\:blc-gp6:hover {
  border-left-color: var(--color-gray-primary-6);
}

.blc-gs6,
.h\:blc-gs6:hover {
  border-left-color: var(--color-gray-secondary-6);
}

.blc-gt6,
.h\:blc-gt6:hover {
  border-left-color: var(--color-gray-ternary-6);
}

.blc-gq6,
.h\:blc-gq6:hover {
  border-left-color: var(--color-gray-quadary-6);
}

.blc-gp7,
.h\:blc-gp7:hover {
  border-left-color: var(--color-gray-primary-7);
}

.blc-gs7,
.h\:blc-gs7:hover {
  border-left-color: var(--color-gray-secondary-7);
}

.blc-gt7,
.h\:blc-gt7:hover {
  border-left-color: var(--color-gray-ternary-7);
}

.blc-gq7,
.h\:blc-gq7:hover {
  border-left-color: var(--color-gray-quadary-7);
}

.blc-gp8,
.h\:blc-gp8:hover {
  border-left-color: var(--color-gray-primary-8);
}

.blc-gs8,
.h\:blc-gs8:hover {
  border-left-color: var(--color-gray-secondary-8);
}

.blc-gt8,
.h\:blc-gt8:hover {
  border-left-color: var(--color-gray-ternary-8);
}

.blc-gq8,
.h\:blc-gq8:hover {
  border-left-color: var(--color-gray-quadary-8);
}

.blc-gp20,
.h\:blc-gp20:hover {
  border-left-color: var(--color-gray-primary-20);
}

.blc-gs20,
.h\:blc-gs20:hover {
  border-left-color: var(--color-gray-secondary-20);
}

.blc-gt20,
.h\:blc-gt20:hover {
  border-left-color: var(--color-gray-ternary-20);
}

.blc-gq20,
.h\:blc-gq20:hover {
  border-left-color: var(--color-gray-quadary-20);
}

.blc-gp30,
.h\:blc-gp30:hover {
  border-left-color: var(--color-gray-primary-30);
}

.blc-gs30,
.h\:blc-gs30:hover {
  border-left-color: var(--color-gray-secondary-30);
}

.blc-gt30,
.h\:blc-gt30:hover {
  border-left-color: var(--color-gray-ternary-30);
}

.blc-gq30,
.h\:blc-gq30:hover {
  border-left-color: var(--color-gray-quadary-30);
}

.blc-gp42,
.h\:blc-gp42:hover {
  border-left-color: var(--color-gray-primary-42);
}

.blc-gs42,
.h\:blc-gs42:hover {
  border-left-color: var(--color-gray-secondary-42);
}

.blc-gt42,
.h\:blc-gt42:hover {
  border-left-color: var(--color-gray-ternary-42);
}

.blc-gq42,
.h\:blc-gq42:hover {
  border-left-color: var(--color-gray-quadary-42);
}

.blc-gp43,
.h\:blc-gp43:hover {
  border-left-color: var(--color-gray-primary-43);
}

.blc-gs43,
.h\:blc-gs43:hover {
  border-left-color: var(--color-gray-secondary-43);
}

.blc-gt43,
.h\:blc-gt43:hover {
  border-left-color: var(--color-gray-ternary-43);
}

.blc-gq43,
.h\:blc-gq43:hover {
  border-left-color: var(--color-gray-quadary-43);
}

.blc-gp44,
.h\:blc-gp44:hover {
  border-left-color: var(--color-gray-primary-44);
}

.blc-gs44,
.h\:blc-gs44:hover {
  border-left-color: var(--color-gray-secondary-44);
}

.blc-gt44,
.h\:blc-gt44:hover {
  border-left-color: var(--color-gray-ternary-44);
}

.blc-gq44,
.h\:blc-gq44:hover {
  border-left-color: var(--color-gray-quadary-44);
}

.blc-gp45,
.h\:blc-gp45:hover {
  border-left-color: var(--color-gray-primary-45);
}

.blc-gs45,
.h\:blc-gs45:hover {
  border-left-color: var(--color-gray-secondary-45);
}

.blc-gt45,
.h\:blc-gt45:hover {
  border-left-color: var(--color-gray-ternary-45);
}

.blc-gq45,
.h\:blc-gq45:hover {
  border-left-color: var(--color-gray-quadary-45);
}

.blc-gp46,
.h\:blc-gp46:hover {
  border-left-color: var(--color-gray-primary-46);
}

.blc-gs46,
.h\:blc-gs46:hover {
  border-left-color: var(--color-gray-secondary-46);
}

.blc-gt46,
.h\:blc-gt46:hover {
  border-left-color: var(--color-gray-ternary-46);
}

.blc-gq46,
.h\:blc-gq46:hover {
  border-left-color: var(--color-gray-quadary-46);
}

.blc-gp47,
.h\:blc-gp47:hover {
  border-left-color: var(--color-gray-primary-47);
}

.blc-gs47,
.h\:blc-gs47:hover {
  border-left-color: var(--color-gray-secondary-47);
}

.blc-gt47,
.h\:blc-gt47:hover {
  border-left-color: var(--color-gray-ternary-47);
}

.blc-gq47,
.h\:blc-gq47:hover {
  border-left-color: var(--color-gray-quadary-47);
}

.blc-gp48,
.h\:blc-gp48:hover {
  border-left-color: var(--color-gray-primary-48);
}

.blc-gs48,
.h\:blc-gs48:hover {
  border-left-color: var(--color-gray-secondary-48);
}

.blc-gt48,
.h\:blc-gt48:hover {
  border-left-color: var(--color-gray-ternary-48);
}

.blc-gq48,
.h\:blc-gq48:hover {
  border-left-color: var(--color-gray-quadary-48);
}

.blc-gp49,
.h\:blc-gp49:hover {
  border-left-color: var(--color-gray-primary-49);
}

.blc-gs49,
.h\:blc-gs49:hover {
  border-left-color: var(--color-gray-secondary-49);
}

.blc-gt49,
.h\:blc-gt49:hover {
  border-left-color: var(--color-gray-ternary-49);
}

.blc-gq49,
.h\:blc-gq49:hover {
  border-left-color: var(--color-gray-quadary-49);
}

.blc-gp50,
.h\:blc-gp50:hover {
  border-left-color: var(--color-gray-primary-50);
}

.blc-gs50,
.h\:blc-gs50:hover {
  border-left-color: var(--color-gray-secondary-50);
}

.blc-gt50,
.h\:blc-gt50:hover {
  border-left-color: var(--color-gray-ternary-50);
}

.blc-gq50,
.h\:blc-gq50:hover {
  border-left-color: var(--color-gray-quadary-50);
}

.blc-1-indice {
  border-left-color: var(--color-1-indice);
}

.blc-2-indice {
  border-left-color: var(--color-2-indice);
}

.blc-3-indice {
  border-left-color: var(--color-3-indice);
}

.blc-4-indice {
  border-left-color: var(--color-4-indice);
}

.blc-5-indice {
  border-left-color: var(--color-5-indice);
}

.blc-p-1 {
  border-left-color: var(--color-primary1);
}

.blc-s-1 {
  border-left-color: var(--color-secondary1);
}

.blc-te-1 {
  border-left-color: var(--color-ternary1);
}

.blc-qua-1 {
  border-left-color: var(--color-quadary1);
}

.blc-p-2 {
  border-left-color: var(--color-primary2);
}

.blc-s-2 {
  border-left-color: var(--color-secondary2);
}

.blc-te-2 {
  border-left-color: var(--color-ternary2);
}

.blc-qua-2 {
  border-left-color: var(--color-quadary2);
}

.blc-p-3 {
  border-left-color: var(--color-primary3);
}

.blc-s-3 {
  border-left-color: var(--color-secondary3);
}

.blc-te-3 {
  border-left-color: var(--color-ternary3);
}

.blc-qua-3 {
  border-left-color: var(--color-quadary3);
}

.blc-p-4 {
  border-left-color: var(--color-primary4);
}

.blc-s-4 {
  border-left-color: var(--color-secondary4);
}

.blc-te-4 {
  border-left-color: var(--color-ternary4);
}

.blc-qua-4 {
  border-left-color: var(--color-quadary4);
}

.blc-p-5 {
  border-left-color: var(--color-primary5);
}

.blc-s-5 {
  border-left-color: var(--color-secondary5);
}

.blc-te-5 {
  border-left-color: var(--color-ternary5);
}

.blc-qua-5 {
  border-left-color: var(--color-quadary5);
}

.brc-ld-c {
  border-right-color: light-dark(var(--color-secondary), var(--color-primary));
}

.brc-p {
  border-right-color: var(--color-primary);
}

.brc-s {
  border-right-color: var(--color-secondary);
}

.brc-te {
  border-right-color: var(--color-ternary);
}

.brc-qua {
  border-right-color: var(--color-quadary);
}

.h\:brc-p:hover {
  border-right-color: var(--color-primary);
}

.h\:brc-s:hover {
  border-right-color: var(--color-secondary);
}

.h\:brc-te:hover {
  border-right-color: var(--color-ternary);
}

.h\:brc-qua:hover {
  border-right-color: var(--color-quadary);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .brc-a-c {
  border-right-color: light-dark(var(--color-ternary), var(--color-secondary));
}

body:has(#theme-light:checked) .brc-a-c {
  border-right-color: var(--color-ternary);
}

body:has(#theme-dark:checked) .brc-a-c {
  border-right-color: var(--color-secondary);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .brc-r-c {
  border-right-color: light-dark(var(--color-secondary), var(--color-ternary));
}

body:has(#theme-light:checked) .brc-r-c {
  border-right-color: var(--color-secondary);
}

body:has(#theme-dark:checked) .brc-r-c {
  border-right-color: var(--color-ternary);
}

.brc-w {
  border-right-color: var(--color-white);
}

.brc-b {
  border-right-color: var(--color-black);
}

.h\:brc-w:hover {
  border-right-color: var(--color-white);
}

.h\:brc-b:hover {
  border-right-color: var(--color-black);
}

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

body:has(#theme-light:checked).brc-a {
  border-right-color: var(--color-white);
}

body:has(#theme-dark:checked).brc-a {
  border-right-color: var(--color-black);
}

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

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

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

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

body:has(#theme-light:checked) .brc-a {
  border-right-color: var(--color-white);
}

body:has(#theme-dark:checked) .brc-a {
  border-right-color: var(--color-black);
}

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

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

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

.brc-gp0,
.h\:brc-gp0:hover {
  border-right-color: var(--color-gray-primary-0);
}

.brc-gs0,
.h\:brc-gs0:hover {
  border-right-color: var(--color-gray-secondary-0);
}

.brc-gt0,
.h\:brc-gt0:hover {
  border-right-color: var(--color-gray-ternary-0);
}

.brc-gq0,
.h\:brc-gq0:hover {
  border-right-color: var(--color-gray-quadary-0);
}

.brc-gp1,
.h\:brc-gp1:hover {
  border-right-color: var(--color-gray-primary-1);
}

.brc-gs1,
.h\:brc-gs1:hover {
  border-right-color: var(--color-gray-secondary-1);
}

.brc-gt1,
.h\:brc-gt1:hover {
  border-right-color: var(--color-gray-ternary-1);
}

.brc-gq1,
.h\:brc-gq1:hover {
  border-right-color: var(--color-gray-quadary-1);
}

.brc-gp2,
.h\:brc-gp2:hover {
  border-right-color: var(--color-gray-primary-2);
}

.brc-gs2,
.h\:brc-gs2:hover {
  border-right-color: var(--color-gray-secondary-2);
}

.brc-gt2,
.h\:brc-gt2:hover {
  border-right-color: var(--color-gray-ternary-2);
}

.brc-gq2,
.h\:brc-gq2:hover {
  border-right-color: var(--color-gray-quadary-2);
}

.brc-gp3,
.h\:brc-gp3:hover {
  border-right-color: var(--color-gray-primary-3);
}

.brc-gs3,
.h\:brc-gs3:hover {
  border-right-color: var(--color-gray-secondary-3);
}

.brc-gt3,
.h\:brc-gt3:hover {
  border-right-color: var(--color-gray-ternary-3);
}

.brc-gq3,
.h\:brc-gq3:hover {
  border-right-color: var(--color-gray-quadary-3);
}

.brc-gp4,
.h\:brc-gp4:hover {
  border-right-color: var(--color-gray-primary-4);
}

.brc-gs4,
.h\:brc-gs4:hover {
  border-right-color: var(--color-gray-secondary-4);
}

.brc-gt4,
.h\:brc-gt4:hover {
  border-right-color: var(--color-gray-ternary-4);
}

.brc-gq4,
.h\:brc-gq4:hover {
  border-right-color: var(--color-gray-quadary-4);
}

.brc-gp5,
.h\:brc-gp5:hover {
  border-right-color: var(--color-gray-primary-5);
}

.brc-gs5,
.h\:brc-gs5:hover {
  border-right-color: var(--color-gray-secondary-5);
}

.brc-gt5,
.h\:brc-gt5:hover {
  border-right-color: var(--color-gray-ternary-5);
}

.brc-gq5,
.h\:brc-gq5:hover {
  border-right-color: var(--color-gray-quadary-5);
}

.brc-gp6,
.h\:brc-gp6:hover {
  border-right-color: var(--color-gray-primary-6);
}

.brc-gs6,
.h\:brc-gs6:hover {
  border-right-color: var(--color-gray-secondary-6);
}

.brc-gt6,
.h\:brc-gt6:hover {
  border-right-color: var(--color-gray-ternary-6);
}

.brc-gq6,
.h\:brc-gq6:hover {
  border-right-color: var(--color-gray-quadary-6);
}

.brc-gp7,
.h\:brc-gp7:hover {
  border-right-color: var(--color-gray-primary-7);
}

.brc-gs7,
.h\:brc-gs7:hover {
  border-right-color: var(--color-gray-secondary-7);
}

.brc-gt7,
.h\:brc-gt7:hover {
  border-right-color: var(--color-gray-ternary-7);
}

.brc-gq7,
.h\:brc-gq7:hover {
  border-right-color: var(--color-gray-quadary-7);
}

.brc-gp8,
.h\:brc-gp8:hover {
  border-right-color: var(--color-gray-primary-8);
}

.brc-gs8,
.h\:brc-gs8:hover {
  border-right-color: var(--color-gray-secondary-8);
}

.brc-gt8,
.h\:brc-gt8:hover {
  border-right-color: var(--color-gray-ternary-8);
}

.brc-gq8,
.h\:brc-gq8:hover {
  border-right-color: var(--color-gray-quadary-8);
}

.brc-gp20,
.h\:brc-gp20:hover {
  border-right-color: var(--color-gray-primary-20);
}

.brc-gs20,
.h\:brc-gs20:hover {
  border-right-color: var(--color-gray-secondary-20);
}

.brc-gt20,
.h\:brc-gt20:hover {
  border-right-color: var(--color-gray-ternary-20);
}

.brc-gq20,
.h\:brc-gq20:hover {
  border-right-color: var(--color-gray-quadary-20);
}

.brc-gp30,
.h\:brc-gp30:hover {
  border-right-color: var(--color-gray-primary-30);
}

.brc-gs30,
.h\:brc-gs30:hover {
  border-right-color: var(--color-gray-secondary-30);
}

.brc-gt30,
.h\:brc-gt30:hover {
  border-right-color: var(--color-gray-ternary-30);
}

.brc-gq30,
.h\:brc-gq30:hover {
  border-right-color: var(--color-gray-quadary-30);
}

.brc-gp42,
.h\:brc-gp42:hover {
  border-right-color: var(--color-gray-primary-42);
}

.brc-gs42,
.h\:brc-gs42:hover {
  border-right-color: var(--color-gray-secondary-42);
}

.brc-gt42,
.h\:brc-gt42:hover {
  border-right-color: var(--color-gray-ternary-42);
}

.brc-gq42,
.h\:brc-gq42:hover {
  border-right-color: var(--color-gray-quadary-42);
}

.brc-gp43,
.h\:brc-gp43:hover {
  border-right-color: var(--color-gray-primary-43);
}

.brc-gs43,
.h\:brc-gs43:hover {
  border-right-color: var(--color-gray-secondary-43);
}

.brc-gt43,
.h\:brc-gt43:hover {
  border-right-color: var(--color-gray-ternary-43);
}

.brc-gq43,
.h\:brc-gq43:hover {
  border-right-color: var(--color-gray-quadary-43);
}

.brc-gp44,
.h\:brc-gp44:hover {
  border-right-color: var(--color-gray-primary-44);
}

.brc-gs44,
.h\:brc-gs44:hover {
  border-right-color: var(--color-gray-secondary-44);
}

.brc-gt44,
.h\:brc-gt44:hover {
  border-right-color: var(--color-gray-ternary-44);
}

.brc-gq44,
.h\:brc-gq44:hover {
  border-right-color: var(--color-gray-quadary-44);
}

.brc-gp45,
.h\:brc-gp45:hover {
  border-right-color: var(--color-gray-primary-45);
}

.brc-gs45,
.h\:brc-gs45:hover {
  border-right-color: var(--color-gray-secondary-45);
}

.brc-gt45,
.h\:brc-gt45:hover {
  border-right-color: var(--color-gray-ternary-45);
}

.brc-gq45,
.h\:brc-gq45:hover {
  border-right-color: var(--color-gray-quadary-45);
}

.brc-gp46,
.h\:brc-gp46:hover {
  border-right-color: var(--color-gray-primary-46);
}

.brc-gs46,
.h\:brc-gs46:hover {
  border-right-color: var(--color-gray-secondary-46);
}

.brc-gt46,
.h\:brc-gt46:hover {
  border-right-color: var(--color-gray-ternary-46);
}

.brc-gq46,
.h\:brc-gq46:hover {
  border-right-color: var(--color-gray-quadary-46);
}

.brc-gp47,
.h\:brc-gp47:hover {
  border-right-color: var(--color-gray-primary-47);
}

.brc-gs47,
.h\:brc-gs47:hover {
  border-right-color: var(--color-gray-secondary-47);
}

.brc-gt47,
.h\:brc-gt47:hover {
  border-right-color: var(--color-gray-ternary-47);
}

.brc-gq47,
.h\:brc-gq47:hover {
  border-right-color: var(--color-gray-quadary-47);
}

.brc-gp48,
.h\:brc-gp48:hover {
  border-right-color: var(--color-gray-primary-48);
}

.brc-gs48,
.h\:brc-gs48:hover {
  border-right-color: var(--color-gray-secondary-48);
}

.brc-gt48,
.h\:brc-gt48:hover {
  border-right-color: var(--color-gray-ternary-48);
}

.brc-gq48,
.h\:brc-gq48:hover {
  border-right-color: var(--color-gray-quadary-48);
}

.brc-gp49,
.h\:brc-gp49:hover {
  border-right-color: var(--color-gray-primary-49);
}

.brc-gs49,
.h\:brc-gs49:hover {
  border-right-color: var(--color-gray-secondary-49);
}

.brc-gt49,
.h\:brc-gt49:hover {
  border-right-color: var(--color-gray-ternary-49);
}

.brc-gq49,
.h\:brc-gq49:hover {
  border-right-color: var(--color-gray-quadary-49);
}

.brc-gp50,
.h\:brc-gp50:hover {
  border-right-color: var(--color-gray-primary-50);
}

.brc-gs50,
.h\:brc-gs50:hover {
  border-right-color: var(--color-gray-secondary-50);
}

.brc-gt50,
.h\:brc-gt50:hover {
  border-right-color: var(--color-gray-ternary-50);
}

.brc-gq50,
.h\:brc-gq50:hover {
  border-right-color: var(--color-gray-quadary-50);
}

.brc-1-indice {
  border-right-color: var(--color-1-indice);
}

.brc-2-indice {
  border-right-color: var(--color-2-indice);
}

.brc-3-indice {
  border-right-color: var(--color-3-indice);
}

.brc-4-indice {
  border-right-color: var(--color-4-indice);
}

.brc-5-indice {
  border-right-color: var(--color-5-indice);
}

.brc-p-1 {
  border-right-color: var(--color-primary1);
}

.brc-s-1 {
  border-right-color: var(--color-secondary1);
}

.brc-te-1 {
  border-right-color: var(--color-ternary1);
}

.brc-qua-1 {
  border-right-color: var(--color-quadary1);
}

.brc-p-2 {
  border-right-color: var(--color-primary2);
}

.brc-s-2 {
  border-right-color: var(--color-secondary2);
}

.brc-te-2 {
  border-right-color: var(--color-ternary2);
}

.brc-qua-2 {
  border-right-color: var(--color-quadary2);
}

.brc-p-3 {
  border-right-color: var(--color-primary3);
}

.brc-s-3 {
  border-right-color: var(--color-secondary3);
}

.brc-te-3 {
  border-right-color: var(--color-ternary3);
}

.brc-qua-3 {
  border-right-color: var(--color-quadary3);
}

.brc-p-4 {
  border-right-color: var(--color-primary4);
}

.brc-s-4 {
  border-right-color: var(--color-secondary4);
}

.brc-te-4 {
  border-right-color: var(--color-ternary4);
}

.brc-qua-4 {
  border-right-color: var(--color-quadary4);
}

.brc-p-5 {
  border-right-color: var(--color-primary5);
}

.brc-s-5 {
  border-right-color: var(--color-secondary5);
}

.brc-te-5 {
  border-right-color: var(--color-ternary5);
}

.brc-qua-5 {
  border-right-color: var(--color-quadary5);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:br-1 {
    border-radius: var(--size-1);
    border-radius: var(--size-1) !important;
  }
  .pc\:br-md-1 {
    border-radius: var(--size-md-1);
    border-radius: var(--size-md-1) !important;
  }
  .pc\:br-2 {
    border-radius: var(--size-2);
    border-radius: var(--size-2) !important;
  }
  .pc\:br-md-2 {
    border-radius: var(--size-md-2);
    border-radius: var(--size-md-2) !important;
  }
  .pc\:br-3 {
    border-radius: var(--size-3);
    border-radius: var(--size-3) !important;
  }
  .pc\:br-md-3 {
    border-radius: var(--size-md-3);
    border-radius: var(--size-md-3) !important;
  }
  .pc\:br-4 {
    border-radius: var(--size-4);
    border-radius: var(--size-4) !important;
  }
  .pc\:br-md-4 {
    border-radius: var(--size-md-4);
    border-radius: var(--size-md-4) !important;
  }
  .pc\:br-5 {
    border-radius: var(--size-5);
    border-radius: var(--size-5) !important;
  }
  .pc\:br-md-5 {
    border-radius: var(--size-md-5);
    border-radius: var(--size-md-5) !important;
  }
  .pc\:br-6 {
    border-radius: var(--size-6);
    border-radius: var(--size-6) !important;
  }
  .pc\:br-md-6 {
    border-radius: var(--size-md-6);
    border-radius: var(--size-md-6) !important;
  }
  .pc\:br-7 {
    border-radius: var(--size-7);
    border-radius: var(--size-7) !important;
  }
  .pc\:br-md-7 {
    border-radius: var(--size-md-7);
    border-radius: var(--size-md-7) !important;
  }
  .pc\:br-8 {
    border-radius: var(--size-8);
    border-radius: var(--size-8) !important;
  }
  .pc\:br-md-8 {
    border-radius: var(--size-md-8);
    border-radius: var(--size-md-8) !important;
  }
  .pc\:br-9 {
    border-radius: var(--size-9);
    border-radius: var(--size-9) !important;
  }
  .pc\:br-md-9 {
    border-radius: var(--size-md-9);
    border-radius: var(--size-md-9) !important;
  }
  .pc\:br-10 {
    border-radius: var(--size-10);
    border-radius: var(--size-10) !important;
  }
  .pc\:br-md-10 {
    border-radius: var(--size-md-10);
    border-radius: var(--size-md-10) !important;
  }
  .pc\:br-11 {
    border-radius: var(--size-11);
    border-radius: var(--size-11) !important;
  }
  .pc\:br-md-11 {
    border-radius: var(--size-md-11);
    border-radius: var(--size-md-11) !important;
  }
  .pc\:br-12 {
    border-radius: var(--size-12);
    border-radius: var(--size-12) !important;
  }
  .pc\:br-md-12 {
    border-radius: var(--size-md-12);
    border-radius: var(--size-md-12) !important;
  }
  .pc\:br-13 {
    border-radius: var(--size-13);
    border-radius: var(--size-13) !important;
  }
  .pc\:br-md-13 {
    border-radius: var(--size-md-13);
    border-radius: var(--size-md-13) !important;
  }
  .pc\:br-14 {
    border-radius: var(--size-14);
    border-radius: var(--size-14) !important;
  }
  .pc\:br-md-14 {
    border-radius: var(--size-md-14);
    border-radius: var(--size-md-14) !important;
  }
  .pc\:br-15 {
    border-radius: var(--size-15);
    border-radius: var(--size-15) !important;
  }
  .pc\:br-md-15 {
    border-radius: var(--size-md-15);
    border-radius: var(--size-md-15) !important;
  }
  .pc\:br-16 {
    border-radius: var(--size-16);
    border-radius: var(--size-16) !important;
  }
  .pc\:br-md-16 {
    border-radius: var(--size-md-16);
    border-radius: var(--size-md-16) !important;
  }
}
.btc-ld-c {
  border-top-color: light-dark(var(--color-secondary), var(--color-primary));
}

.btc-p {
  border-top-color: var(--color-primary);
}

.btc-s {
  border-top-color: var(--color-secondary);
}

.btc-te {
  border-top-color: var(--color-ternary);
}

.btc-qua {
  border-top-color: var(--color-quadary);
}

.h\:btc-p:hover {
  border-top-color: var(--color-primary);
}

.h\:btc-s:hover {
  border-top-color: var(--color-secondary);
}

.h\:btc-te:hover {
  border-top-color: var(--color-ternary);
}

.h\:btc-qua:hover {
  border-top-color: var(--color-quadary);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .btc-a-c {
  border-top-color: light-dark(var(--color-ternary), var(--color-secondary));
}

body:has(#theme-light:checked) .btc-a-c {
  border-top-color: var(--color-ternary);
}

body:has(#theme-dark:checked) .btc-a-c {
  border-top-color: var(--color-secondary);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .btc-r-c {
  border-top-color: light-dark(var(--color-secondary), var(--color-ternary));
}

body:has(#theme-light:checked) .btc-r-c {
  border-top-color: var(--color-secondary);
}

body:has(#theme-dark:checked) .btc-r-c {
  border-top-color: var(--color-ternary);
}

.btc-w {
  border-top-color: var(--color-white);
}

.btc-b {
  border-top-color: var(--color-black);
}

.h\:btc-w:hover {
  border-top-color: var(--color-white);
}

.h\:btc-b:hover {
  border-top-color: var(--color-black);
}

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

body:has(#theme-light:checked).btc-a {
  border-top-color: var(--color-white);
}

body:has(#theme-dark:checked).btc-a {
  border-top-color: var(--color-black);
}

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

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

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

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

body:has(#theme-light:checked) .btc-a {
  border-top-color: var(--color-white);
}

body:has(#theme-dark:checked) .btc-a {
  border-top-color: var(--color-black);
}

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

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

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

.btc-gp0,
.h\:btc-gp0:hover {
  border-top-color: var(--color-gray-primary-0);
}

.btc-gs0,
.h\:btc-gs0:hover {
  border-top-color: var(--color-gray-secondary-0);
}

.btc-gt0,
.h\:btc-gt0:hover {
  border-top-color: var(--color-gray-ternary-0);
}

.btc-gq0,
.h\:btc-gq0:hover {
  border-top-color: var(--color-gray-quadary-0);
}

.btc-gp1,
.h\:btc-gp1:hover {
  border-top-color: var(--color-gray-primary-1);
}

.btc-gs1,
.h\:btc-gs1:hover {
  border-top-color: var(--color-gray-secondary-1);
}

.btc-gt1,
.h\:btc-gt1:hover {
  border-top-color: var(--color-gray-ternary-1);
}

.btc-gq1,
.h\:btc-gq1:hover {
  border-top-color: var(--color-gray-quadary-1);
}

.btc-gp2,
.h\:btc-gp2:hover {
  border-top-color: var(--color-gray-primary-2);
}

.btc-gs2,
.h\:btc-gs2:hover {
  border-top-color: var(--color-gray-secondary-2);
}

.btc-gt2,
.h\:btc-gt2:hover {
  border-top-color: var(--color-gray-ternary-2);
}

.btc-gq2,
.h\:btc-gq2:hover {
  border-top-color: var(--color-gray-quadary-2);
}

.btc-gp3,
.h\:btc-gp3:hover {
  border-top-color: var(--color-gray-primary-3);
}

.btc-gs3,
.h\:btc-gs3:hover {
  border-top-color: var(--color-gray-secondary-3);
}

.btc-gt3,
.h\:btc-gt3:hover {
  border-top-color: var(--color-gray-ternary-3);
}

.btc-gq3,
.h\:btc-gq3:hover {
  border-top-color: var(--color-gray-quadary-3);
}

.btc-gp4,
.h\:btc-gp4:hover {
  border-top-color: var(--color-gray-primary-4);
}

.btc-gs4,
.h\:btc-gs4:hover {
  border-top-color: var(--color-gray-secondary-4);
}

.btc-gt4,
.h\:btc-gt4:hover {
  border-top-color: var(--color-gray-ternary-4);
}

.btc-gq4,
.h\:btc-gq4:hover {
  border-top-color: var(--color-gray-quadary-4);
}

.btc-gp5,
.h\:btc-gp5:hover {
  border-top-color: var(--color-gray-primary-5);
}

.btc-gs5,
.h\:btc-gs5:hover {
  border-top-color: var(--color-gray-secondary-5);
}

.btc-gt5,
.h\:btc-gt5:hover {
  border-top-color: var(--color-gray-ternary-5);
}

.btc-gq5,
.h\:btc-gq5:hover {
  border-top-color: var(--color-gray-quadary-5);
}

.btc-gp6,
.h\:btc-gp6:hover {
  border-top-color: var(--color-gray-primary-6);
}

.btc-gs6,
.h\:btc-gs6:hover {
  border-top-color: var(--color-gray-secondary-6);
}

.btc-gt6,
.h\:btc-gt6:hover {
  border-top-color: var(--color-gray-ternary-6);
}

.btc-gq6,
.h\:btc-gq6:hover {
  border-top-color: var(--color-gray-quadary-6);
}

.btc-gp7,
.h\:btc-gp7:hover {
  border-top-color: var(--color-gray-primary-7);
}

.btc-gs7,
.h\:btc-gs7:hover {
  border-top-color: var(--color-gray-secondary-7);
}

.btc-gt7,
.h\:btc-gt7:hover {
  border-top-color: var(--color-gray-ternary-7);
}

.btc-gq7,
.h\:btc-gq7:hover {
  border-top-color: var(--color-gray-quadary-7);
}

.btc-gp8,
.h\:btc-gp8:hover {
  border-top-color: var(--color-gray-primary-8);
}

.btc-gs8,
.h\:btc-gs8:hover {
  border-top-color: var(--color-gray-secondary-8);
}

.btc-gt8,
.h\:btc-gt8:hover {
  border-top-color: var(--color-gray-ternary-8);
}

.btc-gq8,
.h\:btc-gq8:hover {
  border-top-color: var(--color-gray-quadary-8);
}

.btc-gp20,
.h\:btc-gp20:hover {
  border-top-color: var(--color-gray-primary-20);
}

.btc-gs20,
.h\:btc-gs20:hover {
  border-top-color: var(--color-gray-secondary-20);
}

.btc-gt20,
.h\:btc-gt20:hover {
  border-top-color: var(--color-gray-ternary-20);
}

.btc-gq20,
.h\:btc-gq20:hover {
  border-top-color: var(--color-gray-quadary-20);
}

.btc-gp30,
.h\:btc-gp30:hover {
  border-top-color: var(--color-gray-primary-30);
}

.btc-gs30,
.h\:btc-gs30:hover {
  border-top-color: var(--color-gray-secondary-30);
}

.btc-gt30,
.h\:btc-gt30:hover {
  border-top-color: var(--color-gray-ternary-30);
}

.btc-gq30,
.h\:btc-gq30:hover {
  border-top-color: var(--color-gray-quadary-30);
}

.btc-gp42,
.h\:btc-gp42:hover {
  border-top-color: var(--color-gray-primary-42);
}

.btc-gs42,
.h\:btc-gs42:hover {
  border-top-color: var(--color-gray-secondary-42);
}

.btc-gt42,
.h\:btc-gt42:hover {
  border-top-color: var(--color-gray-ternary-42);
}

.btc-gq42,
.h\:btc-gq42:hover {
  border-top-color: var(--color-gray-quadary-42);
}

.btc-gp43,
.h\:btc-gp43:hover {
  border-top-color: var(--color-gray-primary-43);
}

.btc-gs43,
.h\:btc-gs43:hover {
  border-top-color: var(--color-gray-secondary-43);
}

.btc-gt43,
.h\:btc-gt43:hover {
  border-top-color: var(--color-gray-ternary-43);
}

.btc-gq43,
.h\:btc-gq43:hover {
  border-top-color: var(--color-gray-quadary-43);
}

.btc-gp44,
.h\:btc-gp44:hover {
  border-top-color: var(--color-gray-primary-44);
}

.btc-gs44,
.h\:btc-gs44:hover {
  border-top-color: var(--color-gray-secondary-44);
}

.btc-gt44,
.h\:btc-gt44:hover {
  border-top-color: var(--color-gray-ternary-44);
}

.btc-gq44,
.h\:btc-gq44:hover {
  border-top-color: var(--color-gray-quadary-44);
}

.btc-gp45,
.h\:btc-gp45:hover {
  border-top-color: var(--color-gray-primary-45);
}

.btc-gs45,
.h\:btc-gs45:hover {
  border-top-color: var(--color-gray-secondary-45);
}

.btc-gt45,
.h\:btc-gt45:hover {
  border-top-color: var(--color-gray-ternary-45);
}

.btc-gq45,
.h\:btc-gq45:hover {
  border-top-color: var(--color-gray-quadary-45);
}

.btc-gp46,
.h\:btc-gp46:hover {
  border-top-color: var(--color-gray-primary-46);
}

.btc-gs46,
.h\:btc-gs46:hover {
  border-top-color: var(--color-gray-secondary-46);
}

.btc-gt46,
.h\:btc-gt46:hover {
  border-top-color: var(--color-gray-ternary-46);
}

.btc-gq46,
.h\:btc-gq46:hover {
  border-top-color: var(--color-gray-quadary-46);
}

.btc-gp47,
.h\:btc-gp47:hover {
  border-top-color: var(--color-gray-primary-47);
}

.btc-gs47,
.h\:btc-gs47:hover {
  border-top-color: var(--color-gray-secondary-47);
}

.btc-gt47,
.h\:btc-gt47:hover {
  border-top-color: var(--color-gray-ternary-47);
}

.btc-gq47,
.h\:btc-gq47:hover {
  border-top-color: var(--color-gray-quadary-47);
}

.btc-gp48,
.h\:btc-gp48:hover {
  border-top-color: var(--color-gray-primary-48);
}

.btc-gs48,
.h\:btc-gs48:hover {
  border-top-color: var(--color-gray-secondary-48);
}

.btc-gt48,
.h\:btc-gt48:hover {
  border-top-color: var(--color-gray-ternary-48);
}

.btc-gq48,
.h\:btc-gq48:hover {
  border-top-color: var(--color-gray-quadary-48);
}

.btc-gp49,
.h\:btc-gp49:hover {
  border-top-color: var(--color-gray-primary-49);
}

.btc-gs49,
.h\:btc-gs49:hover {
  border-top-color: var(--color-gray-secondary-49);
}

.btc-gt49,
.h\:btc-gt49:hover {
  border-top-color: var(--color-gray-ternary-49);
}

.btc-gq49,
.h\:btc-gq49:hover {
  border-top-color: var(--color-gray-quadary-49);
}

.btc-gp50,
.h\:btc-gp50:hover {
  border-top-color: var(--color-gray-primary-50);
}

.btc-gs50,
.h\:btc-gs50:hover {
  border-top-color: var(--color-gray-secondary-50);
}

.btc-gt50,
.h\:btc-gt50:hover {
  border-top-color: var(--color-gray-ternary-50);
}

.btc-gq50,
.h\:btc-gq50:hover {
  border-top-color: var(--color-gray-quadary-50);
}

.btc-1-indice {
  border-top-color: var(--color-1-indice);
}

.btc-2-indice {
  border-top-color: var(--color-2-indice);
}

.btc-3-indice {
  border-top-color: var(--color-3-indice);
}

.btc-4-indice {
  border-top-color: var(--color-4-indice);
}

.btc-5-indice {
  border-top-color: var(--color-5-indice);
}

.btc-p-1 {
  border-top-color: var(--color-primary1);
}

.btc-s-1 {
  border-top-color: var(--color-secondary1);
}

.btc-te-1 {
  border-top-color: var(--color-ternary1);
}

.btc-qua-1 {
  border-top-color: var(--color-quadary1);
}

.btc-p-2 {
  border-top-color: var(--color-primary2);
}

.btc-s-2 {
  border-top-color: var(--color-secondary2);
}

.btc-te-2 {
  border-top-color: var(--color-ternary2);
}

.btc-qua-2 {
  border-top-color: var(--color-quadary2);
}

.btc-p-3 {
  border-top-color: var(--color-primary3);
}

.btc-s-3 {
  border-top-color: var(--color-secondary3);
}

.btc-te-3 {
  border-top-color: var(--color-ternary3);
}

.btc-qua-3 {
  border-top-color: var(--color-quadary3);
}

.btc-p-4 {
  border-top-color: var(--color-primary4);
}

.btc-s-4 {
  border-top-color: var(--color-secondary4);
}

.btc-te-4 {
  border-top-color: var(--color-ternary4);
}

.btc-qua-4 {
  border-top-color: var(--color-quadary4);
}

.btc-p-5 {
  border-top-color: var(--color-primary5);
}

.btc-s-5 {
  border-top-color: var(--color-secondary5);
}

.btc-te-5 {
  border-top-color: var(--color-ternary5);
}

.btc-qua-5 {
  border-top-color: var(--color-quadary5);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:bw-1 {
    border-width: var(--size-1);
    border-width: var(--size-1) !important;
  }
  .pc\:bw-md-1 {
    border-width: var(--size-md-1);
    border-width: var(--size-md-1) !important;
  }
  .pc\:bw-2 {
    border-width: var(--size-2);
    border-width: var(--size-2) !important;
  }
  .pc\:bw-md-2 {
    border-width: var(--size-md-2);
    border-width: var(--size-md-2) !important;
  }
  .pc\:bw-3 {
    border-width: var(--size-3);
    border-width: var(--size-3) !important;
  }
  .pc\:bw-md-3 {
    border-width: var(--size-md-3);
    border-width: var(--size-md-3) !important;
  }
  .pc\:bw-4 {
    border-width: var(--size-4);
    border-width: var(--size-4) !important;
  }
  .pc\:bw-md-4 {
    border-width: var(--size-md-4);
    border-width: var(--size-md-4) !important;
  }
  .pc\:bw-5 {
    border-width: var(--size-5);
    border-width: var(--size-5) !important;
  }
  .pc\:bw-md-5 {
    border-width: var(--size-md-5);
    border-width: var(--size-md-5) !important;
  }
  .pc\:bw-6 {
    border-width: var(--size-6);
    border-width: var(--size-6) !important;
  }
  .pc\:bw-md-6 {
    border-width: var(--size-md-6);
    border-width: var(--size-md-6) !important;
  }
  .pc\:bw-7 {
    border-width: var(--size-7);
    border-width: var(--size-7) !important;
  }
  .pc\:bw-md-7 {
    border-width: var(--size-md-7);
    border-width: var(--size-md-7) !important;
  }
  .pc\:bw-8 {
    border-width: var(--size-8);
    border-width: var(--size-8) !important;
  }
  .pc\:bw-md-8 {
    border-width: var(--size-md-8);
    border-width: var(--size-md-8) !important;
  }
  .pc\:bw-9 {
    border-width: var(--size-9);
    border-width: var(--size-9) !important;
  }
  .pc\:bw-md-9 {
    border-width: var(--size-md-9);
    border-width: var(--size-md-9) !important;
  }
  .pc\:bw-10 {
    border-width: var(--size-10);
    border-width: var(--size-10) !important;
  }
  .pc\:bw-md-10 {
    border-width: var(--size-md-10);
    border-width: var(--size-md-10) !important;
  }
  .pc\:bw-11 {
    border-width: var(--size-11);
    border-width: var(--size-11) !important;
  }
  .pc\:bw-md-11 {
    border-width: var(--size-md-11);
    border-width: var(--size-md-11) !important;
  }
  .pc\:bw-12 {
    border-width: var(--size-12);
    border-width: var(--size-12) !important;
  }
  .pc\:bw-md-12 {
    border-width: var(--size-md-12);
    border-width: var(--size-md-12) !important;
  }
  .pc\:bw-13 {
    border-width: var(--size-13);
    border-width: var(--size-13) !important;
  }
  .pc\:bw-md-13 {
    border-width: var(--size-md-13);
    border-width: var(--size-md-13) !important;
  }
  .pc\:bw-14 {
    border-width: var(--size-14);
    border-width: var(--size-14) !important;
  }
  .pc\:bw-md-14 {
    border-width: var(--size-md-14);
    border-width: var(--size-md-14) !important;
  }
  .pc\:bw-15 {
    border-width: var(--size-15);
    border-width: var(--size-15) !important;
  }
  .pc\:bw-md-15 {
    border-width: var(--size-md-15);
    border-width: var(--size-md-15) !important;
  }
  .pc\:bw-16 {
    border-width: var(--size-16);
    border-width: var(--size-16) !important;
  }
  .pc\:bw-md-16 {
    border-width: var(--size-md-16);
    border-width: var(--size-md-16) !important;
  }
}
.c-ld-c {
  color: light-dark(var(--color-secondary), var(--color-primary));
}

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

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

.c-te {
  color: var(--color-ternary);
}

.c-qua {
  color: var(--color-quadary);
}

.h\:c-p:hover {
  color: var(--color-primary);
}

.h\:c-s:hover {
  color: var(--color-secondary);
}

.h\:c-te:hover {
  color: var(--color-ternary);
}

.h\:c-qua:hover {
  color: var(--color-quadary);
}

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

body:has(#theme-light:checked) .c-a-c {
  color: var(--color-ternary);
}

body:has(#theme-dark:checked) .c-a-c {
  color: var(--color-secondary);
}

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

body:has(#theme-light:checked) .c-r-c {
  color: var(--color-secondary);
}

body:has(#theme-dark:checked) .c-r-c {
  color: var(--color-ternary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-gp0,
.h\:c-gp0:hover {
  color: var(--color-gray-primary-0);
}

.c-gs0,
.h\:c-gs0:hover {
  color: var(--color-gray-secondary-0);
}

.c-gt0,
.h\:c-gt0:hover {
  color: var(--color-gray-ternary-0);
}

.c-gq0,
.h\:c-gq0:hover {
  color: var(--color-gray-quadary-0);
}

.c-gp1,
.h\:c-gp1:hover {
  color: var(--color-gray-primary-1);
}

.c-gs1,
.h\:c-gs1:hover {
  color: var(--color-gray-secondary-1);
}

.c-gt1,
.h\:c-gt1:hover {
  color: var(--color-gray-ternary-1);
}

.c-gq1,
.h\:c-gq1:hover {
  color: var(--color-gray-quadary-1);
}

.c-gp2,
.h\:c-gp2:hover {
  color: var(--color-gray-primary-2);
}

.c-gs2,
.h\:c-gs2:hover {
  color: var(--color-gray-secondary-2);
}

.c-gt2,
.h\:c-gt2:hover {
  color: var(--color-gray-ternary-2);
}

.c-gq2,
.h\:c-gq2:hover {
  color: var(--color-gray-quadary-2);
}

.c-gp3,
.h\:c-gp3:hover {
  color: var(--color-gray-primary-3);
}

.c-gs3,
.h\:c-gs3:hover {
  color: var(--color-gray-secondary-3);
}

.c-gt3,
.h\:c-gt3:hover {
  color: var(--color-gray-ternary-3);
}

.c-gq3,
.h\:c-gq3:hover {
  color: var(--color-gray-quadary-3);
}

.c-gp4,
.h\:c-gp4:hover {
  color: var(--color-gray-primary-4);
}

.c-gs4,
.h\:c-gs4:hover {
  color: var(--color-gray-secondary-4);
}

.c-gt4,
.h\:c-gt4:hover {
  color: var(--color-gray-ternary-4);
}

.c-gq4,
.h\:c-gq4:hover {
  color: var(--color-gray-quadary-4);
}

.c-gp5,
.h\:c-gp5:hover {
  color: var(--color-gray-primary-5);
}

.c-gs5,
.h\:c-gs5:hover {
  color: var(--color-gray-secondary-5);
}

.c-gt5,
.h\:c-gt5:hover {
  color: var(--color-gray-ternary-5);
}

.c-gq5,
.h\:c-gq5:hover {
  color: var(--color-gray-quadary-5);
}

.c-gp6,
.h\:c-gp6:hover {
  color: var(--color-gray-primary-6);
}

.c-gs6,
.h\:c-gs6:hover {
  color: var(--color-gray-secondary-6);
}

.c-gt6,
.h\:c-gt6:hover {
  color: var(--color-gray-ternary-6);
}

.c-gq6,
.h\:c-gq6:hover {
  color: var(--color-gray-quadary-6);
}

.c-gp7,
.h\:c-gp7:hover {
  color: var(--color-gray-primary-7);
}

.c-gs7,
.h\:c-gs7:hover {
  color: var(--color-gray-secondary-7);
}

.c-gt7,
.h\:c-gt7:hover {
  color: var(--color-gray-ternary-7);
}

.c-gq7,
.h\:c-gq7:hover {
  color: var(--color-gray-quadary-7);
}

.c-gp8,
.h\:c-gp8:hover {
  color: var(--color-gray-primary-8);
}

.c-gs8,
.h\:c-gs8:hover {
  color: var(--color-gray-secondary-8);
}

.c-gt8,
.h\:c-gt8:hover {
  color: var(--color-gray-ternary-8);
}

.c-gq8,
.h\:c-gq8:hover {
  color: var(--color-gray-quadary-8);
}

.c-gp20,
.h\:c-gp20:hover {
  color: var(--color-gray-primary-20);
}

.c-gs20,
.h\:c-gs20:hover {
  color: var(--color-gray-secondary-20);
}

.c-gt20,
.h\:c-gt20:hover {
  color: var(--color-gray-ternary-20);
}

.c-gq20,
.h\:c-gq20:hover {
  color: var(--color-gray-quadary-20);
}

.c-gp30,
.h\:c-gp30:hover {
  color: var(--color-gray-primary-30);
}

.c-gs30,
.h\:c-gs30:hover {
  color: var(--color-gray-secondary-30);
}

.c-gt30,
.h\:c-gt30:hover {
  color: var(--color-gray-ternary-30);
}

.c-gq30,
.h\:c-gq30:hover {
  color: var(--color-gray-quadary-30);
}

.c-gp42,
.h\:c-gp42:hover {
  color: var(--color-gray-primary-42);
}

.c-gs42,
.h\:c-gs42:hover {
  color: var(--color-gray-secondary-42);
}

.c-gt42,
.h\:c-gt42:hover {
  color: var(--color-gray-ternary-42);
}

.c-gq42,
.h\:c-gq42:hover {
  color: var(--color-gray-quadary-42);
}

.c-gp43,
.h\:c-gp43:hover {
  color: var(--color-gray-primary-43);
}

.c-gs43,
.h\:c-gs43:hover {
  color: var(--color-gray-secondary-43);
}

.c-gt43,
.h\:c-gt43:hover {
  color: var(--color-gray-ternary-43);
}

.c-gq43,
.h\:c-gq43:hover {
  color: var(--color-gray-quadary-43);
}

.c-gp44,
.h\:c-gp44:hover {
  color: var(--color-gray-primary-44);
}

.c-gs44,
.h\:c-gs44:hover {
  color: var(--color-gray-secondary-44);
}

.c-gt44,
.h\:c-gt44:hover {
  color: var(--color-gray-ternary-44);
}

.c-gq44,
.h\:c-gq44:hover {
  color: var(--color-gray-quadary-44);
}

.c-gp45,
.h\:c-gp45:hover {
  color: var(--color-gray-primary-45);
}

.c-gs45,
.h\:c-gs45:hover {
  color: var(--color-gray-secondary-45);
}

.c-gt45,
.h\:c-gt45:hover {
  color: var(--color-gray-ternary-45);
}

.c-gq45,
.h\:c-gq45:hover {
  color: var(--color-gray-quadary-45);
}

.c-gp46,
.h\:c-gp46:hover {
  color: var(--color-gray-primary-46);
}

.c-gs46,
.h\:c-gs46:hover {
  color: var(--color-gray-secondary-46);
}

.c-gt46,
.h\:c-gt46:hover {
  color: var(--color-gray-ternary-46);
}

.c-gq46,
.h\:c-gq46:hover {
  color: var(--color-gray-quadary-46);
}

.c-gp47,
.h\:c-gp47:hover {
  color: var(--color-gray-primary-47);
}

.c-gs47,
.h\:c-gs47:hover {
  color: var(--color-gray-secondary-47);
}

.c-gt47,
.h\:c-gt47:hover {
  color: var(--color-gray-ternary-47);
}

.c-gq47,
.h\:c-gq47:hover {
  color: var(--color-gray-quadary-47);
}

.c-gp48,
.h\:c-gp48:hover {
  color: var(--color-gray-primary-48);
}

.c-gs48,
.h\:c-gs48:hover {
  color: var(--color-gray-secondary-48);
}

.c-gt48,
.h\:c-gt48:hover {
  color: var(--color-gray-ternary-48);
}

.c-gq48,
.h\:c-gq48:hover {
  color: var(--color-gray-quadary-48);
}

.c-gp49,
.h\:c-gp49:hover {
  color: var(--color-gray-primary-49);
}

.c-gs49,
.h\:c-gs49:hover {
  color: var(--color-gray-secondary-49);
}

.c-gt49,
.h\:c-gt49:hover {
  color: var(--color-gray-ternary-49);
}

.c-gq49,
.h\:c-gq49:hover {
  color: var(--color-gray-quadary-49);
}

.c-gp50,
.h\:c-gp50:hover {
  color: var(--color-gray-primary-50);
}

.c-gs50,
.h\:c-gs50:hover {
  color: var(--color-gray-secondary-50);
}

.c-gt50,
.h\:c-gt50:hover {
  color: var(--color-gray-ternary-50);
}

.c-gq50,
.h\:c-gq50:hover {
  color: var(--color-gray-quadary-50);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ff-m {
  font-family: var(--theme-font-family);
}

.ff-mo {
  font-family: var(--theme-font-mono);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:fs-1 {
    font-size: var(--size-1);
    font-size: var(--size-1) !important;
  }
  .pc\:fs-md-1 {
    font-size: var(--size-md-1);
    font-size: var(--size-md-1) !important;
  }
  .pc\:fs-2 {
    font-size: var(--size-2);
    font-size: var(--size-2) !important;
  }
  .pc\:fs-md-2 {
    font-size: var(--size-md-2);
    font-size: var(--size-md-2) !important;
  }
  .pc\:fs-3 {
    font-size: var(--size-3);
    font-size: var(--size-3) !important;
  }
  .pc\:fs-md-3 {
    font-size: var(--size-md-3);
    font-size: var(--size-md-3) !important;
  }
  .pc\:fs-4 {
    font-size: var(--size-4);
    font-size: var(--size-4) !important;
  }
  .pc\:fs-md-4 {
    font-size: var(--size-md-4);
    font-size: var(--size-md-4) !important;
  }
  .pc\:fs-5 {
    font-size: var(--size-5);
    font-size: var(--size-5) !important;
  }
  .pc\:fs-md-5 {
    font-size: var(--size-md-5);
    font-size: var(--size-md-5) !important;
  }
  .pc\:fs-6 {
    font-size: var(--size-6);
    font-size: var(--size-6) !important;
  }
  .pc\:fs-md-6 {
    font-size: var(--size-md-6);
    font-size: var(--size-md-6) !important;
  }
  .pc\:fs-7 {
    font-size: var(--size-7);
    font-size: var(--size-7) !important;
  }
  .pc\:fs-md-7 {
    font-size: var(--size-md-7);
    font-size: var(--size-md-7) !important;
  }
  .pc\:fs-8, h3.title {
    font-size: var(--size-8);
    font-size: var(--size-8) !important;
  }
  .pc\:fs-md-8 {
    font-size: var(--size-md-8);
    font-size: var(--size-md-8) !important;
  }
  .pc\:fs-9 {
    font-size: var(--size-9);
    font-size: var(--size-9) !important;
  }
  .pc\:fs-md-9 {
    font-size: var(--size-md-9);
    font-size: var(--size-md-9) !important;
  }
  .pc\:fs-10 {
    font-size: var(--size-10);
    font-size: var(--size-10) !important;
  }
  .pc\:fs-md-10 {
    font-size: var(--size-md-10);
    font-size: var(--size-md-10) !important;
  }
  .pc\:fs-11 {
    font-size: var(--size-11);
    font-size: var(--size-11) !important;
  }
  .pc\:fs-md-11 {
    font-size: var(--size-md-11);
    font-size: var(--size-md-11) !important;
  }
  .pc\:fs-12 {
    font-size: var(--size-12);
    font-size: var(--size-12) !important;
  }
  .pc\:fs-md-12 {
    font-size: var(--size-md-12);
    font-size: var(--size-md-12) !important;
  }
  .pc\:fs-13 {
    font-size: var(--size-13);
    font-size: var(--size-13) !important;
  }
  .pc\:fs-md-13 {
    font-size: var(--size-md-13);
    font-size: var(--size-md-13) !important;
  }
  .pc\:fs-14 {
    font-size: var(--size-14);
    font-size: var(--size-14) !important;
  }
  .pc\:fs-md-14 {
    font-size: var(--size-md-14);
    font-size: var(--size-md-14) !important;
  }
  .pc\:fs-15 {
    font-size: var(--size-15);
    font-size: var(--size-15) !important;
  }
  .pc\:fs-md-15 {
    font-size: var(--size-md-15);
    font-size: var(--size-md-15) !important;
  }
  .pc\:fs-16 {
    font-size: var(--size-16);
    font-size: var(--size-16) !important;
  }
  .pc\:fs-md-16 {
    font-size: var(--size-md-16);
    font-size: var(--size-md-16) !important;
  }
}
.fs-sm {
  font-size: var(--size-sm);
}

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

.g-md-1 {
  gap: var(--size-md-1);
}

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

.g-md-2 {
  gap: var(--size-md-2);
}

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

.g-md-3 {
  gap: var(--size-md-3);
}

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

.g-md-4 {
  gap: var(--size-md-4);
}

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

.g-md-5 {
  gap: var(--size-md-5);
}

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

.g-md-6 {
  gap: var(--size-md-6);
}

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

.g-md-7 {
  gap: var(--size-md-7);
}

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

.g-md-8 {
  gap: var(--size-md-8);
}

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

.g-md-9 {
  gap: var(--size-md-9);
}

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

.g-md-10 {
  gap: var(--size-md-10);
}

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

.g-md-11 {
  gap: var(--size-md-11);
}

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

.g-md-12 {
  gap: var(--size-md-12);
}

.g-13 {
  gap: var(--size-13);
}

.g-md-13 {
  gap: var(--size-md-13);
}

.g-14 {
  gap: var(--size-14);
}

.g-md-14 {
  gap: var(--size-md-14);
}

.g-15 {
  gap: var(--size-15);
}

.g-md-15 {
  gap: var(--size-md-15);
}

.g-16 {
  gap: var(--size-16);
}

.g-md-16 {
  gap: var(--size-md-16);
}

@media (min-width: 769px) {
  .pc\:g-1 {
    gap: var(--size-1);
    gap: var(--size-1) !important;
  }
  .pc\:g-md-1 {
    gap: var(--size-md-1);
    gap: var(--size-md-1) !important;
  }
  .pc\:g-2 {
    gap: var(--size-2);
    gap: var(--size-2) !important;
  }
  .pc\:g-md-2 {
    gap: var(--size-md-2);
    gap: var(--size-md-2) !important;
  }
  .pc\:g-3 {
    gap: var(--size-3);
    gap: var(--size-3) !important;
  }
  .pc\:g-md-3 {
    gap: var(--size-md-3);
    gap: var(--size-md-3) !important;
  }
  .pc\:g-4 {
    gap: var(--size-4);
    gap: var(--size-4) !important;
  }
  .pc\:g-md-4 {
    gap: var(--size-md-4);
    gap: var(--size-md-4) !important;
  }
  .pc\:g-5 {
    gap: var(--size-5);
    gap: var(--size-5) !important;
  }
  .pc\:g-md-5 {
    gap: var(--size-md-5);
    gap: var(--size-md-5) !important;
  }
  .pc\:g-6 {
    gap: var(--size-6);
    gap: var(--size-6) !important;
  }
  .pc\:g-md-6 {
    gap: var(--size-md-6);
    gap: var(--size-md-6) !important;
  }
  .pc\:g-7 {
    gap: var(--size-7);
    gap: var(--size-7) !important;
  }
  .pc\:g-md-7 {
    gap: var(--size-md-7);
    gap: var(--size-md-7) !important;
  }
  .pc\:g-8 {
    gap: var(--size-8);
    gap: var(--size-8) !important;
  }
  .pc\:g-md-8 {
    gap: var(--size-md-8);
    gap: var(--size-md-8) !important;
  }
  .pc\:g-9 {
    gap: var(--size-9);
    gap: var(--size-9) !important;
  }
  .pc\:g-md-9 {
    gap: var(--size-md-9);
    gap: var(--size-md-9) !important;
  }
  .pc\:g-10 {
    gap: var(--size-10);
    gap: var(--size-10) !important;
  }
  .pc\:g-md-10 {
    gap: var(--size-md-10);
    gap: var(--size-md-10) !important;
  }
  .pc\:g-11 {
    gap: var(--size-11);
    gap: var(--size-11) !important;
  }
  .pc\:g-md-11 {
    gap: var(--size-md-11);
    gap: var(--size-md-11) !important;
  }
  .pc\:g-12 {
    gap: var(--size-12);
    gap: var(--size-12) !important;
  }
  .pc\:g-md-12 {
    gap: var(--size-md-12);
    gap: var(--size-md-12) !important;
  }
  .pc\:g-13 {
    gap: var(--size-13);
    gap: var(--size-13) !important;
  }
  .pc\:g-md-13 {
    gap: var(--size-md-13);
    gap: var(--size-md-13) !important;
  }
  .pc\:g-14 {
    gap: var(--size-14);
    gap: var(--size-14) !important;
  }
  .pc\:g-md-14 {
    gap: var(--size-md-14);
    gap: var(--size-md-14) !important;
  }
  .pc\:g-15 {
    gap: var(--size-15);
    gap: var(--size-15) !important;
  }
  .pc\:g-md-15 {
    gap: var(--size-md-15);
    gap: var(--size-md-15) !important;
  }
  .pc\:g-16 {
    gap: var(--size-16);
    gap: var(--size-16) !important;
  }
  .pc\:g-md-16 {
    gap: var(--size-md-16);
    gap: var(--size-md-16) !important;
  }
}
.h-1 {
  height: var(--size-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:h-1 {
    height: var(--size-1);
    height: var(--size-1) !important;
  }
  .pc\:h-md-1 {
    height: var(--size-md-1);
    height: var(--size-md-1) !important;
  }
  .pc\:h-2 {
    height: var(--size-2);
    height: var(--size-2) !important;
  }
  .pc\:h-md-2 {
    height: var(--size-md-2);
    height: var(--size-md-2) !important;
  }
  .pc\:h-3 {
    height: var(--size-3);
    height: var(--size-3) !important;
  }
  .pc\:h-md-3 {
    height: var(--size-md-3);
    height: var(--size-md-3) !important;
  }
  .pc\:h-4 {
    height: var(--size-4);
    height: var(--size-4) !important;
  }
  .pc\:h-md-4 {
    height: var(--size-md-4);
    height: var(--size-md-4) !important;
  }
  .pc\:h-5 {
    height: var(--size-5);
    height: var(--size-5) !important;
  }
  .pc\:h-md-5 {
    height: var(--size-md-5);
    height: var(--size-md-5) !important;
  }
  .pc\:h-6 {
    height: var(--size-6);
    height: var(--size-6) !important;
  }
  .pc\:h-md-6 {
    height: var(--size-md-6);
    height: var(--size-md-6) !important;
  }
  .pc\:h-7 {
    height: var(--size-7);
    height: var(--size-7) !important;
  }
  .pc\:h-md-7 {
    height: var(--size-md-7);
    height: var(--size-md-7) !important;
  }
  .pc\:h-8 {
    height: var(--size-8);
    height: var(--size-8) !important;
  }
  .pc\:h-md-8 {
    height: var(--size-md-8);
    height: var(--size-md-8) !important;
  }
  .pc\:h-9 {
    height: var(--size-9);
    height: var(--size-9) !important;
  }
  .pc\:h-md-9 {
    height: var(--size-md-9);
    height: var(--size-md-9) !important;
  }
  .pc\:h-10 {
    height: var(--size-10);
    height: var(--size-10) !important;
  }
  .pc\:h-md-10 {
    height: var(--size-md-10);
    height: var(--size-md-10) !important;
  }
  .pc\:h-11 {
    height: var(--size-11);
    height: var(--size-11) !important;
  }
  .pc\:h-md-11 {
    height: var(--size-md-11);
    height: var(--size-md-11) !important;
  }
  .pc\:h-12 {
    height: var(--size-12);
    height: var(--size-12) !important;
  }
  .pc\:h-md-12 {
    height: var(--size-md-12);
    height: var(--size-md-12) !important;
  }
  .pc\:h-13 {
    height: var(--size-13);
    height: var(--size-13) !important;
  }
  .pc\:h-md-13 {
    height: var(--size-md-13);
    height: var(--size-md-13) !important;
  }
  .pc\:h-14 {
    height: var(--size-14);
    height: var(--size-14) !important;
  }
  .pc\:h-md-14 {
    height: var(--size-md-14);
    height: var(--size-md-14) !important;
  }
  .pc\:h-15 {
    height: var(--size-15);
    height: var(--size-15) !important;
  }
  .pc\:h-md-15 {
    height: var(--size-md-15);
    height: var(--size-md-15) !important;
  }
  .pc\:h-16 {
    height: var(--size-16);
    height: var(--size-16) !important;
  }
  .pc\:h-md-16 {
    height: var(--size-md-16);
    height: var(--size-md-16) !important;
  }
}
.lh-1 {
  line-height: var(--size-1);
}

.lh-md-1 {
  line-height: var(--size-md-1);
}

.lh-2 {
  line-height: var(--size-2);
}

.lh-md-2 {
  line-height: var(--size-md-2);
}

.lh-3 {
  line-height: var(--size-3);
}

.lh-md-3 {
  line-height: var(--size-md-3);
}

.lh-4 {
  line-height: var(--size-4);
}

.lh-md-4 {
  line-height: var(--size-md-4);
}

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

.lh-md-5 {
  line-height: var(--size-md-5);
}

.lh-6 {
  line-height: var(--size-6);
}

.lh-md-6 {
  line-height: var(--size-md-6);
}

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

.lh-md-7 {
  line-height: var(--size-md-7);
}

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

.lh-md-8 {
  line-height: var(--size-md-8);
}

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

.lh-md-9 {
  line-height: var(--size-md-9);
}

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

.lh-md-10 {
  line-height: var(--size-md-10);
}

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

.lh-md-11 {
  line-height: var(--size-md-11);
}

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

.lh-md-12 {
  line-height: var(--size-md-12);
}

.lh-13 {
  line-height: var(--size-13);
}

.lh-md-13 {
  line-height: var(--size-md-13);
}

.lh-14 {
  line-height: var(--size-14);
}

.lh-md-14 {
  line-height: var(--size-md-14);
}

.lh-15 {
  line-height: var(--size-15);
}

.lh-md-15 {
  line-height: var(--size-md-15);
}

.lh-16 {
  line-height: var(--size-16);
}

.lh-md-16 {
  line-height: var(--size-md-16);
}

@media (min-width: 769px) {
  .pc\:lh-1 {
    line-height: var(--size-1);
    line-height: var(--size-1) !important;
  }
  .pc\:lh-md-1 {
    line-height: var(--size-md-1);
    line-height: var(--size-md-1) !important;
  }
  .pc\:lh-2 {
    line-height: var(--size-2);
    line-height: var(--size-2) !important;
  }
  .pc\:lh-md-2 {
    line-height: var(--size-md-2);
    line-height: var(--size-md-2) !important;
  }
  .pc\:lh-3 {
    line-height: var(--size-3);
    line-height: var(--size-3) !important;
  }
  .pc\:lh-md-3 {
    line-height: var(--size-md-3);
    line-height: var(--size-md-3) !important;
  }
  .pc\:lh-4 {
    line-height: var(--size-4);
    line-height: var(--size-4) !important;
  }
  .pc\:lh-md-4 {
    line-height: var(--size-md-4);
    line-height: var(--size-md-4) !important;
  }
  .pc\:lh-5 {
    line-height: var(--size-5);
    line-height: var(--size-5) !important;
  }
  .pc\:lh-md-5 {
    line-height: var(--size-md-5);
    line-height: var(--size-md-5) !important;
  }
  .pc\:lh-6 {
    line-height: var(--size-6);
    line-height: var(--size-6) !important;
  }
  .pc\:lh-md-6 {
    line-height: var(--size-md-6);
    line-height: var(--size-md-6) !important;
  }
  .pc\:lh-7 {
    line-height: var(--size-7);
    line-height: var(--size-7) !important;
  }
  .pc\:lh-md-7 {
    line-height: var(--size-md-7);
    line-height: var(--size-md-7) !important;
  }
  .pc\:lh-8, h3.title {
    line-height: var(--size-8);
    line-height: var(--size-8) !important;
  }
  .pc\:lh-md-8 {
    line-height: var(--size-md-8);
    line-height: var(--size-md-8) !important;
  }
  .pc\:lh-9 {
    line-height: var(--size-9);
    line-height: var(--size-9) !important;
  }
  .pc\:lh-md-9 {
    line-height: var(--size-md-9);
    line-height: var(--size-md-9) !important;
  }
  .pc\:lh-10 {
    line-height: var(--size-10);
    line-height: var(--size-10) !important;
  }
  .pc\:lh-md-10 {
    line-height: var(--size-md-10);
    line-height: var(--size-md-10) !important;
  }
  .pc\:lh-11 {
    line-height: var(--size-11);
    line-height: var(--size-11) !important;
  }
  .pc\:lh-md-11 {
    line-height: var(--size-md-11);
    line-height: var(--size-md-11) !important;
  }
  .pc\:lh-12 {
    line-height: var(--size-12);
    line-height: var(--size-12) !important;
  }
  .pc\:lh-md-12 {
    line-height: var(--size-md-12);
    line-height: var(--size-md-12) !important;
  }
  .pc\:lh-13 {
    line-height: var(--size-13);
    line-height: var(--size-13) !important;
  }
  .pc\:lh-md-13 {
    line-height: var(--size-md-13);
    line-height: var(--size-md-13) !important;
  }
  .pc\:lh-14 {
    line-height: var(--size-14);
    line-height: var(--size-14) !important;
  }
  .pc\:lh-md-14 {
    line-height: var(--size-md-14);
    line-height: var(--size-md-14) !important;
  }
  .pc\:lh-15 {
    line-height: var(--size-15);
    line-height: var(--size-15) !important;
  }
  .pc\:lh-md-15 {
    line-height: var(--size-md-15);
    line-height: var(--size-md-15) !important;
  }
  .pc\:lh-16 {
    line-height: var(--size-16);
    line-height: var(--size-16) !important;
  }
  .pc\:lh-md-16 {
    line-height: var(--size-md-16);
    line-height: var(--size-md-16) !important;
  }
}
.m-1 {
  margin: var(--size-1);
}

.m-md-1 {
  margin: var(--size-md-1);
}

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

.m-md-2 {
  margin: var(--size-md-2);
}

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

.m-md-3 {
  margin: var(--size-md-3);
}

.m-4 {
  margin: var(--size-4);
}

.m-md-4 {
  margin: var(--size-md-4);
}

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

.m-md-5 {
  margin: var(--size-md-5);
}

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

.m-md-6 {
  margin: var(--size-md-6);
}

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

.m-md-7 {
  margin: var(--size-md-7);
}

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

.m-md-8 {
  margin: var(--size-md-8);
}

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

.m-md-9 {
  margin: var(--size-md-9);
}

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

.m-md-10 {
  margin: var(--size-md-10);
}

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

.m-md-11 {
  margin: var(--size-md-11);
}

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

.m-md-12 {
  margin: var(--size-md-12);
}

.m-13 {
  margin: var(--size-13);
}

.m-md-13 {
  margin: var(--size-md-13);
}

.m-14 {
  margin: var(--size-14);
}

.m-md-14 {
  margin: var(--size-md-14);
}

.m-15 {
  margin: var(--size-15);
}

.m-md-15 {
  margin: var(--size-md-15);
}

.m-16 {
  margin: var(--size-16);
}

.m-md-16 {
  margin: var(--size-md-16);
}

@media (min-width: 769px) {
  .pc\:m-1 {
    margin: var(--size-1);
    margin: var(--size-1) !important;
  }
  .pc\:m-md-1 {
    margin: var(--size-md-1);
    margin: var(--size-md-1) !important;
  }
  .pc\:m-2 {
    margin: var(--size-2);
    margin: var(--size-2) !important;
  }
  .pc\:m-md-2 {
    margin: var(--size-md-2);
    margin: var(--size-md-2) !important;
  }
  .pc\:m-3 {
    margin: var(--size-3);
    margin: var(--size-3) !important;
  }
  .pc\:m-md-3 {
    margin: var(--size-md-3);
    margin: var(--size-md-3) !important;
  }
  .pc\:m-4 {
    margin: var(--size-4);
    margin: var(--size-4) !important;
  }
  .pc\:m-md-4 {
    margin: var(--size-md-4);
    margin: var(--size-md-4) !important;
  }
  .pc\:m-5 {
    margin: var(--size-5);
    margin: var(--size-5) !important;
  }
  .pc\:m-md-5 {
    margin: var(--size-md-5);
    margin: var(--size-md-5) !important;
  }
  .pc\:m-6 {
    margin: var(--size-6);
    margin: var(--size-6) !important;
  }
  .pc\:m-md-6 {
    margin: var(--size-md-6);
    margin: var(--size-md-6) !important;
  }
  .pc\:m-7 {
    margin: var(--size-7);
    margin: var(--size-7) !important;
  }
  .pc\:m-md-7 {
    margin: var(--size-md-7);
    margin: var(--size-md-7) !important;
  }
  .pc\:m-8 {
    margin: var(--size-8);
    margin: var(--size-8) !important;
  }
  .pc\:m-md-8 {
    margin: var(--size-md-8);
    margin: var(--size-md-8) !important;
  }
  .pc\:m-9 {
    margin: var(--size-9);
    margin: var(--size-9) !important;
  }
  .pc\:m-md-9 {
    margin: var(--size-md-9);
    margin: var(--size-md-9) !important;
  }
  .pc\:m-10 {
    margin: var(--size-10);
    margin: var(--size-10) !important;
  }
  .pc\:m-md-10 {
    margin: var(--size-md-10);
    margin: var(--size-md-10) !important;
  }
  .pc\:m-11 {
    margin: var(--size-11);
    margin: var(--size-11) !important;
  }
  .pc\:m-md-11 {
    margin: var(--size-md-11);
    margin: var(--size-md-11) !important;
  }
  .pc\:m-12 {
    margin: var(--size-12);
    margin: var(--size-12) !important;
  }
  .pc\:m-md-12 {
    margin: var(--size-md-12);
    margin: var(--size-md-12) !important;
  }
  .pc\:m-13 {
    margin: var(--size-13);
    margin: var(--size-13) !important;
  }
  .pc\:m-md-13 {
    margin: var(--size-md-13);
    margin: var(--size-md-13) !important;
  }
  .pc\:m-14 {
    margin: var(--size-14);
    margin: var(--size-14) !important;
  }
  .pc\:m-md-14 {
    margin: var(--size-md-14);
    margin: var(--size-md-14) !important;
  }
  .pc\:m-15 {
    margin: var(--size-15);
    margin: var(--size-15) !important;
  }
  .pc\:m-md-15 {
    margin: var(--size-md-15);
    margin: var(--size-md-15) !important;
  }
  .pc\:m-16 {
    margin: var(--size-16);
    margin: var(--size-16) !important;
  }
  .pc\:m-md-16 {
    margin: var(--size-md-16);
    margin: var(--size-md-16) !important;
  }
}
.mt-1 {
  margin-top: var(--size-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:mt-1 {
    margin-top: var(--size-1);
    margin-top: var(--size-1) !important;
  }
  .pc\:mt-md-1 {
    margin-top: var(--size-md-1);
    margin-top: var(--size-md-1) !important;
  }
  .pc\:mt-2 {
    margin-top: var(--size-2);
    margin-top: var(--size-2) !important;
  }
  .pc\:mt-md-2 {
    margin-top: var(--size-md-2);
    margin-top: var(--size-md-2) !important;
  }
  .pc\:mt-3 {
    margin-top: var(--size-3);
    margin-top: var(--size-3) !important;
  }
  .pc\:mt-md-3 {
    margin-top: var(--size-md-3);
    margin-top: var(--size-md-3) !important;
  }
  .pc\:mt-4 {
    margin-top: var(--size-4);
    margin-top: var(--size-4) !important;
  }
  .pc\:mt-md-4 {
    margin-top: var(--size-md-4);
    margin-top: var(--size-md-4) !important;
  }
  .pc\:mt-5 {
    margin-top: var(--size-5);
    margin-top: var(--size-5) !important;
  }
  .pc\:mt-md-5 {
    margin-top: var(--size-md-5);
    margin-top: var(--size-md-5) !important;
  }
  .pc\:mt-6 {
    margin-top: var(--size-6);
    margin-top: var(--size-6) !important;
  }
  .pc\:mt-md-6 {
    margin-top: var(--size-md-6);
    margin-top: var(--size-md-6) !important;
  }
  .pc\:mt-7 {
    margin-top: var(--size-7);
    margin-top: var(--size-7) !important;
  }
  .pc\:mt-md-7 {
    margin-top: var(--size-md-7);
    margin-top: var(--size-md-7) !important;
  }
  .pc\:mt-8 {
    margin-top: var(--size-8);
    margin-top: var(--size-8) !important;
  }
  .pc\:mt-md-8 {
    margin-top: var(--size-md-8);
    margin-top: var(--size-md-8) !important;
  }
  .pc\:mt-9 {
    margin-top: var(--size-9);
    margin-top: var(--size-9) !important;
  }
  .pc\:mt-md-9 {
    margin-top: var(--size-md-9);
    margin-top: var(--size-md-9) !important;
  }
  .pc\:mt-10 {
    margin-top: var(--size-10);
    margin-top: var(--size-10) !important;
  }
  .pc\:mt-md-10 {
    margin-top: var(--size-md-10);
    margin-top: var(--size-md-10) !important;
  }
  .pc\:mt-11 {
    margin-top: var(--size-11);
    margin-top: var(--size-11) !important;
  }
  .pc\:mt-md-11 {
    margin-top: var(--size-md-11);
    margin-top: var(--size-md-11) !important;
  }
  .pc\:mt-12 {
    margin-top: var(--size-12);
    margin-top: var(--size-12) !important;
  }
  .pc\:mt-md-12 {
    margin-top: var(--size-md-12);
    margin-top: var(--size-md-12) !important;
  }
  .pc\:mt-13 {
    margin-top: var(--size-13);
    margin-top: var(--size-13) !important;
  }
  .pc\:mt-md-13 {
    margin-top: var(--size-md-13);
    margin-top: var(--size-md-13) !important;
  }
  .pc\:mt-14 {
    margin-top: var(--size-14);
    margin-top: var(--size-14) !important;
  }
  .pc\:mt-md-14 {
    margin-top: var(--size-md-14);
    margin-top: var(--size-md-14) !important;
  }
  .pc\:mt-15 {
    margin-top: var(--size-15);
    margin-top: var(--size-15) !important;
  }
  .pc\:mt-md-15 {
    margin-top: var(--size-md-15);
    margin-top: var(--size-md-15) !important;
  }
  .pc\:mt-16 {
    margin-top: var(--size-16);
    margin-top: var(--size-16) !important;
  }
  .pc\:mt-md-16 {
    margin-top: var(--size-md-16);
    margin-top: var(--size-md-16) !important;
  }
}
.mr-1 {
  margin-right: var(--size-1);
}

.mr-md-1 {
  margin-right: var(--size-md-1);
}

.mr-2 {
  margin-right: var(--size-2);
}

.mr-md-2 {
  margin-right: var(--size-md-2);
}

.mr-3 {
  margin-right: var(--size-3);
}

.mr-md-3 {
  margin-right: var(--size-md-3);
}

.mr-4 {
  margin-right: var(--size-4);
}

.mr-md-4 {
  margin-right: var(--size-md-4);
}

.mr-5 {
  margin-right: var(--size-5);
}

.mr-md-5 {
  margin-right: var(--size-md-5);
}

.mr-6 {
  margin-right: var(--size-6);
}

.mr-md-6 {
  margin-right: var(--size-md-6);
}

.mr-7 {
  margin-right: var(--size-7);
}

.mr-md-7 {
  margin-right: var(--size-md-7);
}

.mr-8 {
  margin-right: var(--size-8);
}

.mr-md-8 {
  margin-right: var(--size-md-8);
}

.mr-9 {
  margin-right: var(--size-9);
}

.mr-md-9 {
  margin-right: var(--size-md-9);
}

.mr-10 {
  margin-right: var(--size-10);
}

.mr-md-10 {
  margin-right: var(--size-md-10);
}

.mr-11 {
  margin-right: var(--size-11);
}

.mr-md-11 {
  margin-right: var(--size-md-11);
}

.mr-12 {
  margin-right: var(--size-12);
}

.mr-md-12 {
  margin-right: var(--size-md-12);
}

.mr-13 {
  margin-right: var(--size-13);
}

.mr-md-13 {
  margin-right: var(--size-md-13);
}

.mr-14 {
  margin-right: var(--size-14);
}

.mr-md-14 {
  margin-right: var(--size-md-14);
}

.mr-15 {
  margin-right: var(--size-15);
}

.mr-md-15 {
  margin-right: var(--size-md-15);
}

.mr-16 {
  margin-right: var(--size-16);
}

.mr-md-16 {
  margin-right: var(--size-md-16);
}

@media (min-width: 769px) {
  .pc\:mr-1 {
    margin-right: var(--size-1);
    margin-right: var(--size-1) !important;
  }
  .pc\:mr-md-1 {
    margin-right: var(--size-md-1);
    margin-right: var(--size-md-1) !important;
  }
  .pc\:mr-2 {
    margin-right: var(--size-2);
    margin-right: var(--size-2) !important;
  }
  .pc\:mr-md-2 {
    margin-right: var(--size-md-2);
    margin-right: var(--size-md-2) !important;
  }
  .pc\:mr-3 {
    margin-right: var(--size-3);
    margin-right: var(--size-3) !important;
  }
  .pc\:mr-md-3 {
    margin-right: var(--size-md-3);
    margin-right: var(--size-md-3) !important;
  }
  .pc\:mr-4 {
    margin-right: var(--size-4);
    margin-right: var(--size-4) !important;
  }
  .pc\:mr-md-4 {
    margin-right: var(--size-md-4);
    margin-right: var(--size-md-4) !important;
  }
  .pc\:mr-5 {
    margin-right: var(--size-5);
    margin-right: var(--size-5) !important;
  }
  .pc\:mr-md-5 {
    margin-right: var(--size-md-5);
    margin-right: var(--size-md-5) !important;
  }
  .pc\:mr-6 {
    margin-right: var(--size-6);
    margin-right: var(--size-6) !important;
  }
  .pc\:mr-md-6 {
    margin-right: var(--size-md-6);
    margin-right: var(--size-md-6) !important;
  }
  .pc\:mr-7 {
    margin-right: var(--size-7);
    margin-right: var(--size-7) !important;
  }
  .pc\:mr-md-7 {
    margin-right: var(--size-md-7);
    margin-right: var(--size-md-7) !important;
  }
  .pc\:mr-8 {
    margin-right: var(--size-8);
    margin-right: var(--size-8) !important;
  }
  .pc\:mr-md-8 {
    margin-right: var(--size-md-8);
    margin-right: var(--size-md-8) !important;
  }
  .pc\:mr-9 {
    margin-right: var(--size-9);
    margin-right: var(--size-9) !important;
  }
  .pc\:mr-md-9 {
    margin-right: var(--size-md-9);
    margin-right: var(--size-md-9) !important;
  }
  .pc\:mr-10 {
    margin-right: var(--size-10);
    margin-right: var(--size-10) !important;
  }
  .pc\:mr-md-10 {
    margin-right: var(--size-md-10);
    margin-right: var(--size-md-10) !important;
  }
  .pc\:mr-11 {
    margin-right: var(--size-11);
    margin-right: var(--size-11) !important;
  }
  .pc\:mr-md-11 {
    margin-right: var(--size-md-11);
    margin-right: var(--size-md-11) !important;
  }
  .pc\:mr-12 {
    margin-right: var(--size-12);
    margin-right: var(--size-12) !important;
  }
  .pc\:mr-md-12 {
    margin-right: var(--size-md-12);
    margin-right: var(--size-md-12) !important;
  }
  .pc\:mr-13 {
    margin-right: var(--size-13);
    margin-right: var(--size-13) !important;
  }
  .pc\:mr-md-13 {
    margin-right: var(--size-md-13);
    margin-right: var(--size-md-13) !important;
  }
  .pc\:mr-14 {
    margin-right: var(--size-14);
    margin-right: var(--size-14) !important;
  }
  .pc\:mr-md-14 {
    margin-right: var(--size-md-14);
    margin-right: var(--size-md-14) !important;
  }
  .pc\:mr-15 {
    margin-right: var(--size-15);
    margin-right: var(--size-15) !important;
  }
  .pc\:mr-md-15 {
    margin-right: var(--size-md-15);
    margin-right: var(--size-md-15) !important;
  }
  .pc\:mr-16 {
    margin-right: var(--size-16);
    margin-right: var(--size-16) !important;
  }
  .pc\:mr-md-16 {
    margin-right: var(--size-md-16);
    margin-right: var(--size-md-16) !important;
  }
}
.mb-1 {
  margin-bottom: var(--size-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-md-13 {
  margin-bottom: var(--size-md-13);
}

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

.mb-md-14 {
  margin-bottom: var(--size-md-14);
}

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

.mb-md-15 {
  margin-bottom: var(--size-md-15);
}

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

.mb-md-16 {
  margin-bottom: var(--size-md-16);
}

@media (min-width: 769px) {
  .pc\:mb-1 {
    margin-bottom: var(--size-1);
    margin-bottom: var(--size-1) !important;
  }
  .pc\:mb-md-1 {
    margin-bottom: var(--size-md-1);
    margin-bottom: var(--size-md-1) !important;
  }
  .pc\:mb-2 {
    margin-bottom: var(--size-2);
    margin-bottom: var(--size-2) !important;
  }
  .pc\:mb-md-2 {
    margin-bottom: var(--size-md-2);
    margin-bottom: var(--size-md-2) !important;
  }
  .pc\:mb-3 {
    margin-bottom: var(--size-3);
    margin-bottom: var(--size-3) !important;
  }
  .pc\:mb-md-3 {
    margin-bottom: var(--size-md-3);
    margin-bottom: var(--size-md-3) !important;
  }
  .pc\:mb-4 {
    margin-bottom: var(--size-4);
    margin-bottom: var(--size-4) !important;
  }
  .pc\:mb-md-4 {
    margin-bottom: var(--size-md-4);
    margin-bottom: var(--size-md-4) !important;
  }
  .pc\:mb-5 {
    margin-bottom: var(--size-5);
    margin-bottom: var(--size-5) !important;
  }
  .pc\:mb-md-5 {
    margin-bottom: var(--size-md-5);
    margin-bottom: var(--size-md-5) !important;
  }
  .pc\:mb-6 {
    margin-bottom: var(--size-6);
    margin-bottom: var(--size-6) !important;
  }
  .pc\:mb-md-6 {
    margin-bottom: var(--size-md-6);
    margin-bottom: var(--size-md-6) !important;
  }
  .pc\:mb-7 {
    margin-bottom: var(--size-7);
    margin-bottom: var(--size-7) !important;
  }
  .pc\:mb-md-7 {
    margin-bottom: var(--size-md-7);
    margin-bottom: var(--size-md-7) !important;
  }
  .pc\:mb-8 {
    margin-bottom: var(--size-8);
    margin-bottom: var(--size-8) !important;
  }
  .pc\:mb-md-8 {
    margin-bottom: var(--size-md-8);
    margin-bottom: var(--size-md-8) !important;
  }
  .pc\:mb-9 {
    margin-bottom: var(--size-9);
    margin-bottom: var(--size-9) !important;
  }
  .pc\:mb-md-9 {
    margin-bottom: var(--size-md-9);
    margin-bottom: var(--size-md-9) !important;
  }
  .pc\:mb-10 {
    margin-bottom: var(--size-10);
    margin-bottom: var(--size-10) !important;
  }
  .pc\:mb-md-10 {
    margin-bottom: var(--size-md-10);
    margin-bottom: var(--size-md-10) !important;
  }
  .pc\:mb-11 {
    margin-bottom: var(--size-11);
    margin-bottom: var(--size-11) !important;
  }
  .pc\:mb-md-11 {
    margin-bottom: var(--size-md-11);
    margin-bottom: var(--size-md-11) !important;
  }
  .pc\:mb-12 {
    margin-bottom: var(--size-12);
    margin-bottom: var(--size-12) !important;
  }
  .pc\:mb-md-12 {
    margin-bottom: var(--size-md-12);
    margin-bottom: var(--size-md-12) !important;
  }
  .pc\:mb-13 {
    margin-bottom: var(--size-13);
    margin-bottom: var(--size-13) !important;
  }
  .pc\:mb-md-13 {
    margin-bottom: var(--size-md-13);
    margin-bottom: var(--size-md-13) !important;
  }
  .pc\:mb-14 {
    margin-bottom: var(--size-14);
    margin-bottom: var(--size-14) !important;
  }
  .pc\:mb-md-14 {
    margin-bottom: var(--size-md-14);
    margin-bottom: var(--size-md-14) !important;
  }
  .pc\:mb-15 {
    margin-bottom: var(--size-15);
    margin-bottom: var(--size-15) !important;
  }
  .pc\:mb-md-15 {
    margin-bottom: var(--size-md-15);
    margin-bottom: var(--size-md-15) !important;
  }
  .pc\:mb-16 {
    margin-bottom: var(--size-16);
    margin-bottom: var(--size-16) !important;
  }
  .pc\:mb-md-16 {
    margin-bottom: var(--size-md-16);
    margin-bottom: var(--size-md-16) !important;
  }
}
.ml-1 {
  margin-left: var(--size-1);
}

.ml-md-1 {
  margin-left: var(--size-md-1);
}

.ml-2 {
  margin-left: var(--size-2);
}

.ml-md-2 {
  margin-left: var(--size-md-2);
}

.ml-3 {
  margin-left: var(--size-3);
}

.ml-md-3 {
  margin-left: var(--size-md-3);
}

.ml-4 {
  margin-left: var(--size-4);
}

.ml-md-4 {
  margin-left: var(--size-md-4);
}

.ml-5 {
  margin-left: var(--size-5);
}

.ml-md-5 {
  margin-left: var(--size-md-5);
}

.ml-6 {
  margin-left: var(--size-6);
}

.ml-md-6 {
  margin-left: var(--size-md-6);
}

.ml-7 {
  margin-left: var(--size-7);
}

.ml-md-7 {
  margin-left: var(--size-md-7);
}

.ml-8 {
  margin-left: var(--size-8);
}

.ml-md-8 {
  margin-left: var(--size-md-8);
}

.ml-9 {
  margin-left: var(--size-9);
}

.ml-md-9 {
  margin-left: var(--size-md-9);
}

.ml-10 {
  margin-left: var(--size-10);
}

.ml-md-10 {
  margin-left: var(--size-md-10);
}

.ml-11 {
  margin-left: var(--size-11);
}

.ml-md-11 {
  margin-left: var(--size-md-11);
}

.ml-12 {
  margin-left: var(--size-12);
}

.ml-md-12 {
  margin-left: var(--size-md-12);
}

.ml-13 {
  margin-left: var(--size-13);
}

.ml-md-13 {
  margin-left: var(--size-md-13);
}

.ml-14 {
  margin-left: var(--size-14);
}

.ml-md-14 {
  margin-left: var(--size-md-14);
}

.ml-15 {
  margin-left: var(--size-15);
}

.ml-md-15 {
  margin-left: var(--size-md-15);
}

.ml-16 {
  margin-left: var(--size-16);
}

.ml-md-16 {
  margin-left: var(--size-md-16);
}

@media (min-width: 769px) {
  .pc\:ml-1 {
    margin-left: var(--size-1);
    margin-left: var(--size-1) !important;
  }
  .pc\:ml-md-1 {
    margin-left: var(--size-md-1);
    margin-left: var(--size-md-1) !important;
  }
  .pc\:ml-2 {
    margin-left: var(--size-2);
    margin-left: var(--size-2) !important;
  }
  .pc\:ml-md-2 {
    margin-left: var(--size-md-2);
    margin-left: var(--size-md-2) !important;
  }
  .pc\:ml-3 {
    margin-left: var(--size-3);
    margin-left: var(--size-3) !important;
  }
  .pc\:ml-md-3 {
    margin-left: var(--size-md-3);
    margin-left: var(--size-md-3) !important;
  }
  .pc\:ml-4 {
    margin-left: var(--size-4);
    margin-left: var(--size-4) !important;
  }
  .pc\:ml-md-4 {
    margin-left: var(--size-md-4);
    margin-left: var(--size-md-4) !important;
  }
  .pc\:ml-5 {
    margin-left: var(--size-5);
    margin-left: var(--size-5) !important;
  }
  .pc\:ml-md-5 {
    margin-left: var(--size-md-5);
    margin-left: var(--size-md-5) !important;
  }
  .pc\:ml-6 {
    margin-left: var(--size-6);
    margin-left: var(--size-6) !important;
  }
  .pc\:ml-md-6 {
    margin-left: var(--size-md-6);
    margin-left: var(--size-md-6) !important;
  }
  .pc\:ml-7 {
    margin-left: var(--size-7);
    margin-left: var(--size-7) !important;
  }
  .pc\:ml-md-7 {
    margin-left: var(--size-md-7);
    margin-left: var(--size-md-7) !important;
  }
  .pc\:ml-8 {
    margin-left: var(--size-8);
    margin-left: var(--size-8) !important;
  }
  .pc\:ml-md-8 {
    margin-left: var(--size-md-8);
    margin-left: var(--size-md-8) !important;
  }
  .pc\:ml-9 {
    margin-left: var(--size-9);
    margin-left: var(--size-9) !important;
  }
  .pc\:ml-md-9 {
    margin-left: var(--size-md-9);
    margin-left: var(--size-md-9) !important;
  }
  .pc\:ml-10 {
    margin-left: var(--size-10);
    margin-left: var(--size-10) !important;
  }
  .pc\:ml-md-10 {
    margin-left: var(--size-md-10);
    margin-left: var(--size-md-10) !important;
  }
  .pc\:ml-11 {
    margin-left: var(--size-11);
    margin-left: var(--size-11) !important;
  }
  .pc\:ml-md-11 {
    margin-left: var(--size-md-11);
    margin-left: var(--size-md-11) !important;
  }
  .pc\:ml-12 {
    margin-left: var(--size-12);
    margin-left: var(--size-12) !important;
  }
  .pc\:ml-md-12 {
    margin-left: var(--size-md-12);
    margin-left: var(--size-md-12) !important;
  }
  .pc\:ml-13 {
    margin-left: var(--size-13);
    margin-left: var(--size-13) !important;
  }
  .pc\:ml-md-13 {
    margin-left: var(--size-md-13);
    margin-left: var(--size-md-13) !important;
  }
  .pc\:ml-14 {
    margin-left: var(--size-14);
    margin-left: var(--size-14) !important;
  }
  .pc\:ml-md-14 {
    margin-left: var(--size-md-14);
    margin-left: var(--size-md-14) !important;
  }
  .pc\:ml-15 {
    margin-left: var(--size-15);
    margin-left: var(--size-15) !important;
  }
  .pc\:ml-md-15 {
    margin-left: var(--size-md-15);
    margin-left: var(--size-md-15) !important;
  }
  .pc\:ml-16 {
    margin-left: var(--size-16);
    margin-left: var(--size-16) !important;
  }
  .pc\:ml-md-16 {
    margin-left: var(--size-md-16);
    margin-left: var(--size-md-16) !important;
  }
}
.miw-1 {
  min-width: var(--size-1);
}

.miw-md-1 {
  min-width: var(--size-md-1);
}

.miw-2 {
  min-width: var(--size-2);
}

.miw-md-2 {
  min-width: var(--size-md-2);
}

.miw-3 {
  min-width: var(--size-3);
}

.miw-md-3 {
  min-width: var(--size-md-3);
}

.miw-4 {
  min-width: var(--size-4);
}

.miw-md-4 {
  min-width: var(--size-md-4);
}

.miw-5 {
  min-width: var(--size-5);
}

.miw-md-5 {
  min-width: var(--size-md-5);
}

.miw-6 {
  min-width: var(--size-6);
}

.miw-md-6 {
  min-width: var(--size-md-6);
}

.miw-7 {
  min-width: var(--size-7);
}

.miw-md-7 {
  min-width: var(--size-md-7);
}

.miw-8 {
  min-width: var(--size-8);
}

.miw-md-8 {
  min-width: var(--size-md-8);
}

.miw-9 {
  min-width: var(--size-9);
}

.miw-md-9 {
  min-width: var(--size-md-9);
}

.miw-10 {
  min-width: var(--size-10);
}

.miw-md-10 {
  min-width: var(--size-md-10);
}

.miw-11 {
  min-width: var(--size-11);
}

.miw-md-11 {
  min-width: var(--size-md-11);
}

.miw-12 {
  min-width: var(--size-12);
}

.miw-md-12 {
  min-width: var(--size-md-12);
}

.miw-13 {
  min-width: var(--size-13);
}

.miw-md-13 {
  min-width: var(--size-md-13);
}

.miw-14 {
  min-width: var(--size-14);
}

.miw-md-14 {
  min-width: var(--size-md-14);
}

.miw-15 {
  min-width: var(--size-15);
}

.miw-md-15 {
  min-width: var(--size-md-15);
}

.miw-16 {
  min-width: var(--size-16);
}

.miw-md-16 {
  min-width: var(--size-md-16);
}

@media (min-width: 769px) {
  .pc\:miw-1 {
    min-width: var(--size-1);
    min-width: var(--size-1) !important;
  }
  .pc\:miw-md-1 {
    min-width: var(--size-md-1);
    min-width: var(--size-md-1) !important;
  }
  .pc\:miw-2 {
    min-width: var(--size-2);
    min-width: var(--size-2) !important;
  }
  .pc\:miw-md-2 {
    min-width: var(--size-md-2);
    min-width: var(--size-md-2) !important;
  }
  .pc\:miw-3 {
    min-width: var(--size-3);
    min-width: var(--size-3) !important;
  }
  .pc\:miw-md-3 {
    min-width: var(--size-md-3);
    min-width: var(--size-md-3) !important;
  }
  .pc\:miw-4 {
    min-width: var(--size-4);
    min-width: var(--size-4) !important;
  }
  .pc\:miw-md-4 {
    min-width: var(--size-md-4);
    min-width: var(--size-md-4) !important;
  }
  .pc\:miw-5 {
    min-width: var(--size-5);
    min-width: var(--size-5) !important;
  }
  .pc\:miw-md-5 {
    min-width: var(--size-md-5);
    min-width: var(--size-md-5) !important;
  }
  .pc\:miw-6 {
    min-width: var(--size-6);
    min-width: var(--size-6) !important;
  }
  .pc\:miw-md-6 {
    min-width: var(--size-md-6);
    min-width: var(--size-md-6) !important;
  }
  .pc\:miw-7 {
    min-width: var(--size-7);
    min-width: var(--size-7) !important;
  }
  .pc\:miw-md-7 {
    min-width: var(--size-md-7);
    min-width: var(--size-md-7) !important;
  }
  .pc\:miw-8 {
    min-width: var(--size-8);
    min-width: var(--size-8) !important;
  }
  .pc\:miw-md-8 {
    min-width: var(--size-md-8);
    min-width: var(--size-md-8) !important;
  }
  .pc\:miw-9 {
    min-width: var(--size-9);
    min-width: var(--size-9) !important;
  }
  .pc\:miw-md-9 {
    min-width: var(--size-md-9);
    min-width: var(--size-md-9) !important;
  }
  .pc\:miw-10 {
    min-width: var(--size-10);
    min-width: var(--size-10) !important;
  }
  .pc\:miw-md-10 {
    min-width: var(--size-md-10);
    min-width: var(--size-md-10) !important;
  }
  .pc\:miw-11 {
    min-width: var(--size-11);
    min-width: var(--size-11) !important;
  }
  .pc\:miw-md-11 {
    min-width: var(--size-md-11);
    min-width: var(--size-md-11) !important;
  }
  .pc\:miw-12 {
    min-width: var(--size-12);
    min-width: var(--size-12) !important;
  }
  .pc\:miw-md-12 {
    min-width: var(--size-md-12);
    min-width: var(--size-md-12) !important;
  }
  .pc\:miw-13 {
    min-width: var(--size-13);
    min-width: var(--size-13) !important;
  }
  .pc\:miw-md-13 {
    min-width: var(--size-md-13);
    min-width: var(--size-md-13) !important;
  }
  .pc\:miw-14 {
    min-width: var(--size-14);
    min-width: var(--size-14) !important;
  }
  .pc\:miw-md-14 {
    min-width: var(--size-md-14);
    min-width: var(--size-md-14) !important;
  }
  .pc\:miw-15 {
    min-width: var(--size-15);
    min-width: var(--size-15) !important;
  }
  .pc\:miw-md-15 {
    min-width: var(--size-md-15);
    min-width: var(--size-md-15) !important;
  }
  .pc\:miw-16 {
    min-width: var(--size-16);
    min-width: var(--size-16) !important;
  }
  .pc\:miw-md-16 {
    min-width: var(--size-md-16);
    min-width: var(--size-md-16) !important;
  }
}
.pb-1 {
  padding-bottom: var(--size-1);
}

.pb-md-1 {
  padding-bottom: var(--size-md-1);
}

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

.pb-md-2 {
  padding-bottom: var(--size-md-2);
}

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

.pb-md-3 {
  padding-bottom: var(--size-md-3);
}

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

.pb-md-4 {
  padding-bottom: var(--size-md-4);
}

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

.pb-md-5 {
  padding-bottom: var(--size-md-5);
}

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

.pb-md-6 {
  padding-bottom: var(--size-md-6);
}

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

.pb-md-7 {
  padding-bottom: var(--size-md-7);
}

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

.pb-md-8 {
  padding-bottom: var(--size-md-8);
}

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

.pb-md-9 {
  padding-bottom: var(--size-md-9);
}

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

.pb-md-10 {
  padding-bottom: var(--size-md-10);
}

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

.pb-md-11 {
  padding-bottom: var(--size-md-11);
}

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

.pb-md-12 {
  padding-bottom: var(--size-md-12);
}

.pb-13 {
  padding-bottom: var(--size-13);
}

.pb-md-13 {
  padding-bottom: var(--size-md-13);
}

.pb-14 {
  padding-bottom: var(--size-14);
}

.pb-md-14 {
  padding-bottom: var(--size-md-14);
}

.pb-15 {
  padding-bottom: var(--size-15);
}

.pb-md-15 {
  padding-bottom: var(--size-md-15);
}

.pb-16 {
  padding-bottom: var(--size-16);
}

.pb-md-16 {
  padding-bottom: var(--size-md-16);
}

@media (min-width: 769px) {
  .pc\:pb-1 {
    padding-bottom: var(--size-1);
    padding-bottom: var(--size-1) !important;
  }
  .pc\:pb-md-1 {
    padding-bottom: var(--size-md-1);
    padding-bottom: var(--size-md-1) !important;
  }
  .pc\:pb-2 {
    padding-bottom: var(--size-2);
    padding-bottom: var(--size-2) !important;
  }
  .pc\:pb-md-2 {
    padding-bottom: var(--size-md-2);
    padding-bottom: var(--size-md-2) !important;
  }
  .pc\:pb-3 {
    padding-bottom: var(--size-3);
    padding-bottom: var(--size-3) !important;
  }
  .pc\:pb-md-3 {
    padding-bottom: var(--size-md-3);
    padding-bottom: var(--size-md-3) !important;
  }
  .pc\:pb-4 {
    padding-bottom: var(--size-4);
    padding-bottom: var(--size-4) !important;
  }
  .pc\:pb-md-4 {
    padding-bottom: var(--size-md-4);
    padding-bottom: var(--size-md-4) !important;
  }
  .pc\:pb-5 {
    padding-bottom: var(--size-5);
    padding-bottom: var(--size-5) !important;
  }
  .pc\:pb-md-5 {
    padding-bottom: var(--size-md-5);
    padding-bottom: var(--size-md-5) !important;
  }
  .pc\:pb-6 {
    padding-bottom: var(--size-6);
    padding-bottom: var(--size-6) !important;
  }
  .pc\:pb-md-6 {
    padding-bottom: var(--size-md-6);
    padding-bottom: var(--size-md-6) !important;
  }
  .pc\:pb-7 {
    padding-bottom: var(--size-7);
    padding-bottom: var(--size-7) !important;
  }
  .pc\:pb-md-7 {
    padding-bottom: var(--size-md-7);
    padding-bottom: var(--size-md-7) !important;
  }
  .pc\:pb-8 {
    padding-bottom: var(--size-8);
    padding-bottom: var(--size-8) !important;
  }
  .pc\:pb-md-8 {
    padding-bottom: var(--size-md-8);
    padding-bottom: var(--size-md-8) !important;
  }
  .pc\:pb-9 {
    padding-bottom: var(--size-9);
    padding-bottom: var(--size-9) !important;
  }
  .pc\:pb-md-9 {
    padding-bottom: var(--size-md-9);
    padding-bottom: var(--size-md-9) !important;
  }
  .pc\:pb-10 {
    padding-bottom: var(--size-10);
    padding-bottom: var(--size-10) !important;
  }
  .pc\:pb-md-10 {
    padding-bottom: var(--size-md-10);
    padding-bottom: var(--size-md-10) !important;
  }
  .pc\:pb-11 {
    padding-bottom: var(--size-11);
    padding-bottom: var(--size-11) !important;
  }
  .pc\:pb-md-11 {
    padding-bottom: var(--size-md-11);
    padding-bottom: var(--size-md-11) !important;
  }
  .pc\:pb-12 {
    padding-bottom: var(--size-12);
    padding-bottom: var(--size-12) !important;
  }
  .pc\:pb-md-12 {
    padding-bottom: var(--size-md-12);
    padding-bottom: var(--size-md-12) !important;
  }
  .pc\:pb-13 {
    padding-bottom: var(--size-13);
    padding-bottom: var(--size-13) !important;
  }
  .pc\:pb-md-13 {
    padding-bottom: var(--size-md-13);
    padding-bottom: var(--size-md-13) !important;
  }
  .pc\:pb-14 {
    padding-bottom: var(--size-14);
    padding-bottom: var(--size-14) !important;
  }
  .pc\:pb-md-14 {
    padding-bottom: var(--size-md-14);
    padding-bottom: var(--size-md-14) !important;
  }
  .pc\:pb-15 {
    padding-bottom: var(--size-15);
    padding-bottom: var(--size-15) !important;
  }
  .pc\:pb-md-15 {
    padding-bottom: var(--size-md-15);
    padding-bottom: var(--size-md-15) !important;
  }
  .pc\:pb-16 {
    padding-bottom: var(--size-16);
    padding-bottom: var(--size-16) !important;
  }
  .pc\:pb-md-16 {
    padding-bottom: var(--size-md-16);
    padding-bottom: var(--size-md-16) !important;
  }
}
.pl-1 {
  padding-left: var(--size-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:pl-1 {
    padding-left: var(--size-1);
    padding-left: var(--size-1) !important;
  }
  .pc\:pl-md-1 {
    padding-left: var(--size-md-1);
    padding-left: var(--size-md-1) !important;
  }
  .pc\:pl-2 {
    padding-left: var(--size-2);
    padding-left: var(--size-2) !important;
  }
  .pc\:pl-md-2 {
    padding-left: var(--size-md-2);
    padding-left: var(--size-md-2) !important;
  }
  .pc\:pl-3 {
    padding-left: var(--size-3);
    padding-left: var(--size-3) !important;
  }
  .pc\:pl-md-3 {
    padding-left: var(--size-md-3);
    padding-left: var(--size-md-3) !important;
  }
  .pc\:pl-4 {
    padding-left: var(--size-4);
    padding-left: var(--size-4) !important;
  }
  .pc\:pl-md-4 {
    padding-left: var(--size-md-4);
    padding-left: var(--size-md-4) !important;
  }
  .pc\:pl-5 {
    padding-left: var(--size-5);
    padding-left: var(--size-5) !important;
  }
  .pc\:pl-md-5 {
    padding-left: var(--size-md-5);
    padding-left: var(--size-md-5) !important;
  }
  .pc\:pl-6 {
    padding-left: var(--size-6);
    padding-left: var(--size-6) !important;
  }
  .pc\:pl-md-6 {
    padding-left: var(--size-md-6);
    padding-left: var(--size-md-6) !important;
  }
  .pc\:pl-7 {
    padding-left: var(--size-7);
    padding-left: var(--size-7) !important;
  }
  .pc\:pl-md-7 {
    padding-left: var(--size-md-7);
    padding-left: var(--size-md-7) !important;
  }
  .pc\:pl-8 {
    padding-left: var(--size-8);
    padding-left: var(--size-8) !important;
  }
  .pc\:pl-md-8 {
    padding-left: var(--size-md-8);
    padding-left: var(--size-md-8) !important;
  }
  .pc\:pl-9 {
    padding-left: var(--size-9);
    padding-left: var(--size-9) !important;
  }
  .pc\:pl-md-9 {
    padding-left: var(--size-md-9);
    padding-left: var(--size-md-9) !important;
  }
  .pc\:pl-10 {
    padding-left: var(--size-10);
    padding-left: var(--size-10) !important;
  }
  .pc\:pl-md-10 {
    padding-left: var(--size-md-10);
    padding-left: var(--size-md-10) !important;
  }
  .pc\:pl-11 {
    padding-left: var(--size-11);
    padding-left: var(--size-11) !important;
  }
  .pc\:pl-md-11 {
    padding-left: var(--size-md-11);
    padding-left: var(--size-md-11) !important;
  }
  .pc\:pl-12 {
    padding-left: var(--size-12);
    padding-left: var(--size-12) !important;
  }
  .pc\:pl-md-12 {
    padding-left: var(--size-md-12);
    padding-left: var(--size-md-12) !important;
  }
  .pc\:pl-13 {
    padding-left: var(--size-13);
    padding-left: var(--size-13) !important;
  }
  .pc\:pl-md-13 {
    padding-left: var(--size-md-13);
    padding-left: var(--size-md-13) !important;
  }
  .pc\:pl-14 {
    padding-left: var(--size-14);
    padding-left: var(--size-14) !important;
  }
  .pc\:pl-md-14 {
    padding-left: var(--size-md-14);
    padding-left: var(--size-md-14) !important;
  }
  .pc\:pl-15 {
    padding-left: var(--size-15);
    padding-left: var(--size-15) !important;
  }
  .pc\:pl-md-15 {
    padding-left: var(--size-md-15);
    padding-left: var(--size-md-15) !important;
  }
  .pc\:pl-16 {
    padding-left: var(--size-16);
    padding-left: var(--size-16) !important;
  }
  .pc\:pl-md-16 {
    padding-left: var(--size-md-16);
    padding-left: var(--size-md-16) !important;
  }
}
.pr-1 {
  padding-right: var(--size-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:pr-1 {
    padding-right: var(--size-1);
    padding-right: var(--size-1) !important;
  }
  .pc\:pr-md-1 {
    padding-right: var(--size-md-1);
    padding-right: var(--size-md-1) !important;
  }
  .pc\:pr-2 {
    padding-right: var(--size-2);
    padding-right: var(--size-2) !important;
  }
  .pc\:pr-md-2 {
    padding-right: var(--size-md-2);
    padding-right: var(--size-md-2) !important;
  }
  .pc\:pr-3 {
    padding-right: var(--size-3);
    padding-right: var(--size-3) !important;
  }
  .pc\:pr-md-3 {
    padding-right: var(--size-md-3);
    padding-right: var(--size-md-3) !important;
  }
  .pc\:pr-4 {
    padding-right: var(--size-4);
    padding-right: var(--size-4) !important;
  }
  .pc\:pr-md-4 {
    padding-right: var(--size-md-4);
    padding-right: var(--size-md-4) !important;
  }
  .pc\:pr-5 {
    padding-right: var(--size-5);
    padding-right: var(--size-5) !important;
  }
  .pc\:pr-md-5 {
    padding-right: var(--size-md-5);
    padding-right: var(--size-md-5) !important;
  }
  .pc\:pr-6 {
    padding-right: var(--size-6);
    padding-right: var(--size-6) !important;
  }
  .pc\:pr-md-6 {
    padding-right: var(--size-md-6);
    padding-right: var(--size-md-6) !important;
  }
  .pc\:pr-7 {
    padding-right: var(--size-7);
    padding-right: var(--size-7) !important;
  }
  .pc\:pr-md-7 {
    padding-right: var(--size-md-7);
    padding-right: var(--size-md-7) !important;
  }
  .pc\:pr-8 {
    padding-right: var(--size-8);
    padding-right: var(--size-8) !important;
  }
  .pc\:pr-md-8 {
    padding-right: var(--size-md-8);
    padding-right: var(--size-md-8) !important;
  }
  .pc\:pr-9 {
    padding-right: var(--size-9);
    padding-right: var(--size-9) !important;
  }
  .pc\:pr-md-9 {
    padding-right: var(--size-md-9);
    padding-right: var(--size-md-9) !important;
  }
  .pc\:pr-10 {
    padding-right: var(--size-10);
    padding-right: var(--size-10) !important;
  }
  .pc\:pr-md-10 {
    padding-right: var(--size-md-10);
    padding-right: var(--size-md-10) !important;
  }
  .pc\:pr-11 {
    padding-right: var(--size-11);
    padding-right: var(--size-11) !important;
  }
  .pc\:pr-md-11 {
    padding-right: var(--size-md-11);
    padding-right: var(--size-md-11) !important;
  }
  .pc\:pr-12 {
    padding-right: var(--size-12);
    padding-right: var(--size-12) !important;
  }
  .pc\:pr-md-12 {
    padding-right: var(--size-md-12);
    padding-right: var(--size-md-12) !important;
  }
  .pc\:pr-13 {
    padding-right: var(--size-13);
    padding-right: var(--size-13) !important;
  }
  .pc\:pr-md-13 {
    padding-right: var(--size-md-13);
    padding-right: var(--size-md-13) !important;
  }
  .pc\:pr-14 {
    padding-right: var(--size-14);
    padding-right: var(--size-14) !important;
  }
  .pc\:pr-md-14 {
    padding-right: var(--size-md-14);
    padding-right: var(--size-md-14) !important;
  }
  .pc\:pr-15 {
    padding-right: var(--size-15);
    padding-right: var(--size-15) !important;
  }
  .pc\:pr-md-15 {
    padding-right: var(--size-md-15);
    padding-right: var(--size-md-15) !important;
  }
  .pc\:pr-16 {
    padding-right: var(--size-16);
    padding-right: var(--size-16) !important;
  }
  .pc\:pr-md-16 {
    padding-right: var(--size-md-16);
    padding-right: var(--size-md-16) !important;
  }
}
.pt-1 {
  padding-top: var(--size-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:pt-1 {
    padding-top: var(--size-1);
    padding-top: var(--size-1) !important;
  }
  .pc\:pt-md-1 {
    padding-top: var(--size-md-1);
    padding-top: var(--size-md-1) !important;
  }
  .pc\:pt-2 {
    padding-top: var(--size-2);
    padding-top: var(--size-2) !important;
  }
  .pc\:pt-md-2 {
    padding-top: var(--size-md-2);
    padding-top: var(--size-md-2) !important;
  }
  .pc\:pt-3 {
    padding-top: var(--size-3);
    padding-top: var(--size-3) !important;
  }
  .pc\:pt-md-3 {
    padding-top: var(--size-md-3);
    padding-top: var(--size-md-3) !important;
  }
  .pc\:pt-4 {
    padding-top: var(--size-4);
    padding-top: var(--size-4) !important;
  }
  .pc\:pt-md-4 {
    padding-top: var(--size-md-4);
    padding-top: var(--size-md-4) !important;
  }
  .pc\:pt-5 {
    padding-top: var(--size-5);
    padding-top: var(--size-5) !important;
  }
  .pc\:pt-md-5 {
    padding-top: var(--size-md-5);
    padding-top: var(--size-md-5) !important;
  }
  .pc\:pt-6 {
    padding-top: var(--size-6);
    padding-top: var(--size-6) !important;
  }
  .pc\:pt-md-6 {
    padding-top: var(--size-md-6);
    padding-top: var(--size-md-6) !important;
  }
  .pc\:pt-7 {
    padding-top: var(--size-7);
    padding-top: var(--size-7) !important;
  }
  .pc\:pt-md-7 {
    padding-top: var(--size-md-7);
    padding-top: var(--size-md-7) !important;
  }
  .pc\:pt-8 {
    padding-top: var(--size-8);
    padding-top: var(--size-8) !important;
  }
  .pc\:pt-md-8 {
    padding-top: var(--size-md-8);
    padding-top: var(--size-md-8) !important;
  }
  .pc\:pt-9 {
    padding-top: var(--size-9);
    padding-top: var(--size-9) !important;
  }
  .pc\:pt-md-9 {
    padding-top: var(--size-md-9);
    padding-top: var(--size-md-9) !important;
  }
  .pc\:pt-10 {
    padding-top: var(--size-10);
    padding-top: var(--size-10) !important;
  }
  .pc\:pt-md-10 {
    padding-top: var(--size-md-10);
    padding-top: var(--size-md-10) !important;
  }
  .pc\:pt-11 {
    padding-top: var(--size-11);
    padding-top: var(--size-11) !important;
  }
  .pc\:pt-md-11 {
    padding-top: var(--size-md-11);
    padding-top: var(--size-md-11) !important;
  }
  .pc\:pt-12 {
    padding-top: var(--size-12);
    padding-top: var(--size-12) !important;
  }
  .pc\:pt-md-12 {
    padding-top: var(--size-md-12);
    padding-top: var(--size-md-12) !important;
  }
  .pc\:pt-13 {
    padding-top: var(--size-13);
    padding-top: var(--size-13) !important;
  }
  .pc\:pt-md-13 {
    padding-top: var(--size-md-13);
    padding-top: var(--size-md-13) !important;
  }
  .pc\:pt-14 {
    padding-top: var(--size-14);
    padding-top: var(--size-14) !important;
  }
  .pc\:pt-md-14 {
    padding-top: var(--size-md-14);
    padding-top: var(--size-md-14) !important;
  }
  .pc\:pt-15 {
    padding-top: var(--size-15);
    padding-top: var(--size-15) !important;
  }
  .pc\:pt-md-15 {
    padding-top: var(--size-md-15);
    padding-top: var(--size-md-15) !important;
  }
  .pc\:pt-16 {
    padding-top: var(--size-16);
    padding-top: var(--size-16) !important;
  }
  .pc\:pt-md-16 {
    padding-top: var(--size-md-16);
    padding-top: var(--size-md-16) !important;
  }
}
.w-1 {
  width: var(--size-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:w-1 {
    width: var(--size-1);
    width: var(--size-1) !important;
  }
  .pc\:w-md-1 {
    width: var(--size-md-1);
    width: var(--size-md-1) !important;
  }
  .pc\:w-2 {
    width: var(--size-2);
    width: var(--size-2) !important;
  }
  .pc\:w-md-2 {
    width: var(--size-md-2);
    width: var(--size-md-2) !important;
  }
  .pc\:w-3 {
    width: var(--size-3);
    width: var(--size-3) !important;
  }
  .pc\:w-md-3 {
    width: var(--size-md-3);
    width: var(--size-md-3) !important;
  }
  .pc\:w-4 {
    width: var(--size-4);
    width: var(--size-4) !important;
  }
  .pc\:w-md-4 {
    width: var(--size-md-4);
    width: var(--size-md-4) !important;
  }
  .pc\:w-5 {
    width: var(--size-5);
    width: var(--size-5) !important;
  }
  .pc\:w-md-5 {
    width: var(--size-md-5);
    width: var(--size-md-5) !important;
  }
  .pc\:w-6 {
    width: var(--size-6);
    width: var(--size-6) !important;
  }
  .pc\:w-md-6 {
    width: var(--size-md-6);
    width: var(--size-md-6) !important;
  }
  .pc\:w-7 {
    width: var(--size-7);
    width: var(--size-7) !important;
  }
  .pc\:w-md-7 {
    width: var(--size-md-7);
    width: var(--size-md-7) !important;
  }
  .pc\:w-8 {
    width: var(--size-8);
    width: var(--size-8) !important;
  }
  .pc\:w-md-8 {
    width: var(--size-md-8);
    width: var(--size-md-8) !important;
  }
  .pc\:w-9 {
    width: var(--size-9);
    width: var(--size-9) !important;
  }
  .pc\:w-md-9 {
    width: var(--size-md-9);
    width: var(--size-md-9) !important;
  }
  .pc\:w-10 {
    width: var(--size-10);
    width: var(--size-10) !important;
  }
  .pc\:w-md-10 {
    width: var(--size-md-10);
    width: var(--size-md-10) !important;
  }
  .pc\:w-11 {
    width: var(--size-11);
    width: var(--size-11) !important;
  }
  .pc\:w-md-11 {
    width: var(--size-md-11);
    width: var(--size-md-11) !important;
  }
  .pc\:w-12 {
    width: var(--size-12);
    width: var(--size-12) !important;
  }
  .pc\:w-md-12 {
    width: var(--size-md-12);
    width: var(--size-md-12) !important;
  }
  .pc\:w-13 {
    width: var(--size-13);
    width: var(--size-13) !important;
  }
  .pc\:w-md-13 {
    width: var(--size-md-13);
    width: var(--size-md-13) !important;
  }
  .pc\:w-14 {
    width: var(--size-14);
    width: var(--size-14) !important;
  }
  .pc\:w-md-14 {
    width: var(--size-md-14);
    width: var(--size-md-14) !important;
  }
  .pc\:w-15 {
    width: var(--size-15);
    width: var(--size-15) !important;
  }
  .pc\:w-md-15 {
    width: var(--size-md-15);
    width: var(--size-md-15) !important;
  }
  .pc\:w-16 {
    width: var(--size-16);
    width: var(--size-16) !important;
  }
  .pc\:w-md-16 {
    width: var(--size-md-16);
    width: var(--size-md-16) !important;
  }
}
.font-main {
  font-family: var(--theme-font-family);
}

.ring.primary {
  box-shadow: 0 0 0 2px var(--color-primary2);
}

.text {
  font-size: var(--size-6);
  line-height: var(--size-7);
}

.lead {
  color: var(--color-gray-secondary-30);
  font-size: var(--size-6);
  line-height: var(--size-7);
}
@media only screen and (min-width: 768px) {
  .lead {
    font-size: var(--size-7);
    line-height: var(--size-8);
  }
}
.lead {
  letter-spacing: 0.25px;
}

.frame-flat {
  border-color: var(--color-gray-secondary-5);
}

.frame-flat.primary {
  border-color: var(--color-primary);
}

.frame-flat.secondary {
  border-color: var(--color-secondary);
}

.frame-flat.ternary {
  border-color: var(--color-ternary);
}

.frame-flat.quadary {
  border-color: var(--color-quadary);
}

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

.badge {
  height: var(--size-7);
  padding-bottom: var(--size-2);
}

.badge:not(.outline) {
  background-color: var(--color-gray-secondary-48);
}

.badge:not(.outline).primary {
  background-color: var(--color-primary2);
  color: var(--color-primary5);
  border-color: var(--color-primary);
}

.badge:not(.outline).secondary {
  background-color: var(--color-secondary2);
  color: var(--color-secondary5);
  border-color: var(--color-secondary);
}

.badge:not(.outline).ternary {
  background-color: var(--color-ternary);
}

.badge:not(.outline).quadary {
  background-color: var(--color-quadary);
}

.badge.outline:not(.primary):not(.secondary):not(.ternary):not(.quadary) {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.badge.outline.primary {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.badge.outline.secondary {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}

.badge.outline.ternary {
  border-color: var(--color-ternary);
  color: var(--color-ternary);
}

.badge.outline.quadary {
  border-color: var(--color-quadary);
  color: var(--color-quadary);
}

.body {
  font-family: var(--theme-font-family);
  font-weight: 300;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  font-variation-settings: normal;
}

.brand span {
  font-size: var(--size-8);
}

.hero .button {
  height: var(--size-md-1);
}

.button {
  font-size: var(--size-6);
  line-height: var(--size-7);
  height: var(--size-8);
  min-width: var(--size-md-3);
  background-color: transparent;
}

.button:not(.secondary):not(.outline) {
  background-color: var(--color-primary);
}

.button.primary:not(.outline) {
  color: var(--color-black);
}

.button.secondary:not(.outline) {
  background-color: var(--color-secondary);
}

.button.secondary:not(.outline),
a.button.secondary:not(.outline) {
  color: var(--color-white);
}

.button.outline:not(.secondary) {
  border-color: var(--color-primary);
  color: var(--color-white);
}

.button.outline.primary {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.button.outline.secondary {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}

.button.ternary:not(.outline) {
  background-color: var(--color-ternary);
}

.button.quadary:not(.outline) {
  background-color: var(--color-quadary);
}

.button.outline.ternary {
  border-color: var(--color-ternary);
}

.button.outline.quadary {
  border-color: var(--color-quadary);
}

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

.field input {
  height: var(--size-md-1);
}

.w-md-2.grid-2 .grid-cell {
  width: var(--size-md-1);
}

.w-md-3.grid-2 .grid-cell {
  width: var(--size-md-2);
}

.w-md-4.grid-2 .grid-cell {
  width: var(--size-md-3);
}

.w-md-5.grid-2 .grid-cell {
  width: var(--size-md-4);
}

.w-md-6.grid-2 .grid-cell {
  width: var(--size-md-5);
}

.w-md-7.grid-2 .grid-cell {
  width: var(--size-md-6);
}

.w-md-8.grid-2 .grid-cell {
  width: var(--size-md-7);
}

.w-md-9.grid-2 .grid-cell {
  width: var(--size-md-8);
}

.w-md-10.grid-2 .grid-cell {
  width: var(--size-md-9);
}

.w-md-11.grid-2 .grid-cell {
  width: var(--size-md-10);
}

.w-md-12.grid-2 .grid-cell {
  width: var(--size-md-11);
}

.w-md-3.grid-3 .grid-cell {
  width: var(--size-md-1);
}

.w-md-4.grid-3 .grid-cell {
  width: var(--size-md-2);
}

.w-md-5.grid-3 .grid-cell {
  width: var(--size-md-3);
}

.w-md-6.grid-3 .grid-cell {
  width: var(--size-md-4);
}

.w-md-7.grid-3 .grid-cell {
  width: var(--size-md-5);
}

.w-md-8.grid-3 .grid-cell {
  width: var(--size-md-6);
}

.w-md-9.grid-3 .grid-cell {
  width: var(--size-md-7);
}

.w-md-10.grid-3 .grid-cell {
  width: var(--size-md-8);
}

.w-md-11.grid-3 .grid-cell {
  width: var(--size-md-9);
}

.w-md-12.grid-3 .grid-cell {
  width: var(--size-md-10);
}

@media (min-width: 769px) {
  .pc\:w-md-3.pc\:grid-2 .grid-cell {
    width: var(--size-md-1);
  }
  .pc\:w-md-4.pc\:grid-2 .grid-cell {
    width: var(--size-md-2);
  }
  .pc\:w-md-5.pc\:grid-2 .grid-cell {
    width: var(--size-md-3);
  }
  .pc\:w-md-6.pc\:grid-2 .grid-cell {
    width: var(--size-md-4);
  }
  .pc\:w-md-7.pc\:grid-2 .grid-cell {
    width: var(--size-md-5);
  }
  .pc\:w-md-8.pc\:grid-2 .grid-cell {
    width: var(--size-md-6);
  }
  .pc\:w-md-9.pc\:grid-2 .grid-cell {
    width: var(--size-md-7);
  }
  .pc\:w-md-10.pc\:grid-2 .grid-cell {
    width: var(--size-md-8);
  }
  .pc\:w-md-11.pc\:grid-2 .grid-cell {
    width: var(--size-md-9);
  }
  .pc\:w-md-12.pc\:grid-2 .grid-cell {
    width: var(--size-md-10);
  }
  .pc\:w-md-4.pc\:grid-3 .grid-cell {
    width: var(--size-md-1);
  }
  .pc\:w-md-5.pc\:grid-3 .grid-cell {
    width: var(--size-md-2);
  }
  .pc\:w-md-6.pc\:grid-3 .grid-cell {
    width: var(--size-md-3);
  }
  .pc\:w-md-7.pc\:grid-3 .grid-cell {
    width: var(--size-md-4);
  }
  .pc\:w-md-8.pc\:grid-3 .grid-cell {
    width: var(--size-md-5);
  }
  .pc\:w-md-9.pc\:grid-3 .grid-cell {
    width: var(--size-md-6);
  }
  .pc\:w-md-10.pc\:grid-3 .grid-cell {
    width: var(--size-md-7);
  }
  .pc\:w-md-11.pc\:grid-3 .grid-cell {
    width: var(--size-md-8);
  }
  .pc\:w-md-12.pc\:grid-3 .grid-cell {
    width: var(--size-md-9);
  }
  .pc\:w-md-5.pc\:grid-4 .grid-cell {
    width: var(--size-md-1);
  }
  .pc\:w-md-6.pc\:grid-4 .grid-cell {
    width: var(--size-md-2);
  }
  .pc\:w-md-7.pc\:grid-4 .grid-cell {
    width: var(--size-md-3);
  }
  .pc\:w-md-8.pc\:grid-4 .grid-cell {
    width: var(--size-md-4);
  }
  .pc\:w-md-9.pc\:grid-4 .grid-cell {
    width: var(--size-md-5);
  }
  .pc\:w-md-10.pc\:grid-4 .grid-cell {
    width: var(--size-md-6);
  }
  .pc\:w-md-11.pc\:grid-4 .grid-cell {
    width: var(--size-md-7);
  }
  .pc\:w-md-12.pc\:grid-4 .grid-cell {
    width: var(--size-md-8);
  }
}
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .hr {
  color: light-dark(var(--color-black), var(--color-white));
}

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

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

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

body:has(#theme-light:checked) .hr::before, .hr::after {
  background-color: var(--color-white);
}

body:has(#theme-dark:checked) .hr::before, .hr::after {
  background-color: var(--color-black);
}

.icon i {
  width: var(--size-7);
}

.link.primary {
  color: var(--color-primary);
}

.link.primary:hover {
  color: var(--color-primary4);
}

.link.secondary {
  color: var(--color-secondary);
}

.link.secondary:hover {
  color: var(--color-secondary2);
}

.menu-link {
  font-size: var(--size-6);
}

.navbar .icon {
  height: var(--size-8);
  width: var(--size-8);
}

.progress-bar {
  height: var(--size-4);
}

.progress-bar.primary .progress-bar-value {
  background-color: var(--color-primary);
}

.progress-bar.secondary .progress-bar-value {
  background-color: var(--color-secondary);
}

.progress-bar.ternary .progress-bar-value {
  background-color: var(--color-ternary);
}

.progress-bar.quadary .progress-bar-value {
  background-color: var(--color-quadary);
}

.d-b {
  display: block;
}

.d-f {
  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 {
  display: none;
}

@media (min-width: 769px) {
  .pc\:d-b {
    display: block;
  }
  .pc\:d-f {
    display: flex;
  }
  .pc\:d-fr {
    display: flow-root;
  }
  .pc\:d-g {
    display: grid;
  }
  .pc\:d-i {
    display: inline;
  }
  .pc\:d-ib {
    display: inline-block;
  }
  .pc\:d-if {
    display: inline-flex;
  }
  .pc\:d-ig {
    display: inline-grid;
  }
  .pc\:d-li {
    display: list-item;
  }
  .pc\:d-n {
    display: none;
  }
}
.title {
  font-size: var(--size-md-1);
  line-height: var(--size-9);
}

h2.title {
  font-size: var(--size-8);
  line-height: var(--size-8);
  color: var(--color-primary);
}

h3.title {
  font-size: var(--size-7);
  line-height: var(--size-7);
}
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h3.title {
  color: light-dark(var(--color-black), var(--color-white));
}

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

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

.card-header,
.card-footer {
  height: var(--size-md-1);
}

.card:not(.vertical) {
  width: var(--size-md-5);
  height: var(--size-md-4);
}

.card.vertical {
  width: var(--size-md-3);
  height: var(--size-md-4);
}

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

.card .card-body {
  height: var(--size-md-3);
}

.marquee-item {
  width: var(--size-md-2);
  height: var(--size-md-2);
}

.marquee-icon {
  width: var(--size-md-1);
  height: var(--size-md-1);
}

.sidebar {
  width: var(--size-md-4);
  transition: width 0.3s ease;
}

.sidebar:has(.toggle:checked) {
  width: var(--size-md-1);
}

.side-layout .side-bar {
  width: var(--size-md-3);
}

.side-layout .side-bar .sidebar-entry {
  height: var(--size-md-1);
}

.border {
  border-width: 1px;
  border-style: solid;
}

.frame:not(.pill).frame-n {
  border-radius: none;
}

.frame:not(.pill).frame-xs {
  border-radius: var(--size-xs);
}

.frame:not(.pill).frame-sm {
  border-radius: var(--size-7);
}

.frame {
  border-radius: none;
}

.frame-right {
  border-top-right-radius: var(--size-sm);
  border-bottom-right-radius: var(--size-sm);
}

.frame-left {
  border-top-left-radius: var(--size-sm);
  border-bottom-left-radius: var(--size-sm);
}

.label {
  display: flex;
  align-items: center;
  gap: var(--size-xs);
}

.label .icon {
  align-items: center;
  justify-content: center;
}

.pack {
  position: relative;
}

.layer {
  position: absolute;
}

/* Orientation */
.horizontal {
  display: flex;
  flex-flow: row;
}

.vertical {
  display: flex;
  flex-flow: column;
}

@media (min-width: 769px) {
  .pc\:horizontal {
    display: flex;
    flex-flow: row;
  }
  .pc\:vertical {
    display: flex;
    flex-flow: column;
  }
}
/* Radio input */
label > input[type=radio]:checked + div {
  border: 1px solid black;
}

/* Shapes */
.square {
  aspect-ratio: 1;
}

.horizontal-rectangle {
  aspect-ratio: 1.6180339887;
}

.vertical-rectangle {
  aspect-ratio: 0.6180339887;
}

.circle {
  border-radius: 50%;
}

.pill {
  border-radius: 9999px;
}

.reveal {
  opacity: 0%;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
}

.reveal.visible {
  opacity: 100%;
  transform: translateY(0);
}

.trigger {
  cursor: pointer;
}

.toggle {
  display: none;
}

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

.zoom:hover {
  transform: scale(1.1);
}

/* Design system */
:root {
  --size-border: var(--size-1);
  --size-ring: var(--size-2);
  --size-shadow-offset: var(--size-3);
  --size-shadow-blur: var(--size-4);
  --size-border-radius: var(--size-5);
  --size-xs: var(--size-5);
  --size-spacing-int: var(--size-6);
  --size-sm: var(--size-6);
  --size-spacing-out: var(--size-7);
  --size-button: var(--size-8);
  --size-row: var(--size-9);
  --size-md: var(--size-9);
  --size-md-1: calc(var(--size-md) * 1);
  --size-md-2: calc(var(--size-md) * 2);
  --size-md-3: calc(var(--size-md) * 3);
  --size-md-4: calc(var(--size-md) * 5);
  --size-md-5: calc(var(--size-md) * 8);
  --size-md-6: calc(var(--size-md) * 13);
  --size-md-7: calc(var(--size-md) * 21);
  --size-md-8: calc(var(--size-md) * 34);
  --size-md-9: calc(var(--size-md) * 55);
  --size-md-10: calc(var(--size-md) * 89);
  --size-md-11: calc(var(--size-md) * 144);
  --size-md-12: calc(var(--size-md) * 233);
  --size-md-13: calc(var(--size-md) * 377);
  --size-md-14: calc(var(--size-md) * 610);
  --size-md-15: calc(var(--size-md) * 987);
  --size-md-16: calc(var(--size-md) * 1597);
  --size-md-hero: var(--size-md-6);
  --size-md-container: var(--size-md-7);
  --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);
}

.avatar-shadow {
  box-shadow: inset 0 0 40px 30px var(--color-black);
}

/*# sourceMappingURL=theme_design.css.map */