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

html {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body,
p {
  margin: 0;
  font-size: var(--size-6);
}

input,
button,
textarea,
select {
  font-family: inherit;
}

/* Quarks */
:root {
  color-scheme: light dark;
  --color-1-1: hsl(50, 60%, 18%);
  --color-1-2: hsl(20, 60%, 18%);
  --color-1-3: hsl(350, 60%, 18%);
  --color-1-4: hsl(320, 60%, 18%);
  --color-1-5: hsl(290, 60%, 18%);
  --color-1-6: hsl(260, 60%, 18%);
  --color-1-7: hsl(230, 60%, 18%);
  --color-1-8: hsl(200, 60%, 18%);
  --color-1-9: hsl(170, 60%, 18%);
  --color-1-10: hsl(140, 60%, 18%);
  --color-1-11: hsl(110, 60%, 18%);
  --color-1-12: hsl(80, 60%, 18%);
  --color-2-1: hsl(50, 80%, 24%);
  --color-2-2: hsl(20, 80%, 24%);
  --color-2-3: hsl(350, 80%, 24%);
  --color-2-4: hsl(320, 80%, 24%);
  --color-2-5: hsl(290, 80%, 24%);
  --color-2-6: hsl(260, 80%, 24%);
  --color-2-7: hsl(230, 80%, 24%);
  --color-2-8: hsl(200, 80%, 24%);
  --color-2-9: hsl(170, 80%, 24%);
  --color-2-10: hsl(140, 80%, 24%);
  --color-2-11: hsl(110, 80%, 24%);
  --color-2-12: hsl(80, 80%, 24%);
  --color-3-1: hsl(50, 100%, 50%);
  --color-3-2: hsl(20, 100%, 50%);
  --color-3-3: hsl(350, 100%, 50%);
  --color-3-4: hsl(320, 100%, 50%);
  --color-3-5: hsl(290, 100%, 50%);
  --color-3-6: hsl(260, 100%, 50%);
  --color-3-7: hsl(230, 100%, 50%);
  --color-3-8: hsl(200, 100%, 50%);
  --color-3-9: hsl(170, 100%, 50%);
  --color-3-10: hsl(140, 100%, 50%);
  --color-3-11: hsl(110, 100%, 50%);
  --color-3-12: hsl(80, 100%, 50%);
  --color-4-1: hsl(50, 100%, 69%);
  --color-4-2: hsl(20, 100%, 69%);
  --color-4-3: hsl(350, 100%, 69%);
  --color-4-4: hsl(320, 100%, 69%);
  --color-4-5: hsl(290, 100%, 69%);
  --color-4-6: hsl(260, 100%, 69%);
  --color-4-7: hsl(230, 100%, 69%);
  --color-4-8: hsl(200, 100%, 69%);
  --color-4-9: hsl(170, 100%, 69%);
  --color-4-10: hsl(140, 100%, 69%);
  --color-4-11: hsl(110, 100%, 69%);
  --color-4-12: hsl(80, 100%, 69%);
  --color-5-1: hsl(50, 100%, 82%);
  --color-5-2: hsl(20, 100%, 82%);
  --color-5-3: hsl(350, 100%, 82%);
  --color-5-4: hsl(320, 100%, 82%);
  --color-5-5: hsl(290, 100%, 82%);
  --color-5-6: hsl(260, 100%, 82%);
  --color-5-7: hsl(230, 100%, 82%);
  --color-5-8: hsl(200, 100%, 82%);
  --color-5-9: hsl(170, 100%, 82%);
  --color-5-10: hsl(140, 100%, 82%);
  --color-5-11: hsl(110, 100%, 82%);
  --color-5-12: hsl(80, 100%, 82%);
  --phi: 1.618;
  --grid-pixel-eighth: 1px;
  --grid-pixel-quarter: 2px;
  --grid-pixel-semi: 4px;
  --grid-pixel-1: 8px;
  --grid-pixel-2: 16px;
  --grid-pixel-3: 24px;
  --grid-pixel-4: 32px;
  --grid-pixel-5: 40px;
  --grid-pixel-6: 48px;
  --grid-pixel-7: 56px;
  --grid-pixel-8: 64px;
  --grid-pixel-9: 72px;
  --grid-pixel-10: 80px;
  --grid-pixel-11: 88px;
  --grid-pixel-12: 96px;
  --shadow-offset: var(--size-shadow-offset);
  --shadow-offset-neg: calc(-1 * var(--size-shadow-offset));
  --shadow-blur: var(--size-shadow-blur);
}

/* Particles */
.ai-c {
  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 {
  aspect-ratio: 1.6180339887;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bbc-n {
  border-bottom-color: transparent;
}

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

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

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

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

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

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

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

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

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

.boc-n {
  border-color: transparent;
}

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

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

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

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

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

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

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

.blc-n {
  border-left-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.br-9999px {
  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 {
  border-radius: var(--size-xs);
}

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

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

.br-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-shadow {
  border-radius: var(--size-shadow);
}

.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-shadow {
    border-radius: var(--size-shadow);
  }
  .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-sm {
  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-shadow {
  border-top-left-radius: var(--size-shadow);
}

.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-shadow {
    border-top-left-radius: var(--size-shadow);
  }
  .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-sm {
  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-shadow {
  border-bottom-left-radius: var(--size-shadow);
}

.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-shadow {
    border-bottom-left-radius: var(--size-shadow);
  }
  .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-sm {
  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-shadow {
  border-top-right-radius: var(--size-shadow);
}

.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-shadow {
    border-top-right-radius: var(--size-shadow);
  }
  .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-sm {
  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-shadow {
  border-bottom-right-radius: var(--size-shadow);
}

.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-shadow {
    border-bottom-right-radius: var(--size-shadow);
  }
  .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-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-shadow {
  border-bottom-left-radius: var(--size-shadow);
}

.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-shadow {
    border-bottom-left-radius: var(--size-shadow);
  }
  .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-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-shadow {
  border-bottom-right-radius: var(--size-shadow);
}

.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-shadow {
    border-bottom-right-radius: var(--size-shadow);
  }
  .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-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-shadow {
  border-top-left-radius: var(--size-shadow);
}

.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-shadow {
    border-top-left-radius: var(--size-shadow);
  }
  .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-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-shadow {
  border-top-right-radius: var(--size-shadow);
}

.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-shadow {
    border-top-right-radius: var(--size-shadow);
  }
  .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;
}

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

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

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

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

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

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

.brc-n {
  border-right-color: transparent;
}

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

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

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

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

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

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

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

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

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

.btc-n {
  border-top-color: transparent;
}

.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-width: 1px;
}

.bo-a {
  bottom: auto;
}

.bo-n {
  bottom: 0;
}

.bo-f {
  bottom: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.bo-shadow {
  bottom: var(--size-shadow);
}

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

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

@media (min-width: 769px) {
  .pc\:bo-a {
    bottom: auto;
  }
  .pc\:bo-n {
    bottom: 0;
  }
  .pc\:bo-f {
    bottom: 100%;
  }
  .pc\:bo-2xs {
    bottom: var(--size-2xs);
  }
  .pc\:bo-xs {
    bottom: var(--size-xs);
  }
  .pc\:bo-sm {
    bottom: var(--size-sm);
  }
  .pc\:bo-md {
    bottom: var(--size-md);
  }
  .pc\:bo-lg {
    bottom: var(--size-lg);
  }
  .pc\:bo-2lg {
    bottom: var(--size-2lg);
  }
  .pc\:bo-3lg {
    bottom: var(--size-3lg);
  }
  .pc\:bo-4lg {
    bottom: var(--size-4lg);
  }
  .pc\:bo-2col {
    bottom: var(--size-2col);
  }
  .pc\:bo-3col {
    bottom: var(--size-3col);
  }
  .pc\:bo-shadow {
    bottom: var(--size-shadow);
  }
  .pc\:bo-md-hero {
    bottom: var(--size-md-hero);
  }
  .pc\:bo-md-container {
    bottom: var(--size-md-container);
  }
}
.bos-p {
  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-s {
  box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) hsla(var(--color-secondary-raw), 0.1), var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) rgba(0, 0, 0, 0.3);
}

.bos-te {
  box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) hsla(var(--color-ternary-raw), 0.1), var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) rgba(0, 0, 0, 0.3);
}

.bos-b, .frame-neu {
  box-shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) rgba(0, 0, 0, 0.15), var(--shadow-offset-neg) var(--shadow-offset-neg) var(--shadow-blur) rgba(0, 0, 0, 0.15);
}

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

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

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

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

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

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

.c-t {
  color: var(--color-ternary);
}

.c-q {
  color: var(--color-quadary);
}

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

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

.c-n {
  color: transparent;
}

.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-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-shadow {
  column-gap: var(--size-shadow);
}

.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-shadow {
    column-gap: var(--size-shadow);
  }
  .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 {
  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 {
  flex-flow: column;
}

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

.ff-r {
  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 {
  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-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-shadow {
  font-size: var(--size-shadow);
}

.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-shadow {
    font-size: var(--size-shadow);
  }
  .pc\:fs-md-hero {
    font-size: var(--size-md-hero);
  }
  .pc\:fs-md-container {
    font-size: var(--size-md-container);
  }
}
.fst-n {
  font-style: normal;
}

.fst-i {
  font-style: italic;
}

.fst-o {
  font-style: oblique;
}

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

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

.fw-300 {
  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 {
  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-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-shadow {
  gap: var(--size-shadow);
}

.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-shadow {
    gap: var(--size-shadow);
  }
  .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-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-shadow {
  height: var(--size-shadow);
}

.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-shadow {
    height: var(--size-shadow);
  }
  .pc\:h-md-hero {
    height: var(--size-md-hero);
  }
  .pc\:h-md-container {
    height: var(--size-md-container);
  }
}
.jc-c {
  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;
}

@media (min-width: 769px) {
  .pc\:jc-c {
    justify-content: center;
  }
  .pc\:jc-e {
    justify-content: end;
  }
  .pc\:jc-s {
    justify-content: start;
  }
  .pc\:jc-sa {
    justify-content: space-around;
  }
  .pc\:jc-se {
    justify-content: space-evenly;
  }
  .pc\: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-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-shadow {
  left: var(--size-shadow);
}

.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-shadow {
    left: var(--size-shadow);
  }
  .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-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-shadow {
  line-height: var(--size-shadow);
}

.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-shadow {
    line-height: var(--size-shadow);
  }
  .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-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-shadow {
  margin: var(--size-shadow);
}

.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-shadow {
    margin: var(--size-shadow);
  }
  .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-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-shadow {
  margin-top: var(--size-shadow);
}

.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-shadow {
    margin-top: var(--size-shadow);
  }
  .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-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-shadow {
  margin-right: var(--size-shadow);
}

.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, .section {
    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-shadow {
    margin-right: var(--size-shadow);
  }
  .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-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-shadow {
  margin-bottom: var(--size-shadow);
}

.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-shadow {
    margin-bottom: var(--size-shadow);
  }
  .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-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-shadow {
  margin-left: var(--size-shadow);
}

.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, .section {
    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-shadow {
    margin-left: var(--size-shadow);
  }
  .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-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-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-shadow {
  min-height: var(--size-shadow);
}

.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-shadow {
    min-height: var(--size-shadow);
  }
  .pc\:mih-md-hero {
    min-height: var(--size-md-hero);
  }
  .pc\:mih-md-container {
    min-height: var(--size-md-container);
  }
}
.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-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-shadow {
  min-width: var(--size-shadow);
}

.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-shadow {
    min-width: var(--size-shadow);
  }
  .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-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-shadow {
  padding: var(--size-shadow);
}

.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-shadow {
    padding: var(--size-shadow);
  }
  .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-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-shadow {
  padding-bottom: var(--size-shadow);
}

.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-shadow {
    padding-bottom: var(--size-shadow);
  }
  .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-sm {
  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-shadow {
  padding-left: var(--size-shadow);
}

.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-shadow {
    padding-left: var(--size-shadow);
  }
  .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 {
  padding-right: var(--size-xs);
}

.pr--xs {
  padding-right: calc(var(--size-xs) * -1);
}

.pr-sm {
  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-shadow {
  padding-right: var(--size-shadow);
}

.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-shadow {
    padding-right: var(--size-shadow);
  }
  .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-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-shadow {
  padding-top: var(--size-shadow);
}

.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-shadow {
    padding-top: var(--size-shadow);
  }
  .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 {
  position: absolute;
}

.p-f {
  position: fixed;
}

.p-r {
  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-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-shadow {
  right: var(--size-shadow);
}

.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-shadow {
    right: var(--size-shadow);
  }
  .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-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-shadow {
  row-gap: var(--size-shadow);
}

.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-shadow {
    row-gap: var(--size-shadow);
  }
  .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));
}

.ts-p {
  text-shadow: 0 0 var(--size-shadow-blur) var(--color-primary);
}

.ts-s {
  text-shadow: 0 0 var(--size-shadow-blur) var(--color-secondary);
}

.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-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-shadow {
  top: var(--size-shadow);
}

.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-shadow {
    top: var(--size-shadow);
  }
  .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-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-shadow {
  width: var(--size-shadow);
}

.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-shadow {
    width: var(--size-shadow);
  }
  .pc\:w-md-hero, .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;
}

.border {
  border-width: 1px;
  border-style: solid;
}

.frame:not(.pill).frame-n {
  border-radius: none;
}

.frame:not(.pill).frame-xs {
  border-radius: var(--size-xs);
}

.frame:not(.pill).frame-sm {
  border-radius: var(--size-7);
}

.frame {
  border-radius: none;
}

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

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

.label {
  display: flex;
  align-items: center;
  gap: var(--size-xs);
}

.label .icon {
  align-items: center;
  justify-content: center;
}

.pack {
  position: relative;
}

.layer {
  position: absolute;
}

/* Orientation */
.horizontal {
  display: flex;
  flex-flow: row;
}

.vertical {
  display: flex;
  flex-flow: column;
}

@media (min-width: 769px) {
  .pc\:horizontal {
    display: flex;
    flex-flow: row;
  }
  .pc\:vertical {
    display: flex;
    flex-flow: column;
  }
}
/* Radio input */
label > input[type=radio]:checked + div {
  border: 1px solid black;
}

/* Shapes */
.square {
  aspect-ratio: 1;
}

.horizontal-rectangle {
  aspect-ratio: 1.6180339887;
}

.vertical-rectangle {
  aspect-ratio: 0.6180339887;
}

.circle {
  border-radius: 50%;
}

.pill {
  border-radius: 9999px;
}

.reveal {
  opacity: 0%;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
}

.reveal.visible {
  opacity: 100%;
  transform: translateY(0);
}

.trigger {
  cursor: pointer;
}

.toggle {
  display: none;
}

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

.zoom:hover {
  transform: scale(1.1);
}

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

.frame-flat {
  border-radius: none;
  border-width: 1px;
  border-style: solid;
}

.back-glass {
  backdrop-filter: blur(24px);
  background-color: light-dark(var(--color-glass-primary), hsla(var(--color-gray-secondary-0-raw), 0.8)) !important;
}

.frame-glass {
  border-radius: none;
  backdrop-filter: blur(24px);
  background-color: light-dark(var(--color-glass-primary), hsla(var(--color-gray-secondary-0-raw), 0.8)) !important;
  border-style: solid;
  border-width: 1px;
}

.frame-neu:not(.br-n) {
  border-radius: none;
}

.accordion {
  width: 100%;
}

.accordion ul {
  margin-left: var(--size-2xs);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
}

.accordion.accordion:not([open]) {
  margin-bottom: 10px;
}

.accordion summary {
  width: 100%;
  list-style: none;
  cursor: pointer;
}

.accordion::details-content {
  font-size: var(--size-xs);
}

.badge {
  display: flex;
  border-radius: 9999px;
  align-items: center;
  justify-content: center;
  padding-left: var(--size-xs);
  padding-right: var(--size-xs);
  gap: var(--size-xs);
  width: fit-content;
  font-weight: 500;
  border-width: 1px;
  border-style: solid;
}

.bar {
  display: flex;
}

.bar.horizontal {
  height: var(--size-md);
}

.bar.vertical {
  width: var(--size-md);
}

.link, .brand {
  text-decoration: none;
  transition: color 0.3s ease;
}

.brand {
  font-weight: 900;
  display: flex;
  flex-flow: row;
  height: var(--size-md);
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: -0.7px;
}

.bento {
  display: flex;
  gap: var(--size-xs);
  padding: calc(var(--size-xs) / 2);
  padding-left: var(--size-xs);
  padding-top: var(--size-xs);
}

.bento-cell {
  opacity: 0%;
  transition: opacity 1s;
}

.bento .horizontal,
.bento .vertical {
  gap: var(--size-xs);
}

.bento .w-md-1 {
  width: calc(var(--size-md-1) - var(--size-xs)) !important;
}

.bento .h-md-1 {
  height: calc(var(--size-md-1) - var(--size-xs)) !important;
}

.bento .w-md-2 {
  width: calc(var(--size-md-2) - var(--size-xs)) !important;
}

.bento .h-md-2 {
  height: calc(var(--size-md-2) - var(--size-xs)) !important;
}

.bento .w-md-3 {
  width: calc(var(--size-md-3) - var(--size-xs)) !important;
}

.bento .h-md-3 {
  height: calc(var(--size-md-3) - var(--size-xs)) !important;
}

.bento .w-md-4 {
  width: calc(var(--size-md-4) - var(--size-xs)) !important;
}

.bento .h-md-4 {
  height: calc(var(--size-md-4) - var(--size-xs)) !important;
}

.bento .w-md-5 {
  width: calc(var(--size-md-5) - var(--size-xs)) !important;
}

.bento .h-md-5 {
  height: calc(var(--size-md-5) - var(--size-xs)) !important;
}

.bento .w-md-6 {
  width: calc(var(--size-md-6) - var(--size-xs)) !important;
}

.bento .h-md-6 {
  height: calc(var(--size-md-6) - var(--size-xs)) !important;
}

.bento .w-md-7 {
  width: calc(var(--size-md-7) - var(--size-xs)) !important;
}

.bento .h-md-7 {
  height: calc(var(--size-md-7) - var(--size-xs)) !important;
}

.bento .w-md-8 {
  width: calc(var(--size-md-8) - var(--size-xs)) !important;
}

.bento .h-md-8 {
  height: calc(var(--size-md-8) - var(--size-xs)) !important;
}

.bento .w-md-9 {
  width: calc(var(--size-md-9) - var(--size-xs)) !important;
}

.bento .h-md-9 {
  height: calc(var(--size-md-9) - var(--size-xs)) !important;
}

.bento .w-md-10 {
  width: calc(var(--size-md-10) - var(--size-xs)) !important;
}

.bento .h-md-10 {
  height: calc(var(--size-md-10) - var(--size-xs)) !important;
}

.bento .w-md-11 {
  width: calc(var(--size-md-11) - var(--size-xs)) !important;
}

.bento .h-md-11 {
  height: calc(var(--size-md-11) - var(--size-xs)) !important;
}

.bento .w-md-12 {
  width: calc(var(--size-md-12) - var(--size-xs)) !important;
}

.bento .h-md-12 {
  height: calc(var(--size-md-12) - var(--size-xs)) !important;
}

.bento .w-md-13 {
  width: calc(var(--size-md-13) - var(--size-xs)) !important;
}

.bento .h-md-13 {
  height: calc(var(--size-md-13) - var(--size-xs)) !important;
}

.bento .w-md-14 {
  width: calc(var(--size-md-14) - var(--size-xs)) !important;
}

.bento .h-md-14 {
  height: calc(var(--size-md-14) - var(--size-xs)) !important;
}

.bento .w-md-15 {
  width: calc(var(--size-md-15) - var(--size-xs)) !important;
}

.bento .h-md-15 {
  height: calc(var(--size-md-15) - var(--size-xs)) !important;
}

.bento .w-md-16 {
  width: calc(var(--size-md-16) - var(--size-xs)) !important;
}

.bento .h-md-16 {
  height: calc(var(--size-md-16) - var(--size-xs)) !important;
}

.button {
  display: flex;
  flex-flow: row;
  text-decoration: none;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: var(--size-xs);
  padding-left: var(--size-xs);
  padding-right: var(--size-xs);
  border: none;
  transform: scale(1);
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
  border-radius: var(--size-md);
}

.button.outline {
  border-style: solid;
}

.button:hover {
  transform: scale(1.1);
}

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

.complete_menu {
  position: absolute;
  z-index: 1000;
}

.context_menu {
  position: absolute;
  z-index: 1000;
}

/* Container */
.container, .page {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 769px) {
  .container, .page {
    width: var(--size-md-container);
  }
}

form {
  display: flex;
  flex-flow: column;
}

.field > * {
  position: absolute;
}

.field.golden-frame .valid-label {
  margin-right: var(--size-xs);
}

.field {
  display: flex;
  align-items: center;
  position: relative;
  font-family: var(--theme-font-family);
}

.field input {
  border-radius: var(--size-md);
}

.field > span {
  position: absolute;
}

.field .icon {
  height: 100%;
}

.field input {
  display: flex;
  flex: 1;
  height: 100%;
}

.richtext:focus-visible,
.field input[type=text]:focus-visible,
.field input[type=password]:focus-visible,
.richtext.debug,
.field input[type=text].debug,
.field input[type=password].debug {
  outline: none;
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px var(--color-primary2);
}

.richtext.error,
.field.error input[type=text],
.field.error input[type=password] {
  outline: none;
  border-color: var(--color-3-3) !important;
  box-shadow: 0 0 0 2px var(--color-2-3);
}

.field input[type=text]::selection,
.field input[type=password]::selection {
  background-color: var(--color-primary);
}

.field input[type=text],
.field input[type=password] {
  caret-color: var(--color-primary);
}

.tichtext,
.field input[type=text],
.field input[type=password],
.field select {
  text-align: center !important;
  padding: 0;
  border-style: solid;
  border-width: 1px;
}

.field input[type=text],
.field input[type=password],
input[type=submit] {
  border: none;
}

.field:not(.error) .valid-label {
  height: 100%;
  visibility: hidden;
}

input[type=submit] {
  margin: auto;
}

.field input::placeholder {
  font-weight: 400;
}

.field input {
  font-weight: 600;
}

.richtext {
  width: 100%;
  resize: none;
}

.golden-frame div:not(:has(div)) {
  margin: calc(var(--size-xs) / 2);
}

.golden-frame div:not(:has(div)).w-md-0 {
  width: calc(var(--size-md-0) - var(--size-xs));
}

.golden-frame div:not(:has(div)).h-md-0 {
  height: calc(var(--size-md-0) - var(--size-xs));
}

.golden-frame div:not(:has(div)).w-md-1 {
  width: calc(var(--size-md-1) - var(--size-xs));
}

.golden-frame div:not(:has(div)).h-md-1 {
  height: calc(var(--size-md-1) - var(--size-xs));
}

.golden-frame div:not(:has(div)).w-md-2 {
  width: calc(var(--size-md-2) - var(--size-xs));
}

.golden-frame div:not(:has(div)).h-md-2 {
  height: calc(var(--size-md-2) - var(--size-xs));
}

.golden-frame div:not(:has(div)).w-md-3 {
  width: calc(var(--size-md-3) - var(--size-xs));
}

.golden-frame div:not(:has(div)).h-md-3 {
  height: calc(var(--size-md-3) - var(--size-xs));
}

.golden-frame div:not(:has(div)).w-md-4 {
  width: calc(var(--size-md-4) - var(--size-xs));
}

.golden-frame div:not(:has(div)).h-md-4 {
  height: calc(var(--size-md-4) - var(--size-xs));
}

.golden-frame div:not(:has(div)).w-md-5 {
  width: calc(var(--size-md-5) - var(--size-xs));
}

.golden-frame div:not(:has(div)).h-md-5 {
  height: calc(var(--size-md-5) - var(--size-xs));
}

.golden-frame div:not(:has(div)).w-md-6 {
  width: calc(var(--size-md-6) - var(--size-xs));
}

.golden-frame div:not(:has(div)).h-md-6 {
  height: calc(var(--size-md-6) - var(--size-xs));
}

.golden-frame div:not(:has(div)).w-md-7 {
  width: calc(var(--size-md-7) - var(--size-xs));
}

.golden-frame div:not(:has(div)).h-md-7 {
  height: calc(var(--size-md-7) - var(--size-xs));
}

.golden-frame div:not(:has(div)).w-md-8 {
  width: calc(var(--size-md-8) - var(--size-xs));
}

.golden-frame div:not(:has(div)).h-md-8 {
  height: calc(var(--size-md-8) - var(--size-xs));
}

.golden-frame div:not(:has(div)).w-md-9 {
  width: calc(var(--size-md-9) - var(--size-xs));
}

.golden-frame div:not(:has(div)).h-md-9 {
  height: calc(var(--size-md-9) - var(--size-xs));
}

.golden-frame div:not(:has(div)).w-md-10 {
  width: calc(var(--size-md-10) - var(--size-xs));
}

.golden-frame div:not(:has(div)).h-md-10 {
  height: calc(var(--size-md-10) - var(--size-xs));
}

.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: var(--size-xs);
}

.hr {
  display: flex;
  align-items: center;
}

.hr::before,
.hr::after {
  flex-grow: 1;
  height: 1px;
  line-height: 0px;
  margin: 0px 8px;
  content: "";
}

/* Icon */
.icon {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--size-xs);
  width: var(--size-8);
  height: var(--size-8);
  transition: background-color 0.5s;
}

.icon i {
  aspect-ratio: 1;
}

.icon-label {
  align-items: center;
  display: flex;
}

.list, .burger-menu .burger-items, .menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu {
  display: flex;
  flex-flow: row;
  align-items: center;
}

.menu-link {
  justify-content: center;
  display: flex;
  font-weight: 500;
  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));
}

.navbar {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 769px) {
  .navbar {
    width: var(--size-md-container);
  }
}
.navbar {
  display: flex;
  flex-flow: row;
}

.bar.horizontal {
  align-items: center;
}

.bar.vertical {
  justify-content: center;
}

.page {
  display: flex;
  display: flex;
  flex-flow: column;
}

.paragraph {
  /* @extend .text-1; */
}

.progress-bar,
.progress-bar-value {
  border-radius: 9999px;
}

.progress-bar-value {
  height: 100%;
}

/* Container */
.row {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}

.section {
  display: flex;
  width: 100%;
  display: flex;
  flex-flow: column;
}

.spinner {
  aspect-ratio: 1;
  animation: spinner-rotation 1s linear infinite;
}

.spinner svg {
  width: 100%;
  height: 100%;
}

@keyframes spinner-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.switch input {
  display: none;
}

.switch {
  align-items: center;
  justify-content: center;
  position: relative;
}

.switch .slider {
  position: absolute;
  border-radius: var(--size-xs);
  transition: transform 1s ease;
}

.switch.frame-glass .slider {
  border-radius: none;
  backdrop-filter: blur(24px);
  background-color: light-dark(var(--color-glass-primary), hsla(var(--color-gray-secondary-0-raw), 0.8)) !important;
  border-style: solid;
  border-width: 1px;
}

.switch label,
.switch .slider {
  aspect-ratio: 1;
}

.switch label {
  font-size: var(--size-xs);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
}

.switch #theme-light:checked ~ .slider {
  transform: translateX(calc(-100% - var(--size-xs)));
}

.switch #theme-dark:checked ~ .slider {
  transform: translateX(calc(100% + var(--size-xs)));
}

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

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

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

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

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

.switch:has(.labels.o-v) #theme-dark:checked ~ .slider {
    @include t-ty-2;
}*/
.title {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: 800;
  letter-spacing: -2px;
}

.wall {
  display: flex;
  overflow: hidden;
  flex: 1;
  flex-direction: column;
}

.bricks {
  display: flex;
  flex: 1;
  overflow-y: auto;
  flex-wrap: wrap;
}

.avatar {
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}

.avatar img {
  width: 100%;
  height: 100%;
}

.background {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
}

.background,
.background * {
  z-index: -1;
}

.box {
  border-radius: 9999px;
  padding: var(--size-xs);
}

.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: start;
}

.breadcrumb a::after {
  content: "›";
  margin-left: var(--size-xs);
  margin-right: var(--size-xs);
}

.button-bar {
  display: flex;
  gap: var(--size-xs);
  padding: calc(var(--size-xs) / 2);
  padding-left: var(--size-xs);
  padding-top: var(--size-xs);
  display: flex;
  flex-flow: row;
  justify-content: center;
}

.burger-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  justify-content: end;
}

.burger-menu label .icon {
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.burger-menu input[type=checkbox]:checked + ul + label .icon {
  transform: rotate(90deg);
}

.burger-menu input[type=checkbox]:checked + ul {
  transform: translateX(0);
  display: flex;
}

.burger-menu ul {
  display: none;
  position: absolute;
  padding-left: 0;
  transform: translateX(100%);
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-flow: column;
}

.burger-menu ul li {
  display: flex;
  align-items: center;
}

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

@media only screen and (min-width: 768px) {
  .burger-menu .burger-button {
    display: none;
  }
  .burger-menu .burger-items {
    display: flex;
    background-color: transparent;
  }
  .burger-menu ul {
    background-color: transparent;
    position: static;
    transform: none;
    transition: none;
    display: flex;
    height: auto;
    width: auto;
    left: auto;
    top: auto;
    padding-top: 0;
    margin-top: 12.5px;
    margin-bottom: 12.5px;
    margin-right: 12.5px;
    flex-direction: row;
  }
}
.card {
  display: flex;
  flex-flow: column;
  border-radius: none;
}

.card h2 {
  margin: 0;
}

.card.horizontal-card {
  aspect-ratio: 1.6180339887;
}

.card.vertical-card {
  aspect-ratio: 0.6180339887;
}

.card .card-header,
.card .card-header-border {
  display: flex;
}

.card .card-header-border {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.card .title {
  text-align: left;
}

.card .card-header {
  width: 100%;
  gap: var(--size-xs);
  align-items: center;
  padding-left: var(--size-xs);
  font-size: var(--size-7);
  font-weight: 600;
}

.card .card-body {
  display: flex;
  width: 100%;
  display: flex;
  flex-flow: column;
  padding: var(--size-xs);
}

.card .card-footer {
  display: flex;
  align-items: center;
  gap: var(--size-xs);
  padding: var(--size-xs);
  font-weight: 500;
}

.carousel {
  display: flex;
  overflow: hidden;
  position: relative;
}

.carousel .carousel-items {
  display: flex;
  display: flex;
  flex-flow: row;
  transition: 0.5s transform;
}

.carousel .carousel-items .carousel-item {
  display: flex;
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  padding-left: var(--size-xs);
  padding-right: var(--size-xs);
}

.carousel .prev,
.carousel .next {
  border-style: none;
  border-radius: var(--size-md);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--size-xs);
  width: var(--size-8);
  height: var(--size-8);
  transition: background-color 0.5s;
  height: var(--size-lg);
  width: var(--size-lg);
  position: absolute;
  cursor: pointer;
  margin-bottom: var(--size-xs);
}

.carousel-tools {
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: var(--size-xs);
  left: var(--size-xs);
  right: var(--size-xs);
  border-style: none;
  pointer-events: none;
}

.carousel .prev {
  left: var(--size-xs);
  margin-left: var(--size-xs);
  pointer-events: auto;
}

.carousel .next {
  right: var(--size-xs);
  margin-right: var(--size-xs);
  pointer-events: auto;
}

.carousel .prev:disabled,
.carousel .next:disabled {
  display: none;
}

.carousel-indicators {
  gap: var(--size-xs);
  position: absolute;
  pointer-events: auto;
}

.carousel-indicator {
  height: var(--size-xs);
  height: var(--size-xs);
  border-radius: 50%;
  cursor: pointer;
}

.carousel-indicator.active {
  cursor: auto;
}

.flip-card {
  perspective: 1000px;
  overflow: visible;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.5s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.flip-card-side {
  position: absolute;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}

.flip-card:hover .flip-card-inner {
  transform: rotateX(180deg);
}

.flip-card-back {
  transform: rotateX(180deg);
}

form {
  display: flex;
  flex-flow: column;
  align-items: center;
}

.header {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 1;
}

.body:not(:has(.hero)) {
  padding-top: var(--size-md);
}

.hero {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: var(--size-xs);
  min-height: 100dvh;
  width: 100%;
}

.hero h1 {
  /* @extend .fs-3; */
  /* @extend .pc\:fs-4; */
  margin-bottom: var(--size-xs);
  /* @extend .ls--1p; */
  font-weight: 800;
}

.hero h1,
.hero h1 span {
  /*@extend .lh-3;

  @extend .pc\:lh-4;*/
}

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

.led-label {
  display: flex;
  align-items: center;
  border-radius: 9999px;
  height: var(--size-sm);
  gap: var(--size-xs);
}

.led .led-back {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.marquee {
  width: 100%;
  display: flex;
  flex-flow: row;
  overflow: hidden;
}

.marquee-content {
  gap: var(--size-xs);
  display: flex;
  flex-flow: row;
  padding: 0;
  animation: marquee 5s linear infinite;
}

.marquee:hover .marquee-content {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - var(--size-xs)));
    transform: translateX(-100%);
  }
}
.marquee-item {
  border-style: solid;
  border-width: 1px;
  border-radius: var(--size-xs);
  display: flex;
  align-items: center;
  justify-content: center;
}

.marquee-icon {
  -webkit-mask-image: var(--icon);
  mask-image: var(--icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background-color 0.3s ease, filter 0.3s ease;
}

.menu a i {
  display: none;
}

.menu a:hover i {
  display: inline-block;
}

:not(template).modal {
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
}

#modal_background {
  backdrop-filter: blur(10px);
}

.modal-body {
  display: flex;
  display: flex;
  flex-flow: column;
}

.modal-frame {
  padding: var(--size-sm);
}

.overlay {
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: var(--color-black);
}

.richtext {
  height: var(--size-md-3);
  border-radius: var(--size-xs);
  border-width: 1px;
}

.rich-text {
  text-align: left;
  padding: var(--size-sm);
  width: 100%;
}

.rich-text hr {
  border-top: 1px solid white;
  border-bottom: none;
}

.rich-text p {
  display: flex;
  flex-flow: column;
}

.rich-text strong {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: 800;
  letter-spacing: -2px;
  font-size: var(--size-9);
  line-height: var(--size-9);
}

.rich-text strong,
.rich-text hr {
  display: none;
}

.rich-text h1 {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: 800;
  letter-spacing: -2px;
}

.rich-text h3 {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: 800;
  letter-spacing: -2px;
  font-size: var(--size-8);
  line-height: var(--size-8);
}

.rich-text h3,
.rich-text h4 {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: 800;
  letter-spacing: -2px;
  font-size: var(--size-7);
}

.rich-text h3 {
  line-height: var(--size-9);
}

.rich-text h4 {
  line-height: var(--size-8);
}

.rich-text.fs-2 p,
.rich-text.fs-2 li,
.rich-text.fs-2 strong {
  font-size: var(--size-sm);
}

.rich-text blockquote {
  margin: 0;
  padding: var(--size-xs);
  border-radius: 9999px;
}

.rich-text blockquote,
.rich-text blockquote p {
  font-family: "Courier New", Courier, monospace;
}

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

.rich-text a {
  text-decoration: none;
  transition: color 0.3s ease;
  padding-left: var(--size-xs);
  padding-right: var(--size-xs);
}

.rich-text pre,
.rich-text ul {
  font-size: var(--size-6);
  line-height: var(--size-6);
}

.rich-text pre {
  border-width: 1px;
  border-style: solid;
  padding: var(--size-sm);
  border-color: var(--color-secondary);
}

.EasyMDEContainer {
  width: 100%;
  border-radius: var(--size-xs);
  padding: var(--size-xs);
}

.EasyMDEContainer .CodeMirror {
  height: var(--size-md-3);
  border-radius: 0;
}

.EasyMDEContainer .editor-toolbar i:not(.separator) {
  color: var(--color-primary);
}

.EasyMDEContainer .editor-toolbar,
.EasyMDEContainer .editor-statusbar {
  backdrop-filter: blur(24px);
  background-color: light-dark(var(--color-glass-primary), hsla(var(--color-gray-secondary-0-raw), 0.8)) !important;
}

.EasyMDEContainer .editor-toolbar {
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: var(--size-xs);
  border-top-right-radius: var(--size-xs);
  display: flex;
  align-items: center;
}

.EasyMDEContainer .editor-statusbar {
  border-style: solid;
  border-width: 1px;
  border-bottom-left-radius: var(--size-xs);
  border-bottom-right-radius: var(--size-xs);
}

.sidebar {
  transition: width 0.3s ease;
}

.sidebar:has(.toggle:checked) .sidebar-item span {
  display: none;
}

.sidebar .sidebar-right {
  display: none;
}

.sidebar:has(.toggle:checked) .sidebar-left {
  display: none;
}

.sidebar:has(.toggle:checked) .sidebar-right {
  display: block;
}

.side-layout .side-bar-toggle {
  display: none;
}

.side-layout {
  display: flex;
  flex-flow: row;
  width: 100%;
  height: 100%;
}

.side-layout .side-bar {
  display: flex;
  flex-flow: column;
  transition: width 0.4s ease-in-out;
}

.side-layout .side-bar-button {
  height: var(--size-md);
  margin-left: calc(-0.5 * var(--size-7));
  margin-right: calc(-0.5 * var(--size-7));
  z-index: 1;
}

.side-layout .side-bar-button .side-bar-button-content {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: var(--size-7);
}

.side-layout .side-content {
  display: flex;
  flex-flow: column;
  width: 100%;
  flex: 1;
}

.side-layout:has(.side-bar-toggle:checked) .side-bar {
  width: var(--size-md);
}

.side-layout:has(.side-bar-toggle:checked) .brand span {
  display: none;
}

.side-layout .side-bar .sidebar-entry {
  display: flex;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}

.tab input[type=radio] {
  display: none;
}

.tab-bar {
  display: flex;
  flex-flow: row;
}

.tab {
  display: none;
}

.tab:has(.tab-radio:checked) {
  display: block;
}

.tab-bar {
  display: flex;
  gap: var(--size-2xs);
  justify-content: center;
}

.tab-bar-button {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--size-xs);
  width: var(--size-8);
  height: var(--size-8);
  transition: background-color 0.5s;
  width: var(--size-md);
  aspect-ratio: 1;
  cursor: pointer;
}

.table {
  border-spacing: 0;
}

.timeline {
  display: flex;
  flex-flow: column;
}

/*# sourceMappingURL=theme_core.css.map */