/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-red-950: oklch(25.8% 0.092 26.042);
  --color-amber-400: oklch(82.8% 0.189 84.429);
  --color-amber-500: oklch(76.9% 0.188 70.08);
  --color-amber-800: oklch(47.3% 0.137 46.201);
  --color-green-400: oklch(79.2% 0.209 151.711);
  --color-green-800: oklch(44.8% 0.119 151.328);
  --color-emerald-400: oklch(76.5% 0.177 163.223);
  --color-emerald-500: oklch(69.6% 0.17 162.48);
  --color-sky-400: oklch(74.6% 0.16 232.661);
  --color-sky-500: oklch(68.5% 0.169 237.323);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-violet-50: oklch(96.9% 0.016 293.756);
  --color-violet-100: oklch(94.3% 0.029 294.588);
  --color-violet-200: oklch(89.4% 0.057 293.283);
  --color-violet-300: oklch(81.1% 0.111 293.571);
  --color-violet-400: oklch(70.2% 0.183 293.541);
  --color-violet-500: oklch(60.6% 0.25 292.717);
  --color-violet-700: oklch(49.1% 0.27 292.581);
  --color-violet-900: oklch(38% 0.189 293.745);
  --color-violet-950: oklch(28.3% 0.141 291.089);
  --color-rose-400: oklch(71.2% 0.194 13.428);
  --color-rose-500: oklch(64.5% 0.246 16.439);
  --color-zinc-50: oklch(98.5% 0 none);
  --color-zinc-100: oklch(96.7% 0.001 286.375);
  --color-zinc-400: oklch(70.5% 0.015 286.067);
  --color-zinc-600: oklch(44.2% 0.017 285.786);
  --color-zinc-800: oklch(27.4% 0.006 286.033);
  --color-zinc-900: oklch(21% 0.006 285.885);
  --color-zinc-950: oklch(14.1% 0.005 285.823);
  --color-white: #fff;
  --spacing: 0.25rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --tracking-normal: 0em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --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);
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --color-background: var(--color-white);
  --color-foreground: var(--color-zinc-950);
  --color-card: var(--color-white);
  --color-card-foreground: var(--color-zinc-950);
  --color-popover: var(--color-white);
  --color-popover-foreground: var(--color-zinc-950);
  --color-primary: var(--color-violet-700);
  --color-primary-foreground: var(--color-violet-50);
  --color-secondary: var(--color-violet-100);
  --color-secondary-foreground: var(--color-violet-900);
  --color-muted: var(--color-zinc-100);
  --color-muted-foreground: var(--color-zinc-600);
  --color-accent: var(--color-violet-100);
  --color-accent-foreground: var(--color-violet-900);
  --color-destructive: var(--color-red-700);
  --color-destructive-foreground: var(--color-white);
  --color-success: var(--color-green-800);
  --color-warning: var(--color-amber-800);
  --color-info: var(--color-blue-700);
  --color-border: var(--color-violet-200);
  --color-input: var(--color-violet-200);
  --color-ring: var(--color-violet-500);
  --color-chart-1: var(--color-violet-500);
  --color-chart-2: var(--color-sky-500);
  --color-chart-3: var(--color-emerald-500);
  --color-chart-4: var(--color-amber-500);
  --color-chart-5: var(--color-rose-500);
}
:root[data-theme='dark'], :host([data-theme='dark']) {
  --color-background: var(--color-zinc-950);
  --color-foreground: var(--color-zinc-50);
  --color-card: var(--color-zinc-900);
  --color-card-foreground: var(--color-zinc-50);
  --color-popover: var(--color-zinc-900);
  --color-popover-foreground: var(--color-zinc-50);
  --color-primary: var(--color-violet-400);
  --color-primary-foreground: var(--color-violet-950);
  --color-secondary: var(--color-zinc-800);
  --color-secondary-foreground: var(--color-zinc-100);
  --color-muted: var(--color-zinc-800);
  --color-muted-foreground: var(--color-zinc-400);
  --color-accent: var(--color-zinc-800);
  --color-accent-foreground: var(--color-zinc-100);
  --color-destructive: var(--color-red-400);
  --color-destructive-foreground: var(--color-red-950);
  --color-success: var(--color-green-400);
  --color-warning: var(--color-amber-400);
  --color-info: var(--color-blue-400);
  --color-border: var(--color-zinc-800);
  --color-input: var(--color-zinc-800);
  --color-ring: var(--color-violet-400);
  --color-chart-1: var(--color-violet-400);
  --color-chart-2: var(--color-sky-400);
  --color-chart-3: var(--color-emerald-400);
  --color-chart-4: var(--color-amber-400);
  --color-chart-5: var(--color-rose-400);
}
@media (forced-colors: active) {
  :root {
    --color-background: Canvas;
    --color-foreground: CanvasText;
    --color-card: Canvas;
    --color-card-foreground: CanvasText;
    --color-popover: Canvas;
    --color-popover-foreground: CanvasText;
    --color-primary: ButtonText;
    --color-primary-foreground: Canvas;
    --color-secondary: ButtonFace;
    --color-secondary-foreground: ButtonText;
    --color-muted: Canvas;
    --color-muted-foreground: GrayText;
    --color-accent: ButtonFace;
    --color-accent-foreground: ButtonText;
    --color-destructive: CanvasText;
    --color-destructive-foreground: Canvas;
    --color-success: CanvasText;
    --color-warning: CanvasText;
    --color-info: CanvasText;
    --color-border: CanvasText;
    --color-input: CanvasText;
    --color-ring: Highlight;
    --color-chart-1: LinkText;
    --color-chart-2: Mark;
    --color-chart-3: GrayText;
    --color-chart-4: Highlight;
    --color-chart-5: CanvasText;
  }
  :root[data-theme='dark'], :host([data-theme='dark']) {
    --color-background: Canvas;
    --color-foreground: CanvasText;
    --color-card: Canvas;
    --color-card-foreground: CanvasText;
    --color-popover: Canvas;
    --color-popover-foreground: CanvasText;
    --color-primary: ButtonText;
    --color-primary-foreground: Canvas;
    --color-secondary: ButtonFace;
    --color-secondary-foreground: ButtonText;
    --color-muted: Canvas;
    --color-muted-foreground: GrayText;
    --color-accent: ButtonFace;
    --color-accent-foreground: ButtonText;
    --color-destructive: CanvasText;
    --color-destructive-foreground: Canvas;
    --color-success: CanvasText;
    --color-warning: CanvasText;
    --color-info: CanvasText;
    --color-border: CanvasText;
    --color-input: CanvasText;
    --color-ring: Highlight;
    --color-chart-1: LinkText;
    --color-chart-2: Mark;
    --color-chart-3: GrayText;
    --color-chart-4: Highlight;
    --color-chart-5: CanvasText;
  }
}
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/client/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/client/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/client/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/client/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/client/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/client/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/client/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/client/assets/jetbrains-mono-cyrillic-ext-wght-normal-EocZY2iu.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/client/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/client/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/client/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/client/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/client/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/client/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format('woff2'), url(/client/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format('woff');
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/client/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format('woff2'), url(/client/assets/instrument-serif-latin-400-italic-u__WvvIK.woff) format('woff');
}
@layer base {
  .oe-shell * {
    font-family: var(--font-sans);
  }
}
open-search {
  display: inline-flex;
  align-items: center;
  contain: none;
}
@media print {
  open-search {
    display: none !important;
  }
}
open-search .overlay {
  background: var(--scrim-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--scrim-ink) 44%, transparent);
  }
}
.page-404 .stage {
  background: radial-gradient( circle at 50% 42%, color-mix(in srgb, oklch(60.6% 0.25 292.717) 18%, transparent), transparent 55% ), var(--color-background);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient( circle at 50% 42%, color-mix(in srgb, var(--color-ring) 18%, transparent), transparent 55% ), var(--color-background);
  }
}
.page-404 .stage::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient( var(--grid-ink) 1px, transparent 1px ), linear-gradient( 90deg, var(--grid-ink) 1px, transparent 1px );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient( color-mix(in srgb, var(--grid-ink) 7%, transparent) 1px, transparent 1px ), linear-gradient( 90deg, color-mix(in srgb, var(--grid-ink) 7%, transparent) 1px, transparent 1px );
  }
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at 50% 45%, black, transparent 75%);
}
.page-404 .code {
  -webkit-text-stroke: 1.5px color-mix(in srgb, oklch(60.6% 0.25 292.717) 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    -webkit-text-stroke: 1.5px color-mix(in srgb, var(--color-ring) 55%, transparent);
  }
}
.page-404 .code .solid {
  -webkit-text-stroke: 0;
}
.page-404 .marquee span {
  animation: marquee 36s linear infinite;
}
@keyframes marquee {
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-404 .marquee span {
    animation: none;
  }
}
.page-docs .masthead::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient( var(--grid-ink) 1px, transparent 1px ), linear-gradient( 90deg, var(--grid-ink) 1px, transparent 1px );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient( color-mix(in srgb, var(--grid-ink) 7%, transparent) 1px, transparent 1px ), linear-gradient( 90deg, color-mix(in srgb, var(--grid-ink) 7%, transparent) 1px, transparent 1px );
  }
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, black, transparent);
}
.page-docs .eyebrow::before {
  content: '';
  width: 2rem;
  height: 2px;
  background: var(--color-primary);
}
.page-blog-index {
  display: block;
  color: var(--color-foreground);
  background: var(--color-background);
}
.page-blog-index .masthead::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(var(--grid-ink) 1px, transparent 1px), linear-gradient(90deg, var(--grid-ink) 1px, transparent 1px);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(color-mix(in srgb, var(--grid-ink) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--grid-ink) 7%, transparent) 1px, transparent 1px);
  }
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, black, transparent);
}
.page-blog-index .eyebrow::before {
  content: '';
  width: 2rem;
  height: 2px;
  background: var(--color-primary);
}
.page-reference .kind {
  padding: calc(var(--spacing) * 1) calc(var(--spacing) * 3);
  border-radius: var(--radius-md);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.page-reference .kind-core {
  background: var(--color-primary);
  color: var(--color-primary-foreground);
}
.page-reference .kind-build {
  background: var(--color-border);
  color: var(--color-primary);
  box-shadow: inset 0 0 0 calc(var(--spacing) * 0.25) color-mix(in srgb, oklch(60.6% 0.25 292.717) 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 calc(var(--spacing) * 0.25) color-mix(in srgb, var(--color-ring) 55%, transparent);
  }
}
.page-reference .kind-optional {
  border: calc(var(--spacing) * 0.25) dashed color-mix(in srgb, oklch(60.6% 0.25 292.717) 65%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border: calc(var(--spacing) * 0.25) dashed color-mix(in srgb, var(--color-ring) 65%, transparent);
  }
  color: var(--color-muted-foreground);
}
@media (max-width: 860px) {
  page-reference .kind {
    justify-self: start;
  }
}
.page-roadmap .timeline::before {
  content: '';
  position: absolute;
  inset-block: calc(var(--spacing) * 2);
  inset-inline-start: calc(calc(var(--spacing) * 2) / 2);
  width: calc(var(--spacing) * 0.25);
  background: var(--color-border);
}
[data-state='next'] .tl-node::after {
  content: '';
  position: absolute;
  inset: calc(var(--spacing) * 1);
  background: var(--color-primary);
}
.page-roadmap .truth > section > header > p {
  color: var(--color-muted-foreground);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
}
.page-contributing .masthead::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(var(--grid-ink) 1px, transparent 1px), linear-gradient(90deg, var(--grid-ink) 1px, transparent 1px);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(color-mix(in srgb, var(--grid-ink) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--grid-ink) 7%, transparent) 1px, transparent 1px);
  }
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, black, transparent);
}
.page-contributing .eyebrow::before {
  content: '';
  width: 2rem;
  height: 2px;
  background: var(--color-primary);
}
.page-contributing .release li::before {
  counter-increment: release;
  content: counter(release, decimal-leading-zero);
  color: var(--color-primary);
  font-weight: var(--font-weight-extrabold);
}
.page-contributing open-code-block pre {
  max-width: 100%;
  overflow-x: auto;
}
.page-home .hero-main::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: radial-gradient(60% 60% at 50% 42%, rgba(6, 6, 12, 0.55), transparent 70%), linear-gradient( to bottom, rgba(0, 0, 0, 0.6), transparent 28%, transparent 40%, rgba(0, 0, 0, 0.66) 54%, rgba(0, 0, 0, 0.78) 70%, rgba(0, 0, 0, 0.9) ), radial-gradient(115% 88% at 50% 44%, transparent 56%, rgba(0, 0, 0, 0.52));
  pointer-events: none;
}
.page-home .hero-main::after {
  content: "";
  position: absolute;
  inset: -60%;
  z-index: 3;
  pointer-events: none;
  opacity: 0.045;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: hero-grain 1.1s steps(4) infinite;
}
@keyframes hero-grain {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-1.8%, 1.2%);
  }
  50% {
    transform: translate(1.4%, -0.9%);
  }
  75% {
    transform: translate(-0.9%, -1.6%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-home .hero-main::after {
    animation: none;
  }
}
.page-home .eyebrow::before {
  content: "";
  width: 2rem;
  height: 2px;
  background: var(--hero-gold-line);
}
.page-home h1 .mono-line {
  animation: line-mask 1.05s 0.45s cubic-bezier(0.16, 0.84, 0.3, 1) both;
}
.page-home h1 .serif-line {
  animation: line-mask 1.05s 0.62s cubic-bezier(0.16, 0.84, 0.3, 1) both;
}
@keyframes line-mask {
  from {
    opacity: 0;
    clip-path: inset(-8% -3% 96% -3%);
    transform: translateY(0.38em);
  }
  to {
    opacity: 1;
    clip-path: inset(-8% -3% -14% -3%);
    transform: none;
  }
}
.page-home .hero-foot .lede {
  animation: hero-rise 1s 0.95s ease both;
}
.page-home .hero-foot .actions {
  animation: hero-rise 1s 1.1s ease both;
}
@keyframes hero-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
}
.page-home .scroll-cue {
  animation: hero-rise 1.2s 1.6s ease both;
}
.page-home .scroll-cue::after {
  content: "";
  width: 1px;
  height: 2.4rem;
  background: linear-gradient(rgba(227, 207, 159, 0.8), transparent);
  transform-origin: top;
  animation: cue-drip 2.2s ease-in-out infinite;
}
@keyframes cue-drip {
  0% {
    transform: scaleY(0);
    opacity: 1;
  }
  48% {
    transform: scaleY(1);
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
    opacity: 0;
  }
}
.page-home .marquee span {
  animation: marquee 36s linear infinite;
}
.page-home .marquee:hover span, .page-home .marquee:focus-within span {
  animation-play-state: paused;
}
@keyframes marquee {
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-home .marquee span {
    animation: none;
  }
}
.page-home .flood::before, .page-home .flood::after {
  content: "";
  position: absolute;
  inset: -32%;
  z-index: -1;
  pointer-events: none;
}
.page-home .flood::before {
  background: radial-gradient(42% 55% at 24% 18%, rgba(255, 255, 255, 0.1), transparent 70%);
}
.page-home .flood::after {
  background: radial-gradient(38% 50% at 78% 86%, rgba(23, 10, 64, 0.38), transparent 72%);
}
.page-home .scene-outlined {
  -webkit-text-stroke: 1.5px color-mix(in srgb, oklch(60.6% 0.25 292.717) 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    -webkit-text-stroke: 1.5px color-mix(in srgb, var(--color-ring) 55%, transparent);
  }
}
.page-home .strategy .glyph {
  -webkit-text-stroke: 1.5px color-mix(in srgb, oklch(60.6% 0.25 292.717) 65%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    -webkit-text-stroke: 1.5px color-mix(in srgb, var(--color-ring) 65%, transparent);
  }
}
.page-home .strategy.default .glyph {
  -webkit-text-stroke-color: var(--color-primary);
}
.page-home .links span {
  -webkit-text-stroke: 1px var(--color-primary);
}
@supports (animation-timeline: view()) {
  .page-home .scene-copy, .page-home .scene-art, .page-home .strategy, .page-home .output-row {
    animation: scene-in linear both;
    animation-timeline: view();
    animation-range: entry 8% cover 32%;
  }
  .page-home .scene > h2 {
    animation: scene-in linear both;
    animation-timeline: view();
    animation-range: entry 6% cover 30%;
  }
  .page-home .flood::before {
    animation: flood-light linear both;
    animation-timeline: view();
    animation-range: entry 0% exit 100%;
  }
  .page-home .flood::after {
    animation: flood-shade linear both;
    animation-timeline: view();
    animation-range: entry 0% exit 100%;
  }
  .page-home .flood-panel {
    animation: scene-in linear both;
    animation-timeline: view();
    animation-range: entry 10% cover 36%;
  }
  .page-home .flood-panel.solid {
    animation-range: entry 20% cover 46%;
  }
  @media (min-width: 901px) {
    .page-home .flood-arrow {
      animation: arrow-in linear both;
      animation-timeline: view();
      animation-range: entry 16% cover 40%;
    }
  }
}
@keyframes flood-light {
  from {
    transform: translate(-13%, -9%);
  }
  to {
    transform: translate(13%, 9%);
  }
}
@keyframes flood-shade {
  from {
    transform: translate(11%, 8%);
  }
  to {
    transform: translate(-11%, -8%);
  }
}
@keyframes arrow-in {
  from {
    opacity: 0.15;
    transform: translateX(-14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes scene-in {
  from {
    opacity: 0.12;
    transform: translateY(8vh);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-home *, .page-home *::before, .page-home *::after {
    animation: none !important;
    scroll-behavior: auto !important;
  }
}
open-reading-shell {
  display: block;
}
open-reading-shell .shell {
  width: min(1180px, calc(100% - 3rem));
  margin: auto;
  padding: clamp(2rem, 5vh, 4rem) 0 clamp(4rem, 9vh, 7rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 3rem);
}
open-reading-shell[rail] .shell {
  grid-template-columns: minmax(0, 1fr) 220px;
}
open-reading-shell .main {
  min-width: 0;
  max-width: 760px;
  line-height: 1.7;
}
open-reading-shell[rail] .main {
  max-width: 880px;
}
open-reading-shell:not([rail]) .main {
  margin-inline: auto;
}
open-reading-shell .meta {
  display: none;
}
open-reading-shell[meta] .meta, open-reading-shell[metadata] .meta {
  display: block;
}
open-reading-shell .rail {
  display: none;
}
open-reading-shell[rail] .rail {
  display: block;
}
open-reading-shell .footer {
  display: none;
}
open-reading-shell[footer] .footer, open-reading-shell[navigation] .footer {
  display: block;
}
open-reading-shell[footer] .footer:has(> slot > [data-pager]):not(:has(> slot > [data-pager] a:not([hidden]))), open-reading-shell[navigation] .footer:has(> slot > [data-pager]):not( :has(> slot > [data-pager] a:not([hidden])) ) {
  margin-block-start: 0;
  padding-block-start: 0;
  border-block-start: 0;
}
@media (max-width: 900px) {
  open-reading-shell .shell, open-reading-shell[rail] .shell {
    grid-template-columns: 1fr;
    width: min(100% - 2rem, 760px);
    padding-block: calc(var(--spacing) * 8);
  }
  open-reading-shell .main {
    max-width: none;
  }
}
open-artifact-panel {
  display: block;
  min-width: 0;
}
open-artifact-panel .panel::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.5;
  background: linear-gradient(90deg, color-mix(in srgb, oklch(49.1% 0.27 292.581) 12%, transparent) 1px, transparent 1px) linear-gradient(color-mix(in srgb, oklch(49.1% 0.27 292.581) 9%, transparent) 1px, transparent 1px);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 12%, transparent) 1px, transparent 1px) linear-gradient(color-mix(in srgb, var(--color-primary) 9%, transparent) 1px, transparent 1px);
  }
  background-size: 34px 34px;
  mask-image: linear-gradient(135deg, black, transparent 72%);
}
open-section-frame {
  display: block;
}
open-standards-visual {
  display: block;
}
open-standards-visual .package::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: calc(var(--spacing) * 1);
  background: var(--color-primary);
  opacity: 0.72;
}
open-standards-visual .package--success::before {
  background: var(--color-success);
}
open-standards-visual .package--warning::before {
  background: var(--color-warning);
}
open-standards-visual .package {
  animation: visual-lift 7s var(--ease-in-out) infinite alternate;
}
open-standards-visual .package:nth-child(2) {
  animation-delay: 600ms;
}
open-standards-visual .package:nth-child(3) {
  animation-delay: 1200ms;
}
open-standards-visual[motion="off"] .package {
  animation: none;
}
@keyframes visual-lift {
  from {
    filter: brightness(1);
  }
  to {
    filter: brightness(1.12);
  }
}
@media (prefers-reduced-motion: reduce) {
  open-standards-visual .package {
    animation: none;
  }
}
open-page-rail {
  display: block;
}
a::before {
  counter-increment: rail-item;
  content: '§' counter(rail-item) '  ';
  color: color-mix(in srgb, oklch(44.2% 0.017 285.786) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--color-muted-foreground) 70%, transparent);
  }
}
a[aria-current='location']::before {
  color: var(--color-primary);
}
open-dragon-live-gaze {
  display: block;
  width: 100%;
  height: 100%;
}
open-dragon-live-gaze .stage {
  animation: dragon-enter 2.2s cubic-bezier(0.22, 0.61, 0.21, 1) both dragon-breathe 6.5s ease-in-out 2.3s infinite alternate;
}
@keyframes dragon-enter {
  from {
    opacity: 0;
    transform: scale(1.05);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dragon-breathe {
  from {
    transform: scale(1) translateY(0);
  }
  to {
    transform: scale(1.016) translateY(-0.4%);
  }
}
open-dragon-live-gaze .stage::before, open-dragon-live-gaze .stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}
open-dragon-live-gaze .stage::before {
  background: radial-gradient(34% 9% at 50% 83%, rgba(255, 224, 178, 0.07), transparent 72%);
}
open-dragon-live-gaze .stage::after {
  background: radial-gradient( 58% 46% at calc(46% + (var(--gaze, 0.5) - 0.5) * 14%) 36% rgba(255, 238, 208, 0.09) transparent 70% );
}
open-dragon-live-gaze .mote {
  animation: mote-drift 15s ease-in-out infinite;
}
open-dragon-live-gaze .mote:nth-of-type(1) {
  animation-delay: -2s;
  animation-duration: 17s;
}
open-dragon-live-gaze .mote:nth-of-type(2) {
  animation-delay: -7s;
}
open-dragon-live-gaze .mote:nth-of-type(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
open-dragon-live-gaze .mote:nth-of-type(4) {
  animation-delay: -11s;
  animation-duration: 18s;
}
open-dragon-live-gaze .mote:nth-of-type(5) {
  animation-delay: -9s;
  animation-duration: 14s;
}
open-dragon-live-gaze .mote:nth-of-type(6) {
  animation-delay: -5s;
  animation-duration: 16s;
}
open-dragon-live-gaze .mote:nth-of-type(7) {
  animation-delay: -13s;
  animation-duration: 19s;
}
open-dragon-live-gaze .mote:nth-of-type(8) {
  animation-delay: -1s;
  animation-duration: 12s;
}
@keyframes mote-drift {
  0%, 100% {
    transform: translate(0, 0);
    opacity: 0;
  }
  18% {
    opacity: 0.26;
  }
  50% {
    transform: translate(2.4rem, -3.2rem);
    opacity: 0.16;
  }
  82% {
    opacity: 0.22;
  }
}
@media (prefers-reduced-motion: reduce) {
  open-dragon-live-gaze .stage {
    animation: none;
  }
  open-dragon-live-gaze .mote {
    animation: none;
    opacity: 0;
  }
}
open-cinematic-scroll {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
}
open-hero-polish {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
}
.article-content, .blog-content {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: 1.8;
  color: var(--color-muted-foreground);
}
.changelog-content {
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  color: var(--color-foreground);
}
.article-content h1, .blog-content h1, .changelog-content h1 {
  font-size: clamp(2.7rem, 6vw, 5.5rem);
  font-weight: var(--font-weight-black);
  letter-spacing: -0.06em;
  margin: 0 0 calc(var(--spacing) * 4);
  color: var(--color-foreground);
  line-height: 1.05;
}
.article-content h2, .blog-content h2 {
  font-family: var(--font-sans);
  font-size: var(--text-4xl);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: -0.02em;
  line-height: 1.12;
  margin: calc(var(--spacing) * 10) 0 calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 2);
  border-bottom: calc(var(--spacing) * 0.25) solid var(--color-border);
  color: var(--color-foreground);
  text-wrap: balance;
  scroll-margin-top: calc(var(--nav-height) + calc(var(--spacing) * 4));
}
.article-content h2 {
  overflow-wrap: anywhere;
}
.article-content h3, .blog-content h3 {
  font-family: var(--font-sans);
  font-size: var(--text-xl);
  font-weight: var(--font-weight-extrabold);
  line-height: 1.22;
  margin: calc(var(--spacing) * 8) 0 calc(var(--spacing) * 2);
  color: var(--color-foreground);
  text-wrap: balance;
  scroll-margin-top: calc(var(--nav-height) + calc(var(--spacing) * 4));
}
.article-content h4, .blog-content h4, .changelog-content h4 {
  font-size: var(--text-2xl);
  font-weight: var(--font-weight-semibold);
  margin: calc(var(--spacing) * 4) 0 calc(var(--spacing) * 2);
  color: var(--color-foreground);
  line-height: 1.3;
}
.article-content h5, .article-content h6, .blog-content h5, .blog-content h6, .changelog-content h5, .changelog-content h6 {
  font-size: var(--text-base);
  font-weight: var(--font-weight-semibold);
  margin: calc(var(--spacing) * 3) 0 calc(var(--spacing) * 1);
  color: var(--color-muted-foreground);
  line-height: 1.35;
}
.article-content p, .blog-content p, .changelog-content p {
  line-height: 1.72;
  color: var(--color-foreground);
  font-size: var(--text-base);
}
.article-content p, .blog-content p {
  margin: calc(var(--spacing) * 4) 0;
}
.changelog-content p {
  margin: calc(var(--spacing) * 2) 0;
}
.article-content p:lang(zh), .article-content li:lang(zh), .blog-content p:lang(zh), .blog-content li:lang(zh), .changelog-content p:lang(zh), .changelog-content li:lang(zh) {
  line-height: 1.9;
}
.article-content strong, .blog-content strong, .changelog-content strong {
  color: var(--color-foreground);
  font-weight: var(--font-weight-bold);
}
.article-content em, .blog-content em, .changelog-content em {
  font-family: var(--font-serif);
  font-style: italic;
}
.article-content img, .blog-content img, .changelog-content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
}
.article-content a, .blog-content a, .changelog-content a {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 34%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in srgb, var(--color-primary) 34%, transparent);
  }
  transition: color var(--ease-in-out) var(--default-transition-duration), text-decoration-color var(--ease-in-out) var(--default-transition-duration);
}
.article-content a:hover, .blog-content a:hover, .changelog-content a:hover {
  color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 80%, oklch(14.1% 0.005 285.823));
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--color-primary) 80%, var(--color-foreground));
  }
  text-decoration-color: currentColor;
  text-decoration-thickness: calc(var(--spacing) * 0.25);
}
.article-content :focus-visible, .blog-content :focus-visible, .changelog-content :focus-visible {
  outline: calc(var(--spacing) * 0.5) solid var(--color-ring);
  outline-offset: calc(var(--spacing) * 0.75);
}
.article-content a:focus-visible, .blog-content a:focus-visible, .changelog-content a:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .article-content a, .blog-content a, .changelog-content a {
    transition: none;
  }
}
.article-content code, .blog-content code {
  background: var(--color-muted);
  color: var(--color-foreground);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  font-family: var(--font-mono);
}
.article-content code {
  overflow-wrap: anywhere;
}
.article-content p code, .article-content li code, .blog-content p code, .blog-content li code {
  border: calc(var(--spacing) * 0.25) solid color-mix(in srgb, oklch(49.1% 0.27 292.581) 18%, oklch(89.4% 0.057 293.283));
  @supports (color: color-mix(in lab, red, red)) {
    border: calc(var(--spacing) * 0.25) solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
  }
}
.changelog-content code {
  overflow-wrap: anywhere;
  font-family: var(--font-mono);
  background: var(--color-muted);
  padding: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
  border-radius: var(--radius-md);
  font-size: var(--text-xs);
}
.changelog-content p code, .changelog-content li code {
  color: var(--color-primary);
  border: calc(var(--spacing) * 0.25) solid color-mix(in srgb, oklch(49.1% 0.27 292.581) 18%, oklch(89.4% 0.057 293.283));
  @supports (color: color-mix(in lab, red, red)) {
    border: calc(var(--spacing) * 0.25) solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
  }
}
.article-content pre, .blog-content pre {
  background: var(--surface-code);
  color: var(--surface-code-foreground);
  padding: calc(var(--spacing) * 4);
  border: 0.5px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  font-size: var(--text-sm);
  margin: calc(var(--spacing) * 4) 0;
  box-shadow: none;
}
.article-content pre code, .blog-content pre code {
  background: none;
  color: var(--surface-code-foreground);
  padding: 0;
  font-size: var(--text-sm);
  line-height: 1.6;
}
.article-content open-code-block, .blog-content open-code-block {
  margin: calc(var(--spacing) * 5) 0;
}
.changelog-content pre {
  background: var(--surface-code);
  color: var(--surface-code-foreground);
  padding: calc(var(--spacing) * 5) calc(var(--spacing) * 6);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  border: calc(var(--spacing) * 0.25) solid var(--color-border);
  margin: calc(var(--spacing) * 4) 0;
  font-size: var(--text-sm);
  line-height: 1.7;
  box-shadow: none;
}
.changelog-content pre code {
  background: none;
  color: inherit;
  padding: 0;
  border-radius: 0;
  font-size: var(--text-sm);
  line-height: 1.7;
}
.article-content ul, .article-content ol, .blog-content ul, .blog-content ol {
  padding-left: calc(var(--spacing) * 6);
  margin: calc(var(--spacing) * 4) 0;
  color: var(--color-muted-foreground);
  line-height: 1.7;
  font-size: var(--text-base);
}
.article-content ul, .blog-content ul {
  list-style-type: disc;
}
.article-content ol, .blog-content ol {
  list-style-type: decimal;
}
.changelog-content ul, .changelog-content ol {
  padding-left: calc(var(--spacing) * 5);
  color: var(--color-muted-foreground);
  line-height: 1.7;
  font-size: var(--text-base);
}
.article-content li, .blog-content li {
  margin: 0.375rem 0;
}
.changelog-content li {
  margin: calc(var(--spacing) * 1) 0;
}
.article-content hr, .blog-content hr {
  border: 0;
  border-top: 0.5px solid var(--color-border);
  margin: calc(var(--spacing) * 8) 0;
}
.article-content blockquote, .blog-content blockquote {
  margin: calc(var(--spacing) * 8) 0;
  padding: calc(var(--spacing) * 6) calc(var(--spacing) * 4);
  border: 0;
  border-block: 1.5px solid color-mix(in srgb, oklch(60.6% 0.25 292.717) 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-block: 1.5px solid color-mix(in srgb, var(--color-ring) 55%, transparent);
  }
  color: var(--color-primary);
  font-family: var(--font-serif);
  font-style: italic;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  line-height: 1.35;
  text-align: center;
}
.article-content blockquote {
  margin: calc(var(--spacing) * 4) 0;
  padding: calc(var(--spacing) * 1) calc(var(--spacing) * 4);
  border: 0;
  border-inline-start: calc(var(--spacing) * 0.5) solid var(--color-primary);
  color: var(--color-muted-foreground);
  font-family: var(--font-sans);
  font-style: normal;
  font-size: var(--text-sm);
  line-height: 1.7;
  text-align: start;
}
.article-content blockquote p, .blog-content blockquote p {
  margin: 0;
}
.article-content figure.diagram, .blog-content figure.diagram {
  margin: calc(var(--spacing) * 6) 0;
  color: var(--color-muted-foreground);
}
.article-content figure.diagram svg, .blog-content figure.diagram svg {
  display: block;
  height: 120px;
  width: auto;
}
.article-content .heading-anchor, .blog-content .heading-anchor {
  margin-inline-start: calc(var(--spacing) * 2);
  color: var(--color-muted-foreground);
  font-weight: var(--font-weight-normal);
  text-decoration: none;
  opacity: 0;
}
.article-content .heading-anchor::after, .blog-content .heading-anchor::after {
  content: '#';
}
.article-content h2:hover .heading-anchor, .article-content h3:hover .heading-anchor, .article-content .heading-anchor:focus-visible, .blog-content h2:hover .heading-anchor, .blog-content h3:hover .heading-anchor, .blog-content .heading-anchor:focus-visible {
  opacity: 1;
  color: var(--color-primary);
}
.article-content table, .blog-content table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  margin: calc(var(--spacing) * 4) 0;
  font-size: var(--text-base);
  background: var(--color-card);
}
.article-content th, .article-content td, .blog-content th, .blog-content td {
  border: calc(var(--spacing) * 0.25) solid var(--color-border);
  border-bottom: 0.5px solid var(--color-border);
  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
  text-align: left;
  vertical-align: top;
}
.article-content th, .blog-content th {
  background: var(--color-muted);
  color: var(--color-muted-foreground);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-overline);
  text-transform: uppercase;
  letter-spacing: var(--tracking-normal);
}
.article-content td, .blog-content td {
  color: var(--color-muted-foreground);
}
.article-content tr:nth-child(even) td, .blog-content tr:nth-child(even) td {
  background: color-mix(in srgb, oklch(96.7% 0.001 286.375) 72%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-muted) 72%, transparent);
  }
}
.changelog-content table {
  width: 100%;
  border-collapse: collapse;
  margin: calc(var(--spacing) * 3) 0 calc(var(--spacing) * 6);
  font-size: var(--text-sm);
  background: var(--color-card);
}
.changelog-content th, .changelog-content td {
  border: calc(var(--spacing) * 0.25) solid var(--color-border);
  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
  text-align: left;
  vertical-align: top;
}
.changelog-content th {
  font-weight: var(--font-weight-bold);
  color: var(--color-foreground);
  background: var(--color-muted);
}
.changelog-content td {
  color: var(--color-muted-foreground);
}
.changelog-content tr:nth-child(even) td {
  background: color-mix(in srgb, oklch(96.7% 0.001 286.375) 72%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-muted) 72%, transparent);
  }
}
.changelog-content h2 {
  position: relative;
  font-size: var(--text-5xl);
  font-weight: var(--font-weight-extrabold);
  line-height: 1.12;
  margin: calc(var(--spacing) * 10) 0 calc(var(--spacing) * 4);
  border-bottom: 0.5px solid var(--color-border);
  padding: 0 0 calc(var(--spacing) * 4) calc(var(--spacing) * 6);
  color: var(--color-foreground);
}
.changelog-content h2::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: var(--color-primary);
}
.changelog-content h2:first-child::after {
  content: 'published history';
  display: block;
  margin-top: calc(var(--spacing) * 2);
  color: var(--color-primary);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.changelog-content h3 {
  font-size: var(--text-2xl);
  font-weight: var(--font-weight-bold);
  line-height: 1.22;
  margin: calc(var(--spacing) * 6) 0 calc(var(--spacing) * 2);
  color: var(--color-foreground);
}
@media (max-width: 900px) {
  .article-content h1, .blog-content h1, .changelog-content h1 {
    font-size: var(--text-6xl);
  }
  .article-content p, .blog-content p, .changelog-content p {
    font-size: var(--text-sm);
  }
  .changelog-content pre {
    font-size: var(--text-xs);
  }
}
@media (max-width: 480px) {
  .article-content h1, .blog-content h1, .changelog-content h1 {
    font-size: var(--text-5xl);
  }
  .changelog-content ul, .changelog-content ol {
    font-size: var(--text-sm);
  }
}
.\@container\/band {
  container-type: inline-size;
  container-name: band;
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.invisible {
  visibility: hidden;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.start-0 {
  inset-inline-start: calc(var(--spacing) * 0);
}
.end-0 {
  inset-inline-end: calc(var(--spacing) * 0);
}
.top-\(--nav-height\) {
  top: var(--nav-height);
}
.top-0 {
  top: 0px;
}
.top-2 {
  top: calc(var(--spacing) * 2);
}
.top-8 {
  top: calc(var(--spacing) * 8);
}
.top-\[calc\(100\%\+0\.5rem\)\] {
  top: calc(100% + 0.5rem);
}
.top-\[calc\(var\(--nav-height\)_\+_calc\(var\(--spacing\)\*6\)\)\] {
  top: calc(var(--nav-height) + calc(var(--spacing) * 6));
}
.top-\[clamp\(1rem\,4vh\,3rem\)\] {
  top: clamp(1rem, 4vh, 3rem);
}
.right-2 {
  right: calc(var(--spacing) * 2);
}
.right-\[clamp\(0\.5rem\,1\.5vw\,1\.5rem\)\] {
  right: clamp(0.5rem, 1.5vw, 1.5rem);
}
.bottom-\[clamp\(1rem\,4vh\,2\.5rem\)\] {
  bottom: clamp(1rem, 4vh, 2.5rem);
}
.left-\[clamp\(-\.5rem\,-\.4vw\,0rem\)\] {
  left: clamp(-.5rem, -.4vw, 0rem);
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.z-10 {
  z-index: 10;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[110\] {
  z-index: 110;
}
.z-\[99999\] {
  z-index: 99999;
}
.col-span-full {
  grid-column: 1 / -1;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-start-3 {
  grid-row-start: 3;
}
.m-0 {
  margin: 0px;
}
.mx-4 {
  margin-inline: calc(var(--spacing) * 4);
}
.mx-\[0\.7rem\] {
  margin-inline: 0.7rem;
}
.mx-\[clamp\(1\.5rem\,5vw\,4\.5rem\)\] {
  margin-inline: clamp(1.5rem, 5vw, 4.5rem);
}
.mx-auto {
  margin-inline: auto;
}
.my-0 {
  margin-block: 0px;
}
.my-2 {
  margin-block: calc(var(--spacing) * 2);
}
.my-3 {
  margin-block: calc(var(--spacing) * 3);
}
.my-\[0\.12rem\] {
  margin-block: 0.12rem;
}
.my-\[clamp\(2\.5rem\,6vh\,4\.5rem\)\] {
  margin-block: clamp(2.5rem, 6vh, 4.5rem);
}
.ms-2 {
  margin-inline-start: calc(var(--spacing) * 2);
}
.ms-auto {
  margin-inline-start: auto;
}
.me-1 {
  margin-inline-end: var(--spacing);
}
.me-2 {
  margin-inline-end: calc(var(--spacing) * 2);
}
.-mt-\[0\.04em\] {
  margin-top: calc(0.04em * -1);
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: var(--spacing);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.mt-\[clamp\(1\.5rem\,4vh\,3rem\)\] {
  margin-top: clamp(1.5rem, 4vh, 3rem);
}
.mt-\[clamp\(1\.25rem\,3vh\,2rem\)\] {
  margin-top: clamp(1.25rem, 3vh, 2rem);
}
.mt-\[clamp\(1rem\,2\.5vh\,1\.75rem\)\] {
  margin-top: clamp(1rem, 2.5vh, 1.75rem);
}
.mt-\[clamp\(2rem\,5vh\,3\.5rem\)\] {
  margin-top: clamp(2rem, 5vh, 3.5rem);
}
.mt-\[clamp\(2rem\,5vh\,3rem\)\] {
  margin-top: clamp(2rem, 5vh, 3rem);
}
.mt-\[clamp\(4rem\,10vh\,8rem\)\] {
  margin-top: clamp(4rem, 10vh, 8rem);
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: var(--spacing);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-7 {
  margin-bottom: calc(var(--spacing) * 7);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.ml-1 {
  margin-left: var(--spacing);
}
.ml-auto {
  margin-left: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.size-2 {
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
}
.size-4 {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}
.size-5 {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}
.size-9 {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
}
.size-\[3px\] {
  width: 3px;
  height: 3px;
}
.size-\[38px\] {
  width: 38px;
  height: 38px;
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-\[calc\(100vh-var\(--nav-height\)\)\] {
  height: calc(100vh - var(--nav-height));
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-\[min\(50vh\,26rem\)\] {
  max-height: min(50vh, 26rem);
}
.max-h-none {
  max-height: none;
}
.min-h-\(--nav-height\) {
  min-height: var(--nav-height);
}
.min-h-10 {
  min-height: calc(var(--spacing) * 10);
}
.min-h-40 {
  min-height: calc(var(--spacing) * 40);
}
.min-h-\[calc\(100svh-var\(--nav-height\)\)\] {
  min-height: calc(100svh - var(--nav-height));
}
.min-h-\[calc\(100svh-var\(--nav-height\)-calc\(var\(--spacing\)\*12\)\)\] {
  min-height: calc(100svh - var(--nav-height) - calc(var(--spacing) * 12));
}
.min-h-\[var\(--artifact-min-height\,220px\)\] {
  min-height: var(--artifact-min-height,220px);
}
.min-h-screen {
  min-height: 100vh;
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-13 {
  width: calc(var(--spacing) * 13);
}
.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem);
}
.w-\[clamp\(200px\,20vw\,260px\)\] {
  width: clamp(200px, 20vw, 260px);
}
.w-\[min\(1180px\,calc\(100\%_-_3rem\)\)\] {
  width: min(1180px, calc(100% - 3rem));
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.max-w-\(--site-container-reading\) {
  max-width: var(--site-container-reading);
}
.max-w-\(--site-container-wide\) {
  max-width: var(--site-container-wide);
}
.max-w-\[20ch\] {
  max-width: 20ch;
}
.max-w-\[22rem\] {
  max-width: 22rem;
}
.max-w-\[30rem\] {
  max-width: 30rem;
}
.max-w-\[32rem\] {
  max-width: 32rem;
}
.max-w-\[34rem\] {
  max-width: 34rem;
}
.max-w-\[36rem\] {
  max-width: 36rem;
}
.max-w-\[38rem\] {
  max-width: 38rem;
}
.max-w-\[44rem\] {
  max-width: 44rem;
}
.max-w-\[52px\] {
  max-width: 52px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[min\(90vw\,480px\)\] {
  max-width: min(90vw, 480px);
}
.max-w-fit {
  max-width: fit-content;
}
.max-w-full {
  max-width: 100%;
}
.max-w-none {
  max-width: none;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-48 {
  min-width: calc(var(--spacing) * 48);
}
.min-w-\[52px\] {
  min-width: 52px;
}
.flex-1 {
  flex: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.origin-\[46\%_56\%\] {
  transform-origin: 46% 56%;
}
.translate-y-\[calc\(var\(--hero-exit\,0\)\*-32px\)\] {
  --tw-translate-y: calc(var(--hero-exit,0) * -32px);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[calc\(var\(--hero-exit\,0\)\*-64px\)\] {
  --tw-translate-y: calc(var(--hero-exit,0) * -64px);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[calc\(var\(--hero-exit\,0\)\*6\%\)\] {
  --tw-translate-y: calc(var(--hero-exit,0) * 6%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-\[calc\(1\+var\(--hero-exit\,0\)\*\.07\)\] {
  scale: calc(1 + var(--hero-exit,0) * .07);
}
.rotate-90 {
  rotate: 90deg;
}
.cursor-pointer {
  cursor: pointer;
}
.\[scrollbar-width\:thin\] {
  scrollbar-width: thin;
}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[auto_minmax\(0\,1fr\)\] {
  grid-template-columns: auto minmax(0,1fr);
}
.grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1fr\)_auto\] {
  grid-template-columns: minmax(0,0.9fr) minmax(0,1fr) auto;
}
.grid-cols-\[minmax\(0\,0\.35fr\)_minmax\(0\,1\.4fr\)_minmax\(0\,1\.25fr\)\] {
  grid-template-columns: minmax(0,0.35fr) minmax(0,1.4fr) minmax(0,1.25fr);
}
.grid-cols-\[minmax\(0\,1fr\)\] {
  grid-template-columns: minmax(0,1fr);
}
.grid-cols-\[minmax\(0\,1fr\)_auto\] {
  grid-template-columns: minmax(0,1fr) auto;
}
.grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
  grid-template-rows: auto minmax(0,1fr) auto;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.\[align-items\:start\] {
  align-items: start;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-items-center {
  justify-items: center;
}
.gap-1 {
  gap: var(--spacing);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-\[clamp\(1\.5rem\,6vw\,6rem\)\] {
  gap: clamp(1.5rem, 6vw, 6rem);
}
.gap-\[clamp\(1rem\,3vw\,2\.5rem\)\] {
  gap: clamp(1rem, 3vw, 2.5rem);
}
.gap-\[clamp\(1rem\,4vw\,3rem\)\] {
  gap: clamp(1rem, 4vw, 3rem);
}
.gap-\[clamp\(1rem\,4vw\,4rem\)\] {
  gap: clamp(1rem, 4vw, 4rem);
}
.gap-\[clamp\(2rem\,6vw\,5rem\)\] {
  gap: clamp(2rem, 6vw, 5rem);
}
.gap-\[clamp\(2rem\,6vw\,6rem\)\] {
  gap: clamp(2rem, 6vw, 6rem);
}
.gap-x-3 {
  column-gap: calc(var(--spacing) * 3);
}
.gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}
.gap-y-1 {
  row-gap: var(--spacing);
}
.gap-y-2 {
  row-gap: calc(var(--spacing) * 2);
}
.gap-y-3 {
  row-gap: calc(var(--spacing) * 3);
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: flex-end;
}
.self-start {
  align-self: flex-start;
}
.justify-self-center {
  justify-self: center;
}
.justify-self-start {
  justify-self: flex-start;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-clip {
  overflow: clip;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-none {
  border-radius: 0;
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-\[0\.5px\] {
  border-style: var(--tw-border-style);
  border-width: 0.5px;
}
.border-\[1\.5px\] {
  border-style: var(--tw-border-style);
  border-width: 1.5px;
}
.border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
.border-s-0 {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 0px;
}
.border-s-2 {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 2px;
}
.border-s-4 {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 4px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-\[0\.5px\] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0.5px;
}
.border-l-2 {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-\(--border-strong\) {
  border-color: var(--border-strong);
}
.border-\[color-mix\(in_srgb\,var\(--color-border\)_74\%\,var\(--color-primary\)\)\] {
  border-color: color-mix(in srgb,oklch(89.4% 0.057 293.283) 74%,oklch(49.1% 0.27 292.581));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--color-border) 74%,var(--color-primary));
  }
}
.border-\[color-mix\(in_srgb\,var\(--color-border\)_78\%\,var\(--color-primary\)\)\] {
  border-color: color-mix(in srgb,oklch(89.4% 0.057 293.283) 78%,oklch(49.1% 0.27 292.581));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--color-border) 78%,var(--color-primary));
  }
}
.border-\[color-mix\(in_srgb\,var\(--color-primary\)_18\%\,var\(--color-border\)\)\] {
  border-color: color-mix(in srgb,oklch(49.1% 0.27 292.581) 18%,oklch(89.4% 0.057 293.283));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--color-primary) 18%,var(--color-border));
  }
}
.border-\[color-mix\(in_srgb\,var\(--color-primary-foreground\)_70\%\,transparent\)\] {
  border-color: color-mix(in srgb,oklch(96.9% 0.016 293.756) 70%,transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--color-primary-foreground) 70%,transparent);
  }
}
.border-\[color-mix\(in_srgb\,var\(--color-ring\)_40\%\,transparent\)\] {
  border-color: color-mix(in srgb,oklch(60.6% 0.25 292.717) 40%,transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--color-ring) 40%,transparent);
  }
}
.border-\[color-mix\(in_srgb\,var\(--color-ring\)_45\%\,transparent\)\] {
  border-color: color-mix(in srgb,oklch(60.6% 0.25 292.717) 45%,transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--color-ring) 45%,transparent);
  }
}
.border-border {
  border-color: var(--color-border);
}
.border-primary {
  border-color: var(--color-primary);
}
.border-primary-foreground {
  border-color: var(--color-primary-foreground);
}
.border-transparent {
  border-color: transparent;
}
.border-s-primary {
  border-inline-start-color: var(--color-primary);
}
.border-s-ring {
  border-inline-start-color: var(--color-ring);
}
.border-s-transparent {
  border-inline-start-color: transparent;
}
.border-t-border {
  border-top-color: var(--color-border);
}
.border-b-border {
  border-bottom-color: var(--color-border);
}
.border-l-transparent {
  border-left-color: transparent;
}
.bg-\(--hero-ink\) {
  background-color: var(--hero-ink);
}
.bg-\(--nav-bg\) {
  background-color: var(--nav-bg);
}
.bg-\(--surface-1\) {
  background-color: var(--surface-1);
}
.bg-\(--surface-code\) {
  background-color: var(--surface-code);
}
.bg-\[color-mix\(in_srgb\,var\(--color-popover\)_55\%\,var\(--color-background\)\)\] {
  background-color: color-mix(in srgb,#fff 55%,#fff);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--color-popover) 55%,var(--color-background));
  }
}
.bg-\[color-mix\(in_srgb\,var\(--color-primary-foreground\)_8\%\,transparent\)\] {
  background-color: color-mix(in srgb,oklch(96.9% 0.016 293.756) 8%,transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--color-primary-foreground) 8%,transparent);
  }
}
.bg-\[color-mix\(in_srgb\,var\(--color-secondary\)_30\%\,var\(--color-popover\)\)\] {
  background-color: color-mix(in srgb,oklch(94.3% 0.029 294.588) 30%,#fff);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--color-secondary) 30%,var(--color-popover));
  }
}
.bg-\[rgba\(255\,236\,200\,\.55\)\] {
  background-color: rgba(255,236,200,.55);
}
.bg-background {
  background-color: var(--color-background);
}
.bg-border {
  background-color: var(--color-border);
}
.bg-card {
  background-color: var(--color-card);
}
.bg-muted {
  background-color: var(--color-muted);
}
.bg-popover {
  background-color: var(--color-popover);
}
.bg-popover\/55 {
  background-color: color-mix(in srgb, #fff 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-popover) 55%, transparent);
  }
}
.bg-popover\/58 {
  background-color: color-mix(in srgb, #fff 58%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-popover) 58%, transparent);
  }
}
.bg-popover\/68 {
  background-color: color-mix(in srgb, #fff 68%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-popover) 68%, transparent);
  }
}
.bg-popover\/74 {
  background-color: color-mix(in srgb, #fff 74%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-popover) 74%, transparent);
  }
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-primary-foreground {
  background-color: var(--color-primary-foreground);
}
.bg-primary\/14 {
  background-color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 14%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 14%, transparent);
  }
}
.bg-transparent {
  background-color: transparent;
}
.bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--color-border\)_18\%\,transparent\)_1px\,transparent_1px\)\] {
  background-image: linear-gradient(90deg,color-mix(in srgb,oklch(89.4% 0.057 293.283) 18%,transparent) 1px,transparent 1px);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(90deg,color-mix(in srgb,var(--color-border) 18%,transparent) 1px,transparent 1px);
  }
}
.bg-\[linear-gradient\(135deg\,var\(--color-primary\)\,var\(--color-secondary-foreground\)\)\] {
  background-image: linear-gradient(135deg,var(--color-primary),var(--color-secondary-foreground));
}
.bg-\[linear-gradient\(145deg\,color-mix\(in_srgb\,var\(--color-popover\)_94\%\,var\(--color-secondary\)\)\,var\(--color-muted\)\)\] {
  background-image: linear-gradient(145deg,color-mix(in srgb,#fff 94%,oklch(94.3% 0.029 294.588)),var(--color-muted));
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(145deg,color-mix(in srgb,var(--color-popover) 94%,var(--color-secondary)),var(--color-muted));
  }
}
.bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--color-border\)_26\%\,var\(--color-background\)\)\,color-mix\(in_srgb\,var\(--color-popover\)_72\%\,transparent\)\)\] {
  background-image: linear-gradient(180deg,color-mix(in srgb,oklch(89.4% 0.057 293.283) 26%,#fff),color-mix(in srgb,#fff 72%,transparent));
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(180deg,color-mix(in srgb,var(--color-border) 26%,var(--color-background)),color-mix(in srgb,var(--color-popover) 72%,transparent));
  }
}
.\[background-size\:220px_100\%\] {
  background-size: 220px 100%;
}
.fill-current {
  fill: currentcolor;
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: var(--spacing);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.px-1 {
  padding-inline: var(--spacing);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-\[0\.8rem\] {
  padding-inline: 0.8rem;
}
.px-\[0\.375rem\] {
  padding-inline: 0.375rem;
}
.px-\[clamp\(1\.5rem\,5vw\,4\.5rem\)\] {
  padding-inline: clamp(1.5rem, 5vw, 4.5rem);
}
.px-\[clamp\(1rem\,2\.5vw\,2rem\)\] {
  padding-inline: clamp(1rem, 2.5vw, 2rem);
}
.py-0 {
  padding-block: 0px;
}
.py-1 {
  padding-block: var(--spacing);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.py-9 {
  padding-block: calc(var(--spacing) * 9);
}
.py-12 {
  padding-block: calc(var(--spacing) * 12);
}
.py-\[0\.125rem\] {
  padding-block: 0.125rem;
}
.py-\[1px\] {
  padding-block: 1px;
}
.py-\[2px\] {
  padding-block: 2px;
}
.py-\[clamp\(1\.5rem\,4vh\,2\.75rem\)\] {
  padding-block: clamp(1.5rem, 4vh, 2.75rem);
}
.py-\[clamp\(1\.25rem\,3\.5vh\,2\.5rem\)\] {
  padding-block: clamp(1.25rem, 3.5vh, 2.5rem);
}
.py-\[clamp\(1\.25rem\,3vh\,2rem\)\] {
  padding-block: clamp(1.25rem, 3vh, 2rem);
}
.py-\[clamp\(2\.5rem\,6vh\,4\.5rem\)\] {
  padding-block: clamp(2.5rem, 6vh, 4.5rem);
}
.py-\[clamp\(3rem\,8vh\,6rem\)\] {
  padding-block: clamp(3rem, 8vh, 6rem);
}
.py-\[clamp\(4rem\,10vh\,8rem\)\] {
  padding-block: clamp(4rem, 10vh, 8rem);
}
.py-\[clamp\(5rem\,12vh\,9rem\)\] {
  padding-block: clamp(5rem, 12vh, 9rem);
}
.ps-3 {
  padding-inline-start: calc(var(--spacing) * 3);
}
.ps-5 {
  padding-inline-start: calc(var(--spacing) * 5);
}
.ps-6 {
  padding-inline-start: calc(var(--spacing) * 6);
}
.pe-0 {
  padding-inline-end: 0px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-\[15vh\] {
  padding-top: 15vh;
}
.pt-\[clamp\(2rem\,5vh\,3\.5rem\)\] {
  padding-top: clamp(2rem, 5vh, 3.5rem);
}
.pt-\[clamp\(2rem\,6vh\,4rem\)\] {
  padding-top: clamp(2rem, 6vh, 4rem);
}
.pt-\[clamp\(4rem\,11vh\,8rem\)\] {
  padding-top: clamp(4rem, 11vh, 8rem);
}
.pr-4 {
  padding-right: calc(var(--spacing) * 4);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.pb-10 {
  padding-bottom: calc(var(--spacing) * 10);
}
.pb-\[clamp\(1\.5rem\,5vh\,3rem\)\] {
  padding-bottom: clamp(1.5rem, 5vh, 3rem);
}
.pb-\[clamp\(2\.5rem\,6vh\,4\.5rem\)\] {
  padding-bottom: clamp(2.5rem, 6vh, 4.5rem);
}
.pb-\[clamp\(3rem\,8vh\,6rem\)\] {
  padding-bottom: clamp(3rem, 8vh, 6rem);
}
.pl-8 {
  padding-left: calc(var(--spacing) * 8);
}
.text-center {
  text-align: center;
}
.text-end {
  text-align: end;
}
.indent-\[\.34em\] {
  text-indent: .34em;
}
.align-middle {
  vertical-align: middle;
}
.\[font-family\:inherit\] {
  font-family: inherit;
}
.font-mono {
  font-family: var(--font-mono);
}
.font-sans {
  font-family: var(--font-sans);
}
.font-serif {
  font-family: var(--font-serif);
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\(length\:--font-size-body-sm\) {
  font-size: var(--font-size-body-sm);
}
.text-\(length\:--font-size-button\) {
  font-size: var(--font-size-button);
}
.text-\(length\:--font-size-micro\) {
  font-size: var(--font-size-micro);
}
.text-\(length\:--font-size-tiny\) {
  font-size: var(--font-size-tiny);
}
.text-\(length\:--text-2xl\) {
  font-size: var(--text-2xl);
}
.text-\(length\:--text-4xl\) {
  font-size: var(--text-4xl);
}
.text-\(length\:--text-5xl\) {
  font-size: var(--text-5xl);
}
.text-\(length\:--text-6xl\) {
  font-size: var(--text-6xl);
}
.text-\(length\:--text-base\) {
  font-size: var(--text-base);
}
.text-\(length\:--text-sm\) {
  font-size: var(--text-sm);
}
.text-\(length\:--text-xl\) {
  font-size: var(--text-xl);
}
.text-\(length\:--text-xs\) {
  font-size: var(--text-xs);
}
.text-\[1\.15em\] {
  font-size: 1.15em;
}
.text-\[calc\(1em\*1\.08\)\] {
  font-size: calc(1em * 1.08);
}
.text-\[clamp\(1\.6rem\,3vw\,2\.6rem\)\] {
  font-size: clamp(1.6rem, 3vw, 2.6rem);
}
.text-\[clamp\(1\.7rem\,3\.2vw\,2\.6rem\)\] {
  font-size: clamp(1.7rem, 3.2vw, 2.6rem);
}
.text-\[clamp\(1\.8rem\,3\.5vw\,3\.5rem\)\] {
  font-size: clamp(1.8rem, 3.5vw, 3.5rem);
}
.text-\[clamp\(1\.9rem\,3\.4vw\,2\.8rem\)\] {
  font-size: clamp(1.9rem, 3.4vw, 2.8rem);
}
.text-\[clamp\(1rem\,1\.2vw\,1\.1rem\)\] {
  font-size: clamp(1rem, 1.2vw, 1.1rem);
}
.text-\[clamp\(2\.1rem\,4\.6vw\,3\.4rem\)\] {
  font-size: clamp(2.1rem, 4.6vw, 3.4rem);
}
.text-\[clamp\(2\.2rem\,3\.6vw\,3\.2rem\)\] {
  font-size: clamp(2.2rem, 3.6vw, 3.2rem);
}
.text-\[clamp\(2\.2rem\,4\.5vw\,3\.4rem\)\] {
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
}
.text-\[clamp\(2\.2rem\,4vw\,3\.5rem\)\] {
  font-size: clamp(2.2rem, 4vw, 3.5rem);
}
.text-\[clamp\(2\.4rem\,5\.5vw\,4\.4rem\)\] {
  font-size: clamp(2.4rem, 5.5vw, 4.4rem);
}
.text-\[clamp\(2\.4rem\,5\.5vw\,4\.6rem\)\] {
  font-size: clamp(2.4rem, 5.5vw, 4.6rem);
}
.text-\[clamp\(2\.4rem\,5vw\,4rem\)\] {
  font-size: clamp(2.4rem, 5vw, 4rem);
}
.text-\[clamp\(2\.6rem\,6\.4vw\,5\.6rem\)\] {
  font-size: clamp(2.6rem, 6.4vw, 5.6rem);
}
.text-\[clamp\(2rem\,4vw\,4rem\)\] {
  font-size: clamp(2rem, 4vw, 4rem);
}
.text-\[clamp\(2rem\,5vw\,4rem\)\] {
  font-size: clamp(2rem, 5vw, 4rem);
}
.text-\[clamp\(3\.2rem\,8\.8vw\,7\.4rem\)\] {
  font-size: clamp(3.2rem, 8.8vw, 7.4rem);
}
.text-\[clamp\(3\.4rem\,9vw\,8rem\)\] {
  font-size: clamp(3.4rem, 9vw, 8rem);
}
.text-\[clamp\(3\.5rem\,7vw\,6\.5rem\)\] {
  font-size: clamp(3.5rem, 7vw, 6.5rem);
}
.text-\[clamp\(3rem\,8vw\,7rem\)\] {
  font-size: clamp(3rem, 8vw, 7rem);
}
.text-\[clamp\(4\.2rem\,13vw\,11rem\)\] {
  font-size: clamp(4.2rem, 13vw, 11rem);
}
.text-\[clamp\(4rem\,8vw\,7rem\)\] {
  font-size: clamp(4rem, 8vw, 7rem);
}
.text-\[clamp\(9rem\,18vw\,16rem\)\] {
  font-size: clamp(9rem, 18vw, 16rem);
}
.text-\[clamp\(9rem\,26vw\,24rem\)\] {
  font-size: clamp(9rem, 26vw, 24rem);
}
.text-\[clamp\(var\(--text-base\)\,1\.4vw\,var\(--text-xl\)\)\] {
  font-size: clamp(var(--text-base), 1.4vw, var(--text-xl));
}
.text-\[length\:clamp\(1\.5rem\,2\.8vw\,2\.4rem\)\] {
  font-size: clamp(1.5rem, 2.8vw, 2.4rem);
}
.text-\[length\:clamp\(1\.7rem\,2\.8vw\,2\.5rem\)\] {
  font-size: clamp(1.7rem, 2.8vw, 2.5rem);
}
.text-\[length\:clamp\(1\.25rem\,1\.9vw\,1\.7rem\)\] {
  font-size: clamp(1.25rem, 1.9vw, 1.7rem);
}
.text-\[length\:clamp\(1rem\,1\.2vw\,1\.1rem\)\] {
  font-size: clamp(1rem, 1.2vw, 1.1rem);
}
.text-\[length\:clamp\(2rem\,4\.2vw\,3\.6rem\)\] {
  font-size: clamp(2rem, 4.2vw, 3.6rem);
}
.text-\[length\:clamp\(3\.4rem\,9vw\,8rem\)\] {
  font-size: clamp(3.4rem, 9vw, 8rem);
}
.text-\[length\:clamp\(3rem\,7vw\,6rem\)\] {
  font-size: clamp(3rem, 7vw, 6rem);
}
.text-\[length\:clamp\(3rem\,8vw\,7rem\)\] {
  font-size: clamp(3rem, 8vw, 7rem);
}
.leading-\(--leading-normal\) {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}
.leading-\[\.92\] {
  --tw-leading: .92;
  line-height: .92;
}
.leading-\[0\.9\] {
  --tw-leading: 0.9;
  line-height: 0.9;
}
.leading-\[0\.92\] {
  --tw-leading: 0.92;
  line-height: 0.92;
}
.leading-\[0\.95\] {
  --tw-leading: 0.95;
  line-height: 0.95;
}
.leading-\[1\.02\] {
  --tw-leading: 1.02;
  line-height: 1.02;
}
.leading-\[1\.3\] {
  --tw-leading: 1.3;
  line-height: 1.3;
}
.leading-\[1\.4\] {
  --tw-leading: 1.4;
  line-height: 1.4;
}
.leading-\[1\.05\] {
  --tw-leading: 1.05;
  line-height: 1.05;
}
.leading-\[1\.5\] {
  --tw-leading: 1.5;
  line-height: 1.5;
}
.leading-\[1\.6\] {
  --tw-leading: 1.6;
  line-height: 1.6;
}
.leading-\[1\.7\] {
  --tw-leading: 1.7;
  line-height: 1.7;
}
.leading-\[1\.08\] {
  --tw-leading: 1.08;
  line-height: 1.08;
}
.leading-\[1\.8\] {
  --tw-leading: 1.8;
  line-height: 1.8;
}
.leading-\[1\.12\] {
  --tw-leading: 1.12;
  line-height: 1.12;
}
.leading-\[1\.45\] {
  --tw-leading: 1.45;
  line-height: 1.45;
}
.leading-\[1\.65\] {
  --tw-leading: 1.65;
  line-height: 1.65;
}
.leading-\[1\.72\] {
  --tw-leading: 1.72;
  line-height: 1.72;
}
.leading-\[1\.75\] {
  --tw-leading: 1.75;
  line-height: 1.75;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-normal {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}
.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.font-\[400\] {
  --tw-font-weight: 400;
  font-weight: 400;
}
.font-\[800\] {
  --tw-font-weight: 800;
  font-weight: 800;
}
.font-black {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-\[-\.02em\] {
  --tw-tracking: -.02em;
  letter-spacing: -.02em;
}
.tracking-\[-\.03em\] {
  --tw-tracking: -.03em;
  letter-spacing: -.03em;
}
.tracking-\[-\.04em\] {
  --tw-tracking: -.04em;
  letter-spacing: -.04em;
}
.tracking-\[-\.045em\] {
  --tw-tracking: -.045em;
  letter-spacing: -.045em;
}
.tracking-\[-0\.01em\] {
  --tw-tracking: -0.01em;
  letter-spacing: -0.01em;
}
.tracking-\[-0\.02em\] {
  --tw-tracking: -0.02em;
  letter-spacing: -0.02em;
}
.tracking-\[-0\.03em\] {
  --tw-tracking: -0.03em;
  letter-spacing: -0.03em;
}
.tracking-\[-0\.05em\] {
  --tw-tracking: -0.05em;
  letter-spacing: -0.05em;
}
.tracking-\[-0\.06em\] {
  --tw-tracking: -0.06em;
  letter-spacing: -0.06em;
}
.tracking-\[-0\.09em\] {
  --tw-tracking: -0.09em;
  letter-spacing: -0.09em;
}
.tracking-\[-0\.035em\] {
  --tw-tracking: -0.035em;
  letter-spacing: -0.035em;
}
.tracking-\[\.1em\] {
  --tw-tracking: .1em;
  letter-spacing: .1em;
}
.tracking-\[\.06em\] {
  --tw-tracking: .06em;
  letter-spacing: .06em;
}
.tracking-\[\.12em\] {
  --tw-tracking: .12em;
  letter-spacing: .12em;
}
.tracking-\[\.14em\] {
  --tw-tracking: .14em;
  letter-spacing: .14em;
}
.tracking-\[\.16em\] {
  --tw-tracking: .16em;
  letter-spacing: .16em;
}
.tracking-\[\.24em\] {
  --tw-tracking: .24em;
  letter-spacing: .24em;
}
.tracking-\[\.34em\] {
  --tw-tracking: .34em;
  letter-spacing: .34em;
}
.tracking-\[0\.1em\] {
  --tw-tracking: 0.1em;
  letter-spacing: 0.1em;
}
.tracking-\[0\.02em\] {
  --tw-tracking: 0.02em;
  letter-spacing: 0.02em;
}
.tracking-\[0\.2em\] {
  --tw-tracking: 0.2em;
  letter-spacing: 0.2em;
}
.tracking-\[0\.06em\] {
  --tw-tracking: 0.06em;
  letter-spacing: 0.06em;
}
.tracking-\[0\.08em\] {
  --tw-tracking: 0.08em;
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\] {
  --tw-tracking: 0.12em;
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\] {
  --tw-tracking: 0.14em;
  letter-spacing: 0.14em;
}
.tracking-\[0\.16em\] {
  --tw-tracking: 0.16em;
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\] {
  --tw-tracking: 0.18em;
  letter-spacing: 0.18em;
}
.tracking-\[0\.22em\] {
  --tw-tracking: 0.22em;
  letter-spacing: 0.22em;
}
.tracking-\[0\.24em\] {
  --tw-tracking: 0.24em;
  letter-spacing: 0.24em;
}
.tracking-\[0\.29em\] {
  --tw-tracking: 0.29em;
  letter-spacing: 0.29em;
}
.tracking-normal {
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.text-balance {
  text-wrap: balance;
}
.break-words {
  overflow-wrap: break-word;
}
.wrap-anywhere {
  overflow-wrap: anywhere;
}
.wrap-break-word {
  overflow-wrap: break-word;
}
.\[word-break\:normal\] {
  word-break: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.text-\(--hero-gold\) {
  color: var(--hero-gold);
}
.text-\(--hero-gold-muted\) {
  color: var(--hero-gold-muted);
}
.text-\(--hero-paper\) {
  color: var(--hero-paper);
}
.text-\(--nav-link-color\) {
  color: var(--nav-link-color);
}
.text-\(--surface-code-foreground\) {
  color: var(--surface-code-foreground);
}
.text-\[rgba\(244\,241\,234\,\.62\)\] {
  color: rgba(244,241,234,.62);
}
.text-\[rgba\(244\,241\,234\,\.92\)\] {
  color: rgba(244,241,234,.92);
}
.text-destructive {
  color: var(--color-destructive);
}
.text-foreground {
  color: var(--color-foreground);
}
.text-inherit {
  color: inherit;
}
.text-muted-foreground {
  color: var(--color-muted-foreground);
}
.text-popover-foreground {
  color: var(--color-popover-foreground);
}
.text-primary {
  color: var(--color-primary);
}
.text-primary-foreground {
  color: var(--color-primary-foreground);
}
.text-ring {
  color: var(--color-ring);
}
.text-secondary {
  color: var(--color-secondary);
}
.text-success {
  color: var(--color-success);
}
.text-transparent {
  color: transparent;
}
.text-violet-300 {
  color: var(--color-violet-300);
}
.text-violet-950 {
  color: var(--color-violet-950);
}
.text-warning {
  color: var(--color-warning);
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.no-underline {
  text-decoration-line: none;
}
.underline {
  text-decoration-line: underline;
}
.decoration-\[color-mix\(in_srgb\,currentColor_45\%\,transparent\)\] {
  text-decoration-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in srgb,currentColor 45%,transparent);
  }
}
.decoration-\[color-mix\(in_srgb\,var\(--color-primary\)_34\%\,transparent\)\] {
  text-decoration-color: color-mix(in srgb,oklch(49.1% 0.27 292.581) 34%,transparent);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in srgb,var(--color-primary) 34%,transparent);
  }
}
.decoration-1 {
  text-decoration-thickness: 1px;
}
.underline-offset-\[3px\] {
  text-underline-offset: 3px;
}
.underline-offset-\[calc\(var\(--spacing\)\*1\)\] {
  text-underline-offset: calc(var(--spacing) * 1);
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-\[calc\(1-var\(--hero-exit\,0\)\)\] {
  opacity: calc(1 - var(--hero-exit,0));
}
.opacity-\[calc\(1-var\(--hero-exit\,0\)\*\.5\)\] {
  opacity: calc(1 - var(--hero-exit,0) * .5);
}
.opacity-\[calc\(1-var\(--hero-exit\,0\)\*1\.15\)\] {
  opacity: calc(1 - var(--hero-exit,0) * 1.15);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_1rem_4rem_color-mix\(in_srgb\,var\(--color-primary\)_18\%\,transparent\)\] {
  --tw-shadow: 0 1rem 4rem var(--tw-shadow-color, color-mix(in srgb,oklch(49.1% 0.27 292.581) 18%,transparent));
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow: 0 1rem 4rem var(--tw-shadow-color, color-mix(in srgb,var(--color-primary) 18%,transparent));
  }
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_-1px_0_0_color-mix\(in_srgb\,var\(--color-primary\)_10\%\,transparent\)\] {
  --tw-shadow: inset -1px 0 0 var(--tw-shadow-color, color-mix(in srgb,oklch(49.1% 0.27 292.581) 10%,transparent));
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow: inset -1px 0 0 var(--tw-shadow-color, color-mix(in srgb,var(--color-primary) 10%,transparent));
  }
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--color-ring\)_55\%\,transparent\)\] {
  --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,oklch(60.6% 0.25 292.717) 55%,transparent));
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--color-ring) 55%,transparent));
  }
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_var\(--edge-highlight\)\] {
  --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, var(--edge-highlight));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_4px_0_0_var\(--color-primary\)\] {
  --tw-shadow: inset 4px 0 0 var(--tw-shadow-color, var(--color-primary));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_calc\(var\(--spacing\)\*1\)_0_0_var\(--color-primary\)\] {
  --tw-shadow: inset calc(var(--spacing) * 1) 0 0 var(--tw-shadow-color, var(--color-primary));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.blur-\[1px\] {
  --tw-blur: blur(1px);
  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,);
}
.backdrop-blur-\[18px\] {
  --tw-backdrop-blur: blur(18px);
  -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,);
  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,);
}
.backdrop-blur-\[20px\] {
  --tw-backdrop-blur: blur(20px);
  -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,);
  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,);
}
.backdrop-saturate-150 {
  --tw-backdrop-saturate: saturate(150%);
  -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,);
  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,);
}
.backdrop-saturate-\[1\.4\] {
  --tw-backdrop-saturate: saturate(1.4);
  -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,);
  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,);
}
.transition-\[-webkit-text-stroke-color\] {
  transition-property: -webkit-text-stroke-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background\,border-color\,box-shadow\,padding\] {
  transition-property: background,border-color,box-shadow,padding;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background\,transform\] {
  transition-property: background,transform;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[background\] {
  transition-property: background;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[border-color\,background\] {
  transition-property: border-color,background;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[border-color\,box-shadow\] {
  transition-property: border-color,box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,background\,transform\] {
  transition-property: color,background,transform;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,border-color\,background\] {
  transition-property: color,border-color,background;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,text-decoration-color\] {
  transition-property: color,text-decoration-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\] {
  transition-property: color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[transform\,color\] {
  transition-property: transform,color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[transform\] {
  transition-property: transform;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.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;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-\[150ms\] {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-\[200ms\] {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-\[280ms\] {
  --tw-duration: 280ms;
  transition-duration: 280ms;
}
.duration-\[320ms\] {
  --tw-duration: 320ms;
  transition-duration: 320ms;
}
.ease-\[ease-out\] {
  --tw-ease: ease-out;
  transition-timing-function: ease-out;
}
.ease-\[ease\] {
  --tw-ease: ease;
  transition-timing-function: ease;
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.\[-webkit-text-stroke\:1\.5px_color-mix\(in_srgb\,var\(--color-ring\)_55\%\,transparent\)\] {
  -webkit-text-stroke: 1.5px color-mix(in srgb,oklch(60.6% 0.25 292.717) 55%,transparent);
  @supports (color: color-mix(in lab, red, red)) {
    -webkit-text-stroke: 1.5px color-mix(in srgb,var(--color-ring) 55%,transparent);
  }
}
.\[background\:linear-gradient\(90deg\,transparent\,color-mix\(in_srgb\,var\(--color-border\)_20\%\,transparent\)\,transparent\)_top\/100\%_1px_no-repeat\] {
  background: linear-gradient(90deg,transparent,color-mix(in srgb,oklch(89.4% 0.057 293.283) 20%,transparent),transparent) top/100% 1px no-repeat;
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-border) 20%,transparent),transparent) top/100% 1px no-repeat;
  }
}
.\[counter-reset\:rail-item\] {
  counter-reset: rail-item;
}
.\[counter-reset\:release\] {
  counter-reset: release;
}
.\[view-transition-name\:open-brand-mark\] {
  view-transition-name: open-brand-mark;
}
.\[writing-mode\:vertical-rl\] {
  writing-mode: vertical-rl;
}
.text-shadow-\[0_1px_18px_rgba\(0\,0\,0\,\.6\)\] {
  text-shadow: 0 1px 18px var(--tw-text-shadow-color, rgba(0,0,0,.6));
}
.text-shadow-\[0_2px_40px_rgba\(0\,0\,0\,\.65\)\] {
  text-shadow: 0 2px 40px var(--tw-text-shadow-color, rgba(0,0,0,.65));
}
@media (hover: hover) {
  .group-hover\:translate-x-2:is(:where(.group):hover *) {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-hover\:-translate-y-px:is(:where(.group):hover *) {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-hover\:text-primary:is(:where(.group):hover *) {
    color: var(--color-primary);
  }
  .group-hover\:\[-webkit-text-stroke-color\:var\(--color-primary\)\]:is(:where(.group):hover *) {
    -webkit-text-stroke-color: var(--color-primary);
  }
}
.group-data-\[kind\=optional\]\:text-muted-foreground:is(:where(.group)[data-kind="optional"] *) {
  color: var(--color-muted-foreground);
}
.group-data-\[stamp\=baseline\]\:bg-primary:is(:where(.group)[data-stamp="baseline"] *) {
  background-color: var(--color-primary);
}
.group-data-\[stamp\=baseline\]\:text-primary-foreground:is(:where(.group)[data-stamp="baseline"] *) {
  color: var(--color-primary-foreground);
}
.group-data-\[stamp\=current\]\:bg-primary:is(:where(.group)[data-stamp="current"] *) {
  background-color: var(--color-primary);
}
.group-data-\[stamp\=current\]\:text-primary-foreground:is(:where(.group)[data-stamp="current"] *) {
  color: var(--color-primary-foreground);
}
.group-data-\[stamp\=next\]\:border:is(:where(.group)[data-stamp="next"] *) {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.group-data-\[stamp\=next\]\:border-primary:is(:where(.group)[data-stamp="next"] *) {
  border-color: var(--color-primary);
}
.group-data-\[stamp\=next\]\:text-primary:is(:where(.group)[data-stamp="next"] *) {
  color: var(--color-primary);
}
.group-data-\[state\=baseline\]\:bg-primary:is(:where(.group)[data-state="baseline"] *) {
  background-color: var(--color-primary);
}
.group-data-\[state\=next\]\:border-2:is(:where(.group)[data-state="next"] *) {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.group-data-\[state\=next\]\:border-primary:is(:where(.group)[data-state="next"] *) {
  border-color: var(--color-primary);
}
.group-data-\[state\=next\]\:bg-background:is(:where(.group)[data-state="next"] *) {
  background-color: var(--color-background);
}
.group-data-\[state\=next\]\:text-primary:is(:where(.group)[data-state="next"] *) {
  color: var(--color-primary);
}
.group-data-\[state\=planned\]\:border-2:is(:where(.group)[data-state="planned"] *) {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.group-data-\[state\=planned\]\:border-\[color-mix\(in_srgb\,var\(--color-ring\)_55\%\,transparent\)\]:is(:where(.group)[data-state="planned"] *) {
  border-color: color-mix(in srgb,oklch(60.6% 0.25 292.717) 55%,transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--color-ring) 55%,transparent);
  }
}
.group-data-\[state\=planned\]\:text-ring:is(:where(.group)[data-state="planned"] *) {
  color: var(--color-ring);
}
.group-data-\[state\=planned\]\:text-transparent:is(:where(.group)[data-state="planned"] *) {
  color: transparent;
}
.group-data-\[state\=planned\]\:\[-webkit-text-stroke\:1\.5px_color-mix\(in_srgb\,var\(--color-ring\)_55\%\,transparent\)\]:is(:where(.group)[data-state="planned"] *) {
  -webkit-text-stroke: 1.5px color-mix(in srgb,oklch(60.6% 0.25 292.717) 55%,transparent);
  @supports (color: color-mix(in lab, red, red)) {
    -webkit-text-stroke: 1.5px color-mix(in srgb,var(--color-ring) 55%,transparent);
  }
}
.group-data-\[state\=stable\]\:bg-primary:is(:where(.group)[data-state="stable"] *) {
  background-color: var(--color-primary);
}
.placeholder\:text-muted-foreground::placeholder {
  color: var(--color-muted-foreground);
}
.last\:\[border-bottom\:0\]:last-child {
  border-bottom: 0;
}
.empty\:hidden:empty {
  display: none;
}
@media (hover: hover) {
  .hover\:-translate-y-1:hover {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .hover\:-translate-y-px:hover {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .hover\:border-\[color-mix\(in_srgb\,var\(--color-foreground\)_25\%\,var\(--color-border\)\)\]:hover {
    border-color: color-mix(in srgb,oklch(14.1% 0.005 285.823) 25%,oklch(89.4% 0.057 293.283));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-\[color-mix\(in_srgb\,var\(--color-foreground\)_25\%\,var\(--color-border\)\)\]:hover {
      border-color: color-mix(in srgb,var(--color-foreground) 25%,var(--color-border));
    }
  }
  .hover\:border-\[color-mix\(in_srgb\,var\(--color-primary\)_80\%\,var\(--color-foreground\)\)\]:hover {
    border-color: color-mix(in srgb,oklch(49.1% 0.27 292.581) 80%,oklch(14.1% 0.005 285.823));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-\[color-mix\(in_srgb\,var\(--color-primary\)_80\%\,var\(--color-foreground\)\)\]:hover {
      border-color: color-mix(in srgb,var(--color-primary) 80%,var(--color-foreground));
    }
  }
  .hover\:border-primary:hover {
    border-color: var(--color-primary);
  }
  .hover\:border-transparent:hover {
    border-color: transparent;
  }
  .hover\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_80\%\,var\(--color-foreground\)\)\]:hover {
    background-color: color-mix(in srgb,oklch(49.1% 0.27 292.581) 80%,oklch(14.1% 0.005 285.823));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_80\%\,var\(--color-foreground\)\)\]:hover {
      background-color: color-mix(in srgb,var(--color-primary) 80%,var(--color-foreground));
    }
  }
  .hover\:bg-\[color-mix\(in_srgb\,var\(--color-ring\)_18\%\,var\(--color-popover\)\)\]:hover {
    background-color: color-mix(in srgb,oklch(60.6% 0.25 292.717) 18%,#fff);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-\[color-mix\(in_srgb\,var\(--color-ring\)_18\%\,var\(--color-popover\)\)\]:hover {
      background-color: color-mix(in srgb,var(--color-ring) 18%,var(--color-popover));
    }
  }
  .hover\:bg-accent:hover {
    background-color: var(--color-accent);
  }
  .hover\:bg-primary\/10:hover {
    background-color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-primary\/10:hover {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .hover\:bg-primary\/23:hover {
    background-color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 23%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-primary\/23:hover {
      background-color: color-mix(in oklab, var(--color-primary) 23%, transparent);
    }
  }
  .hover\:bg-primary\/\[5\.44\%\]:hover {
    background-color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 5.44%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-primary\/\[5\.44\%\]:hover {
      background-color: color-mix(in oklab, var(--color-primary) 5.44%, transparent);
    }
  }
  .hover\:bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--color-primary\)_8\%\,transparent\)\,transparent\)\]:hover {
    background-image: linear-gradient(90deg,color-mix(in srgb,oklch(49.1% 0.27 292.581) 8%,transparent),transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--color-primary\)_8\%\,transparent\)\,transparent\)\]:hover {
      background-image: linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent);
    }
  }
  .hover\:text-\(--hero-gold\):hover {
    color: var(--hero-gold);
  }
  .hover\:text-\(--nav-link-hover\):hover {
    color: var(--nav-link-hover);
  }
  .hover\:text-\[color-mix\(in_srgb\,var\(--color-primary\)_80\%\,var\(--color-foreground\)\)\]:hover {
    color: color-mix(in srgb,oklch(49.1% 0.27 292.581) 80%,oklch(14.1% 0.005 285.823));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hover\:text-\[color-mix\(in_srgb\,var\(--color-primary\)_80\%\,var\(--color-foreground\)\)\]:hover {
      color: color-mix(in srgb,var(--color-primary) 80%,var(--color-foreground));
    }
  }
  .hover\:text-foreground:hover {
    color: var(--color-foreground);
  }
  .hover\:text-primary:hover {
    color: var(--color-primary);
  }
  .hover\:underline:hover {
    text-decoration-line: underline;
  }
  .hover\:decoration-current:hover {
    text-decoration-color: currentcolor;
  }
}
.focus-visible\:not-sr-only:focus-visible {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip-path: none;
  white-space: normal;
}
.focus-visible\:absolute:focus-visible {
  position: absolute;
}
.focus-visible\:start-4:focus-visible {
  inset-inline-start: calc(var(--spacing) * 4);
}
.focus-visible\:top-2:focus-visible {
  top: calc(var(--spacing) * 2);
}
.focus-visible\:z-\[200\]:focus-visible {
  z-index: 200;
}
.focus-visible\:rounded-lg:focus-visible {
  border-radius: var(--radius-lg);
}
.focus-visible\:border:focus-visible {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.focus-visible\:border-border:focus-visible {
  border-color: var(--color-border);
}
.focus-visible\:bg-accent:focus-visible {
  background-color: var(--color-accent);
}
.focus-visible\:bg-popover:focus-visible {
  background-color: var(--color-popover);
}
.focus-visible\:px-4:focus-visible {
  padding-inline: calc(var(--spacing) * 4);
}
.focus-visible\:py-2:focus-visible {
  padding-block: calc(var(--spacing) * 2);
}
.focus-visible\:font-mono:focus-visible {
  font-family: var(--font-mono);
}
.focus-visible\:text-\(length\:--text-xs\):focus-visible {
  font-size: var(--text-xs);
}
.focus-visible\:text-foreground:focus-visible {
  color: var(--color-foreground);
}
.focus-visible\:no-underline:focus-visible {
  text-decoration-line: none;
}
.focus-visible\:outline-2:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}
.focus-visible\:outline-offset-\[3px\]:focus-visible {
  outline-offset: 3px;
}
.focus-visible\:outline-ring:focus-visible {
  outline-color: var(--color-ring);
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:opacity-50:disabled {
  opacity: 50%;
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}
.aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
  cursor: not-allowed;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 50%;
}
.aria-\[current\=location\]\:border-s-primary[aria-current="location"] {
  border-inline-start-color: var(--color-primary);
}
.aria-\[current\=location\]\:font-extrabold[aria-current="location"] {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.aria-\[current\=location\]\:text-foreground[aria-current="location"] {
  color: var(--color-foreground);
}
.aria-\[current\=page\]\:border-l-primary[aria-current="page"] {
  border-left-color: var(--color-primary);
}
.aria-\[current\=page\]\:bg-\[color-mix\(in_srgb\,var\(--color-primary\)_18\%\,var\(--color-popover\)\)\][aria-current="page"] {
  background-color: color-mix(in srgb,oklch(49.1% 0.27 292.581) 18%,#fff);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb,var(--color-primary) 18%,var(--color-popover));
  }
}
.aria-\[current\=page\]\:bg-primary\/14[aria-current="page"] {
  background-color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 14%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 14%, transparent);
  }
}
.aria-\[current\=page\]\:font-\[600\][aria-current="page"] {
  --tw-font-weight: 600;
  font-weight: 600;
}
.aria-\[current\=page\]\:font-extrabold[aria-current="page"] {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.aria-\[current\=page\]\:text-foreground[aria-current="page"] {
  color: var(--color-foreground);
}
.aria-\[current\=page\]\:text-primary[aria-current="page"] {
  color: var(--color-primary);
}
.aria-\[current\=page\]\:shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\,var\(--color-primary\)_44\%\,transparent\)\][aria-current="page"] {
  --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,oklch(49.1% 0.27 292.581) 44%,transparent));
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, color-mix(in srgb,var(--color-primary) 44%,transparent));
  }
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.data-\[depth\=3\]\:ps-5[data-depth="3"] {
  padding-inline-start: calc(var(--spacing) * 5);
}
.data-\[depth\=3\]\:text-\[length\:calc\(var\(--text-xs\)\*0\.94\)\][data-depth="3"] {
  font-size: calc(var(--text-xs) * 0.94);
}
.data-\[highlighted\]\:bg-accent[data-highlighted] {
  background-color: var(--color-accent);
}
.data-\[runtime\=true\]\:bg-border\/45[data-runtime="true"] {
  background-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-border) 45%, transparent);
  }
}
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transition-none {
    transition-property: none;
  }
}
@media (width < 1100px) {
  .max-\[1100px\]\:hidden {
    display: none;
  }
  .max-\[1100px\]\:grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr);
  }
  .max-\[1100px\]\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }
}
@media (width >= 481px) {
  .min-\[481px\]\:gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .min-\[481px\]\:px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .min-\[481px\]\:px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .min-\[481px\]\:pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .min-\[481px\]\:pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .min-\[481px\]\:text-\(length\:--text-4xl\) {
    font-size: var(--text-4xl);
  }
  .min-\[481px\]\:text-\(length\:--text-6xl\) {
    font-size: var(--text-6xl);
  }
}
@media (width >= 521px) {
  .min-\[521px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .min-\[521px\]\:border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .min-\[521px\]\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .min-\[521px\]\:tracking-\[\.29em\] {
    --tw-tracking: .29em;
    letter-spacing: .29em;
  }
}
@media (width >= 641px) {
  .min-\[641px\]\:grid-cols-\[minmax\(110px\,0\.32fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(110px,0.32fr) minmax(0,1fr);
  }
  .min-\[641px\]\:grid-cols-\[minmax\(132px\,0\.28fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(132px,0.28fr) minmax(0,1fr);
  }
  .min-\[641px\]\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .min-\[641px\]\:gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .min-\[641px\]\:ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }
}
@media (width >= 721px) {
  .min-\[721px\]\:block {
    display: block;
  }
  .min-\[721px\]\:grid-cols-\[minmax\(4rem\,0\.14fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(4rem,0.14fr) minmax(0,1fr) auto;
  }
  .min-\[721px\]\:grid-cols-\[minmax\(5rem\,0\.16fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(5rem,0.16fr) minmax(0,1fr) auto;
  }
  .min-\[721px\]\:gap-\[clamp\(1rem\,4vw\,4rem\)\] {
    gap: clamp(1rem, 4vw, 4rem);
  }
  .min-\[721px\]\:justify-self-auto {
    justify-self: auto;
  }
}
@media (width >= 761px) {
  .min-\[761px\]\:w-\[min\(1180px\,calc\(100\%-3rem\)\)\] {
    width: min(1180px, calc(100% - 3rem));
  }
  .min-\[761px\]\:grid-cols-\[minmax\(0\,\.36fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,.36fr) minmax(0,1fr);
  }
  .min-\[761px\]\:grid-cols-\[minmax\(0\,0\.5fr\)_minmax\(0\,0\.5fr\)\] {
    grid-template-columns: minmax(0,0.5fr) minmax(0,0.5fr);
  }
}
@media (width >= 769px) {
  .min-\[769px\]\:inline {
    display: inline;
  }
}
@media (width >= 861px) {
  .min-\[861px\]\:grid {
    display: grid;
  }
  .min-\[861px\]\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,0.9fr) minmax(0,1fr) auto;
  }
  .min-\[861px\]\:gap-\[clamp\(1rem\,4vw\,3rem\)\] {
    gap: clamp(1rem, 4vw, 3rem);
  }
}
@media (width >= 901px) {
  .min-\[901px\]\:sticky {
    position: sticky;
  }
  .min-\[901px\]\:top-\[calc\(var\(--nav-height\)\+1\.5rem\)\] {
    top: calc(var(--nav-height) + 1.5rem);
  }
  .min-\[901px\]\:col-start-2 {
    grid-column-start: 2;
  }
  .min-\[901px\]\:mx-0 {
    margin-inline: 0px;
  }
  .min-\[901px\]\:mt-0 {
    margin-top: 0px;
  }
  .min-\[901px\]\:mb-0 {
    margin-bottom: 0px;
  }
  .min-\[901px\]\:block {
    display: block;
  }
  .min-\[901px\]\:hidden {
    display: none;
  }
  .min-\[901px\]\:rotate-0 {
    rotate: 0deg;
  }
  .min-\[901px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .min-\[901px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .min-\[901px\]\:grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .min-\[901px\]\:grid-cols-\[minmax\(0\,\.9fr\)_minmax\(0\,1\.1fr\)\] {
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }
  .min-\[901px\]\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,0\.95fr\)\] {
    grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr);
  }
  .min-\[901px\]\:grid-cols-\[minmax\(4rem\,0\.14fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
    grid-template-columns: minmax(4rem,0.14fr) minmax(0,0.9fr) minmax(0,1.1fr);
  }
  .min-\[901px\]\:flex-row {
    flex-direction: row;
  }
  .min-\[901px\]\:gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .min-\[901px\]\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .min-\[901px\]\:gap-\[clamp\(1rem\,4vw\,4rem\)\] {
    gap: clamp(1rem, 4vw, 4rem);
  }
  .min-\[901px\]\:justify-self-auto {
    justify-self: auto;
  }
  .min-\[901px\]\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .min-\[901px\]\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .min-\[901px\]\:py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .min-\[901px\]\:py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .min-\[901px\]\:pt-\[clamp\(2rem\,5vh\,3\.5rem\)\] {
    padding-top: clamp(2rem, 5vh, 3.5rem);
  }
  .min-\[901px\]\:pb-\[clamp\(6rem\,14vh\,11rem\)\] {
    padding-bottom: clamp(6rem, 14vh, 11rem);
  }
  .min-\[901px\]\:text-end {
    text-align: end;
  }
  .min-\[901px\]\:text-start {
    text-align: start;
  }
  .min-\[901px\]\:text-\(length\:--text-5xl\) {
    font-size: var(--text-5xl);
  }
  .min-\[901px\]\:text-\(length\:--text-base\) {
    font-size: var(--text-base);
  }
  .min-\[901px\]\:text-\[clamp\(2\.1rem\,4\.6vw\,3\.4rem\)\] {
    font-size: clamp(2.1rem, 4.6vw, 3.4rem);
  }
  .min-\[901px\]\:text-\[clamp\(2\.7rem\,6vw\,5\.5rem\)\] {
    font-size: clamp(2.7rem, 6vw, 5.5rem);
  }
  .min-\[901px\]\:text-\[clamp\(var\(--text-base\)\,1\.4vw\,var\(--text-xl\)\)\] {
    font-size: clamp(var(--text-base), 1.4vw, var(--text-xl));
  }
}
@media (width >= 1041px) {
  .min-\[1041px\]\:flex {
    display: flex;
  }
  .min-\[1041px\]\:hidden {
    display: none;
  }
}
@media (width >= 1101px) {
  .min-\[1101px\]\:grid {
    display: grid;
  }
  .min-\[1101px\]\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,0.9fr) minmax(0,1fr);
  }
  .min-\[1101px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.45fr\)_minmax\(0\,1\.2fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1.45fr) minmax(0,1.2fr);
  }
  .min-\[1101px\]\:gap-\[clamp\(1rem\,4vw\,3rem\)\] {
    gap: clamp(1rem, 4vw, 3rem);
  }
}
@media (width >= 1121px) {
  .min-\[1121px\]\:sticky {
    position: sticky;
  }
  .min-\[1121px\]\:grid-cols-\[minmax\(0\,0\.88fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,0.88fr) minmax(0,1fr);
  }
  .min-\[1121px\]\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(0\,0\.95fr\)_minmax\(0\,0\.72fr\)\] {
    grid-template-columns: minmax(0,0.95fr) minmax(0,0.95fr) minmax(0,0.72fr);
  }
  .min-\[1121px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(280px\,0\.38fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(280px,0.38fr);
  }
  .min-\[1121px\]\:gap-1 {
    gap: var(--spacing);
  }
  .min-\[1121px\]\:gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .min-\[1121px\]\:px-\[clamp\(1\.25rem\,3\.5vw\,2\.25rem\)\] {
    padding-inline: clamp(1.25rem, 3.5vw, 2.25rem);
  }
}
@media (width >= 1201px) {
  .min-\[1201px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@container band (width >= 641px) {
  .\@min-\[641px\]\/band\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .\@min-\[641px\]\/band\:border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
}
@container band (width >= 1081px) {
  .\@min-\[1081px\]\/band\:grid-cols-\[minmax\(0\,1\.6fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: minmax(0,1.6fr) repeat(3,minmax(0,1fr));
  }
  .\@min-\[1081px\]\/band\:grid-cols-\[repeat\(4\,1fr\)\] {
    grid-template-columns: repeat(4,1fr);
  }
}
@media print {
  .print\:hidden\! {
    display: none !important;
  }
}
.\[\&_p\+p\]\:mt-3 p + p {
  margin-top: calc(var(--spacing) * 3);
}
.\[\&_svg\]\:block svg {
  display: block;
}
.\[\&_svg\]\:h-\[72px\] svg {
  height: 72px;
}
.\[\&_svg\]\:w-auto svg {
  width: auto;
}
.\[\&\:first-child\>span\]\:mt-0:first-child > span {
  margin-top: 0px;
}
.\[\&\:lang\(zh\)\]\:leading-\[1\.9\]:lang(zh) {
  --tw-leading: 1.9;
  line-height: 1.9;
}
.\[\&\:lang\(zh\)\]\:tracking-\[\.08em\]:lang(zh) {
  --tw-tracking: .08em;
  letter-spacing: .08em;
}
.\[\&\:lang\(zh\)\]\:tracking-\[0\.08em\]:lang(zh) {
  --tw-tracking: 0.08em;
  letter-spacing: 0.08em;
}
.\[\&\:lang\(zh\)\]\:normal-case:lang(zh) {
  text-transform: none;
}
.\[\&\:last-child\]\:border-b-0:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.\[\&\:nth-child\(2n\)\]\:border-e-0:nth-child(2n) {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 0px;
}
@media (width >= 1201px) {
  .min-\[1201px\]\:\[\&\:nth-child\(2n\)\:not\(\:last-child\)\]\:border-e:nth-child(2n):not(:last-child) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
}
.\[\&\:nth-child\(n\+2\)\]\:border-t:nth-child(n+2) {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
@container band (width >= 641px) {
  .\@min-\[641px\]\/band\:\[\&\:nth-child\(n\+2\)\]\:border-t-0:nth-child(n+2) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .\@min-\[641px\]\/band\:\[\&\:nth-child\(odd\)\]\:border-s-0:nth-child(odd) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0px;
  }
}
@container band (width >= 1081px) {
  .\@min-\[1081px\]\/band\:\[\&\:nth-child\(odd\)\:not\(\:first-child\)\]\:border-s:nth-child(odd):not(:first-child) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
}
.\[\&\:nth-of-type\(1\)\]\:top-\[26\%\]:nth-of-type(1) {
  top: 26%;
}
.\[\&\:nth-of-type\(1\)\]\:left-\[36\%\]:nth-of-type(1) {
  left: 36%;
}
.\[\&\:nth-of-type\(2\)\]\:top-\[40\%\]:nth-of-type(2) {
  top: 40%;
}
.\[\&\:nth-of-type\(2\)\]\:left-\[44\%\]:nth-of-type(2) {
  left: 44%;
}
.\[\&\:nth-of-type\(3\)\]\:top-\[22\%\]:nth-of-type(3) {
  top: 22%;
}
.\[\&\:nth-of-type\(3\)\]\:left-\[52\%\]:nth-of-type(3) {
  left: 52%;
}
.\[\&\:nth-of-type\(4\)\]\:top-\[48\%\]:nth-of-type(4) {
  top: 48%;
}
.\[\&\:nth-of-type\(4\)\]\:left-\[58\%\]:nth-of-type(4) {
  left: 58%;
}
.\[\&\:nth-of-type\(5\)\]\:top-\[55\%\]:nth-of-type(5) {
  top: 55%;
}
.\[\&\:nth-of-type\(5\)\]\:left-\[41\%\]:nth-of-type(5) {
  left: 41%;
}
.\[\&\:nth-of-type\(6\)\]\:top-\[33\%\]:nth-of-type(6) {
  top: 33%;
}
.\[\&\:nth-of-type\(6\)\]\:left-\[61\%\]:nth-of-type(6) {
  left: 61%;
}
.\[\&\:nth-of-type\(7\)\]\:top-\[18\%\]:nth-of-type(7) {
  top: 18%;
}
.\[\&\:nth-of-type\(7\)\]\:left-\[48\%\]:nth-of-type(7) {
  left: 48%;
}
.\[\&\:nth-of-type\(8\)\]\:top-\[44\%\]:nth-of-type(8) {
  top: 44%;
}
.\[\&\:nth-of-type\(8\)\]\:left-\[33\%\]:nth-of-type(8) {
  left: 33%;
}
.\[\&\>\*\]\:grid > * {
  display: grid;
}
.\[\&\>\*\]\:grid-cols-1 > * {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.\[\&\>\*\]\:items-center > * {
  align-items: center;
}
.\[\&\>\*\]\:gap-2 > * {
  gap: calc(var(--spacing) * 2);
}
.\[\&\>\*\]\:border-s-0 > * {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 0px;
}
.\[\&\>\*\]\:border-b > * {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.\[\&\>\*\]\:border-border > * {
  border-color: var(--color-border);
}
.\[\&\>\*\]\:px-4 > * {
  padding-inline: calc(var(--spacing) * 4);
}
.\[\&\>\*\]\:px-\[clamp\(1rem\,3vw\,2\.5rem\)\] > * {
  padding-inline: clamp(1rem, 3vw, 2.5rem);
}
.\[\&\>\*\]\:py-4 > * {
  padding-block: calc(var(--spacing) * 4);
}
.\[\&\>\*\]\:py-5 > * {
  padding-block: calc(var(--spacing) * 5);
}
@media (width >= 769px) {
  .min-\[769px\]\:\[\&\>\*\]\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\] > * {
    grid-template-columns: minmax(0,1fr) auto auto;
  }
  .min-\[769px\]\:\[\&\>\*\]\:gap-\[clamp\(1rem\,4vw\,3rem\)\] > * {
    gap: clamp(1rem, 4vw, 3rem);
  }
}
@container band (width >= 641px) {
  .\@min-\[641px\]\/band\:\[\&\>\*\]\:border-s > * {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
}
.\[\&\>\*\:first-child\]\:border-s-0 > :first-child {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 0px;
}
@container band (width >= 641px) {
  .\@min-\[641px\]\/band\:\[\&\>\*\:first-child\]\:border-s-0 > :first-child {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0px;
  }
  .\@min-\[641px\]\/band\:\[\&\>\*\:nth-child\(3\)\]\:border-s-0 > :nth-child(3) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0px;
  }
}
@container band (width >= 1081px) {
  .\@min-\[1081px\]\/band\:\[\&\>\*\:nth-child\(3\)\]\:border-s > :nth-child(3) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
}
.\[\&\>\*\:nth-child\(n\+2\)\]\:border-t > :nth-child(n+2) {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
@container band (width >= 641px) {
  .\@min-\[641px\]\/band\:\[\&\>\*\:nth-child\(n\+2\)\]\:border-t-0 > :nth-child(n+2) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
}
.\[\&\>\.active\]\:bg-primary > .active {
  background-color: var(--color-primary);
}
.\[\&\>\.active\]\:text-primary-foreground > .active {
  color: var(--color-primary-foreground);
}
.\[\&\>\.checkbox\]\:inline-grid > .checkbox {
  display: inline-grid;
}
.\[\&\>\.checkbox\]\:size-5 > .checkbox {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}
.\[\&\>\.checkbox\]\:place-items-center > .checkbox {
  place-items: center;
}
.\[\&\>\.checkbox\]\:rounded-md > .checkbox {
  border-radius: var(--radius-md);
}
.\[\&\>\.checkbox\]\:bg-primary > .checkbox {
  background-color: var(--color-primary);
}
.\[\&\>\.checkbox\]\:text-\(length\:--text-xs\) > .checkbox {
  font-size: var(--text-xs);
}
.\[\&\>\.checkbox\]\:font-extrabold > .checkbox {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.\[\&\>\.checkbox\]\:text-primary-foreground > .checkbox {
  color: var(--color-primary-foreground);
}
.\[\&\>\.checkbox\.open\]\:border-\[1\.5px\] > .checkbox.open {
  border-style: var(--tw-border-style);
  border-width: 1.5px;
}
.\[\&\>\.checkbox\.open\]\:border-\[color-mix\(in_srgb\,var\(--color-ring\)_55\%\,transparent\)\] > .checkbox.open {
  border-color: color-mix(in srgb,oklch(60.6% 0.25 292.717) 55%,transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb,var(--color-ring) 55%,transparent);
  }
}
.\[\&\>\.checkbox\.open\]\:bg-transparent > .checkbox.open {
  background-color: transparent;
}
.\[\&\>\.default\]\:bg-primary\/14 > .default {
  background-color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 14%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 14%, transparent);
  }
}
.active .\[\.active_\&\]\:text-primary-foreground {
  color: var(--color-primary-foreground);
}
.idling .\[\.idling_\&\]\:opacity-100 {
  opacity: 100%;
}
.idling .\[\.idling_\&\]\:duration-\[750ms\] {
  --tw-duration: 750ms;
  transition-duration: 750ms;
}
.live .\[\.live_\&\]\:visible {
  visibility: visible;
}
@media (max-height:940px) and (min-width:700px) {
  .\[\@media_\(max-height\:940px\)_and_\(min-width\:700px\)\]\:text-\[clamp\(2\.6rem\,5\.6vw\,4\.8rem\)\] {
    font-size: clamp(2.6rem, 5.6vw, 4.8rem);
  }
  .\[\@media_\(max-height\:940px\)_and_\(min-width\:700px\)\]\:text-\[clamp\(3\.2rem\,7\.6vw\,6\.4rem\)\] {
    font-size: clamp(3.2rem, 7.6vw, 6.4rem);
  }
}
@media (max-aspect-ratio:4/5) {
  .\[\@media\(max-aspect-ratio\:4\/5\)\]\:object-contain {
    object-fit: contain;
  }
}
@media (max-height:760px) {
  .\[\@media\(max-height\:760px\)\]\:hidden {
    display: none;
  }
}
@media (max-width:520px) {
  .\[\@media\(max-width\:520px\)\]\:hidden {
    display: none;
  }
}
@media (min-aspect-ratio:21/10) {
  .\[\@media\(min-aspect-ratio\:21\/10\)\]\:object-contain {
    object-fit: contain;
  }
}
open-standards-visual[emphasis=high] .\[open-standards-visual\[emphasis\=high\]_\&\]\:gap-5 {
  gap: calc(var(--spacing) * 5);
}
open-standards-visual[emphasis=high] .\[open-standards-visual\[emphasis\=high\]_\&\]\:bg-\[linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--color-primary\)_8\.96\%\,transparent\)\,transparent\)\] {
  background-image: linear-gradient(135deg,color-mix(in srgb,oklch(49.1% 0.27 292.581) 8.96%,transparent),transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8.96%,transparent),transparent);
  }
}
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-outline-style: solid;
    }
  }
}