@charset "UTF-8";
/* Particles */
.ai-c, .logo, .label {
  align-items: center;
}

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

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

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

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

.ai-sb {
  align-items: space-between;
}

@media (min-width: 769px) {
  .pc\:ai-c {
    align-items: center;
  }
  .pc\:ai-e {
    align-items: end;
  }
  .pc\:ai-fs {
    align-items: flex-start;
  }
  .pc\:ai-s {
    align-items: start;
  }
  .pc\:ai-st {
    align-items: stretch;
  }
  .pc\:ai-sb {
    align-items: space-between;
  }
}
.ar-h-g, .horizontal-rectangle {
  aspect-ratio: 1.6180339887;
}

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

.ar-1, .square {
  aspect-ratio: 1;
}

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

.bf-bl-1, .back-glass, .frame-glass, .frame-auto, .navbar {
  backdrop-filter: blur(1px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bac-1-1,
.h\:bac-1-1:hover {
  background-color: var(--color-1-1) !important;
}

.bac-1-2,
.h\:bac-1-2:hover {
  background-color: var(--color-1-2) !important;
}

.bac-1-3,
.h\:bac-1-3:hover {
  background-color: var(--color-1-3) !important;
}

.bac-1-4,
.h\:bac-1-4:hover {
  background-color: var(--color-1-4) !important;
}

.bac-1-5,
.h\:bac-1-5:hover {
  background-color: var(--color-1-5) !important;
}

.bac-1-6,
.h\:bac-1-6:hover {
  background-color: var(--color-1-6) !important;
}

.bac-1-7,
.h\:bac-1-7:hover {
  background-color: var(--color-1-7) !important;
}

.bac-1-8,
.h\:bac-1-8:hover {
  background-color: var(--color-1-8) !important;
}

.bac-1-9,
.h\:bac-1-9:hover {
  background-color: var(--color-1-9) !important;
}

.bac-1-10,
.h\:bac-1-10:hover {
  background-color: var(--color-1-10) !important;
}

.bac-1-11,
.h\:bac-1-11:hover {
  background-color: var(--color-1-11) !important;
}

.bac-1-12,
.h\:bac-1-12:hover {
  background-color: var(--color-1-12) !important;
}

.bac-2-1,
.h\:bac-2-1:hover {
  background-color: var(--color-2-1) !important;
}

.bac-2-2,
.h\:bac-2-2:hover {
  background-color: var(--color-2-2) !important;
}

.bac-2-3,
.h\:bac-2-3:hover {
  background-color: var(--color-2-3) !important;
}

.bac-2-4,
.h\:bac-2-4:hover {
  background-color: var(--color-2-4) !important;
}

.bac-2-5,
.h\:bac-2-5:hover {
  background-color: var(--color-2-5) !important;
}

.bac-2-6,
.h\:bac-2-6:hover {
  background-color: var(--color-2-6) !important;
}

.bac-2-7,
.h\:bac-2-7:hover {
  background-color: var(--color-2-7) !important;
}

.bac-2-8,
.h\:bac-2-8:hover {
  background-color: var(--color-2-8) !important;
}

.bac-2-9,
.h\:bac-2-9:hover {
  background-color: var(--color-2-9) !important;
}

.bac-2-10,
.h\:bac-2-10:hover {
  background-color: var(--color-2-10) !important;
}

.bac-2-11,
.h\:bac-2-11:hover {
  background-color: var(--color-2-11) !important;
}

.bac-2-12,
.h\:bac-2-12:hover {
  background-color: var(--color-2-12) !important;
}

.bac-3-1,
.h\:bac-3-1:hover {
  background-color: var(--color-3-1) !important;
}

.bac-3-2,
.h\:bac-3-2:hover {
  background-color: var(--color-3-2) !important;
}

.bac-3-3,
.h\:bac-3-3:hover {
  background-color: var(--color-3-3) !important;
}

.bac-3-4,
.h\:bac-3-4:hover {
  background-color: var(--color-3-4) !important;
}

.bac-3-5,
.h\:bac-3-5:hover {
  background-color: var(--color-3-5) !important;
}

.bac-3-6,
.h\:bac-3-6:hover {
  background-color: var(--color-3-6) !important;
}

.bac-3-7,
.h\:bac-3-7:hover {
  background-color: var(--color-3-7) !important;
}

.bac-3-8,
.h\:bac-3-8:hover {
  background-color: var(--color-3-8) !important;
}

.bac-3-9,
.h\:bac-3-9:hover {
  background-color: var(--color-3-9) !important;
}

.bac-3-10,
.h\:bac-3-10:hover {
  background-color: var(--color-3-10) !important;
}

.bac-3-11,
.h\:bac-3-11:hover {
  background-color: var(--color-3-11) !important;
}

.bac-3-12,
.h\:bac-3-12:hover {
  background-color: var(--color-3-12) !important;
}

.bac-4-1,
.h\:bac-4-1:hover {
  background-color: var(--color-4-1) !important;
}

.bac-4-2,
.h\:bac-4-2:hover {
  background-color: var(--color-4-2) !important;
}

.bac-4-3,
.h\:bac-4-3:hover {
  background-color: var(--color-4-3) !important;
}

.bac-4-4,
.h\:bac-4-4:hover {
  background-color: var(--color-4-4) !important;
}

.bac-4-5,
.h\:bac-4-5:hover {
  background-color: var(--color-4-5) !important;
}

.bac-4-6,
.h\:bac-4-6:hover {
  background-color: var(--color-4-6) !important;
}

.bac-4-7,
.h\:bac-4-7:hover {
  background-color: var(--color-4-7) !important;
}

.bac-4-8,
.h\:bac-4-8:hover {
  background-color: var(--color-4-8) !important;
}

.bac-4-9,
.h\:bac-4-9:hover {
  background-color: var(--color-4-9) !important;
}

.bac-4-10,
.h\:bac-4-10:hover {
  background-color: var(--color-4-10) !important;
}

.bac-4-11,
.h\:bac-4-11:hover {
  background-color: var(--color-4-11) !important;
}

.bac-4-12,
.h\:bac-4-12:hover {
  background-color: var(--color-4-12) !important;
}

.bac-5-1,
.h\:bac-5-1:hover {
  background-color: var(--color-5-1) !important;
}

.bac-5-2,
.h\:bac-5-2:hover {
  background-color: var(--color-5-2) !important;
}

.bac-5-3,
.h\:bac-5-3:hover {
  background-color: var(--color-5-3) !important;
}

.bac-5-4,
.h\:bac-5-4:hover {
  background-color: var(--color-5-4) !important;
}

.bac-5-5,
.h\:bac-5-5:hover {
  background-color: var(--color-5-5) !important;
}

.bac-5-6,
.h\:bac-5-6:hover {
  background-color: var(--color-5-6) !important;
}

.bac-5-7,
.h\:bac-5-7:hover {
  background-color: var(--color-5-7) !important;
}

.bac-5-8,
.h\:bac-5-8:hover {
  background-color: var(--color-5-8) !important;
}

.bac-5-9,
.h\:bac-5-9:hover {
  background-color: var(--color-5-9) !important;
}

.bac-5-10,
.h\:bac-5-10:hover {
  background-color: var(--color-5-10) !important;
}

.bac-5-11,
.h\:bac-5-11:hover {
  background-color: var(--color-5-11) !important;
}

.bac-5-12,
.h\:bac-5-12:hover {
  background-color: var(--color-5-12) !important;
}

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

.b-n {
  border: none;
}

.bbc-1-1,
.h\:bbc-1-1:hover {
  border-bottom-color: var(--color-1-1) !important;
}

.bbc-1-2,
.h\:bbc-1-2:hover {
  border-bottom-color: var(--color-1-2) !important;
}

.bbc-1-3,
.h\:bbc-1-3:hover {
  border-bottom-color: var(--color-1-3) !important;
}

.bbc-1-4,
.h\:bbc-1-4:hover {
  border-bottom-color: var(--color-1-4) !important;
}

.bbc-1-5,
.h\:bbc-1-5:hover {
  border-bottom-color: var(--color-1-5) !important;
}

.bbc-1-6,
.h\:bbc-1-6:hover {
  border-bottom-color: var(--color-1-6) !important;
}

.bbc-1-7,
.h\:bbc-1-7:hover {
  border-bottom-color: var(--color-1-7) !important;
}

.bbc-1-8,
.h\:bbc-1-8:hover {
  border-bottom-color: var(--color-1-8) !important;
}

.bbc-1-9,
.h\:bbc-1-9:hover {
  border-bottom-color: var(--color-1-9) !important;
}

.bbc-1-10,
.h\:bbc-1-10:hover {
  border-bottom-color: var(--color-1-10) !important;
}

.bbc-1-11,
.h\:bbc-1-11:hover {
  border-bottom-color: var(--color-1-11) !important;
}

.bbc-1-12,
.h\:bbc-1-12:hover {
  border-bottom-color: var(--color-1-12) !important;
}

.bbc-2-1,
.h\:bbc-2-1:hover {
  border-bottom-color: var(--color-2-1) !important;
}

.bbc-2-2,
.h\:bbc-2-2:hover {
  border-bottom-color: var(--color-2-2) !important;
}

.bbc-2-3,
.h\:bbc-2-3:hover {
  border-bottom-color: var(--color-2-3) !important;
}

.bbc-2-4,
.h\:bbc-2-4:hover {
  border-bottom-color: var(--color-2-4) !important;
}

.bbc-2-5,
.h\:bbc-2-5:hover {
  border-bottom-color: var(--color-2-5) !important;
}

.bbc-2-6,
.h\:bbc-2-6:hover {
  border-bottom-color: var(--color-2-6) !important;
}

.bbc-2-7,
.h\:bbc-2-7:hover {
  border-bottom-color: var(--color-2-7) !important;
}

.bbc-2-8,
.h\:bbc-2-8:hover {
  border-bottom-color: var(--color-2-8) !important;
}

.bbc-2-9,
.h\:bbc-2-9:hover {
  border-bottom-color: var(--color-2-9) !important;
}

.bbc-2-10,
.h\:bbc-2-10:hover {
  border-bottom-color: var(--color-2-10) !important;
}

.bbc-2-11,
.h\:bbc-2-11:hover {
  border-bottom-color: var(--color-2-11) !important;
}

.bbc-2-12,
.h\:bbc-2-12:hover {
  border-bottom-color: var(--color-2-12) !important;
}

.bbc-3-1,
.h\:bbc-3-1:hover {
  border-bottom-color: var(--color-3-1) !important;
}

.bbc-3-2,
.h\:bbc-3-2:hover {
  border-bottom-color: var(--color-3-2) !important;
}

.bbc-3-3,
.h\:bbc-3-3:hover {
  border-bottom-color: var(--color-3-3) !important;
}

.bbc-3-4,
.h\:bbc-3-4:hover {
  border-bottom-color: var(--color-3-4) !important;
}

.bbc-3-5,
.h\:bbc-3-5:hover {
  border-bottom-color: var(--color-3-5) !important;
}

.bbc-3-6,
.h\:bbc-3-6:hover {
  border-bottom-color: var(--color-3-6) !important;
}

.bbc-3-7,
.h\:bbc-3-7:hover {
  border-bottom-color: var(--color-3-7) !important;
}

.bbc-3-8,
.h\:bbc-3-8:hover {
  border-bottom-color: var(--color-3-8) !important;
}

.bbc-3-9,
.h\:bbc-3-9:hover {
  border-bottom-color: var(--color-3-9) !important;
}

.bbc-3-10,
.h\:bbc-3-10:hover {
  border-bottom-color: var(--color-3-10) !important;
}

.bbc-3-11,
.h\:bbc-3-11:hover {
  border-bottom-color: var(--color-3-11) !important;
}

.bbc-3-12,
.h\:bbc-3-12:hover {
  border-bottom-color: var(--color-3-12) !important;
}

.bbc-4-1,
.h\:bbc-4-1:hover {
  border-bottom-color: var(--color-4-1) !important;
}

.bbc-4-2,
.h\:bbc-4-2:hover {
  border-bottom-color: var(--color-4-2) !important;
}

.bbc-4-3,
.h\:bbc-4-3:hover {
  border-bottom-color: var(--color-4-3) !important;
}

.bbc-4-4,
.h\:bbc-4-4:hover {
  border-bottom-color: var(--color-4-4) !important;
}

.bbc-4-5,
.h\:bbc-4-5:hover {
  border-bottom-color: var(--color-4-5) !important;
}

.bbc-4-6,
.h\:bbc-4-6:hover {
  border-bottom-color: var(--color-4-6) !important;
}

.bbc-4-7,
.h\:bbc-4-7:hover {
  border-bottom-color: var(--color-4-7) !important;
}

.bbc-4-8,
.h\:bbc-4-8:hover {
  border-bottom-color: var(--color-4-8) !important;
}

.bbc-4-9,
.h\:bbc-4-9:hover {
  border-bottom-color: var(--color-4-9) !important;
}

.bbc-4-10,
.h\:bbc-4-10:hover {
  border-bottom-color: var(--color-4-10) !important;
}

.bbc-4-11,
.h\:bbc-4-11:hover {
  border-bottom-color: var(--color-4-11) !important;
}

.bbc-4-12,
.h\:bbc-4-12:hover {
  border-bottom-color: var(--color-4-12) !important;
}

.bbc-5-1,
.h\:bbc-5-1:hover {
  border-bottom-color: var(--color-5-1) !important;
}

.bbc-5-2,
.h\:bbc-5-2:hover {
  border-bottom-color: var(--color-5-2) !important;
}

.bbc-5-3,
.h\:bbc-5-3:hover {
  border-bottom-color: var(--color-5-3) !important;
}

.bbc-5-4,
.h\:bbc-5-4:hover {
  border-bottom-color: var(--color-5-4) !important;
}

.bbc-5-5,
.h\:bbc-5-5:hover {
  border-bottom-color: var(--color-5-5) !important;
}

.bbc-5-6,
.h\:bbc-5-6:hover {
  border-bottom-color: var(--color-5-6) !important;
}

.bbc-5-7,
.h\:bbc-5-7:hover {
  border-bottom-color: var(--color-5-7) !important;
}

.bbc-5-8,
.h\:bbc-5-8:hover {
  border-bottom-color: var(--color-5-8) !important;
}

.bbc-5-9,
.h\:bbc-5-9:hover {
  border-bottom-color: var(--color-5-9) !important;
}

.bbc-5-10,
.h\:bbc-5-10:hover {
  border-bottom-color: var(--color-5-10) !important;
}

.bbc-5-11,
.h\:bbc-5-11:hover {
  border-bottom-color: var(--color-5-11) !important;
}

.bbc-5-12,
.h\:bbc-5-12:hover {
  border-bottom-color: var(--color-5-12) !important;
}

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

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

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

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

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

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

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

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

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

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

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

.bbs-s {
  border-bottom-style: solid;
}

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

.bbw-1p {
  border-bottom-width: 1px;
}

.boc-1-1,
.h\:boc-1-1:hover {
  border-color: var(--color-1-1) !important;
}

.boc-1-2,
.h\:boc-1-2:hover {
  border-color: var(--color-1-2) !important;
}

.boc-1-3,
.h\:boc-1-3:hover {
  border-color: var(--color-1-3) !important;
}

.boc-1-4,
.h\:boc-1-4:hover {
  border-color: var(--color-1-4) !important;
}

.boc-1-5,
.h\:boc-1-5:hover {
  border-color: var(--color-1-5) !important;
}

.boc-1-6,
.h\:boc-1-6:hover {
  border-color: var(--color-1-6) !important;
}

.boc-1-7,
.h\:boc-1-7:hover {
  border-color: var(--color-1-7) !important;
}

.boc-1-8,
.h\:boc-1-8:hover {
  border-color: var(--color-1-8) !important;
}

.boc-1-9,
.h\:boc-1-9:hover {
  border-color: var(--color-1-9) !important;
}

.boc-1-10,
.h\:boc-1-10:hover {
  border-color: var(--color-1-10) !important;
}

.boc-1-11,
.h\:boc-1-11:hover {
  border-color: var(--color-1-11) !important;
}

.boc-1-12,
.h\:boc-1-12:hover {
  border-color: var(--color-1-12) !important;
}

.boc-2-1,
.h\:boc-2-1:hover {
  border-color: var(--color-2-1) !important;
}

.boc-2-2,
.h\:boc-2-2:hover {
  border-color: var(--color-2-2) !important;
}

.boc-2-3,
.h\:boc-2-3:hover {
  border-color: var(--color-2-3) !important;
}

.boc-2-4,
.h\:boc-2-4:hover {
  border-color: var(--color-2-4) !important;
}

.boc-2-5,
.h\:boc-2-5:hover {
  border-color: var(--color-2-5) !important;
}

.boc-2-6,
.h\:boc-2-6:hover {
  border-color: var(--color-2-6) !important;
}

.boc-2-7,
.h\:boc-2-7:hover {
  border-color: var(--color-2-7) !important;
}

.boc-2-8,
.h\:boc-2-8:hover {
  border-color: var(--color-2-8) !important;
}

.boc-2-9,
.h\:boc-2-9:hover {
  border-color: var(--color-2-9) !important;
}

.boc-2-10,
.h\:boc-2-10:hover {
  border-color: var(--color-2-10) !important;
}

.boc-2-11,
.h\:boc-2-11:hover {
  border-color: var(--color-2-11) !important;
}

.boc-2-12,
.h\:boc-2-12:hover {
  border-color: var(--color-2-12) !important;
}

.boc-3-1,
.h\:boc-3-1:hover {
  border-color: var(--color-3-1) !important;
}

.boc-3-2,
.h\:boc-3-2:hover {
  border-color: var(--color-3-2) !important;
}

.boc-3-3,
.h\:boc-3-3:hover {
  border-color: var(--color-3-3) !important;
}

.boc-3-4,
.h\:boc-3-4:hover {
  border-color: var(--color-3-4) !important;
}

.boc-3-5,
.h\:boc-3-5:hover {
  border-color: var(--color-3-5) !important;
}

.boc-3-6,
.h\:boc-3-6:hover {
  border-color: var(--color-3-6) !important;
}

.boc-3-7,
.h\:boc-3-7:hover {
  border-color: var(--color-3-7) !important;
}

.boc-3-8,
.h\:boc-3-8:hover {
  border-color: var(--color-3-8) !important;
}

.boc-3-9,
.h\:boc-3-9:hover {
  border-color: var(--color-3-9) !important;
}

.boc-3-10,
.h\:boc-3-10:hover {
  border-color: var(--color-3-10) !important;
}

.boc-3-11,
.h\:boc-3-11:hover {
  border-color: var(--color-3-11) !important;
}

.boc-3-12,
.h\:boc-3-12:hover {
  border-color: var(--color-3-12) !important;
}

.boc-4-1,
.h\:boc-4-1:hover {
  border-color: var(--color-4-1) !important;
}

.boc-4-2,
.h\:boc-4-2:hover {
  border-color: var(--color-4-2) !important;
}

.boc-4-3,
.h\:boc-4-3:hover {
  border-color: var(--color-4-3) !important;
}

.boc-4-4,
.h\:boc-4-4:hover {
  border-color: var(--color-4-4) !important;
}

.boc-4-5,
.h\:boc-4-5:hover {
  border-color: var(--color-4-5) !important;
}

.boc-4-6,
.h\:boc-4-6:hover {
  border-color: var(--color-4-6) !important;
}

.boc-4-7,
.h\:boc-4-7:hover {
  border-color: var(--color-4-7) !important;
}

.boc-4-8,
.h\:boc-4-8:hover {
  border-color: var(--color-4-8) !important;
}

.boc-4-9,
.h\:boc-4-9:hover {
  border-color: var(--color-4-9) !important;
}

.boc-4-10,
.h\:boc-4-10:hover {
  border-color: var(--color-4-10) !important;
}

.boc-4-11,
.h\:boc-4-11:hover {
  border-color: var(--color-4-11) !important;
}

.boc-4-12,
.h\:boc-4-12:hover {
  border-color: var(--color-4-12) !important;
}

.boc-5-1,
.h\:boc-5-1:hover {
  border-color: var(--color-5-1) !important;
}

.boc-5-2,
.h\:boc-5-2:hover {
  border-color: var(--color-5-2) !important;
}

.boc-5-3,
.h\:boc-5-3:hover {
  border-color: var(--color-5-3) !important;
}

.boc-5-4,
.h\:boc-5-4:hover {
  border-color: var(--color-5-4) !important;
}

.boc-5-5,
.h\:boc-5-5:hover {
  border-color: var(--color-5-5) !important;
}

.boc-5-6,
.h\:boc-5-6:hover {
  border-color: var(--color-5-6) !important;
}

.boc-5-7,
.h\:boc-5-7:hover {
  border-color: var(--color-5-7) !important;
}

.boc-5-8,
.h\:boc-5-8:hover {
  border-color: var(--color-5-8) !important;
}

.boc-5-9,
.h\:boc-5-9:hover {
  border-color: var(--color-5-9) !important;
}

.boc-5-10,
.h\:boc-5-10:hover {
  border-color: var(--color-5-10) !important;
}

.boc-5-11,
.h\:boc-5-11:hover {
  border-color: var(--color-5-11) !important;
}

.boc-5-12,
.h\:boc-5-12:hover {
  border-color: var(--color-5-12) !important;
}

.blc-1-1,
.h\:blc-1-1:hover {
  border-left-color: var(--color-1-1) !important;
}

.blc-1-2,
.h\:blc-1-2:hover {
  border-left-color: var(--color-1-2) !important;
}

.blc-1-3,
.h\:blc-1-3:hover {
  border-left-color: var(--color-1-3) !important;
}

.blc-1-4,
.h\:blc-1-4:hover {
  border-left-color: var(--color-1-4) !important;
}

.blc-1-5,
.h\:blc-1-5:hover {
  border-left-color: var(--color-1-5) !important;
}

.blc-1-6,
.h\:blc-1-6:hover {
  border-left-color: var(--color-1-6) !important;
}

.blc-1-7,
.h\:blc-1-7:hover {
  border-left-color: var(--color-1-7) !important;
}

.blc-1-8,
.h\:blc-1-8:hover {
  border-left-color: var(--color-1-8) !important;
}

.blc-1-9,
.h\:blc-1-9:hover {
  border-left-color: var(--color-1-9) !important;
}

.blc-1-10,
.h\:blc-1-10:hover {
  border-left-color: var(--color-1-10) !important;
}

.blc-1-11,
.h\:blc-1-11:hover {
  border-left-color: var(--color-1-11) !important;
}

.blc-1-12,
.h\:blc-1-12:hover {
  border-left-color: var(--color-1-12) !important;
}

.blc-2-1,
.h\:blc-2-1:hover {
  border-left-color: var(--color-2-1) !important;
}

.blc-2-2,
.h\:blc-2-2:hover {
  border-left-color: var(--color-2-2) !important;
}

.blc-2-3,
.h\:blc-2-3:hover {
  border-left-color: var(--color-2-3) !important;
}

.blc-2-4,
.h\:blc-2-4:hover {
  border-left-color: var(--color-2-4) !important;
}

.blc-2-5,
.h\:blc-2-5:hover {
  border-left-color: var(--color-2-5) !important;
}

.blc-2-6,
.h\:blc-2-6:hover {
  border-left-color: var(--color-2-6) !important;
}

.blc-2-7,
.h\:blc-2-7:hover {
  border-left-color: var(--color-2-7) !important;
}

.blc-2-8,
.h\:blc-2-8:hover {
  border-left-color: var(--color-2-8) !important;
}

.blc-2-9,
.h\:blc-2-9:hover {
  border-left-color: var(--color-2-9) !important;
}

.blc-2-10,
.h\:blc-2-10:hover {
  border-left-color: var(--color-2-10) !important;
}

.blc-2-11,
.h\:blc-2-11:hover {
  border-left-color: var(--color-2-11) !important;
}

.blc-2-12,
.h\:blc-2-12:hover {
  border-left-color: var(--color-2-12) !important;
}

.blc-3-1,
.h\:blc-3-1:hover {
  border-left-color: var(--color-3-1) !important;
}

.blc-3-2,
.h\:blc-3-2:hover {
  border-left-color: var(--color-3-2) !important;
}

.blc-3-3,
.h\:blc-3-3:hover {
  border-left-color: var(--color-3-3) !important;
}

.blc-3-4,
.h\:blc-3-4:hover {
  border-left-color: var(--color-3-4) !important;
}

.blc-3-5,
.h\:blc-3-5:hover {
  border-left-color: var(--color-3-5) !important;
}

.blc-3-6,
.h\:blc-3-6:hover {
  border-left-color: var(--color-3-6) !important;
}

.blc-3-7,
.h\:blc-3-7:hover {
  border-left-color: var(--color-3-7) !important;
}

.blc-3-8,
.h\:blc-3-8:hover {
  border-left-color: var(--color-3-8) !important;
}

.blc-3-9,
.h\:blc-3-9:hover {
  border-left-color: var(--color-3-9) !important;
}

.blc-3-10,
.h\:blc-3-10:hover {
  border-left-color: var(--color-3-10) !important;
}

.blc-3-11,
.h\:blc-3-11:hover {
  border-left-color: var(--color-3-11) !important;
}

.blc-3-12,
.h\:blc-3-12:hover {
  border-left-color: var(--color-3-12) !important;
}

.blc-4-1,
.h\:blc-4-1:hover {
  border-left-color: var(--color-4-1) !important;
}

.blc-4-2,
.h\:blc-4-2:hover {
  border-left-color: var(--color-4-2) !important;
}

.blc-4-3,
.h\:blc-4-3:hover {
  border-left-color: var(--color-4-3) !important;
}

.blc-4-4,
.h\:blc-4-4:hover {
  border-left-color: var(--color-4-4) !important;
}

.blc-4-5,
.h\:blc-4-5:hover {
  border-left-color: var(--color-4-5) !important;
}

.blc-4-6,
.h\:blc-4-6:hover {
  border-left-color: var(--color-4-6) !important;
}

.blc-4-7,
.h\:blc-4-7:hover {
  border-left-color: var(--color-4-7) !important;
}

.blc-4-8,
.h\:blc-4-8:hover {
  border-left-color: var(--color-4-8) !important;
}

.blc-4-9,
.h\:blc-4-9:hover {
  border-left-color: var(--color-4-9) !important;
}

.blc-4-10,
.h\:blc-4-10:hover {
  border-left-color: var(--color-4-10) !important;
}

.blc-4-11,
.h\:blc-4-11:hover {
  border-left-color: var(--color-4-11) !important;
}

.blc-4-12,
.h\:blc-4-12:hover {
  border-left-color: var(--color-4-12) !important;
}

.blc-5-1,
.h\:blc-5-1:hover {
  border-left-color: var(--color-5-1) !important;
}

.blc-5-2,
.h\:blc-5-2:hover {
  border-left-color: var(--color-5-2) !important;
}

.blc-5-3,
.h\:blc-5-3:hover {
  border-left-color: var(--color-5-3) !important;
}

.blc-5-4,
.h\:blc-5-4:hover {
  border-left-color: var(--color-5-4) !important;
}

.blc-5-5,
.h\:blc-5-5:hover {
  border-left-color: var(--color-5-5) !important;
}

.blc-5-6,
.h\:blc-5-6:hover {
  border-left-color: var(--color-5-6) !important;
}

.blc-5-7,
.h\:blc-5-7:hover {
  border-left-color: var(--color-5-7) !important;
}

.blc-5-8,
.h\:blc-5-8:hover {
  border-left-color: var(--color-5-8) !important;
}

.blc-5-9,
.h\:blc-5-9:hover {
  border-left-color: var(--color-5-9) !important;
}

.blc-5-10,
.h\:blc-5-10:hover {
  border-left-color: var(--color-5-10) !important;
}

.blc-5-11,
.h\:blc-5-11:hover {
  border-left-color: var(--color-5-11) !important;
}

.blc-5-12,
.h\:blc-5-12:hover {
  border-left-color: var(--color-5-12) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.blw-1p {
  border-left-width: 1px;
}

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

.br-9999px, .pill, .navbar {
  border-radius: 9999px;
}

.br-a {
  border-radius: auto;
}

.br-n {
  border-radius: 0;
}

.br-f {
  border-radius: 100%;
}

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

.br-xs, .field input,
.button, .frame:not(.pill).frame-xs, .frame-auto:not(.pill).frame-xs, .frame-right:not(.pill).frame-xs, .frame-left:not(.pill).frame-xs, .frame-neu:not(.pill):not(.navbar).frame-xs:not(.br-n), .frame-glass:not(.pill):not(.navbar).frame-xs, .navbar:not(.pill):not(.navbar).frame-xs, .frame-flat:not(.pill):not(.navbar).frame-xs {
  border-radius: var(--size-xs);
}

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

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

.br-sm, .frame:not(.pill).frame-sm, .frame-auto:not(.pill).frame-sm, .frame-right:not(.pill).frame-sm, .frame-left:not(.pill).frame-sm, .frame-neu:not(.pill):not(.navbar).frame-sm:not(.br-n), .frame-glass:not(.pill):not(.navbar).frame-sm, .navbar:not(.pill):not(.navbar).frame-sm, .frame-flat:not(.pill):not(.navbar).frame-sm {
  border-radius: var(--size-sm);
}

.br-md, .frame:not(.pill).frame-md, .frame-auto:not(.pill).frame-md, .frame-right:not(.pill).frame-md, .frame-left:not(.pill).frame-md, .frame-neu:not(.pill):not(.navbar).frame-md:not(.br-n), .frame-glass:not(.pill):not(.navbar).frame-md, .navbar:not(.pill):not(.navbar).frame-md, .frame-flat:not(.pill):not(.navbar).frame-md {
  border-radius: var(--size-md);
}

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:br-a {
    border-radius: auto;
  }
  .pc\:br-n {
    border-radius: 0;
  }
  .pc\:br-f {
    border-radius: 100%;
  }
  .pc\:br-2xs {
    border-radius: var(--size-2xs);
  }
  .pc\:br-xs {
    border-radius: var(--size-xs);
  }
  .pc\:br-sm {
    border-radius: var(--size-sm);
  }
  .pc\:br-md {
    border-radius: var(--size-md);
  }
  .pc\:br-lg {
    border-radius: var(--size-lg);
  }
  .pc\:br-2lg {
    border-radius: var(--size-2lg);
  }
  .pc\:br-3lg {
    border-radius: var(--size-3lg);
  }
  .pc\:br-4lg {
    border-radius: var(--size-4lg);
  }
  .pc\:br-2col {
    border-radius: var(--size-2col);
  }
  .pc\:br-3col {
    border-radius: var(--size-3col);
  }
  .pc\:br-md-hero {
    border-radius: var(--size-md-hero);
  }
  .pc\:br-md-container {
    border-radius: var(--size-md-container);
  }
}
.brr-9999px {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.brl-a {
  border-top-left-radius: auto;
}

.brl-n {
  border-top-left-radius: 0;
}

.brl-f {
  border-top-left-radius: 100%;
}

.brl-2xs {
  border-top-left-radius: var(--size-2xs);
}

.brl-xs {
  border-top-left-radius: var(--size-xs);
}

.brl--xs {
  border-top-left-radius: calc(var(--size-xs) * -1);
}

.brl-xs-h {
  border-top-left-radius: var(--size-xs-h);
}

.brl-sm, .frame-left {
  border-top-left-radius: var(--size-sm);
}

.brl-md {
  border-top-left-radius: var(--size-md);
}

.brl-lg {
  border-top-left-radius: var(--size-lg);
}

.brl-2lg {
  border-top-left-radius: var(--size-2lg);
}

.brl-3lg {
  border-top-left-radius: var(--size-3lg);
}

.brl-4lg {
  border-top-left-radius: var(--size-4lg);
}

.brl-2col {
  border-top-left-radius: var(--size-2col);
}

.brl-3col {
  border-top-left-radius: var(--size-3col);
}

.brl-md-hero {
  border-top-left-radius: var(--size-md-hero);
}

.brl-md-container {
  border-top-left-radius: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:brl-a {
    border-top-left-radius: auto;
  }
  .pc\:brl-n {
    border-top-left-radius: 0;
  }
  .pc\:brl-f {
    border-top-left-radius: 100%;
  }
  .pc\:brl-2xs {
    border-top-left-radius: var(--size-2xs);
  }
  .pc\:brl-xs {
    border-top-left-radius: var(--size-xs);
  }
  .pc\:brl-sm {
    border-top-left-radius: var(--size-sm);
  }
  .pc\:brl-md {
    border-top-left-radius: var(--size-md);
  }
  .pc\:brl-lg {
    border-top-left-radius: var(--size-lg);
  }
  .pc\:brl-2lg {
    border-top-left-radius: var(--size-2lg);
  }
  .pc\:brl-3lg {
    border-top-left-radius: var(--size-3lg);
  }
  .pc\:brl-4lg {
    border-top-left-radius: var(--size-4lg);
  }
  .pc\:brl-2col {
    border-top-left-radius: var(--size-2col);
  }
  .pc\:brl-3col {
    border-top-left-radius: var(--size-3col);
  }
  .pc\:brl-md-hero {
    border-top-left-radius: var(--size-md-hero);
  }
  .pc\:brl-md-container {
    border-top-left-radius: var(--size-md-container);
  }
}
.brl-a {
  border-bottom-left-radius: auto;
}

.brl-n {
  border-bottom-left-radius: 0;
}

.brl-f {
  border-bottom-left-radius: 100%;
}

.brl-2xs {
  border-bottom-left-radius: var(--size-2xs);
}

.brl-xs {
  border-bottom-left-radius: var(--size-xs);
}

.brl--xs {
  border-bottom-left-radius: calc(var(--size-xs) * -1);
}

.brl-xs-h {
  border-bottom-left-radius: var(--size-xs-h);
}

.brl-sm, .frame-left {
  border-bottom-left-radius: var(--size-sm);
}

.brl-md {
  border-bottom-left-radius: var(--size-md);
}

.brl-lg {
  border-bottom-left-radius: var(--size-lg);
}

.brl-2lg {
  border-bottom-left-radius: var(--size-2lg);
}

.brl-3lg {
  border-bottom-left-radius: var(--size-3lg);
}

.brl-4lg {
  border-bottom-left-radius: var(--size-4lg);
}

.brl-2col {
  border-bottom-left-radius: var(--size-2col);
}

.brl-3col {
  border-bottom-left-radius: var(--size-3col);
}

.brl-md-hero {
  border-bottom-left-radius: var(--size-md-hero);
}

.brl-md-container {
  border-bottom-left-radius: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:brl-a {
    border-bottom-left-radius: auto;
  }
  .pc\:brl-n {
    border-bottom-left-radius: 0;
  }
  .pc\:brl-f {
    border-bottom-left-radius: 100%;
  }
  .pc\:brl-2xs {
    border-bottom-left-radius: var(--size-2xs);
  }
  .pc\:brl-xs {
    border-bottom-left-radius: var(--size-xs);
  }
  .pc\:brl-sm {
    border-bottom-left-radius: var(--size-sm);
  }
  .pc\:brl-md {
    border-bottom-left-radius: var(--size-md);
  }
  .pc\:brl-lg {
    border-bottom-left-radius: var(--size-lg);
  }
  .pc\:brl-2lg {
    border-bottom-left-radius: var(--size-2lg);
  }
  .pc\:brl-3lg {
    border-bottom-left-radius: var(--size-3lg);
  }
  .pc\:brl-4lg {
    border-bottom-left-radius: var(--size-4lg);
  }
  .pc\:brl-2col {
    border-bottom-left-radius: var(--size-2col);
  }
  .pc\:brl-3col {
    border-bottom-left-radius: var(--size-3col);
  }
  .pc\:brl-md-hero {
    border-bottom-left-radius: var(--size-md-hero);
  }
  .pc\:brl-md-container {
    border-bottom-left-radius: var(--size-md-container);
  }
}
.brr-a {
  border-top-right-radius: auto;
}

.brr-n {
  border-top-right-radius: 0;
}

.brr-f {
  border-top-right-radius: 100%;
}

.brr-2xs {
  border-top-right-radius: var(--size-2xs);
}

.brr-xs {
  border-top-right-radius: var(--size-xs);
}

.brr--xs {
  border-top-right-radius: calc(var(--size-xs) * -1);
}

.brr-xs-h {
  border-top-right-radius: var(--size-xs-h);
}

.brr-sm, .frame-right {
  border-top-right-radius: var(--size-sm);
}

.brr-md {
  border-top-right-radius: var(--size-md);
}

.brr-lg {
  border-top-right-radius: var(--size-lg);
}

.brr-2lg {
  border-top-right-radius: var(--size-2lg);
}

.brr-3lg {
  border-top-right-radius: var(--size-3lg);
}

.brr-4lg {
  border-top-right-radius: var(--size-4lg);
}

.brr-2col {
  border-top-right-radius: var(--size-2col);
}

.brr-3col {
  border-top-right-radius: var(--size-3col);
}

.brr-md-hero {
  border-top-right-radius: var(--size-md-hero);
}

.brr-md-container {
  border-top-right-radius: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:brr-a {
    border-top-right-radius: auto;
  }
  .pc\:brr-n {
    border-top-right-radius: 0;
  }
  .pc\:brr-f {
    border-top-right-radius: 100%;
  }
  .pc\:brr-2xs {
    border-top-right-radius: var(--size-2xs);
  }
  .pc\:brr-xs {
    border-top-right-radius: var(--size-xs);
  }
  .pc\:brr-sm {
    border-top-right-radius: var(--size-sm);
  }
  .pc\:brr-md {
    border-top-right-radius: var(--size-md);
  }
  .pc\:brr-lg {
    border-top-right-radius: var(--size-lg);
  }
  .pc\:brr-2lg {
    border-top-right-radius: var(--size-2lg);
  }
  .pc\:brr-3lg {
    border-top-right-radius: var(--size-3lg);
  }
  .pc\:brr-4lg {
    border-top-right-radius: var(--size-4lg);
  }
  .pc\:brr-2col {
    border-top-right-radius: var(--size-2col);
  }
  .pc\:brr-3col {
    border-top-right-radius: var(--size-3col);
  }
  .pc\:brr-md-hero {
    border-top-right-radius: var(--size-md-hero);
  }
  .pc\:brr-md-container {
    border-top-right-radius: var(--size-md-container);
  }
}
.brr-a {
  border-bottom-right-radius: auto;
}

.brr-n {
  border-bottom-right-radius: 0;
}

.brr-f {
  border-bottom-right-radius: 100%;
}

.brr-2xs {
  border-bottom-right-radius: var(--size-2xs);
}

.brr-xs {
  border-bottom-right-radius: var(--size-xs);
}

.brr--xs {
  border-bottom-right-radius: calc(var(--size-xs) * -1);
}

.brr-xs-h {
  border-bottom-right-radius: var(--size-xs-h);
}

.brr-sm, .frame-right {
  border-bottom-right-radius: var(--size-sm);
}

.brr-md {
  border-bottom-right-radius: var(--size-md);
}

.brr-lg {
  border-bottom-right-radius: var(--size-lg);
}

.brr-2lg {
  border-bottom-right-radius: var(--size-2lg);
}

.brr-3lg {
  border-bottom-right-radius: var(--size-3lg);
}

.brr-4lg {
  border-bottom-right-radius: var(--size-4lg);
}

.brr-2col {
  border-bottom-right-radius: var(--size-2col);
}

.brr-3col {
  border-bottom-right-radius: var(--size-3col);
}

.brr-md-hero {
  border-bottom-right-radius: var(--size-md-hero);
}

.brr-md-container {
  border-bottom-right-radius: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:brr-a {
    border-bottom-right-radius: auto;
  }
  .pc\:brr-n {
    border-bottom-right-radius: 0;
  }
  .pc\:brr-f {
    border-bottom-right-radius: 100%;
  }
  .pc\:brr-2xs {
    border-bottom-right-radius: var(--size-2xs);
  }
  .pc\:brr-xs {
    border-bottom-right-radius: var(--size-xs);
  }
  .pc\:brr-sm {
    border-bottom-right-radius: var(--size-sm);
  }
  .pc\:brr-md {
    border-bottom-right-radius: var(--size-md);
  }
  .pc\:brr-lg {
    border-bottom-right-radius: var(--size-lg);
  }
  .pc\:brr-2lg {
    border-bottom-right-radius: var(--size-2lg);
  }
  .pc\:brr-3lg {
    border-bottom-right-radius: var(--size-3lg);
  }
  .pc\:brr-4lg {
    border-bottom-right-radius: var(--size-4lg);
  }
  .pc\:brr-2col {
    border-bottom-right-radius: var(--size-2col);
  }
  .pc\:brr-3col {
    border-bottom-right-radius: var(--size-3col);
  }
  .pc\:brr-md-hero {
    border-bottom-right-radius: var(--size-md-hero);
  }
  .pc\:brr-md-container {
    border-bottom-right-radius: var(--size-md-container);
  }
}
.brb-a {
  border-bottom-left-radius: auto;
}

.brb-n {
  border-bottom-left-radius: 0;
}

.brb-f {
  border-bottom-left-radius: 100%;
}

.brb-2xs {
  border-bottom-left-radius: var(--size-2xs);
}

.brb-xs {
  border-bottom-left-radius: var(--size-xs);
}

.brb--xs {
  border-bottom-left-radius: calc(var(--size-xs) * -1);
}

.brb-xs-h {
  border-bottom-left-radius: var(--size-xs-h);
}

.brb-sm {
  border-bottom-left-radius: var(--size-sm);
}

.brb-md {
  border-bottom-left-radius: var(--size-md);
}

.brb-lg {
  border-bottom-left-radius: var(--size-lg);
}

.brb-2lg {
  border-bottom-left-radius: var(--size-2lg);
}

.brb-3lg {
  border-bottom-left-radius: var(--size-3lg);
}

.brb-4lg {
  border-bottom-left-radius: var(--size-4lg);
}

.brb-2col {
  border-bottom-left-radius: var(--size-2col);
}

.brb-3col {
  border-bottom-left-radius: var(--size-3col);
}

.brb-md-hero {
  border-bottom-left-radius: var(--size-md-hero);
}

.brb-md-container {
  border-bottom-left-radius: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:brb-a {
    border-bottom-left-radius: auto;
  }
  .pc\:brb-n {
    border-bottom-left-radius: 0;
  }
  .pc\:brb-f {
    border-bottom-left-radius: 100%;
  }
  .pc\:brb-2xs {
    border-bottom-left-radius: var(--size-2xs);
  }
  .pc\:brb-xs {
    border-bottom-left-radius: var(--size-xs);
  }
  .pc\:brb-sm {
    border-bottom-left-radius: var(--size-sm);
  }
  .pc\:brb-md {
    border-bottom-left-radius: var(--size-md);
  }
  .pc\:brb-lg {
    border-bottom-left-radius: var(--size-lg);
  }
  .pc\:brb-2lg {
    border-bottom-left-radius: var(--size-2lg);
  }
  .pc\:brb-3lg {
    border-bottom-left-radius: var(--size-3lg);
  }
  .pc\:brb-4lg {
    border-bottom-left-radius: var(--size-4lg);
  }
  .pc\:brb-2col {
    border-bottom-left-radius: var(--size-2col);
  }
  .pc\:brb-3col {
    border-bottom-left-radius: var(--size-3col);
  }
  .pc\:brb-md-hero {
    border-bottom-left-radius: var(--size-md-hero);
  }
  .pc\:brb-md-container {
    border-bottom-left-radius: var(--size-md-container);
  }
}
.brb-a {
  border-bottom-right-radius: auto;
}

.brb-n {
  border-bottom-right-radius: 0;
}

.brb-f {
  border-bottom-right-radius: 100%;
}

.brb-2xs {
  border-bottom-right-radius: var(--size-2xs);
}

.brb-xs {
  border-bottom-right-radius: var(--size-xs);
}

.brb--xs {
  border-bottom-right-radius: calc(var(--size-xs) * -1);
}

.brb-xs-h {
  border-bottom-right-radius: var(--size-xs-h);
}

.brb-sm {
  border-bottom-right-radius: var(--size-sm);
}

.brb-md {
  border-bottom-right-radius: var(--size-md);
}

.brb-lg {
  border-bottom-right-radius: var(--size-lg);
}

.brb-2lg {
  border-bottom-right-radius: var(--size-2lg);
}

.brb-3lg {
  border-bottom-right-radius: var(--size-3lg);
}

.brb-4lg {
  border-bottom-right-radius: var(--size-4lg);
}

.brb-2col {
  border-bottom-right-radius: var(--size-2col);
}

.brb-3col {
  border-bottom-right-radius: var(--size-3col);
}

.brb-md-hero {
  border-bottom-right-radius: var(--size-md-hero);
}

.brb-md-container {
  border-bottom-right-radius: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:brb-a {
    border-bottom-right-radius: auto;
  }
  .pc\:brb-n {
    border-bottom-right-radius: 0;
  }
  .pc\:brb-f {
    border-bottom-right-radius: 100%;
  }
  .pc\:brb-2xs {
    border-bottom-right-radius: var(--size-2xs);
  }
  .pc\:brb-xs {
    border-bottom-right-radius: var(--size-xs);
  }
  .pc\:brb-sm {
    border-bottom-right-radius: var(--size-sm);
  }
  .pc\:brb-md {
    border-bottom-right-radius: var(--size-md);
  }
  .pc\:brb-lg {
    border-bottom-right-radius: var(--size-lg);
  }
  .pc\:brb-2lg {
    border-bottom-right-radius: var(--size-2lg);
  }
  .pc\:brb-3lg {
    border-bottom-right-radius: var(--size-3lg);
  }
  .pc\:brb-4lg {
    border-bottom-right-radius: var(--size-4lg);
  }
  .pc\:brb-2col {
    border-bottom-right-radius: var(--size-2col);
  }
  .pc\:brb-3col {
    border-bottom-right-radius: var(--size-3col);
  }
  .pc\:brb-md-hero {
    border-bottom-right-radius: var(--size-md-hero);
  }
  .pc\:brb-md-container {
    border-bottom-right-radius: var(--size-md-container);
  }
}
.brt-a {
  border-top-left-radius: auto;
}

.brt-n {
  border-top-left-radius: 0;
}

.brt-f {
  border-top-left-radius: 100%;
}

.brt-2xs {
  border-top-left-radius: var(--size-2xs);
}

.brt-xs {
  border-top-left-radius: var(--size-xs);
}

.brt--xs {
  border-top-left-radius: calc(var(--size-xs) * -1);
}

.brt-xs-h {
  border-top-left-radius: var(--size-xs-h);
}

.brt-sm {
  border-top-left-radius: var(--size-sm);
}

.brt-md {
  border-top-left-radius: var(--size-md);
}

.brt-lg {
  border-top-left-radius: var(--size-lg);
}

.brt-2lg {
  border-top-left-radius: var(--size-2lg);
}

.brt-3lg {
  border-top-left-radius: var(--size-3lg);
}

.brt-4lg {
  border-top-left-radius: var(--size-4lg);
}

.brt-2col {
  border-top-left-radius: var(--size-2col);
}

.brt-3col {
  border-top-left-radius: var(--size-3col);
}

.brt-md-hero {
  border-top-left-radius: var(--size-md-hero);
}

.brt-md-container {
  border-top-left-radius: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:brt-a {
    border-top-left-radius: auto;
  }
  .pc\:brt-n {
    border-top-left-radius: 0;
  }
  .pc\:brt-f {
    border-top-left-radius: 100%;
  }
  .pc\:brt-2xs {
    border-top-left-radius: var(--size-2xs);
  }
  .pc\:brt-xs {
    border-top-left-radius: var(--size-xs);
  }
  .pc\:brt-sm {
    border-top-left-radius: var(--size-sm);
  }
  .pc\:brt-md {
    border-top-left-radius: var(--size-md);
  }
  .pc\:brt-lg {
    border-top-left-radius: var(--size-lg);
  }
  .pc\:brt-2lg {
    border-top-left-radius: var(--size-2lg);
  }
  .pc\:brt-3lg {
    border-top-left-radius: var(--size-3lg);
  }
  .pc\:brt-4lg {
    border-top-left-radius: var(--size-4lg);
  }
  .pc\:brt-2col {
    border-top-left-radius: var(--size-2col);
  }
  .pc\:brt-3col {
    border-top-left-radius: var(--size-3col);
  }
  .pc\:brt-md-hero {
    border-top-left-radius: var(--size-md-hero);
  }
  .pc\:brt-md-container {
    border-top-left-radius: var(--size-md-container);
  }
}
.brt-a {
  border-top-right-radius: auto;
}

.brt-n {
  border-top-right-radius: 0;
}

.brt-f {
  border-top-right-radius: 100%;
}

.brt-2xs {
  border-top-right-radius: var(--size-2xs);
}

.brt-xs {
  border-top-right-radius: var(--size-xs);
}

.brt--xs {
  border-top-right-radius: calc(var(--size-xs) * -1);
}

.brt-xs-h {
  border-top-right-radius: var(--size-xs-h);
}

.brt-sm {
  border-top-right-radius: var(--size-sm);
}

.brt-md {
  border-top-right-radius: var(--size-md);
}

.brt-lg {
  border-top-right-radius: var(--size-lg);
}

.brt-2lg {
  border-top-right-radius: var(--size-2lg);
}

.brt-3lg {
  border-top-right-radius: var(--size-3lg);
}

.brt-4lg {
  border-top-right-radius: var(--size-4lg);
}

.brt-2col {
  border-top-right-radius: var(--size-2col);
}

.brt-3col {
  border-top-right-radius: var(--size-3col);
}

.brt-md-hero {
  border-top-right-radius: var(--size-md-hero);
}

.brt-md-container {
  border-top-right-radius: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:brt-a {
    border-top-right-radius: auto;
  }
  .pc\:brt-n {
    border-top-right-radius: 0;
  }
  .pc\:brt-f {
    border-top-right-radius: 100%;
  }
  .pc\:brt-2xs {
    border-top-right-radius: var(--size-2xs);
  }
  .pc\:brt-xs {
    border-top-right-radius: var(--size-xs);
  }
  .pc\:brt-sm {
    border-top-right-radius: var(--size-sm);
  }
  .pc\:brt-md {
    border-top-right-radius: var(--size-md);
  }
  .pc\:brt-lg {
    border-top-right-radius: var(--size-lg);
  }
  .pc\:brt-2lg {
    border-top-right-radius: var(--size-2lg);
  }
  .pc\:brt-3lg {
    border-top-right-radius: var(--size-3lg);
  }
  .pc\:brt-4lg {
    border-top-right-radius: var(--size-4lg);
  }
  .pc\:brt-2col {
    border-top-right-radius: var(--size-2col);
  }
  .pc\:brt-3col {
    border-top-right-radius: var(--size-3col);
  }
  .pc\:brt-md-hero {
    border-top-right-radius: var(--size-md-hero);
  }
  .pc\:brt-md-container {
    border-top-right-radius: var(--size-md-container);
  }
}
.brc-1-1,
.h\:brc-1-1:hover {
  border-right-color: var(--color-1-1) !important;
}

.brc-1-2,
.h\:brc-1-2:hover {
  border-right-color: var(--color-1-2) !important;
}

.brc-1-3,
.h\:brc-1-3:hover {
  border-right-color: var(--color-1-3) !important;
}

.brc-1-4,
.h\:brc-1-4:hover {
  border-right-color: var(--color-1-4) !important;
}

.brc-1-5,
.h\:brc-1-5:hover {
  border-right-color: var(--color-1-5) !important;
}

.brc-1-6,
.h\:brc-1-6:hover {
  border-right-color: var(--color-1-6) !important;
}

.brc-1-7,
.h\:brc-1-7:hover {
  border-right-color: var(--color-1-7) !important;
}

.brc-1-8,
.h\:brc-1-8:hover {
  border-right-color: var(--color-1-8) !important;
}

.brc-1-9,
.h\:brc-1-9:hover {
  border-right-color: var(--color-1-9) !important;
}

.brc-1-10,
.h\:brc-1-10:hover {
  border-right-color: var(--color-1-10) !important;
}

.brc-1-11,
.h\:brc-1-11:hover {
  border-right-color: var(--color-1-11) !important;
}

.brc-1-12,
.h\:brc-1-12:hover {
  border-right-color: var(--color-1-12) !important;
}

.brc-2-1,
.h\:brc-2-1:hover {
  border-right-color: var(--color-2-1) !important;
}

.brc-2-2,
.h\:brc-2-2:hover {
  border-right-color: var(--color-2-2) !important;
}

.brc-2-3,
.h\:brc-2-3:hover {
  border-right-color: var(--color-2-3) !important;
}

.brc-2-4,
.h\:brc-2-4:hover {
  border-right-color: var(--color-2-4) !important;
}

.brc-2-5,
.h\:brc-2-5:hover {
  border-right-color: var(--color-2-5) !important;
}

.brc-2-6,
.h\:brc-2-6:hover {
  border-right-color: var(--color-2-6) !important;
}

.brc-2-7,
.h\:brc-2-7:hover {
  border-right-color: var(--color-2-7) !important;
}

.brc-2-8,
.h\:brc-2-8:hover {
  border-right-color: var(--color-2-8) !important;
}

.brc-2-9,
.h\:brc-2-9:hover {
  border-right-color: var(--color-2-9) !important;
}

.brc-2-10,
.h\:brc-2-10:hover {
  border-right-color: var(--color-2-10) !important;
}

.brc-2-11,
.h\:brc-2-11:hover {
  border-right-color: var(--color-2-11) !important;
}

.brc-2-12,
.h\:brc-2-12:hover {
  border-right-color: var(--color-2-12) !important;
}

.brc-3-1,
.h\:brc-3-1:hover {
  border-right-color: var(--color-3-1) !important;
}

.brc-3-2,
.h\:brc-3-2:hover {
  border-right-color: var(--color-3-2) !important;
}

.brc-3-3,
.h\:brc-3-3:hover {
  border-right-color: var(--color-3-3) !important;
}

.brc-3-4,
.h\:brc-3-4:hover {
  border-right-color: var(--color-3-4) !important;
}

.brc-3-5,
.h\:brc-3-5:hover {
  border-right-color: var(--color-3-5) !important;
}

.brc-3-6,
.h\:brc-3-6:hover {
  border-right-color: var(--color-3-6) !important;
}

.brc-3-7,
.h\:brc-3-7:hover {
  border-right-color: var(--color-3-7) !important;
}

.brc-3-8,
.h\:brc-3-8:hover {
  border-right-color: var(--color-3-8) !important;
}

.brc-3-9,
.h\:brc-3-9:hover {
  border-right-color: var(--color-3-9) !important;
}

.brc-3-10,
.h\:brc-3-10:hover {
  border-right-color: var(--color-3-10) !important;
}

.brc-3-11,
.h\:brc-3-11:hover {
  border-right-color: var(--color-3-11) !important;
}

.brc-3-12,
.h\:brc-3-12:hover {
  border-right-color: var(--color-3-12) !important;
}

.brc-4-1,
.h\:brc-4-1:hover {
  border-right-color: var(--color-4-1) !important;
}

.brc-4-2,
.h\:brc-4-2:hover {
  border-right-color: var(--color-4-2) !important;
}

.brc-4-3,
.h\:brc-4-3:hover {
  border-right-color: var(--color-4-3) !important;
}

.brc-4-4,
.h\:brc-4-4:hover {
  border-right-color: var(--color-4-4) !important;
}

.brc-4-5,
.h\:brc-4-5:hover {
  border-right-color: var(--color-4-5) !important;
}

.brc-4-6,
.h\:brc-4-6:hover {
  border-right-color: var(--color-4-6) !important;
}

.brc-4-7,
.h\:brc-4-7:hover {
  border-right-color: var(--color-4-7) !important;
}

.brc-4-8,
.h\:brc-4-8:hover {
  border-right-color: var(--color-4-8) !important;
}

.brc-4-9,
.h\:brc-4-9:hover {
  border-right-color: var(--color-4-9) !important;
}

.brc-4-10,
.h\:brc-4-10:hover {
  border-right-color: var(--color-4-10) !important;
}

.brc-4-11,
.h\:brc-4-11:hover {
  border-right-color: var(--color-4-11) !important;
}

.brc-4-12,
.h\:brc-4-12:hover {
  border-right-color: var(--color-4-12) !important;
}

.brc-5-1,
.h\:brc-5-1:hover {
  border-right-color: var(--color-5-1) !important;
}

.brc-5-2,
.h\:brc-5-2:hover {
  border-right-color: var(--color-5-2) !important;
}

.brc-5-3,
.h\:brc-5-3:hover {
  border-right-color: var(--color-5-3) !important;
}

.brc-5-4,
.h\:brc-5-4:hover {
  border-right-color: var(--color-5-4) !important;
}

.brc-5-5,
.h\:brc-5-5:hover {
  border-right-color: var(--color-5-5) !important;
}

.brc-5-6,
.h\:brc-5-6:hover {
  border-right-color: var(--color-5-6) !important;
}

.brc-5-7,
.h\:brc-5-7:hover {
  border-right-color: var(--color-5-7) !important;
}

.brc-5-8,
.h\:brc-5-8:hover {
  border-right-color: var(--color-5-8) !important;
}

.brc-5-9,
.h\:brc-5-9:hover {
  border-right-color: var(--color-5-9) !important;
}

.brc-5-10,
.h\:brc-5-10:hover {
  border-right-color: var(--color-5-10) !important;
}

.brc-5-11,
.h\:brc-5-11:hover {
  border-right-color: var(--color-5-11) !important;
}

.brc-5-12,
.h\:brc-5-12:hover {
  border-right-color: var(--color-5-12) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.brw-1p {
  border-right-width: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

.bs-s, .border, .frame-flat {
  border-style: solid;
}

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

.btc-1-1,
.h\:btc-1-1:hover {
  border-top-color: var(--color-1-1) !important;
}

.btc-1-2,
.h\:btc-1-2:hover {
  border-top-color: var(--color-1-2) !important;
}

.btc-1-3,
.h\:btc-1-3:hover {
  border-top-color: var(--color-1-3) !important;
}

.btc-1-4,
.h\:btc-1-4:hover {
  border-top-color: var(--color-1-4) !important;
}

.btc-1-5,
.h\:btc-1-5:hover {
  border-top-color: var(--color-1-5) !important;
}

.btc-1-6,
.h\:btc-1-6:hover {
  border-top-color: var(--color-1-6) !important;
}

.btc-1-7,
.h\:btc-1-7:hover {
  border-top-color: var(--color-1-7) !important;
}

.btc-1-8,
.h\:btc-1-8:hover {
  border-top-color: var(--color-1-8) !important;
}

.btc-1-9,
.h\:btc-1-9:hover {
  border-top-color: var(--color-1-9) !important;
}

.btc-1-10,
.h\:btc-1-10:hover {
  border-top-color: var(--color-1-10) !important;
}

.btc-1-11,
.h\:btc-1-11:hover {
  border-top-color: var(--color-1-11) !important;
}

.btc-1-12,
.h\:btc-1-12:hover {
  border-top-color: var(--color-1-12) !important;
}

.btc-2-1,
.h\:btc-2-1:hover {
  border-top-color: var(--color-2-1) !important;
}

.btc-2-2,
.h\:btc-2-2:hover {
  border-top-color: var(--color-2-2) !important;
}

.btc-2-3,
.h\:btc-2-3:hover {
  border-top-color: var(--color-2-3) !important;
}

.btc-2-4,
.h\:btc-2-4:hover {
  border-top-color: var(--color-2-4) !important;
}

.btc-2-5,
.h\:btc-2-5:hover {
  border-top-color: var(--color-2-5) !important;
}

.btc-2-6,
.h\:btc-2-6:hover {
  border-top-color: var(--color-2-6) !important;
}

.btc-2-7,
.h\:btc-2-7:hover {
  border-top-color: var(--color-2-7) !important;
}

.btc-2-8,
.h\:btc-2-8:hover {
  border-top-color: var(--color-2-8) !important;
}

.btc-2-9,
.h\:btc-2-9:hover {
  border-top-color: var(--color-2-9) !important;
}

.btc-2-10,
.h\:btc-2-10:hover {
  border-top-color: var(--color-2-10) !important;
}

.btc-2-11,
.h\:btc-2-11:hover {
  border-top-color: var(--color-2-11) !important;
}

.btc-2-12,
.h\:btc-2-12:hover {
  border-top-color: var(--color-2-12) !important;
}

.btc-3-1,
.h\:btc-3-1:hover {
  border-top-color: var(--color-3-1) !important;
}

.btc-3-2,
.h\:btc-3-2:hover {
  border-top-color: var(--color-3-2) !important;
}

.btc-3-3,
.h\:btc-3-3:hover {
  border-top-color: var(--color-3-3) !important;
}

.btc-3-4,
.h\:btc-3-4:hover {
  border-top-color: var(--color-3-4) !important;
}

.btc-3-5,
.h\:btc-3-5:hover {
  border-top-color: var(--color-3-5) !important;
}

.btc-3-6,
.h\:btc-3-6:hover {
  border-top-color: var(--color-3-6) !important;
}

.btc-3-7,
.h\:btc-3-7:hover {
  border-top-color: var(--color-3-7) !important;
}

.btc-3-8,
.h\:btc-3-8:hover {
  border-top-color: var(--color-3-8) !important;
}

.btc-3-9,
.h\:btc-3-9:hover {
  border-top-color: var(--color-3-9) !important;
}

.btc-3-10,
.h\:btc-3-10:hover {
  border-top-color: var(--color-3-10) !important;
}

.btc-3-11,
.h\:btc-3-11:hover {
  border-top-color: var(--color-3-11) !important;
}

.btc-3-12,
.h\:btc-3-12:hover {
  border-top-color: var(--color-3-12) !important;
}

.btc-4-1,
.h\:btc-4-1:hover {
  border-top-color: var(--color-4-1) !important;
}

.btc-4-2,
.h\:btc-4-2:hover {
  border-top-color: var(--color-4-2) !important;
}

.btc-4-3,
.h\:btc-4-3:hover {
  border-top-color: var(--color-4-3) !important;
}

.btc-4-4,
.h\:btc-4-4:hover {
  border-top-color: var(--color-4-4) !important;
}

.btc-4-5,
.h\:btc-4-5:hover {
  border-top-color: var(--color-4-5) !important;
}

.btc-4-6,
.h\:btc-4-6:hover {
  border-top-color: var(--color-4-6) !important;
}

.btc-4-7,
.h\:btc-4-7:hover {
  border-top-color: var(--color-4-7) !important;
}

.btc-4-8,
.h\:btc-4-8:hover {
  border-top-color: var(--color-4-8) !important;
}

.btc-4-9,
.h\:btc-4-9:hover {
  border-top-color: var(--color-4-9) !important;
}

.btc-4-10,
.h\:btc-4-10:hover {
  border-top-color: var(--color-4-10) !important;
}

.btc-4-11,
.h\:btc-4-11:hover {
  border-top-color: var(--color-4-11) !important;
}

.btc-4-12,
.h\:btc-4-12:hover {
  border-top-color: var(--color-4-12) !important;
}

.btc-5-1,
.h\:btc-5-1:hover {
  border-top-color: var(--color-5-1) !important;
}

.btc-5-2,
.h\:btc-5-2:hover {
  border-top-color: var(--color-5-2) !important;
}

.btc-5-3,
.h\:btc-5-3:hover {
  border-top-color: var(--color-5-3) !important;
}

.btc-5-4,
.h\:btc-5-4:hover {
  border-top-color: var(--color-5-4) !important;
}

.btc-5-5,
.h\:btc-5-5:hover {
  border-top-color: var(--color-5-5) !important;
}

.btc-5-6,
.h\:btc-5-6:hover {
  border-top-color: var(--color-5-6) !important;
}

.btc-5-7,
.h\:btc-5-7:hover {
  border-top-color: var(--color-5-7) !important;
}

.btc-5-8,
.h\:btc-5-8:hover {
  border-top-color: var(--color-5-8) !important;
}

.btc-5-9,
.h\:btc-5-9:hover {
  border-top-color: var(--color-5-9) !important;
}

.btc-5-10,
.h\:btc-5-10:hover {
  border-top-color: var(--color-5-10) !important;
}

.btc-5-11,
.h\:btc-5-11:hover {
  border-top-color: var(--color-5-11) !important;
}

.btc-5-12,
.h\:btc-5-12:hover {
  border-top-color: var(--color-5-12) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.btw-1p {
  border-top-width: 1px;
}

.bw-1p, .border, .frame-flat {
  border-width: 1px;
}

.b-a {
  bottom: auto;
}

.b-n {
  bottom: 0;
}

.b-f {
  bottom: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:b-a {
    bottom: auto;
  }
  .pc\:b-n {
    bottom: 0;
  }
  .pc\:b-f {
    bottom: 100%;
  }
  .pc\:b-2xs {
    bottom: var(--size-2xs);
  }
  .pc\:b-xs {
    bottom: var(--size-xs);
  }
  .pc\:b-sm {
    bottom: var(--size-sm);
  }
  .pc\:b-md {
    bottom: var(--size-md);
  }
  .pc\:b-lg {
    bottom: var(--size-lg);
  }
  .pc\:b-2lg {
    bottom: var(--size-2lg);
  }
  .pc\:b-3lg {
    bottom: var(--size-3lg);
  }
  .pc\:b-4lg {
    bottom: var(--size-4lg);
  }
  .pc\:b-2col {
    bottom: var(--size-2col);
  }
  .pc\:b-3col {
    bottom: var(--size-3col);
  }
  .pc\:b-md-hero {
    bottom: var(--size-md-hero);
  }
  .pc\:b-md-container {
    bottom: var(--size-md-container);
  }
}
.bos-p, .frame-neu {
  box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) hsla(var(--color-primary-raw), 0.1), var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) rgba(0, 0, 0, 0.3);
}

.bos-b {
  box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) rgba(0, 0, 0, 0.3), var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) rgba(255, 255, 255, 0.3);
}

.bos-p-i, .frame-neu-i {
  box-shadow: inset var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) rgba(0, 0, 0, 0.4), inset var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) rgba(0, 0, 0, 0.3);
}

.bos-p-i-y {
  box-shadow: inset 0 var(--shadow-offset) var(--shadow-blur) rgba(0, 0, 0, 0.4), inset 0 var(--shadow-offset-neg) var(--shadow-blur) rgba(0, 0, 0, 0.3);
}

.bosi-bb {
  box-sizing: border-box;
}

.bosi-cb {
  box-sizing: content-box;
}

.c-1-1,
.h\:c-1-1:hover {
  color: var(--color-1-1) !important;
}

.c-1-2,
.h\:c-1-2:hover {
  color: var(--color-1-2) !important;
}

.c-1-3,
.h\:c-1-3:hover {
  color: var(--color-1-3) !important;
}

.c-1-4,
.h\:c-1-4:hover {
  color: var(--color-1-4) !important;
}

.c-1-5,
.h\:c-1-5:hover {
  color: var(--color-1-5) !important;
}

.c-1-6,
.h\:c-1-6:hover {
  color: var(--color-1-6) !important;
}

.c-1-7,
.h\:c-1-7:hover {
  color: var(--color-1-7) !important;
}

.c-1-8,
.h\:c-1-8:hover {
  color: var(--color-1-8) !important;
}

.c-1-9,
.h\:c-1-9:hover {
  color: var(--color-1-9) !important;
}

.c-1-10,
.h\:c-1-10:hover {
  color: var(--color-1-10) !important;
}

.c-1-11,
.h\:c-1-11:hover {
  color: var(--color-1-11) !important;
}

.c-1-12,
.h\:c-1-12:hover {
  color: var(--color-1-12) !important;
}

.c-2-1,
.h\:c-2-1:hover {
  color: var(--color-2-1) !important;
}

.c-2-2,
.h\:c-2-2:hover {
  color: var(--color-2-2) !important;
}

.c-2-3,
.h\:c-2-3:hover {
  color: var(--color-2-3) !important;
}

.c-2-4,
.h\:c-2-4:hover {
  color: var(--color-2-4) !important;
}

.c-2-5,
.h\:c-2-5:hover {
  color: var(--color-2-5) !important;
}

.c-2-6,
.h\:c-2-6:hover {
  color: var(--color-2-6) !important;
}

.c-2-7,
.h\:c-2-7:hover {
  color: var(--color-2-7) !important;
}

.c-2-8,
.h\:c-2-8:hover {
  color: var(--color-2-8) !important;
}

.c-2-9,
.h\:c-2-9:hover {
  color: var(--color-2-9) !important;
}

.c-2-10,
.h\:c-2-10:hover {
  color: var(--color-2-10) !important;
}

.c-2-11,
.h\:c-2-11:hover {
  color: var(--color-2-11) !important;
}

.c-2-12,
.h\:c-2-12:hover {
  color: var(--color-2-12) !important;
}

.c-3-1,
.h\:c-3-1:hover {
  color: var(--color-3-1) !important;
}

.c-3-2,
.h\:c-3-2:hover {
  color: var(--color-3-2) !important;
}

.c-3-3,
.h\:c-3-3:hover {
  color: var(--color-3-3) !important;
}

.c-3-4,
.h\:c-3-4:hover {
  color: var(--color-3-4) !important;
}

.c-3-5,
.h\:c-3-5:hover {
  color: var(--color-3-5) !important;
}

.c-3-6,
.h\:c-3-6:hover {
  color: var(--color-3-6) !important;
}

.c-3-7,
.h\:c-3-7:hover {
  color: var(--color-3-7) !important;
}

.c-3-8,
.h\:c-3-8:hover {
  color: var(--color-3-8) !important;
}

.c-3-9,
.h\:c-3-9:hover {
  color: var(--color-3-9) !important;
}

.c-3-10,
.h\:c-3-10:hover {
  color: var(--color-3-10) !important;
}

.c-3-11,
.h\:c-3-11:hover {
  color: var(--color-3-11) !important;
}

.c-3-12,
.h\:c-3-12:hover {
  color: var(--color-3-12) !important;
}

.c-4-1,
.h\:c-4-1:hover {
  color: var(--color-4-1) !important;
}

.c-4-2,
.h\:c-4-2:hover {
  color: var(--color-4-2) !important;
}

.c-4-3,
.h\:c-4-3:hover {
  color: var(--color-4-3) !important;
}

.c-4-4,
.h\:c-4-4:hover {
  color: var(--color-4-4) !important;
}

.c-4-5,
.h\:c-4-5:hover {
  color: var(--color-4-5) !important;
}

.c-4-6,
.h\:c-4-6:hover {
  color: var(--color-4-6) !important;
}

.c-4-7,
.h\:c-4-7:hover {
  color: var(--color-4-7) !important;
}

.c-4-8,
.h\:c-4-8:hover {
  color: var(--color-4-8) !important;
}

.c-4-9,
.h\:c-4-9:hover {
  color: var(--color-4-9) !important;
}

.c-4-10,
.h\:c-4-10:hover {
  color: var(--color-4-10) !important;
}

.c-4-11,
.h\:c-4-11:hover {
  color: var(--color-4-11) !important;
}

.c-4-12,
.h\:c-4-12:hover {
  color: var(--color-4-12) !important;
}

.c-5-1,
.h\:c-5-1:hover {
  color: var(--color-5-1) !important;
}

.c-5-2,
.h\:c-5-2:hover {
  color: var(--color-5-2) !important;
}

.c-5-3,
.h\:c-5-3:hover {
  color: var(--color-5-3) !important;
}

.c-5-4,
.h\:c-5-4:hover {
  color: var(--color-5-4) !important;
}

.c-5-5,
.h\:c-5-5:hover {
  color: var(--color-5-5) !important;
}

.c-5-6,
.h\:c-5-6:hover {
  color: var(--color-5-6) !important;
}

.c-5-7,
.h\:c-5-7:hover {
  color: var(--color-5-7) !important;
}

.c-5-8,
.h\:c-5-8:hover {
  color: var(--color-5-8) !important;
}

.c-5-9,
.h\:c-5-9:hover {
  color: var(--color-5-9) !important;
}

.c-5-10,
.h\:c-5-10:hover {
  color: var(--color-5-10) !important;
}

.c-5-11,
.h\:c-5-11:hover {
  color: var(--color-5-11) !important;
}

.c-5-12,
.h\:c-5-12:hover {
  color: var(--color-5-12) !important;
}

.cg-a {
  column-gap: auto;
}

.cg-n {
  column-gap: 0;
}

.cg-f {
  column-gap: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:cg-a {
    column-gap: auto;
  }
  .pc\:cg-n {
    column-gap: 0;
  }
  .pc\:cg-f {
    column-gap: 100%;
  }
  .pc\:cg-2xs {
    column-gap: var(--size-2xs);
  }
  .pc\:cg-xs {
    column-gap: var(--size-xs);
  }
  .pc\:cg-sm {
    column-gap: var(--size-sm);
  }
  .pc\:cg-md {
    column-gap: var(--size-md);
  }
  .pc\:cg-lg {
    column-gap: var(--size-lg);
  }
  .pc\:cg-2lg {
    column-gap: var(--size-2lg);
  }
  .pc\:cg-3lg {
    column-gap: var(--size-3lg);
  }
  .pc\:cg-4lg {
    column-gap: var(--size-4lg);
  }
  .pc\:cg-2col {
    column-gap: var(--size-2col);
  }
  .pc\:cg-3col {
    column-gap: var(--size-3col);
  }
  .pc\:cg-md-hero {
    column-gap: var(--size-md-hero);
  }
  .pc\:cg-md-container {
    column-gap: var(--size-md-container);
  }
}
.cu-al {
  cursor: alias;
}

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

.cu-au {
  cursor: auto;
}

.cu-ce {
  cursor: cell;
}

.cu-co {
  cursor: copy;
}

.cu-cr {
  cursor: crosshair;
}

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

.cu-d {
  cursor: default;
}

.cu-d {
  cursor: help;
}

.cu-g {
  cursor: grab;
}

.cu-gr {
  cursor: grabbing;
}

.cu-m {
  cursor: move;
}

.cu-n {
  cursor: none;
}

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

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

.cu-po {
  cursor: pointer;
}

.cu-pr {
  cursor: progress;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.cu-t {
  cursor: text;
}

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

.cu-w {
  cursor: wait;
}

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

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

.d-b {
  display: block;
}

.d-f, .logo, .horizontal,
.vertical, .label {
  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;
  }
}
.f-b-1 {
  filter: blur(1px);
}

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

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

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

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

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

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

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

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

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

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

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

.f-n {
  flex: none;
}

.f-0 {
  flex: 0 0 auto;
}

.f-1 {
  flex: 1;
}

.ff-c, .vertical {
  flex-flow: column;
}

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

.ff-r, .horizontal {
  flex-flow: row;
}

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

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

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

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

.ffs-2-3-4-11, .body {
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.fs-a {
  font-size: auto;
}

.fs-n {
  font-size: 0;
}

.fs-f {
  font-size: 100%;
}

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

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

.fs--xs {
  font-size: calc(var(--size-xs) * -1);
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:fs-a {
    font-size: auto;
  }
  .pc\:fs-n {
    font-size: 0;
  }
  .pc\:fs-f {
    font-size: 100%;
  }
  .pc\:fs-2xs {
    font-size: var(--size-2xs);
  }
  .pc\:fs-xs {
    font-size: var(--size-xs);
  }
  .pc\:fs-sm {
    font-size: var(--size-sm);
  }
  .pc\:fs-md {
    font-size: var(--size-md);
  }
  .pc\:fs-lg {
    font-size: var(--size-lg);
  }
  .pc\:fs-2lg {
    font-size: var(--size-2lg);
  }
  .pc\:fs-3lg {
    font-size: var(--size-3lg);
  }
  .pc\:fs-4lg {
    font-size: var(--size-4lg);
  }
  .pc\:fs-2col {
    font-size: var(--size-2col);
  }
  .pc\:fs-3col {
    font-size: var(--size-3col);
  }
  .pc\:fs-md-hero {
    font-size: var(--size-md-hero);
  }
  .pc\:fs-md-container {
    font-size: var(--size-md-container);
  }
}
.fw-100 {
  font-weight: 100;
}

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

.fw-300, .body {
  font-weight: 300;
}

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

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

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

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

.fw-800, .logo span {
  font-weight: 800;
}

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

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

.g-a {
  gap: auto;
}

.g-n {
  gap: 0;
}

.g-f {
  gap: 100%;
}

.g-2xs {
  gap: var(--size-2xs);
}

.g-xs {
  gap: var(--size-xs);
}

.g--xs {
  gap: calc(var(--size-xs) * -1);
}

.g-xs-h {
  gap: var(--size-xs-h);
}

.g-sm {
  gap: var(--size-sm);
}

.g-md {
  gap: var(--size-md);
}

.g-lg {
  gap: var(--size-lg);
}

.g-2lg {
  gap: var(--size-2lg);
}

.g-3lg {
  gap: var(--size-3lg);
}

.g-4lg {
  gap: var(--size-4lg);
}

.g-2col {
  gap: var(--size-2col);
}

.g-3col {
  gap: var(--size-3col);
}

.g-md-hero {
  gap: var(--size-md-hero);
}

.g-md-container {
  gap: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:g-a {
    gap: auto;
  }
  .pc\:g-n {
    gap: 0;
  }
  .pc\:g-f {
    gap: 100%;
  }
  .pc\:g-2xs {
    gap: var(--size-2xs);
  }
  .pc\:g-xs {
    gap: var(--size-xs);
  }
  .pc\:g-sm {
    gap: var(--size-sm);
  }
  .pc\:g-md {
    gap: var(--size-md);
  }
  .pc\:g-lg {
    gap: var(--size-lg);
  }
  .pc\:g-2lg {
    gap: var(--size-2lg);
  }
  .pc\:g-3lg {
    gap: var(--size-3lg);
  }
  .pc\:g-4lg {
    gap: var(--size-4lg);
  }
  .pc\:g-2col {
    gap: var(--size-2col);
  }
  .pc\:g-3col {
    gap: var(--size-3col);
  }
  .pc\:g-md-hero {
    gap: var(--size-md-hero);
  }
  .pc\:g-md-container {
    gap: var(--size-md-container);
  }
}
.h-a {
  height: auto;
}

.h-f {
  height: 100%;
}

.h-f-vh {
  height: 100vh;
}

.h-a {
  height: auto;
}

.h-n {
  height: 0;
}

.h-f {
  height: 100%;
}

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

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

.h--xs {
  height: calc(var(--size-xs) * -1);
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:h-a {
    height: auto;
  }
  .pc\:h-n {
    height: 0;
  }
  .pc\:h-f {
    height: 100%;
  }
  .pc\:h-2xs {
    height: var(--size-2xs);
  }
  .pc\:h-xs {
    height: var(--size-xs);
  }
  .pc\:h-sm {
    height: var(--size-sm);
  }
  .pc\:h-md {
    height: var(--size-md);
  }
  .pc\:h-lg {
    height: var(--size-lg);
  }
  .pc\:h-2lg {
    height: var(--size-2lg);
  }
  .pc\:h-3lg {
    height: var(--size-3lg);
  }
  .pc\:h-4lg {
    height: var(--size-4lg);
  }
  .pc\:h-2col {
    height: var(--size-2col);
  }
  .pc\:h-3col {
    height: var(--size-3col);
  }
  .pc\:h-md-hero {
    height: var(--size-md-hero);
  }
  .pc\:h-md-container {
    height: var(--size-md-container);
  }
}
.jc-c, .logo, .label {
  justify-content: center;
}

.jc-e {
  justify-content: end;
}

.jc-s {
  justify-content: start;
}

.jc-sa {
  justify-content: space-around;
}

.jc-se {
  justify-content: space-evenly;
}

.jc-sb {
  justify-content: space-between;
}

.ls--1px {
  letter-spacing: -1px;
}

.l-a {
  left: auto;
}

.l-n {
  left: 0;
}

.l-f {
  left: 100%;
}

.l-2xs {
  left: var(--size-2xs);
}

.l-xs {
  left: var(--size-xs);
}

.l--xs {
  left: calc(var(--size-xs) * -1);
}

.l-xs-h {
  left: var(--size-xs-h);
}

.l-sm {
  left: var(--size-sm);
}

.l-md {
  left: var(--size-md);
}

.l-lg {
  left: var(--size-lg);
}

.l-2lg {
  left: var(--size-2lg);
}

.l-3lg {
  left: var(--size-3lg);
}

.l-4lg {
  left: var(--size-4lg);
}

.l-2col {
  left: var(--size-2col);
}

.l-3col {
  left: var(--size-3col);
}

.l-md-hero {
  left: var(--size-md-hero);
}

.l-md-container {
  left: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:l-a {
    left: auto;
  }
  .pc\:l-n {
    left: 0;
  }
  .pc\:l-f {
    left: 100%;
  }
  .pc\:l-2xs {
    left: var(--size-2xs);
  }
  .pc\:l-xs {
    left: var(--size-xs);
  }
  .pc\:l-sm {
    left: var(--size-sm);
  }
  .pc\:l-md {
    left: var(--size-md);
  }
  .pc\:l-lg {
    left: var(--size-lg);
  }
  .pc\:l-2lg {
    left: var(--size-2lg);
  }
  .pc\:l-3lg {
    left: var(--size-3lg);
  }
  .pc\:l-4lg {
    left: var(--size-4lg);
  }
  .pc\:l-2col {
    left: var(--size-2col);
  }
  .pc\:l-3col {
    left: var(--size-3col);
  }
  .pc\:l-md-hero {
    left: var(--size-md-hero);
  }
  .pc\:l-md-container {
    left: var(--size-md-container);
  }
}
.lb-a {
  line-break: auto;
}

.lb-an {
  line-break: anywhere;
}

.lb-l {
  line-break: loose;
}

.lb-n {
  line-break: normal;
}

.lb-s {
  line-break: strict;
}

.lh-a {
  line-height: auto;
}

.lh-n {
  line-height: 0;
}

.lh-f {
  line-height: 100%;
}

.lh-2xs {
  line-height: var(--size-2xs);
}

.lh-xs {
  line-height: var(--size-xs);
}

.lh--xs {
  line-height: calc(var(--size-xs) * -1);
}

.lh-xs-h {
  line-height: var(--size-xs-h);
}

.lh-sm {
  line-height: var(--size-sm);
}

.lh-md {
  line-height: var(--size-md);
}

.lh-lg {
  line-height: var(--size-lg);
}

.lh-2lg {
  line-height: var(--size-2lg);
}

.lh-3lg {
  line-height: var(--size-3lg);
}

.lh-4lg {
  line-height: var(--size-4lg);
}

.lh-2col {
  line-height: var(--size-2col);
}

.lh-3col {
  line-height: var(--size-3col);
}

.lh-md-hero {
  line-height: var(--size-md-hero);
}

.lh-md-container {
  line-height: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:lh-a {
    line-height: auto;
  }
  .pc\:lh-n {
    line-height: 0;
  }
  .pc\:lh-f {
    line-height: 100%;
  }
  .pc\:lh-2xs {
    line-height: var(--size-2xs);
  }
  .pc\:lh-xs {
    line-height: var(--size-xs);
  }
  .pc\:lh-sm {
    line-height: var(--size-sm);
  }
  .pc\:lh-md {
    line-height: var(--size-md);
  }
  .pc\:lh-lg {
    line-height: var(--size-lg);
  }
  .pc\:lh-2lg {
    line-height: var(--size-2lg);
  }
  .pc\:lh-3lg {
    line-height: var(--size-3lg);
  }
  .pc\:lh-4lg {
    line-height: var(--size-4lg);
  }
  .pc\:lh-2col {
    line-height: var(--size-2col);
  }
  .pc\:lh-3col {
    line-height: var(--size-3col);
  }
  .pc\:lh-md-hero {
    line-height: var(--size-md-hero);
  }
  .pc\:lh-md-container {
    line-height: var(--size-md-container);
  }
}
.lst-n {
  list-style-type: none;
}

.mah-f-vh {
  max-height: 100vh;
}

.mah-f {
  max-height: 100%;
}

.maw-f-vh {
  max-width: 100vh;
}

.m-a {
  margin: auto;
}

.m-n {
  margin: 0;
}

.m-f {
  margin: 100%;
}

.m-2xs {
  margin: var(--size-2xs);
}

.m-xs {
  margin: var(--size-xs);
}

.m--xs {
  margin: calc(var(--size-xs) * -1);
}

.m-xs-h {
  margin: var(--size-xs-h);
}

.m-sm {
  margin: var(--size-sm);
}

.m-md {
  margin: var(--size-md);
}

.m-lg {
  margin: var(--size-lg);
}

.m-2lg {
  margin: var(--size-2lg);
}

.m-3lg {
  margin: var(--size-3lg);
}

.m-4lg {
  margin: var(--size-4lg);
}

.m-2col {
  margin: var(--size-2col);
}

.m-3col {
  margin: var(--size-3col);
}

.m-md-hero {
  margin: var(--size-md-hero);
}

.m-md-container {
  margin: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:m-a {
    margin: auto;
  }
  .pc\:m-n {
    margin: 0;
  }
  .pc\:m-f {
    margin: 100%;
  }
  .pc\:m-2xs {
    margin: var(--size-2xs);
  }
  .pc\:m-xs {
    margin: var(--size-xs);
  }
  .pc\:m-sm {
    margin: var(--size-sm);
  }
  .pc\:m-md {
    margin: var(--size-md);
  }
  .pc\:m-lg {
    margin: var(--size-lg);
  }
  .pc\:m-2lg {
    margin: var(--size-2lg);
  }
  .pc\:m-3lg {
    margin: var(--size-3lg);
  }
  .pc\:m-4lg {
    margin: var(--size-4lg);
  }
  .pc\:m-2col {
    margin: var(--size-2col);
  }
  .pc\:m-3col {
    margin: var(--size-3col);
  }
  .pc\:m-md-hero {
    margin: var(--size-md-hero);
  }
  .pc\:m-md-container {
    margin: var(--size-md-container);
  }
}
.mt-a {
  margin-top: auto;
}

.mt-n {
  margin-top: 0;
}

.mt-f {
  margin-top: 100%;
}

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

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

.mt--xs {
  margin-top: calc(var(--size-xs) * -1);
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:mt-a {
    margin-top: auto;
  }
  .pc\:mt-n {
    margin-top: 0;
  }
  .pc\:mt-f {
    margin-top: 100%;
  }
  .pc\:mt-2xs {
    margin-top: var(--size-2xs);
  }
  .pc\:mt-xs {
    margin-top: var(--size-xs);
  }
  .pc\:mt-sm {
    margin-top: var(--size-sm);
  }
  .pc\:mt-md {
    margin-top: var(--size-md);
  }
  .pc\:mt-lg {
    margin-top: var(--size-lg);
  }
  .pc\:mt-2lg {
    margin-top: var(--size-2lg);
  }
  .pc\:mt-3lg {
    margin-top: var(--size-3lg);
  }
  .pc\:mt-4lg {
    margin-top: var(--size-4lg);
  }
  .pc\:mt-2col {
    margin-top: var(--size-2col);
  }
  .pc\:mt-3col {
    margin-top: var(--size-3col);
  }
  .pc\:mt-md-hero {
    margin-top: var(--size-md-hero);
  }
  .pc\:mt-md-container {
    margin-top: var(--size-md-container);
  }
}
.mr-a {
  margin-right: auto;
}

.mr-n {
  margin-right: 0;
}

.mr-f {
  margin-right: 100%;
}

.mr-2xs {
  margin-right: var(--size-2xs);
}

.mr-xs {
  margin-right: var(--size-xs);
}

.mr--xs {
  margin-right: calc(var(--size-xs) * -1);
}

.mr-xs-h {
  margin-right: var(--size-xs-h);
}

.mr-sm {
  margin-right: var(--size-sm);
}

.mr-md {
  margin-right: var(--size-md);
}

.mr-lg {
  margin-right: var(--size-lg);
}

.mr-2lg {
  margin-right: var(--size-2lg);
}

.mr-3lg {
  margin-right: var(--size-3lg);
}

.mr-4lg {
  margin-right: var(--size-4lg);
}

.mr-2col {
  margin-right: var(--size-2col);
}

.mr-3col {
  margin-right: var(--size-3col);
}

.mr-md-hero {
  margin-right: var(--size-md-hero);
}

.mr-md-container {
  margin-right: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:mr-a {
    margin-right: auto;
  }
  .pc\:mr-n {
    margin-right: 0;
  }
  .pc\:mr-f {
    margin-right: 100%;
  }
  .pc\:mr-2xs {
    margin-right: var(--size-2xs);
  }
  .pc\:mr-xs {
    margin-right: var(--size-xs);
  }
  .pc\:mr-sm {
    margin-right: var(--size-sm);
  }
  .pc\:mr-md {
    margin-right: var(--size-md);
  }
  .pc\:mr-lg {
    margin-right: var(--size-lg);
  }
  .pc\:mr-2lg {
    margin-right: var(--size-2lg);
  }
  .pc\:mr-3lg {
    margin-right: var(--size-3lg);
  }
  .pc\:mr-4lg {
    margin-right: var(--size-4lg);
  }
  .pc\:mr-2col {
    margin-right: var(--size-2col);
  }
  .pc\:mr-3col {
    margin-right: var(--size-3col);
  }
  .pc\:mr-md-hero {
    margin-right: var(--size-md-hero);
  }
  .pc\:mr-md-container {
    margin-right: var(--size-md-container);
  }
}
.mb-a {
  margin-bottom: auto;
}

.mb-n {
  margin-bottom: 0;
}

.mb-f {
  margin-bottom: 100%;
}

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

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

.mb--xs {
  margin-bottom: calc(var(--size-xs) * -1);
}

.mb-xs-h {
  margin-bottom: var(--size-xs-h);
}

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

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

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

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

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

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

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

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

.mb-md-hero {
  margin-bottom: var(--size-md-hero);
}

.mb-md-container {
  margin-bottom: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:mb-a {
    margin-bottom: auto;
  }
  .pc\:mb-n {
    margin-bottom: 0;
  }
  .pc\:mb-f {
    margin-bottom: 100%;
  }
  .pc\:mb-2xs {
    margin-bottom: var(--size-2xs);
  }
  .pc\:mb-xs {
    margin-bottom: var(--size-xs);
  }
  .pc\:mb-sm {
    margin-bottom: var(--size-sm);
  }
  .pc\:mb-md {
    margin-bottom: var(--size-md);
  }
  .pc\:mb-lg {
    margin-bottom: var(--size-lg);
  }
  .pc\:mb-2lg {
    margin-bottom: var(--size-2lg);
  }
  .pc\:mb-3lg {
    margin-bottom: var(--size-3lg);
  }
  .pc\:mb-4lg {
    margin-bottom: var(--size-4lg);
  }
  .pc\:mb-2col {
    margin-bottom: var(--size-2col);
  }
  .pc\:mb-3col {
    margin-bottom: var(--size-3col);
  }
  .pc\:mb-md-hero {
    margin-bottom: var(--size-md-hero);
  }
  .pc\:mb-md-container {
    margin-bottom: var(--size-md-container);
  }
}
.ml-a {
  margin-left: auto;
}

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

.ml-f {
  margin-left: 100%;
}

.ml-2xs {
  margin-left: var(--size-2xs);
}

.ml-xs {
  margin-left: var(--size-xs);
}

.ml--xs {
  margin-left: calc(var(--size-xs) * -1);
}

.ml-xs-h {
  margin-left: var(--size-xs-h);
}

.ml-sm {
  margin-left: var(--size-sm);
}

.ml-md {
  margin-left: var(--size-md);
}

.ml-lg {
  margin-left: var(--size-lg);
}

.ml-2lg {
  margin-left: var(--size-2lg);
}

.ml-3lg {
  margin-left: var(--size-3lg);
}

.ml-4lg {
  margin-left: var(--size-4lg);
}

.ml-2col {
  margin-left: var(--size-2col);
}

.ml-3col {
  margin-left: var(--size-3col);
}

.ml-md-hero {
  margin-left: var(--size-md-hero);
}

.ml-md-container {
  margin-left: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:ml-a {
    margin-left: auto;
  }
  .pc\:ml-n {
    margin-left: 0;
  }
  .pc\:ml-f {
    margin-left: 100%;
  }
  .pc\:ml-2xs {
    margin-left: var(--size-2xs);
  }
  .pc\:ml-xs {
    margin-left: var(--size-xs);
  }
  .pc\:ml-sm {
    margin-left: var(--size-sm);
  }
  .pc\:ml-md {
    margin-left: var(--size-md);
  }
  .pc\:ml-lg {
    margin-left: var(--size-lg);
  }
  .pc\:ml-2lg {
    margin-left: var(--size-2lg);
  }
  .pc\:ml-3lg {
    margin-left: var(--size-3lg);
  }
  .pc\:ml-4lg {
    margin-left: var(--size-4lg);
  }
  .pc\:ml-2col {
    margin-left: var(--size-2col);
  }
  .pc\:ml-3col {
    margin-left: var(--size-3col);
  }
  .pc\:ml-md-hero {
    margin-left: var(--size-md-hero);
  }
  .pc\:ml-md-container {
    margin-left: var(--size-md-container);
  }
}
.mih-a {
  min-height: auto;
}

.mih-f {
  min-height: 100%;
}

.mih-f-vh {
  min-height: 100vh;
}

.mih-dv-f {
  min-height: 100dvh;
}

.mih-a {
  min-height: auto;
}

.mih-n {
  min-height: 0;
}

.mih-f {
  min-height: 100%;
}

.mih-2xs {
  min-height: var(--size-2xs);
}

.mih-xs {
  min-height: var(--size-xs);
}

.mih--xs {
  min-height: calc(var(--size-xs) * -1);
}

.mih-xs-h {
  min-height: var(--size-xs-h);
}

.mih-sm {
  min-height: var(--size-sm);
}

.mih-md {
  min-height: var(--size-md);
}

.mih-lg {
  min-height: var(--size-lg);
}

.mih-2lg {
  min-height: var(--size-2lg);
}

.mih-3lg {
  min-height: var(--size-3lg);
}

.mih-4lg {
  min-height: var(--size-4lg);
}

.mih-2col {
  min-height: var(--size-2col);
}

.mih-3col {
  min-height: var(--size-3col);
}

.mih-md-hero {
  min-height: var(--size-md-hero);
}

.mih-md-container {
  min-height: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:mih-a {
    min-height: auto;
  }
  .pc\:mih-n {
    min-height: 0;
  }
  .pc\:mih-f {
    min-height: 100%;
  }
  .pc\:mih-2xs {
    min-height: var(--size-2xs);
  }
  .pc\:mih-xs {
    min-height: var(--size-xs);
  }
  .pc\:mih-sm {
    min-height: var(--size-sm);
  }
  .pc\:mih-md {
    min-height: var(--size-md);
  }
  .pc\:mih-lg {
    min-height: var(--size-lg);
  }
  .pc\:mih-2lg {
    min-height: var(--size-2lg);
  }
  .pc\:mih-3lg {
    min-height: var(--size-3lg);
  }
  .pc\:mih-4lg {
    min-height: var(--size-4lg);
  }
  .pc\:mih-2col {
    min-height: var(--size-2col);
  }
  .pc\:mih-3col {
    min-height: var(--size-3col);
  }
  .pc\:mih-md-hero {
    min-height: var(--size-md-hero);
  }
  .pc\:mih-md-container {
    min-height: var(--size-md-container);
  }
}
.miw-f-vh {
  min-width: 100vh;
}

.miw-a {
  min-width: auto;
}

.miw-n {
  min-width: 0;
}

.miw-f {
  min-width: 100%;
}

.miw-2xs {
  min-width: var(--size-2xs);
}

.miw-xs {
  min-width: var(--size-xs);
}

.miw--xs {
  min-width: calc(var(--size-xs) * -1);
}

.miw-xs-h {
  min-width: var(--size-xs-h);
}

.miw-sm {
  min-width: var(--size-sm);
}

.miw-md {
  min-width: var(--size-md);
}

.miw-lg {
  min-width: var(--size-lg);
}

.miw-2lg {
  min-width: var(--size-2lg);
}

.miw-3lg {
  min-width: var(--size-3lg);
}

.miw-4lg {
  min-width: var(--size-4lg);
}

.miw-2col {
  min-width: var(--size-2col);
}

.miw-3col {
  min-width: var(--size-3col);
}

.miw-md-hero {
  min-width: var(--size-md-hero);
}

.miw-md-container {
  min-width: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:miw-a {
    min-width: auto;
  }
  .pc\:miw-n {
    min-width: 0;
  }
  .pc\:miw-f {
    min-width: 100%;
  }
  .pc\:miw-2xs {
    min-width: var(--size-2xs);
  }
  .pc\:miw-xs {
    min-width: var(--size-xs);
  }
  .pc\:miw-sm {
    min-width: var(--size-sm);
  }
  .pc\:miw-md {
    min-width: var(--size-md);
  }
  .pc\:miw-lg {
    min-width: var(--size-lg);
  }
  .pc\:miw-2lg {
    min-width: var(--size-2lg);
  }
  .pc\:miw-3lg {
    min-width: var(--size-3lg);
  }
  .pc\:miw-4lg {
    min-width: var(--size-4lg);
  }
  .pc\:miw-2col {
    min-width: var(--size-2col);
  }
  .pc\:miw-3col {
    min-width: var(--size-3col);
  }
  .pc\:miw-md-hero {
    min-width: var(--size-md-hero);
  }
  .pc\:miw-md-container {
    min-width: var(--size-md-container);
  }
}
.of-c {
  object-fit: contain;
}

.of-co {
  object-fit: cover;
}

.of-f {
  object-fit: fill;
}

.of-n {
  object-fit: none;
}

.of-sd {
  object-fit: scale-down;
}

.op-t {
  object-position: top;
}

.op-b {
  object-position: bottom;
}

.op-l {
  object-position: left;
}

.op-r {
  object-position: right;
}

.op-c {
  object-position: center;
}

.op-0 {
  opacity: 0%;
}

.op-1 {
  opacity: 10%;
}

.op-2 {
  opacity: 20%;
}

.op-3 {
  opacity: 30%;
}

.op-4 {
  opacity: 40%;
}

.op-5 {
  opacity: 50%;
}

.op-6 {
  opacity: 60%;
}

.op-7 {
  opacity: 70%;
}

.op-8 {
  opacity: 80%;
}

.op-9 {
  opacity: 90%;
}

.op-10 {
  opacity: 100%;
}

.ov-v {
  overflow: visible;
}

.ov-h {
  overflow: hidden;
}

.ov-c {
  overflow: clip;
}

.ov-s {
  overflow: scroll;
}

.ov-a {
  overflow: auto;
}

@media (min-width: 769px) {
  .pc\:ov-v {
    overflow: visible;
  }
  .pc\:ov-h {
    overflow: hidden;
  }
  .pc\:ov-c {
    overflow: clip;
  }
  .pc\:ov-s {
    overflow: scroll;
  }
  .pc\:ov-a {
    overflow: auto;
  }
}
.pa-a {
  padding: auto;
}

.pa-n {
  padding: 0;
}

.pa-f {
  padding: 100%;
}

.pa-2xs {
  padding: var(--size-2xs);
}

.pa-xs {
  padding: var(--size-xs);
}

.pa--xs {
  padding: calc(var(--size-xs) * -1);
}

.pa-xs-h {
  padding: var(--size-xs-h);
}

.pa-sm {
  padding: var(--size-sm);
}

.pa-md {
  padding: var(--size-md);
}

.pa-lg {
  padding: var(--size-lg);
}

.pa-2lg {
  padding: var(--size-2lg);
}

.pa-3lg {
  padding: var(--size-3lg);
}

.pa-4lg {
  padding: var(--size-4lg);
}

.pa-2col {
  padding: var(--size-2col);
}

.pa-3col {
  padding: var(--size-3col);
}

.pa-md-hero {
  padding: var(--size-md-hero);
}

.pa-md-container {
  padding: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:pa-a {
    padding: auto;
  }
  .pc\:pa-n {
    padding: 0;
  }
  .pc\:pa-f {
    padding: 100%;
  }
  .pc\:pa-2xs {
    padding: var(--size-2xs);
  }
  .pc\:pa-xs {
    padding: var(--size-xs);
  }
  .pc\:pa-sm {
    padding: var(--size-sm);
  }
  .pc\:pa-md {
    padding: var(--size-md);
  }
  .pc\:pa-lg {
    padding: var(--size-lg);
  }
  .pc\:pa-2lg {
    padding: var(--size-2lg);
  }
  .pc\:pa-3lg {
    padding: var(--size-3lg);
  }
  .pc\:pa-4lg {
    padding: var(--size-4lg);
  }
  .pc\:pa-2col {
    padding: var(--size-2col);
  }
  .pc\:pa-3col {
    padding: var(--size-3col);
  }
  .pc\:pa-md-hero {
    padding: var(--size-md-hero);
  }
  .pc\:pa-md-container {
    padding: var(--size-md-container);
  }
}
.pb-a {
  padding-bottom: auto;
}

.pb-n {
  padding-bottom: 0;
}

.pb-f {
  padding-bottom: 100%;
}

.pb-2xs {
  padding-bottom: var(--size-2xs);
}

.pb-xs {
  padding-bottom: var(--size-xs);
}

.pb--xs {
  padding-bottom: calc(var(--size-xs) * -1);
}

.pb-xs-h {
  padding-bottom: var(--size-xs-h);
}

.pb-sm {
  padding-bottom: var(--size-sm);
}

.pb-md {
  padding-bottom: var(--size-md);
}

.pb-lg {
  padding-bottom: var(--size-lg);
}

.pb-2lg {
  padding-bottom: var(--size-2lg);
}

.pb-3lg {
  padding-bottom: var(--size-3lg);
}

.pb-4lg {
  padding-bottom: var(--size-4lg);
}

.pb-2col {
  padding-bottom: var(--size-2col);
}

.pb-3col {
  padding-bottom: var(--size-3col);
}

.pb-md-hero {
  padding-bottom: var(--size-md-hero);
}

.pb-md-container {
  padding-bottom: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:pb-a {
    padding-bottom: auto;
  }
  .pc\:pb-n {
    padding-bottom: 0;
  }
  .pc\:pb-f {
    padding-bottom: 100%;
  }
  .pc\:pb-2xs {
    padding-bottom: var(--size-2xs);
  }
  .pc\:pb-xs {
    padding-bottom: var(--size-xs);
  }
  .pc\:pb-sm {
    padding-bottom: var(--size-sm);
  }
  .pc\:pb-md {
    padding-bottom: var(--size-md);
  }
  .pc\:pb-lg {
    padding-bottom: var(--size-lg);
  }
  .pc\:pb-2lg {
    padding-bottom: var(--size-2lg);
  }
  .pc\:pb-3lg {
    padding-bottom: var(--size-3lg);
  }
  .pc\:pb-4lg {
    padding-bottom: var(--size-4lg);
  }
  .pc\:pb-2col {
    padding-bottom: var(--size-2col);
  }
  .pc\:pb-3col {
    padding-bottom: var(--size-3col);
  }
  .pc\:pb-md-hero {
    padding-bottom: var(--size-md-hero);
  }
  .pc\:pb-md-container {
    padding-bottom: var(--size-md-container);
  }
}
.pl-a {
  padding-left: auto;
}

.pl-n {
  padding-left: 0;
}

.pl-f {
  padding-left: 100%;
}

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

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

.pl--xs {
  padding-left: calc(var(--size-xs) * -1);
}

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

.pl-sm, .menu-link {
  padding-left: var(--size-sm);
}

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:pl-a {
    padding-left: auto;
  }
  .pc\:pl-n {
    padding-left: 0;
  }
  .pc\:pl-f {
    padding-left: 100%;
  }
  .pc\:pl-2xs {
    padding-left: var(--size-2xs);
  }
  .pc\:pl-xs {
    padding-left: var(--size-xs);
  }
  .pc\:pl-sm {
    padding-left: var(--size-sm);
  }
  .pc\:pl-md {
    padding-left: var(--size-md);
  }
  .pc\:pl-lg {
    padding-left: var(--size-lg);
  }
  .pc\:pl-2lg {
    padding-left: var(--size-2lg);
  }
  .pc\:pl-3lg {
    padding-left: var(--size-3lg);
  }
  .pc\:pl-4lg {
    padding-left: var(--size-4lg);
  }
  .pc\:pl-2col {
    padding-left: var(--size-2col);
  }
  .pc\:pl-3col {
    padding-left: var(--size-3col);
  }
  .pc\:pl-md-hero {
    padding-left: var(--size-md-hero);
  }
  .pc\:pl-md-container {
    padding-left: var(--size-md-container);
  }
}
.pr-a {
  padding-right: auto;
}

.pr-n {
  padding-right: 0;
}

.pr-f {
  padding-right: 100%;
}

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

.pr-xs, .logo span {
  padding-right: var(--size-xs);
}

.pr--xs {
  padding-right: calc(var(--size-xs) * -1);
}

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

.pr-sm, .menu-link {
  padding-right: var(--size-sm);
}

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:pr-a {
    padding-right: auto;
  }
  .pc\:pr-n {
    padding-right: 0;
  }
  .pc\:pr-f {
    padding-right: 100%;
  }
  .pc\:pr-2xs {
    padding-right: var(--size-2xs);
  }
  .pc\:pr-xs {
    padding-right: var(--size-xs);
  }
  .pc\:pr-sm {
    padding-right: var(--size-sm);
  }
  .pc\:pr-md {
    padding-right: var(--size-md);
  }
  .pc\:pr-lg {
    padding-right: var(--size-lg);
  }
  .pc\:pr-2lg {
    padding-right: var(--size-2lg);
  }
  .pc\:pr-3lg {
    padding-right: var(--size-3lg);
  }
  .pc\:pr-4lg {
    padding-right: var(--size-4lg);
  }
  .pc\:pr-2col {
    padding-right: var(--size-2col);
  }
  .pc\:pr-3col {
    padding-right: var(--size-3col);
  }
  .pc\:pr-md-hero {
    padding-right: var(--size-md-hero);
  }
  .pc\:pr-md-container {
    padding-right: var(--size-md-container);
  }
}
.pt-a {
  padding-top: auto;
}

.pt-n {
  padding-top: 0;
}

.pt-f {
  padding-top: 100%;
}

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

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

.pt--xs {
  padding-top: calc(var(--size-xs) * -1);
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:pt-a {
    padding-top: auto;
  }
  .pc\:pt-n {
    padding-top: 0;
  }
  .pc\:pt-f {
    padding-top: 100%;
  }
  .pc\:pt-2xs {
    padding-top: var(--size-2xs);
  }
  .pc\:pt-xs {
    padding-top: var(--size-xs);
  }
  .pc\:pt-sm {
    padding-top: var(--size-sm);
  }
  .pc\:pt-md {
    padding-top: var(--size-md);
  }
  .pc\:pt-lg {
    padding-top: var(--size-lg);
  }
  .pc\:pt-2lg {
    padding-top: var(--size-2lg);
  }
  .pc\:pt-3lg {
    padding-top: var(--size-3lg);
  }
  .pc\:pt-4lg {
    padding-top: var(--size-4lg);
  }
  .pc\:pt-2col {
    padding-top: var(--size-2col);
  }
  .pc\:pt-3col {
    padding-top: var(--size-3col);
  }
  .pc\:pt-md-hero {
    padding-top: var(--size-md-hero);
  }
  .pc\:pt-md-container {
    padding-top: var(--size-md-container);
  }
}
.pe-n {
  pointer-events: none;
}

.p-a, .layer {
  position: absolute;
}

.p-f {
  position: fixed;
}

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

.p-s {
  position: static;
}

.p-st {
  position: sticky;
}

.r-b {
  resize: both;
}

.r-h {
  resize: horizontal;
}

.r-n {
  resize: none;
}

.r-v {
  resize: vertical;
}

.ri-a {
  right: auto;
}

.ri-n {
  right: 0;
}

.ri-f {
  right: 100%;
}

.ri-2xs {
  right: var(--size-2xs);
}

.ri-xs {
  right: var(--size-xs);
}

.ri--xs {
  right: calc(var(--size-xs) * -1);
}

.ri-xs-h {
  right: var(--size-xs-h);
}

.ri-sm {
  right: var(--size-sm);
}

.ri-md {
  right: var(--size-md);
}

.ri-lg {
  right: var(--size-lg);
}

.ri-2lg {
  right: var(--size-2lg);
}

.ri-3lg {
  right: var(--size-3lg);
}

.ri-4lg {
  right: var(--size-4lg);
}

.ri-2col {
  right: var(--size-2col);
}

.ri-3col {
  right: var(--size-3col);
}

.ri-md-hero {
  right: var(--size-md-hero);
}

.ri-md-container {
  right: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:ri-a {
    right: auto;
  }
  .pc\:ri-n {
    right: 0;
  }
  .pc\:ri-f {
    right: 100%;
  }
  .pc\:ri-2xs {
    right: var(--size-2xs);
  }
  .pc\:ri-xs {
    right: var(--size-xs);
  }
  .pc\:ri-sm {
    right: var(--size-sm);
  }
  .pc\:ri-md {
    right: var(--size-md);
  }
  .pc\:ri-lg {
    right: var(--size-lg);
  }
  .pc\:ri-2lg {
    right: var(--size-2lg);
  }
  .pc\:ri-3lg {
    right: var(--size-3lg);
  }
  .pc\:ri-4lg {
    right: var(--size-4lg);
  }
  .pc\:ri-2col {
    right: var(--size-2col);
  }
  .pc\:ri-3col {
    right: var(--size-3col);
  }
  .pc\:ri-md-hero {
    right: var(--size-md-hero);
  }
  .pc\:ri-md-container {
    right: var(--size-md-container);
  }
}
.rg-a {
  row-gap: auto;
}

.rg-n {
  row-gap: 0;
}

.rg-f {
  row-gap: 100%;
}

.rg-2xs {
  row-gap: var(--size-2xs);
}

.rg-xs {
  row-gap: var(--size-xs);
}

.rg--xs {
  row-gap: calc(var(--size-xs) * -1);
}

.rg-xs-h {
  row-gap: var(--size-xs-h);
}

.rg-sm {
  row-gap: var(--size-sm);
}

.rg-md {
  row-gap: var(--size-md);
}

.rg-lg {
  row-gap: var(--size-lg);
}

.rg-2lg {
  row-gap: var(--size-2lg);
}

.rg-3lg {
  row-gap: var(--size-3lg);
}

.rg-4lg {
  row-gap: var(--size-4lg);
}

.rg-2col {
  row-gap: var(--size-2col);
}

.rg-3col {
  row-gap: var(--size-3col);
}

.rg-md-hero {
  row-gap: var(--size-md-hero);
}

.rg-md-container {
  row-gap: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:rg-a {
    row-gap: auto;
  }
  .pc\:rg-n {
    row-gap: 0;
  }
  .pc\:rg-f {
    row-gap: 100%;
  }
  .pc\:rg-2xs {
    row-gap: var(--size-2xs);
  }
  .pc\:rg-xs {
    row-gap: var(--size-xs);
  }
  .pc\:rg-sm {
    row-gap: var(--size-sm);
  }
  .pc\:rg-md {
    row-gap: var(--size-md);
  }
  .pc\:rg-lg {
    row-gap: var(--size-lg);
  }
  .pc\:rg-2lg {
    row-gap: var(--size-2lg);
  }
  .pc\:rg-3lg {
    row-gap: var(--size-3lg);
  }
  .pc\:rg-4lg {
    row-gap: var(--size-4lg);
  }
  .pc\:rg-2col {
    row-gap: var(--size-2col);
  }
  .pc\:rg-3col {
    row-gap: var(--size-3col);
  }
  .pc\:rg-md-hero {
    row-gap: var(--size-md-hero);
  }
  .pc\:rg-md-container {
    row-gap: var(--size-md-container);
  }
}
.td-d {
  text-decoration: dashed;
}

.td-do {
  text-decoration: dotted;
}

.td-dou {
  text-decoration: double;
}

.td-lt {
  text-decoration: line-through;
}

.td-n {
  text-decoration: none;
}

.td-o {
  text-decoration: overline;
}

.td-s {
  text-decoration: solid;
}

.td-u {
  text-decoration: underline;
}

.td-w {
  text-decoration: wavy;
}

.ta-c {
  text-align: center;
}

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

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

.ta-l {
  text-align: left;
}

.ta-mp {
  text-align: match-parent;
}

.ta-r {
  text-align: right;
}

.ta-s {
  text-align: start;
}

@media (min-width: 769px) {
  .pc\:ta-c {
    text-align: center;
  }
  .pc\:ta-e {
    text-align: end;
  }
  .pc\:ta-j {
    text-align: justify;
  }
  .pc\:ta-l {
    text-align: left;
  }
  .pc\:ta-mp {
    text-align: match-parent;
  }
  .pc\:ta-r {
    text-align: right;
  }
  .pc\:ta-s {
    text-align: start;
  }
}
.ts-b {
  text-shadow: var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) light-dark(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)), var(--shadow-offset) var(--shadow-offset-neg) var(--shadow-blur) light-dark(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)), var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) light-dark(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3)), var(--shadow-offset-neg) var(--shadow-offset) var(--shadow-blur) light-dark(rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3));
}

.tt-c {
  text-transform: capitalize;
}

.tt-l {
  text-transform: lowercase;
}

.tt-n {
  text-transform: none;
}

.tt-u {
  text-transform: uppercase;
}

.t-a {
  top: auto;
}

.t-n {
  top: 0;
}

.t-f {
  top: 100%;
}

.t-2xs {
  top: var(--size-2xs);
}

.t-xs {
  top: var(--size-xs);
}

.t--xs {
  top: calc(var(--size-xs) * -1);
}

.t-xs-h {
  top: var(--size-xs-h);
}

.t-sm {
  top: var(--size-sm);
}

.t-md {
  top: var(--size-md);
}

.t-lg {
  top: var(--size-lg);
}

.t-2lg {
  top: var(--size-2lg);
}

.t-3lg {
  top: var(--size-3lg);
}

.t-4lg {
  top: var(--size-4lg);
}

.t-2col {
  top: var(--size-2col);
}

.t-3col {
  top: var(--size-3col);
}

.t-md-hero {
  top: var(--size-md-hero);
}

.t-md-container {
  top: var(--size-md-container);
}

@media (min-width: 769px) {
  .pc\:t-a {
    top: auto;
  }
  .pc\:t-n {
    top: 0;
  }
  .pc\:t-f {
    top: 100%;
  }
  .pc\:t-2xs {
    top: var(--size-2xs);
  }
  .pc\:t-xs {
    top: var(--size-xs);
  }
  .pc\:t-sm {
    top: var(--size-sm);
  }
  .pc\:t-md {
    top: var(--size-md);
  }
  .pc\:t-lg {
    top: var(--size-lg);
  }
  .pc\:t-2lg {
    top: var(--size-2lg);
  }
  .pc\:t-3lg {
    top: var(--size-3lg);
  }
  .pc\:t-4lg {
    top: var(--size-4lg);
  }
  .pc\:t-2col {
    top: var(--size-2col);
  }
  .pc\:t-3col {
    top: var(--size-3col);
  }
  .pc\:t-md-hero {
    top: var(--size-md-hero);
  }
  .pc\:t-md-container {
    top: var(--size-md-container);
  }
}
.t-t-h--h {
  transform: translate(0, -50%);
}

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

.t-t-h-0 {
  transform: translate(0, 0);
}

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

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

.t-t-3 {
  transition: transform 30ms ease-in-out;
}

.t-t-6 {
  transition: transform 60ms ease-in-out;
}

.t-t-9 {
  transition: transform 90ms ease-in-out;
}

.t-t-12 {
  transition: transform 120ms ease-in-out;
}

.t-t-15 {
  transition: transform 150ms ease-in-out;
}

.t-t-18 {
  transition: transform 180ms ease-in-out;
}

.t-t-21 {
  transition: transform 210ms ease-in-out;
}

.t-t-24 {
  transition: transform 240ms ease-in-out;
}

.t-t-27 {
  transition: transform 270ms ease-in-out;
}

.t-t-30 {
  transition: transform 300ms ease-in-out;
}

.v-h {
  visibility: hidden;
}

.v-v {
  visibility: visible;
}

.w-a {
  width: auto;
}

.w-f {
  width: 100%;
}

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

.w-a {
  width: auto;
}

.w-n {
  width: 0;
}

.w-f {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 769px) {
  .pc\:w-a {
    width: auto;
  }
  .pc\:w-n {
    width: 0;
  }
  .pc\:w-f {
    width: 100%;
  }
  .pc\:w-2xs {
    width: var(--size-2xs);
  }
  .pc\:w-xs {
    width: var(--size-xs);
  }
  .pc\:w-sm {
    width: var(--size-sm);
  }
  .pc\:w-md {
    width: var(--size-md);
  }
  .pc\:w-lg {
    width: var(--size-lg);
  }
  .pc\:w-2lg {
    width: var(--size-2lg);
  }
  .pc\:w-3lg {
    width: var(--size-3lg);
  }
  .pc\:w-4lg {
    width: var(--size-4lg);
  }
  .pc\:w-2col {
    width: var(--size-2col);
  }
  .pc\:w-3col {
    width: var(--size-3col);
  }
  .pc\:w-md-hero {
    width: var(--size-md-hero);
  }
  .pc\:w-md-container {
    width: var(--size-md-container);
  }
}
.zi--12 {
  z-index: -12;
}

.zi--11 {
  z-index: -11;
}

.zi--10 {
  z-index: -10;
}

.zi--9 {
  z-index: -9;
}

.zi--8 {
  z-index: -8;
}

.zi--7 {
  z-index: -7;
}

.zi--6 {
  z-index: -6;
}

.zi--5 {
  z-index: -5;
}

.zi--4 {
  z-index: -4;
}

.zi--3 {
  z-index: -3;
}

.zi--2 {
  z-index: -2;
}

.zi--1 {
  z-index: -1;
}

.zi-0 {
  z-index: 0;
}

.zi-1 {
  z-index: 1;
}

.zi-2 {
  z-index: 2;
}

.zi-3 {
  z-index: 3;
}

.zi-4 {
  z-index: 4;
}

.zi-5 {
  z-index: 5;
}

.zi-6 {
  z-index: 6;
}

.zi-7 {
  z-index: 7;
}

.zi-8 {
  z-index: 8;
}

.zi-9 {
  z-index: 9;
}

.zi-10 {
  z-index: 10;
}

.zi-11 {
  z-index: 11;
}

.zi-12 {
  z-index: 12;
}

/* Orientation */
@media (min-width: 769px) {
  .pc\:vertical {
    flex-flow: column;
  }
  .pc\:horizontal {
    flex-flow: row;
  }
}
/* Radio input */
label > input[type=radio]:checked + div {
  border: 1px solid black;
}

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

.frame-clay {
  box-shadow: inset 8px 8px 16px 0px rgba(255, 255, 255, 0.2), inset -8px -8px 16px 0px rgba(0, 0, 0, 0.4);
}

.back-glass, .frame-glass, .navbar, .frame-auto {
  background-color: light-dark(var(--color-glass-white), var(--color-glass-black));
}

.frame-glass, .navbar, .frame-auto {
  box-shadow: inset 0 1px 0 light-dark(rgba(0, 0, 0, 0.1), hsla(var(--color-quadary-raw), 0.3)), inset 1px 0 0 light-dark(rgba(0, 0, 0, 0.1), hsla(var(--color-quadary-raw), 0.3)), inset 0 -1px 0 light-dark(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.1)), inset -1px 0 0 light-dark(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.1)), inset 0 0 30px light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05));
}

/*$palette: gen_palette2(12, 100%, 50%);

$primary: #000;
$secondary: #FFF;

@if($color <= 6)
{
    $sub_palette: list.nth($palette, 5);
    $primary: list.nth($sub_palette, $color);

    $sub_palette: list.nth($palette, 1);
    $secondary: list.nth($sub_palette, ($color + 6) % 12);
}
@else
{
    $sub_palette: list.nth($palette, 1);
    $primary: list.nth($sub_palette, $color);

    $sub_palette: list.nth($palette, 5);
    $secondary: list.nth($sub_palette, ($color + 6) % 12);
}*/
/* Quarks */
: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;
  --color-primary-raw: 2deg,
  100%,
  50%;
  --color-primary: hsl(var(--color-primary-raw));
  --color-primary-3: 2deg,
  100%,
  50%;
  --color-1-indice: hsl(16, 100%, 18%);
  --color-2-indice: hsl(16, 100%, 24%);
  --color-3-indice: hsl(16, 100%, 50%);
  --color-4-indice: hsl(16, 100%, 69%);
  --color-5-indice: hsl(16, 100%, 82%);
  --color-secondary-raw: 92deg,
  100%,
  50%;
  --color-secondary: hsl(var(--color-secondary-raw));
  --color-secondary-3: 92deg,
  100%,
  50%;
  --color-ternary-raw: 272deg,
  100%,
  50%;
  --color-ternary: hsl(var(--color-ternary-raw));
  --color-ternary-3: 272deg,
  100%,
  50%;
  --color-quadary-raw: 182deg,
  100%,
  50%;
  --color-quadary: hsl(var(--color-quadary-raw));
  --color-quadary-3: 182deg,
  100%,
  50%;
  --color-glass-white: hsla(2deg, 100%, 95%, 0.5);
  --color-glass-black: hsla(92deg, 100%, 5%, 0.5);
  --color-gray-primary-0: hsl(16deg, 10%, 0%);
  --color-gray-secondary-0: hsl(106deg, 10%, 0%);
  --color-gray-ternary-0: hsl(286deg, 10%, 0%);
  --color-gray-quadary-0: hsl(196deg, 10%, 0%);
  --color-gray-primary-1: hsl(16deg, 10%, 2%);
  --color-gray-secondary-1: hsl(106deg, 10%, 2%);
  --color-gray-ternary-1: hsl(286deg, 10%, 2%);
  --color-gray-quadary-1: hsl(196deg, 10%, 2%);
  --color-gray-primary-2: hsl(16deg, 10%, 4%);
  --color-gray-secondary-2: hsl(106deg, 10%, 4%);
  --color-gray-ternary-2: hsl(286deg, 10%, 4%);
  --color-gray-quadary-2: hsl(196deg, 10%, 4%);
  --color-gray-primary-3: hsl(16deg, 10%, 6%);
  --color-gray-secondary-3: hsl(106deg, 10%, 6%);
  --color-gray-ternary-3: hsl(286deg, 10%, 6%);
  --color-gray-quadary-3: hsl(196deg, 10%, 6%);
  --color-gray-primary-4: hsl(16deg, 10%, 8%);
  --color-gray-secondary-4: hsl(106deg, 10%, 8%);
  --color-gray-ternary-4: hsl(286deg, 10%, 8%);
  --color-gray-quadary-4: hsl(196deg, 10%, 8%);
  --color-gray-primary-5: hsl(16deg, 10%, 10%);
  --color-gray-secondary-5: hsl(106deg, 10%, 10%);
  --color-gray-ternary-5: hsl(286deg, 10%, 10%);
  --color-gray-quadary-5: hsl(196deg, 10%, 10%);
  --color-gray-primary-6: hsl(16deg, 10%, 12%);
  --color-gray-secondary-6: hsl(106deg, 10%, 12%);
  --color-gray-ternary-6: hsl(286deg, 10%, 12%);
  --color-gray-quadary-6: hsl(196deg, 10%, 12%);
  --color-gray-primary-7: hsl(16deg, 10%, 14%);
  --color-gray-secondary-7: hsl(106deg, 10%, 14%);
  --color-gray-ternary-7: hsl(286deg, 10%, 14%);
  --color-gray-quadary-7: hsl(196deg, 10%, 14%);
  --color-gray-primary-8: hsl(16deg, 10%, 16%);
  --color-gray-secondary-8: hsl(106deg, 10%, 16%);
  --color-gray-ternary-8: hsl(286deg, 10%, 16%);
  --color-gray-quadary-8: hsl(196deg, 10%, 16%);
  --color-gray-primary-9: hsl(16deg, 10%, 18%);
  --color-gray-secondary-9: hsl(106deg, 10%, 18%);
  --color-gray-ternary-9: hsl(286deg, 10%, 18%);
  --color-gray-quadary-9: hsl(196deg, 10%, 18%);
  --color-gray-primary-10: hsl(16deg, 10%, 20%);
  --color-gray-secondary-10: hsl(106deg, 10%, 20%);
  --color-gray-ternary-10: hsl(286deg, 10%, 20%);
  --color-gray-quadary-10: hsl(196deg, 10%, 20%);
  --color-gray-primary-11: hsl(16deg, 10%, 22%);
  --color-gray-secondary-11: hsl(106deg, 10%, 22%);
  --color-gray-ternary-11: hsl(286deg, 10%, 22%);
  --color-gray-quadary-11: hsl(196deg, 10%, 22%);
  --color-gray-primary-12: hsl(16deg, 10%, 24%);
  --color-gray-secondary-12: hsl(106deg, 10%, 24%);
  --color-gray-ternary-12: hsl(286deg, 10%, 24%);
  --color-gray-quadary-12: hsl(196deg, 10%, 24%);
  --color-gray-primary-13: hsl(16deg, 10%, 26%);
  --color-gray-secondary-13: hsl(106deg, 10%, 26%);
  --color-gray-ternary-13: hsl(286deg, 10%, 26%);
  --color-gray-quadary-13: hsl(196deg, 10%, 26%);
  --color-gray-primary-14: hsl(16deg, 10%, 28%);
  --color-gray-secondary-14: hsl(106deg, 10%, 28%);
  --color-gray-ternary-14: hsl(286deg, 10%, 28%);
  --color-gray-quadary-14: hsl(196deg, 10%, 28%);
  --color-gray-primary-15: hsl(16deg, 10%, 30%);
  --color-gray-secondary-15: hsl(106deg, 10%, 30%);
  --color-gray-ternary-15: hsl(286deg, 10%, 30%);
  --color-gray-quadary-15: hsl(196deg, 10%, 30%);
  --color-gray-primary-16: hsl(16deg, 10%, 32%);
  --color-gray-secondary-16: hsl(106deg, 10%, 32%);
  --color-gray-ternary-16: hsl(286deg, 10%, 32%);
  --color-gray-quadary-16: hsl(196deg, 10%, 32%);
  --color-gray-primary-17: hsl(16deg, 10%, 34%);
  --color-gray-secondary-17: hsl(106deg, 10%, 34%);
  --color-gray-ternary-17: hsl(286deg, 10%, 34%);
  --color-gray-quadary-17: hsl(196deg, 10%, 34%);
  --color-gray-primary-18: hsl(16deg, 10%, 36%);
  --color-gray-secondary-18: hsl(106deg, 10%, 36%);
  --color-gray-ternary-18: hsl(286deg, 10%, 36%);
  --color-gray-quadary-18: hsl(196deg, 10%, 36%);
  --color-gray-primary-19: hsl(16deg, 10%, 38%);
  --color-gray-secondary-19: hsl(106deg, 10%, 38%);
  --color-gray-ternary-19: hsl(286deg, 10%, 38%);
  --color-gray-quadary-19: hsl(196deg, 10%, 38%);
  --color-gray-primary-20: hsl(16deg, 10%, 40%);
  --color-gray-secondary-20: hsl(106deg, 10%, 40%);
  --color-gray-ternary-20: hsl(286deg, 10%, 40%);
  --color-gray-quadary-20: hsl(196deg, 10%, 40%);
  --color-gray-primary-21: hsl(16deg, 10%, 42%);
  --color-gray-secondary-21: hsl(106deg, 10%, 42%);
  --color-gray-ternary-21: hsl(286deg, 10%, 42%);
  --color-gray-quadary-21: hsl(196deg, 10%, 42%);
  --color-gray-primary-22: hsl(16deg, 10%, 44%);
  --color-gray-secondary-22: hsl(106deg, 10%, 44%);
  --color-gray-ternary-22: hsl(286deg, 10%, 44%);
  --color-gray-quadary-22: hsl(196deg, 10%, 44%);
  --color-gray-primary-23: hsl(16deg, 10%, 46%);
  --color-gray-secondary-23: hsl(106deg, 10%, 46%);
  --color-gray-ternary-23: hsl(286deg, 10%, 46%);
  --color-gray-quadary-23: hsl(196deg, 10%, 46%);
  --color-gray-primary-24: hsl(16deg, 10%, 48%);
  --color-gray-secondary-24: hsl(106deg, 10%, 48%);
  --color-gray-ternary-24: hsl(286deg, 10%, 48%);
  --color-gray-quadary-24: hsl(196deg, 10%, 48%);
  --color-gray-primary-25: hsl(16deg, 10%, 50%);
  --color-gray-secondary-25: hsl(106deg, 10%, 50%);
  --color-gray-ternary-25: hsl(286deg, 10%, 50%);
  --color-gray-quadary-25: hsl(196deg, 10%, 50%);
  --color-gray-primary-26: hsl(16deg, 10%, 52%);
  --color-gray-secondary-26: hsl(106deg, 10%, 52%);
  --color-gray-ternary-26: hsl(286deg, 10%, 52%);
  --color-gray-quadary-26: hsl(196deg, 10%, 52%);
  --color-gray-primary-27: hsl(16deg, 10%, 54%);
  --color-gray-secondary-27: hsl(106deg, 10%, 54%);
  --color-gray-ternary-27: hsl(286deg, 10%, 54%);
  --color-gray-quadary-27: hsl(196deg, 10%, 54%);
  --color-gray-primary-28: hsl(16deg, 10%, 56%);
  --color-gray-secondary-28: hsl(106deg, 10%, 56%);
  --color-gray-ternary-28: hsl(286deg, 10%, 56%);
  --color-gray-quadary-28: hsl(196deg, 10%, 56%);
  --color-gray-primary-29: hsl(16deg, 10%, 58%);
  --color-gray-secondary-29: hsl(106deg, 10%, 58%);
  --color-gray-ternary-29: hsl(286deg, 10%, 58%);
  --color-gray-quadary-29: hsl(196deg, 10%, 58%);
  --color-gray-primary-30: hsl(16deg, 10%, 60%);
  --color-gray-secondary-30: hsl(106deg, 10%, 60%);
  --color-gray-ternary-30: hsl(286deg, 10%, 60%);
  --color-gray-quadary-30: hsl(196deg, 10%, 60%);
  --color-gray-primary-31: hsl(16deg, 10%, 62%);
  --color-gray-secondary-31: hsl(106deg, 10%, 62%);
  --color-gray-ternary-31: hsl(286deg, 10%, 62%);
  --color-gray-quadary-31: hsl(196deg, 10%, 62%);
  --color-gray-primary-32: hsl(16deg, 10%, 64%);
  --color-gray-secondary-32: hsl(106deg, 10%, 64%);
  --color-gray-ternary-32: hsl(286deg, 10%, 64%);
  --color-gray-quadary-32: hsl(196deg, 10%, 64%);
  --color-gray-primary-33: hsl(16deg, 10%, 66%);
  --color-gray-secondary-33: hsl(106deg, 10%, 66%);
  --color-gray-ternary-33: hsl(286deg, 10%, 66%);
  --color-gray-quadary-33: hsl(196deg, 10%, 66%);
  --color-gray-primary-34: hsl(16deg, 10%, 68%);
  --color-gray-secondary-34: hsl(106deg, 10%, 68%);
  --color-gray-ternary-34: hsl(286deg, 10%, 68%);
  --color-gray-quadary-34: hsl(196deg, 10%, 68%);
  --color-gray-primary-35: hsl(16deg, 10%, 70%);
  --color-gray-secondary-35: hsl(106deg, 10%, 70%);
  --color-gray-ternary-35: hsl(286deg, 10%, 70%);
  --color-gray-quadary-35: hsl(196deg, 10%, 70%);
  --color-gray-primary-36: hsl(16deg, 10%, 72%);
  --color-gray-secondary-36: hsl(106deg, 10%, 72%);
  --color-gray-ternary-36: hsl(286deg, 10%, 72%);
  --color-gray-quadary-36: hsl(196deg, 10%, 72%);
  --color-gray-primary-37: hsl(16deg, 10%, 74%);
  --color-gray-secondary-37: hsl(106deg, 10%, 74%);
  --color-gray-ternary-37: hsl(286deg, 10%, 74%);
  --color-gray-quadary-37: hsl(196deg, 10%, 74%);
  --color-gray-primary-38: hsl(16deg, 10%, 76%);
  --color-gray-secondary-38: hsl(106deg, 10%, 76%);
  --color-gray-ternary-38: hsl(286deg, 10%, 76%);
  --color-gray-quadary-38: hsl(196deg, 10%, 76%);
  --color-gray-primary-39: hsl(16deg, 10%, 78%);
  --color-gray-secondary-39: hsl(106deg, 10%, 78%);
  --color-gray-ternary-39: hsl(286deg, 10%, 78%);
  --color-gray-quadary-39: hsl(196deg, 10%, 78%);
  --color-gray-primary-40: hsl(16deg, 10%, 80%);
  --color-gray-secondary-40: hsl(106deg, 10%, 80%);
  --color-gray-ternary-40: hsl(286deg, 10%, 80%);
  --color-gray-quadary-40: hsl(196deg, 10%, 80%);
  --color-gray-primary-41: hsl(16deg, 10%, 82%);
  --color-gray-secondary-41: hsl(106deg, 10%, 82%);
  --color-gray-ternary-41: hsl(286deg, 10%, 82%);
  --color-gray-quadary-41: hsl(196deg, 10%, 82%);
  --color-gray-primary-42: hsl(16deg, 10%, 84%);
  --color-gray-secondary-42: hsl(106deg, 10%, 84%);
  --color-gray-ternary-42: hsl(286deg, 10%, 84%);
  --color-gray-quadary-42: hsl(196deg, 10%, 84%);
  --color-gray-primary-43: hsl(16deg, 10%, 86%);
  --color-gray-secondary-43: hsl(106deg, 10%, 86%);
  --color-gray-ternary-43: hsl(286deg, 10%, 86%);
  --color-gray-quadary-43: hsl(196deg, 10%, 86%);
  --color-gray-primary-44: hsl(16deg, 10%, 88%);
  --color-gray-secondary-44: hsl(106deg, 10%, 88%);
  --color-gray-ternary-44: hsl(286deg, 10%, 88%);
  --color-gray-quadary-44: hsl(196deg, 10%, 88%);
  --color-gray-primary-45: hsl(16deg, 10%, 90%);
  --color-gray-secondary-45: hsl(106deg, 10%, 90%);
  --color-gray-ternary-45: hsl(286deg, 10%, 90%);
  --color-gray-quadary-45: hsl(196deg, 10%, 90%);
  --color-gray-primary-46: hsl(16deg, 10%, 92%);
  --color-gray-secondary-46: hsl(106deg, 10%, 92%);
  --color-gray-ternary-46: hsl(286deg, 10%, 92%);
  --color-gray-quadary-46: hsl(196deg, 10%, 92%);
  --color-gray-primary-47: hsl(16deg, 10%, 94%);
  --color-gray-secondary-47: hsl(106deg, 10%, 94%);
  --color-gray-ternary-47: hsl(286deg, 10%, 94%);
  --color-gray-quadary-47: hsl(196deg, 10%, 94%);
  --color-gray-primary-48: hsl(16deg, 10%, 96%);
  --color-gray-secondary-48: hsl(106deg, 10%, 96%);
  --color-gray-ternary-48: hsl(286deg, 10%, 96%);
  --color-gray-quadary-48: hsl(196deg, 10%, 96%);
  --color-gray-primary-49: hsl(16deg, 10%, 98%);
  --color-gray-secondary-49: hsl(106deg, 10%, 98%);
  --color-gray-ternary-49: hsl(286deg, 10%, 98%);
  --color-gray-quadary-49: hsl(196deg, 10%, 98%);
  --color-gray-primary-50: hsl(16deg, 10%, 100%);
  --color-gray-secondary-50: hsl(106deg, 10%, 100%);
  --color-gray-ternary-50: hsl(286deg, 10%, 100%);
  --color-gray-quadary-50: hsl(196deg, 10%, 100%);
  --color-white: var(--color-gray-primary-47);
  --color-black: var(--color-gray-secondary-3);
  --color-primary1: hsl(16, 100%, 18%);
  --color-secondary1: hsl(286, 100%, 18%);
  --color-ternary1: hsl(196, 100%, 18%);
  --color-quadary1: hsl(106, 100%, 18%);
  --color-primary2: hsl(16, 100%, 24%);
  --color-secondary2: hsl(286, 100%, 24%);
  --color-ternary2: hsl(196, 100%, 24%);
  --color-quadary2: hsl(106, 100%, 24%);
  --color-primary3: hsl(16, 100%, 50%);
  --color-secondary3: hsl(286, 100%, 50%);
  --color-ternary3: hsl(196, 100%, 50%);
  --color-quadary3: hsl(106, 100%, 50%);
  --color-primary4: hsl(16, 100%, 69%);
  --color-secondary4: hsl(286, 100%, 69%);
  --color-ternary4: hsl(196, 100%, 69%);
  --color-quadary4: hsl(106, 100%, 69%);
  --color-primary5: hsl(16, 100%, 82%);
  --color-secondary5: hsl(286, 100%, 82%);
  --color-ternary5: hsl(196, 100%, 82%);
  --color-quadary5: hsl(106, 100%, 82%);
}

@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, .button:not(.secondary):not(.outline), .badge:not(.outline).primary {
  background-color: var(--color-primary);
}

.bac-s, .button.secondary:not(.outline), .badge:not(.outline).secondary {
  background-color: var(--color-secondary);
}

.bac-te, .badge:not(.outline).ternary {
  background-color: var(--color-ternary);
}

.bac-qua, .badge:not(.outline).quadary {
  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-secondary), var(--color-primary));
}

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

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

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

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

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

.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-black), var(--color-white));
}

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

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

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

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

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

.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-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-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-gp3,
.h\:bac-gp3:hover {
  background-color: var(--color-gray-primary-3);
}

.bac-gs3, .frame-flat:not(.outline), .frame-auto, .frame-auto:not(.outline),
.h\:bac-gs3:hover {
  background-color: var(--color-gray-secondary-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-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-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-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-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-gp9,
.h\:bac-gp9:hover {
  background-color: var(--color-gray-primary-9);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp21,
.h\:bac-gp21:hover {
  background-color: var(--color-gray-primary-21);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp31,
.h\:bac-gp31:hover {
  background-color: var(--color-gray-primary-31);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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-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-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-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-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-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-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-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-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-p-2 {
  background-color: var(--color-primary2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-black), var(--color-white));
}

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

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

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

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

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

.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-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-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-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-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-gp5, .card .card-header-border,
.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-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-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-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-gp9,
.h\:bbc-gp9:hover {
  border-bottom-color: var(--color-gray-primary-9);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp21,
.h\:bbc-gp21:hover {
  border-bottom-color: var(--color-gray-primary-21);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp31,
.h\:bbc-gp31:hover {
  border-bottom-color: var(--color-gray-primary-31);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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-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-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-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-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-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-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-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-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-p-2 {
  border-bottom-color: var(--color-primary2);
}

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

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

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

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

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

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

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

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

.boc-p, .button.outline:not(.secondary), .badge.outline.primary, .frame-flat.primary {
  border-color: var(--color-primary);
}

.boc-s, .button.outline.secondary, .badge.outline.secondary, .frame-flat.secondary {
  border-color: var(--color-secondary);
}

.boc-te, .badge.outline.ternary, .frame-flat.ternary {
  border-color: var(--color-ternary);
}

.boc-qua, .badge.outline.quadary, .frame-flat.quadary {
  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-secondary), var(--color-primary));
}

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

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

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

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

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

.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-black), var(--color-white));
}

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

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

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

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

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

.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-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-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-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-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-gp5,
.h\:boc-gp5:hover {
  border-color: var(--color-gray-primary-5);
}

.boc-gs5, .frame-flat, .frame-auto,
.h\:boc-gs5:hover {
  border-color: var(--color-gray-secondary-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-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-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-gp9,
.h\:boc-gp9:hover {
  border-color: var(--color-gray-primary-9);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp21,
.h\:boc-gp21:hover {
  border-color: var(--color-gray-primary-21);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp31,
.h\:boc-gp31:hover {
  border-color: var(--color-gray-primary-31);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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-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-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-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-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-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-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-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-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-p-2 {
  border-color: var(--color-primary2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-black), var(--color-white));
}

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

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

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

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

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

.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-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-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-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-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-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-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-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-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-gp9,
.h\:blc-gp9:hover {
  border-left-color: var(--color-gray-primary-9);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp21,
.h\:blc-gp21:hover {
  border-left-color: var(--color-gray-primary-21);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp31,
.h\:blc-gp31:hover {
  border-left-color: var(--color-gray-primary-31);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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-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-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-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-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-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-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-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-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-p-2 {
  border-left-color: var(--color-primary2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-black), var(--color-white));
}

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

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

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

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

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

.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-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-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-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-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-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-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-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-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-gp9,
.h\:brc-gp9:hover {
  border-right-color: var(--color-gray-primary-9);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp21,
.h\:brc-gp21:hover {
  border-right-color: var(--color-gray-primary-21);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp31,
.h\:brc-gp31:hover {
  border-right-color: var(--color-gray-primary-31);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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-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-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-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-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-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-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-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-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-p-2 {
  border-right-color: var(--color-primary2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-black), var(--color-white));
}

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

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

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

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

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

.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-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-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-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-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-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-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-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-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-gp9,
.h\:btc-gp9:hover {
  border-top-color: var(--color-gray-primary-9);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp21,
.h\:btc-gp21:hover {
  border-top-color: var(--color-gray-primary-21);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-gp31,
.h\:btc-gp31:hover {
  border-top-color: var(--color-gray-primary-31);
}

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

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

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

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

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

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

.btc-gs34,
.h\:btc-gs34:hover {
  border-top-color: var(--color-gray-secondary-34);
}

.btc-gp35,
.h\:btc-gp35:hover {
  border-top-color: var(--color-gray-primary-35);
}

.btc-gs35,
.h\:btc-gs35:hover {
  border-top-color: var(--color-gray-secondary-35);
}

.btc-gp36,
.h\:btc-gp36:hover {
  border-top-color: var(--color-gray-primary-36);
}

.btc-gs36,
.h\:btc-gs36:hover {
  border-top-color: var(--color-gray-secondary-36);
}

.btc-gp37,
.h\:btc-gp37:hover {
  border-top-color: var(--color-gray-primary-37);
}

.btc-gs37,
.h\:btc-gs37:hover {
  border-top-color: var(--color-gray-secondary-37);
}

.btc-gp38,
.h\:btc-gp38:hover {
  border-top-color: var(--color-gray-primary-38);
}

.btc-gs38,
.h\:btc-gs38:hover {
  border-top-color: var(--color-gray-secondary-38);
}

.btc-gp39,
.h\:btc-gp39:hover {
  border-top-color: var(--color-gray-primary-39);
}

.btc-gs39,
.h\:btc-gs39:hover {
  border-top-color: var(--color-gray-secondary-39);
}

.btc-gp40,
.h\:btc-gp40:hover {
  border-top-color: var(--color-gray-primary-40);
}

.btc-gs40,
.h\:btc-gs40:hover {
  border-top-color: var(--color-gray-secondary-40);
}

.btc-gp41,
.h\:btc-gp41:hover {
  border-top-color: var(--color-gray-primary-41);
}

.btc-gs41,
.h\:btc-gs41:hover {
  border-top-color: var(--color-gray-secondary-41);
}

.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-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-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-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-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-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-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-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-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-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-p-2 {
  border-top-color: var(--color-primary2);
}

.btc-s-2 {
  border-top-color: var(--color-secondary2);
}

.btc-p-3 {
  border-top-color: var(--color-primary3);
}

.btc-s-3 {
  border-top-color: var(--color-secondary3);
}

.btc-p-4 {
  border-top-color: var(--color-primary4);
}

.btc-s-4 {
  border-top-color: var(--color-secondary4);
}

.btc-p-5 {
  border-top-color: var(--color-primary5);
}

.btc-s-5 {
  border-top-color: var(--color-secondary5);
}

.c-ld-c {
  color: light-dark(var(--color-secondary), var(--color-primary));
}

.c-p, h1.title, h2.title, .link.primary, .badge.outline.primary {
  color: var(--color-primary);
}

.c-s, .link.secondary, .badge.outline.secondary {
  color: var(--color-secondary);
}

.c-te, .badge.outline.ternary {
  color: var(--color-ternary);
}

.c-qua, .comment, .badge.outline.quadary {
  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-secondary), var(--color-primary));
}

body:has(#theme-light:checked) .c-a-c {
  color: var(--color-secondary);
}

body:has(#theme-dark:checked) .c-a-c {
  color: var(--color-primary);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .c-r-c {
  color: light-dark(var(--color-primary), var(--color-secondary));
}

body:has(#theme-light:checked) .c-r-c {
  color: var(--color-primary);
}

body:has(#theme-dark:checked) .c-r-c {
  color: var(--color-secondary);
}

.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, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .logo span, .logo body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) span, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) h3.title, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .hr, body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .button.secondary:not(.outline) {
  color: light-dark(var(--color-black), var(--color-white));
}

body:has(#theme-light:checked) .c-a, body:has(#theme-light:checked) .logo span, .logo body:has(#theme-light:checked) span, body:has(#theme-light:checked) h3.title, body:has(#theme-light:checked) .hr, body:has(#theme-light:checked) .button.secondary:not(.outline) {
  color: var(--color-black);
}

body:has(#theme-dark:checked) .c-a, body:has(#theme-dark:checked) .logo span, .logo body:has(#theme-dark:checked) span, body:has(#theme-dark:checked) h3.title, body:has(#theme-dark:checked) .hr, body:has(#theme-dark:checked) .button.secondary:not(.outline) {
  color: var(--color-white);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .c-r {
  color: light-dark(var(--color-white), var(--color-black));
}

body:has(#theme-light:checked) .c-r {
  color: var(--color-white);
}

body:has(#theme-dark:checked) .c-r {
  color: var(--color-black);
}

.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-gp1,
.h\:c-gp1:hover {
  color: var(--color-gray-primary-1);
}

.c-gs1,
.h\:c-gs1:hover {
  color: var(--color-gray-secondary-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-gp3,
.h\:c-gp3:hover {
  color: var(--color-gray-primary-3);
}

.c-gs3,
.h\:c-gs3:hover {
  color: var(--color-gray-secondary-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-gp5,
.h\:c-gp5:hover {
  color: var(--color-gray-primary-5);
}

.c-gs5,
.h\:c-gs5:hover {
  color: var(--color-gray-secondary-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-gp7,
.h\:c-gp7:hover {
  color: var(--color-gray-primary-7);
}

.c-gs7,
.h\:c-gs7:hover {
  color: var(--color-gray-secondary-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-gp9,
.h\:c-gp9:hover {
  color: var(--color-gray-primary-9);
}

.c-gs9,
.h\:c-gs9:hover {
  color: var(--color-gray-secondary-9);
}

.c-gp10,
.h\:c-gp10:hover {
  color: var(--color-gray-primary-10);
}

.c-gs10,
.h\:c-gs10:hover {
  color: var(--color-gray-secondary-10);
}

.c-gp11,
.h\:c-gp11:hover {
  color: var(--color-gray-primary-11);
}

.c-gs11,
.h\:c-gs11:hover {
  color: var(--color-gray-secondary-11);
}

.c-gp12,
.h\:c-gp12:hover {
  color: var(--color-gray-primary-12);
}

.c-gs12,
.h\:c-gs12:hover {
  color: var(--color-gray-secondary-12);
}

.c-gp13,
.h\:c-gp13:hover {
  color: var(--color-gray-primary-13);
}

.c-gs13,
.h\:c-gs13:hover {
  color: var(--color-gray-secondary-13);
}

.c-gp14,
.h\:c-gp14:hover {
  color: var(--color-gray-primary-14);
}

.c-gs14,
.h\:c-gs14:hover {
  color: var(--color-gray-secondary-14);
}

.c-gp15,
.h\:c-gp15:hover {
  color: var(--color-gray-primary-15);
}

.c-gs15,
.h\:c-gs15:hover {
  color: var(--color-gray-secondary-15);
}

.c-gp16,
.h\:c-gp16:hover {
  color: var(--color-gray-primary-16);
}

.c-gs16,
.h\:c-gs16:hover {
  color: var(--color-gray-secondary-16);
}

.c-gp17,
.h\:c-gp17:hover {
  color: var(--color-gray-primary-17);
}

.c-gs17,
.h\:c-gs17:hover {
  color: var(--color-gray-secondary-17);
}

.c-gp18,
.h\:c-gp18:hover {
  color: var(--color-gray-primary-18);
}

.c-gs18,
.h\:c-gs18:hover {
  color: var(--color-gray-secondary-18);
}

.c-gp19,
.h\:c-gp19:hover {
  color: var(--color-gray-primary-19);
}

.c-gs19,
.h\:c-gs19:hover {
  color: var(--color-gray-secondary-19);
}

.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-gp21,
.h\:c-gp21:hover {
  color: var(--color-gray-primary-21);
}

.c-gs21,
.h\:c-gs21:hover {
  color: var(--color-gray-secondary-21);
}

.c-gp22,
.h\:c-gp22:hover {
  color: var(--color-gray-primary-22);
}

.c-gs22,
.h\:c-gs22:hover {
  color: var(--color-gray-secondary-22);
}

.c-gp23,
.h\:c-gp23:hover {
  color: var(--color-gray-primary-23);
}

.c-gs23,
.h\:c-gs23:hover {
  color: var(--color-gray-secondary-23);
}

.c-gp24,
.h\:c-gp24:hover {
  color: var(--color-gray-primary-24);
}

.c-gs24,
.h\:c-gs24:hover {
  color: var(--color-gray-secondary-24);
}

.c-gp25,
.h\:c-gp25:hover {
  color: var(--color-gray-primary-25);
}

.c-gs25,
.h\:c-gs25:hover {
  color: var(--color-gray-secondary-25);
}

.c-gp26,
.h\:c-gp26:hover {
  color: var(--color-gray-primary-26);
}

.c-gs26,
.h\:c-gs26:hover {
  color: var(--color-gray-secondary-26);
}

.c-gp27,
.h\:c-gp27:hover {
  color: var(--color-gray-primary-27);
}

.c-gs27,
.h\:c-gs27:hover {
  color: var(--color-gray-secondary-27);
}

.c-gp28,
.h\:c-gp28:hover {
  color: var(--color-gray-primary-28);
}

.c-gs28,
.h\:c-gs28:hover {
  color: var(--color-gray-secondary-28);
}

.c-gp29,
.h\:c-gp29:hover {
  color: var(--color-gray-primary-29);
}

.c-gs29,
.h\:c-gs29:hover {
  color: var(--color-gray-secondary-29);
}

.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-gp31,
.h\:c-gp31:hover {
  color: var(--color-gray-primary-31);
}

.c-gs31,
.h\:c-gs31:hover {
  color: var(--color-gray-secondary-31);
}

.c-gp32,
.h\:c-gp32:hover {
  color: var(--color-gray-primary-32);
}

.c-gs32, .text.lead, .lead.button,
.h\:c-gs32:hover {
  color: var(--color-gray-secondary-32);
}

.c-gp33,
.h\:c-gp33:hover {
  color: var(--color-gray-primary-33);
}

.c-gs33,
.h\:c-gs33:hover {
  color: var(--color-gray-secondary-33);
}

.c-gp34,
.h\:c-gp34:hover {
  color: var(--color-gray-primary-34);
}

.c-gs34,
.h\:c-gs34:hover {
  color: var(--color-gray-secondary-34);
}

.c-gp35,
.h\:c-gp35:hover {
  color: var(--color-gray-primary-35);
}

.c-gs35,
.h\:c-gs35:hover {
  color: var(--color-gray-secondary-35);
}

.c-gp36,
.h\:c-gp36:hover {
  color: var(--color-gray-primary-36);
}

.c-gs36,
.h\:c-gs36:hover {
  color: var(--color-gray-secondary-36);
}

.c-gp37,
.h\:c-gp37:hover {
  color: var(--color-gray-primary-37);
}

.c-gs37,
.h\:c-gs37:hover {
  color: var(--color-gray-secondary-37);
}

.c-gp38,
.h\:c-gp38:hover {
  color: var(--color-gray-primary-38);
}

.c-gs38,
.h\:c-gs38:hover {
  color: var(--color-gray-secondary-38);
}

.c-gp39,
.h\:c-gp39:hover {
  color: var(--color-gray-primary-39);
}

.c-gs39,
.h\:c-gs39:hover {
  color: var(--color-gray-secondary-39);
}

.c-gp40,
.h\:c-gp40:hover {
  color: var(--color-gray-primary-40);
}

.c-gs40,
.h\:c-gs40:hover {
  color: var(--color-gray-secondary-40);
}

.c-gp41,
.h\:c-gp41:hover {
  color: var(--color-gray-primary-41);
}

.c-gs41,
.h\:c-gs41:hover {
  color: var(--color-gray-secondary-41);
}

.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-gp43,
.h\:c-gp43:hover {
  color: var(--color-gray-primary-43);
}

.c-gs43,
.h\:c-gs43:hover {
  color: var(--color-gray-secondary-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-gp45,
.h\:c-gp45:hover {
  color: var(--color-gray-primary-45);
}

.c-gs45,
.h\:c-gs45:hover {
  color: var(--color-gray-secondary-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-gp47,
.h\:c-gp47:hover {
  color: var(--color-gray-primary-47);
}

.c-gs47,
.h\:c-gs47:hover {
  color: var(--color-gray-secondary-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-gp49,
.h\:c-gp49:hover {
  color: var(--color-gray-primary-49);
}

.c-gs49,
.h\:c-gs49:hover {
  color: var(--color-gray-secondary-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-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-p-2 {
  color: var(--color-primary2);
}

.c-s-2, .link.secondary:hover {
  color: var(--color-secondary2);
}

.c-p-3 {
  color: var(--color-primary3);
}

.c-s-3 {
  color: var(--color-secondary3);
}

.c-p-4, .link.primary:hover {
  color: var(--color-primary4);
}

.c-s-4 {
  color: var(--color-secondary4);
}

.c-p-5 {
  color: var(--color-primary5);
}

.c-s-5 {
  color: var(--color-secondary5);
}

.ff-m, .font-main, .body {
  font-family: "Geist";
}

.ff-mo, .comment {
  font-family: "Geist 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, .hero .paragraph, .text, .text.lead, .button, .lead.button {
  font-size: var(--size-6);
}

.fs-md-6 {
  font-size: var(--size-md-6);
}

.fs-7, .comment, .menu-link, .brand span {
  font-size: var(--size-7);
}

.fs-md-7 {
  font-size: var(--size-md-7);
}

.fs-8, .logo span, .hero .title, h2.title, h3.title {
  font-size: var(--size-8);
}

.fs-md-8 {
  font-size: var(--size-md-8);
}

.fs-9, h1.title {
  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) !important;
  }
  .pc\:fs-md-1 {
    font-size: var(--size-md-1) !important;
  }
  .pc\:fs-2 {
    font-size: var(--size-2) !important;
  }
  .pc\:fs-md-2 {
    font-size: var(--size-md-2) !important;
  }
  .pc\:fs-3 {
    font-size: var(--size-3) !important;
  }
  .pc\:fs-md-3 {
    font-size: var(--size-md-3) !important;
  }
  .pc\:fs-4 {
    font-size: var(--size-4) !important;
  }
  .pc\:fs-md-4 {
    font-size: var(--size-md-4) !important;
  }
  .pc\:fs-5 {
    font-size: var(--size-5) !important;
  }
  .pc\:fs-md-5 {
    font-size: var(--size-md-5) !important;
  }
  .pc\:fs-6 {
    font-size: var(--size-6) !important;
  }
  .pc\:fs-md-6 {
    font-size: var(--size-md-6) !important;
  }
  .pc\:fs-7, .hero .paragraph, .text.lead, .lead.button {
    font-size: var(--size-7) !important;
  }
  .pc\:fs-md-7 {
    font-size: var(--size-md-7) !important;
  }
  .pc\:fs-8 {
    font-size: var(--size-8) !important;
  }
  .pc\:fs-md-8 {
    font-size: var(--size-md-8) !important;
  }
  .pc\:fs-9, .hero .title {
    font-size: var(--size-9) !important;
  }
  .pc\:fs-md-9 {
    font-size: var(--size-md-9) !important;
  }
  .pc\:fs-10 {
    font-size: var(--size-10) !important;
  }
  .pc\:fs-md-10 {
    font-size: var(--size-md-10) !important;
  }
  .pc\:fs-11 {
    font-size: var(--size-11) !important;
  }
  .pc\:fs-md-11 {
    font-size: var(--size-md-11) !important;
  }
  .pc\:fs-12 {
    font-size: var(--size-12) !important;
  }
  .pc\:fs-md-12 {
    font-size: var(--size-md-12) !important;
  }
  .pc\:fs-13 {
    font-size: var(--size-13) !important;
  }
  .pc\:fs-md-13 {
    font-size: var(--size-md-13) !important;
  }
  .pc\:fs-14 {
    font-size: var(--size-14) !important;
  }
  .pc\:fs-md-14 {
    font-size: var(--size-md-14) !important;
  }
  .pc\:fs-15 {
    font-size: var(--size-15) !important;
  }
  .pc\:fs-md-15 {
    font-size: var(--size-md-15) !important;
  }
  .pc\:fs-16 {
    font-size: var(--size-16) !important;
  }
  .pc\:fs-md-16 {
    font-size: var(--size-md-16) !important;
  }
}
.h-1 {
  height: var(--size-1);
}

.h-md-1, .logo, .navbar, .side-layout .side-bar .sidebar-entry {
  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, .navbar .icon, .button {
  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) !important;
  }
  .pc\:h-md-1 {
    height: var(--size-md-1) !important;
  }
  .pc\:h-2 {
    height: var(--size-2) !important;
  }
  .pc\:h-md-2 {
    height: var(--size-md-2) !important;
  }
  .pc\:h-3 {
    height: var(--size-3) !important;
  }
  .pc\:h-md-3 {
    height: var(--size-md-3) !important;
  }
  .pc\:h-4 {
    height: var(--size-4) !important;
  }
  .pc\:h-md-4 {
    height: var(--size-md-4) !important;
  }
  .pc\:h-5 {
    height: var(--size-5) !important;
  }
  .pc\:h-md-5 {
    height: var(--size-md-5) !important;
  }
  .pc\:h-6 {
    height: var(--size-6) !important;
  }
  .pc\:h-md-6 {
    height: var(--size-md-6) !important;
  }
  .pc\:h-7 {
    height: var(--size-7) !important;
  }
  .pc\:h-md-7 {
    height: var(--size-md-7) !important;
  }
  .pc\:h-8 {
    height: var(--size-8) !important;
  }
  .pc\:h-md-8 {
    height: var(--size-md-8) !important;
  }
  .pc\:h-9 {
    height: var(--size-9) !important;
  }
  .pc\:h-md-9 {
    height: var(--size-md-9) !important;
  }
  .pc\:h-10 {
    height: var(--size-10) !important;
  }
  .pc\:h-md-10 {
    height: var(--size-md-10) !important;
  }
  .pc\:h-11 {
    height: var(--size-11) !important;
  }
  .pc\:h-md-11 {
    height: var(--size-md-11) !important;
  }
  .pc\:h-12 {
    height: var(--size-12) !important;
  }
  .pc\:h-md-12 {
    height: var(--size-md-12) !important;
  }
  .pc\:h-13 {
    height: var(--size-13) !important;
  }
  .pc\:h-md-13 {
    height: var(--size-md-13) !important;
  }
  .pc\:h-14 {
    height: var(--size-14) !important;
  }
  .pc\:h-md-14 {
    height: var(--size-md-14) !important;
  }
  .pc\:h-15 {
    height: var(--size-15) !important;
  }
  .pc\:h-md-15 {
    height: var(--size-md-15) !important;
  }
  .pc\:h-16 {
    height: var(--size-16) !important;
  }
  .pc\:h-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, .hero .paragraph, .text, .text.lead, .button, .lead.button {
  line-height: var(--size-7);
}

.lh-md-7 {
  line-height: var(--size-md-7);
}

.lh-8, .hero .title, h2.title, h3.title {
  line-height: var(--size-8);
}

.lh-md-8 {
  line-height: var(--size-md-8);
}

.lh-9, h1.title {
  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) !important;
  }
  .pc\:lh-md-1 {
    line-height: var(--size-md-1) !important;
  }
  .pc\:lh-2 {
    line-height: var(--size-2) !important;
  }
  .pc\:lh-md-2 {
    line-height: var(--size-md-2) !important;
  }
  .pc\:lh-3 {
    line-height: var(--size-3) !important;
  }
  .pc\:lh-md-3 {
    line-height: var(--size-md-3) !important;
  }
  .pc\:lh-4 {
    line-height: var(--size-4) !important;
  }
  .pc\:lh-md-4 {
    line-height: var(--size-md-4) !important;
  }
  .pc\:lh-5 {
    line-height: var(--size-5) !important;
  }
  .pc\:lh-md-5 {
    line-height: var(--size-md-5) !important;
  }
  .pc\:lh-6 {
    line-height: var(--size-6) !important;
  }
  .pc\:lh-md-6 {
    line-height: var(--size-md-6) !important;
  }
  .pc\:lh-7 {
    line-height: var(--size-7) !important;
  }
  .pc\:lh-md-7 {
    line-height: var(--size-md-7) !important;
  }
  .pc\:lh-8, .hero .paragraph {
    line-height: var(--size-8) !important;
  }
  .pc\:lh-md-8 {
    line-height: var(--size-md-8) !important;
  }
  .pc\:lh-9, .hero .title {
    line-height: var(--size-9) !important;
  }
  .pc\:lh-md-9 {
    line-height: var(--size-md-9) !important;
  }
  .pc\:lh-10 {
    line-height: var(--size-10) !important;
  }
  .pc\:lh-md-10 {
    line-height: var(--size-md-10) !important;
  }
  .pc\:lh-11 {
    line-height: var(--size-11) !important;
  }
  .pc\:lh-md-11 {
    line-height: var(--size-md-11) !important;
  }
  .pc\:lh-12 {
    line-height: var(--size-12) !important;
  }
  .pc\:lh-md-12 {
    line-height: var(--size-md-12) !important;
  }
  .pc\:lh-13 {
    line-height: var(--size-13) !important;
  }
  .pc\:lh-md-13 {
    line-height: var(--size-md-13) !important;
  }
  .pc\:lh-14 {
    line-height: var(--size-14) !important;
  }
  .pc\:lh-md-14 {
    line-height: var(--size-md-14) !important;
  }
  .pc\:lh-15 {
    line-height: var(--size-15) !important;
  }
  .pc\:lh-md-15 {
    line-height: var(--size-md-15) !important;
  }
  .pc\:lh-16 {
    line-height: var(--size-16) !important;
  }
  .pc\:lh-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) !important;
  }
  .pc\:m-md-1 {
    margin: var(--size-md-1) !important;
  }
  .pc\:m-2 {
    margin: var(--size-2) !important;
  }
  .pc\:m-md-2 {
    margin: var(--size-md-2) !important;
  }
  .pc\:m-3 {
    margin: var(--size-3) !important;
  }
  .pc\:m-md-3 {
    margin: var(--size-md-3) !important;
  }
  .pc\:m-4 {
    margin: var(--size-4) !important;
  }
  .pc\:m-md-4 {
    margin: var(--size-md-4) !important;
  }
  .pc\:m-5 {
    margin: var(--size-5) !important;
  }
  .pc\:m-md-5 {
    margin: var(--size-md-5) !important;
  }
  .pc\:m-6 {
    margin: var(--size-6) !important;
  }
  .pc\:m-md-6 {
    margin: var(--size-md-6) !important;
  }
  .pc\:m-7 {
    margin: var(--size-7) !important;
  }
  .pc\:m-md-7 {
    margin: var(--size-md-7) !important;
  }
  .pc\:m-8 {
    margin: var(--size-8) !important;
  }
  .pc\:m-md-8 {
    margin: var(--size-md-8) !important;
  }
  .pc\:m-9 {
    margin: var(--size-9) !important;
  }
  .pc\:m-md-9 {
    margin: var(--size-md-9) !important;
  }
  .pc\:m-10 {
    margin: var(--size-10) !important;
  }
  .pc\:m-md-10 {
    margin: var(--size-md-10) !important;
  }
  .pc\:m-11 {
    margin: var(--size-11) !important;
  }
  .pc\:m-md-11 {
    margin: var(--size-md-11) !important;
  }
  .pc\:m-12 {
    margin: var(--size-12) !important;
  }
  .pc\:m-md-12 {
    margin: var(--size-md-12) !important;
  }
  .pc\:m-13 {
    margin: var(--size-13) !important;
  }
  .pc\:m-md-13 {
    margin: var(--size-md-13) !important;
  }
  .pc\:m-14 {
    margin: var(--size-14) !important;
  }
  .pc\:m-md-14 {
    margin: var(--size-md-14) !important;
  }
  .pc\:m-15 {
    margin: var(--size-15) !important;
  }
  .pc\:m-md-15 {
    margin: var(--size-md-15) !important;
  }
  .pc\:m-16 {
    margin: var(--size-16) !important;
  }
  .pc\:m-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) !important;
  }
  .pc\:mt-md-1 {
    margin-top: var(--size-md-1) !important;
  }
  .pc\:mt-2 {
    margin-top: var(--size-2) !important;
  }
  .pc\:mt-md-2 {
    margin-top: var(--size-md-2) !important;
  }
  .pc\:mt-3 {
    margin-top: var(--size-3) !important;
  }
  .pc\:mt-md-3 {
    margin-top: var(--size-md-3) !important;
  }
  .pc\:mt-4 {
    margin-top: var(--size-4) !important;
  }
  .pc\:mt-md-4 {
    margin-top: var(--size-md-4) !important;
  }
  .pc\:mt-5 {
    margin-top: var(--size-5) !important;
  }
  .pc\:mt-md-5 {
    margin-top: var(--size-md-5) !important;
  }
  .pc\:mt-6 {
    margin-top: var(--size-6) !important;
  }
  .pc\:mt-md-6 {
    margin-top: var(--size-md-6) !important;
  }
  .pc\:mt-7 {
    margin-top: var(--size-7) !important;
  }
  .pc\:mt-md-7 {
    margin-top: var(--size-md-7) !important;
  }
  .pc\:mt-8 {
    margin-top: var(--size-8) !important;
  }
  .pc\:mt-md-8 {
    margin-top: var(--size-md-8) !important;
  }
  .pc\:mt-9 {
    margin-top: var(--size-9) !important;
  }
  .pc\:mt-md-9 {
    margin-top: var(--size-md-9) !important;
  }
  .pc\:mt-10 {
    margin-top: var(--size-10) !important;
  }
  .pc\:mt-md-10 {
    margin-top: var(--size-md-10) !important;
  }
  .pc\:mt-11 {
    margin-top: var(--size-11) !important;
  }
  .pc\:mt-md-11 {
    margin-top: var(--size-md-11) !important;
  }
  .pc\:mt-12 {
    margin-top: var(--size-12) !important;
  }
  .pc\:mt-md-12 {
    margin-top: var(--size-md-12) !important;
  }
  .pc\:mt-13 {
    margin-top: var(--size-13) !important;
  }
  .pc\:mt-md-13 {
    margin-top: var(--size-md-13) !important;
  }
  .pc\:mt-14 {
    margin-top: var(--size-14) !important;
  }
  .pc\:mt-md-14 {
    margin-top: var(--size-md-14) !important;
  }
  .pc\:mt-15 {
    margin-top: var(--size-15) !important;
  }
  .pc\:mt-md-15 {
    margin-top: var(--size-md-15) !important;
  }
  .pc\:mt-16 {
    margin-top: var(--size-16) !important;
  }
  .pc\:mt-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) !important;
  }
  .pc\:mr-md-1 {
    margin-right: var(--size-md-1) !important;
  }
  .pc\:mr-2 {
    margin-right: var(--size-2) !important;
  }
  .pc\:mr-md-2 {
    margin-right: var(--size-md-2) !important;
  }
  .pc\:mr-3 {
    margin-right: var(--size-3) !important;
  }
  .pc\:mr-md-3 {
    margin-right: var(--size-md-3) !important;
  }
  .pc\:mr-4 {
    margin-right: var(--size-4) !important;
  }
  .pc\:mr-md-4 {
    margin-right: var(--size-md-4) !important;
  }
  .pc\:mr-5 {
    margin-right: var(--size-5) !important;
  }
  .pc\:mr-md-5 {
    margin-right: var(--size-md-5) !important;
  }
  .pc\:mr-6 {
    margin-right: var(--size-6) !important;
  }
  .pc\:mr-md-6 {
    margin-right: var(--size-md-6) !important;
  }
  .pc\:mr-7 {
    margin-right: var(--size-7) !important;
  }
  .pc\:mr-md-7 {
    margin-right: var(--size-md-7) !important;
  }
  .pc\:mr-8 {
    margin-right: var(--size-8) !important;
  }
  .pc\:mr-md-8 {
    margin-right: var(--size-md-8) !important;
  }
  .pc\:mr-9 {
    margin-right: var(--size-9) !important;
  }
  .pc\:mr-md-9 {
    margin-right: var(--size-md-9) !important;
  }
  .pc\:mr-10 {
    margin-right: var(--size-10) !important;
  }
  .pc\:mr-md-10 {
    margin-right: var(--size-md-10) !important;
  }
  .pc\:mr-11 {
    margin-right: var(--size-11) !important;
  }
  .pc\:mr-md-11 {
    margin-right: var(--size-md-11) !important;
  }
  .pc\:mr-12 {
    margin-right: var(--size-12) !important;
  }
  .pc\:mr-md-12 {
    margin-right: var(--size-md-12) !important;
  }
  .pc\:mr-13 {
    margin-right: var(--size-13) !important;
  }
  .pc\:mr-md-13 {
    margin-right: var(--size-md-13) !important;
  }
  .pc\:mr-14 {
    margin-right: var(--size-14) !important;
  }
  .pc\:mr-md-14 {
    margin-right: var(--size-md-14) !important;
  }
  .pc\:mr-15 {
    margin-right: var(--size-15) !important;
  }
  .pc\:mr-md-15 {
    margin-right: var(--size-md-15) !important;
  }
  .pc\:mr-16 {
    margin-right: var(--size-16) !important;
  }
  .pc\:mr-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) !important;
  }
  .pc\:mb-md-1 {
    margin-bottom: var(--size-md-1) !important;
  }
  .pc\:mb-2 {
    margin-bottom: var(--size-2) !important;
  }
  .pc\:mb-md-2 {
    margin-bottom: var(--size-md-2) !important;
  }
  .pc\:mb-3 {
    margin-bottom: var(--size-3) !important;
  }
  .pc\:mb-md-3 {
    margin-bottom: var(--size-md-3) !important;
  }
  .pc\:mb-4 {
    margin-bottom: var(--size-4) !important;
  }
  .pc\:mb-md-4 {
    margin-bottom: var(--size-md-4) !important;
  }
  .pc\:mb-5 {
    margin-bottom: var(--size-5) !important;
  }
  .pc\:mb-md-5 {
    margin-bottom: var(--size-md-5) !important;
  }
  .pc\:mb-6 {
    margin-bottom: var(--size-6) !important;
  }
  .pc\:mb-md-6 {
    margin-bottom: var(--size-md-6) !important;
  }
  .pc\:mb-7 {
    margin-bottom: var(--size-7) !important;
  }
  .pc\:mb-md-7 {
    margin-bottom: var(--size-md-7) !important;
  }
  .pc\:mb-8 {
    margin-bottom: var(--size-8) !important;
  }
  .pc\:mb-md-8 {
    margin-bottom: var(--size-md-8) !important;
  }
  .pc\:mb-9 {
    margin-bottom: var(--size-9) !important;
  }
  .pc\:mb-md-9 {
    margin-bottom: var(--size-md-9) !important;
  }
  .pc\:mb-10 {
    margin-bottom: var(--size-10) !important;
  }
  .pc\:mb-md-10 {
    margin-bottom: var(--size-md-10) !important;
  }
  .pc\:mb-11 {
    margin-bottom: var(--size-11) !important;
  }
  .pc\:mb-md-11 {
    margin-bottom: var(--size-md-11) !important;
  }
  .pc\:mb-12 {
    margin-bottom: var(--size-12) !important;
  }
  .pc\:mb-md-12 {
    margin-bottom: var(--size-md-12) !important;
  }
  .pc\:mb-13 {
    margin-bottom: var(--size-13) !important;
  }
  .pc\:mb-md-13 {
    margin-bottom: var(--size-md-13) !important;
  }
  .pc\:mb-14 {
    margin-bottom: var(--size-14) !important;
  }
  .pc\:mb-md-14 {
    margin-bottom: var(--size-md-14) !important;
  }
  .pc\:mb-15 {
    margin-bottom: var(--size-15) !important;
  }
  .pc\:mb-md-15 {
    margin-bottom: var(--size-md-15) !important;
  }
  .pc\:mb-16 {
    margin-bottom: var(--size-16) !important;
  }
  .pc\:mb-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) !important;
  }
  .pc\:ml-md-1 {
    margin-left: var(--size-md-1) !important;
  }
  .pc\:ml-2 {
    margin-left: var(--size-2) !important;
  }
  .pc\:ml-md-2 {
    margin-left: var(--size-md-2) !important;
  }
  .pc\:ml-3 {
    margin-left: var(--size-3) !important;
  }
  .pc\:ml-md-3 {
    margin-left: var(--size-md-3) !important;
  }
  .pc\:ml-4 {
    margin-left: var(--size-4) !important;
  }
  .pc\:ml-md-4 {
    margin-left: var(--size-md-4) !important;
  }
  .pc\:ml-5 {
    margin-left: var(--size-5) !important;
  }
  .pc\:ml-md-5 {
    margin-left: var(--size-md-5) !important;
  }
  .pc\:ml-6 {
    margin-left: var(--size-6) !important;
  }
  .pc\:ml-md-6 {
    margin-left: var(--size-md-6) !important;
  }
  .pc\:ml-7 {
    margin-left: var(--size-7) !important;
  }
  .pc\:ml-md-7 {
    margin-left: var(--size-md-7) !important;
  }
  .pc\:ml-8 {
    margin-left: var(--size-8) !important;
  }
  .pc\:ml-md-8 {
    margin-left: var(--size-md-8) !important;
  }
  .pc\:ml-9 {
    margin-left: var(--size-9) !important;
  }
  .pc\:ml-md-9 {
    margin-left: var(--size-md-9) !important;
  }
  .pc\:ml-10 {
    margin-left: var(--size-10) !important;
  }
  .pc\:ml-md-10 {
    margin-left: var(--size-md-10) !important;
  }
  .pc\:ml-11 {
    margin-left: var(--size-11) !important;
  }
  .pc\:ml-md-11 {
    margin-left: var(--size-md-11) !important;
  }
  .pc\:ml-12 {
    margin-left: var(--size-12) !important;
  }
  .pc\:ml-md-12 {
    margin-left: var(--size-md-12) !important;
  }
  .pc\:ml-13 {
    margin-left: var(--size-13) !important;
  }
  .pc\:ml-md-13 {
    margin-left: var(--size-md-13) !important;
  }
  .pc\:ml-14 {
    margin-left: var(--size-14) !important;
  }
  .pc\:ml-md-14 {
    margin-left: var(--size-md-14) !important;
  }
  .pc\:ml-15 {
    margin-left: var(--size-15) !important;
  }
  .pc\:ml-md-15 {
    margin-left: var(--size-md-15) !important;
  }
  .pc\:ml-16 {
    margin-left: var(--size-16) !important;
  }
  .pc\:ml-md-16 {
    margin-left: var(--size-md-16) !important;
  }
}
.pb-1 {
  margin-bottom: var(--size-1);
}

.pb-md-1 {
  margin-bottom: var(--size-md-1);
}

.pb-2 {
  margin-bottom: var(--size-2);
}

.pb-md-2 {
  margin-bottom: var(--size-md-2);
}

.pb-3 {
  margin-bottom: var(--size-3);
}

.pb-md-3 {
  margin-bottom: var(--size-md-3);
}

.pb-4 {
  margin-bottom: var(--size-4);
}

.pb-md-4 {
  margin-bottom: var(--size-md-4);
}

.pb-5 {
  margin-bottom: var(--size-5);
}

.pb-md-5 {
  margin-bottom: var(--size-md-5);
}

.pb-6 {
  margin-bottom: var(--size-6);
}

.pb-md-6 {
  margin-bottom: var(--size-md-6);
}

.pb-7 {
  margin-bottom: var(--size-7);
}

.pb-md-7 {
  margin-bottom: var(--size-md-7);
}

.pb-8 {
  margin-bottom: var(--size-8);
}

.pb-md-8 {
  margin-bottom: var(--size-md-8);
}

.pb-9 {
  margin-bottom: var(--size-9);
}

.pb-md-9 {
  margin-bottom: var(--size-md-9);
}

.pb-10 {
  margin-bottom: var(--size-10);
}

.pb-md-10 {
  margin-bottom: var(--size-md-10);
}

.pb-11 {
  margin-bottom: var(--size-11);
}

.pb-md-11 {
  margin-bottom: var(--size-md-11);
}

.pb-12 {
  margin-bottom: var(--size-12);
}

.pb-md-12 {
  margin-bottom: var(--size-md-12);
}

.pb-13 {
  margin-bottom: var(--size-13);
}

.pb-md-13 {
  margin-bottom: var(--size-md-13);
}

.pb-14 {
  margin-bottom: var(--size-14);
}

.pb-md-14 {
  margin-bottom: var(--size-md-14);
}

.pb-15 {
  margin-bottom: var(--size-15);
}

.pb-md-15 {
  margin-bottom: var(--size-md-15);
}

.pb-16 {
  margin-bottom: var(--size-16);
}

.pb-md-16 {
  margin-bottom: var(--size-md-16);
}

@media (min-width: 769px) {
  .pc\:pb-1 {
    margin-bottom: var(--size-1) !important;
  }
  .pc\:pb-md-1 {
    margin-bottom: var(--size-md-1) !important;
  }
  .pc\:pb-2 {
    margin-bottom: var(--size-2) !important;
  }
  .pc\:pb-md-2 {
    margin-bottom: var(--size-md-2) !important;
  }
  .pc\:pb-3 {
    margin-bottom: var(--size-3) !important;
  }
  .pc\:pb-md-3 {
    margin-bottom: var(--size-md-3) !important;
  }
  .pc\:pb-4 {
    margin-bottom: var(--size-4) !important;
  }
  .pc\:pb-md-4 {
    margin-bottom: var(--size-md-4) !important;
  }
  .pc\:pb-5 {
    margin-bottom: var(--size-5) !important;
  }
  .pc\:pb-md-5 {
    margin-bottom: var(--size-md-5) !important;
  }
  .pc\:pb-6 {
    margin-bottom: var(--size-6) !important;
  }
  .pc\:pb-md-6 {
    margin-bottom: var(--size-md-6) !important;
  }
  .pc\:pb-7 {
    margin-bottom: var(--size-7) !important;
  }
  .pc\:pb-md-7 {
    margin-bottom: var(--size-md-7) !important;
  }
  .pc\:pb-8 {
    margin-bottom: var(--size-8) !important;
  }
  .pc\:pb-md-8 {
    margin-bottom: var(--size-md-8) !important;
  }
  .pc\:pb-9 {
    margin-bottom: var(--size-9) !important;
  }
  .pc\:pb-md-9 {
    margin-bottom: var(--size-md-9) !important;
  }
  .pc\:pb-10 {
    margin-bottom: var(--size-10) !important;
  }
  .pc\:pb-md-10 {
    margin-bottom: var(--size-md-10) !important;
  }
  .pc\:pb-11 {
    margin-bottom: var(--size-11) !important;
  }
  .pc\:pb-md-11 {
    margin-bottom: var(--size-md-11) !important;
  }
  .pc\:pb-12 {
    margin-bottom: var(--size-12) !important;
  }
  .pc\:pb-md-12 {
    margin-bottom: var(--size-md-12) !important;
  }
  .pc\:pb-13 {
    margin-bottom: var(--size-13) !important;
  }
  .pc\:pb-md-13 {
    margin-bottom: var(--size-md-13) !important;
  }
  .pc\:pb-14 {
    margin-bottom: var(--size-14) !important;
  }
  .pc\:pb-md-14 {
    margin-bottom: var(--size-md-14) !important;
  }
  .pc\:pb-15 {
    margin-bottom: var(--size-15) !important;
  }
  .pc\:pb-md-15 {
    margin-bottom: var(--size-md-15) !important;
  }
  .pc\:pb-16 {
    margin-bottom: var(--size-16) !important;
  }
  .pc\:pb-md-16 {
    margin-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) !important;
  }
  .pc\:pl-md-1 {
    padding-left: var(--size-md-1) !important;
  }
  .pc\:pl-2 {
    padding-left: var(--size-2) !important;
  }
  .pc\:pl-md-2 {
    padding-left: var(--size-md-2) !important;
  }
  .pc\:pl-3 {
    padding-left: var(--size-3) !important;
  }
  .pc\:pl-md-3 {
    padding-left: var(--size-md-3) !important;
  }
  .pc\:pl-4 {
    padding-left: var(--size-4) !important;
  }
  .pc\:pl-md-4 {
    padding-left: var(--size-md-4) !important;
  }
  .pc\:pl-5 {
    padding-left: var(--size-5) !important;
  }
  .pc\:pl-md-5 {
    padding-left: var(--size-md-5) !important;
  }
  .pc\:pl-6 {
    padding-left: var(--size-6) !important;
  }
  .pc\:pl-md-6 {
    padding-left: var(--size-md-6) !important;
  }
  .pc\:pl-7 {
    padding-left: var(--size-7) !important;
  }
  .pc\:pl-md-7 {
    padding-left: var(--size-md-7) !important;
  }
  .pc\:pl-8 {
    padding-left: var(--size-8) !important;
  }
  .pc\:pl-md-8 {
    padding-left: var(--size-md-8) !important;
  }
  .pc\:pl-9 {
    padding-left: var(--size-9) !important;
  }
  .pc\:pl-md-9 {
    padding-left: var(--size-md-9) !important;
  }
  .pc\:pl-10 {
    padding-left: var(--size-10) !important;
  }
  .pc\:pl-md-10 {
    padding-left: var(--size-md-10) !important;
  }
  .pc\:pl-11 {
    padding-left: var(--size-11) !important;
  }
  .pc\:pl-md-11 {
    padding-left: var(--size-md-11) !important;
  }
  .pc\:pl-12 {
    padding-left: var(--size-12) !important;
  }
  .pc\:pl-md-12 {
    padding-left: var(--size-md-12) !important;
  }
  .pc\:pl-13 {
    padding-left: var(--size-13) !important;
  }
  .pc\:pl-md-13 {
    padding-left: var(--size-md-13) !important;
  }
  .pc\:pl-14 {
    padding-left: var(--size-14) !important;
  }
  .pc\:pl-md-14 {
    padding-left: var(--size-md-14) !important;
  }
  .pc\:pl-15 {
    padding-left: var(--size-15) !important;
  }
  .pc\:pl-md-15 {
    padding-left: var(--size-md-15) !important;
  }
  .pc\:pl-16 {
    padding-left: var(--size-16) !important;
  }
  .pc\:pl-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) !important;
  }
  .pc\:pr-md-1 {
    padding-right: var(--size-md-1) !important;
  }
  .pc\:pr-2 {
    padding-right: var(--size-2) !important;
  }
  .pc\:pr-md-2 {
    padding-right: var(--size-md-2) !important;
  }
  .pc\:pr-3 {
    padding-right: var(--size-3) !important;
  }
  .pc\:pr-md-3 {
    padding-right: var(--size-md-3) !important;
  }
  .pc\:pr-4 {
    padding-right: var(--size-4) !important;
  }
  .pc\:pr-md-4 {
    padding-right: var(--size-md-4) !important;
  }
  .pc\:pr-5 {
    padding-right: var(--size-5) !important;
  }
  .pc\:pr-md-5 {
    padding-right: var(--size-md-5) !important;
  }
  .pc\:pr-6 {
    padding-right: var(--size-6) !important;
  }
  .pc\:pr-md-6 {
    padding-right: var(--size-md-6) !important;
  }
  .pc\:pr-7 {
    padding-right: var(--size-7) !important;
  }
  .pc\:pr-md-7 {
    padding-right: var(--size-md-7) !important;
  }
  .pc\:pr-8 {
    padding-right: var(--size-8) !important;
  }
  .pc\:pr-md-8 {
    padding-right: var(--size-md-8) !important;
  }
  .pc\:pr-9 {
    padding-right: var(--size-9) !important;
  }
  .pc\:pr-md-9 {
    padding-right: var(--size-md-9) !important;
  }
  .pc\:pr-10 {
    padding-right: var(--size-10) !important;
  }
  .pc\:pr-md-10 {
    padding-right: var(--size-md-10) !important;
  }
  .pc\:pr-11 {
    padding-right: var(--size-11) !important;
  }
  .pc\:pr-md-11 {
    padding-right: var(--size-md-11) !important;
  }
  .pc\:pr-12 {
    padding-right: var(--size-12) !important;
  }
  .pc\:pr-md-12 {
    padding-right: var(--size-md-12) !important;
  }
  .pc\:pr-13 {
    padding-right: var(--size-13) !important;
  }
  .pc\:pr-md-13 {
    padding-right: var(--size-md-13) !important;
  }
  .pc\:pr-14 {
    padding-right: var(--size-14) !important;
  }
  .pc\:pr-md-14 {
    padding-right: var(--size-md-14) !important;
  }
  .pc\:pr-15 {
    padding-right: var(--size-15) !important;
  }
  .pc\:pr-md-15 {
    padding-right: var(--size-md-15) !important;
  }
  .pc\:pr-16 {
    padding-right: var(--size-16) !important;
  }
  .pc\:pr-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) !important;
  }
  .pc\:pt-md-1 {
    padding-top: var(--size-md-1) !important;
  }
  .pc\:pt-2 {
    padding-top: var(--size-2) !important;
  }
  .pc\:pt-md-2 {
    padding-top: var(--size-md-2) !important;
  }
  .pc\:pt-3 {
    padding-top: var(--size-3) !important;
  }
  .pc\:pt-md-3 {
    padding-top: var(--size-md-3) !important;
  }
  .pc\:pt-4 {
    padding-top: var(--size-4) !important;
  }
  .pc\:pt-md-4 {
    padding-top: var(--size-md-4) !important;
  }
  .pc\:pt-5 {
    padding-top: var(--size-5) !important;
  }
  .pc\:pt-md-5 {
    padding-top: var(--size-md-5) !important;
  }
  .pc\:pt-6 {
    padding-top: var(--size-6) !important;
  }
  .pc\:pt-md-6 {
    padding-top: var(--size-md-6) !important;
  }
  .pc\:pt-7 {
    padding-top: var(--size-7) !important;
  }
  .pc\:pt-md-7 {
    padding-top: var(--size-md-7) !important;
  }
  .pc\:pt-8 {
    padding-top: var(--size-8) !important;
  }
  .pc\:pt-md-8 {
    padding-top: var(--size-md-8) !important;
  }
  .pc\:pt-9 {
    padding-top: var(--size-9) !important;
  }
  .pc\:pt-md-9 {
    padding-top: var(--size-md-9) !important;
  }
  .pc\:pt-10 {
    padding-top: var(--size-10) !important;
  }
  .pc\:pt-md-10 {
    padding-top: var(--size-md-10) !important;
  }
  .pc\:pt-11 {
    padding-top: var(--size-11) !important;
  }
  .pc\:pt-md-11 {
    padding-top: var(--size-md-11) !important;
  }
  .pc\:pt-12 {
    padding-top: var(--size-12) !important;
  }
  .pc\:pt-md-12 {
    padding-top: var(--size-md-12) !important;
  }
  .pc\:pt-13 {
    padding-top: var(--size-13) !important;
  }
  .pc\:pt-md-13 {
    padding-top: var(--size-md-13) !important;
  }
  .pc\:pt-14 {
    padding-top: var(--size-14) !important;
  }
  .pc\:pt-md-14 {
    padding-top: var(--size-md-14) !important;
  }
  .pc\:pt-15 {
    padding-top: var(--size-15) !important;
  }
  .pc\:pt-md-15 {
    padding-top: var(--size-md-15) !important;
  }
  .pc\:pt-16 {
    padding-top: var(--size-16) !important;
  }
  .pc\:pt-md-16 {
    padding-top: var(--size-md-16) !important;
  }
}
.w-1 {
  width: var(--size-1);
}

.w-md-1, .logo {
  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, .side-layout .side-bar {
  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, .navbar .icon {
  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) !important;
  }
  .pc\:w-md-1 {
    width: var(--size-md-1) !important;
  }
  .pc\:w-2 {
    width: var(--size-2) !important;
  }
  .pc\:w-md-2 {
    width: var(--size-md-2) !important;
  }
  .pc\:w-3 {
    width: var(--size-3) !important;
  }
  .pc\:w-md-3 {
    width: var(--size-md-3) !important;
  }
  .pc\:w-4 {
    width: var(--size-4) !important;
  }
  .pc\:w-md-4 {
    width: var(--size-md-4) !important;
  }
  .pc\:w-5 {
    width: var(--size-5) !important;
  }
  .pc\:w-md-5 {
    width: var(--size-md-5) !important;
  }
  .pc\:w-6 {
    width: var(--size-6) !important;
  }
  .pc\:w-md-6 {
    width: var(--size-md-6) !important;
  }
  .pc\:w-7 {
    width: var(--size-7) !important;
  }
  .pc\:w-md-7 {
    width: var(--size-md-7) !important;
  }
  .pc\:w-8 {
    width: var(--size-8) !important;
  }
  .pc\:w-md-8 {
    width: var(--size-md-8) !important;
  }
  .pc\:w-9 {
    width: var(--size-9) !important;
  }
  .pc\:w-md-9 {
    width: var(--size-md-9) !important;
  }
  .pc\:w-10 {
    width: var(--size-10) !important;
  }
  .pc\:w-md-10 {
    width: var(--size-md-10) !important;
  }
  .pc\:w-11 {
    width: var(--size-11) !important;
  }
  .pc\:w-md-11 {
    width: var(--size-md-11) !important;
  }
  .pc\:w-12 {
    width: var(--size-12) !important;
  }
  .pc\:w-md-12 {
    width: var(--size-md-12) !important;
  }
  .pc\:w-13 {
    width: var(--size-13) !important;
  }
  .pc\:w-md-13 {
    width: var(--size-md-13) !important;
  }
  .pc\:w-14 {
    width: var(--size-14) !important;
  }
  .pc\:w-md-14 {
    width: var(--size-md-14) !important;
  }
  .pc\:w-15 {
    width: var(--size-15) !important;
  }
  .pc\:w-md-15 {
    width: var(--size-md-15) !important;
  }
  .pc\:w-16 {
    width: var(--size-16) !important;
  }
  .pc\:w-md-16 {
    width: var(--size-md-16) !important;
  }
}
.ring.primary {
  box-shadow: 0 0 0 2px var(--color-primary2);
}

.text.lead, .lead.button {
  letter-spacing: 0.25px;
}

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);
}

.body {
  font-variation-settings: normal;
}

.button {
  background-color: transparent;
}

.navbar .brand:hover .icon {
  box-shadow: 0 0 5px var(--color-3-indice), 0 0 20px var(--color-3-indice);
}

h1.title span {
  transform: scale(1.15);
  transform-origin: left center;
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)).body {
  background-color: light-dark(var(--color-gray-primary-49), var(--color-gray-secondary-1));
}

body:has(#theme-light:checked).body {
  background-color: var(--color-gray-primary-49);
}

body:has(#theme-dark:checked).body {
  background-color: var(--color-gray-secondary-1);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)).body::before {
  background-color: light-dark(var(--color-gray-primary-49), var(--color-gray-secondary-1));
}

body:has(#theme-light:checked).body::before {
  background-color: var(--color-gray-primary-49);
}

body:has(#theme-dark:checked).body::before {
  background-color: var(--color-gray-secondary-1);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .frame {
  background-color: light-dark(var(--color-gray-primary-47), var(--color-gray-secondary-3));
}

body:has(#theme-light:checked) .frame {
  background-color: var(--color-gray-primary-47);
}

body:has(#theme-dark:checked) .frame {
  background-color: var(--color-gray-secondary-3);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .modal-frame {
  background-color: light-dark(var(--color-gray-primary-47), var(--color-gray-secondary-3));
}

body:has(#theme-light:checked) .modal-frame {
  background-color: var(--color-gray-primary-47);
}

body:has(#theme-dark:checked) .modal-frame {
  background-color: var(--color-gray-secondary-3);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .modal-frame {
  border-color: light-dark(var(--color-gray-primary-45), var(--color-gray-secondary-5));
}

body:has(#theme-light:checked) .modal-frame {
  border-color: var(--color-gray-primary-45);
}

body:has(#theme-dark:checked) .modal-frame {
  border-color: var(--color-gray-secondary-5);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .field input {
  background-color: light-dark(var(--color-gray-primary-45), var(--color-gray-secondary-5));
}

body:has(#theme-light:checked) .field input {
  background-color: var(--color-gray-primary-45);
}

body:has(#theme-dark:checked) .field input {
  background-color: var(--color-gray-secondary-5);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .field input {
  border-color: light-dark(var(--color-gray-primary-43), var(--color-gray-secondary-7));
}

body:has(#theme-light:checked) .field input {
  border-color: var(--color-gray-primary-43);
}

body:has(#theme-dark:checked) .field input {
  border-color: var(--color-gray-secondary-7);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .richtext {
  background-color: light-dark(var(--color-gray-primary-45), var(--color-gray-secondary-5));
}

body:has(#theme-light:checked) .richtext {
  background-color: var(--color-gray-primary-45);
}

body:has(#theme-dark:checked) .richtext {
  background-color: var(--color-gray-secondary-5);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .richtext {
  border-color: light-dark(var(--color-gray-primary-43), var(--color-gray-secondary-7));
}

body:has(#theme-light:checked) .richtext {
  border-color: var(--color-gray-primary-43);
}

body:has(#theme-dark:checked) .richtext {
  border-color: var(--color-gray-secondary-7);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .EasyMDEContainer .CodeMirror {
  background-color: light-dark(var(--color-gray-primary-45), var(--color-gray-secondary-5));
}

body:has(#theme-light:checked) .EasyMDEContainer .CodeMirror {
  background-color: var(--color-gray-primary-45);
}

body:has(#theme-dark:checked) .EasyMDEContainer .CodeMirror {
  background-color: var(--color-gray-secondary-5);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .EasyMDEContainer .CodeMirror {
  border-color: light-dark(var(--color-gray-primary-43), var(--color-gray-secondary-7));
}

body:has(#theme-light:checked) .EasyMDEContainer .CodeMirror {
  border-color: var(--color-gray-primary-43);
}

body:has(#theme-dark:checked) .EasyMDEContainer .CodeMirror {
  border-color: var(--color-gray-secondary-7);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .EasyMDEContainer .editor-toolbar {
  border-color: light-dark(var(--color-gray-primary-43), var(--color-gray-secondary-7));
}

body:has(#theme-light:checked) .EasyMDEContainer .editor-toolbar {
  border-color: var(--color-gray-primary-43);
}

body:has(#theme-dark:checked) .EasyMDEContainer .editor-toolbar {
  border-color: var(--color-gray-secondary-7);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .EasyMDEContainer .editor-toolbar .separator {
  border-color: light-dark(var(--color-gray-primary-43), var(--color-gray-secondary-7));
}

body:has(#theme-light:checked) .EasyMDEContainer .editor-toolbar .separator {
  border-color: var(--color-gray-primary-43);
}

body:has(#theme-dark:checked) .EasyMDEContainer .editor-toolbar .separator {
  border-color: var(--color-gray-secondary-7);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .EasyMDEContainer .editor-statusbar {
  border-color: light-dark(var(--color-gray-primary-43), var(--color-gray-secondary-7));
}

body:has(#theme-light:checked) .EasyMDEContainer .editor-statusbar {
  border-color: var(--color-gray-primary-43);
}

body:has(#theme-dark:checked) .EasyMDEContainer .editor-statusbar {
  border-color: var(--color-gray-secondary-7);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .hr::before {
  background-color: light-dark(var(--color-gray-primary-43), var(--color-gray-secondary-7));
}

body:has(#theme-light:checked) .hr::before {
  background-color: var(--color-gray-primary-43);
}

body:has(#theme-dark:checked) .hr::before {
  background-color: var(--color-gray-secondary-7);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .hr::after {
  background-color: light-dark(var(--color-gray-primary-43), var(--color-gray-secondary-7));
}

body:has(#theme-light:checked) .hr::after {
  background-color: var(--color-gray-primary-43);
}

body:has(#theme-dark:checked) .hr::after {
  background-color: var(--color-gray-secondary-7);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)).body {
  color: light-dark(var(--color-gray-secondary-0), var(--color-gray-primary-50));
}

body:has(#theme-light:checked).body {
  color: var(--color-gray-secondary-0);
}

body:has(#theme-dark:checked).body {
  color: var(--color-gray-primary-50);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .EasyMDEContainer .CodeMirror {
  color: light-dark(var(--color-gray-secondary-0), var(--color-gray-primary-50));
}

body:has(#theme-light:checked) .EasyMDEContainer .CodeMirror {
  color: var(--color-gray-secondary-0);
}

body:has(#theme-dark:checked) .EasyMDEContainer .CodeMirror {
  color: var(--color-gray-primary-50);
}

/* Design system */
:root {
  --size-border: var(--size-1);
  --size-ring: var(--size-2);
  --size-button: var(--size-8);
  --size-xs: var(--size-5);
  --size-xs-h: calc(var(--size-5) / 2);
  --size-sm: var(--size-6);
  --size-md: var(--size-9);
  --size-2col: var(--size-13);
  --size-3col: var(--size-12);
  --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);
}

#id_card {
  order: 1;
}

#skills {
  order: 2;
}

#about_img {
  order: 2;
}

#about_text {
  order: 1;
}

@media (min-width: 769px) {
  #id_card {
    order: 2;
  }
  #skills {
    order: 1;
  }
  #about_img {
    order: 1;
  }
  #about_text {
    order: 2;
  }
}
#main-content:not(:has(.hero)) {
  padding-top: calc(var(--size-md-1) + var(--size-xs));
}

#main-content .hero {
  padding-top: calc((var(--size-md-1)));
}

@media (min-width: 769px) {
  #main-content .hero {
    padding-top: 0;
  }
}
.logo {
  letter-spacing: -8px;
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .hero {
  background-color: light-dark(var(--color-gray-quadary-48), var(--color-gray-quadary-2));
}

body:has(#theme-light:checked) .hero {
  background-color: var(--color-gray-quadary-48);
}

body:has(#theme-dark:checked) .hero {
  background-color: var(--color-gray-quadary-2);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .header {
  background-color: light-dark(var(--color-gray-quadary-48), var(--color-gray-quadary-2));
}

body:has(#theme-light:checked) .header {
  background-color: var(--color-gray-quadary-48);
}

body:has(#theme-dark:checked) .header {
  background-color: var(--color-gray-quadary-2);
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .hero,
body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .grid {
  background-image: linear-gradient(to right, light-dark(rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.02)) 1px, transparent 1px), linear-gradient(to bottom, light-dark(rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.02)) 1px, transparent 1px);
}

body:has(#theme-light:checked) .hero,
body:has(#theme-light:checked) .grid {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px);
}

body:has(#theme-dark:checked) .hero,
body:has(#theme-dark:checked) .grid {
  background-color: var(--color-black);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
}

.hero,
.grid {
  background-size: 55px 55px, 55px 55px;
  background-position: right 50% top 0, right 50% top 0;
}

.tv {
  position: relative;
  overflow: hidden;
  display: block;
}
.tv::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
  background: radial-gradient(circle at center, transparent 40%, rgba(0, 0, 0, 0.4) 90%, rgba(0, 0, 0, 0.7) 100%);
}
.tv::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 11;
  pointer-events: none;
  background: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
}

.tv::before {
  content: " ";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 0%, rgba(0, 0, 0, 0.25) 50%);
  background-size: 100% 4px;
  z-index: 2;
  pointer-events: none;
}

.tv::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(0, 213, 255, 0.03);
  box-shadow: 0 0 10px 1px rgba(0, 213, 255, 0.03);
  opacity: 0.35;
  z-index: 5;
  pointer-events: none;
  animation: scanline 6s linear infinite;
}

@keyframes scanline {
  0% {
    /* On commence pile en haut */
    top: 0%;
  }
  100% {
    /* On finit pile en bas du cadre .tv */
    top: 100%;
  }
}
.tv-glass {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle, transparent 50%, rgba(0, 0, 0, 0.7) 150%);
  z-index: 3;
  pointer-events: none;
}

@keyframes flicker {
  0% {
    opacity: 0.92;
    filter: brightness(0.9);
  }
  5% {
    opacity: 0.98;
    filter: brightness(1.1);
  }
  10% {
    opacity: 0.94;
    filter: brightness(0.95);
  }
  15% {
    opacity: 0.99;
    filter: brightness(1.05);
  }
  20% {
    opacity: 0.92;
    filter: brightness(0.9);
  }
  25% {
    opacity: 1;
    filter: brightness(1);
  }
  /* On laisse une petite pause de stabilité à la fin */
  100% {
    opacity: 1;
    filter: brightness(1);
  }
}
.tv-content {
  position: absolute;
  animation: flicker 0.15s infinite;
  filter: blur(40px);
}

.obsidian-rock {
  position: relative;
  width: 100%;
  min-height: 100vh;
}

.obsidian-rock::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");
  opacity: 0.5;
  pointer-events: none;
  z-index: -1;
}

body:not(:has(#theme-light:checked)):not(:has(#theme-dark:checked)) .nav-link {
  color: light-dark(var(--color-gray-quadary-47), var(--color-gray-quadary-3));
}

body:has(#theme-light:checked) .nav-link {
  color: var(--color-gray-quadary-47);
}

body:has(#theme-dark:checked) .nav-link {
  color: var(--color-gray-quadary-3);
}

.nav-link {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(255, 255, 255, 0.9);
  transition: all 0.3s ease;
}
.nav-link:hover {
  color: var(--color-ternary4) !important;
  text-shadow: 0 0 8px var(--color-ternary3);
}

.nav-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--bg-dark);
  box-shadow: -3px -3px 8px rgba(0, 0, 255, 0.05), 5px 5px 12px rgba(0, 0, 0, 0.7), inset 1px 1px 1px rgba(0, 0, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
}
.nav-circle:active {
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.8), inset -1px -1px 2px rgba(0, 0, 255, 0.05);
  transform: scale(0.98);
}

.grass {
  position: relative;
  background-color: #2ecc71;
  overflow: hidden;
}

.grass::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  opacity: 1;
  pointer-events: none;
  z-index: 3;
  mix-blend-mode: overlay;
}

.skills-card {
  transform: translateY(0);
}

.skills-card:hover {
  transform: translateY(calc(var(--size-6) * -1));
  transition: transform 0.1s ease-in-out;
}

.project-card {
  transform: translateY(0);
}

.project-card:hover {
  transform: translateY(calc(var(--size-6) * -1));
  transition: transform 0.1s ease-in-out;
}

.terminal {
  border-left-width: var(--size-5);
}

/*# sourceMappingURL=theme_design.css.map */