/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme {
  :root, :host {
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-teal-200: oklch(91% 0.096 180.426);
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-300: oklch(82.8% 0.111 230.318);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-300: oklch(78.5% 0.115 274.713);
    --color-violet-300: oklch(81.1% 0.111 293.571);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-fuchsia-200: oklch(90.3% 0.076 319.62);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-pink-300: oklch(82.3% 0.12 346.018);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-stone-200: oklch(92.3% 0.003 48.717);
    --color-stone-400: oklch(70.9% 0.01 56.259);
    --color-stone-600: oklch(44.4% 0.011 73.639);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-brand-blue: var(--color-brand-blue);
    --color-brand-cream: var(--color-brand-cream);
    --color-brand: var(--color-brand);
    --color-base-white: var(--color-base-white);
    --color-page-bg: var(--color-page-bg);
    --color-section-soft: var(--color-section-soft);
    --color-section-clinical: var(--color-section-clinical);
    --color-text-main: var(--color-text-main);
    --color-text-sub: var(--color-text-sub);
    --color-text-muted: var(--color-text-muted);
    --color-text-inverse: var(--color-text-inverse);
    --color-line-soft: var(--color-line-soft);
    --color-line-base: var(--color-line-base);
    --color-line-strong: var(--color-line-strong);
    --color-card-bg: var(--color-card-bg);
    --color-card-border: var(--color-card-border);
    --color-footer-bg: var(--color-footer-bg);
    --radius-card: var(--radius-card);
    --radius-button: var(--radius-button);
    --radius-object: var(--radius-object);
    --radius-pill: var(--radius-pill);
    --shadow-soft: var(--shadow-soft-object);
    --shadow-card-hover: var(--shadow-card-hover);
  }
}
.pointer-events-none {
  pointer-events: none !important;
}
.invisible {
  visibility: hidden !important;
}
.visible {
  visibility: visible !important;
}
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
.absolute {
  position: absolute !important;
}
.fixed {
  position: fixed !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
.-inset-\[3px\] {
  inset: calc(3px * -1) !important;
}
.inset-0 {
  inset: calc(var(--spacing) * 0) !important;
}
.inset-6 {
  inset: calc(var(--spacing) * 6) !important;
}
.inset-x-0 {
  inset-inline: calc(var(--spacing) * 0) !important;
}
.inset-y-0 {
  inset-block: calc(var(--spacing) * 0) !important;
}
.-top-1 {
  top: calc(var(--spacing) * -1) !important;
}
.-top-5 {
  top: calc(var(--spacing) * -5) !important;
}
.-top-8 {
  top: calc(var(--spacing) * -8) !important;
}
.-top-16 {
  top: calc(var(--spacing) * -16) !important;
}
.-top-24 {
  top: calc(var(--spacing) * -24) !important;
}
.-top-\[7px\] {
  top: calc(7px * -1) !important;
}
.top-0 {
  top: calc(var(--spacing) * 0) !important;
}
.top-1 {
  top: calc(var(--spacing) * 1) !important;
}
.top-1\/2 {
  top: calc(1 / 2 * 100%) !important;
}
.top-2 {
  top: calc(var(--spacing) * 2) !important;
}
.top-2\.5 {
  top: calc(var(--spacing) * 2.5) !important;
}
.top-3 {
  top: calc(var(--spacing) * 3) !important;
}
.top-4 {
  top: calc(var(--spacing) * 4) !important;
}
.top-6 {
  top: calc(var(--spacing) * 6) !important;
}
.top-\[12vh\] {
  top: 12vh !important;
}
.top-\[22px\] {
  top: 22px !important;
}
.top-\[40\%\] {
  top: 40% !important;
}
.top-\[var\(--header-height-mobile\)\] {
  top: var(--header-height-mobile) !important;
}
.top-full {
  top: 100% !important;
}
.-right-1 {
  right: calc(var(--spacing) * -1) !important;
}
.-right-6 {
  right: calc(var(--spacing) * -6) !important;
}
.-right-12 {
  right: calc(var(--spacing) * -12) !important;
}
.-right-16 {
  right: calc(var(--spacing) * -16) !important;
}
.right-0 {
  right: calc(var(--spacing) * 0) !important;
}
.right-1 {
  right: calc(var(--spacing) * 1) !important;
}
.right-2 {
  right: calc(var(--spacing) * 2) !important;
}
.right-3 {
  right: calc(var(--spacing) * 3) !important;
}
.right-3\.5 {
  right: calc(var(--spacing) * 3.5) !important;
}
.right-4 {
  right: calc(var(--spacing) * 4) !important;
}
.right-5 {
  right: calc(var(--spacing) * 5) !important;
}
.right-6 {
  right: calc(var(--spacing) * 6) !important;
}
.-bottom-2 {
  bottom: calc(var(--spacing) * -2) !important;
}
.-bottom-\[7px\] {
  bottom: calc(7px * -1) !important;
}
.-bottom-px {
  bottom: -1px !important;
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0) !important;
}
.bottom-1 {
  bottom: calc(var(--spacing) * 1) !important;
}
.bottom-4 {
  bottom: calc(var(--spacing) * 4) !important;
}
.bottom-5 {
  bottom: calc(var(--spacing) * 5) !important;
}
.bottom-6 {
  bottom: calc(var(--spacing) * 6) !important;
}
.-left-4 {
  left: calc(var(--spacing) * -4) !important;
}
.-left-\[7px\] {
  left: calc(7px * -1) !important;
}
.left-0 {
  left: calc(var(--spacing) * 0) !important;
}
.left-1 {
  left: calc(var(--spacing) * 1) !important;
}
.left-1\/2 {
  left: calc(1 / 2 * 100%) !important;
}
.left-2 {
  left: calc(var(--spacing) * 2) !important;
}
.left-2\.5 {
  left: calc(var(--spacing) * 2.5) !important;
}
.left-3 {
  left: calc(var(--spacing) * 3) !important;
}
.left-4 {
  left: calc(var(--spacing) * 4) !important;
}
.left-6 {
  left: calc(var(--spacing) * 6) !important;
}
.isolate {
  isolation: isolate !important;
}
.-z-10 {
  z-index: calc(10 * -1) !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-20 {
  z-index: 20 !important;
}
.z-30 {
  z-index: 30 !important;
}
.z-40 {
  z-index: 40 !important;
}
.z-50 {
  z-index: 50 !important;
}
.z-\[1\] {
  z-index: 1 !important;
}
.z-\[55\] {
  z-index: 55 !important;
}
.z-\[60\] {
  z-index: 60 !important;
}
.z-\[70\] {
  z-index: 70 !important;
}
.z-\[80\] {
  z-index: 80 !important;
}
.z-\[90\] {
  z-index: 90 !important;
}
.z-\[100\] {
  z-index: 100 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-first {
  order: -9999 !important;
}
.col-span-2 {
  grid-column: span 2 / span 2 !important;
}
.col-start-1 {
  grid-column-start: 1 !important;
}
.row-span-2 {
  grid-row: span 2 / span 2 !important;
}
.row-start-1 {
  grid-row-start: 1 !important;
}
.container {
  width: 100% !important;
  @media (width >= 40rem) {
    max-width: 40rem !important;
  }
  @media (width >= 48rem) {
    max-width: 48rem !important;
  }
  @media (width >= 64rem) {
    max-width: 64rem !important;
  }
  @media (width >= 80rem) {
    max-width: 80rem !important;
  }
  @media (width >= 96rem) {
    max-width: 96rem !important;
  }
}
.m-5 {
  margin: calc(var(--spacing) * 5) !important;
}
.-mx-2 {
  margin-inline: calc(var(--spacing) * -2) !important;
}
.mx-0\.5 {
  margin-inline: calc(var(--spacing) * 0.5) !important;
}
.mx-1 {
  margin-inline: calc(var(--spacing) * 1) !important;
}
.mx-1\.5 {
  margin-inline: calc(var(--spacing) * 1.5) !important;
}
.mx-5 {
  margin-inline: calc(var(--spacing) * 5) !important;
}
.mx-auto {
  margin-inline: auto !important;
}
.my-1 {
  margin-block: calc(var(--spacing) * 1) !important;
}
.my-6 {
  margin-block: calc(var(--spacing) * 6) !important;
}
.my-7 {
  margin-block: calc(var(--spacing) * 7) !important;
}
.my-8 {
  margin-block: calc(var(--spacing) * 8) !important;
}
.-mt-1 {
  margin-top: calc(var(--spacing) * -1) !important;
}
.-mt-11 {
  margin-top: calc(var(--spacing) * -11) !important;
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5) !important;
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1) !important;
}
.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5) !important;
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2) !important;
}
.mt-2\.5 {
  margin-top: calc(var(--spacing) * 2.5) !important;
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3) !important;
}
.mt-3\.5 {
  margin-top: calc(var(--spacing) * 3.5) !important;
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4) !important;
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5) !important;
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6) !important;
}
.mt-7 {
  margin-top: calc(var(--spacing) * 7) !important;
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8) !important;
}
.mt-9 {
  margin-top: calc(var(--spacing) * 9) !important;
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10) !important;
}
.mt-16 {
  margin-top: calc(var(--spacing) * 16) !important;
}
.mt-\[1px\] {
  margin-top: 1px !important;
}
.mt-auto {
  margin-top: auto !important;
}
.-mr-1 {
  margin-right: calc(var(--spacing) * -1) !important;
}
.-mr-1\.5 {
  margin-right: calc(var(--spacing) * -1.5) !important;
}
.mr-1\.5 {
  margin-right: calc(var(--spacing) * 1.5) !important;
}
.-mb-0\.5 {
  margin-bottom: calc(var(--spacing) * -0.5) !important;
}
.-mb-px {
  margin-bottom: -1px !important;
}
.mb-0\.5 {
  margin-bottom: calc(var(--spacing) * 0.5) !important;
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1) !important;
}
.mb-1\.5 {
  margin-bottom: calc(var(--spacing) * 1.5) !important;
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2) !important;
}
.mb-2\.5 {
  margin-bottom: calc(var(--spacing) * 2.5) !important;
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3) !important;
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4) !important;
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5) !important;
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6) !important;
}
.mb-7 {
  margin-bottom: calc(var(--spacing) * 7) !important;
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8) !important;
}
.mb-9 {
  margin-bottom: calc(var(--spacing) * 9) !important;
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10) !important;
}
.mb-12 {
  margin-bottom: calc(var(--spacing) * 12) !important;
}
.mb-16 {
  margin-bottom: calc(var(--spacing) * 16) !important;
}
.ml-0\.5 {
  margin-left: calc(var(--spacing) * 0.5) !important;
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1) !important;
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2) !important;
}
.ml-3 {
  margin-left: calc(var(--spacing) * 3) !important;
}
.ml-25 {
  margin-left: calc(var(--spacing) * 25) !important;
}
.ml-auto {
  margin-left: auto !important;
}
.line-clamp-1 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}
.line-clamp-2 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.line-clamp-3 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}
.block {
  display: block !important;
}
.contents {
  display: contents !important;
}
.flex {
  display: flex !important;
}
.flow-root {
  display: flow-root !important;
}
.grid {
  display: grid !important;
}
.hidden {
  display: none !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.inline-flex {
  display: inline-flex !important;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3 !important;
}
.aspect-\[4\/5\] {
  aspect-ratio: 4/5 !important;
}
.aspect-\[12\/13\] {
  aspect-ratio: 12/13 !important;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9 !important;
}
.aspect-square {
  aspect-ratio: 1 / 1 !important;
}
.aspect-video {
  aspect-ratio: var(--aspect-video) !important;
}
.h-1 {
  height: calc(var(--spacing) * 1) !important;
}
.h-1\.5 {
  height: calc(var(--spacing) * 1.5) !important;
}
.h-1\/2 {
  height: calc(1 / 2 * 100%) !important;
}
.h-1\/3 {
  height: calc(1 / 3 * 100%) !important;
}
.h-2 {
  height: calc(var(--spacing) * 2) !important;
}
.h-2\.5 {
  height: calc(var(--spacing) * 2.5) !important;
}
.h-3 {
  height: calc(var(--spacing) * 3) !important;
}
.h-3\.5 {
  height: calc(var(--spacing) * 3.5) !important;
}
.h-4 {
  height: calc(var(--spacing) * 4) !important;
}
.h-5 {
  height: calc(var(--spacing) * 5) !important;
}
.h-6 {
  height: calc(var(--spacing) * 6) !important;
}
.h-7 {
  height: calc(var(--spacing) * 7) !important;
}
.h-8 {
  height: calc(var(--spacing) * 8) !important;
}
.h-9 {
  height: calc(var(--spacing) * 9) !important;
}
.h-10 {
  height: calc(var(--spacing) * 10) !important;
}
.h-11 {
  height: calc(var(--spacing) * 11) !important;
}
.h-12 {
  height: calc(var(--spacing) * 12) !important;
}
.h-14 {
  height: calc(var(--spacing) * 14) !important;
}
.h-16 {
  height: calc(var(--spacing) * 16) !important;
}
.h-20 {
  height: calc(var(--spacing) * 20) !important;
}
.h-28 {
  height: calc(var(--spacing) * 28) !important;
}
.h-32 {
  height: calc(var(--spacing) * 32) !important;
}
.h-40 {
  height: calc(var(--spacing) * 40) !important;
}
.h-44 {
  height: calc(var(--spacing) * 44) !important;
}
.h-56 {
  height: calc(var(--spacing) * 56) !important;
}
.h-60 {
  height: calc(var(--spacing) * 60) !important;
}
.h-\[2px\] {
  height: 2px !important;
}
.h-\[3px\] {
  height: 3px !important;
}
.h-\[13px\] {
  height: 13px !important;
}
.h-\[14px\] {
  height: 14px !important;
}
.h-\[15px\] {
  height: 15px !important;
}
.h-\[17px\] {
  height: 17px !important;
}
.h-\[18px\] {
  height: 18px !important;
}
.h-\[19px\] {
  height: 19px !important;
}
.h-\[20px\] {
  height: 20px !important;
}
.h-\[22px\] {
  height: 22px !important;
}
.h-\[26px\] {
  height: 26px !important;
}
.h-\[44px\] {
  height: 44px !important;
}
.h-\[48px\] {
  height: 48px !important;
}
.h-\[50px\] {
  height: 50px !important;
}
.h-\[54px\] {
  height: 54px !important;
}
.h-\[68px\] {
  height: 68px !important;
}
.h-\[88px\] {
  height: 88px !important;
}
.h-\[104px\] {
  height: 104px !important;
}
.h-\[460px\] {
  height: 460px !important;
}
.h-\[calc\(100\%\+6px\)\] {
  height: calc(100% + 6px) !important;
}
.h-auto {
  height: auto !important;
}
.h-full {
  height: 100% !important;
}
.h-px {
  height: 1px !important;
}
.max-h-\[64vh\] {
  max-height: 64vh !important;
}
.max-h-\[70vh\] {
  max-height: 70vh !important;
}
.max-h-\[86vh\] {
  max-height: 86vh !important;
}
.max-h-\[88vh\] {
  max-height: 88vh !important;
}
.max-h-\[90vh\] {
  max-height: 90vh !important;
}
.max-h-\[92vh\] {
  max-height: 92vh !important;
}
.min-h-0 {
  min-height: calc(var(--spacing) * 0) !important;
}
.min-h-\[2\.6em\] {
  min-height: 2.6em !important;
}
.min-h-\[18px\] {
  min-height: 18px !important;
}
.min-h-\[88svh\] {
  min-height: 88svh !important;
}
.min-h-\[150px\] {
  min-height: 150px !important;
}
.min-h-\[280px\] {
  min-height: 280px !important;
}
.min-h-dvh {
  min-height: 100dvh !important;
}
.min-h-full {
  min-height: 100% !important;
}
.w-1 {
  width: calc(var(--spacing) * 1) !important;
}
.w-1\.5 {
  width: calc(var(--spacing) * 1.5) !important;
}
.w-2 {
  width: calc(var(--spacing) * 2) !important;
}
.w-3 {
  width: calc(var(--spacing) * 3) !important;
}
.w-3\.5 {
  width: calc(var(--spacing) * 3.5) !important;
}
.w-4 {
  width: calc(var(--spacing) * 4) !important;
}
.w-5 {
  width: calc(var(--spacing) * 5) !important;
}
.w-6 {
  width: calc(var(--spacing) * 6) !important;
}
.w-7 {
  width: calc(var(--spacing) * 7) !important;
}
.w-8 {
  width: calc(var(--spacing) * 8) !important;
}
.w-9 {
  width: calc(var(--spacing) * 9) !important;
}
.w-10 {
  width: calc(var(--spacing) * 10) !important;
}
.w-11 {
  width: calc(var(--spacing) * 11) !important;
}
.w-12 {
  width: calc(var(--spacing) * 12) !important;
}
.w-14 {
  width: calc(var(--spacing) * 14) !important;
}
.w-16 {
  width: calc(var(--spacing) * 16) !important;
}
.w-20 {
  width: calc(var(--spacing) * 20) !important;
}
.w-24 {
  width: calc(var(--spacing) * 24) !important;
}
.w-28 {
  width: calc(var(--spacing) * 28) !important;
}
.w-32 {
  width: calc(var(--spacing) * 32) !important;
}
.w-44 {
  width: calc(var(--spacing) * 44) !important;
}
.w-60 {
  width: calc(var(--spacing) * 60) !important;
}
.w-\[4px\] {
  width: 4px !important;
}
.w-\[13px\] {
  width: 13px !important;
}
.w-\[14px\] {
  width: 14px !important;
}
.w-\[15px\] {
  width: 15px !important;
}
.w-\[16px\] {
  width: 16px !important;
}
.w-\[17px\] {
  width: 17px !important;
}
.w-\[18px\] {
  width: 18px !important;
}
.w-\[19px\] {
  width: 19px !important;
}
.w-\[20px\] {
  width: 20px !important;
}
.w-\[22px\] {
  width: 22px !important;
}
.w-\[26px\] {
  width: 26px !important;
}
.w-\[28\%\] {
  width: 28% !important;
}
.w-\[34\%\] {
  width: 34% !important;
}
.w-\[38\%\] {
  width: 38% !important;
}
.w-\[44px\] {
  width: 44px !important;
}
.w-\[52px\] {
  width: 52px !important;
}
.w-\[56px\] {
  width: 56px !important;
}
.w-\[68px\] {
  width: 68px !important;
}
.w-\[72\%\] {
  width: 72% !important;
}
.w-\[74px\] {
  width: 74px !important;
}
.w-\[82\%\] {
  width: 82% !important;
}
.w-\[84px\] {
  width: 84px !important;
}
.w-\[86\%\] {
  width: 86% !important;
}
.w-\[88px\] {
  width: 88px !important;
}
.w-\[92\%\] {
  width: 92% !important;
}
.w-\[92px\] {
  width: 92px !important;
}
.w-\[100px\] {
  width: 100px !important;
}
.w-\[104px\] {
  width: 104px !important;
}
.w-\[150px\] {
  width: 150px !important;
}
.w-\[170px\] {
  width: 170px !important;
}
.w-\[340px\] {
  width: 340px !important;
}
.w-\[calc\(100\%\+6px\)\] {
  width: calc(100% + 6px) !important;
}
.w-auto {
  width: auto !important;
}
.w-fit {
  width: fit-content !important;
}
.w-full {
  width: 100% !important;
}
.w-px {
  width: 1px !important;
}
.max-w-2xl {
  max-width: var(--container-2xl) !important;
}
.max-w-3xl {
  max-width: var(--container-3xl) !important;
}
.max-w-5xl {
  max-width: var(--container-5xl) !important;
}
.max-w-\[64ch\] {
  max-width: 64ch !important;
}
.max-w-\[78\%\] {
  max-width: 78% !important;
}
.max-w-\[140px\] {
  max-width: 140px !important;
}
.max-w-\[260px\] {
  max-width: 260px !important;
}
.max-w-\[280px\] {
  max-width: 280px !important;
}
.max-w-\[360px\] {
  max-width: 360px !important;
}
.max-w-\[380px\] {
  max-width: 380px !important;
}
.max-w-\[400px\] {
  max-width: 400px !important;
}
.max-w-\[420px\] {
  max-width: 420px !important;
}
.max-w-\[440px\] {
  max-width: 440px !important;
}
.max-w-\[460px\] {
  max-width: 460px !important;
}
.max-w-\[480px\] {
  max-width: 480px !important;
}
.max-w-\[520px\] {
  max-width: 520px !important;
}
.max-w-\[560px\] {
  max-width: 560px !important;
}
.max-w-\[600px\] {
  max-width: 600px !important;
}
.max-w-\[640px\] {
  max-width: 640px !important;
}
.max-w-\[680px\] {
  max-width: 680px !important;
}
.max-w-\[700px\] {
  max-width: 700px !important;
}
.max-w-\[720px\] {
  max-width: 720px !important;
}
.max-w-\[820px\] {
  max-width: 820px !important;
}
.max-w-\[960px\] {
  max-width: 960px !important;
}
.max-w-\[1100px\] {
  max-width: 1100px !important;
}
.max-w-\[1120px\] {
  max-width: 1120px !important;
}
.max-w-\[1200px\] {
  max-width: 1200px !important;
}
.max-w-\[1280px\] {
  max-width: 1280px !important;
}
.max-w-\[1400px\] {
  max-width: 1400px !important;
}
.max-w-\[1600px\] {
  max-width: 1600px !important;
}
.max-w-\[calc\(100vw-2\.5rem\)\] {
  max-width: calc(100vw - 2.5rem) !important;
}
.max-w-lg {
  max-width: var(--container-lg) !important;
}
.max-w-md {
  max-width: var(--container-md) !important;
}
.max-w-none {
  max-width: none !important;
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0) !important;
}
.min-w-9 {
  min-width: calc(var(--spacing) * 9) !important;
}
.min-w-\[16px\] {
  min-width: 16px !important;
}
.min-w-\[60\%\] {
  min-width: 60% !important;
}
.min-w-\[136px\] {
  min-width: 136px !important;
}
.min-w-\[172px\] {
  min-width: 172px !important;
}
.min-w-\[176px\] {
  min-width: 176px !important;
}
.min-w-full {
  min-width: 100% !important;
}
.min-w-max {
  min-width: max-content !important;
}
.flex-1 {
  flex: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.shrink-0 {
  flex-shrink: 0 !important;
}
.table-fixed {
  table-layout: fixed !important;
}
.border-collapse {
  border-collapse: collapse !important;
}
.origin-center {
  transform-origin: center !important;
}
.origin-top {
  transform-origin: top !important;
}
.-translate-x-1 {
  --tw-translate-x: calc(var(--spacing) * -1) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.translate-x-1\/2 {
  --tw-translate-x: calc(1 / 2 * 100%) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.translate-x-\[1px\] {
  --tw-translate-x: 1px !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.-translate-y-1 {
  --tw-translate-y: calc(var(--spacing) * -1) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.translate-y-0 {
  --tw-translate-y: calc(var(--spacing) * 0) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.translate-y-1 {
  --tw-translate-y: calc(var(--spacing) * 1) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.translate-y-1\/2 {
  --tw-translate-y: calc(1 / 2 * 100%) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.translate-y-2 {
  --tw-translate-y: calc(var(--spacing) * 2) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.translate-y-4 {
  --tw-translate-y: calc(var(--spacing) * 4) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.scale-100 {
  --tw-scale-x: 100% !important;
  --tw-scale-y: 100% !important;
  --tw-scale-z: 100% !important;
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.scale-105 {
  --tw-scale-x: 105% !important;
  --tw-scale-y: 105% !important;
  --tw-scale-z: 105% !important;
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.scale-\[0\.88\] {
  scale: 0.88 !important;
}
.scale-\[0\.97\] {
  scale: 0.97 !important;
}
.scale-\[0\.98\] {
  scale: 0.98 !important;
}
.scale-\[1\.04\] {
  scale: 1.04 !important;
}
.scale-\[1\.18\] {
  scale: 1.18 !important;
}
.-rotate-90 {
  rotate: calc(90deg * -1) !important;
}
.rotate-0 {
  rotate: 0deg !important;
}
.rotate-45 {
  rotate: 45deg !important;
}
.rotate-180 {
  rotate: 180deg !important;
}
.\[transform\:rotate\(180deg\)\] {
  transform: rotate(180deg) !important;
}
.\[transform\:scaleX\(-1\)\] {
  transform: scaleX(-1) !important;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
}
.animate-ping {
  animation: var(--animate-ping) !important;
}
.animate-pulse {
  animation: var(--animate-pulse) !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-grab {
  cursor: grab !important;
}
.cursor-grabbing {
  cursor: grabbing !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.touch-pan-x {
  --tw-pan-x: pan-x !important;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,) !important;
}
.touch-pan-y {
  --tw-pan-y: pan-y !important;
  touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,) !important;
}
.touch-none {
  touch-action: none !important;
}
.resize {
  resize: both !important;
}
.resize-none {
  resize: none !important;
}
.resize-y {
  resize: vertical !important;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness) !important;
}
.snap-proximity {
  --tw-scroll-snap-strictness: proximity !important;
}
.snap-center {
  scroll-snap-align: center !important;
}
.scroll-mt-\[120px\] {
  scroll-margin-top: 120px !important;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none !important;
}
.appearance-none {
  appearance: none !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.grid-cols-\[max-content_1fr\] {
  grid-template-columns: max-content 1fr !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.items-baseline {
  align-items: baseline !important;
}
.items-center {
  align-items: center !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-start {
  align-items: flex-start !important;
}
.items-stretch {
  align-items: stretch !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.gap-0 {
  gap: calc(var(--spacing) * 0) !important;
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5) !important;
}
.gap-1 {
  gap: calc(var(--spacing) * 1) !important;
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5) !important;
}
.gap-2 {
  gap: calc(var(--spacing) * 2) !important;
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5) !important;
}
.gap-3 {
  gap: calc(var(--spacing) * 3) !important;
}
.gap-3\.5 {
  gap: calc(var(--spacing) * 3.5) !important;
}
.gap-4 {
  gap: calc(var(--spacing) * 4) !important;
}
.gap-5 {
  gap: calc(var(--spacing) * 5) !important;
}
.gap-6 {
  gap: calc(var(--spacing) * 6) !important;
}
.gap-7 {
  gap: calc(var(--spacing) * 7) !important;
}
.gap-8 {
  gap: calc(var(--spacing) * 8) !important;
}
.gap-10 {
  gap: calc(var(--spacing) * 10) !important;
}
.gap-12 {
  gap: calc(var(--spacing) * 12) !important;
}
.gap-16 {
  gap: calc(var(--spacing) * 16) !important;
}
.gap-px {
  gap: 1px !important;
}
.space-y-1 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.space-y-1\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.space-y-2\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.space-y-5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.space-y-7 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.space-y-10 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.gap-x-1 {
  column-gap: calc(var(--spacing) * 1) !important;
}
.gap-x-1\.5 {
  column-gap: calc(var(--spacing) * 1.5) !important;
}
.gap-x-2 {
  column-gap: calc(var(--spacing) * 2) !important;
}
.gap-x-2\.5 {
  column-gap: calc(var(--spacing) * 2.5) !important;
}
.gap-x-3 {
  column-gap: calc(var(--spacing) * 3) !important;
}
.gap-x-4 {
  column-gap: calc(var(--spacing) * 4) !important;
}
.gap-x-5 {
  column-gap: calc(var(--spacing) * 5) !important;
}
.gap-x-6 {
  column-gap: calc(var(--spacing) * 6) !important;
}
.gap-y-0\.5 {
  row-gap: calc(var(--spacing) * 0.5) !important;
}
.gap-y-1 {
  row-gap: calc(var(--spacing) * 1) !important;
}
.gap-y-1\.5 {
  row-gap: calc(var(--spacing) * 1.5) !important;
}
.gap-y-2 {
  row-gap: calc(var(--spacing) * 2) !important;
}
.gap-y-8 {
  row-gap: calc(var(--spacing) * 8) !important;
}
.gap-y-10 {
  row-gap: calc(var(--spacing) * 10) !important;
}
.divide-y {
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0 !important;
    border-bottom-style: var(--tw-border-style) !important;
    border-top-style: var(--tw-border-style) !important;
    border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  }
}
.divide-\[color\:var\(--color-line-base\)\] {
  :where(& > :not(:last-child)) {
    border-color: var(--color-line-base) !important;
  }
}
.divide-\[color\:var\(--color-line-soft\)\] {
  :where(& > :not(:last-child)) {
    border-color: var(--color-line-soft) !important;
  }
}
.divide-white\/10 {
  :where(& > :not(:last-child)) {
    border-color: color-mix(in srgb, #fff 10%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
    }
  }
}
.self-center {
  align-self: center !important;
}
.self-end {
  align-self: flex-end !important;
}
.self-start {
  align-self: flex-start !important;
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overscroll-contain {
  overscroll-behavior: contain !important;
}
.overscroll-x-contain {
  overscroll-behavior-x: contain !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-2xl {
  border-radius: var(--radius-2xl) !important;
}
.rounded-\[4px\] {
  border-radius: 4px !important;
}
.rounded-\[6px\] {
  border-radius: 6px !important;
}
.rounded-\[8px\] {
  border-radius: 8px !important;
}
.rounded-\[10px\] {
  border-radius: 10px !important;
}
.rounded-\[12px\] {
  border-radius: 12px !important;
}
.rounded-\[14px\] {
  border-radius: 14px !important;
}
.rounded-\[16px\] {
  border-radius: 16px !important;
}
.rounded-\[18px\] {
  border-radius: 18px !important;
}
.rounded-\[20px\] {
  border-radius: 20px !important;
}
.rounded-\[22px\] {
  border-radius: 22px !important;
}
.rounded-\[24px\] {
  border-radius: 24px !important;
}
.rounded-\[28px\] {
  border-radius: 28px !important;
}
.rounded-button {
  border-radius: var(--radius-button) !important;
}
.rounded-card {
  border-radius: var(--radius-card) !important;
}
.rounded-full {
  border-radius: calc(infinity * 1px) !important;
}
.rounded-md {
  border-radius: var(--radius-md) !important;
}
.rounded-object {
  border-radius: var(--radius-object) !important;
}
.rounded-pill {
  border-radius: var(--radius-pill) !important;
}
.rounded-xl {
  border-radius: var(--radius-xl) !important;
}
.rounded-t-\[22px\] {
  border-top-left-radius: 22px !important;
  border-top-right-radius: 22px !important;
}
.rounded-t-\[24px\] {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important;
}
.rounded-t-object {
  border-top-left-radius: var(--radius-object) !important;
  border-top-right-radius: var(--radius-object) !important;
}
.rounded-br-md {
  border-bottom-right-radius: var(--radius-md) !important;
}
.rounded-bl-md {
  border-bottom-left-radius: var(--radius-md) !important;
}
.border {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.border-2 {
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
}
.border-y {
  border-block-style: var(--tw-border-style) !important;
  border-block-width: 1px !important;
}
.border-t {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 1px !important;
}
.border-r {
  border-right-style: var(--tw-border-style) !important;
  border-right-width: 1px !important;
}
.border-b {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 2px !important;
}
.border-l-2 {
  border-left-style: var(--tw-border-style) !important;
  border-left-width: 2px !important;
}
.border-dashed {
  --tw-border-style: dashed !important;
  border-style: dashed !important;
}
.border-\[\#E8344A\] {
  border-color: #E8344A !important;
}
.border-\[\#E8344A\]\/20 {
  border-color: color-mix(in oklab, #E8344A 20%, transparent) !important;
}
.border-\[\#E8344A\]\/30 {
  border-color: color-mix(in oklab, #E8344A 30%, transparent) !important;
}
.border-\[\#E8344A\]\/40 {
  border-color: color-mix(in oklab, #E8344A 40%, transparent) !important;
}
.border-\[\#E8344A\]\/50 {
  border-color: color-mix(in oklab, #E8344A 50%, transparent) !important;
}
.border-\[\#aeaeae\] {
  border-color: #aeaeae !important;
}
.border-\[color\:var\(--color-blue-08\)\] {
  border-color: var(--color-blue-08) !important;
}
.border-\[color\:var\(--color-brand\)\] {
  border-color: var(--color-brand) !important;
}
.border-\[color\:var\(--color-brand-blue\)\] {
  border-color: var(--color-brand-blue) !important;
}
.border-\[color\:var\(--color-button-primary-bg\)\] {
  border-color: var(--color-button-primary-bg) !important;
}
.border-\[color\:var\(--color-button-primary-bg\)\]\/35 {
  border-color: var(--color-button-primary-bg) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-button-primary-bg) 35%, transparent) !important;
  }
}
.border-\[color\:var\(--color-button-secondary-border\)\] {
  border-color: var(--color-button-secondary-border) !important;
}
.border-\[color\:var\(--color-card-border\)\] {
  border-color: var(--color-card-border) !important;
}
.border-\[color\:var\(--color-line-base\)\] {
  border-color: var(--color-line-base) !important;
}
.border-\[color\:var\(--color-line-soft\)\] {
  border-color: var(--color-line-soft) !important;
}
.border-\[color\:var\(--color-line-strong\)\] {
  border-color: var(--color-line-strong) !important;
}
.border-black\/\[0\.04\] {
  border-color: color-mix(in srgb, #000 4%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-black) 4%, transparent) !important;
  }
}
.border-black\/\[0\.05\] {
  border-color: color-mix(in srgb, #000 5%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important;
  }
}
.border-red-200 {
  border-color: var(--color-red-200) !important;
}
.border-transparent {
  border-color: transparent !important;
}
.border-white\/10 {
  border-color: color-mix(in srgb, #fff 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
  }
}
.border-white\/12 {
  border-color: color-mix(in srgb, #fff 12%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 12%, transparent) !important;
  }
}
.border-white\/20 {
  border-color: color-mix(in srgb, #fff 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important;
  }
}
.border-white\/25 {
  border-color: color-mix(in srgb, #fff 25%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 25%, transparent) !important;
  }
}
.border-white\/30 {
  border-color: color-mix(in srgb, #fff 30%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 30%, transparent) !important;
  }
}
.border-white\/60 {
  border-color: color-mix(in srgb, #fff 60%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 60%, transparent) !important;
  }
}
.border-white\/70 {
  border-color: color-mix(in srgb, #fff 70%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
  }
}
.border-white\/\[0\.12\] {
  border-color: color-mix(in srgb, #fff 12%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 12%, transparent) !important;
  }
}
.bg-\[\#0e205a\] {
  background-color: #0e205a !important;
}
.bg-\[\#03C75A\] {
  background-color: #03C75A !important;
}
.bg-\[\#816d66\] {
  background-color: #816d66 !important;
}
.bg-\[\#111111\] {
  background-color: #111111 !important;
}
.bg-\[\#E8344A\] {
  background-color: #E8344A !important;
}
.bg-\[\#E8344A\]\/\[0\.04\] {
  background-color: color-mix(in oklab, #E8344A 4%, transparent) !important;
}
.bg-\[\#E8344A\]\/\[0\.06\] {
  background-color: color-mix(in oklab, #E8344A 6%, transparent) !important;
}
.bg-\[\#FEE500\] {
  background-color: #FEE500 !important;
}
.bg-\[\#f0384a\] {
  background-color: #f0384a !important;
}
.bg-\[color\:var\(--color-base-charcoal\)\] {
  background-color: var(--color-base-charcoal) !important;
}
.bg-\[color\:var\(--color-blue-05\)\] {
  background-color: var(--color-blue-05) !important;
}
.bg-\[color\:var\(--color-brand\)\] {
  background-color: var(--color-brand) !important;
}
.bg-\[color\:var\(--color-brand\)\]\/30 {
  background-color: var(--color-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand) 30%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-brand-blue\)\] {
  background-color: var(--color-brand-blue) !important;
}
.bg-\[color\:var\(--color-brand-blue\)\]\/12 {
  background-color: var(--color-brand-blue) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-blue) 12%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-brand-blue\)\]\/15 {
  background-color: var(--color-brand-blue) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-blue) 15%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-brand-blue\)\]\/30 {
  background-color: var(--color-brand-blue) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-blue) 30%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-brand-soft\)\] {
  background-color: var(--color-brand-soft) !important;
}
.bg-\[color\:var\(--color-button-primary-bg\)\] {
  background-color: var(--color-button-primary-bg) !important;
}
.bg-\[color\:var\(--color-button-primary-bg\)\]\/\[0\.1\] {
  background-color: var(--color-button-primary-bg) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-button-primary-bg) 10%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-button-primary-bg\)\]\/\[0\.06\] {
  background-color: var(--color-button-primary-bg) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-button-primary-bg) 6%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-button-primary-bg\)\]\/\[0\.07\] {
  background-color: var(--color-button-primary-bg) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-button-primary-bg) 7.000000000000001%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-button-primary-bg\)\]\/\[0\.10\] {
  background-color: var(--color-button-primary-bg) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-button-primary-bg) 10%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-button-secondary-bg\)\] {
  background-color: var(--color-button-secondary-bg) !important;
}
.bg-\[color\:var\(--color-card-bg\)\] {
  background-color: var(--color-card-bg) !important;
}
.bg-\[color\:var\(--color-card-bg\)\]\/85 {
  background-color: var(--color-card-bg) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-card-bg) 85%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-footer-bg\)\] {
  background-color: var(--color-footer-bg) !important;
}
.bg-\[color\:var\(--color-line-base\)\] {
  background-color: var(--color-line-base) !important;
}
.bg-\[color\:var\(--color-page-bg\)\] {
  background-color: var(--color-page-bg) !important;
}
.bg-\[color\:var\(--color-page-bg\)\]\/90 {
  background-color: var(--color-page-bg) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-page-bg) 90%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-page-bg\)\]\/95 {
  background-color: var(--color-page-bg) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-page-bg) 95%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-section-clinical\)\] {
  background-color: var(--color-section-clinical) !important;
}
.bg-\[color\:var\(--color-section-mist\)\] {
  background-color: var(--color-section-mist) !important;
}
.bg-\[color\:var\(--color-section-paper\)\] {
  background-color: var(--color-section-paper) !important;
}
.bg-\[color\:var\(--color-section-soft\)\] {
  background-color: var(--color-section-soft) !important;
}
.bg-\[color\:var\(--color-section-soft\)\]\/40 {
  background-color: var(--color-section-soft) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-section-soft) 40%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-section-soft\)\]\/60 {
  background-color: var(--color-section-soft) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-section-soft) 60%, transparent) !important;
  }
}
.bg-\[color\:var\(--color-section-soft\,var\(--color-page-bg\)\)\] {
  background-color: var(--color-section-soft,var(--color-page-bg)) !important;
}
.bg-\[color\:var\(--color-text-main\)\] {
  background-color: var(--color-text-main) !important;
}
.bg-\[rgba\(35\,35\,42\,0\.34\)\] {
  background-color: rgba(35,35,42,0.34) !important;
}
.bg-black {
  background-color: var(--color-black) !important;
}
.bg-black\/15 {
  background-color: color-mix(in srgb, #000 15%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 15%, transparent) !important;
  }
}
.bg-black\/25 {
  background-color: color-mix(in srgb, #000 25%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 25%, transparent) !important;
  }
}
.bg-black\/40 {
  background-color: color-mix(in srgb, #000 40%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 40%, transparent) !important;
  }
}
.bg-black\/45 {
  background-color: color-mix(in srgb, #000 45%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 45%, transparent) !important;
  }
}
.bg-black\/50 {
  background-color: color-mix(in srgb, #000 50%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent) !important;
  }
}
.bg-black\/55 {
  background-color: color-mix(in srgb, #000 55%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 55%, transparent) !important;
  }
}
.bg-black\/60 {
  background-color: color-mix(in srgb, #000 60%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent) !important;
  }
}
.bg-black\/65 {
  background-color: color-mix(in srgb, #000 65%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 65%, transparent) !important;
  }
}
.bg-black\/\[0\.02\] {
  background-color: color-mix(in srgb, #000 2%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 2%, transparent) !important;
  }
}
.bg-black\/\[0\.03\] {
  background-color: color-mix(in srgb, #000 3%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 3%, transparent) !important;
  }
}
.bg-black\/\[0\.04\] {
  background-color: color-mix(in srgb, #000 4%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 4%, transparent) !important;
  }
}
.bg-black\/\[0\.06\] {
  background-color: color-mix(in srgb, #000 6%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 6%, transparent) !important;
  }
}
.bg-red-50 {
  background-color: var(--color-red-50) !important;
}
.bg-red-500 {
  background-color: var(--color-red-500) !important;
}
.bg-rose-400 {
  background-color: var(--color-rose-400) !important;
}
.bg-rose-500 {
  background-color: var(--color-rose-500) !important;
}
.bg-slate-900 {
  background-color: var(--color-slate-900) !important;
}
.bg-slate-950 {
  background-color: var(--color-slate-950) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-white {
  background-color: var(--color-white) !important;
}
.bg-white\/5 {
  background-color: color-mix(in srgb, #fff 5%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
  }
}
.bg-white\/10 {
  background-color: color-mix(in srgb, #fff 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
  }
}
.bg-white\/12 {
  background-color: color-mix(in srgb, #fff 12%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 12%, transparent) !important;
  }
}
.bg-white\/15 {
  background-color: color-mix(in srgb, #fff 15%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 15%, transparent) !important;
  }
}
.bg-white\/45 {
  background-color: color-mix(in srgb, #fff 45%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 45%, transparent) !important;
  }
}
.bg-white\/75 {
  background-color: color-mix(in srgb, #fff 75%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 75%, transparent) !important;
  }
}
.bg-white\/85 {
  background-color: color-mix(in srgb, #fff 85%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 85%, transparent) !important;
  }
}
.bg-white\/90 {
  background-color: color-mix(in srgb, #fff 90%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 90%, transparent) !important;
  }
}
.bg-white\/\[0\.12\] {
  background-color: color-mix(in srgb, #fff 12%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 12%, transparent) !important;
  }
}
.bg-gradient-to-b {
  --tw-gradient-position: to bottom in oklab !important;
  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-br {
  --tw-gradient-position: to bottom right in oklab !important;
  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-t {
  --tw-gradient-position: to top in oklab !important;
  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-tr {
  --tw-gradient-position: to top right in oklab !important;
  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
}
.from-\[\#dfe4ff\] {
  --tw-gradient-from: #dfe4ff !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[\#e3ecff\] {
  --tw-gradient-from: #e3ecff !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[\#eef0ff\] {
  --tw-gradient-from: #eef0ff !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[\#efe6df\] {
  --tw-gradient-from: #efe6df !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[\#f1e9e3\] {
  --tw-gradient-from: #f1e9e3 !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[\#f3e7e0\] {
  --tw-gradient-from: #f3e7e0 !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[\#f6efe9\] {
  --tw-gradient-from: #f6efe9 !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[\#fff3e6\] {
  --tw-gradient-from: #fff3e6 !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[color\:var\(--color-base-white\)\] {
  --tw-gradient-from: var(--color-base-white) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[color\:var\(--color-brand\)\]\/0 {
  --tw-gradient-from: var(--color-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-brand) 0%, transparent) !important;
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[color\:var\(--color-brand-blue\)\] {
  --tw-gradient-from: var(--color-brand-blue) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[color\:var\(--color-brand-cream\)\] {
  --tw-gradient-from: var(--color-brand-cream) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[color\:var\(--color-brand-dark\)\] {
  --tw-gradient-from: var(--color-brand-dark) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[color\:var\(--color-brand-deep\)\] {
  --tw-gradient-from: var(--color-brand-deep) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[color\:var\(--color-brand-mist\)\] {
  --tw-gradient-from: var(--color-brand-mist) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[color\:var\(--color-brand-paper\)\] {
  --tw-gradient-from: var(--color-brand-paper) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-\[color\:var\(--color-brand-soft\)\] {
  --tw-gradient-from: var(--color-brand-soft) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-amber-100 {
  --tw-gradient-from: var(--color-amber-100) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-amber-400 {
  --tw-gradient-from: var(--color-amber-400) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-black\/25 {
  --tw-gradient-from: color-mix(in srgb, #000 25%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 25%, transparent) !important;
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-black\/45 {
  --tw-gradient-from: color-mix(in srgb, #000 45%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 45%, transparent) !important;
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-black\/60 {
  --tw-gradient-from: color-mix(in srgb, #000 60%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent) !important;
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-black\/65 {
  --tw-gradient-from: color-mix(in srgb, #000 65%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 65%, transparent) !important;
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-emerald-100 {
  --tw-gradient-from: var(--color-emerald-100) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-emerald-200 {
  --tw-gradient-from: var(--color-emerald-200) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-fuchsia-200 {
  --tw-gradient-from: var(--color-fuchsia-200) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-orange-100 {
  --tw-gradient-from: var(--color-orange-100) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-rose-200 {
  --tw-gradient-from: var(--color-rose-200) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-rose-700 {
  --tw-gradient-from: var(--color-rose-700) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-sky-100 {
  --tw-gradient-from: var(--color-sky-100) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-sky-200 {
  --tw-gradient-from: var(--color-sky-200) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-slate-200 {
  --tw-gradient-from: var(--color-slate-200) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-slate-300 {
  --tw-gradient-from: var(--color-slate-300) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-slate-700 {
  --tw-gradient-from: var(--color-slate-700) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-stone-200 {
  --tw-gradient-from: var(--color-stone-200) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-white\/8 {
  --tw-gradient-from: color-mix(in srgb, #fff 8%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-white) 8%, transparent) !important;
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.from-white\/\[0\.08\] {
  --tw-gradient-from: color-mix(in srgb, #fff 8%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-white) 8%, transparent) !important;
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.via-\[\#0a1aa0\] {
  --tw-gradient-via: #0a1aa0 !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[\#9fb8ff\] {
  --tw-gradient-via: #9fb8ff !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[\#aeb9ff\] {
  --tw-gradient-via: #aeb9ff !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[\#c2c8ff\] {
  --tw-gradient-via: #c2c8ff !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[\#d8c3b6\] {
  --tw-gradient-via: #d8c3b6 !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[\#ddc6b8\] {
  --tw-gradient-via: #ddc6b8 !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[\#e3c7b8\] {
  --tw-gradient-via: #e3c7b8 !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[\#e7d3c6\] {
  --tw-gradient-via: #e7d3c6 !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[\#ffd9b3\] {
  --tw-gradient-via: #ffd9b3 !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[color\:var\(--color-brand\)\] {
  --tw-gradient-via: var(--color-brand) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[color\:var\(--color-brand\)\]\/30 {
  --tw-gradient-via: var(--color-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-brand) 30%, transparent) !important;
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[color\:var\(--color-brand\)\]\/45 {
  --tw-gradient-via: var(--color-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-brand) 45%, transparent) !important;
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[color\:var\(--color-brand-dark\)\] {
  --tw-gradient-via: var(--color-brand-dark) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[color\:var\(--color-brand-soft\)\] {
  --tw-gradient-via: var(--color-brand-soft) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[color\:var\(--color-line-soft\)\] {
  --tw-gradient-via: var(--color-line-soft) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-\[color\:var\(--color-line-strong\)\] {
  --tw-gradient-via: var(--color-line-strong) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-black\/15 {
  --tw-gradient-via: color-mix(in srgb, #000 15%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 15%, transparent) !important;
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-black\/20 {
  --tw-gradient-via: color-mix(in srgb, #000 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent) !important;
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-emerald-300 {
  --tw-gradient-via: var(--color-emerald-300) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-indigo-200 {
  --tw-gradient-via: var(--color-indigo-200) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-orange-200 {
  --tw-gradient-via: var(--color-orange-200) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-orange-300 {
  --tw-gradient-via: var(--color-orange-300) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-purple-200 {
  --tw-gradient-via: var(--color-purple-200) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-rose-200 {
  --tw-gradient-via: var(--color-rose-200) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-rose-500 {
  --tw-gradient-via: var(--color-rose-500) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-rose-900 {
  --tw-gradient-via: var(--color-rose-900) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-sky-300 {
  --tw-gradient-via: var(--color-sky-300) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-slate-400 {
  --tw-gradient-via: var(--color-slate-400) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-slate-500 {
  --tw-gradient-via: var(--color-slate-500) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-slate-600 {
  --tw-gradient-via: var(--color-slate-600) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-slate-800 {
  --tw-gradient-via: var(--color-slate-800) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-stone-400 {
  --tw-gradient-via: var(--color-stone-400) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-teal-200 {
  --tw-gradient-via: var(--color-teal-200) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-transparent {
  --tw-gradient-via: transparent !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.via-zinc-300 {
  --tw-gradient-via: var(--color-zinc-300) !important;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
}
.to-\[\#1a2db0\] {
  --tw-gradient-to: #1a2db0 !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[\#3a46c0\] {
  --tw-gradient-to: #3a46c0 !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[\#9c7868\] {
  --tw-gradient-to: #9c7868 !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[\#000640\] {
  --tw-gradient-to: #000640 !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[\#a87f6e\] {
  --tw-gradient-to: #a87f6e !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[\#b78d7e\] {
  --tw-gradient-to: #b78d7e !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[\#c49b8a\] {
  --tw-gradient-to: #c49b8a !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[\#e8a06a\] {
  --tw-gradient-to: #e8a06a !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[color\:var\(--color-base-charcoal\)\] {
  --tw-gradient-to: var(--color-base-charcoal) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[color\:var\(--color-base-ink\)\] {
  --tw-gradient-to: var(--color-base-ink) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[color\:var\(--color-brand\)\] {
  --tw-gradient-to: var(--color-brand) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[color\:var\(--color-brand\)\]\/0 {
  --tw-gradient-to: var(--color-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-brand) 0%, transparent) !important;
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[color\:var\(--color-brand-blue\)\] {
  --tw-gradient-to: var(--color-brand-blue) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[color\:var\(--color-brand-dark\)\] {
  --tw-gradient-to: var(--color-brand-dark) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[color\:var\(--color-brand-deep\)\] {
  --tw-gradient-to: var(--color-brand-deep) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-\[color\:var\(--color-line-base\)\] {
  --tw-gradient-to: var(--color-line-base) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-amber-300 {
  --tw-gradient-to: var(--color-amber-300) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-black {
  --tw-gradient-to: var(--color-black) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-black\/45 {
  --tw-gradient-to: color-mix(in srgb, #000 45%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-black) 45%, transparent) !important;
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-cyan-300 {
  --tw-gradient-to: var(--color-cyan-300) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-emerald-600 {
  --tw-gradient-to: var(--color-emerald-600) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-fuchsia-600 {
  --tw-gradient-to: var(--color-fuchsia-600) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-indigo-300 {
  --tw-gradient-to: var(--color-indigo-300) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-pink-300 {
  --tw-gradient-to: var(--color-pink-300) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-rose-400 {
  --tw-gradient-to: var(--color-rose-400) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-rose-500 {
  --tw-gradient-to: var(--color-rose-500) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-slate-700 {
  --tw-gradient-to: var(--color-slate-700) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-slate-800 {
  --tw-gradient-to: var(--color-slate-800) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-slate-900 {
  --tw-gradient-to: var(--color-slate-900) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-stone-400 {
  --tw-gradient-to: var(--color-stone-400) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-stone-600 {
  --tw-gradient-to: var(--color-stone-600) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-transparent {
  --tw-gradient-to: transparent !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.to-violet-300 {
  --tw-gradient-to: var(--color-violet-300) !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
}
.fill-current {
  fill: currentcolor !important;
}
.fill-none {
  fill: none !important;
}
.stroke-current {
  stroke: currentcolor !important;
}
.stroke-\[1\.5\] {
  stroke-width: 1.5 !important;
}
.object-contain {
  object-fit: contain !important;
}
.object-cover {
  object-fit: cover !important;
}
.object-center {
  object-position: center !important;
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5) !important;
}
.p-1\.5 {
  padding: calc(var(--spacing) * 1.5) !important;
}
.p-2 {
  padding: calc(var(--spacing) * 2) !important;
}
.p-3 {
  padding: calc(var(--spacing) * 3) !important;
}
.p-3\.5 {
  padding: calc(var(--spacing) * 3.5) !important;
}
.p-4 {
  padding: calc(var(--spacing) * 4) !important;
}
.p-5 {
  padding: calc(var(--spacing) * 5) !important;
}
.p-6 {
  padding: calc(var(--spacing) * 6) !important;
}
.p-7 {
  padding: calc(var(--spacing) * 7) !important;
}
.p-8 {
  padding: calc(var(--spacing) * 8) !important;
}
.px-0 {
  padding-inline: calc(var(--spacing) * 0) !important;
}
.px-0\.5 {
  padding-inline: calc(var(--spacing) * 0.5) !important;
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1) !important;
}
.px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5) !important;
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2) !important;
}
.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5) !important;
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3) !important;
}
.px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5) !important;
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4) !important;
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5) !important;
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6) !important;
}
.px-7 {
  padding-inline: calc(var(--spacing) * 7) !important;
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8) !important;
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5) !important;
}
.py-1 {
  padding-block: calc(var(--spacing) * 1) !important;
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5) !important;
}
.py-2 {
  padding-block: calc(var(--spacing) * 2) !important;
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5) !important;
}
.py-3 {
  padding-block: calc(var(--spacing) * 3) !important;
}
.py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5) !important;
}
.py-4 {
  padding-block: calc(var(--spacing) * 4) !important;
}
.py-5 {
  padding-block: calc(var(--spacing) * 5) !important;
}
.py-8 {
  padding-block: calc(var(--spacing) * 8) !important;
}
.py-10 {
  padding-block: calc(var(--spacing) * 10) !important;
}
.py-12 {
  padding-block: calc(var(--spacing) * 12) !important;
}
.py-14 {
  padding-block: calc(var(--spacing) * 14) !important;
}
.py-16 {
  padding-block: calc(var(--spacing) * 16) !important;
}
.py-20 {
  padding-block: calc(var(--spacing) * 20) !important;
}
.py-24 {
  padding-block: calc(var(--spacing) * 24) !important;
}
.py-\[2px\] {
  padding-block: 2px !important;
}
.py-px {
  padding-block: 1px !important;
}
.pt-0 {
  padding-top: calc(var(--spacing) * 0) !important;
}
.pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5) !important;
}
.pt-1 {
  padding-top: calc(var(--spacing) * 1) !important;
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2) !important;
}
.pt-2\.5 {
  padding-top: calc(var(--spacing) * 2.5) !important;
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3) !important;
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4) !important;
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5) !important;
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6) !important;
}
.pt-7 {
  padding-top: calc(var(--spacing) * 7) !important;
}
.pt-10 {
  padding-top: calc(var(--spacing) * 10) !important;
}
.pt-12 {
  padding-top: calc(var(--spacing) * 12) !important;
}
.pt-16 {
  padding-top: calc(var(--spacing) * 16) !important;
}
.pt-24 {
  padding-top: calc(var(--spacing) * 24) !important;
}
.pt-\[12vh\] {
  padding-top: 12vh !important;
}
.pr-1\.5 {
  padding-right: calc(var(--spacing) * 1.5) !important;
}
.pr-5 {
  padding-right: calc(var(--spacing) * 5) !important;
}
.pr-6 {
  padding-right: calc(var(--spacing) * 6) !important;
}
.pr-7 {
  padding-right: calc(var(--spacing) * 7) !important;
}
.pr-8 {
  padding-right: calc(var(--spacing) * 8) !important;
}
.pr-9 {
  padding-right: calc(var(--spacing) * 9) !important;
}
.pr-10 {
  padding-right: calc(var(--spacing) * 10) !important;
}
.pb-1 {
  padding-bottom: calc(var(--spacing) * 1) !important;
}
.pb-1\.5 {
  padding-bottom: calc(var(--spacing) * 1.5) !important;
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2) !important;
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3) !important;
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4) !important;
}
.pb-5 {
  padding-bottom: calc(var(--spacing) * 5) !important;
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6) !important;
}
.pb-7 {
  padding-bottom: calc(var(--spacing) * 7) !important;
}
.pb-10 {
  padding-bottom: calc(var(--spacing) * 10) !important;
}
.pb-12 {
  padding-bottom: calc(var(--spacing) * 12) !important;
}
.pb-14 {
  padding-bottom: calc(var(--spacing) * 14) !important;
}
.pb-16 {
  padding-bottom: calc(var(--spacing) * 16) !important;
}
.pb-20 {
  padding-bottom: calc(var(--spacing) * 20) !important;
}
.pb-24 {
  padding-bottom: calc(var(--spacing) * 24) !important;
}
.pl-3 {
  padding-left: calc(var(--spacing) * 3) !important;
}
.pl-3\.5 {
  padding-left: calc(var(--spacing) * 3.5) !important;
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4) !important;
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6) !important;
}
.pl-7 {
  padding-left: calc(var(--spacing) * 7) !important;
}
.pl-8 {
  padding-left: calc(var(--spacing) * 8) !important;
}
.pl-9 {
  padding-left: calc(var(--spacing) * 9) !important;
}
.pl-\[28px\] {
  padding-left: 28px !important;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.\[text-indent\:-0\.5em\] {
  text-indent: -0.5em !important;
}
.align-top {
  vertical-align: top !important;
}
.text-\[9px\] {
  font-size: 9px !important;
}
.text-\[10\.5px\] {
  font-size: 10.5px !important;
}
.text-\[10px\] {
  font-size: 10px !important;
}
.text-\[11\.5px\] {
  font-size: 11.5px !important;
}
.text-\[11px\] {
  font-size: 11px !important;
}
.text-\[12\.5px\] {
  font-size: 12.5px !important;
}
.text-\[12px\] {
  font-size: 12px !important;
}
.text-\[13\.5px\] {
  font-size: 13.5px !important;
}
.text-\[13px\] {
  font-size: 13px !important;
}
.text-\[14\.5px\] {
  font-size: 14.5px !important;
}
.text-\[14px\] {
  font-size: 14px !important;
}
.text-\[15px\] {
  font-size: 15px !important;
}
.text-\[16px\] {
  font-size: 16px !important;
}
.text-\[17px\] {
  font-size: 17px !important;
}
.text-\[18px\] {
  font-size: 18px !important;
}
.text-\[19px\] {
  font-size: 19px !important;
}
.text-\[20px\] {
  font-size: 20px !important;
}
.text-\[22px\] {
  font-size: 22px !important;
}
.text-\[24px\] {
  font-size: 24px !important;
}
.text-\[25px\] {
  font-size: 25px !important;
}
.text-\[26px\] {
  font-size: 26px !important;
}
.text-\[28px\] {
  font-size: 28px !important;
}
.text-\[30px\] {
  font-size: 30px !important;
}
.text-\[32px\] {
  font-size: 32px !important;
}
.text-\[34px\] {
  font-size: 34px !important;
}
.text-\[36px\] {
  font-size: 36px !important;
}
.text-\[40px\] {
  font-size: 40px !important;
}
.text-\[42px\] {
  font-size: 42px !important;
}
.text-\[44px\] {
  font-size: 44px !important;
}
.text-\[clamp\(11\.5px\,3\.35vw\,14px\)\] {
  font-size: clamp(11.5px, 3.35vw, 14px) !important;
}
.text-\[clamp\(13px\,3\.6vw\,16px\)\] {
  font-size: clamp(13px, 3.6vw, 16px) !important;
}
.leading-\[0\.95\] {
  --tw-leading: 0.95 !important;
  line-height: 0.95 !important;
}
.leading-\[1\.1\] {
  --tw-leading: 1.1 !important;
  line-height: 1.1 !important;
}
.leading-\[1\.2\] {
  --tw-leading: 1.2 !important;
  line-height: 1.2 !important;
}
.leading-\[1\.3\] {
  --tw-leading: 1.3 !important;
  line-height: 1.3 !important;
}
.leading-\[1\.08\] {
  --tw-leading: 1.08 !important;
  line-height: 1.08 !important;
}
.leading-\[1\.9\] {
  --tw-leading: 1.9 !important;
  line-height: 1.9 !important;
}
.leading-\[1\.75\] {
  --tw-leading: 1.75 !important;
  line-height: 1.75 !important;
}
.leading-\[16px\] {
  --tw-leading: 16px !important;
  line-height: 16px !important;
}
.leading-\[44px\] {
  --tw-leading: 44px !important;
  line-height: 44px !important;
}
.leading-\[46px\] {
  --tw-leading: 46px !important;
  line-height: 46px !important;
}
.leading-\[48px\] {
  --tw-leading: 48px !important;
  line-height: 48px !important;
}
.leading-none {
  --tw-leading: 1 !important;
  line-height: 1 !important;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed) !important;
  line-height: var(--leading-relaxed) !important;
}
.leading-snug {
  --tw-leading: var(--leading-snug) !important;
  line-height: var(--leading-snug) !important;
}
.leading-tight {
  --tw-leading: var(--leading-tight) !important;
  line-height: var(--leading-tight) !important;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold) !important;
  font-weight: var(--font-weight-bold) !important;
}
.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold) !important;
  font-weight: var(--font-weight-extrabold) !important;
}
.font-light {
  --tw-font-weight: var(--font-weight-light) !important;
  font-weight: var(--font-weight-light) !important;
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium) !important;
  font-weight: var(--font-weight-medium) !important;
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
}
.tracking-\[-0\.01em\] {
  --tw-tracking: -0.01em !important;
  letter-spacing: -0.01em !important;
}
.tracking-\[-0\.02em\] {
  --tw-tracking: -0.02em !important;
  letter-spacing: -0.02em !important;
}
.tracking-\[0\.1em\] {
  --tw-tracking: 0.1em !important;
  letter-spacing: 0.1em !important;
}
.tracking-\[0\.2em\] {
  --tw-tracking: 0.2em !important;
  letter-spacing: 0.2em !important;
}
.tracking-\[0\.3em\] {
  --tw-tracking: 0.3em !important;
  letter-spacing: 0.3em !important;
}
.tracking-\[0\.04em\] {
  --tw-tracking: 0.04em !important;
  letter-spacing: 0.04em !important;
}
.tracking-\[0\.4em\] {
  --tw-tracking: 0.4em !important;
  letter-spacing: 0.4em !important;
}
.tracking-\[0\.06em\] {
  --tw-tracking: 0.06em !important;
  letter-spacing: 0.06em !important;
}
.tracking-\[0\.08em\] {
  --tw-tracking: 0.08em !important;
  letter-spacing: 0.08em !important;
}
.tracking-\[0\.12em\] {
  --tw-tracking: 0.12em !important;
  letter-spacing: 0.12em !important;
}
.tracking-\[0\.14em\] {
  --tw-tracking: 0.14em !important;
  letter-spacing: 0.14em !important;
}
.tracking-\[0\.15em\] {
  --tw-tracking: 0.15em !important;
  letter-spacing: 0.15em !important;
}
.tracking-\[0\.16em\] {
  --tw-tracking: 0.16em !important;
  letter-spacing: 0.16em !important;
}
.tracking-\[0\.18em\] {
  --tw-tracking: 0.18em !important;
  letter-spacing: 0.18em !important;
}
.tracking-\[0\.22em\] {
  --tw-tracking: 0.22em !important;
  letter-spacing: 0.22em !important;
}
.tracking-\[0\.25em\] {
  --tw-tracking: 0.25em !important;
  letter-spacing: 0.25em !important;
}
.tracking-\[0\.28em\] {
  --tw-tracking: 0.28em !important;
  letter-spacing: 0.28em !important;
}
.tracking-normal {
  --tw-tracking: var(--tracking-normal) !important;
  letter-spacing: var(--tracking-normal) !important;
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight) !important;
  letter-spacing: var(--tracking-tight) !important;
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide) !important;
  letter-spacing: var(--tracking-wide) !important;
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider) !important;
  letter-spacing: var(--tracking-wider) !important;
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest) !important;
  letter-spacing: var(--tracking-widest) !important;
}
.break-keep {
  word-break: keep-all !important;
}
.whitespace-nowrap {
  white-space: nowrap !important;
}
.whitespace-pre-line {
  white-space: pre-line !important;
}
.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}
.text-\[\#0d277d\] {
  color: #0d277d !important;
}
.text-\[\#1a1d24\] {
  color: #1a1d24 !important;
}
.text-\[\#1f1f1f\] {
  color: #1f1f1f !important;
}
.text-\[\#3a302c\] {
  color: #3a302c !important;
}
.text-\[\#8a7a72\] {
  color: #8a7a72 !important;
}
.text-\[\#9A958C\] {
  color: #9A958C !important;
}
.text-\[\#66686e\] {
  color: #66686e !important;
}
.text-\[\#191600\] {
  color: #191600 !important;
}
.text-\[\#B0776C\] {
  color: #B0776C !important;
}
.text-\[\#E8344A\] {
  color: #E8344A !important;
}
.text-\[\#F01414\] {
  color: #F01414 !important;
}
.text-\[\#aeaeae\] {
  color: #aeaeae !important;
}
.text-\[\#ff4359\] {
  color: #ff4359 !important;
}
.text-\[color\:var\(--color-blue-20\)\] {
  color: var(--color-blue-20) !important;
}
.text-\[color\:var\(--color-brand\)\] {
  color: var(--color-brand) !important;
}
.text-\[color\:var\(--color-brand\)\]\/70 {
  color: var(--color-brand) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-brand) 70%, transparent) !important;
  }
}
.text-\[color\:var\(--color-brand-blue\)\] {
  color: var(--color-brand-blue) !important;
}
.text-\[color\:var\(--color-button-primary-bg\)\] {
  color: var(--color-button-primary-bg) !important;
}
.text-\[color\:var\(--color-button-primary-text\)\] {
  color: var(--color-button-primary-text) !important;
}
.text-\[color\:var\(--color-button-secondary-text\)\] {
  color: var(--color-button-secondary-text) !important;
}
.text-\[color\:var\(--color-line-base\)\] {
  color: var(--color-line-base) !important;
}
.text-\[color\:var\(--color-line-strong\)\] {
  color: var(--color-line-strong) !important;
}
.text-\[color\:var\(--color-text-inverse\)\] {
  color: var(--color-text-inverse) !important;
}
.text-\[color\:var\(--color-text-main\)\] {
  color: var(--color-text-main) !important;
}
.text-\[color\:var\(--color-text-muted\)\] {
  color: var(--color-text-muted) !important;
}
.text-\[color\:var\(--color-text-sub\)\] {
  color: var(--color-text-sub) !important;
}
.text-amber-400 {
  color: var(--color-amber-400) !important;
}
.text-red-700 {
  color: var(--color-red-700) !important;
}
.text-rose-400 {
  color: var(--color-rose-400) !important;
}
.text-slate-950 {
  color: var(--color-slate-950) !important;
}
.text-white {
  color: var(--color-white) !important;
}
.text-white\/25 {
  color: color-mix(in srgb, #fff 25%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 25%, transparent) !important;
  }
}
.text-white\/30 {
  color: color-mix(in srgb, #fff 30%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 30%, transparent) !important;
  }
}
.text-white\/40 {
  color: color-mix(in srgb, #fff 40%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 40%, transparent) !important;
  }
}
.text-white\/45 {
  color: color-mix(in srgb, #fff 45%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 45%, transparent) !important;
  }
}
.text-white\/50 {
  color: color-mix(in srgb, #fff 50%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 50%, transparent) !important;
  }
}
.text-white\/55 {
  color: color-mix(in srgb, #fff 55%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 55%, transparent) !important;
  }
}
.text-white\/60 {
  color: color-mix(in srgb, #fff 60%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 60%, transparent) !important;
  }
}
.text-white\/65 {
  color: color-mix(in srgb, #fff 65%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 65%, transparent) !important;
  }
}
.text-white\/70 {
  color: color-mix(in srgb, #fff 70%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
  }
}
.text-white\/75 {
  color: color-mix(in srgb, #fff 75%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 75%, transparent) !important;
  }
}
.text-white\/80 {
  color: color-mix(in srgb, #fff 80%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 80%, transparent) !important;
  }
}
.text-white\/85 {
  color: color-mix(in srgb, #fff 85%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 85%, transparent) !important;
  }
}
.text-white\/90 {
  color: color-mix(in srgb, #fff 90%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 90%, transparent) !important;
  }
}
.text-white\/95 {
  color: color-mix(in srgb, #fff 95%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 95%, transparent) !important;
  }
}
.normal-case {
  text-transform: none !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.italic {
  font-style: italic !important;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums !important;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
}
.line-through {
  text-decoration-line: line-through !important;
}
.underline {
  text-decoration-line: underline !important;
}
.decoration-\[color\:var\(--color-line-strong\)\] {
  text-decoration-color: var(--color-line-strong) !important;
}
.decoration-white\/30 {
  text-decoration-color: color-mix(in srgb, #fff 30%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in oklab, var(--color-white) 30%, transparent) !important;
  }
}
.decoration-white\/40 {
  text-decoration-color: color-mix(in srgb, #fff 40%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in oklab, var(--color-white) 40%, transparent) !important;
  }
}
.underline-offset-2 {
  text-underline-offset: 2px !important;
}
.underline-offset-4 {
  text-underline-offset: 4px !important;
}
.accent-\[color\:var\(--color-brand\)\] {
  accent-color: var(--color-brand) !important;
}
.accent-\[color\:var\(--color-button-primary-bg\)\] {
  accent-color: var(--color-button-primary-bg) !important;
}
.opacity-0 {
  opacity: 0% !important;
}
.opacity-70 {
  opacity: 70% !important;
}
.opacity-75 {
  opacity: 75% !important;
}
.opacity-80 {
  opacity: 80% !important;
}
.opacity-90 {
  opacity: 90% !important;
}
.opacity-100 {
  opacity: 100% !important;
}
.opacity-\[0\.10\] {
  opacity: 0.10 !important;
}
.shadow-\[0_-8px_40px_-8px_rgba\(17\,24\,39\,0\.3\)\] {
  --tw-shadow: 0 -8px 40px -8px var(--tw-shadow-color, rgba(17,24,39,0.3)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.05\)\] {
  --tw-shadow: 0 1px 4px var(--tw-shadow-color, rgba(0,0,0,0.05)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_1px_4px_rgba\(0\,11\,140\,0\.05\)\] {
  --tw-shadow: 0 1px 4px var(--tw-shadow-color, rgba(0,11,140,0.05)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_2px_8px_-1px_rgba\(17\,24\,39\,0\.35\)\] {
  --tw-shadow: 0 2px 8px -1px var(--tw-shadow-color, rgba(17,24,39,0.35)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_2px_8px_rgba\(0\,11\,140\,0\.18\)\] {
  --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0,11,140,0.18)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_4px_10px_-3px_rgba\(0\,11\,140\,0\.4\)\] {
  --tw-shadow: 0 4px 10px -3px var(--tw-shadow-color, rgba(0,11,140,0.4)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_4px_10px_-3px_rgba\(17\,24\,39\,0\.4\)\] {
  --tw-shadow: 0 4px 10px -3px var(--tw-shadow-color, rgba(17,24,39,0.4)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_4px_10px_-3px_rgba\(17\,24\,39\,0\.5\)\] {
  --tw-shadow: 0 4px 10px -3px var(--tw-shadow-color, rgba(17,24,39,0.5)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_4px_10px_-3px_rgba\(232\,52\,74\,0\.5\)\] {
  --tw-shadow: 0 4px 10px -3px var(--tw-shadow-color, rgba(232,52,74,0.5)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_4px_12px_-3px_rgba\(232\,52\,74\,0\.5\)\] {
  --tw-shadow: 0 4px 12px -3px var(--tw-shadow-color, rgba(232,52,74,0.5)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_4px_12px_rgba\(0\,11\,140\,0\.30\)\] {
  --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0,11,140,0.30)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_4px_12px_rgba\(13\,39\,125\,0\.30\)\] {
  --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(13,39,125,0.30)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_4px_14px_-3px_rgba\(0\,0\,0\,0\.3\)\] {
  --tw-shadow: 0 4px 14px -3px var(--tw-shadow-color, rgba(0,0,0,0.3)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_4px_14px_-8px_rgba\(17\,24\,39\,0\.2\)\] {
  --tw-shadow: 0 4px 14px -8px var(--tw-shadow-color, rgba(17,24,39,0.2)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_4px_14px_-8px_rgba\(17\,24\,39\,0\.18\)\] {
  --tw-shadow: 0 4px 14px -8px var(--tw-shadow-color, rgba(17,24,39,0.18)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_6px_16px_-6px_rgba\(17\,24\,39\,0\.45\)\] {
  --tw-shadow: 0 6px 16px -6px var(--tw-shadow-color, rgba(17,24,39,0.45)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_6px_18px_-6px_rgba\(0\,11\,140\,0\.25\)\] {
  --tw-shadow: 0 6px 18px -6px var(--tw-shadow-color, rgba(0,11,140,0.25)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_6px_18px_-10px_rgba\(0\,11\,140\,0\.2\)\] {
  --tw-shadow: 0 6px 18px -10px var(--tw-shadow-color, rgba(0,11,140,0.2)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_6px_18px_-10px_rgba\(80\,52\,38\,0\.28\)\] {
  --tw-shadow: 0 6px 18px -10px var(--tw-shadow-color, rgba(80,52,38,0.28)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_6px_20px_-8px_rgba\(0\,0\,0\,0\.3\)\] {
  --tw-shadow: 0 6px 20px -8px var(--tw-shadow-color, rgba(0,0,0,0.3)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_8px_20px_-6px_rgba\(17\,24\,39\,0\.45\)\] {
  --tw-shadow: 0 8px 20px -6px var(--tw-shadow-color, rgba(17,24,39,0.45)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_8px_22px_-14px_rgba\(17\,24\,39\,0\.2\)\] {
  --tw-shadow: 0 8px 22px -14px var(--tw-shadow-color, rgba(17,24,39,0.2)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_8px_22px_-14px_rgba\(80\,52\,38\,0\.22\)\] {
  --tw-shadow: 0 8px 22px -14px var(--tw-shadow-color, rgba(80,52,38,0.22)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_10px_22px_-12px_rgba\(0\,0\,0\,0\.35\)\] {
  --tw-shadow: 0 10px 22px -12px var(--tw-shadow-color, rgba(0,0,0,0.35)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_10px_24px_-6px_rgba\(0\,0\,0\,0\.5\)\] {
  --tw-shadow: 0 10px 24px -6px var(--tw-shadow-color, rgba(0,0,0,0.5)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_10px_24px_-6px_rgba\(0\,0\,0\,0\.55\)\] {
  --tw-shadow: 0 10px 24px -6px var(--tw-shadow-color, rgba(0,0,0,0.55)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_10px_24px_-8px_rgba\(17\,24\,39\,0\.45\)\] {
  --tw-shadow: 0 10px 24px -8px var(--tw-shadow-color, rgba(17,24,39,0.45)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_10px_26px_-16px_rgba\(17\,24\,39\,0\.2\)\] {
  --tw-shadow: 0 10px 26px -16px var(--tw-shadow-color, rgba(17,24,39,0.2)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_10px_28px_-16px_rgba\(17\,24\,39\,0\.22\)\] {
  --tw-shadow: 0 10px 28px -16px var(--tw-shadow-color, rgba(17,24,39,0.22)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_10px_28px_-18px_rgba\(80\,52\,38\,0\.2\)\] {
  --tw-shadow: 0 10px 28px -18px var(--tw-shadow-color, rgba(80,52,38,0.2)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_10px_30px_-14px_rgba\(17\,24\,39\,0\.18\)\] {
  --tw-shadow: 0 10px 30px -14px var(--tw-shadow-color, rgba(17,24,39,0.18)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_12px_28px_-12px_rgba\(17\,24\,39\,0\.5\)\] {
  --tw-shadow: 0 12px 28px -12px var(--tw-shadow-color, rgba(17,24,39,0.5)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_12px_30px_-8px_rgba\(17\,24\,39\,0\.5\)\] {
  --tw-shadow: 0 12px 30px -8px var(--tw-shadow-color, rgba(17,24,39,0.5)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_12px_30px_-10px_rgba\(0\,0\,0\,0\.5\)\] {
  --tw-shadow: 0 12px 30px -10px var(--tw-shadow-color, rgba(0,0,0,0.5)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_12px_30px_rgba\(0\,0\,0\,0\.4\)\] {
  --tw-shadow: 0 12px 30px var(--tw-shadow-color, rgba(0,0,0,0.4)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_12px_34px_-18px_rgba\(80\,52\,38\,0\.2\)\] {
  --tw-shadow: 0 12px 34px -18px var(--tw-shadow-color, rgba(80,52,38,0.2)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_14px_30px_-12px_rgba\(0\,0\,0\,0\.35\)\] {
  --tw-shadow: 0 14px 30px -12px var(--tw-shadow-color, rgba(0,0,0,0.35)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_14px_32px_-14px_rgba\(17\,24\,39\,0\.45\)\] {
  --tw-shadow: 0 14px 32px -14px var(--tw-shadow-color, rgba(17,24,39,0.45)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_16px_36px_-16px_rgba\(17\,24\,39\,0\.4\)\] {
  --tw-shadow: 0 16px 36px -16px var(--tw-shadow-color, rgba(17,24,39,0.4)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_18px_44px_-18px_rgba\(17\,24\,39\,0\.30\)\,0_4px_12px_-6px_rgba\(17\,24\,39\,0\.16\)\] {
  --tw-shadow: 0 18px 44px -18px var(--tw-shadow-color, rgba(17,24,39,0.30)), 0 4px 12px -6px var(--tw-shadow-color, rgba(17,24,39,0.16)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_18px_44px_-18px_rgba\(17\,24\,39\,0\.30\)\] {
  --tw-shadow: 0 18px 44px -18px var(--tw-shadow-color, rgba(17,24,39,0.30)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_18px_44px_-18px_rgba\(80\,52\,38\,0\.34\)\,0_4px_12px_-6px_rgba\(80\,52\,38\,0\.18\)\] {
  --tw-shadow: 0 18px 44px -18px var(--tw-shadow-color, rgba(80,52,38,0.34)), 0 4px 12px -6px var(--tw-shadow-color, rgba(80,52,38,0.18)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_18px_50px_-22px_rgba\(80\,52\,38\,0\.28\)\] {
  --tw-shadow: 0 18px 50px -22px var(--tw-shadow-color, rgba(80,52,38,0.28)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_24px_60px_-12px_rgba\(17\,24\,39\,0\.4\)\] {
  --tw-shadow: 0 24px 60px -12px var(--tw-shadow-color, rgba(17,24,39,0.4)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_30px_80px_-20px_rgba\(0\,0\,0\,0\.4\)\] {
  --tw-shadow: 0 30px 80px -20px var(--tw-shadow-color, rgba(0,0,0,0.4)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_30px_80px_-32px_rgba\(0\,0\,0\,0\.28\)\,0_8px_22px_-14px_rgba\(0\,0\,0\,0\.10\)\] {
  --tw-shadow: 0 30px 80px -32px var(--tw-shadow-color, rgba(0,0,0,0.28)), 0 8px 22px -14px var(--tw-shadow-color, rgba(0,0,0,0.10)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_30px_80px_rgba\(0\,0\,0\,0\.5\)\] {
  --tw-shadow: 0 30px 80px var(--tw-shadow-color, rgba(0,0,0,0.5)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_30px_80px_rgba\(0\,0\,0\,0\.30\)\] {
  --tw-shadow: 0 30px 80px var(--tw-shadow-color, rgba(0,0,0,0.30)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_30px_80px_rgba\(0\,0\,0\,0\.35\)\] {
  --tw-shadow: 0 30px 80px var(--tw-shadow-color, rgba(0,0,0,0.35)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[0_30px_80px_rgba\(80\,52\,38\,0\.35\)\] {
  --tw-shadow: 0 30px 80px var(--tw-shadow-color, rgba(80,52,38,0.35)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[12px_0_32px_rgba\(0\,0\,0\,0\.10\)\] {
  --tw-shadow: 12px 0 32px var(--tw-shadow-color, rgba(0,0,0,0.10)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[16px_0_48px_rgba\(0\,0\,0\,0\.20\)\] {
  --tw-shadow: 16px 0 48px var(--tw-shadow-color, rgba(0,0,0,0.20)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-\[inset_0_0_0_9999px_rgba\(0\,0\,0\,0\.18\)\] {
  --tw-shadow: inset 0 0 0 9999px var(--tw-shadow-color, rgba(0,0,0,0.18)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-card-hover {
  --tw-shadow: var(--shadow-card-hover) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-soft {
  --tw-shadow: var(--shadow-soft-object) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ring-4 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ring-\[color\:var\(--color-brand-soft\)\] {
  --tw-ring-color: var(--color-brand-soft) !important;
}
.ring-\[color\:var\(--color-button-primary-bg\)\] {
  --tw-ring-color: var(--color-button-primary-bg) !important;
}
.ring-\[color\:var\(--color-button-primary-bg\)\]\/25 {
  --tw-ring-color: var(--color-button-primary-bg) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-button-primary-bg) 25%, transparent) !important;
  }
}
.ring-\[color\:var\(--color-line-base\)\] {
  --tw-ring-color: var(--color-line-base) !important;
}
.ring-\[color\:var\(--color-line-soft\)\] {
  --tw-ring-color: var(--color-line-soft) !important;
}
.ring-\[color\:var\(--color-section-soft\)\] {
  --tw-ring-color: var(--color-section-soft) !important;
}
.ring-black\/5 {
  --tw-ring-color: color-mix(in srgb, #000 5%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important;
  }
}
.blur {
  --tw-blur: blur(8px) !important;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.blur-2xl {
  --tw-blur: blur(var(--blur-2xl)) !important;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.blur-lg {
  --tw-blur: blur(var(--blur-lg)) !important;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.blur-xl {
  --tw-blur: blur(var(--blur-xl)) !important;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.\[filter\:drop-shadow\(0_2px_14px_rgba\(0\,0\,0\,0\.5\)\)\] {
  filter: drop-shadow(0 2px 14px rgba(0,0,0,0.5)) !important;
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.backdrop-blur-2xl {
  --tw-backdrop-blur: blur(var(--blur-2xl)) !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px) !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md)) !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--blur-sm)) !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition-\[border-color\,box-shadow\] {
  transition-property: border-color,box-shadow !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition-\[filter\,transform\] {
  transition-property: filter,transform !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition-\[filter\] {
  transition-property: filter !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition-\[flex-grow\] {
  transition-property: flex-grow !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition-\[max-height\] {
  transition-property: max-height !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition-all {
  transition-property: all !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition-opacity {
  transition-property: opacity !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition-shadow {
  transition-property: box-shadow !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition-transform {
  transition-property: transform, translate, scale, rotate !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.duration-200 {
  --tw-duration: 200ms !important;
  transition-duration: 200ms !important;
}
.duration-300 {
  --tw-duration: 300ms !important;
  transition-duration: 300ms !important;
}
.duration-500 {
  --tw-duration: 500ms !important;
  transition-duration: 500ms !important;
}
.duration-\[400ms\] {
  --tw-duration: 400ms !important;
  transition-duration: 400ms !important;
}
.duration-\[500ms\] {
  --tw-duration: 500ms !important;
  transition-duration: 500ms !important;
}
.duration-\[600ms\] {
  --tw-duration: 600ms !important;
  transition-duration: 600ms !important;
}
.duration-\[1200ms\] {
  --tw-duration: 1200ms !important;
  transition-duration: 1200ms !important;
}
.duration-\[1500ms\] {
  --tw-duration: 1500ms !important;
  transition-duration: 1500ms !important;
}
.duration-\[var\(--motion-base\)\] {
  --tw-duration: var(--motion-base) !important;
  transition-duration: var(--motion-base) !important;
}
.duration-\[var\(--motion-fast\)\] {
  --tw-duration: var(--motion-fast) !important;
  transition-duration: var(--motion-fast) !important;
}
.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
  --tw-ease: cubic-bezier(0.22,1,0.36,1) !important;
  transition-timing-function: cubic-bezier(0.22,1,0.36,1) !important;
}
.ease-in-out {
  --tw-ease: var(--ease-in-out) !important;
  transition-timing-function: var(--ease-in-out) !important;
}
.ease-linear {
  --tw-ease: linear !important;
  transition-timing-function: linear !important;
}
.ease-out {
  --tw-ease: var(--ease-out) !important;
  transition-timing-function: var(--ease-out) !important;
}
.outline-none {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none !important;
}
.\[text-shadow\:0_1px_6px_rgba\(0\,0\,0\,0\.7\)\] {
  text-shadow: 0 1px 6px rgba(0,0,0,0.7) !important;
}
.\[text-shadow\:0_1px_8px_rgba\(0\,0\,0\,0\.5\)\] {
  text-shadow: 0 1px 8px rgba(0,0,0,0.5) !important;
}
.\[text-shadow\:0_1px_8px_rgba\(255\,255\,255\,0\.75\)\] {
  text-shadow: 0 1px 8px rgba(255,255,255,0.75) !important;
}
.\[text-shadow\:0_1px_10px_rgba\(0\,0\,0\,0\.55\)\] {
  text-shadow: 0 1px 10px rgba(0,0,0,0.55) !important;
}
.\[writing-mode\:vertical-rl\] {
  writing-mode: vertical-rl !important;
}
.ring-inset {
  --tw-ring-inset: inset !important;
}
.group-hover\:visible {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      visibility: visible !important;
    }
  }
}
.group-hover\:translate-x-0 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * 0) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
}
.group-hover\:translate-x-0\.5 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * 0.5) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
}
.group-hover\:translate-x-1 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * 1) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
}
.group-hover\:translate-y-0 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * 0) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
}
.group-hover\:scale-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 100% !important;
      --tw-scale-y: 100% !important;
      --tw-scale-z: 100% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
}
.group-hover\:scale-105 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105% !important;
      --tw-scale-y: 105% !important;
      --tw-scale-z: 105% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
}
.group-hover\:scale-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110% !important;
      --tw-scale-y: 110% !important;
      --tw-scale-z: 110% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
}
.group-hover\:scale-\[1\.02\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 1.02 !important;
    }
  }
}
.group-hover\:scale-\[1\.03\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 1.03 !important;
    }
  }
}
.group-hover\:scale-\[1\.04\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 1.04 !important;
    }
  }
}
.group-hover\:scale-\[1\.05\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 1.05 !important;
    }
  }
}
.group-hover\:text-\[color\:var\(--color-brand\)\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand) !important;
    }
  }
}
.group-hover\:text-\[color\:var\(--color-brand-blue\)\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-blue) !important;
    }
  }
}
.group-hover\:text-\[color\:var\(--color-button-primary-bg\)\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-button-primary-bg) !important;
    }
  }
}
.group-hover\:text-rose-300 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-rose-300) !important;
    }
  }
}
.group-hover\:opacity-0 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 0% !important;
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100% !important;
    }
  }
}
.group-\[\:has\(\:focus-visible\)\]\:visible {
  &:is(:where(.group):is(:has(:focus-visible)) *) {
    visibility: visible !important;
  }
}
.group-\[\:has\(\:focus-visible\)\]\:translate-y-0 {
  &:is(:where(.group):is(:has(:focus-visible)) *) {
    --tw-translate-y: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
}
.group-\[\:has\(\:focus-visible\)\]\:scale-100 {
  &:is(:where(.group):is(:has(:focus-visible)) *) {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}
.group-\[\:has\(\:focus-visible\)\]\:opacity-100 {
  &:is(:where(.group):is(:has(:focus-visible)) *) {
    opacity: 100% !important;
  }
}
.placeholder\:font-normal {
  &::placeholder {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
}
.placeholder\:tracking-normal {
  &::placeholder {
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
  }
}
.placeholder\:text-\[color\:var\(--color-text-muted\)\] {
  &::placeholder {
    color: var(--color-text-muted) !important;
  }
}
.before\:absolute {
  &::before {
    content: var(--tw-content);
    position: absolute !important;
  }
}
.before\:inset-\[5\%\] {
  &::before {
    content: var(--tw-content);
    inset: 5% !important;
  }
}
.before\:top-\[3px\] {
  &::before {
    content: var(--tw-content);
    top: 3px !important;
  }
}
.before\:top-\[7px\] {
  &::before {
    content: var(--tw-content);
    top: 7px !important;
  }
}
.before\:top-\[8px\] {
  &::before {
    content: var(--tw-content);
    top: 8px !important;
  }
}
.before\:bottom-\[3px\] {
  &::before {
    content: var(--tw-content);
    bottom: 3px !important;
  }
}
.before\:left-0 {
  &::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0) !important;
  }
}
.before\:left-1 {
  &::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1) !important;
  }
}
.before\:left-5 {
  &::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 5) !important;
  }
}
.before\:-z-10 {
  &::before {
    content: var(--tw-content);
    z-index: calc(10 * -1) !important;
  }
}
.before\:h-1 {
  &::before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1) !important;
  }
}
.before\:w-1 {
  &::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1) !important;
  }
}
.before\:w-\[3px\] {
  &::before {
    content: var(--tw-content);
    width: 3px !important;
  }
}
.before\:rounded-full {
  &::before {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px) !important;
  }
}
.before\:bg-\[color\:var\(--color-brand-soft\)\] {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-brand-soft) !important;
  }
}
.before\:bg-\[color\:var\(--color-button-primary-bg\)\] {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-button-primary-bg) !important;
  }
}
.before\:opacity-90 {
  &::before {
    content: var(--tw-content);
    opacity: 90% !important;
  }
}
.first\:mt-0 {
  &:first-child {
    margin-top: calc(var(--spacing) * 0) !important;
  }
}
.first\:pt-0 {
  &:first-child {
    padding-top: calc(var(--spacing) * 0) !important;
  }
}
.last\:border-b-0 {
  &:last-child {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0px !important;
  }
}
.last\:pb-0 {
  &:last-child {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }
}
.hover\:-translate-y-0\.5 {
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
}
.hover\:scale-105 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 105% !important;
      --tw-scale-y: 105% !important;
      --tw-scale-z: 105% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
}
.hover\:scale-110 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 110% !important;
      --tw-scale-y: 110% !important;
      --tw-scale-z: 110% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
}
.hover\:scale-\[1\.04\] {
  &:hover {
    @media (hover: hover) {
      scale: 1.04 !important;
    }
  }
}
.hover\:border-\[color\:var\(--color-blue-35\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-blue-35) !important;
    }
  }
}
.hover\:border-\[color\:var\(--color-brand-blue\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-brand-blue) !important;
    }
  }
}
.hover\:border-\[color\:var\(--color-button-primary-bg\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-button-primary-bg) !important;
    }
  }
}
.hover\:border-\[color\:var\(--color-line-strong\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-line-strong) !important;
    }
  }
}
.hover\:bg-\[\#E8344A\]\/\[0\.06\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in oklab, #E8344A 6%, transparent) !important;
    }
  }
}
.hover\:bg-\[color\:var\(--color-brand-blue\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-brand-blue) !important;
    }
  }
}
.hover\:bg-\[color\:var\(--color-brand-blue\)\]\/60 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-brand-blue) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-brand-blue) 60%, transparent) !important;
      }
    }
  }
}
.hover\:bg-\[color\:var\(--color-brand-soft\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-brand-soft) !important;
    }
  }
}
.hover\:bg-\[color\:var\(--color-button-primary-bg\)\]\/\[0\.03\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-button-primary-bg) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-button-primary-bg) 3%, transparent) !important;
      }
    }
  }
}
.hover\:bg-\[color\:var\(--color-button-primary-bg\)\]\/\[0\.06\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-button-primary-bg) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-button-primary-bg) 6%, transparent) !important;
      }
    }
  }
}
.hover\:bg-\[color\:var\(--color-card-bg\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-card-bg) !important;
    }
  }
}
.hover\:bg-\[color\:var\(--color-section-soft\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-section-soft) !important;
    }
  }
}
.hover\:bg-black\/70 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 70%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 70%, transparent) !important;
      }
    }
  }
}
.hover\:bg-black\/85 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 85%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 85%, transparent) !important;
      }
    }
  }
}
.hover\:bg-black\/\[0\.02\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 2%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 2%, transparent) !important;
      }
    }
  }
}
.hover\:bg-black\/\[0\.03\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 3%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 3%, transparent) !important;
      }
    }
  }
}
.hover\:bg-black\/\[0\.04\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 4%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 4%, transparent) !important;
      }
    }
  }
}
.hover\:bg-black\/\[0\.05\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 5%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important;
      }
    }
  }
}
.hover\:bg-black\/\[0\.015\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 1.5%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 1.5%, transparent) !important;
      }
    }
  }
}
.hover\:bg-white\/5 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 5%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
      }
    }
  }
}
.hover\:bg-white\/10 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 10%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
      }
    }
  }
}
.hover\:bg-white\/15 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 15%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent) !important;
      }
    }
  }
}
.hover\:bg-white\/25 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 25%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent) !important;
      }
    }
  }
}
.hover\:bg-white\/90 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 90%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent) !important;
      }
    }
  }
}
.hover\:text-\[\#0d277d\] {
  &:hover {
    @media (hover: hover) {
      color: #0d277d !important;
    }
  }
}
.hover\:text-\[color\:var\(--color-brand\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--color-brand) !important;
    }
  }
}
.hover\:text-\[color\:var\(--color-brand-blue\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--color-brand-blue) !important;
    }
  }
}
.hover\:text-\[color\:var\(--color-button-primary-bg\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--color-button-primary-bg) !important;
    }
  }
}
.hover\:text-\[color\:var\(--color-text-main\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--color-text-main) !important;
    }
  }
}
.hover\:text-\[color\:var\(--color-text-sub\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--color-text-sub) !important;
    }
  }
}
.hover\:text-amber-300 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-amber-300) !important;
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white) !important;
    }
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline !important;
    }
  }
}
.hover\:decoration-white\/80 {
  &:hover {
    @media (hover: hover) {
      text-decoration-color: color-mix(in srgb, #fff 80%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        text-decoration-color: color-mix(in oklab, var(--color-white) 80%, transparent) !important;
      }
    }
  }
}
.hover\:opacity-80 {
  &:hover {
    @media (hover: hover) {
      opacity: 80% !important;
    }
  }
}
.hover\:opacity-90 {
  &:hover {
    @media (hover: hover) {
      opacity: 90% !important;
    }
  }
}
.hover\:opacity-95 {
  &:hover {
    @media (hover: hover) {
      opacity: 95% !important;
    }
  }
}
.hover\:opacity-100 {
  &:hover {
    @media (hover: hover) {
      opacity: 100% !important;
    }
  }
}
.hover\:shadow-\[0_6px_16px_rgba\(0\,0\,0\,0\.10\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 6px 16px var(--tw-shadow-color, rgba(0,0,0,0.10)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
}
.hover\:shadow-\[0_6px_16px_rgba\(0\,11\,140\,0\.10\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 6px 16px var(--tw-shadow-color, rgba(0,11,140,0.10)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
}
.hover\:shadow-\[0_12px_32px_rgba\(0\,11\,140\,0\.10\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 12px 32px var(--tw-shadow-color, rgba(0,11,140,0.10)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
}
.hover\:shadow-\[0_14px_30px_-14px_rgba\(17\,24\,39\,0\.28\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 14px 30px -14px var(--tw-shadow-color, rgba(17,24,39,0.28)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
}
.hover\:shadow-\[0_16px_34px_-16px_rgba\(17\,24\,39\,0\.3\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 16px 34px -16px var(--tw-shadow-color, rgba(17,24,39,0.3)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
}
.hover\:shadow-\[0_18px_44px_-18px_rgba\(80\,52\,38\,0\.3\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 18px 44px -18px var(--tw-shadow-color, rgba(80,52,38,0.3)) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
}
.hover\:shadow-card-hover {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: var(--shadow-card-hover) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
}
.hover\:brightness-95 {
  &:hover {
    @media (hover: hover) {
      --tw-brightness: brightness(95%) !important;
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
    }
  }
}
.hover\:brightness-110 {
  &:hover {
    @media (hover: hover) {
      --tw-brightness: brightness(110%) !important;
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
    }
  }
}
.hover\:brightness-\[0\.98\] {
  &:hover {
    @media (hover: hover) {
      --tw-brightness: brightness(0.98) !important;
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
    }
  }
}
.hover\:brightness-\[1\.05\] {
  &:hover {
    @media (hover: hover) {
      --tw-brightness: brightness(1.05) !important;
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
    }
  }
}
.hover\:brightness-\[1\.06\] {
  &:hover {
    @media (hover: hover) {
      --tw-brightness: brightness(1.06) !important;
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
    }
  }
}
.focus\:border-\[\#E8344A\] {
  &:focus {
    border-color: #E8344A !important;
  }
}
.focus\:border-\[color\:var\(--color-brand-blue\)\] {
  &:focus {
    border-color: var(--color-brand-blue) !important;
  }
}
.focus\:border-\[color\:var\(--color-button-primary-bg\)\] {
  &:focus {
    border-color: var(--color-button-primary-bg) !important;
  }
}
.focus\:ring-2 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
.focus\:ring-4 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
.focus\:ring-\[color\:var\(--color-button-primary-bg\)\]\/20 {
  &:focus {
    --tw-ring-color: var(--color-button-primary-bg) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-button-primary-bg) 20%, transparent) !important;
    }
  }
}
.focus\:ring-\[color\:var\(--color-section-soft\)\] {
  &:focus {
    --tw-ring-color: var(--color-section-soft) !important;
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
}
.active\:scale-95 {
  &:active {
    --tw-scale-x: 95% !important;
    --tw-scale-y: 95% !important;
    --tw-scale-z: 95% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}
.active\:scale-\[0\.99\] {
  &:active {
    scale: 0.99 !important;
  }
}
.active\:scale-\[0\.995\] {
  &:active {
    scale: 0.995 !important;
  }
}
.active\:cursor-grabbing {
  &:active {
    cursor: grabbing !important;
  }
}
.active\:bg-white\/25 {
  &:active {
    background-color: color-mix(in srgb, #fff 25%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent) !important;
    }
  }
}
.disabled\:pointer-events-none {
  &:disabled {
    pointer-events: none !important;
  }
}
.disabled\:opacity-40 {
  &:disabled {
    opacity: 40% !important;
  }
}
.disabled\:opacity-50 {
  &:disabled {
    opacity: 50% !important;
  }
}
.disabled\:shadow-none {
  &:disabled {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
.disabled\:active\:scale-100 {
  &:disabled {
    &:active {
      --tw-scale-x: 100% !important;
      --tw-scale-y: 100% !important;
      --tw-scale-z: 100% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
}
.sm\:inset-auto {
  @media (width >= 40rem) {
    inset: auto !important;
  }
}
.sm\:top-1\/2 {
  @media (width >= 40rem) {
    top: calc(1 / 2 * 100%) !important;
  }
}
.sm\:left-1\/2 {
  @media (width >= 40rem) {
    left: calc(1 / 2 * 100%) !important;
  }
}
.sm\:col-span-2 {
  @media (width >= 40rem) {
    grid-column: span 2 / span 2 !important;
  }
}
.sm\:block {
  @media (width >= 40rem) {
    display: block !important;
  }
}
.sm\:inline-block {
  @media (width >= 40rem) {
    display: inline-block !important;
  }
}
.sm\:inline-flex {
  @media (width >= 40rem) {
    display: inline-flex !important;
  }
}
.sm\:max-h-\[88vh\] {
  @media (width >= 40rem) {
    max-height: 88vh !important;
  }
}
.sm\:w-52 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 52) !important;
  }
}
.sm\:w-\[120px\] {
  @media (width >= 40rem) {
    width: 120px !important;
  }
}
.sm\:w-\[180px\] {
  @media (width >= 40rem) {
    width: 180px !important;
  }
}
.sm\:w-\[560px\] {
  @media (width >= 40rem) {
    width: 560px !important;
  }
}
.sm\:max-w-\[440px\] {
  @media (width >= 40rem) {
    max-width: 440px !important;
  }
}
.sm\:max-w-\[600px\] {
  @media (width >= 40rem) {
    max-width: 600px !important;
  }
}
.sm\:max-w-\[640px\] {
  @media (width >= 40rem) {
    max-width: 640px !important;
  }
}
.sm\:max-w-\[calc\(100vw-2rem\)\] {
  @media (width >= 40rem) {
    max-width: calc(100vw - 2rem) !important;
  }
}
.sm\:-translate-x-1\/2 {
  @media (width >= 40rem) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
}
.sm\:-translate-y-1\/2 {
  @media (width >= 40rem) {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
}
.sm\:scale-100 {
  @media (width >= 40rem) {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}
.sm\:snap-start {
  @media (width >= 40rem) {
    scroll-snap-align: start !important;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.sm\:grid-cols-3 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.sm\:grid-cols-5 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row !important;
  }
}
.sm\:items-center {
  @media (width >= 40rem) {
    align-items: center !important;
  }
}
.sm\:items-end {
  @media (width >= 40rem) {
    align-items: flex-end !important;
  }
}
.sm\:justify-between {
  @media (width >= 40rem) {
    justify-content: space-between !important;
  }
}
.sm\:justify-center {
  @media (width >= 40rem) {
    justify-content: center !important;
  }
}
.sm\:gap-8 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 8) !important;
  }
}
.sm\:rounded-\[22px\] {
  @media (width >= 40rem) {
    border-radius: 22px !important;
  }
}
.sm\:rounded-card {
  @media (width >= 40rem) {
    border-radius: var(--radius-card) !important;
  }
}
.sm\:p-4 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 4) !important;
  }
}
.sm\:p-6 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6) !important;
  }
}
.sm\:px-6 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
}
.sm\:text-\[13px\] {
  @media (width >= 40rem) {
    font-size: 13px !important;
  }
}
.sm\:text-\[34px\] {
  @media (width >= 40rem) {
    font-size: 34px !important;
  }
}
.sm\:text-\[44px\] {
  @media (width >= 40rem) {
    font-size: 44px !important;
  }
}
.sm\:shadow-\[0_24px_60px_-12px_rgba\(17\,24\,39\,0\.4\)\] {
  @media (width >= 40rem) {
    --tw-shadow: 0 24px 60px -12px var(--tw-shadow-color, rgba(17,24,39,0.4)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
.md\:static {
  @media (width >= 48rem) {
    position: static !important;
  }
}
.md\:top-6 {
  @media (width >= 48rem) {
    top: calc(var(--spacing) * 6) !important;
  }
}
.md\:top-10 {
  @media (width >= 48rem) {
    top: calc(var(--spacing) * 10) !important;
  }
}
.md\:right-5 {
  @media (width >= 48rem) {
    right: calc(var(--spacing) * 5) !important;
  }
}
.md\:right-6 {
  @media (width >= 48rem) {
    right: calc(var(--spacing) * 6) !important;
  }
}
.md\:right-10 {
  @media (width >= 48rem) {
    right: calc(var(--spacing) * 10) !important;
  }
}
.md\:left-5 {
  @media (width >= 48rem) {
    left: calc(var(--spacing) * 5) !important;
  }
}
.md\:left-10 {
  @media (width >= 48rem) {
    left: calc(var(--spacing) * 10) !important;
  }
}
.md\:order-1 {
  @media (width >= 48rem) {
    order: 1 !important;
  }
}
.md\:order-2 {
  @media (width >= 48rem) {
    order: 2 !important;
  }
}
.md\:order-3 {
  @media (width >= 48rem) {
    order: 3 !important;
  }
}
.md\:order-none {
  @media (width >= 48rem) {
    order: 0 !important;
  }
}
.md\:-mt-\[50px\] {
  @media (width >= 48rem) {
    margin-top: calc(50px * -1) !important;
  }
}
.md\:mt-3 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 3) !important;
  }
}
.md\:mt-4 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 4) !important;
  }
}
.md\:mt-5 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 5) !important;
  }
}
.md\:mt-6 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 6) !important;
  }
}
.md\:mt-7 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 7) !important;
  }
}
.md\:mt-8 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 8) !important;
  }
}
.md\:mt-10 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 10) !important;
  }
}
.md\:mt-14 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 14) !important;
  }
}
.md\:mb-3 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 3) !important;
  }
}
.md\:mb-6 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 6) !important;
  }
}
.md\:mb-7 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 7) !important;
  }
}
.md\:mb-8 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 8) !important;
  }
}
.md\:mb-9 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 9) !important;
  }
}
.md\:mb-10 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 10) !important;
  }
}
.md\:mb-12 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 12) !important;
  }
}
.md\:mb-14 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 14) !important;
  }
}
.md\:mb-20 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 20) !important;
  }
}
.md\:mb-24 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 24) !important;
  }
}
.md\:block {
  @media (width >= 48rem) {
    display: block !important;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex !important;
  }
}
.md\:hidden {
  @media (width >= 48rem) {
    display: none !important;
  }
}
.md\:inline-flex {
  @media (width >= 48rem) {
    display: inline-flex !important;
  }
}
.md\:aspect-auto {
  @media (width >= 48rem) {
    aspect-ratio: auto !important;
  }
}
.md\:aspect-square {
  @media (width >= 48rem) {
    aspect-ratio: 1 / 1 !important;
  }
}
.md\:h-3\.5 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 3.5) !important;
  }
}
.md\:h-6 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 6) !important;
  }
}
.md\:h-7 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 7) !important;
  }
}
.md\:h-9 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 9) !important;
  }
}
.md\:h-10 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 10) !important;
  }
}
.md\:h-11 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 11) !important;
  }
}
.md\:h-20 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 20) !important;
  }
}
.md\:h-\[17px\] {
  @media (width >= 48rem) {
    height: 17px !important;
  }
}
.md\:h-\[76px\] {
  @media (width >= 48rem) {
    height: 76px !important;
  }
}
.md\:h-\[80vh\] {
  @media (width >= 48rem) {
    height: 80vh !important;
  }
}
.md\:h-\[124px\] {
  @media (width >= 48rem) {
    height: 124px !important;
  }
}
.md\:h-\[440px\] {
  @media (width >= 48rem) {
    height: 440px !important;
  }
}
.md\:h-full {
  @media (width >= 48rem) {
    height: 100% !important;
  }
}
.md\:max-h-\[88vh\] {
  @media (width >= 48rem) {
    max-height: 88vh !important;
  }
}
.md\:max-h-\[640px\] {
  @media (width >= 48rem) {
    max-height: 640px !important;
  }
}
.md\:min-h-\[20px\] {
  @media (width >= 48rem) {
    min-height: 20px !important;
  }
}
.md\:min-h-\[90vh\] {
  @media (width >= 48rem) {
    min-height: 90vh !important;
  }
}
.md\:min-h-\[420px\] {
  @media (width >= 48rem) {
    min-height: 420px !important;
  }
}
.md\:min-h-\[440px\] {
  @media (width >= 48rem) {
    min-height: 440px !important;
  }
}
.md\:min-h-\[480px\] {
  @media (width >= 48rem) {
    min-height: 480px !important;
  }
}
.md\:w-1\/2 {
  @media (width >= 48rem) {
    width: calc(1 / 2 * 100%) !important;
  }
}
.md\:w-3\.5 {
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 3.5) !important;
  }
}
.md\:w-11 {
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 11) !important;
  }
}
.md\:w-20 {
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 20) !important;
  }
}
.md\:w-\[17px\] {
  @media (width >= 48rem) {
    width: 17px !important;
  }
}
.md\:w-\[28\%\] {
  @media (width >= 48rem) {
    width: 28% !important;
  }
}
.md\:w-\[76px\] {
  @media (width >= 48rem) {
    width: 76px !important;
  }
}
.md\:w-\[124px\] {
  @media (width >= 48rem) {
    width: 124px !important;
  }
}
.md\:w-\[230px\] {
  @media (width >= 48rem) {
    width: 230px !important;
  }
}
.md\:w-\[260px\] {
  @media (width >= 48rem) {
    width: 260px !important;
  }
}
.md\:w-auto {
  @media (width >= 48rem) {
    width: auto !important;
  }
}
.md\:max-w-5xl {
  @media (width >= 48rem) {
    max-width: var(--container-5xl) !important;
  }
}
.md\:max-w-xl {
  @media (width >= 48rem) {
    max-width: var(--container-xl) !important;
  }
}
.md\:flex-1 {
  @media (width >= 48rem) {
    flex: 1 !important;
  }
}
.md\:basis-0 {
  @media (width >= 48rem) {
    flex-basis: calc(var(--spacing) * 0) !important;
  }
}
.md\:translate-x-0 {
  @media (width >= 48rem) {
    --tw-translate-x: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
}
.md\:translate-y-0 {
  @media (width >= 48rem) {
    --tw-translate-y: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.md\:grid-cols-4 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
.md\:grid-cols-\[1fr_1\.1fr\] {
  @media (width >= 48rem) {
    grid-template-columns: 1fr 1.1fr !important;
  }
}
.md\:flex-col {
  @media (width >= 48rem) {
    flex-direction: column !important;
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row !important;
  }
}
.md\:flex-wrap {
  @media (width >= 48rem) {
    flex-wrap: wrap !important;
  }
}
.md\:items-center {
  @media (width >= 48rem) {
    align-items: center !important;
  }
}
.md\:items-end {
  @media (width >= 48rem) {
    align-items: flex-end !important;
  }
}
.md\:items-start {
  @media (width >= 48rem) {
    align-items: flex-start !important;
  }
}
.md\:items-stretch {
  @media (width >= 48rem) {
    align-items: stretch !important;
  }
}
.md\:justify-between {
  @media (width >= 48rem) {
    justify-content: space-between !important;
  }
}
.md\:justify-center {
  @media (width >= 48rem) {
    justify-content: center !important;
  }
}
.md\:justify-end {
  @media (width >= 48rem) {
    justify-content: flex-end !important;
  }
}
.md\:gap-1\.5 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 1.5) !important;
  }
}
.md\:gap-2 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 2) !important;
  }
}
.md\:gap-2\.5 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 2.5) !important;
  }
}
.md\:gap-3 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 3) !important;
  }
}
.md\:gap-3\.5 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 3.5) !important;
  }
}
.md\:gap-4 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 4) !important;
  }
}
.md\:gap-5 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 5) !important;
  }
}
.md\:gap-8 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 8) !important;
  }
}
.md\:gap-10 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 10) !important;
  }
}
.md\:gap-12 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 12) !important;
  }
}
.md\:gap-14 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 14) !important;
  }
}
.md\:gap-16 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 16) !important;
  }
}
.md\:gap-24 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 24) !important;
  }
}
.md\:gap-x-4 {
  @media (width >= 48rem) {
    column-gap: calc(var(--spacing) * 4) !important;
  }
}
.md\:gap-x-5 {
  @media (width >= 48rem) {
    column-gap: calc(var(--spacing) * 5) !important;
  }
}
.md\:gap-x-6 {
  @media (width >= 48rem) {
    column-gap: calc(var(--spacing) * 6) !important;
  }
}
.md\:gap-y-10 {
  @media (width >= 48rem) {
    row-gap: calc(var(--spacing) * 10) !important;
  }
}
.md\:gap-y-12 {
  @media (width >= 48rem) {
    row-gap: calc(var(--spacing) * 12) !important;
  }
}
.md\:overflow-auto {
  @media (width >= 48rem) {
    overflow: auto !important;
  }
}
.md\:overflow-hidden {
  @media (width >= 48rem) {
    overflow: hidden !important;
  }
}
.md\:rounded-\[22px\] {
  @media (width >= 48rem) {
    border-radius: 22px !important;
  }
}
.md\:rounded-l-object {
  @media (width >= 48rem) {
    border-top-left-radius: var(--radius-object) !important;
    border-bottom-left-radius: var(--radius-object) !important;
  }
}
.md\:rounded-tr-none {
  @media (width >= 48rem) {
    border-top-right-radius: 0 !important;
  }
}
.md\:border {
  @media (width >= 48rem) {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
}
.md\:border-\[color\:var\(--color-card-border\)\] {
  @media (width >= 48rem) {
    border-color: var(--color-card-border) !important;
  }
}
.md\:border-\[color\:var\(--color-line-base\)\] {
  @media (width >= 48rem) {
    border-color: var(--color-line-base) !important;
  }
}
.md\:p-4 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 4) !important;
  }
}
.md\:p-5 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 5) !important;
  }
}
.md\:p-6 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 6) !important;
  }
}
.md\:p-7 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 7) !important;
  }
}
.md\:p-8 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 8) !important;
  }
}
.md\:p-9 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 9) !important;
  }
}
.md\:p-10 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 10) !important;
  }
}
.md\:p-14 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 14) !important;
  }
}
.md\:px-2 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
}
.md\:px-3 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
}
.md\:px-4 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
}
.md\:px-5 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
}
.md\:px-6 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
}
.md\:px-7 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 7) !important;
  }
}
.md\:px-8 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
}
.md\:px-9 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 9) !important;
  }
}
.md\:px-10 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 10) !important;
  }
}
.md\:px-20 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 20) !important;
  }
}
.md\:py-0 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 0) !important;
  }
}
.md\:py-2 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 2) !important;
  }
}
.md\:py-3 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 3) !important;
  }
}
.md\:py-4 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 4) !important;
  }
}
.md\:py-6 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 6) !important;
  }
}
.md\:py-7 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 7) !important;
  }
}
.md\:py-8 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 8) !important;
  }
}
.md\:py-10 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 10) !important;
  }
}
.md\:py-12 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 12) !important;
  }
}
.md\:py-14 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 14) !important;
  }
}
.md\:py-16 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 16) !important;
  }
}
.md\:py-20 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 20) !important;
  }
}
.md\:py-24 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 24) !important;
  }
}
.md\:py-28 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 28) !important;
  }
}
.md\:pt-4 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 4) !important;
  }
}
.md\:pt-10 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 10) !important;
  }
}
.md\:pt-16 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 16) !important;
  }
}
.md\:pt-32 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 32) !important;
  }
}
.md\:pb-3 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 3) !important;
  }
}
.md\:pb-5 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 5) !important;
  }
}
.md\:pb-6 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 6) !important;
  }
}
.md\:pb-7 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 7) !important;
  }
}
.md\:pb-8 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 8) !important;
  }
}
.md\:pb-14 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 14) !important;
  }
}
.md\:pb-16 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 16) !important;
  }
}
.md\:pb-20 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 20) !important;
  }
}
.md\:pb-24 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 24) !important;
  }
}
.md\:pb-\[12vh\] {
  @media (width >= 48rem) {
    padding-bottom: 12vh !important;
  }
}
.md\:text-left {
  @media (width >= 48rem) {
    text-align: left !important;
  }
}
.md\:text-right {
  @media (width >= 48rem) {
    text-align: right !important;
  }
}
.md\:text-\[11px\] {
  @media (width >= 48rem) {
    font-size: 11px !important;
  }
}
.md\:text-\[12px\] {
  @media (width >= 48rem) {
    font-size: 12px !important;
  }
}
.md\:text-\[13px\] {
  @media (width >= 48rem) {
    font-size: 13px !important;
  }
}
.md\:text-\[14px\] {
  @media (width >= 48rem) {
    font-size: 14px !important;
  }
}
.md\:text-\[15px\] {
  @media (width >= 48rem) {
    font-size: 15px !important;
  }
}
.md\:text-\[16px\] {
  @media (width >= 48rem) {
    font-size: 16px !important;
  }
}
.md\:text-\[17px\] {
  @media (width >= 48rem) {
    font-size: 17px !important;
  }
}
.md\:text-\[18px\] {
  @media (width >= 48rem) {
    font-size: 18px !important;
  }
}
.md\:text-\[19px\] {
  @media (width >= 48rem) {
    font-size: 19px !important;
  }
}
.md\:text-\[20px\] {
  @media (width >= 48rem) {
    font-size: 20px !important;
  }
}
.md\:text-\[22px\] {
  @media (width >= 48rem) {
    font-size: 22px !important;
  }
}
.md\:text-\[23px\] {
  @media (width >= 48rem) {
    font-size: 23px !important;
  }
}
.md\:text-\[24px\] {
  @media (width >= 48rem) {
    font-size: 24px !important;
  }
}
.md\:text-\[26px\] {
  @media (width >= 48rem) {
    font-size: 26px !important;
  }
}
.md\:text-\[28px\] {
  @media (width >= 48rem) {
    font-size: 28px !important;
  }
}
.md\:text-\[30px\] {
  @media (width >= 48rem) {
    font-size: 30px !important;
  }
}
.md\:text-\[32px\] {
  @media (width >= 48rem) {
    font-size: 32px !important;
  }
}
.md\:text-\[34px\] {
  @media (width >= 48rem) {
    font-size: 34px !important;
  }
}
.md\:text-\[36px\] {
  @media (width >= 48rem) {
    font-size: 36px !important;
  }
}
.md\:text-\[38px\] {
  @media (width >= 48rem) {
    font-size: 38px !important;
  }
}
.md\:text-\[40px\] {
  @media (width >= 48rem) {
    font-size: 40px !important;
  }
}
.md\:text-\[44px\] {
  @media (width >= 48rem) {
    font-size: 44px !important;
  }
}
.md\:text-\[46px\] {
  @media (width >= 48rem) {
    font-size: 46px !important;
  }
}
.md\:text-\[52px\] {
  @media (width >= 48rem) {
    font-size: 52px !important;
  }
}
.md\:text-\[60px\] {
  @media (width >= 48rem) {
    font-size: 60px !important;
  }
}
.md\:tracking-\[0\.3em\] {
  @media (width >= 48rem) {
    --tw-tracking: 0.3em !important;
    letter-spacing: 0.3em !important;
  }
}
.md\:tracking-normal {
  @media (width >= 48rem) {
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
  }
}
.md\:whitespace-nowrap {
  @media (width >= 48rem) {
    white-space: nowrap !important;
  }
}
.md\:shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.08\)\] {
  @media (width >= 48rem) {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(0,0,0,0.08)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
.lg\:sticky {
  @media (width >= 64rem) {
    position: sticky !important;
  }
}
.lg\:top-24 {
  @media (width >= 64rem) {
    top: calc(var(--spacing) * 24) !important;
  }
}
.lg\:top-\[72px\] {
  @media (width >= 64rem) {
    top: 72px !important;
  }
}
.lg\:my-1 {
  @media (width >= 64rem) {
    margin-block: calc(var(--spacing) * 1) !important;
  }
}
.lg\:mt-0 {
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 0) !important;
  }
}
.lg\:block {
  @media (width >= 64rem) {
    display: block !important;
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex !important;
  }
}
.lg\:grid {
  @media (width >= 64rem) {
    display: grid !important;
  }
}
.lg\:hidden {
  @media (width >= 64rem) {
    display: none !important;
  }
}
.lg\:h-fit {
  @media (width >= 64rem) {
    height: fit-content !important;
  }
}
.lg\:h-px {
  @media (width >= 64rem) {
    height: 1px !important;
  }
}
.lg\:min-h-\[340px\] {
  @media (width >= 64rem) {
    min-height: 340px !important;
  }
}
.lg\:w-\[59\.1\%\] {
  @media (width >= 64rem) {
    width: 59.1% !important;
  }
}
.lg\:w-\[86\.2\%\] {
  @media (width >= 64rem) {
    width: 86.2% !important;
  }
}
.lg\:w-\[212px\] {
  @media (width >= 64rem) {
    width: 212px !important;
  }
}
.lg\:grid-cols-2 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.lg\:grid-cols-4 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
.lg\:grid-cols-5 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
.lg\:grid-cols-6 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}
.lg\:grid-cols-\[1fr_340px\] {
  @media (width >= 64rem) {
    grid-template-columns: 1fr 340px !important;
  }
}
.lg\:grid-cols-\[1fr_360px\] {
  @media (width >= 64rem) {
    grid-template-columns: 1fr 360px !important;
  }
}
.lg\:grid-cols-\[224px_minmax\(0\,1fr\)\] {
  @media (width >= 64rem) {
    grid-template-columns: 224px minmax(0,1fr) !important;
  }
}
.lg\:flex-col {
  @media (width >= 64rem) {
    flex-direction: column !important;
  }
}
.lg\:gap-0\.5 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 0.5) !important;
  }
}
.lg\:gap-6 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 6) !important;
  }
}
.lg\:gap-8 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 8) !important;
  }
}
.lg\:gap-12 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 12) !important;
  }
}
.lg\:gap-14 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 14) !important;
  }
}
.lg\:self-start {
  @media (width >= 64rem) {
    align-self: flex-start !important;
  }
}
.lg\:overflow-visible {
  @media (width >= 64rem) {
    overflow: visible !important;
  }
}
.lg\:bg-\[color\:var\(--color-line-base\)\] {
  @media (width >= 64rem) {
    background-color: var(--color-line-base) !important;
  }
}
.lg\:p-3 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 3) !important;
  }
}
.lg\:p-12 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 12) !important;
  }
}
.lg\:px-4 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
}
.lg\:text-\[16px\] {
  @media (width >= 64rem) {
    font-size: 16px !important;
  }
}
.lg\:text-\[40px\] {
  @media (width >= 64rem) {
    font-size: 40px !important;
  }
}
.lg\:text-\[46px\] {
  @media (width >= 64rem) {
    font-size: 46px !important;
  }
}
.lg\:text-\[48px\] {
  @media (width >= 64rem) {
    font-size: 48px !important;
  }
}
.lg\:text-\[54px\] {
  @media (width >= 64rem) {
    font-size: 54px !important;
  }
}
.lg\:text-\[72px\] {
  @media (width >= 64rem) {
    font-size: 72px !important;
  }
}
.\[\&\:\:-webkit-scrollbar\]\:hidden {
  &::-webkit-scrollbar {
    display: none !important;
  }
}
:root {
  --color-brand-blue: #0d277d;
  --color-brand-rgb: 13, 39, 125;
  --color-brand-cream: #fff6ef;
  --color-base-white: #ffffff;
  --color-base-black: #0a0a0a;
  --color-page-bg: var(--color-base-white);
  --color-section-soft: #edf0fa;
  --color-section-clinical: #f7f7f5;
  --color-text-main: rgba(0, 0, 0, 0.9);
  --color-text-sub: rgba(0, 0, 0, 0.6);
  --color-text-muted: rgba(0, 0, 0, 0.45);
  --color-text-inverse: var(--color-base-white);
  --color-line-soft: rgba(0, 11, 140, 0.05);
  --color-line-base: rgba(0, 11, 140, 0.1);
  --color-line-strong: rgba(0, 11, 140, 0.15);
  --color-line-accent: rgba(0, 11, 140, 0.25);
  --color-card-bg: var(--color-base-white);
  --color-card-border: rgba(0, 11, 140, 0.1);
  --color-footer-bg: #283163;
  --color-button-primary-bg: var(--color-brand-blue);
  --color-button-primary-text: var(--color-base-white);
  --color-button-secondary-bg: var(--color-base-white);
  --color-button-secondary-text: var(--color-brand-blue);
  --color-button-secondary-border: var(--color-brand-blue);
  --color-button-soft-bg: var(--color-brand-cream);
  --color-button-soft-text: var(--color-brand-blue);
  --color-button-soft-border: rgba(0, 11, 140, 0.12);
  --radius-card: 16px;
  --radius-button: 10px;
  --radius-object: 20px;
  --radius-pill: 999px;
  --shadow-soft-object: 0 20px 60px rgba(0, 11, 140, 0.08);
  --shadow-card-hover: 0 16px 40px rgba(0, 11, 140, 0.1);
  --header-height-mobile: 56px;
  --header-height-desktop: 72px;
  --motion-fast: 0.15s;
  --motion-base: 0.25s;
  --motion-slow: 0.45s;
}
body.brand-urhey {
  --color-brand: #b78d7e;
  --color-brand-blue: var(--color-brand);
  --color-brand-rgb: 183, 141, 126;
  --color-brand-dark: #7e5e55;
  --color-brand-deep: #5a403a;
  --color-brand-soft: #f6ece8;
  --color-brand-mist: #fbf6f4;
  --color-brand-paper: #fcf8f4;
  --color-section-soft: var(--color-brand-soft);
  --color-section-mist: var(--color-brand-mist);
  --color-section-paper: var(--color-brand-paper);
  --color-line-soft: rgba(0, 0, 0, 0.04);
  --color-line-base: #e6d8d3;
  --color-line-strong: #c9b5ac;
  --color-line-accent: var(--color-brand);
  --color-footer-bg: #534441;
  --color-button-primary-bg: var(--color-brand);
  --color-button-primary-text: var(--color-base-white);
  --color-button-secondary-text: var(--color-brand);
  --color-button-secondary-border: var(--color-brand);
}
:where(.nv) {
  font-family: "Inter", var(--cw-font-sans-serif, "Pretendard"), "Pretendard", system-ui, sans-serif;
  color: var(--color-text-main);
  background-color: var(--color-page-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:where(.nv) h1, :where(.nv) h2, :where(.nv) h3, :where(.nv) h4, :where(.nv) h5, :where(.nv) h6 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
}
:where(.nv), :where(.nv) *, :where(.nv) *::before, :where(.nv) *::after {
  box-sizing: border-box;
}
:where(.nv) img, :where(.nv) video, :where(.nv) svg, :where(.nv) canvas {
  display: block;
  max-width: 100%;
  height: auto;
}
:where(.nv) button {
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
:where(.nv) a {
  color: inherit;
  text-decoration: none;
}
:where(.nv) ul, :where(.nv) ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
:where(.nv) p, :where(.nv) figure, :where(.nv) blockquote, :where(.nv) dl, :where(.nv) dd {
  margin: 0;
}
:where(.nv) input, :where(.nv) textarea, :where(.nv) select {
  font: inherit;
  color: inherit;
}
:where(.nv) table {
  border-collapse: collapse;
  width: 100%;
}
.nv-dd {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 4px) scale(0.97);
  transition: all var(--motion-base) ease-out;
}
.nv-dd.nv-dd-right {
  transform: translateY(4px) scale(0.97);
}
.group:hover > .nv-dd, .group:focus-within > .nv-dd {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0) scale(1);
}
.group:hover > .nv-dd.nv-dd-right, .group:focus-within > .nv-dd.nv-dd-right {
  transform: translateY(0) scale(1);
}
.nv-dd-item {
  display: block;
  padding: 8px 14px;
  border-radius: 12px;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-sub);
  transition: background-color var(--motion-fast), color var(--motion-fast);
}
.nv-dd-item:hover {
  background-color: var(--color-section-soft);
  color: var(--color-brand-blue);
}
.nv-mo-item, .nv-mo-toggle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.nv-mo-subitem:hover {
  color: var(--color-brand-blue);
}
.nv-tag {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--color-line-base);
  font-size: 13px;
  color: var(--color-text-sub);
  transition: all var(--motion-fast);
}
.nv-tag:hover {
  border-color: var(--color-brand-blue);
  background-color: var(--color-brand-blue);
  color: var(--color-text-inverse);
}
.nv-quick {
  position: relative;
  display: flex;
  height: 44px;
  width: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid var(--color-line-base);
  background-color: var(--color-card-bg);
  color: var(--color-text-sub);
  box-shadow: 0 6px 18px -8px rgba(0, 11, 140, 0.25);
  transition: all var(--motion-fast);
}
.nv-quick:hover {
  border-color: var(--color-brand-blue);
  color: var(--color-brand-blue);
}
.nv-quick-badge {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 18px;
  border-radius: 999px;
  background-color: var(--color-brand-blue);
  padding: 0 4px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  color: var(--color-text-inverse);
}
@media (min-width: 768px) {
  .nv-gate-panel {
    flex: 1 1 0%;
  }
  .nv-gate-panel[data-grow="2"] {
    flex-grow: 2;
  }
  .nv-gate-panel[data-grow="1"] {
    flex-grow: 1;
  }
}
.nv-cat-tab {
  display: inline-flex;
  align-items: center;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--color-text-muted);
  transition: background-color .15s ease, color .15s ease;
}
.nv-cat-tab:hover {
  color: var(--color-text-main);
  background-color: var(--color-section-soft);
}
.nv-cat-tab.is-active {
  background-color: var(--color-brand-blue);
  color: #fff;
}
.nv-cat-tab.is-active:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .nv-cat-tab {
    padding: 8px 16px;
    font-size: 14px;
  }
}
.nv .blind, #productDetail .blind {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.nv-sc-ph {
  display: none;
}
@media (min-width: 768px) {
  .nv-sc-ph {
    display: block;
    visibility: hidden;
  }
}
#productDetail {
  color: var(--color-text-main);
}
#productDetail .thumb-wrap {
  margin: 0;
  position: relative;
}
#productDetail .thumb {
  overflow: hidden;
  border-radius: 0;
  border: 1px solid var(--color-line-base);
  background: var(--color-section-soft);
  aspect-ratio: 1 / 1;
}
#productDetail .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#productDetail .detail_num {
  margin-top: 10px;
}
#productDetail .nv-dt-imgbtns {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#productDetail .nv-dt-imgbtn {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  border: 1px solid var(--color-line-soft);
  color: var(--color-text-main);
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
#productDetail .nv-dt-imgbtn:hover {
  background: #fff;
  color: var(--color-brand-blue);
}
#productDetail .nv-dt-imgbtn svg {
  width: 20px;
  height: 20px;
}
#productDetail .nv-dt-imgbtn.is-on {
  color: #ff4359;
}
#productDetail .info {
  display: flex;
  flex-direction: column;
}
#productDetail .nv-dt-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 9px;
  min-height: 26px;
}
#productDetail .nv-dt-cat {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--color-section-soft);
  font-size: 12px;
  font-weight: 700;
  color: var(--color-brand-blue);
}
#productDetail .nv-dt-rate {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  font-size: 13px;
  cursor: pointer;
}
#productDetail .nv-dt-rate .st {
  color: #f5b301;
  line-height: 1;
}
#productDetail .nv-dt-rate .val {
  font-weight: 700;
  color: var(--color-text-main);
}
#productDetail .nv-dt-rate .bar {
  width: 1px;
  height: 11px;
  background: var(--color-line-base);
  margin: 0 2px;
}
#productDetail .nv-dt-rate .cnt {
  color: var(--color-text-muted);
}
#productDetail .tit-prd {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--color-text-main);
  margin: 0;
}
@media (min-width: 768px) {
  #productDetail .tit-prd {
    font-size: 30px;
  }
}
#productDetail .subname {
  display: none;
}
#productDetail .subname2 {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  margin: 8px 0 0;
  color: #e0322f;
}
#productDetail .nv-dt-bullets {
  list-style: none;
  margin: 13px 0 2px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#productDetail .nv-dt-bullets li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--color-text-sub);
}
@media (min-width: 768px) {
  #productDetail .nv-dt-bullets li {
    font-size: 14px;
  }
}
#productDetail .nv-dt-b-ic {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--color-section-soft);
  color: var(--color-brand-blue);
}
#productDetail .nv-dt-b-ic svg {
  width: 13px;
  height: 13px;
}
#productDetail .nv-dt-priceWrap {
  margin-top: 10px;
  padding: 11px 0;
  border-top: 1px solid var(--color-line-soft);
  border-bottom: 1px solid var(--color-line-soft);
}
#productDetail .nv-dt-reserve {
  margin: 0 0 8px;
  text-align: right;
  font-size: 12px;
  color: var(--color-text-muted);
}
#productDetail .nv-dt-reserve b {
  color: var(--color-brand-blue);
  font-weight: 700;
}
#productDetail .nv-dt-price {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
#productDetail .nv-dt-disc {
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
  color: #ff4359;
}
#productDetail .nv-dt-amt {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-left: auto;
}
#productDetail .nv-dt-consumer {
  font-size: 15px;
  color: var(--color-text-muted);
  text-decoration: line-through;
}
#productDetail .nv-dt-sell {
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  color: var(--color-text-main);
}
#productDetail .table-opt {
  margin: 8px 0 0;
}
#productDetail .table-opt table {
  width: 100%;
  border-collapse: collapse;
}
#productDetail .table-opt th, #productDetail .table-opt td {
  padding: 6px 0;
  vertical-align: middle;
  border: 0;
  text-align: left;
}
#productDetail .table-opt th {
  width: 84px;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-main);
}
#productDetail .table-opt td {
  font-size: 14px;
  color: var(--color-text-main);
}
#productDetail .table-opt td.nopd {
  padding-top: 2px;
}
#productDetail .opt-wrap {
  border-top: 1px solid var(--color-line-soft);
  padding-top: 10px;
  margin-top: 4px;
}
#productDetail .opt-wrap .tit:not(.blind) {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-main);
  margin-bottom: 6px;
}
#productDetail .opt-wrap .tit strong {
  font-weight: 700;
}
#productDetail .opt-wrap dl {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 4px;
}
#productDetail .opt-wrap dt {
  flex: 0 0 auto;
  min-width: 56px;
  font-size: 13px;
  color: var(--color-text-muted);
}
#productDetail .opt-wrap dd {
  flex: 1;
  min-width: 0;
}
#productDetail .table-opt select {
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid var(--color-line-base);
  border-radius: 10px;
  background: #fff;
  font-size: 14px;
  color: var(--color-text-main);
}
#productDetail .opt-btns {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#productDetail .opt-btns input {
  height: 40px;
  width: 58px;
  text-align: center;
  border: 1px solid var(--color-line-base);
  border-radius: 8px;
  font-size: 14px;
}
#productDetail #MK_innerOptScroll {
  margin-top: 4px;
}
#productDetail .MK_inner-opt-cm {
  list-style: none;
  margin: 0;
  padding: 0;
}
#productDetail .MK_optAddWrap, #productDetail #MK_innerOptWrap, #productDetail #MK_innerOptScroll, #productDetail .MK_inner-opt-cm {
  width: 100% !important;
  float: none !important;
  box-sizing: border-box;
}
#productDetail .MK_inner-opt-cm li {
  position: relative;
  width: 100% !important;
  box-sizing: border-box;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 12px;
  padding: 14px 2px;
  border-bottom: 1px solid var(--color-line-soft);
  float: none !important;
}
#productDetail .MK_inner-opt-cm li input[type="hidden"] {
  display: none;
}
#productDetail .MK_p-name {
  flex: 1 1 100% !important;
  width: 100%;
  padding-right: 28px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -0.01em;
  color: var(--color-text-main);
}
#productDetail .MK_btn-del {
  position: absolute;
  top: 12px;
  right: 0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: var(--color-text-muted);
  text-decoration: none;
}
#productDetail .MK_btn-del:hover {
  background: var(--color-section-soft);
  color: var(--color-text-main);
}
#productDetail .MK_btn-del img {
  display: none;
}
#productDetail .MK_btn-del::after {
  content: "\2715";
  font-size: 13px;
  line-height: 1;
}
#productDetail .goods-quantity .btn-group {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
#productDetail .btn-group .btn-minus, #productDetail .btn-group .btn-plus {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-line-base);
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .12s ease, background-color .12s ease;
}
#productDetail .btn-group .btn-minus:hover, #productDetail .btn-group .btn-plus:hover {
  border-color: var(--color-brand-blue);
  background: var(--color-section-soft);
}
#productDetail .btn-group .btn-minus img, #productDetail .btn-group .btn-plus img {
  width: 11px;
  height: 11px;
  display: block;
}
#productDetail .btn-group input.btn-txt {
  width: 38px !important;
  height: 30px;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid var(--color-line-base);
  border-radius: 8px;
  background: var(--color-section-soft);
  text-align: center !important;
  float: none !important;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-text-main);
}
#productDetail .goods--options .goods-name {
  flex: 1 1 100%;
}
#productDetail .goods--options .goods-quantity {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
#productDetail .MK_price {
  margin-left: auto !important;
  float: none !important;
  font-size: 15px;
  font-weight: 700;
  color: var(--color-text-main);
  white-space: nowrap;
}
#productDetail #MK_innerOptTotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--color-line-base);
}
#productDetail #MK_innerOptTotal .MK_txt-total {
  font-size: 15px;
  font-weight: 700;
  color: var(--color-text-main);
}
#productDetail #MK_innerOptTotal .MK_total {
  font-size: 24px;
  font-weight: 800;
  color: var(--color-brand-blue);
}
#productDetail #MK_innerOptTotal .MK_txt-won {
  font-size: 15px;
  font-weight: 700;
  margin-left: 2px;
  color: var(--color-brand-blue);
}
#productDetail .snsScrap {
  display: none;
}
#productDetail .btn_barotalk {
  display: none;
}
#productDetail .prd-btns {
  margin-top: 10px;
}
#productDetail .prd-btns center {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
#productDetail .prd-btns a {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 13px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .15s ease, background-color .15s ease, color .15s ease, border-color .15s ease;
}
#productDetail .prd-btns .nv-ic-btn {
  flex: 0 0 auto;
  width: 54px;
  min-width: 54px;
  background: #fff;
  color: var(--color-text-sub);
  border: 1px solid var(--color-line-base);
}
#productDetail .prd-btns .nv-ic-btn svg {
  width: 22px;
  height: 22px;
}
#productDetail .prd-btns .nv-ic-btn:hover {
  border-color: var(--color-brand-blue);
  color: var(--color-brand-blue);
}
#productDetail .prd-btns .nv-txt-btn {
  flex: 1 1 0;
  min-width: 0;
  background: var(--color-brand-blue);
  color: #fff;
}
#productDetail .prd-btns .nv-txt-btn:hover {
  opacity: .92;
}
#productDetail .prd-btns .btn_buy, #productDetail .prd-btns .btn_subs {
  flex: 1 1 0;
  background: var(--color-brand-blue);
  color: #fff;
}
#productDetail .prd-btns .btn_cart {
  background: #fff;
  color: var(--color-text-main);
  border: 1px solid var(--color-line-base);
}
#productDetail .prd-btns .soldout {
  flex: 1 1 100%;
  padding: 18px;
  text-align: center;
  background: var(--color-section-soft);
  border-radius: 14px;
  font-weight: 700;
  color: var(--color-text-muted);
}
@media (max-width: 480px) {
  #productDetail .prd-btns a {
    font-size: 14px;
  }
  #productDetail .prd-btns .nv-ic-btn {
    width: 48px;
    min-width: 48px;
  }
}
#productDetail .naverPay {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--color-line-soft);
}
#productDetail .naverPay > script, #productDetail .naverPay > link, #productDetail .naverPay > style {
  display: none !important;
}
#productDetail .naverPay > div {
  margin: 0;
}
#productDetail .naverPay img {
  max-width: 100%;
  height: auto;
}
#productDetail .naverPay #nhn_btn .npay_storebtn_bx, #productDetail .naverPay #nhn_btn .npay_button_box, #productDetail .naverPay #nhn_btn .npay_btn_list {
  width: 100% !important;
}
#productDetail .naverPay #nhn_btn .npay_btn_pay {
  width: 100% !important;
  box-sizing: border-box;
}
#productDetail .nv-dt-tabnav {
  display: flex;
  margin: 44px -1rem 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #e8eaee;
  background: #fff;
  z-index: 20;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
@media (min-width: 640px) {
  #productDetail .nv-dt-tabnav {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
#productDetail .nv-dt-tabnav[data-fixed="1"] {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
}
body > hr {
  display: none;
}
#productDetail .nv-dt-tabnav::-webkit-scrollbar {
  display: none;
}
#productDetail .nv-dt-tab {
  flex: 1 1 0;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 18px 16px 16px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.02em;
  color: #969ba6;
  text-align: center;
  white-space: nowrap;
  position: relative;
  transition: color .18s ease;
}
#productDetail .nv-dt-tab::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -1px;
  height: 2.5px;
  background: var(--color-brand-blue);
  border-radius: 3px 3px 0 0;
  transition: left .24s cubic-bezier(.4,0,.2,1), right .24s cubic-bezier(.4,0,.2,1);
}
#productDetail .nv-dt-tab:hover {
  color: #555b66;
}
#productDetail .nv-dt-tab.is-on {
  color: var(--color-brand-blue);
  font-weight: 700;
}
#productDetail .nv-dt-tab.is-on::after {
  left: 14px;
  right: 14px;
}
@media (max-width: 767px) {
  #productDetail .nv-dt-tabnav {
    margin-top: 30px;
  }
  #productDetail .nv-dt-tab {
    flex: 0 0 auto;
    padding: 15px 16px 13px;
    font-size: 14px;
  }
  #productDetail .nv-dt-tab.is-on::after {
    left: 10px;
    right: 10px;
  }
}
[id^="crema-product-reviews"] {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
[id^="crema-product-reviews"] iframe, iframe[src*="cre.ma"] {
  display: block;
  width: 100%;
}
.prd-detail-detail {
  max-width: 1120px;
  margin: 0 auto;
}
.prd-detail-detail img {
  max-width: 100%;
  height: auto;
}
#productDetail .evtBanner {
  margin-top: 40px;
}
#productDetail .content-wrap .evtBanner {
  margin-top: 0;
}
.btn-wrap {
  text-align: center;
  margin: 26px 0 8px;
}
.goodsDetailMoreViewBtn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 220px;
  padding: 14px 28px;
  border: 1px solid #d7dae0;
  border-radius: 10px;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  color: #33363d;
}
.goodsDetailMoreViewBtn svg {
  width: 18px;
  height: 18px;
}
#productWrap {
  max-width: 900px;
  margin: 0 auto;
}
#productWrap .tit-prd {
  font-size: 15px;
  font-weight: 700;
  color: #1a1d24;
  margin: 22px 0 10px;
}
#productWrap table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1.5px solid #2a2d34;
}
#productWrap th, #productWrap td {
  padding: 12px 16px;
  border-bottom: 1px solid #eef0f3;
  font-size: 13px;
  line-height: 1.6;
  text-align: left;
  vertical-align: top;
}
#productWrap th {
  width: 180px;
  background: #fafbfc;
  color: #5b6270;
  font-weight: 500;
}
#productWrap th span, #productWrap td span {
  font-weight: inherit;
}
.qna-list {
  max-width: 1120px;
  margin: 0 auto;
}
#wrap {
  padding-bottom: 56px;
}
.qna-list table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #2a2d34;
}
.qna-list thead th {
  padding: 13px 10px;
  font-size: 11px;
  letter-spacing: .03em;
  color: #a2a7b0;
  font-weight: 500;
  border-bottom: 1px solid #eef0f3;
}
.qna-list tbody td {
  padding: 13px 10px;
  font-size: 13.5px;
  color: #3a3d44;
  line-height: 1.5;
  border-bottom: 1px solid #f2f4f7;
  vertical-align: middle;
}
.qna-list tbody td .tb-center {
  margin: 0;
  padding: 0;
}
.qna-list tbody tr.nbg:hover td {
  background: #fafbfc;
}
.qna-list a {
  color: #3a3d44;
}
.qna-list a:hover {
  color: var(--color-brand-blue);
}
.qna-list img[src*="lock"], .qna-list img[src*="reply"], .qna-list img[src*="new"], .qna-list img[src*="hit"] {
  opacity: .55;
}
.qna-list tbody td .tb-left {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: nowrap;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.qna-list tbody td .tb-left span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  overflow: hidden;
}
.qna-list tbody td .tb-left img {
  flex: 0 0 auto;
  vertical-align: middle;
}
.qna-list tbody td .tb-left a {
  overflow: hidden;
  text-overflow: ellipsis;
}
.qna-list tbody tr.cnt {
  display: none;
}
.qna-list .paging-wrap {
  text-align: center;
  margin-top: 18px;
}
.qna-list .paging {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.qna-list .paging a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 7px;
  border-radius: 8px;
  font-size: 13px;
  color: #6b7280;
}
.qna-list .paging a:hover {
  background: #f2f4f7;
}
.qna-list .paging a.now {
  background: var(--color-brand-blue);
  color: #fff;
}
.qna-list .btm_write {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 22px;
}
.qna-list .btm_write a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 130px;
  padding: 13px 24px;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 600;
  border: 1px solid var(--color-line-base);
  color: var(--color-brand-blue);
  background: #fff;
  transition: border-color .18s ease, opacity .18s ease;
}
.qna-list .btm_write a:first-child {
  background: var(--color-button-primary-bg);
  color: var(--color-button-primary-text);
  border-color: transparent;
}
.qna-list .btm_write a:hover {
  border-color: var(--color-brand-blue);
}
.qna-list .btm_write a:first-child:hover {
  opacity: .9;
  border-color: transparent;
}
.prdInfo_box {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 1120px;
  margin: 0 auto 18px;
}
.prdInfo_line {
  flex: 1 1 300px;
  float: none !important;
  width: auto !important;
  border: 1px solid #eef0f3;
  border-radius: 12px;
  padding: 20px 22px;
  box-sizing: border-box;
}
.prdInfo_line .up_box {
  display: none;
}
.prdInfo_line h2 {
  font-size: 12px;
  letter-spacing: 1px;
  color: #9aa0ab;
  margin: 0;
}
.prdInfo_line h2 span {
  color: var(--color-brand-blue);
  font-weight: 700;
}
.prdInfo_line h3 {
  font-size: 16px;
  font-weight: 700;
  color: #1a1d24;
  margin: 2px 0 12px;
}
.prdInfo_text {
  font-size: 13px;
  color: #5b6270;
  line-height: 1.7;
}
.prdInfo_text .call_number {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-brand-blue);
  margin: 0 0 6px;
}
.prdInfo_text .big_font {
  font-weight: 700;
  color: #33363d;
}
.nv-clamp {
  max-height: 560px;
  overflow: hidden;
  position: relative;
}
.nv-clamp.nv-clamp-open {
  max-height: none;
}
.nv-clamp:not(.nv-clamp-open)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 150px;
  background: linear-gradient(rgba(255,255,255,0), #fff 92%);
  pointer-events: none;
}
.nv-fold {
  overflow: hidden;
  transition: max-height .35s ease;
}
.nv-fold:not(.nv-fold--open) {
  max-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.nv-fold.nv-fold--open {
  max-height: 6000px;
  margin-top: 16px;
}
.nv-acc-head {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 1120px;
  margin: 34px auto 0;
  padding: 10px 2px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.nv-sec-head {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 1120px;
  margin: 34px auto 16px;
  padding: 10px 2px;
}
.nv-sec-head .nv-acc-line {
  display: none;
}
.nv-acc-title {
  font-size: 18px;
  font-weight: 700;
  color: #1a1d24;
  letter-spacing: -.01em;
  white-space: nowrap;
}
.nv-acc-line {
  flex: 1;
  height: 1px;
  background: #e6e8ec;
}
.nv-acc-arrow {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-right: 1.6px solid #6b7280;
  border-bottom: 1.6px solid #6b7280;
  transform: rotate(45deg);
  margin: -4px 6px 0 0;
  transition: transform .25s;
}
.nv-acc-head:hover .nv-acc-arrow {
  border-color: var(--color-brand-blue);
}
.nv-acc-head--open .nv-acc-arrow {
  transform: rotate(-135deg);
  margin-top: 4px;
}
.nv-rv-carousel {
  overflow-x: hidden;
  padding: 14px 0 16px;
  cursor: grab;
  -ms-overflow-style: none;
  scrollbar-width: none;
  touch-action: pan-y;
}
.nv-rv-carousel::-webkit-scrollbar {
  display: none;
}
.nv-rv-carousel.is-grab {
  cursor: grabbing;
}
.nv-rv-carousel img {
  -webkit-user-drag: none;
  user-select: none;
}
.nv-rv-track {
  display: flex;
  align-items: center;
  gap: 1vw;
  width: max-content;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nv-rv-card {
  flex: 0 0 13.8vw;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  overflow: hidden;
  transform: scale(.93);
  opacity: 1;
  transition: transform .45s ease, box-shadow .45s ease;
  will-change: transform;
}
.nv-rv-card.is-center {
  transform: scale(1.04);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .1);
}
.nv-rv-body {
  padding: 13px 14px 15px;
}
.nv-rv-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 11px;
}
.nv-rv-thumb {
  flex: 0 0 32px;
  width: 32px;
  aspect-ratio: 12 / 13;
  border-radius: 5px;
  overflow: hidden;
  background: #f0eeec;
}
.nv-rv-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.nv-rv-prd {
  font-size: 11.5px;
  color: #1a1a1a;
  line-height: 1.35;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.nv-rv-photo {
  aspect-ratio: 8 / 9;
  border-radius: 10px;
  overflow: hidden;
  background: #f0eeec;
  margin-bottom: 12px;
}
.nv-rv-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.nv-rv-idrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.nv-rv-id {
  font-size: 12px;
  font-weight: 600;
  color: #1a1a1a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nv-rv-stars {
  line-height: 1;
  font-size: 13px;
  letter-spacing: 1.5px;
  white-space: nowrap;
  flex: 0 0 auto;
}
.nv-rv-star::before {
  content: "\2605";
  color: #ff4359;
}
.nv-rv-star--off::before {
  color: #f4d3d8;
}
.nv-rv-text {
  font-size: 13px;
  color: #1a1a1a;
  line-height: 1.55;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 40px;
}
.nv-rv-more {
  display: inline-block;
  appearance: none;
  background: none;
  border: 0;
  padding: 7px 0 0;
  font-size: 12px;
  color: #aeaeae;
  cursor: pointer;
}
.nv-rv-more:hover {
  color: var(--color-brand-blue);
}
.nv-rv-morebtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 13px 32px;
  border: 1px solid #aeaeae;
  border-radius: 999px;
  font-size: 14px;
  color: #aeaeae;
  text-decoration: none;
  transition: border-color .2s, color .2s;
}
.nv-rv-morebtn:hover {
  border-color: var(--color-brand-blue);
  color: var(--color-brand-blue);
}
@media (max-width: 767px) {
  .nv-rv-card {
    flex-basis: 62vw;
  }
  .nv-rv-track {
    gap: 4vw;
  }
}
.nv-rv-modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.nv-rv-modal-dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .6);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.nv-rv-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .15);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, .3);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: background-color .15s;
}
.nv-rv-modal-close:hover {
  background: rgba(255, 255, 255, .28);
}
.nv-rv-modal-box {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 860px;
  max-height: 90vh;
  overflow: auto;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.nv-rv-modal-box::-webkit-scrollbar {
  display: none;
}
.nv-rv-modal-photo {
  width: 100%;
  aspect-ratio: 8 / 9;
  background: #f0eeec;
  flex: 0 0 auto;
}
.nv-rv-modal-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.nv-rv-modal-content {
  padding: 26px 28px 30px;
  flex: 1 1 auto;
  min-width: 0;
}
.nv-rv-modal-author {
  font-size: 12.5px;
  color: #9096a1;
  margin: 0 0 12px;
  line-height: 1.5;
}
.nv-rv-modal-author b {
  color: #55575c;
  font-weight: 600;
}
.nv-rv-modal-stars {
  font-size: 18px;
  letter-spacing: 2px;
  margin-bottom: 16px;
  white-space: nowrap;
}
.nv-rv-modal-text {
  font-size: 15px;
  color: #2a2d34;
  line-height: 1.75;
  margin: 0 0 22px;
  white-space: pre-line;
}
.nv-rv-modal-link {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-brand-blue);
  text-decoration: none;
}
@media (min-width: 768px) {
  .nv-rv-modal-box {
    flex-direction: row;
    max-width: 880px;
    max-height: min(80vh, 600px);
    overflow: hidden;
  }
  .nv-rv-modal-photo {
    width: 46%;
    flex: 0 0 46%;
    aspect-ratio: auto;
    align-self: stretch;
  }
  .nv-rv-modal-content {
    overflow: auto;
  }
}
.nv-ig-tile {
  color: #fff;
}
.nv-ig-tile .nv-ig-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}
.nv-ig-tile:hover .nv-ig-img {
  transform: scale(1.05);
}
.nv-ig-ov {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 5px;
  padding: 12px;
  background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,.12) 42%, transparent);
  opacity: 0;
  transition: opacity .25s ease;
}
.nv-ig-tile:hover .nv-ig-ov {
  opacity: 1;
}
.nv-ig-ov-row {
  display: flex;
  gap: 12px;
  font-size: 12px;
  font-weight: 600;
}
.nv-ig-ov-cap {
  font-size: 11px;
  line-height: 1.4;
  margin: 0;
  opacity: .92;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.nv-ig-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  width: 20px;
  height: 20px;
  color: #fff;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.4));
}
.nv-lu-trigger {
  position: relative;
  display: block;
  cursor: pointer;
}
.nv-lu-trigger > img {
  display: block;
  width: 100%;
}
.nv-lu-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(13,39,125,.92);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.01em;
  box-shadow: 0 6px 18px -6px rgba(13,39,125,.55);
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}
.nv-lu-trigger:hover .nv-lu-badge {
  opacity: 1;
  transform: none;
}
.nv-lu-badge-ic {
  font-size: 15px;
  line-height: 1;
}
@media (hover: none) {
  .nv-lu-badge {
    opacity: 1;
    transform: none;
  }
}
.nv-lu-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.nv-lu-modal.is-open {
  display: flex;
}
.nv-lu-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  opacity: 0;
  transition: opacity .2s ease;
}
.nv-lu-modal.is-visible .nv-lu-backdrop {
  opacity: 1;
}
.nv-lu-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 720px;
  max-height: 88vh;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,.4);
  opacity: 0;
  transform: translateY(8px) scale(.98);
  transition: opacity .2s ease, transform .2s ease;
}
.nv-lu-modal.is-visible .nv-lu-panel {
  opacity: 1;
  transform: none;
}
.nv-lu-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 20px;
  border-bottom: 1px solid var(--color-line-base);
}
.nv-lu-head h2 {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text-main);
}
.nv-lu-x {
  width: 36px;
  height: 36px;
  margin-right: -6px;
  border-radius: 999px;
  font-size: 15px;
  color: var(--color-text-muted);
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.nv-lu-x:hover {
  background: rgba(0,0,0,.05);
  color: var(--color-text-main);
}
.nv-lu-selbar {
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-line-base);
  background: var(--color-section-soft);
}
.nv-lu-selwrap {
  position: relative;
}
.nv-lu-select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid var(--color-line-base);
  border-radius: 10px;
  background: #fff;
  padding: 11px 40px 11px 14px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--color-text-main);
  cursor: pointer;
}
.nv-lu-select:focus {
  outline: none;
  border-color: var(--color-brand-blue);
}
.nv-lu-caret {
  position: absolute;
  right: 16px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-right: 2px solid var(--color-text-muted);
  border-bottom: 2px solid var(--color-text-muted);
  transform: rotate(45deg);
  pointer-events: none;
}
.nv-lu-body {
  overflow-y: auto;
  overscroll-behavior: contain;
}
.nv-lu-name {
  padding: 16px 20px 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--color-text-main);
}
.nv-lu-content {
  margin-top: 12px;
}
.nv-lu-content img {
  display: block;
  width: 100%;
}
.nv-lu-loading, .nv-lu-empty {
  padding: 60px 20px;
  text-align: center;
  color: var(--color-text-muted);
  font-size: 13px;
}
.nv-cs-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .22em;
  color: var(--color-brand-blue);
}
.nv-cs-title {
  margin-top: 8px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--color-text-main);
}
.nv-cs-desc {
  margin-top: 10px;
  max-width: 640px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--color-text-sub);
}
@media (min-width: 768px) {
  .nv-cs-title {
    font-size: 32px;
  }
}
.nv-board-tab {
  position: relative;
  display: inline-block;
  padding: 13px 16px;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text-muted);
  transition: color .18s ease;
}
.nv-board-tab::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 2px;
  border-radius: 2px;
  background: var(--color-brand-blue);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
}
.nv-board-tab:hover {
  color: var(--color-text-main);
}
.nv-board-tab.is-active {
  font-weight: 700;
  color: var(--color-text-main);
}
.nv-board-tab.is-active::after {
  transform: scaleX(1);
}
.nv-board-ic {
  height: 15px;
  width: auto;
  opacity: .75;
}
.nv-board-row {
  transition: background-color .15s ease, transform .15s ease;
}
.nv-board-row:hover {
  transform: translateX(2px);
}
.nv-qa-cat {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: 21px;
  padding: 0 9px;
  border: 1px solid var(--color-line-base);
  border-radius: 999px;
  background: var(--color-card-bg);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.01em;
  color: var(--color-text-sub);
  white-space: nowrap;
}
.nv-qa-prd {
  max-width: 170px;
  font-size: 12px;
  color: var(--color-text-muted);
}
.nv-qa-st {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: 21px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.nv-qa-st--done {
  background: var(--color-section-soft);
  color: var(--color-brand-blue);
}
.nv-qa-st--wait {
  background: #f3f3f4;
  color: #8b8f98;
}
.nv-qa-reply .nv-board-title {
  padding-left: 14px;
}
@media (max-width: 640px) {
  .nv-qa-prd {
    max-width: 110px;
  }
  .nv-qa-cat, .nv-qa-st {
    height: 20px;
    padding: 0 8px;
    font-size: 11px;
  }
}
.nv-wf input[type="file"], .nv-wr input[type="file"] {
  max-width: 100%;
  height: 42px;
  padding: 8px 12px;
  border: 1px dashed var(--color-line-base);
  border-radius: 10px;
  background: var(--color-card-bg);
  font-size: 13px;
  color: var(--color-text-sub);
}
.nv-wf input[type="file"]::file-selector-button, .nv-wr input[type="file"]::file-selector-button {
  margin-right: 10px;
  height: 25px;
  padding: 0 12px;
  border: 1px solid var(--color-line-base);
  border-radius: 999px;
  background: var(--color-section-soft);
  color: var(--color-text-main);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.nv-wf input[type="file"]:hover, .nv-wr input[type="file"]:hover {
  border-color: var(--color-brand-blue);
}
.nv-faq-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
}
.nv-faq-cat {
  display: inline-flex;
  align-items: center;
  padding: 9px 18px;
  border-radius: 999px;
  border: 1px solid var(--color-line-base);
  background: var(--color-card-bg);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-main);
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.nv-faq-cat:hover {
  border-color: var(--color-brand-blue);
  color: var(--color-brand-blue);
}
.nv-faq-cat.is-active {
  background: var(--color-brand-blue);
  border-color: var(--color-brand-blue);
  color: #fff;
}
.nv-faq-list {
  border-top: 1px solid var(--color-line-base);
}
.nv-faq-list[hidden] {
  display: none;
}
.nv-faq-item {
  border-bottom: 1px solid var(--color-line-base);
}
.nv-faq-q {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  text-align: left;
  padding: 20px 6px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: background-color .15s ease;
}
.nv-faq-q:hover {
  background: var(--color-section-soft);
}
.nv-faq-badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.nv-faq-badge-q {
  background: var(--color-brand-blue);
  color: #fff;
}
.nv-faq-badge-a {
  background: var(--color-card-bg);
  color: var(--color-brand-blue);
  border: 1px solid var(--color-line-base);
}
.nv-faq-qtext {
  flex: 1;
  padding-top: 4px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--color-text-main);
}
.nv-faq-plus {
  flex-shrink: 0;
  width: 24px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: var(--color-brand-blue);
  transition: transform .22s ease;
}
.nv-faq-item.is-open .nv-faq-plus {
  transform: rotate(45deg);
}
.nv-faq-a {
  display: none;
  gap: 14px;
  padding: 4px 6px 24px;
  background: var(--color-section-soft);
}
.nv-faq-item.is-open .nv-faq-a {
  display: flex;
}
.nv-faq-atext {
  flex: 1;
  padding-top: 3px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--color-text-main);
}
@media (min-width: 768px) {
  .nv-faq-qtext {
    font-size: 16px;
  }
  .nv-faq-atext {
    font-size: 15px;
  }
}
.nv-btn-primary, .nv-view-listbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 22px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}
.nv-btn-primary {
  background: var(--color-button-primary-bg);
  color: var(--color-button-primary-text);
  border: 0;
}
.nv-btn-primary:hover {
  opacity: .9;
}
.nv-view-listbtn {
  background: var(--color-card-bg);
  color: var(--color-text-main);
  border: 1px solid var(--color-line-base);
}
.nv-view-listbtn:hover {
  border-color: var(--color-brand-blue);
  color: var(--color-brand-blue);
}
.nv-view-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 28px 0;
}
.nv-view-prd {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  margin-bottom: 18px;
  border: 1px solid var(--color-line-base);
  border-radius: 14px;
  background: var(--color-section-soft);
  text-decoration: none;
}
.nv-view-prd-thumb {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.nv-view-prd-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nv-view-prd-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.nv-view-prd-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-main);
}
.nv-view-prd-price {
  font-size: 13px;
  color: var(--color-text-sub);
}
.nv-view {
  border-top: 2px solid var(--color-text-main);
}
.nv-view-head {
  padding: 24px 4px;
  border-bottom: 1px solid var(--color-line-base);
}
.nv-view-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-text-main);
}
.nv-view-head:has(.nv-qa-cat), .nv-view-head:has(.nv-qa-st) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.nv-view-head:has(.nv-qa-cat) .nv-view-meta, .nv-view-head:has(.nv-qa-st) .nv-view-meta {
  flex: 1 0 100%;
  margin-top: 4px;
}
.nv-view-title--qa {
  flex: 0 1 auto;
}
.nv-view-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  font-size: 13px;
  color: var(--color-text-muted);
}
.nv-view-dot {
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: var(--color-line-base);
}
.nv-view-addinfo {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 16px;
  padding: 16px 4px;
  border-bottom: 1px solid var(--color-line-soft);
  font-size: 14px;
}
.nv-view-addinfo dt {
  font-weight: 600;
  color: var(--color-text-sub);
}
.nv-view-addinfo dd {
  color: var(--color-text-main);
}
.nv-view-attach {
  padding: 20px 0;
  text-align: center;
}
.nv-view-attach img {
  max-width: 100%;
  height: auto;
}
.nv-view-content {
  padding: 28px 4px 40px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--color-text-main);
  word-break: break-word;
}
.nv-view-content img {
  max-width: 100%;
  height: auto;
}
.nv-view-content a {
  color: var(--color-brand-blue);
  text-decoration: underline;
}
.nv-view-recmd {
  padding: 24px 0;
  border-top: 1px solid var(--color-line-soft);
}
.nv-view-recmd-tit {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 14px;
  color: var(--color-text-main);
}
.nv-view-recmd ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.nv-view-recmd a {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}
.nv-view-recmd-thumb {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--color-line-soft);
}
.nv-view-recmd-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nv-view-recmd-name {
  font-size: 13px;
  color: var(--color-text-main);
}
.nv-view-recmd-price {
  font-size: 13px;
  font-weight: 700;
  color: var(--color-text-main);
  margin-left: auto;
}
@media (min-width: 768px) {
  .nv-view-recmd ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
.nv-cmt-wrap {
  margin-top: 14px;
}
.nv-cmt-list {
  border-top: 1px solid var(--color-line-base);
  margin-bottom: 24px;
}
.nv-cmt {
  padding: 16px 4px;
  border-bottom: 1px solid var(--color-line-soft);
}
.nv-cmt-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  margin-bottom: 6px;
}
.nv-cmt-re {
  color: var(--color-brand-blue);
  font-weight: 700;
}
.nv-cmt-name {
  font-weight: 700;
  color: var(--color-text-main);
}
.nv-cmt-date {
  color: var(--color-text-muted);
}
.nv-cmt-act {
  margin-left: auto;
  display: flex;
  gap: 8px;
}
.nv-cmt-act a {
  font-size: 12px;
  color: var(--color-text-muted);
  text-decoration: none;
}
.nv-cmt-act a:hover {
  color: var(--color-brand-blue);
}
.nv-cmt-body {
  font-size: 14px;
  line-height: 1.7;
  color: var(--color-text-main);
}
.nv-cmt-form {
  border: 1px solid var(--color-line-base);
  border-radius: 14px;
  padding: 18px;
  background: var(--color-section-soft);
}
.nv-cmt-agree {
  margin-bottom: 14px;
  font-size: 13px;
}
.nv-cmt-agree-tit {
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--color-text-main);
}
.nv-cmt-agree-tab ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.nv-cmt-agree-tab a {
  font-size: 12px;
  color: var(--color-text-muted);
  text-decoration: none;
}
.nv .privercy-contract textarea {
  width: 100%;
  height: 80px;
  border: 1px solid var(--color-line-base);
  border-radius: 8px;
  padding: 10px;
  font-size: 12px;
  color: var(--color-text-sub);
  background: #fff;
  box-sizing: border-box;
  resize: none;
}
.nv-cmt-agree-radio {
  display: flex;
  gap: 16px;
  margin-top: 8px;
  font-size: 13px;
}
.nv-cmt-write-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}
.nv-cmt-write-row label {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-sub);
}
.nv-cmt-input {
  height: 42px;
  width: 160px;
  padding: 0 13px;
  border: 1px solid var(--color-line-base);
  border-radius: 10px;
  font-size: 14px;
  background: #fff;
  box-sizing: border-box;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.nv-cmt-input:focus {
  outline: none;
  border-color: var(--color-brand-blue);
  box-shadow: 0 0 0 3px rgba(var(--color-brand-rgb), .1);
}
.nv-cmt-secret {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 500 !important;
}
.nv-cmt-write-body textarea {
  width: 100%;
  min-height: 100px;
  border: 1px solid var(--color-line-base);
  border-radius: 10px;
  padding: 12px;
  font-size: 14px;
  box-sizing: border-box;
  background: #fff;
  resize: vertical;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.nv-cmt-write-body textarea:focus {
  outline: none;
  border-color: var(--color-brand-blue);
  box-shadow: 0 0 0 3px rgba(var(--color-brand-rgb), .1);
}
.nv-cmt-write-btn {
  margin-top: 10px;
  text-align: right;
}
.nv-view-updown {
  border-top: 1px solid var(--color-line-base);
  border-bottom: 1px solid var(--color-line-base);
}
.nv-view-updown li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 4px;
  border-bottom: 1px solid var(--color-line-soft);
}
.nv-view-updown li:last-child {
  border-bottom: 0;
}
.nv-view-updown-lab {
  flex: 0 0 auto;
  width: 52px;
  font-size: 13px;
  font-weight: 700;
  color: var(--color-text-muted);
}
.nv-view-updown a {
  font-size: 14px;
  color: var(--color-text-main);
  text-decoration: none;
}
.nv-view-updown a:hover {
  color: var(--color-brand-blue);
}
.nv-view-updown-none {
  font-size: 14px;
  color: var(--color-text-muted);
}
.nv-wr-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: start;
}
@media (min-width: 900px) {
  .nv-wr-layout {
    grid-template-columns: 300px minmax(0, 720px);
    gap: 32px;
    justify-content: center;
  }
}
.nv-wr-main {
  min-width: 0;
}
.nv-wr-guide {
  border: 1px solid var(--color-line-base);
  border-radius: 18px;
  padding: 26px 24px;
  background: linear-gradient(180deg, var(--color-section-soft), var(--color-card-bg));
}
@media (min-width: 900px) {
  .nv-wr-guide {
    position: sticky;
    top: 24px;
  }
}
.nv-wr-guide-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--color-brand-blue);
  color: #fff;
  margin-bottom: 16px;
}
.nv-wr-guide-ic svg {
  width: 24px;
  height: 24px;
}
.nv-wr-guide-tit {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text-main);
}
.nv-wr-guide-desc {
  margin-top: 10px;
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--color-text-sub);
}
.nv-wr-guide-list {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.nv-wr-guide-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--color-text-main);
}
.nv-wr-guide-list b {
  font-weight: 700;
}
.nv-wr-guide-li-ic {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--color-card-bg);
  border: 1px solid var(--color-line-base);
  color: var(--color-brand-blue);
}
.nv-wr-guide-li-ic svg {
  width: 15px;
  height: 15px;
}
.nv-wr-guide-faq {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 22px;
  font-size: 13px;
  font-weight: 700;
  color: var(--color-brand-blue);
  text-decoration: none;
}
.nv-wr-guide-faq span {
  transition: transform .15s ease;
}
.nv-wr-guide-faq:hover span {
  transform: translateX(3px);
}
.nv-wr {
  border: 1px solid var(--color-line-base);
  border-radius: 18px;
  padding: 24px;
  background: var(--color-card-bg);
}
.nv-wr-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  .nv-wr-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.nv-wr-grid .nv-wr-field {
  margin-bottom: 0;
}
.nv-wr-field {
  margin-bottom: 16px;
}
.nv-wr-field:last-child {
  margin-bottom: 0;
}
.nv-wr-label {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-main);
}
.nv-wr-input, .nv-wr input[type="text"], .nv-wr input[type="password"], .nv-wr input[type="email"], .nv-wr input[type="search"] {
  width: 100%;
  height: 42px;
  padding: 0 13px;
  border: 1px solid var(--color-line-base);
  border-radius: 10px;
  font-size: 14px;
  color: var(--color-text-main);
  background: #fff;
  box-sizing: border-box;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.nv-wr-input::placeholder {
  color: var(--color-text-muted);
}
.nv-wr-input:focus, .nv-wr input[type="text"]:focus, .nv-wr input[type="password"]:focus, .nv-wr input[type="email"]:focus {
  outline: none;
  border-color: var(--color-brand-blue);
  box-shadow: 0 0 0 3px rgba(var(--color-brand-rgb), .1);
}
.nv-wr textarea {
  width: 100%;
  min-height: 180px;
  border: 1px solid var(--color-line-base);
  border-radius: 10px;
  padding: 13px;
  font-size: 14px;
  line-height: 1.7;
  box-sizing: border-box;
  resize: vertical;
}
.nv-wr textarea:focus {
  outline: none;
  border-color: var(--color-brand-blue);
  box-shadow: 0 0 0 3px rgba(var(--color-brand-rgb), .1);
}
.nv-wr-inline-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.nv-wr-inline-wrap .nv-wr-input {
  flex: 1 1 auto;
  width: auto;
  min-width: 110px;
}
.nv-wr-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--color-text-sub);
  white-space: nowrap;
}
.nv-wr-hint {
  font-size: 12px;
  color: #ff4359;
}
.nv-wr-subject {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.nv-wr-subject .nv-wr-input {
  flex: 1 1 200px;
}
.nv-wr-subopts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
  font-size: 13px;
  color: var(--color-text-sub);
}
.nv-wr select {
  height: 42px;
  padding: 0 34px 0 13px;
  border: 1px solid var(--color-line-base);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-main);
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M3 4.5 6 7.5 9 4.5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  cursor: pointer;
  box-sizing: border-box;
  max-width: 100%;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.nv-wr select:focus {
  outline: none;
  border-color: var(--color-brand-blue);
  box-shadow: 0 0 0 3px rgba(var(--color-brand-rgb), .1);
}
.nv-wr-subopts select {
  height: 36px;
  font-size: 13px;
}
.nv-wr-content {
  max-width: 100%;
}
.nv-wr-content textarea {
  width: 100%;
  min-height: 180px;
  border: 1px solid var(--color-line-base);
  border-radius: 10px;
  padding: 13px;
  font-size: 14px;
  line-height: 1.7;
  box-sizing: border-box;
  resize: vertical;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.nv-wr-content textarea:focus {
  outline: none;
  border-color: var(--color-brand-blue);
  box-shadow: 0 0 0 3px rgba(var(--color-brand-rgb), .1);
}
.nv-wr-file {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.nv-wr-filebtn {
  display: inline-flex;
  align-items: center;
  height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid var(--color-line-base);
  background: var(--color-section-soft);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-main);
  text-decoration: none;
  white-space: nowrap;
}
.nv-wr-filebtn:hover {
  border-color: var(--color-brand-blue);
  color: var(--color-brand-blue);
}
.nv-wr-actions {
  justify-content: flex-end;
}
.nv-wf {
  background: var(--color-card-bg);
  border: 1px solid var(--color-line-base);
  border-radius: 22px;
  box-shadow: 0 24px 60px -26px rgba(17,24,39,.2), 0 4px 12px -6px rgba(17,24,39,.05);
  overflow: hidden;
}
.nv-wf-head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 26px 32px;
  background: linear-gradient(180deg, var(--color-section-soft), var(--color-card-bg));
}
.nv-wf-head-ic {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background: var(--color-brand-blue);
  color: #fff;
}
.nv-wf-head-ic svg {
  width: 26px;
  height: 26px;
}
.nv-wf-head-tit {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--color-text-main);
}
.nv-wf-head-sub {
  margin-top: 4px;
  font-size: 13.5px;
  color: var(--color-text-sub);
}
.nv-wf-prd {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 32px 4px;
  padding: 12px 14px;
  border: 1px solid var(--color-line-base);
  border-radius: 14px;
  background: var(--color-section-soft);
  text-decoration: none;
}
.nv-wf-prd img {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border-radius: 10px;
  object-fit: cover;
  background: #fff;
}
.nv-wf-prd-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.nv-wf-prd-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-main);
}
.nv-wf-prd-price {
  font-size: 13px;
  color: var(--color-text-sub);
}
.nv-wf-notice {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 18px 32px 2px;
  padding: 14px 16px;
  border: 1px solid var(--color-line-base);
  border-radius: 13px;
  background: var(--color-section-soft);
}
.nv-wf-notice-ic {
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--color-brand-blue);
}
.nv-wf-notice-ic svg {
  width: 19px;
  height: 19px;
}
.nv-wf-notice-tx, .nv-wf-notice-tx * {
  font-size: 13px;
  line-height: 1.6;
  color: var(--color-text-sub);
}
.nv-wf-notice-tx b, .nv-wf-notice-tx strong {
  font-weight: 700;
  color: var(--color-brand-blue);
}
.nv-wf-body {
  margin: 0;
  padding: 0;
  border: 0;
}
.nv-wf-row {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 14px 26px;
  align-items: start;
  padding: 22px 32px;
  border-top: 1px solid var(--color-line-soft);
}
.nv-wf-row2 {
  grid-template-columns: 130px minmax(0, 1fr) 130px minmax(0, 1fr);
}
.nv-wf-lab {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--color-text-sub);
  padding-top: 12px;
}
.nv-wf-fld {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.nv-wf-fld-block {
  display: block;
}
.nv-wf input[type="text"], .nv-wf input[type="password"], .nv-wf input[type="email"], .nv-wf input[type="search"] {
  flex: 1 1 auto;
  height: 42px;
  padding: 0 13px;
  border: 1px solid var(--color-line-base);
  border-radius: 10px;
  font-size: 14px;
  color: var(--color-text-main);
  background: #fff;
  box-sizing: border-box;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.nv-wf input::placeholder {
  color: var(--color-text-muted);
}
.nv-wf input[type="text"]:focus, .nv-wf input[type="password"]:focus, .nv-wf input[type="email"]:focus {
  outline: none;
  border-color: var(--color-brand-blue);
  box-shadow: 0 0 0 3px rgba(var(--color-brand-rgb), .1);
}
.nv-wf select {
  max-width: 100%;
  height: 42px;
  padding: 0 34px 0 13px;
  border: 1px solid var(--color-line-base);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-main);
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M3 4.5 6 7.5 9 4.5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  cursor: pointer;
  box-sizing: border-box;
}
.nv-wf select:focus {
  outline: none;
  border-color: var(--color-brand-blue);
  box-shadow: 0 0 0 3px rgba(var(--color-brand-rgb), .1);
}
.nv-wf-content {
  width: 100%;
}
.nv-wf-content textarea {
  width: 100%;
  min-height: 220px;
  border: 1px solid var(--color-line-base);
  border-radius: 12px;
  padding: 15px;
  font-size: 14px;
  line-height: 1.75;
  box-sizing: border-box;
  resize: vertical;
  background: var(--color-card-bg);
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.nv-wf-content textarea:focus {
  outline: none;
  border-color: var(--color-brand-blue);
  box-shadow: 0 0 0 3px rgba(var(--color-brand-rgb), .1);
  background: #fff;
}
.nv-wf-foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 22px 32px;
  border-top: 1px solid var(--color-line-soft);
  background: linear-gradient(180deg, var(--color-card-bg), var(--color-section-soft));
}
.nv-wf-submit {
  height: 48px;
  padding: 0 30px;
  box-shadow: 0 10px 22px -10px rgba(var(--color-brand-rgb), .42);
}
@media (max-width: 760px) {
  .nv-wf-row, .nv-wf-row2 {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 18px;
  }
  .nv-wf-lab {
    padding-top: 0;
  }
  .nv-wf-head, .nv-wf-foot {
    padding-left: 18px;
    padding-right: 18px;
  }
  .nv-wf-notice, .nv-wf-prd {
    margin-left: 18px;
    margin-right: 18px;
  }
}
.nv-pwd {
  max-width: 420px;
  margin: 0 auto;
  padding: 44px 28px 40px;
  text-align: center;
  border: 1px solid var(--color-line-base);
  border-radius: 18px;
  background: var(--color-card-bg);
}
.nv-pwd-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: var(--color-section-soft);
  color: var(--color-brand-blue);
}
.nv-pwd-icon svg {
  width: 30px;
  height: 30px;
}
.nv-pwd-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text-main);
}
.nv-pwd-desc {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-text-sub);
}
.nv-pwd-form {
  margin-top: 22px;
  text-align: left;
}
.nv-pwd-label {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 700;
  color: var(--color-text-sub);
}
.nv-pwd-form input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid var(--color-line-base);
  border-radius: 10px;
  font-size: 14px;
  background: #fff;
  box-sizing: border-box;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.nv-pwd-form input:focus {
  outline: none;
  border-color: var(--color-brand-blue);
  box-shadow: 0 0 0 3px rgba(var(--color-brand-rgb), .1);
}
.nv-pwd-btns {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 22px;
}
.nv-wf input:-webkit-autofill, .nv-wf textarea:-webkit-autofill, .nv-wr input:-webkit-autofill, .nv-wr textarea:-webkit-autofill, .nv-pwd-form input:-webkit-autofill, .nv-prm input:-webkit-autofill, .nv-prm textarea:-webkit-autofill, .nv-cmt-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--color-card-bg) inset !important;
  box-shadow: 0 0 0 1000px var(--color-card-bg) inset !important;
  -webkit-text-fill-color: var(--color-text-main) !important;
  caret-color: var(--color-text-main);
  transition: background-color 9999s ease-out 0s;
}
.nv-wf input:-webkit-autofill:focus, .nv-wr input:-webkit-autofill:focus, .nv-pwd-form input:-webkit-autofill:focus, .nv-prm input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--color-card-bg) inset, 0 0 0 3px rgba(var(--color-brand-rgb), .1) !important;
  box-shadow: 0 0 0 1000px var(--color-card-bg) inset, 0 0 0 3px rgba(var(--color-brand-rgb), .1) !important;
}
.nv-wf input, .nv-wf textarea, .nv-wf select, .nv-wr input, .nv-wr textarea, .nv-wr select, .nv-prm input, .nv-prm textarea {
  caret-color: var(--color-brand);
}
.nv-wf ::selection, .nv-wr ::selection, .nv-prm ::selection {
  background: rgba(var(--color-brand-rgb), .16);
  color: var(--color-text-main);
}
.nv-wf button[disabled], .nv-wr button[disabled], .nv-prm button[disabled] {
  opacity: .45;
  cursor: not-allowed;
  box-shadow: none;
}
.nv-wf input[type="text"], .nv-wf input[type="password"], .nv-wf input[type="email"], .nv-wf input[type="search"] {
  height: 46px;
  border-radius: 13px;
  padding: 0 15px;
}
.nv-wf select {
  height: 46px;
  border-radius: 13px;
}
.nv-wf-content textarea {
  border-radius: 16px;
  min-height: 200px;
  padding: 15px 16px;
}
.nv-wf-lab {
  font-size: 13px;
  font-weight: 700;
  color: var(--color-text-main);
  padding-top: 14px;
  letter-spacing: -.01em;
}
.nv-wf-head-tit {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.03em;
}
.nv-wf-head-sub {
  font-size: 13px;
  color: var(--color-text-muted);
}
.nv-wf-submit {
  height: 52px;
  padding: 0 34px;
  border-radius: 999px;
  font-size: 14.5px;
}
.nv-wr-filebtn {
  height: 46px;
  border-radius: 13px;
  background: #fff;
}
.nv-wr-hint {
  color: var(--color-brand);
}
.nv-pname-label {
  display: block;
  font-size: .78em;
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--color-text-muted);
  margin-bottom: .3em;
}
.nv-pname-main {
  display: block;
}
.nv-pcard a.nv-pname {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}
.nv-pcard a.nv-pname .nv-pname-main {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#productDetail .tit-prd .nv-pname-label {
  font-size: .62em;
  margin-bottom: .4em;
}
a.nv-pn {
  display: block;
  text-decoration: none;
}
.nv-pn-t {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -.01em;
  color: var(--color-text-main);
  transition: color .18s;
}
.nv-pn-d {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 3px;
  font-size: 10.5px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -.01em;
  color: var(--color-text-muted);
}
@media (min-width: 768px) {
  .nv-pn-t {
    font-size: 13px;
  }
  .nv-pn-d {
    font-size: 12px;
    margin-top: 4px;
  }
}
.group:hover a.nv-pn .nv-pn-t {
  color: var(--color-brand-blue);
}
#productDetail .nv-dt-desc {
  margin: 7px 0 0;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: -.01em;
  color: var(--color-text-sub);
}
@media (min-width: 768px) {
  #productDetail .nv-dt-desc {
    font-size: 15px;
    margin-top: 9px;
  }
}
@media (max-width: 767px) {
  #productDetail .nv-dt-tabnav {
    overflow-x: hidden;
  }
  #productDetail .nv-dt-tab {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 11.5px;
    letter-spacing: -.045em;
  }
  #productDetail .nv-dt-tab.is-on::after {
    left: 6px;
    right: 6px;
  }
}
.nv-rv-body, .nv-rv-text, .nv-rv-body p, .nv-pr-tx, .nv-prm-tx, .nv-pr-item p, .nv-prlist .item p, .nv-prlist .content p {
  overflow-wrap: anywhere;
  word-break: keep-all;
}
.nv-rv, .nv-rv-body, .nv-pr-item, .nv-prm-box {
  min-width: 0;
}
.nv-rv {
  overflow: hidden;
}
.nv-login-page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
#contentWrap:has(.nv-login-page), #contentWrapper:has(.nv-login-page) {
  padding-top: 0;
  margin-top: 0;
}
.login-wrapper {
  --lg-line: #e7e9ef;
  --lg-ink: #14161c;
  --lg-sub: #70757f;
  --lg-mute: #a6abb6;
  max-width: 100%;
  padding: clamp(28px, 3.4vw, 52px) 20px clamp(44px, 5.4vw, 76px);
  box-sizing: border-box;
  font-family: "Pretendard", "Noto Sans KR", system-ui, -apple-system, "Malgun Gothic", sans-serif;
}
body.brand-urhey .login-wrapper {
  --lg-line: #ece2dc;
}
.nv-lg-grid {
  display: grid;
  gap: clamp(34px, 4.4vw, 46px);
  width: 100%;
  margin: 0 auto;
}
.login-wrapper .login-wrap {
  width: 100%;
  max-width: 372px;
  margin: 0 auto;
  float: none;
}
.login-wrapper .blind {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.login-wrapper .page-title-wrap {
  text-align: center;
  margin: 0 0 clamp(24px, 3vw, 32px) !important;
}
.login-wrapper .page-title-wrap h2 {
  margin: 0;
  padding: 0 !important;
  font-size: clamp(22px, 2.5vw, 26px) !important;
  font-weight: 700;
  letter-spacing: -.05em;
  line-height: 1.3;
  color: var(--lg-ink);
  word-break: keep-all;
}
.login-wrapper .page-title-wrap p {
  margin: 9px 0 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--lg-sub);
  word-break: keep-all;
}
.login-wrapper .login-form {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
.login-wrapper .login-form > form {
  order: 0;
}
.login-wrapper .nv-lg-actions {
  order: 1;
}
.login-wrapper .btn-link {
  order: 2;
}
.login-wrapper fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.login-wrapper legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.login-wrapper .form-textfield {
  display: grid;
  gap: 14px;
  margin-bottom: 14px;
}
.login-wrapper .form-textfield .fld {
  position: relative;
}
.login-wrapper .form-textfield .fld > label {
  display: block;
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  color: var(--lg-mute);
  transition: color .2s;
}
.login-wrapper .form-textfield input[type="text"], .login-wrapper .form-textfield input[type="password"] {
  width: 100%;
  height: 42px;
  padding: 0 2px;
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid var(--lg-line);
  border-radius: 0;
  background: transparent;
  font-size: 15.5px;
  color: var(--lg-ink);
  letter-spacing: -.01em;
  transition: border-color .2s;
}
.login-wrapper .form-textfield input::placeholder {
  color: var(--lg-mute);
}
.login-wrapper .form-textfield input[type="text"]:focus, .login-wrapper .form-textfield input[type="password"]:focus {
  outline: 0;
  border-bottom-color: var(--color-brand-blue);
  box-shadow: none;
}
.login-wrapper .form-textfield .fld:focus-within > label {
  color: var(--color-brand-blue);
}
.login-wrapper .form-textfield input:-webkit-autofill, .login-wrapper .form-textfield input:-webkit-autofill:hover, .login-wrapper .form-textfield input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: var(--lg-ink);
}
.login-wrapper .form-check-inline {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 18px;
  padding: 0;
}
.login-wrapper .form-check-inline .form-check-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  font-size: 12.5px;
  color: var(--lg-sub);
  cursor: pointer;
  user-select: none;
}
.login-wrapper .form-check-inline .form-check-input {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 17px;
  height: 17px;
  margin: 0;
  flex: none;
  border: 1px solid #d5d8e0;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
  transition: background-color .18s, border-color .18s;
}
.login-wrapper .form-check-inline .form-check-input:checked {
  background: var(--color-brand-blue);
  border-color: var(--color-brand-blue);
}
.login-wrapper .form-check-inline .form-check-input:checked::after {
  content: "";
  position: absolute;
  left: 5.5px;
  top: 2.4px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 1.8px 1.8px 0;
  transform: rotate(45deg);
}
.login-wrapper .form-check-inline .form-check-input:focus-visible {
  outline: 2px solid rgba(var(--color-brand-rgb), .35);
  outline-offset: 2px;
}
.login-wrapper .nv-lg-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.login-wrapper .btn-login {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.login-wrapper .btn-login .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 999px;
  background: var(--color-brand-blue) !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.01em;
  text-decoration: none;
  transition: filter .2s, transform .2s, box-shadow .2s;
}
.login-wrapper .btn-login .btn:hover {
  filter: brightness(1.12);
  transform: translateY(-1px);
  box-shadow: 0 12px 24px -12px rgba(var(--color-brand-rgb), .55);
}
.login-wrapper .btn-login .btn:active {
  transform: translateY(0);
}
.login-wrapper .sns-btns {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
.login-wrapper .sns-btns li {
  list-style: none;
}
.login-wrapper .sns-btns a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  text-decoration: none;
  transition: filter .2s, transform .2s;
}
.login-wrapper .sns-btns a::before {
  content: "";
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.login-wrapper .sns-btns a:hover {
  filter: brightness(.95);
  transform: translateY(-1px);
}
.login-wrapper .sns-btns a.kakaotalk {
  background: #FEE500;
}
.login-wrapper .sns-btns a.kakaotalk::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23191600' d='M12 3C6.9 3 2.8 6.3 2.8 10.3c0 2.6 1.7 4.9 4.3 6.2l-1.1 4c-.1.4.3.7.7.5l4.7-3.1h.6c5.1 0 9.2-3.3 9.2-7.6S17.1 3 12 3z'/></svg>");
}
.login-wrapper .sns-btns a.naver {
  background: #03C75A;
}
.login-wrapper .sns-btns a.naver::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='M14.2 12.5 9.6 5.5H5.5v13h4.3v-7l4.6 7h4.1v-13h-4.3z'/></svg>");
}
.login-wrapper .sns-btns a.facebook {
  background: #1877F2;
}
.login-wrapper .sns-btns a.facebook::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='M13.5 21v-8h2.7l.4-3.1h-3.1V7.9c0-.9.25-1.5 1.55-1.5h1.65V3.6c-.3 0-1.3-.1-2.4-.1-2.4 0-4 1.45-4 4.1v2.3H7.6V13h2.7v8z'/></svg>");
}
.login-wrapper .btn-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 16px;
}
.login-wrapper .btn-link a {
  position: relative;
  font-size: 12.5px;
  color: var(--lg-sub);
  text-decoration: none;
  transition: color .18s;
}
.login-wrapper .btn-link a:hover {
  color: var(--color-brand-blue);
}
.login-wrapper .btn-link a + a::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background: var(--lg-line);
}
@media (max-width: 480px) {
  .login-wrapper {
    padding-top: 24px;
  }
  .login-wrapper .page-title-wrap h2 {
    font-size: 21px !important;
  }
  .login-wrapper .sns-btns a {
    width: 48px;
    height: 48px;
  }
  .login-wrapper .btn-login .btn {
    height: 48px;
    font-size: 14.5px;
  }
}
.nv-lgb {
  padding-top: clamp(28px, 3.4vw, 38px);
  border-top: 1px solid var(--lg-line, #e7e9ef);
  font-family: "Pretendard", "Noto Sans KR", system-ui, -apple-system, sans-serif;
  text-align: center;
  max-width: 1040px;
  margin: 0 auto;
  width: 100%;
}
.nv-lgb-h {
  margin: 0 0 5px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .24em;
  color: var(--color-brand-blue);
}
.nv-lgb-t {
  margin: 0 0 clamp(22px, 2.8vw, 30px);
  font-size: clamp(15.5px, 1.8vw, 19px);
  font-weight: 700;
  letter-spacing: -.035em;
  color: #14161c;
  word-break: keep-all;
}
.nv-lgb-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(8px, 1.6vw, 20px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.nv-lgb-list li {
  list-style: none;
}
.nv-lgb-ic {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(44px, 5vw, 56px);
  margin-bottom: 10px;
}
.nv-lgb-ic svg {
  width: clamp(36px, 4.2vw, 46px);
  height: clamp(36px, 4.2vw, 46px);
  color: #b6bac3;
}
.nv-lgb-list p {
  margin: 0;
  font-size: clamp(10.5px, 1.1vw, 12.5px);
  line-height: 1.55;
  color: #5a6070;
  word-break: keep-all;
}
.nv-lgb-list b {
  font-weight: 700;
  color: #14161c;
}
@media (max-width: 560px) {
  .nv-lgb-list {
    gap: 6px;
  }
  .nv-lgb-ic {
    height: 38px;
    margin-bottom: 7px;
  }
  .nv-lgb-ic svg {
    width: 30px;
    height: 30px;
  }
  .nv-lgb-list p {
    font-size: 9.5px;
    line-height: 1.45;
    letter-spacing: -.03em;
  }
}
.nv-dm {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.nv-dm[hidden] {
  display: none;
}
.nv-dm-dim {
  position: absolute;
  inset: 0;
  background: rgba(12, 16, 28, .55);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity .22s ease;
}
.nv-dm[data-open] .nv-dm-dim {
  opacity: 1;
}
.nv-dm-box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 680px;
  max-height: 90vh;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 30px 80px -24px rgba(12, 16, 28, .45);
  opacity: 0;
  transform: translateY(10px) scale(.985);
  transition: opacity .22s ease, transform .22s ease;
}
.nv-dm[data-open] .nv-dm-box {
  opacity: 1;
  transform: none;
}
.nv-dm-box[data-mode="qna"] {
  max-width: 820px;
}
.nv-dm-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--color-line-base);
}
.nv-dm-title {
  margin: 0;
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--color-text-main);
}
.nv-dm-x {
  flex: none;
  width: 36px;
  height: 36px;
  margin-right: -6px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-text-muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .15s, color .15s;
}
.nv-dm-x svg {
  width: 18px;
  height: 18px;
}
.nv-dm-x:hover {
  background: rgba(0,0,0,.05);
  color: var(--color-text-main);
}
.nv-dm-body {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.nv-dm-box[data-mode="review"] .nv-dm-body {
  padding: 20px 22px 24px;
}
.nv-dm-frame {
  position: relative;
  height: min(72vh, 720px);
}
.nv-dm-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.nv-dm-loading {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #fff;
  color: var(--color-text-muted);
  font-size: 13px;
}
.nv-dm-loading i {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 2px solid var(--color-line-base);
  border-top-color: var(--color-brand-blue);
  animation: nvDmSpin .8s linear infinite;
}
@keyframes nvDmSpin {
  to {
    transform: rotate(360deg);
  }
}
#productDetail .qna-list table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border-top: 1px solid var(--color-line-base);
}
#productDetail .qna-list caption, #productDetail .qna-list colgroup, #productDetail .qna-list thead {
  display: none;
}
#productDetail .qna-list a {
  text-decoration: none;
}
#productDetail .qna-list tbody tr.nbg {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 6px;
  border-bottom: 1px solid var(--color-line-soft);
  transition: background-color .15s;
}
#productDetail .qna-list tbody tr.nbg:hover {
  background: var(--color-section-soft);
}
#productDetail .qna-list tbody tr.nbg > td:nth-child(1), #productDetail .qna-list tbody tr.nbg > td:nth-child(2), #productDetail .qna-list tbody tr.nbg > td:nth-child(6) {
  display: none;
}
#productDetail .qna-list tbody tr.nbg > td:nth-child(3) {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  border: 0;
}
#productDetail .qna-list tbody tr.nbg > td:nth-child(4), #productDetail .qna-list tbody tr.nbg > td:nth-child(5) {
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  font-size: 12px;
  color: var(--color-text-muted);
  white-space: nowrap;
}
#productDetail .qna-list tbody tr.nbg > td .tb-center {
  display: inline;
  margin: 0;
  padding: 0;
}
#productDetail .qna-list tbody tr.nbg > td:nth-child(4) img {
  display: none;
}
#productDetail .qna-list .tb-left {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
#productDetail .qna-list .tb-left a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  color: var(--color-text-main);
}
#productDetail .qna-list .tb-left a:hover {
  color: var(--color-brand-blue);
}
#productDetail .qna-list .tb-left img {
  flex: 0 0 auto;
  opacity: .5;
}
#productDetail .qna-list .reply_status {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: 21px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  background: var(--color-section-soft);
  color: var(--color-brand-blue);
}
#productDetail .qna-list .reply_status:not(.reply_DONE) {
  background: #f3f3f4;
  color: #8b8f98;
}
#productDetail .qna-list .reply_depth1 {
  padding-left: 14px;
}
#productDetail .qna-list tbody tr.cnt {
  display: none;
}
#productDetail .qna-list tbody tr.cnt[style*="table-row"], #productDetail .qna-list tbody tr.cnt[style*="block"] {
  display: block !important;
}
#productDetail .qna-list tbody tr.cnt > td {
  display: block;
  padding: 16px 18px;
  margin: 0 0 8px;
  border: 0;
  background: var(--color-section-soft);
  border-radius: 12px;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--color-text-sub);
}
#productDetail .qna-list tbody tr.cnt .tb-left {
  display: block;
  font-size: 13.5px;
}
#productDetail .qna-list .btm_write {
  gap: 8px;
  margin-top: 22px;
}
#productDetail .qna-list .btm_write a.nv-qna-write::before {
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 6px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20h9'/><path d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/></svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20h9'/><path d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/></svg>") center/contain no-repeat;
}
@media (max-width: 600px) {
  .nv-dm {
    padding: 0;
    align-items: flex-end;
  }
  .nv-dm-box {
    max-width: 100%;
    max-height: 92vh;
    border-radius: 20px 20px 0 0;
  }
  .nv-dm-frame {
    height: 76vh;
  }
  #productDetail .qna-list tbody tr.nbg {
    padding: 13px 4px;
  }
  #productDetail .qna-list .tb-left {
    font-size: 13.5px;
  }
}
#aside {
  --mp-brand: var(--color-brand-blue, #0d277d);
  --mp-ink: var(--color-text-main,  #16181d);
  --mp-sub: var(--color-text-sub,   #5a5f68);
  --mp-muted: var(--color-text-muted, #9aa0aa);
  --mp-line: var(--color-line-base,  #e9ebef);
  --mp-soft: var(--color-section-soft, #f6f7f9);
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 26px;
  overflow: visible;
  box-sizing: border-box;
  font-family: "Pretendard", "Noto Sans KR", system-ui, -apple-system, "Malgun Gothic", sans-serif;
  color: var(--mp-ink);
}
#aside * {
  box-sizing: border-box;
}
#aside .mn-head {
  padding: 54px 0 22px;
}
#aside .mn-eyebrow {
  margin: 0;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .22em;
  color: var(--mp-brand);
}
#aside .mn-title {
  margin: 9px 0 0;
  font-size: 27px;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.25;
  color: var(--mp-ink);
  text-align: left;
}
#aside .mn-nav {
  display: grid;
  gap: 18px;
  padding: 22px 24px 24px;
  border: 1px solid var(--mp-line);
  border-radius: 18px;
  background: #fff;
}
#aside .mn-grp {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}
#aside .mn-grp + .mn-grp {
  padding-top: 18px;
  border-top: 1px solid var(--mp-soft);
}
#aside .mn-grp-t {
  margin: 7px 0 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--mp-muted);
  white-space: nowrap;
}
#aside .mn-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
#aside .mn-list li {
  margin: 0;
  padding: 0;
  float: none;
}
#aside .mn-list a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 15px;
  border: 1px solid var(--mp-line);
  border-radius: 999px;
  background: #fff;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--mp-sub);
  text-decoration: none;
  white-space: nowrap;
  transition: border-color .16s, color .16s, background-color .16s, transform .16s;
}
#aside .mn-list a:hover {
  border-color: var(--mp-brand);
  color: var(--mp-brand);
  background: #fff;
  transform: translateY(-1px);
}
#aside .mn-list a.is-on {
  border-color: var(--mp-brand);
  background: var(--mp-brand);
  color: #fff;
}
#aside .mn-list a.is-on .mn-ic {
  opacity: 1;
}
#aside .mn-list a.mn-quiet {
  color: var(--mp-muted);
}
#aside .mn-list a.mn-quiet:hover {
  border-color: var(--mp-muted);
  color: var(--mp-sub);
}
#aside .mn-ic {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  background: currentColor;
  opacity: .75;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
#aside .mn-ic-order {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/><path d='M3 6h18'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/><path d='M3 6h18'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>");
}
#aside .mn-ic-subs {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m17 2 4 4-4 4'/><path d='M3 11v-1a4 4 0 0 1 4-4h14'/><path d='m7 22-4-4 4-4'/><path d='M21 13v1a4 4 0 0 1-4 4H3'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m17 2 4 4-4 4'/><path d='M3 11v-1a4 4 0 0 1 4-4h14'/><path d='m7 22-4-4 4-4'/><path d='M21 13v1a4 4 0 0 1-4 4H3'/></svg>");
}
#aside .mn-ic-coupon {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 9V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v2a3 3 0 0 0 0 6v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2a3 3 0 0 0 0-6z'/><path d='M14 5v14' stroke-dasharray='3 3'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 9V7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v2a3 3 0 0 0 0 6v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2a3 3 0 0 0 0-6z'/><path d='M14 5v14' stroke-dasharray='3 3'/></svg>");
}
#aside .mn-ic-point {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M9.5 15V9h2.8a2 2 0 0 1 0 4H9.5'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M9.5 15V9h2.8a2 2 0 0 1 0 4H9.5'/></svg>");
}
#aside .mn-ic-wallet {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 7a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/><path d='M16 12h4'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 7a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/><path d='M16 12h4'/></svg>");
}
#aside .mn-ic-check {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='16' rx='2'/><path d='M8 3v4M16 3v4M8.5 13.5l2.5 2.5 4.5-4.5'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='16' rx='2'/><path d='M8 3v4M16 3v4M8.5 13.5l2.5 2.5 4.5-4.5'/></svg>");
}
#aside .mn-ic-eye {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z'/><circle cx='12' cy='12' r='2.6'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z'/><circle cx='12' cy='12' r='2.6'/></svg>");
}
#aside .mn-ic-heart {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20S4 15 4 9.5A4.5 4.5 0 0 1 12 6a4.5 4.5 0 0 1 8 3.5C20 15 12 20 12 20z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20S4 15 4 9.5A4.5 4.5 0 0 1 12 6a4.5 4.5 0 0 1 8 3.5C20 15 12 20 12 20z'/></svg>");
}
#aside .mn-ic-doc {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/><path d='M14 3v5h5M9 13h6M9 17h4'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/><path d='M14 3v5h5M9 13h6M9 17h4'/></svg>");
}
#aside .mn-ic-chat {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a8 8 0 0 1-8 8H7l-4 3v-5.5A8 8 0 1 1 21 12z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a8 8 0 0 1-8 8H7l-4 3v-5.5A8 8 0 1 1 21 12z'/></svg>");
}
#aside .mn-ic-user {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21a8 8 0 0 1 16 0'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21a8 8 0 0 1 16 0'/></svg>");
}
#aside .mn-ic-out {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M15 4h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-3'/><path d='M10 17l-5-5 5-5M5 12h11'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M15 4h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-3'/><path d='M10 17l-5-5 5-5M5 12h11'/></svg>");
}
#aside .lnb-wrap .txt i, #aside .svg-inline--fa {
  display: none !important;
}
#aside + hr {
  display: none;
}
@media (max-width: 1240px) {
  #aside {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 860px) {
  #aside .mn-head {
    padding: 34px 0 16px;
  }
  #aside .mn-title {
    font-size: 23px;
  }
  #aside .mn-nav {
    padding: 18px 16px 20px;
    border-radius: 16px;
    gap: 14px;
  }
  #aside .mn-grp {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  #aside .mn-grp + .mn-grp {
    padding-top: 14px;
  }
  #aside .mn-grp-t {
    margin: 0;
  }
  #aside .mn-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    margin: 0 -16px !important;
    padding: 2px 16px !important;
  }
  #aside .mn-list::-webkit-scrollbar {
    display: none;
  }
  #aside .mn-list a {
    height: 36px;
    padding: 0 13px;
    font-size: 13px;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}