.border-border {
  border-color: var(--darkreader-border-2b374a, #51678b);
}

.text-center {
  text-align: center;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.border-border {
  border-color: hsl(var(--border));
}

.border-b {
  border-bottom-width: 1px;
}

.overflow-hidden {
  overflow: hidden;
}

.relative {
  position: relative;
}

* {
  border-color: var(--darkreader-border-2b374a, #51678b);
}

*,
::after,
::before {
  border-color: var(--darkreader-border-d1d1d1, #3d4245);
}

*,
::after,
::before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --darkreader-bg--tw-ring-offset-width: 0px;
  --darkreader-bg--tw-ring-offset-color: var(--darkreader-background-ffffff, #181a1b);
  --darkreader-bg--tw-ring-color: var(--darkreader-background-3b82f680, rgba(8, 68, 166, 0.5));
  --darkreader-bg--tw-ring-offset-shadow: 0 0 #0000;
  --darkreader-bg--tw-ring-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow-colored: 0 0 #0000;
}

* {
  border-color: hsl(var(--border));
}

*,
:after,
:before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: hsl(var(--gray-200));
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
}

div {
  display: block;
  unicode-bidi: isolate;
}

*,
::after,
::before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --darkreader-bg--tw-ring-offset-width: 0px;
  --darkreader-bg--tw-ring-offset-color: var(--darkreader-background-ffffff, #181a1b);
  --darkreader-bg--tw-ring-color: var(--darkreader-background-3b82f680, rgba(8, 68, 166, 0.5));
  --darkreader-bg--tw-ring-offset-shadow: 0 0 #0000;
  --darkreader-bg--tw-ring-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow-colored: 0 0 #0000;
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
}

.font-sans {
  font-family: var(--font-pretendard), system-ui, sans-serif;
}

body {
  background-color: var(--darkreader-background-050814, #040610);
  color: var(--darkreader-text-f5f9ff, #c5e3ff);
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

body {
  margin: 0;
  line-height: inherit;
}

*,
::after,
::before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --darkreader-bg--tw-ring-offset-width: 0px;
  --darkreader-bg--tw-ring-offset-color: var(--darkreader-background-ffffff, #181a1b);
  --darkreader-bg--tw-ring-color: var(--darkreader-background-3b82f680, rgba(8, 68, 166, 0.5));
  --darkreader-bg--tw-ring-offset-shadow: 0 0 #0000;
  --darkreader-bg--tw-ring-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow-colored: 0 0 #0000;
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
}

html,
body,
input,
textarea,
select,
button {
  border-color: var(--darkreader-border-4c4c4c, #736b5e);
  color: var(--darkreader-text-000000, #e8e6e3);
}

.dark {
  --darkreader-bg--background: 0, 0, 10;
  --darkreader-text--background: 228, 226, 222;
  --darkreader-bg--foreground: 0, 0, 196;
  --darkreader-text--foreground: 57, 129, 255;
  --darkreader-border--foreground: 0, 0, 182;
  --darkreader-bg--surface: 0, 0, 16;
  --darkreader-bg--surface-2: 0, 0, 22;
  --darkreader-bg--accent: 58, 75, 11;
  --darkreader-text--accent-foreground: 228, 226, 222;
  --darkreader-bg--primary-500: 58, 75, 11;
  --darkreader-bg--primary-600: 71, 86, 11;
  --darkreader-text--primary-600: 209, 239, 129;
  --primary-700: 214 94% 44%;
  --darkreader-bg--primary: 58, 75, 11;
  --darkreader-text--primary: 206, 240, 146;
  --darkreader-border--primary: 81, 117, 17;
  --darkreader-bg--primary-light: 64, 88, 17;
  --darkreader-text--primary-light: 201, 236, 159;
  --darkreader-text--primary-dark: 214, 240, 101;
  --darkreader-bg--primary-hover: 71, 86, 11;
  --darkreader-text--primary-hover: 209, 239, 129;
  --darkreader-text--primary-foreground: 228, 226, 222;
  --gray-50: 0 0% 95%;
  --darkreader-bg--gray-100: 0, 0, 184;
  --darkreader-text--gray-100: 66, 135, 255;
  --darkreader-bg--gray-200: 0, 0, 167;
  --darkreader-text--gray-200: 79, 143, 255;
  --darkreader-border--gray-200: 0, 0, 192;
  --darkreader-bg--gray-300: 0, 0, 147;
  --darkreader-text--gray-300: 94, 152, 255;
  --darkreader-border--gray-300: 0, 0, 200;
  --darkreader-text--gray-400: 106, 160, 255;
  --darkreader-text--gray-500: 118, 168, 255;
  --darkreader-text--gray-600: 143, 184, 255;
  --darkreader-border--gray-600: 0, 0, 224;
  --darkreader-bg--gray-700: 0, 0, 30;
  --darkreader-text--gray-700: 220, 217, 212;
  --darkreader-border--gray-700: 134, 124, 110;
  --darkreader-bg--gray-800: 0, 0, 21;
  --darkreader-text--gray-800: 224, 221, 217;
  --darkreader-border--gray-800: 136, 126, 111;
  --darkreader-bg--gray-900: 0, 0, 16;
  --darkreader-text--gray-900: 226, 223, 219;
  --gray-950: 0 0% 5%;
  --darkreader-bg--track-ai-beginner: 199, 0, 0;
  --darkreader-text--track-ai-beginner: 255, 44, 96;
  --darkreader-border--track-ai-beginner: 255, 0, 0;
  --darkreader-bg--track-ai-developer: 94, 51, 60;
  --darkreader-text--track-ai-developer: 199, 150, 161;
  --darkreader-border--track-ai-developer: 97, 52, 62;

}

:root {
  --darkreader-bg--background: 0, 0, 204;
  --darkreader-text--background: 51, 125, 255;
  --darkreader-bg--foreground: 0, 0, 14;
  --darkreader-text--foreground: 226, 224, 220;
  --darkreader-border--foreground: 137, 127, 113;
  --darkreader-bg--surface: 0, 0, 204;
  --darkreader-bg--surface-2: 0, 0, 198;
  --darkreader-bg--accent: 78, 93, 11;
  --darkreader-text--accent-foreground: 51, 125, 255;
  --primary-50: 213 94% 97%;
  --primary-100: 213 94% 92%;
  --primary-200: 213 94% 82%;
  --darkreader-bg--primary-300: 49, 66, 13;
  --darkreader-bg--primary-400: 68, 84, 11;
  --darkreader-bg--primary-500: 78, 93, 11;
  --darkreader-bg--primary-600: 98, 111, 10;
  --darkreader-text--primary-600: 215, 240, 91;
  --primary-700: 214 94% 28%;
  --primary-800: 214 94% 22%;
  --primary-900: 214 94% 18%;
  --darkreader-bg--primary: 85, 99, 10;
  --darkreader-text--primary: 213, 240, 109;
  --darkreader-border--primary: 111, 135, 14;
  --darkreader-bg--primary-light: 68, 84, 11;
  --darkreader-text--primary-light: 208, 238, 132;
  --darkreader-text--primary-dark: 215, 240, 91;
  --darkreader-bg--primary-hover: 98, 111, 10;
  --darkreader-text--primary-hover: 215, 240, 91;
  --darkreader-text--primary-foreground: 51, 125, 255;
  --gray-50: 0 0% 98%;
  --darkreader-bg--gray-100: 0, 0, 194;
  --darkreader-text--gray-100: 59, 130, 255;
  --darkreader-bg--gray-200: 0, 0, 179;
  --darkreader-text--gray-200: 70, 137, 255;
  --darkreader-border--gray-200: 0, 0, 188;
  --darkreader-bg--gray-300: 0, 0, 153;
  --darkreader-text--gray-300: 89, 150, 255;
  --darkreader-border--gray-300: 0, 0, 198;
  --darkreader-text--gray-400: 135, 179, 255;
  --darkreader-text--gray-500: 143, 184, 255;
  --darkreader-text--gray-600: 212, 208, 202;
  --darkreader-border--gray-600: 129, 120, 106;
  --darkreader-bg--gray-700: 0, 0, 30;
  --darkreader-text--gray-700: 220, 217, 212;
  --darkreader-border--gray-700: 134, 124, 110;
  --darkreader-bg--gray-800: 0, 0, 21;
  --darkreader-text--gray-800: 224, 221, 217;
  --darkreader-border--gray-800: 136, 126, 111;
  --darkreader-bg--gray-900: 0, 0, 10;
  --darkreader-text--gray-900: 228, 226, 222;
}

.dark {
  --background: 0 0% 5%;
  --foreground: 0 0% 96%;
  --surface: 0 0% 8%;
  --surface-2: 0 0% 11%;
  --accent: 214 95% 64%;
  --accent-foreground: 0 0% 5%;
  --primary-500: 214 95% 64%;
  --primary-600: 213 94% 55%;
  --primary-700: 214 94% 44%;
  --primary: 214 95% 64%;
  --primary-light: 212 94% 70%;
  --primary-dark: 214 94% 40%;
  --primary-hover: 213 94% 55%;
  --primary-foreground: 0 0% 5%;
  --gray-50: 0 0% 95%;
  --gray-100: 0 0% 90%;
  --gray-200: 0 0% 82%;
  --gray-300: 0 0% 72%;
  --gray-400: 0 0% 64%;
  --gray-500: 0 0% 56%;
  --gray-600: 0 0% 40%;
  --gray-700: 0 0% 15%;
  --gray-800: 0 0% 10%;
  --gray-900: 0 0% 8%;
  --gray-950: 0 0% 5%;
  --track-ai-beginner: 325 55% 66%;
  --track-ai-developer: 200 60% 64%;
  --track-spring-backend: 142 52% 58%;
  --badge-free: 142 75% 53%;
  --badge-premium: 262 75% 56%;
  --badge-soon: 30 85% 63%;
  --success: 142 75% 53%;
  --warning: 30 85% 63%;
  --error: 0 85% 65%;
  --info: 213 94% 58%;
  --secondary: 0 0% 11%;
  --secondary-foreground: 0 0% 82%;
  --card: 0 0% 8%;
  --card-foreground: 0 0% 96%;
  --popover: 0 0% 11%;
  --popover-foreground: 0 0% 96%;
  --muted: 0 0% 11%;
  --muted-foreground: 0 0% 64%;
  --destructive: 0 85% 60%;
  --destructive-foreground: 0 0% 96%;
  --border: 0 0% 15%;
  --input: 0 0% 18%;
  --ring: 214 95% 64%;
}

:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 7%;
  --surface: 0 0% 100%;
  --surface-2: 0 0% 97%;
  --accent: 213 94% 49%;
  --accent-foreground: 0 0% 100%;
  --primary-50: 213 94% 97%;
  --primary-100: 213 94% 92%;
  --primary-200: 213 94% 82%;
  --primary-300: 213 94% 70%;
  --primary-400: 212 94% 56%;
  --primary-500: 213 94% 49%;
  --primary-600: 214 94% 34%;
  --primary-700: 214 94% 28%;
  --primary-800: 214 94% 22%;
  --primary-900: 214 94% 18%;
  --primary: 214 94% 44%;
  --primary-light: 212 94% 56%;
  --primary-dark: 214 94% 34%;
  --primary-hover: 214 94% 34%;
  --primary-foreground: 0 0% 100%;
  --gray-50: 0 0% 98%;
  --gray-100: 0 0% 95%;
  --gray-200: 0 0% 88%;
  --gray-300: 0 0% 75%;
  --gray-400: 0 0% 45%;
  --gray-500: 0 0% 40%;
  --gray-600: 0 0% 25%;
  --gray-700: 0 0% 15%;
  --gray-800: 0 0% 10%;
  --gray-900: 0 0% 5%;
  --secondary: 0 0% 95%;
  --secondary-foreground: 0 0% 25%;
  --track-ai-beginner-50: 325 75% 96%;
  --track-ai-beginner-100: 325 75% 92%;
  --track-ai-beginner-200: 325 75% 85%;
  --track-ai-beginner-300: 325 75% 75%;
  --track-ai-beginner-400: 325 75% 65%;
  --track-ai-beginner-500: 325 75% 60%;
  --track-ai-beginner-600: 325 75% 52%;
  --track-ai-beginner-700: 325 75% 45%;
  --track-ai-beginner: 325 75% 60%;
  --track-ai-beginner-bg: 325 75% 96%;
  --track-ai-beginner-border: 325 75% 70%;
  --track-ai-developer-50: 200 78% 96%;
  --track-ai-developer-100: 200 78% 92%;
  --track-ai-developer-200: 200 78% 85%;
  --track-ai-developer-300: 200 78% 75%;
  --track-ai-developer-400: 200 78% 65%;
  --track-ai-developer-500: 200 78% 58%;
}

.dark {
  --color-paper: oklch(15% 0.025 255);
  --darkreader-bg--color-paper-2: var(--darkreader-background-09121e, #070e18);
  --color-paper-3: oklch(22% 0.032 255);
  --color-ink: oklch(96% 0.01 255);
  --color-ink-2: oklch(84% 0.018 255);
  --color-rule: oklch(30% 0.03 255);
  --color-rule-2: oklch(42% 0.04 255);
  --color-muted: oklch(72% 0.025 255);
  --color-neutral: oklch(78% 0.02 255);
  --color-accent: oklch(68% 0.18 255);
  --color-accent-ink: oklch(15% 0.025 255);
  --color-focus: oklch(74% 0.18 255);
}

:root {
  --color-paper: oklch(98% 0.008 255);
  --darkreader-bg--color-paper-2: var(--darkreader-background-ecf2fa, #1f2123);
  --color-paper-3: oklch(92% 0.016 255);
  --color-ink: oklch(23% 0.055 255);
  --color-ink-2: oklch(36% 0.045 255);
  --color-rule: oklch(86% 0.022 255);
  --color-rule-2: oklch(72% 0.032 255);
  --color-muted: oklch(52% 0.035 255);
  --color-neutral: oklch(42% 0.04 255);
  --color-accent: oklch(57% 0.22 255);
  --color-accent-ink: oklch(98% 0.008 255);
  --color-focus: oklch(62% 0.22 255);
  --darkreader-bg--color-kakao: var(--darkreader-background-fae431, #827403);
  --darkreader-text--color-kakao-ink: var(--darkreader-text-21190d, #d9d6d1);
  --font-display: var(--font-pretendard), "Pretendard Variable", sans-serif;
  --font-body: var(--font-pretendard), "Pretendard Variable", sans-serif;
  --font-outlier: ui-monospace, "SFMono-Regular", Menlo, monospace;
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;
  --space-4xl: 10rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1.125rem;
  --text-lg: 1.375rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.25rem;
  --text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;
  --dur-sequence: 1.8s;
  --dur-sequence-step-two: 840ms;
  --dur-proof-loop: 6s;
  --dur-proof-step: 2s;
  --dur-proof-step-two: 4s;
  --rule-hair: 1px;
  --rule-fine: 2px;
  --radius-card: 0.5rem;
  --radius-pill: 999px;
  --radius-input: 0.5rem;
}

.dark {
  --color-paper: oklch(15% 0.025 255);
  --color-paper-2: oklch(18% 0.028 255);
  --color-paper-3: oklch(22% 0.032 255);
  --color-ink: oklch(96% 0.01 255);
  --color-ink-2: oklch(84% 0.018 255);
  --color-rule: oklch(30% 0.03 255);
  --color-rule-2: oklch(42% 0.04 255);
  --color-muted: oklch(72% 0.025 255);
  --color-neutral: oklch(78% 0.02 255);
  --color-accent: oklch(68% 0.18 255);
  --color-accent-ink: oklch(15% 0.025 255);
  --color-focus: oklch(74% 0.18 255);
}

:root {
  --color-paper: oklch(98% 0.008 255);
  --color-paper-2: oklch(96% 0.012 255);
  --color-paper-3: oklch(92% 0.016 255);
  --color-ink: oklch(23% 0.055 255);
  --color-ink-2: oklch(36% 0.045 255);
  --color-rule: oklch(86% 0.022 255);
  --color-rule-2: oklch(72% 0.032 255);
  --color-muted: oklch(52% 0.035 255);
  --color-neutral: oklch(42% 0.04 255);
  --color-accent: oklch(57% 0.22 255);
  --color-accent-ink: oklch(98% 0.008 255);
  --color-focus: oklch(62% 0.22 255);
  --color-kakao: oklch(91% 0.18 102);
  --color-kakao-ink: oklch(22% 0.025 80);
  --font-display: var(--font-pretendard), "Pretendard Variable", sans-serif;
  --font-body: var(--font-pretendard), "Pretendard Variable", sans-serif;
  --font-outlier: ui-monospace, "SFMono-Regular", Menlo, monospace;
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;
  --space-4xl: 10rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1.125rem;
  --text-lg: 1.375rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.25rem;
  --text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;
  --dur-sequence: 1.8s;
  --dur-sequence-step-two: 840ms;
  --dur-proof-loop: 6s;
  --dur-proof-step: 2s;
  --dur-proof-step-two: 4s;
  --rule-hair: 1px;
  --rule-fine: 2px;
  --radius-card: 0.5rem;
  --radius-pill: 999px;
  --radius-input: 0.5rem;
}

.__variable_fde3a9 {
  --font-pretendard: "pretendard", "pretendard Fallback", system-ui, sans-serif;
}

.__variable_fde3a9 {
  --font-pretendard: "pretendard", "pretendard Fallback", system-ui, sans-serif;
}

:root {
  --darkreader-neutral-background: var(--darkreader-background-ffffff, #181a1b);
  --darkreader-neutral-text: var(--darkreader-text-000000, #e8e6e3);
  --darkreader-selection-background: var(--darkreader-background-0060d4, #004daa);
  --darkreader-selection-text: var(--darkreader-text-ffffff, #e8e6e3);
  --darkreader-background-ffffff: #181a1b;
  --darkreader-text-ffffff: #e8e6e3;
  --darkreader-border-404040: #776e62;
  --darkreader-text-000000: #e8e6e3;
  --darkreader-border-4c4c4c: #736b5e;
  --darkreader-text-0040ff: #3391ff;
  --darkreader-border-808080: #545b5e;
  --darkreader-text-a9a9a9: #b2aba1;
  --darkreader-background-faffbd: #404400;
  --darkreader-background-0060d4: #004daa;
  --darkreader-background-ffd76e: #684b00;
  --darkreader-background-c59d00: #9e7e00;
  --darkreader-text-302505: #d7d4cf;
  --darkreader-background-add8e6: #1b4958;
  --darkreader-background-cfecf5: #0f3a47;
  --darkreader-background-f5f5f5: #1e2021;
  --darkreader-background-faedda: #432c09;
  --darkreader-background-85c3d8: #245d70;
  --darkreader-background-e6e6e6: #26292b;
  --darkreader-background-f9f9f9: #1b1e1f;
  --darkreader-background-ecf2fa: #1f2123;
  --darkreader-background-fae431: #827403;
  --darkreader-text-21190d: #d9d6d1;
  --darkreader-text-667383: #9e9689;
  --darkreader-border-d0d8e4: #2d3b4f;
  --darkreader-background-09121e: #070e18;
  --darkreader-background-3b82f680: rgba(8, 68, 166, 0.5);
  --darkreader-border-d1d1d1: #3d4245;
  --darkreader-text-a3a3a3: #aea79c;
  --darkreader-border-2b374a: #51678b;
  --darkreader-background-050814: #040610;
  --darkreader-text-f5f9ff: #c5e3ff;
  --darkreader-text-bdc6d6: #c6c1ba;
  --darkreader-text-0000aa: #669eff;
  --darkreader-text-a40000: #ff5959;
  --darkreader-text-8f1208: #f7756b;
  --darkreader-border-334155: #506686;
  --darkreader-border-ffffff1a: rgba(48, 52, 54, 0.1);
  --darkreader-border-1e1f22: #81786a;
  --darkreader-border-4048a8: #333a86;
  --darkreader-border-4bd37f: #218849;
  --darkreader-border-4e5058: #71695d;
  --darkreader-border-5865f2: #0b1791;
  --darkreader-border-5f6a82: #676055;
  --darkreader-border-a8170a: #be1a0b;
  --darkreader-border-b71c0c: #b81c0c;
}

:host,
html {
  -webkit-tap-highlight-color: transparent;
}

:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: var(--font-pretendard), system-ui, sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

*,
::after,
::before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --darkreader-bg--tw-ring-offset-width: 0px;
  --darkreader-bg--tw-ring-offset-color: var(--darkreader-background-ffffff, #181a1b);
  --darkreader-bg--tw-ring-color: var(--darkreader-background-3b82f680, rgba(8, 68, 166, 0.5));
  --darkreader-bg--tw-ring-offset-shadow: 0 0 #0000;
  --darkreader-bg--tw-ring-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow-colored: 0 0 #0000;
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246/0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
}

html {
  color-scheme: dark !important;
}

::after,
::before {
  --tw-content: "";
}

*,
::after,
::before {
  border-color: var(--darkreader-border-d1d1d1, #3d4245);
}

*,
::after,
::before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --darkreader-bg--tw-ring-offset-width: 0px;
  --darkreader-bg--tw-ring-offset-color: var(--darkreader-background-ffffff, #181a1b);
  --darkreader-bg--tw-ring-color: var(--darkreader-background-3b82f680, rgba(8, 68, 166, 0.5));
  --darkreader-bg--tw-ring-offset-shadow: 0 0 #0000;
  --darkreader-bg--tw-ring-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow-colored: 0 0 #0000;
}

:after,
:before {
  --tw-content: "";
}

*,
:after,
:before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: hsl(var(--gray-200));
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
}

::after,
::before {
  --tw-content: "";
}

*,
::after,
::before {
  border-color: var(--darkreader-border-d1d1d1, #3d4245);
}

*,
::after,
::before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --darkreader-bg--tw-ring-offset-width: 0px;
  --darkreader-bg--tw-ring-offset-color: var(--darkreader-background-ffffff, #181a1b);
  --darkreader-bg--tw-ring-color: var(--darkreader-background-3b82f680, rgba(8, 68, 166, 0.5));
  --darkreader-bg--tw-ring-offset-shadow: 0 0 #0000;
  --darkreader-bg--tw-ring-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow-colored: 0 0 #0000;
}

:after,
:before {
  --tw-content: "";
}

*,
:after,
:before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: hsl(var(--gray-200));
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246/0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --darkreader-bg--tw-ring-offset-width: 0px;
  --darkreader-bg--tw-ring-offset-color: var(--darkreader-background-ffffff, #181a1b);
  --darkreader-bg--tw-ring-color: var(--darkreader-background-3b82f680, rgba(8, 68, 166, 0.5));
  --darkreader-bg--tw-ring-offset-shadow: 0 0 #0000;
  --darkreader-bg--tw-ring-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow: 0 0 #0000;
  --darkreader-bg--tw-shadow-colored: 0 0 #0000;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246/0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
}

::selection {
  background-color: var(--darkreader-background-0060d4, #004daa) !important;
  color: var(--darkreader-text-ffffff, #e8e6e3) !important;
}

::selection {
  background-color: var(--darkreader-background-0060d4, #004daa) !important;
  color: var(--darkreader-text-ffffff, #e8e6e3) !important;
}

::selection {
  background-color: var(--darkreader-background-0060d4, #004daa) !important;
  color: var(--darkreader-text-ffffff, #e8e6e3) !important;
}

::selection {
  background-color: var(--darkreader-background-0060d4, #004daa) !important;
  color: var(--darkreader-text-ffffff, #e8e6e3) !important;
}

@font-face {
  font-family: pretendard;
  src: url(/_next/static/media/ff840cfebfb63b0c-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 45 920;
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246/0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246/0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: hsl(var(--gray-200))
}

:after,
:before {
  --tw-content: ""
}

:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: var(--font-pretendard), system-ui, sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent
}

body {
  margin: 0;
  line-height: inherit
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit
}

a {
  color: inherit;
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0
}

fieldset {
  margin: 0
}

fieldset,
legend {
  padding: 0
}

menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0
}

dialog {
  padding: 0
}

textarea {
  resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: hsl(var(--gray-400))
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: hsl(var(--gray-400))
}

[role=button],
button {
  cursor: pointer
}

:disabled {
  cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle
}

img,
video {
  max-width: 100%;
  height: auto
}

[hidden]:where(:not([hidden=until-found])) {
  display: none
}

:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 7%;
  --surface: 0 0% 100%;
  --surface-2: 0 0% 97%;
  --accent: 213 94% 49%;
  --accent-foreground: 0 0% 100%;
  --primary-50: 213 94% 97%;
  --primary-100: 213 94% 92%;
  --primary-200: 213 94% 82%;
  --primary-300: 213 94% 70%;
  --primary-400: 212 94% 56%;
  --primary-500: 213 94% 49%;
  --primary-600: 214 94% 34%;
  --primary-700: 214 94% 28%;
  --primary-800: 214 94% 22%;
  --primary-900: 214 94% 18%;
  --primary: 214 94% 44%;
  --primary-light: 212 94% 56%;
  --primary-dark: 214 94% 34%;
  --primary-hover: 214 94% 34%;
  --primary-foreground: 0 0% 100%;
  --gray-50: 0 0% 98%;
  --gray-100: 0 0% 95%;
  --gray-200: 0 0% 88%;
  --gray-300: 0 0% 75%;
  --gray-400: 0 0% 45%;
  --gray-500: 0 0% 40%;
  --gray-600: 0 0% 25%;
  --gray-700: 0 0% 15%;
  --gray-800: 0 0% 10%;
  --gray-900: 0 0% 5%;
  --secondary: 0 0% 95%;
  --secondary-foreground: 0 0% 25%;
  --track-ai-beginner-50: 325 75% 96%;
  --track-ai-beginner-100: 325 75% 92%;
  --track-ai-beginner-200: 325 75% 85%;
  --track-ai-beginner-300: 325 75% 75%;
  --track-ai-beginner-400: 325 75% 65%;
  --track-ai-beginner-500: 325 75% 60%;
  --track-ai-beginner-600: 325 75% 52%;
  --track-ai-beginner-700: 325 75% 45%;
  --track-ai-beginner: 325 75% 60%;
  --track-ai-beginner-bg: 325 75% 96%;
  --track-ai-beginner-border: 325 75% 70%;
  --track-ai-developer-50: 200 78% 96%;
  --track-ai-developer-100: 200 78% 92%;
  --track-ai-developer-200: 200 78% 85%;
  --track-ai-developer-300: 200 78% 75%;
  --track-ai-developer-400: 200 78% 65%;
  --track-ai-developer-500: 200 78% 58%;
  --track-ai-developer-600: 200 78% 50%;
  --track-ai-developer-700: 200 78% 42%;
  --track-ai-developer: 200 78% 58%;
  --track-ai-developer-bg: 200 78% 96%;
  --track-ai-developer-border: 200 78% 72%;
  --track-spring-backend-50: 142 80% 96%;
  --track-spring-backend-100: 142 80% 92%;
  --track-spring-backend-200: 142 80% 85%;
  --track-spring-backend-300: 142 80% 75%;
  --track-spring-backend-400: 142 80% 65%;
  --track-spring-backend-500: 142 80% 52%;
  --track-spring-backend-600: 142 80% 45%;
  --track-spring-backend-700: 142 80% 38%;
  --track-spring-backend: 142 80% 52%;
  --track-spring-backend-bg: 142 80% 96%;
  --track-spring-backend-border: 142 80% 70%;
  --badge-free-50: 142 75% 94%;
  --badge-free-100: 142 75% 88%;
  --badge-free-200: 142 75% 75%;
  --badge-free-300: 142 75% 60%;
  --badge-free-400: 142 75% 54%;
  --badge-free-500: 142 75% 48%;
  --badge-free-600: 142 75% 40%;
  --badge-free-700: 142 75% 32%;
  --badge-free: 142 75% 48%;
  --badge-free-bg: 142 75% 94%;
  --badge-free-text: 142 75% 28%;
  --badge-premium-50: 262 75% 94%;
  --badge-premium-100: 262 75% 88%;
  --badge-premium-200: 262 75% 75%;
  --badge-premium-300: 262 75% 67%;
  --badge-premium-400: 262 75% 60%;
  --badge-premium-500: 262 75% 52%;
  --badge-premium-600: 262 75% 45%;
  --badge-premium-700: 262 75% 40%;
  --badge-premium: 262 75% 56%;
  --badge-premium-bg: 262 75% 94%;
  --badge-premium-text: 262 75% 40%;
  --badge-soon-50: 30 85% 94%;
  --badge-soon-100: 30 85% 88%;
  --badge-soon-200: 30 85% 75%;
  --badge-soon-300: 30 85% 67%;
  --badge-soon-400: 30 85% 58%;
  --badge-soon-500: 30 85% 50%;
  --badge-soon-600: 30 85% 42%;
  --badge-soon-700: 30 85% 38%;
  --badge-soon: 30 85% 58%;
  --badge-soon-bg: 30 85% 94%;
  --badge-soon-text: 30 85% 30%;
  --success-50: 142 75% 94%;
  --success-100: 142 75% 88%;
  --success-500: 142 75% 48%;
  --success-600: 142 75% 40%;
  --success: 142 75% 48%;
  --success-bg: 142 75% 94%;
  --warning-50: 30 85% 94%;
  --warning-500: 30 85% 58%;
  --warning: 30 85% 58%;
  --warning-bg: 30 85% 94%;
  --error-50: 0 85% 94%;
  --error-500: 0 85% 60%;
  --error: 0 85% 60%;
  --error-bg: 0 85% 94%;
  --info-50: 213 94% 97%;
  --info-500: 213 94% 49%;
  --info: 213 94% 49%;
  --info-bg: 213 94% 97%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 5%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 5%;
  --muted: 0 0% 95%;
  --muted-foreground: 0 0% 40%;
  --destructive: 0 85% 55%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 91%;
  --input: 0 0% 88%;
  --ring: 213 94% 49%;
  --radius: 0.75rem;
  --animation-fast: 150ms;
  --animation-base: 200ms;
  --animation-slow: 300ms;
  --animation-slower: 500ms;
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --lift-sm: -2px;
  --lift-md: -4px;
  --lift-lg: -8px;
  --text-display-1: clamp(4rem, 10vw, 10rem);
  --text-display-2: clamp(3rem, 8vw, 8rem);
  --text-headline-1: clamp(2.5rem, 5vw, 5rem);
  --text-headline-2: clamp(2rem, 4vw, 4rem);
  --text-body-lg: clamp(1.125rem, 2vw, 1.5rem);
  --text-body: 1rem;
  --text-body-sm: 0.875rem;
  --tracking-tighter: -0.04em;
  --tracking-tight: -0.02em;
  --tracking-normal: 0
}

.dark {
  --background: 0 0% 5%;
  --foreground: 0 0% 96%;
  --surface: 0 0% 8%;
  --surface-2: 0 0% 11%;
  --accent: 214 95% 64%;
  --accent-foreground: 0 0% 5%;
  --primary-500: 214 95% 64%;
  --primary-600: 213 94% 55%;
  --primary-700: 214 94% 44%;
  --primary: 214 95% 64%;
  --primary-light: 212 94% 70%;
  --primary-dark: 214 94% 40%;
  --primary-hover: 213 94% 55%;
  --primary-foreground: 0 0% 5%;
  --gray-50: 0 0% 95%;
  --gray-100: 0 0% 90%;
  --gray-200: 0 0% 82%;
  --gray-300: 0 0% 72%;
  --gray-400: 0 0% 64%;
  --gray-500: 0 0% 56%;
  --gray-600: 0 0% 40%;
  --gray-700: 0 0% 15%;
  --gray-800: 0 0% 10%;
  --gray-900: 0 0% 8%;
  --gray-950: 0 0% 5%;
  --track-ai-beginner: 325 55% 66%;
  --track-ai-developer: 200 60% 64%;
  --track-spring-backend: 142 52% 58%;
  --badge-free: 142 75% 53%;
  --badge-premium: 262 75% 56%;
  --badge-soon: 30 85% 63%;
  --success: 142 75% 53%;
  --warning: 30 85% 63%;
  --error: 0 85% 65%;
  --info: 213 94% 58%;
  --secondary: 0 0% 11%;
  --secondary-foreground: 0 0% 82%;
  --card: 0 0% 8%;
  --card-foreground: 0 0% 96%;
  --popover: 0 0% 11%;
  --popover-foreground: 0 0% 96%;
  --muted: 0 0% 11%;
  --muted-foreground: 0 0% 64%;
  --destructive: 0 85% 60%;
  --destructive-foreground: 0 0% 96%;
  --border: 0 0% 15%;
  --input: 0 0% 18%;
  --ring: 214 95% 64%
}

* {
  border-color: hsl(var(--border))
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground))
}

body,
html {
  overflow-x: clip
}

html {
  scroll-behavior: smooth
}

section[id] {
  scroll-margin-top: 80px
}

h1 {
  font-size: 2.25rem;
  line-height: 2.5rem
}

@media (min-width: 768px) {
  h1 {
    font-size: 3rem;
    line-height: 1
  }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 52px
  }
}

h1 {
  font-variation-settings: "wght" 700;
  line-height: 1.1;
  letter-spacing: -.025em;
  color: hsl(var(--foreground))
}

h2 {
  font-size: 1.875rem;
  line-height: 2.25rem
}

@media (min-width: 768px) {
  h2 {
    font-size: 2.25rem;
    line-height: 2.5rem
  }
}

@media (min-width: 1024px) {
  h2 {
    font-size: 36px
  }
}

h2 {
  font-variation-settings: "wght" 600;
  line-height: 1.2;
  letter-spacing: -.025em;
  color: hsl(var(--foreground))
}

h3 {
  font-size: 1.25rem;
  line-height: 1.75rem
}

@media (min-width: 768px) {
  h3 {
    font-size: 1.5rem;
    line-height: 2rem
  }
}

h3 {
  font-variation-settings: "wght" 600;
  line-height: 1.25;
  color: hsl(var(--foreground))
}

h4 {
  font-size: 1.125rem;
  line-height: 1.75rem
}

@media (min-width: 768px) {
  h4 {
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

h4 {
  font-variation-settings: "wght" 500;
  line-height: 1.375;
  color: hsl(var(--foreground))
}

p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-variation-settings: "wght" 400;
  line-height: 1.6;
  color: hsl(var(--muted-foreground))
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem
}

@media (min-width: 1400px) {
  .container {
    max-width: 1400px
  }
}

.developer-type-light {
  color: #000;
  color-scheme: light
}

.developer-type-light h1,
.developer-type-light h2,
.developer-type-light h3,
.developer-type-light h4,
.developer-type-light p {
  color: #000
}

.developer-type-light a,
.developer-type-light blockquote,
.developer-type-light button,
.developer-type-light h1,
.developer-type-light h2,
.developer-type-light h3,
.developer-type-light h4,
.developer-type-light p,
.developer-type-light span,
.developer-type-light strong {
  word-break: keep-all;
  overflow-wrap: break-word
}

.developer-type-light blockquote,
.developer-type-light h1,
.developer-type-light h2 {
  text-wrap: balance
}

.developer-type-light p {
  text-wrap: pretty
}

.developer-type-light .developer-type-inverse {
  color: #fff
}

.developer-type-light .developer-type-log-blue {
  color: #0000aa
}

.developer-type-light .developer-type-log-red {
  color: #a40000
}

.developer-type-light .developer-type-accent-red {
  color: #8f1208
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}

.pointer-events-none {
  pointer-events: none
}

.pointer-events-auto {
  pointer-events: auto
}

.\!visible {
  visibility: visible !important
}

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.collapse {
  visibility: collapse
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.-inset-4 {
  inset: -1rem
}

.inset-0 {
  inset: 0
}

.inset-\[7px\] {
  inset: 7px
}

.inset-x-0 {
  left: 0;
  right: 0
}

.inset-y-0 {
  top: 0;
  bottom: 0
}

.-bottom-0\.5 {
  bottom: -.125rem
}

.-bottom-2 {
  bottom: -.5rem
}

.-left-2 {
  left: -.5rem
}

.-left-3 {
  left: -.75rem
}

.-right-0\.5 {
  right: -.125rem
}

.-right-2 {
  right: -.5rem
}

.-right-3 {
  right: -.75rem
}

.-top-3 {
  top: -.75rem
}

.-top-6 {
  top: -1.5rem
}

.bottom-0 {
  bottom: 0
}

.bottom-10 {
  bottom: 2.5rem
}

.bottom-24 {
  bottom: 6rem
}

.bottom-3 {
  bottom: .75rem
}

.bottom-4 {
  bottom: 1rem
}

.bottom-8 {
  bottom: 2rem
}

.bottom-\[15\%\] {
  bottom: 15%
}

.bottom-\[max\(1rem\2c env\(safe-area-inset-bottom\)\)\] {
  bottom: max(1rem, env(safe-area-inset-bottom))
}

.left-0 {
  left: 0
}

.left-1\/2 {
  left: 50%
}

.left-2 {
  left: .5rem
}

.left-3 {
  left: .75rem
}

.left-4 {
  left: 1rem
}

.left-5 {
  left: 1.25rem
}

.left-\[1\.45rem\] {
  left: 1.45rem
}

.left-\[15\%\] {
  left: 15%
}

.left-\[50\%\] {
  left: 50%
}

.left-\[8\%\] {
  left: 8%
}

.right-0 {
  right: 0
}

.right-1 {
  right: .25rem
}

.right-2 {
  right: .5rem
}

.right-3 {
  right: .75rem
}

.right-4 {
  right: 1rem
}

.right-8 {
  right: 2rem
}

.right-\[15\%\] {
  right: 15%
}

.right-\[8\%\] {
  right: 8%
}

.top-0 {
  top: 0
}

.top-1 {
  top: .25rem
}

.top-1\/2 {
  top: 50%
}

.top-10 {
  top: 2.5rem
}

.top-2 {
  top: .5rem
}

.top-3 {
  top: .75rem
}

.top-4 {
  top: 1rem
}

.top-5 {
  top: 1.25rem
}

.top-8 {
  top: 2rem
}

.top-\[15\%\] {
  top: 15%
}

.top-\[50\%\] {
  top: 50%
}

.top-\[56px\] {
  top: 56px
}

.top-\[6\.5rem\] {
  top: 6.5rem
}

.top-\[6\.75rem\] {
  top: 6.75rem
}

.top-auto {
  top: auto
}

.top-full {
  top: 100%
}

.isolate {
  isolation: isolate
}

.-z-20 {
  z-index: -20
}

.z-0 {
  z-index: 0
}

.z-10 {
  z-index: 10
}

.z-20 {
  z-index: 20
}

.z-30 {
  z-index: 30
}

.z-40 {
  z-index: 40
}

.z-50 {
  z-index: 50
}

.z-\[100\] {
  z-index: 100
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-first {
  order: -9999
}

.col-span-2 {
  grid-column: span 2/span 2
}

.col-start-1 {
  grid-column-start: 1
}

.col-start-2 {
  grid-column-start: 2
}

.col-start-3 {
  grid-column-start: 3
}

.row-start-1 {
  grid-row-start: 1
}

.row-start-2 {
  grid-row-start: 2
}

.row-start-3 {
  grid-row-start: 3
}

.m-0 {
  margin: 0
}

.m-1 {
  margin: .25rem
}

.m-2 {
  margin: .5rem
}

.m-3 {
  margin: .75rem
}

.-mx-1 {
  margin-left: -.25rem;
  margin-right: -.25rem
}

.-mx-3 {
  margin-left: -.75rem;
  margin-right: -.75rem
}

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.my-0\.5 {
  margin-top: .125rem;
  margin-bottom: .125rem
}

.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem
}

.-mt-3 {
  margin-top: -.75rem
}

.mb-0\.5 {
  margin-bottom: .125rem
}

.mb-1 {
  margin-bottom: .25rem
}

.mb-1\.5 {
  margin-bottom: .375rem
}

.mb-10 {
  margin-bottom: 2.5rem
}

.mb-12 {
  margin-bottom: 3rem
}

.mb-14 {
  margin-bottom: 3.5rem
}

.mb-2 {
  margin-bottom: .5rem
}

.mb-2\.5 {
  margin-bottom: .625rem
}

.mb-3 {
  margin-bottom: .75rem
}

.mb-4 {
  margin-bottom: 1rem
}

.mb-5 {
  margin-bottom: 1.25rem
}

.mb-6 {
  margin-bottom: 1.5rem
}

.mb-7 {
  margin-bottom: 1.75rem
}

.mb-8 {
  margin-bottom: 2rem
}

.ml-0\.5 {
  margin-left: .125rem
}

.ml-1 {
  margin-left: .25rem
}

.ml-1\.5 {
  margin-left: .375rem
}

.ml-2 {
  margin-left: .5rem
}

.ml-3 {
  margin-left: .75rem
}

.ml-5 {
  margin-left: 1.25rem
}

.ml-auto {
  margin-left: auto
}

.mr-1 {
  margin-right: .25rem
}

.mr-1\.5 {
  margin-right: .375rem
}

.mr-2 {
  margin-right: .5rem
}

.mr-4 {
  margin-right: 1rem
}

.mt-0 {
  margin-top: 0
}

.mt-0\.5 {
  margin-top: .125rem
}

.mt-1 {
  margin-top: .25rem
}

.mt-1\.5 {
  margin-top: .375rem
}

.mt-10 {
  margin-top: 2.5rem
}

.mt-12 {
  margin-top: 3rem
}

.mt-14 {
  margin-top: 3.5rem
}

.mt-16 {
  margin-top: 4rem
}

.mt-2 {
  margin-top: .5rem
}

.mt-20 {
  margin-top: 5rem
}

.mt-3 {
  margin-top: .75rem
}

.mt-4 {
  margin-top: 1rem
}

.mt-5 {
  margin-top: 1.25rem
}

.mt-6 {
  margin-top: 1.5rem
}

.mt-7 {
  margin-top: 1.75rem
}

.mt-8 {
  margin-top: 2rem
}

.mt-9 {
  margin-top: 2.25rem
}

.mt-auto {
  margin-top: auto
}

.line-clamp-1 {
  -webkit-line-clamp: 1
}

.line-clamp-1,
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.line-clamp-2 {
  -webkit-line-clamp: 2
}

.line-clamp-3 {
  -webkit-line-clamp: 3
}

.line-clamp-3,
.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.line-clamp-4 {
  -webkit-line-clamp: 4
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.grid {
  display: grid
}

.contents {
  display: contents
}

.hidden {
  display: none
}

.aspect-\[1200\/630\] {
  aspect-ratio: 1200/630
}

.aspect-\[1200\/781\] {
  aspect-ratio: 1200/781
}

.aspect-\[16\/10\] {
  aspect-ratio: 16/10
}

.aspect-\[16\/9\] {
  aspect-ratio: 16/9
}

.aspect-square {
  aspect-ratio: 1/1
}

.aspect-video {
  aspect-ratio: 16/9
}

.size-4 {
  width: 1rem;
  height: 1rem
}

.size-7 {
  width: 1.75rem;
  height: 1.75rem
}

.h-1\.5 {
  height: .375rem
}

.h-10 {
  height: 2.5rem
}

.h-11 {
  height: 2.75rem
}

.h-12 {
  height: 3rem
}

.h-14 {
  height: 3.5rem
}

.h-16 {
  height: 4rem
}

.h-2 {
  height: .5rem
}

.h-2\.5 {
  height: .625rem
}

.h-20 {
  height: 5rem
}

.h-24 {
  height: 6rem
}

.h-28 {
  height: 7rem
}

.h-3 {
  height: .75rem
}

.h-3\.5 {
  height: .875rem
}

.h-32 {
  height: 8rem
}

.h-4 {
  height: 1rem
}

.h-40 {
  height: 10rem
}

.h-48 {
  height: 12rem
}

.h-5 {
  height: 1.25rem
}

.h-6 {
  height: 1.5rem
}

.h-7 {
  height: 1.75rem
}

.h-72 {
  height: 18rem
}

.h-8 {
  height: 2rem
}

.h-9 {
  height: 2.25rem
}

.h-\[36rem\] {
  height: 36rem
}

.h-\[480px\] {
  height: 480px
}

.h-\[calc\(100vh-56px\)\] {
  height: calc(100vh - 56px)
}

.h-auto {
  height: auto
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content
}

.h-full {
  height: 100%
}

.h-px {
  height: 1px
}

.max-h-52 {
  max-height: 13rem
}

.max-h-72 {
  max-height: 18rem
}

.max-h-\[360px\] {
  max-height: 360px
}

.max-h-\[420px\] {
  max-height: 420px
}

.max-h-\[520px\] {
  max-height: 520px
}

.max-h-\[70vh\] {
  max-height: 70vh
}

.max-h-\[72vh\] {
  max-height: 72vh
}

.max-h-\[90vh\] {
  max-height: 90vh
}

.max-h-\[calc\(100dvh-2rem\)\] {
  max-height: calc(100dvh - 2rem)
}

.max-h-\[calc\(100svh-0\.5rem\)\] {
  max-height: calc(100svh - .5rem)
}

.max-h-screen {
  max-height: 100vh
}

.min-h-0 {
  min-height: 0
}

.min-h-10 {
  min-height: 2.5rem
}

.min-h-11 {
  min-height: 2.75rem
}

.min-h-12 {
  min-height: 3rem
}

.min-h-14 {
  min-height: 3.5rem
}

.min-h-16 {
  min-height: 4rem
}

.min-h-20 {
  min-height: 5rem
}

.min-h-24 {
  min-height: 6rem
}

.min-h-32 {
  min-height: 8rem
}

.min-h-36 {
  min-height: 9rem
}

.min-h-40 {
  min-height: 10rem
}

.min-h-44 {
  min-height: 11rem
}

.min-h-48 {
  min-height: 12rem
}

.min-h-56 {
  min-height: 14rem
}

.min-h-64 {
  min-height: 16rem
}

.min-h-72 {
  min-height: 18rem
}

.min-h-8 {
  min-height: 2rem
}

.min-h-80 {
  min-height: 20rem
}

.min-h-9 {
  min-height: 2.25rem
}

.min-h-\[23rem\] {
  min-height: 23rem
}

.min-h-\[3rem\] {
  min-height: 3rem
}

.min-h-\[420px\] {
  min-height: 420px
}

.min-h-\[45vh\] {
  min-height: 45vh
}

.min-h-\[520px\] {
  min-height: 520px
}

.min-h-\[60vh\] {
  min-height: 60vh
}

.min-h-\[650px\] {
  min-height: 650px
}

.min-h-\[70vh\] {
  min-height: 70vh
}

.min-h-\[88px\] {
  min-height: 88px
}

.min-h-\[calc\(100vh-200px\)\] {
  min-height: calc(100vh - 200px)
}

.min-h-\[calc\(100vh-80px\)\] {
  min-height: calc(100vh - 80px)
}

.min-h-dvh {
  min-height: 100dvh
}

.min-h-full {
  min-height: 100%
}

.min-h-screen {
  min-height: 100vh
}

.w-0\.5 {
  width: .125rem
}

.w-1 {
  width: .25rem
}

.w-1\.5 {
  width: .375rem
}

.w-10 {
  width: 2.5rem
}

.w-11 {
  width: 2.75rem
}

.w-12 {
  width: 3rem
}

.w-14 {
  width: 3.5rem
}

.w-16 {
  width: 4rem
}

.w-2 {
  width: .5rem
}

.w-2\.5 {
  width: .625rem
}

.w-2\/3 {
  width: 66.666667%
}

.w-20 {
  width: 5rem
}

.w-24 {
  width: 6rem
}

.w-28 {
  width: 7rem
}

.w-3 {
  width: .75rem
}

.w-3\.5 {
  width: .875rem
}

.w-3\/4 {
  width: 75%
}

.w-32 {
  width: 8rem
}

.w-36 {
  width: 9rem
}

.w-4 {
  width: 1rem
}

.w-40 {
  width: 10rem
}

.w-5 {
  width: 1.25rem
}

.w-6 {
  width: 1.5rem
}

.w-60 {
  width: 15rem
}

.w-7 {
  width: 1.75rem
}

.w-72 {
  width: 18rem
}

.w-8 {
  width: 2rem
}

.w-80 {
  width: 20rem
}

.w-9 {
  width: 2.25rem
}

.w-\[260px\] {
  width: 260px
}

.w-\[68\%\] {
  width: 68%
}

.w-\[86\%\] {
  width: 86%
}

.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem)
}

.w-\[min\(21rem\2c calc\(100vw-2rem\)\)\] {
  width: min(21rem, calc(100vw - 2rem))
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content
}

.w-full {
  width: 100%
}

.w-px {
  width: 1px
}

.min-w-0 {
  min-width: 0
}

.min-w-11 {
  min-width: 2.75rem
}

.min-w-7 {
  min-width: 1.75rem
}

.min-w-8 {
  min-width: 2rem
}

.min-w-\[1100px\] {
  min-width: 1100px
}

.min-w-\[132px\] {
  min-width: 132px
}

.min-w-\[140px\] {
  min-width: 140px
}

.min-w-\[220px\] {
  min-width: 220px
}

.min-w-\[44px\] {
  min-width: 44px
}

.min-w-\[720px\] {
  min-width: 720px
}

.min-w-\[96px\] {
  min-width: 96px
}

.min-w-full {
  min-width: 100%
}

.max-w-24 {
  max-width: 6rem
}

.max-w-2xl {
  max-width: 42rem
}

.max-w-3xl {
  max-width: 48rem
}

.max-w-4xl {
  max-width: 56rem
}

.max-w-56 {
  max-width: 14rem
}

.max-w-5xl {
  max-width: 64rem
}

.max-w-60 {
  max-width: 15rem
}

.max-w-6xl {
  max-width: 72rem
}

.max-w-7xl {
  max-width: 80rem
}

.max-w-\[1200px\] {
  max-width: 1200px
}

.max-w-\[1480px\] {
  max-width: 1480px
}

.max-w-\[1500px\] {
  max-width: 1500px
}

.max-w-\[15rem\] {
  max-width: 15rem
}

.max-w-\[1600px\] {
  max-width: 1600px
}

.max-w-\[480px\] {
  max-width: 480px
}

.max-w-\[62\%\] {
  max-width: 62%
}

.max-w-\[90vw\] {
  max-width: 90vw
}

.max-w-full {
  max-width: 100%
}

.max-w-lg {
  max-width: 32rem
}

.max-w-md {
  max-width: 28rem
}

.max-w-none {
  max-width: none
}

.max-w-prose {
  max-width: 65ch
}

.max-w-sm {
  max-width: 24rem
}

.max-w-xl {
  max-width: 36rem
}

.max-w-xs {
  max-width: 20rem
}

.flex-1 {
  flex: 1 1 0%
}

.flex-none {
  flex: none
}

.flex-shrink {
  flex-shrink: 1
}

.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0
}

.flex-grow,
.grow {
  flex-grow: 1
}

.border-collapse {
  border-collapse: collapse
}

.origin-top-left {
  transform-origin: top left
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-2 {
  --tw-translate-x: -0.5rem
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%
}

.-translate-y-1\/2,
.translate-x-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
  --tw-translate-x: 0px
}

.translate-x-\[-50\%\] {
  --tw-translate-x: -50%
}

.translate-x-\[-50\%\],
.translate-y-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
  --tw-translate-y: 0px
}

.translate-y-2 {
  --tw-translate-y: 0.5rem
}

.translate-y-2,
.translate-y-5 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-5 {
  --tw-translate-y: 1.25rem
}

.translate-y-8 {
  --tw-translate-y: 2rem
}

.translate-y-8,
.translate-y-\[-50\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50\%\] {
  --tw-translate-y: -50%
}

.-rotate-1 {
  --tw-rotate: -1deg
}

.-rotate-1,
.-rotate-12 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-12 {
  --tw-rotate: -12deg
}

.-rotate-2 {
  --tw-rotate: -2deg
}

.-rotate-2,
.-rotate-3 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-3 {
  --tw-rotate: -3deg
}

.-rotate-6 {
  --tw-rotate: -6deg
}

.-rotate-6,
.rotate-1 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-1 {
  --tw-rotate: 1deg
}

.rotate-180 {
  --tw-rotate: 180deg
}

.rotate-180,
.rotate-2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-2 {
  --tw-rotate: 2deg
}

.rotate-90 {
  --tw-rotate: 90deg
}

.rotate-90,
.rotate-\[-18deg\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-18deg\] {
  --tw-rotate: -18deg
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}

.animate-spin {
  animation: spin 1s linear infinite
}

.cursor-not-allowed {
  cursor: not-allowed
}

.cursor-pointer {
  cursor: pointer
}

.resize-none {
  resize: none
}

.resize-y {
  resize: vertical
}

.resize {
  resize: both
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory
}

.snap-center {
  scroll-snap-align: center
}

.scroll-mt-20 {
  scroll-margin-top: 5rem
}

.scroll-mt-24 {
  scroll-margin-top: 6rem
}

.scroll-mt-28 {
  scroll-margin-top: 7rem
}

.scroll-mt-32 {
  scroll-margin-top: 8rem
}

.scroll-mt-48 {
  scroll-margin-top: 12rem
}

.list-decimal {
  list-style-type: decimal
}

.list-disc {
  list-style-type: disc
}

.list-none {
  list-style-type: none
}

.auto-cols-\[88vw\] {
  grid-auto-columns: 88vw
}

.grid-flow-col {
  grid-auto-flow: column
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-\[1fr_72px_1fr\] {
  grid-template-columns: 1fr 72px 1fr
}

.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto
}

.grid-cols-\[2\.5rem_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 2.5rem minmax(0, 1fr)
}

.grid-cols-\[2rem_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 2rem minmax(0, 1fr)
}

.grid-cols-\[2rem_minmax\(0\2c 1fr\)_1\.5rem\] {
  grid-template-columns: 2rem minmax(0, 1fr) 1.5rem
}

.grid-cols-\[32px_1fr_auto\] {
  grid-template-columns: 32px 1fr auto
}

.grid-cols-\[34px_1fr\] {
  grid-template-columns: 34px 1fr
}

.grid-cols-\[3rem_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 3rem minmax(0, 1fr)
}

.grid-cols-\[56px_1fr\] {
  grid-template-columns: 56px 1fr
}

.grid-cols-\[72px_1fr\] {
  grid-template-columns: 72px 1fr
}

.grid-cols-\[clamp\(4\.5rem\2c 22vw\2c 6\.5rem\)_minmax\(0\2c 1fr\)\] {
  grid-template-columns: clamp(4.5rem, 22vw, 6.5rem) minmax(0, 1fr)
}

.grid-cols-\[minmax\(0\2c 1fr\)_88px_minmax\(0\2c 1fr\)\] {
  grid-template-columns: minmax(0, 1fr) 88px minmax(0, 1fr)
}

.grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
  grid-template-columns: minmax(0, 1fr) auto
}

.grid-rows-\[auto_auto_auto\] {
  grid-template-rows: auto auto auto
}

.flex-col {
  flex-direction: column
}

.flex-col-reverse {
  flex-direction: column-reverse
}

.flex-wrap {
  flex-wrap: wrap
}

.place-items-center {
  place-items: center
}

.content-start {
  align-content: flex-start
}

.items-start {
  align-items: flex-start
}

.items-end {
  align-items: flex-end
}

.items-center {
  align-items: center
}

.items-baseline {
  align-items: baseline
}

.items-stretch {
  align-items: stretch
}

.justify-start {
  justify-content: flex-start
}

.justify-end {
  justify-content: flex-end
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.gap-0 {
  gap: 0
}

.gap-0\.5 {
  gap: .125rem
}

.gap-1 {
  gap: .25rem
}

.gap-1\.5 {
  gap: .375rem
}

.gap-10 {
  gap: 2.5rem
}

.gap-12 {
  gap: 3rem
}

.gap-2 {
  gap: .5rem
}

.gap-3 {
  gap: .75rem
}

.gap-4 {
  gap: 1rem
}

.gap-5 {
  gap: 1.25rem
}

.gap-6 {
  gap: 1.5rem
}

.gap-7 {
  gap: 1.75rem
}

.gap-8 {
  gap: 2rem
}

.gap-9 {
  gap: 2.25rem
}

.gap-\[6px\] {
  gap: 6px
}

.gap-x-2 {
  -moz-column-gap: .5rem;
  column-gap: .5rem
}

.gap-x-3 {
  -moz-column-gap: .75rem;
  column-gap: .75rem
}

.gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem
}

.gap-x-8 {
  -moz-column-gap: 2rem;
  column-gap: 2rem
}

.gap-y-1 {
  row-gap: .25rem
}

.gap-y-2 {
  row-gap: .5rem
}

.gap-y-3 {
  row-gap: .75rem
}

.gap-y-5 {
  row-gap: 1.25rem
}

.gap-y-8 {
  row-gap: 2rem
}

.space-x-4>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-0>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.space-y-12>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse))
}

.space-y-14>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3.5rem * var(--tw-space-y-reverse))
}

.space-y-16>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-7>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

.divide-x>:not([hidden])~:not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-y-2>:not([hidden])~:not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse))
}

.divide-border>:not([hidden])~:not([hidden]) {
  border-color: hsl(var(--border))
}

.divide-slate-700>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85/var(--tw-divide-opacity, 1))
}

.divide-white\/10>:not([hidden])~:not([hidden]) {
  border-color: rgb(255 255 255/.1)
}

.self-start {
  align-self: flex-start
}

.self-end {
  align-self: flex-end
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.overflow-visible {
  overflow: visible
}

.overflow-x-auto {
  overflow-x: auto
}

.overflow-y-auto {
  overflow-y: auto
}

.overflow-x-hidden {
  overflow-x: hidden
}

.overflow-x-clip {
  overflow-x: clip
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
  white-space: nowrap
}

.whitespace-pre-wrap {
  white-space: pre-wrap
}

.text-balance {
  text-wrap: balance
}

.text-pretty {
  text-wrap: pretty
}

.break-words {
  overflow-wrap: break-word
}

.break-all {
  word-break: break-all
}

.break-keep {
  word-break: keep-all
}

.rounded {
  border-radius: .25rem
}

.rounded-2xl {
  border-radius: 1rem
}

.rounded-3xl {
  border-radius: 1.5rem
}

.rounded-\[1\.75rem\] {
  border-radius: 1.75rem
}

.rounded-\[24px\] {
  border-radius: 24px
}

.rounded-\[28px\] {
  border-radius: 28px
}

.rounded-\[2rem\] {
  border-radius: 2rem
}

.rounded-\[var\(--challenge-radius-panel\)\] {
  border-radius: var(--challenge-radius-panel)
}

.rounded-full {
  border-radius: 9999px
}

.rounded-lg {
  border-radius: var(--radius)
}

.rounded-md {
  border-radius: calc(var(--radius) - 2px)
}

.rounded-none {
  border-radius: 0
}

.rounded-sm {
  border-radius: calc(var(--radius) - 4px)
}

.rounded-xl {
  border-radius: .75rem
}

.rounded-t-\[1\.75rem\] {
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem
}

.border {
  border-width: 1px
}

.border-0 {
  border-width: 0
}

.border-2 {
  border-width: 2px
}

.border-4 {
  border-width: 4px
}

.border-8 {
  border-width: 8px
}

.border-\[3px\] {
  border-width: 3px
}

.border-x-0 {
  border-left-width: 0;
  border-right-width: 0
}

.border-x-4 {
  border-left-width: 4px;
  border-right-width: 4px
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px
}

.border-y-4 {
  border-top-width: 4px;
  border-bottom-width: 4px
}

.border-y-\[3px\] {
  border-top-width: 3px;
  border-bottom-width: 3px
}

.border-b {
  border-bottom-width: 1px
}

.border-b-0 {
  border-bottom-width: 0
}

.border-b-2 {
  border-bottom-width: 2px
}

.border-b-4 {
  border-bottom-width: 4px
}

.border-b-\[3px\] {
  border-bottom-width: 3px
}

.border-l {
  border-left-width: 1px
}

.border-l-2 {
  border-left-width: 2px
}

.border-l-4 {
  border-left-width: 4px
}

.border-l-\[3px\] {
  border-left-width: 3px
}

.border-r {
  border-right-width: 1px
}

.border-t {
  border-top-width: 1px
}

.border-t-0 {
  border-top-width: 0
}

.border-t-2 {
  border-top-width: 2px
}

.border-t-4 {
  border-top-width: 4px
}

.border-t-\[3px\] {
  border-top-width: 3px
}

.border-dashed {
  border-style: dashed
}

.border-dotted {
  border-style: dotted
}

.border-\[\#1e1f22\] {
  --tw-border-opacity: 1;
  border-color: rgb(30 31 34/var(--tw-border-opacity, 1))
}

.border-\[\#4048a8\] {
  --tw-border-opacity: 1;
  border-color: rgb(64 72 168/var(--tw-border-opacity, 1))
}

.border-\[\#4bd37f\] {
  --tw-border-opacity: 1;
  border-color: rgb(75 211 127/var(--tw-border-opacity, 1))
}

.border-\[\#4e5058\] {
  --tw-border-opacity: 1;
  border-color: rgb(78 80 88/var(--tw-border-opacity, 1))
}

.border-\[\#5865F2\] {
  --tw-border-opacity: 1;
  border-color: rgb(88 101 242/var(--tw-border-opacity, 1))
}

.border-\[\#5f6a82\] {
  --tw-border-opacity: 1;
  border-color: rgb(95 106 130/var(--tw-border-opacity, 1))
}

.border-\[\#a8170a\] {
  --tw-border-opacity: 1;
  border-color: rgb(168 23 10/var(--tw-border-opacity, 1))
}

.border-\[\#b71c0c\] {
  --tw-border-opacity: 1;
  border-color: rgb(183 28 12/var(--tw-border-opacity, 1))
}

.border-\[\#f0ea61\] {
  --tw-border-opacity: 1;
  border-color: rgb(240 234 97/var(--tw-border-opacity, 1))
}

.border-\[color\:var\(--color-offline-rule\)\] {
  border-color: var(--color-offline-rule)
}

.border-\[hsl\(var\(--badge-soon\)\)\]\/20 {
  border-color: hsl(var(--badge-soon)/.2)
}

.border-\[rgba\(169\2c 189\2c 220\2c 0\.22\)\] {
  border-color: rgba(169, 189, 220, .22)
}

.border-\[var\(--backend-line\)\] {
  border-color: var(--backend-line)
}

.border-\[var\(--backend-line-strong\)\] {
  border-color: var(--backend-line-strong)
}

.border-\[var\(--backend-primary\)\] {
  border-color: var(--backend-primary)
}

.border-\[var\(--backend-primary-line\)\] {
  border-color: var(--backend-primary-line)
}

.border-\[var\(--backend-secondary\)\] {
  border-color: var(--backend-secondary)
}

.border-\[var\(--pv-accent\)\] {
  border-color: var(--pv-accent)
}

.border-\[var\(--pv-line\)\] {
  border-color: var(--pv-line)
}

.border-\[var\(--pv-secondary\)\] {
  border-color: var(--pv-secondary)
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138/var(--tw-border-opacity, 1))
}

.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77/var(--tw-border-opacity, 1))
}

.border-amber-300\/50 {
  border-color: rgb(252 211 77/.5)
}

.border-amber-300\/70 {
  border-color: rgb(252 211 77/.7)
}

.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36/var(--tw-border-opacity, 1))
}

.border-amber-400\/50 {
  border-color: rgb(251 191 36/.5)
}

.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11/var(--tw-border-opacity, 1))
}

.border-amber-900 {
  --tw-border-opacity: 1;
  border-color: rgb(120 53 15/var(--tw-border-opacity, 1))
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity, 1))
}

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254/var(--tw-border-opacity, 1))
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254/var(--tw-border-opacity, 1))
}

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253/var(--tw-border-opacity, 1))
}

.border-blue-300\/70 {
  border-color: rgb(147 197 253/.7)
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250/var(--tw-border-opacity, 1))
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235/var(--tw-border-opacity, 1))
}

.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216/var(--tw-border-opacity, 1))
}

.border-border {
  border-color: hsl(var(--border))
}

.border-border\/50 {
  border-color: hsl(var(--border)/.5)
}

.border-border\/60 {
  border-color: hsl(var(--border)/.6)
}

.border-border\/70 {
  border-color: hsl(var(--border)/.7)
}

.border-current {
  border-color: currentColor
}

.border-cyan-200 {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252/var(--tw-border-opacity, 1))
}

.border-cyan-200\/50 {
  border-color: rgb(165 243 252/.5)
}

.border-cyan-200\/75 {
  border-color: rgb(165 243 252/.75)
}

.border-cyan-300 {
  --tw-border-opacity: 1;
  border-color: rgb(103 232 249/var(--tw-border-opacity, 1))
}

.border-destructive {
  border-color: hsl(var(--destructive))
}

.border-destructive\/20 {
  border-color: hsl(var(--destructive)/.2)
}

.border-destructive\/30 {
  border-color: hsl(var(--destructive)/.3)
}

.border-destructive\/70 {
  border-color: hsl(var(--destructive)/.7)
}

.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208/var(--tw-border-opacity, 1))
}

.border-emerald-300 {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183/var(--tw-border-opacity, 1))
}

.border-emerald-400\/20 {
  border-color: rgb(52 211 153/.2)
}

.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129/var(--tw-border-opacity, 1))
}

.border-emerald-500\/40 {
  border-color: rgb(16 185 129/.4)
}

.border-emerald-800 {
  --tw-border-opacity: 1;
  border-color: rgb(6 95 70/var(--tw-border-opacity, 1))
}

.border-foreground {
  border-color: hsl(var(--foreground))
}

.border-fuchsia-200 {
  --tw-border-opacity: 1;
  border-color: rgb(245 208 254/var(--tw-border-opacity, 1))
}

.border-fuchsia-300 {
  --tw-border-opacity: 1;
  border-color: rgb(240 171 252/var(--tw-border-opacity, 1))
}

.border-gray-200 {
  border-color: hsl(var(--gray-200))
}

.border-gray-300 {
  border-color: hsl(var(--gray-300))
}

.border-gray-800 {
  border-color: hsl(var(--gray-800))
}

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254/var(--tw-border-opacity, 1))
}

.border-input {
  border-color: hsl(var(--input))
}

.border-lime-300 {
  --tw-border-opacity: 1;
  border-color: rgb(190 242 100/var(--tw-border-opacity, 1))
}

.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170/var(--tw-border-opacity, 1))
}

.border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116/var(--tw-border-opacity, 1))
}

.border-orange-400\/45 {
  border-color: rgb(251 146 60/.45)
}

.border-orange-400\/60 {
  border-color: rgb(251 146 60/.6)
}

.border-pink-300 {
  --tw-border-opacity: 1;
  border-color: rgb(249 168 212/var(--tw-border-opacity, 1))
}

.border-pink-500 {
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153/var(--tw-border-opacity, 1))
}

.border-popover {
  border-color: hsl(var(--popover))
}

.border-primary {
  border-color: hsl(var(--primary))
}

.border-primary\/15 {
  border-color: hsl(var(--primary)/.15)
}

.border-primary\/20 {
  border-color: hsl(var(--primary)/.2)
}

.border-primary\/25 {
  border-color: hsl(var(--primary)/.25)
}

.border-primary\/30 {
  border-color: hsl(var(--primary)/.3)
}

.border-primary\/40 {
  border-color: hsl(var(--primary)/.4)
}

.border-primary\/50 {
  border-color: hsl(var(--primary)/.5)
}

.border-primary\/60 {
  border-color: hsl(var(--primary)/.6)
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202/var(--tw-border-opacity, 1))
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165/var(--tw-border-opacity, 1))
}

.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28/var(--tw-border-opacity, 1))
}

.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211/var(--tw-border-opacity, 1))
}

.border-rose-200\/80 {
  border-color: rgb(254 205 211/.8)
}

.border-rose-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175/var(--tw-border-opacity, 1))
}

.border-rose-500 {
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94/var(--tw-border-opacity, 1))
}

.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253/var(--tw-border-opacity, 1))
}

.border-sky-300 {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252/var(--tw-border-opacity, 1))
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240/var(--tw-border-opacity, 1))
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225/var(--tw-border-opacity, 1))
}

.border-slate-300\/45 {
  border-color: rgb(203 213 225/.45)
}

.border-slate-300\/60 {
  border-color: rgb(203 213 225/.6)
}

.border-slate-400 {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184/var(--tw-border-opacity, 1))
}

.border-slate-400\/40 {
  border-color: rgb(148 163 184/.4)
}

.border-slate-500 {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139/var(--tw-border-opacity, 1))
}

.border-slate-600 {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105/var(--tw-border-opacity, 1))
}

.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85/var(--tw-border-opacity, 1))
}

.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59/var(--tw-border-opacity, 1))
}

.border-slate-950 {
  --tw-border-opacity: 1;
  border-color: rgb(2 6 23/var(--tw-border-opacity, 1))
}

.border-stone-950 {
  --tw-border-opacity: 1;
  border-color: rgb(12 10 9/var(--tw-border-opacity, 1))
}

.border-track-ai-beginner {
  border-color: hsl(var(--track-ai-beginner))
}

.border-track-ai-developer {
  border-color: hsl(var(--track-ai-developer))
}

.border-track-spring-backend {
  border-color: hsl(var(--track-spring-backend))
}

.border-transparent {
  border-color: transparent
}

.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254/var(--tw-border-opacity, 1))
}

.border-violet-200\/55 {
  border-color: rgb(221 214 254/.55)
}

.border-violet-200\/80 {
  border-color: rgb(221 214 254/.8)
}

.border-violet-300 {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253/var(--tw-border-opacity, 1))
}

.border-violet-400\/40 {
  border-color: rgb(167 139 250/.4)
}

.border-violet-800 {
  --tw-border-opacity: 1;
  border-color: rgb(91 33 182/var(--tw-border-opacity, 1))
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.border-white\/10 {
  border-color: rgb(255 255 255/.1)
}

.border-white\/15 {
  border-color: rgb(255 255 255/.15)
}

.border-white\/20 {
  border-color: rgb(255 255 255/.2)
}

.bg-\[\#0000aa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 170/var(--tw-bg-opacity, 1))
}

.bg-\[\#007f7f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 127 127/var(--tw-bg-opacity, 1))
}

.bg-\[\#00d8ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 216 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#00d957\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 217 87/var(--tw-bg-opacity, 1))
}

.bg-\[\#0e1733\] {
  --tw-bg-opacity: 1;
  background-color: rgb(14 23 51/var(--tw-bg-opacity, 1))
}

.bg-\[\#111827\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39/var(--tw-bg-opacity, 1))
}

.bg-\[\#17301e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 48 30/var(--tw-bg-opacity, 1))
}

.bg-\[\#1a2131\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 33 49/var(--tw-bg-opacity, 1))
}

.bg-\[\#24292f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 41 47/var(--tw-bg-opacity, 1))
}

.bg-\[\#2b291a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 41 26/var(--tw-bg-opacity, 1))
}

.bg-\[\#2b2d31\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 45 49/var(--tw-bg-opacity, 1))
}

.bg-\[\#313338\] {
  --tw-bg-opacity: 1;
  background-color: rgb(49 51 56/var(--tw-bg-opacity, 1))
}

.bg-\[\#404249\] {
  --tw-bg-opacity: 1;
  background-color: rgb(64 66 73/var(--tw-bg-opacity, 1))
}

.bg-\[\#45bb35\] {
  --tw-bg-opacity: 1;
  background-color: rgb(69 187 53/var(--tw-bg-opacity, 1))
}

.bg-\[\#5865F2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(88 101 242/var(--tw-bg-opacity, 1))
}

.bg-\[\#7b2cff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(123 44 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#87ceeb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(135 206 235/var(--tw-bg-opacity, 1))
}

.bg-\[\#FEE500\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 229 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#c0c0c0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(192 192 192/var(--tw-bg-opacity, 1))
}

.bg-\[\#c91b0a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 27 10/var(--tw-bg-opacity, 1))
}

.bg-\[\#d8d8d8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(216 216 216/var(--tw-bg-opacity, 1))
}

.bg-\[\#e9e9e9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 233/var(--tw-bg-opacity, 1))
}

.bg-\[\#f5f8ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 248 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#f6f8fc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 248 252/var(--tw-bg-opacity, 1))
}

.bg-\[\#f7f8fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250/var(--tw-bg-opacity, 1))
}

.bg-\[\#f8faff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#ff9acb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 154 203/var(--tw-bg-opacity, 1))
}

.bg-\[\#ffe600\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 230 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#fff1a8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 168/var(--tw-bg-opacity, 1))
}

.bg-\[\#fffbd5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 213/var(--tw-bg-opacity, 1))
}

.bg-\[color-mix\(in_srgb\2c var\(--pv-accent\)_10\%\2c transparent\)\] {
  background-color: color-mix(in srgb, var(--pv-accent) 10%, transparent)
}

.bg-\[color-mix\(in_srgb\2c var\(--pv-accent\)_12\%\2c transparent\)\] {
  background-color: color-mix(in srgb, var(--pv-accent) 12%, transparent)
}

.bg-\[color-mix\(in_srgb\2c var\(--pv-secondary\)_12\%\2c transparent\)\] {
  background-color: color-mix(in srgb, var(--pv-secondary) 12%, transparent)
}

.bg-\[color-mix\(in_srgb\2c var\(--pv-surface\)_94\%\2c transparent\)\] {
  background-color: color-mix(in srgb, var(--pv-surface) 94%, transparent)
}

.bg-\[hsl\(var\(--badge-free-bg\)\)\] {
  background-color: hsl(var(--badge-free-bg))
}

.bg-\[hsl\(var\(--badge-premium-bg\)\)\] {
  background-color: hsl(var(--badge-premium-bg))
}

.bg-\[hsl\(var\(--badge-soon\)\)\]\/10 {
  background-color: hsl(var(--badge-soon)/.1)
}

.bg-\[hsl\(var\(--badge-soon-bg\)\)\] {
  background-color: hsl(var(--badge-soon-bg))
}

.bg-\[var\(--backend-bg\)\] {
  background-color: var(--backend-bg)
}

.bg-\[var\(--backend-bg-alt\)\] {
  background-color: var(--backend-bg-alt)
}

.bg-\[var\(--backend-console\)\] {
  background-color: var(--backend-console)
}

.bg-\[var\(--backend-console-surface\)\] {
  background-color: var(--backend-console-surface)
}

.bg-\[var\(--backend-line-strong\)\] {
  background-color: var(--backend-line-strong)
}

.bg-\[var\(--backend-primary\)\] {
  background-color: var(--backend-primary)
}

.bg-\[var\(--backend-primary-soft\)\] {
  background-color: var(--backend-primary-soft)
}

.bg-\[var\(--backend-secondary\)\] {
  background-color: var(--backend-secondary)
}

.bg-\[var\(--backend-secondary-soft\)\] {
  background-color: var(--backend-secondary-soft)
}

.bg-\[var\(--backend-surface\)\] {
  background-color: var(--backend-surface)
}

.bg-\[var\(--color-kakao\)\] {
  background-color: var(--color-kakao)
}

.bg-\[var\(--color-paper-2\)\] {
  background-color: var(--color-paper-2)
}

.bg-\[var\(--pv-accent\)\] {
  background-color: var(--pv-accent)
}

.bg-\[var\(--pv-bg\)\] {
  background-color: var(--pv-bg)
}

.bg-\[var\(--pv-bg-alt\)\] {
  background-color: var(--pv-bg-alt)
}

.bg-\[var\(--pv-glow\)\] {
  background-color: var(--pv-glow)
}

.bg-\[var\(--pv-line\)\] {
  background-color: var(--pv-line)
}

.bg-\[var\(--pv-surface\)\] {
  background-color: var(--pv-surface)
}

.bg-\[var\(--pv-surface-strong\)\] {
  background-color: var(--pv-surface-strong)
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199/var(--tw-bg-opacity, 1))
}

.bg-amber-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77/var(--tw-bg-opacity, 1))
}

.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36/var(--tw-bg-opacity, 1))
}

.bg-amber-400\/10 {
  background-color: rgb(251 191 36/.1)
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235/var(--tw-bg-opacity, 1))
}

.bg-amber-50\/45 {
  background-color: rgb(255 251 235/.45)
}

.bg-amber-50\/70 {
  background-color: rgb(255 251 235/.7)
}

.bg-amber-50\/80 {
  background-color: rgb(255 251 235/.8)
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11/var(--tw-bg-opacity, 1))
}

.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6/var(--tw-bg-opacity, 1))
}

.bg-amber-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9/var(--tw-bg-opacity, 1))
}

.bg-background {
  background-color: hsl(var(--background))
}

.bg-background\/60 {
  background-color: hsl(var(--background)/.6)
}

.bg-background\/70 {
  background-color: hsl(var(--background)/.7)
}

.bg-background\/75 {
  background-color: hsl(var(--background)/.75)
}

.bg-background\/80 {
  background-color: hsl(var(--background)/.8)
}

.bg-background\/90 {
  background-color: hsl(var(--background)/.9)
}

.bg-background\/95 {
  background-color: hsl(var(--background)/.95)
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/0 {
  background-color: rgb(0 0 0/0)
}

.bg-black\/10 {
  background-color: rgb(0 0 0/.1)
}

.bg-black\/20 {
  background-color: rgb(0 0 0/.2)
}

.bg-black\/50 {
  background-color: rgb(0 0 0/.5)
}

.bg-black\/55 {
  background-color: rgb(0 0 0/.55)
}

.bg-black\/80 {
  background-color: rgb(0 0 0/.8)
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254/var(--tw-bg-opacity, 1))
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255/var(--tw-bg-opacity, 1))
}

.bg-blue-50\/60 {
  background-color: rgb(239 246 255/.6)
}

.bg-blue-50\/65 {
  background-color: rgb(239 246 255/.65)
}

.bg-blue-50\/70 {
  background-color: rgb(239 246 255/.7)
}

.bg-blue-50\/80 {
  background-color: rgb(239 246 255/.8)
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
}

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216/var(--tw-bg-opacity, 1))
}

.bg-border {
  background-color: hsl(var(--border))
}

.bg-card {
  background-color: hsl(var(--card))
}

.bg-cyan-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255/var(--tw-bg-opacity, 1))
}

.bg-cyan-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212/var(--tw-bg-opacity, 1))
}

.bg-destructive {
  background-color: hsl(var(--destructive))
}

.bg-destructive\/5 {
  background-color: hsl(var(--destructive)/.05)
}

.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229/var(--tw-bg-opacity, 1))
}

.bg-emerald-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183/var(--tw-bg-opacity, 1))
}

.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153/var(--tw-bg-opacity, 1))
}

.bg-emerald-400\/10 {
  background-color: rgb(52 211 153/.1)
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245/var(--tw-bg-opacity, 1))
}

.bg-emerald-50\/60 {
  background-color: rgb(236 253 245/.6)
}

.bg-emerald-50\/70 {
  background-color: rgb(236 253 245/.7)
}

.bg-emerald-50\/80 {
  background-color: rgb(236 253 245/.8)
}

.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129/var(--tw-bg-opacity, 1))
}

.bg-emerald-500\/10 {
  background-color: rgb(16 185 129/.1)
}

.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105/var(--tw-bg-opacity, 1))
}

.bg-emerald-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87/var(--tw-bg-opacity, 1))
}

.bg-foreground {
  background-color: hsl(var(--foreground))
}

.bg-fuchsia-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 232 255/var(--tw-bg-opacity, 1))
}

.bg-fuchsia-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 244 255/var(--tw-bg-opacity, 1))
}

.bg-fuchsia-50\/80 {
  background-color: rgb(253 244 255/.8)
}

.bg-fuchsia-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 70 239/var(--tw-bg-opacity, 1))
}

.bg-fuchsia-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(192 38 211/var(--tw-bg-opacity, 1))
}

.bg-gray-100 {
  background-color: hsl(var(--gray-100))
}

.bg-gray-200 {
  background-color: hsl(var(--gray-200))
}

.bg-gray-900 {
  background-color: hsl(var(--gray-900))
}

.bg-gray-900\/60 {
  background-color: hsl(var(--gray-900)/.6)
}

.bg-gray-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18/var(--tw-bg-opacity, 1))
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231/var(--tw-bg-opacity, 1))
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255/var(--tw-bg-opacity, 1))
}

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241/var(--tw-bg-opacity, 1))
}

.bg-lime-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 254 231/var(--tw-bg-opacity, 1))
}

.bg-muted {
  background-color: hsl(var(--muted))
}

.bg-muted\/15 {
  background-color: hsl(var(--muted)/.15)
}

.bg-muted\/20 {
  background-color: hsl(var(--muted)/.2)
}

.bg-muted\/25 {
  background-color: hsl(var(--muted)/.25)
}

.bg-muted\/30 {
  background-color: hsl(var(--muted)/.3)
}

.bg-muted\/35 {
  background-color: hsl(var(--muted)/.35)
}

.bg-muted\/40 {
  background-color: hsl(var(--muted)/.4)
}

.bg-muted\/45 {
  background-color: hsl(var(--muted)/.45)
}

.bg-muted\/50 {
  background-color: hsl(var(--muted)/.5)
}

.bg-muted\/60 {
  background-color: hsl(var(--muted)/.6)
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213/var(--tw-bg-opacity, 1))
}

.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237/var(--tw-bg-opacity, 1))
}

.bg-orange-50\/80 {
  background-color: rgb(255 247 237/.8)
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22/var(--tw-bg-opacity, 1))
}

.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12/var(--tw-bg-opacity, 1))
}

.bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248/var(--tw-bg-opacity, 1))
}

.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119/var(--tw-bg-opacity, 1))
}

.bg-popover {
  background-color: hsl(var(--popover))
}

.bg-popover\/95 {
  background-color: hsl(var(--popover)/.95)
}

.bg-primary {
  background-color: hsl(var(--primary))
}

.bg-primary\/10 {
  background-color: hsl(var(--primary)/.1)
}

.bg-primary\/5 {
  background-color: hsl(var(--primary)/.05)
}

.bg-primary\/\[0\.035\] {
  background-color: hsl(var(--primary)/.035)
}

.bg-primary\/\[0\.045\] {
  background-color: hsl(var(--primary)/.045)
}

.bg-primary\/\[0\.04\] {
  background-color: hsl(var(--primary)/.04)
}

.bg-primary\/\[0\.08\] {
  background-color: hsl(var(--primary)/.08)
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255/var(--tw-bg-opacity, 1))
}

.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247/var(--tw-bg-opacity, 1))
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242/var(--tw-bg-opacity, 1))
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38/var(--tw-bg-opacity, 1))
}

.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28/var(--tw-bg-opacity, 1))
}

.bg-red-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10/var(--tw-bg-opacity, 1))
}

.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230/var(--tw-bg-opacity, 1))
}

.bg-rose-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 164 175/var(--tw-bg-opacity, 1))
}

.bg-rose-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 113 133/var(--tw-bg-opacity, 1))
}

.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242/var(--tw-bg-opacity, 1))
}

.bg-rose-50\/70 {
  background-color: rgb(255 241 242/.7)
}

.bg-rose-50\/80 {
  background-color: rgb(255 241 242/.8)
}

.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94/var(--tw-bg-opacity, 1))
}

.bg-rose-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72/var(--tw-bg-opacity, 1))
}

.bg-rose-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60/var(--tw-bg-opacity, 1))
}

.bg-secondary {
  background-color: hsl(var(--secondary))
}

.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254/var(--tw-bg-opacity, 1))
}

.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255/var(--tw-bg-opacity, 1))
}

.bg-sky-50\/80 {
  background-color: rgb(240 249 255/.8)
}

.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199/var(--tw-bg-opacity, 1))
}

.bg-sky-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161/var(--tw-bg-opacity, 1))
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
}

.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
}

.bg-slate-400\/10 {
  background-color: rgb(148 163 184/.1)
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity, 1))
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity, 1))
}

.bg-slate-900\/60 {
  background-color: rgb(15 23 42/.6)
}

.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23/var(--tw-bg-opacity, 1))
}

.bg-slate-950\/45 {
  background-color: rgb(2 6 23/.45)
}

.bg-track-ai-beginner-bg {
  background-color: hsl(var(--track-ai-beginner-bg))
}

.bg-track-ai-developer-bg {
  background-color: hsl(var(--track-ai-developer-bg))
}

.bg-track-spring-backend-bg {
  background-color: hsl(var(--track-spring-backend-bg))
}

.bg-transparent {
  background-color: transparent
}

.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254/var(--tw-bg-opacity, 1))
}

.bg-violet-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250/var(--tw-bg-opacity, 1))
}

.bg-violet-400\/5 {
  background-color: rgb(167 139 250/.05)
}

.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255/var(--tw-bg-opacity, 1))
}

.bg-violet-50\/70 {
  background-color: rgb(245 243 255/.7)
}

.bg-violet-50\/80 {
  background-color: rgb(245 243 255/.8)
}

.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246/var(--tw-bg-opacity, 1))
}

.bg-violet-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237/var(--tw-bg-opacity, 1))
}

.bg-violet-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217/var(--tw-bg-opacity, 1))
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-white\/0 {
  background-color: rgb(255 255 255/0)
}

.bg-white\/10 {
  background-color: rgb(255 255 255/.1)
}

.bg-white\/5 {
  background-color: rgb(255 255 255/.05)
}

.bg-white\/65 {
  background-color: rgb(255 255 255/.65)
}

.bg-white\/70 {
  background-color: rgb(255 255 255/.7)
}

.bg-white\/80 {
  background-color: rgb(255 255 255/.8)
}

.bg-white\/90 {
  background-color: rgb(255 255 255/.9)
}

.bg-white\/\[0\.07\] {
  background-color: rgb(255 255 255/.07)
}

.bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71/var(--tw-bg-opacity, 1))
}

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8/var(--tw-bg-opacity, 1))
}

.bg-\[linear-gradient\(135deg\2c var\(--pv-bg-alt\)\2c var\(--pv-surface\)\)\] {
  background-image: linear-gradient(135deg, var(--pv-bg-alt), var(--pv-surface))
}

.bg-\[radial-gradient\(circle_at_12\%_0\%\2c hsl\(var\(--primary\)\/\.18\)\2c transparent_34\%\)\2c radial-gradient\(circle_at_88\%_16\%\2c rgb\(139_92_246\/\.12\)\2c transparent_26\%\)\] {
  background-image: radial-gradient(circle at 12% 0, hsl(var(--primary)/.18), transparent 34%), radial-gradient(circle at 88% 16%, rgb(139 92 246/.12), transparent 26%)
}

.bg-\[radial-gradient\(circle_at_85\%_10\%\2c var\(--pv-glow\)\2c transparent_32\%\)\] {
  background-image: radial-gradient(circle at 85% 10%, var(--pv-glow), transparent 32%)
}

.bg-\[radial-gradient\(circle_at_top_right\2c var\(--pv-glow\)\2c transparent_35\%\)\2c radial-gradient\(circle_at_bottom_left\2c color-mix\(in_srgb\2c var\(--pv-accent\)_10\%\2c transparent\)\2c transparent_30\%\)\] {
  background-image: radial-gradient(circle at top right, var(--pv-glow), transparent 35%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--pv-accent) 10%, transparent), transparent 30%)
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-\[\#4de3ff\] {
  --tw-gradient-from: #4de3ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(77 227 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-300\/30 {
  --tw-gradient-from: rgb(252 211 77/0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 211 77/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/60 {
  --tw-gradient-from: rgb(0 0 0/0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-300\/30 {
  --tw-gradient-from: rgb(103 232 249/0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(103 232 249/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-500 {
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-500 {
  --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-500\/25 {
  --tw-gradient-from: rgb(249 115 22/0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-500 {
  --tw-gradient-from: hsl(var(--primary-500)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary-500)/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-600 {
  --tw-gradient-from: hsl(var(--primary-600)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary-600)/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary\/5 {
  --tw-gradient-from: hsl(var(--primary)/0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary)/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500 {
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-500 {
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-300\/25 {
  --tw-gradient-from: rgb(203 213 225/0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(203 213 225/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-50 {
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-950 {
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-950\/80 {
  --tw-gradient-from: rgb(2 6 23/0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-300\/35 {
  --tw-gradient-from: rgb(196 181 253/0.35) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(196 181 253/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-500 {
  --tw-gradient-from: #eab308 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-amber-700\/15 {
  --tw-gradient-to: rgb(180 83 9/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(180 83 9/0.15) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-amber-900\/20 {
  --tw-gradient-to: rgb(120 53 15/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(120 53 15/0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-blue-500\/15 {
  --tw-gradient-to: rgb(59 130 246/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(59 130 246/0.15) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-blue-500\/20 {
  --tw-gradient-to: rgb(59 130 246/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(59 130 246/0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-primary\/10 {
  --tw-gradient-to: hsl(var(--primary)/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary)/0.1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-slate-700\/20 {
  --tw-gradient-to: rgb(51 65 85/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(51 65 85/0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-slate-950\/90 {
  --tw-gradient-to: rgb(2 6 23/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(2 6 23/0.9) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-transparent {
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[\#9cff80\] {
  --tw-gradient-to: #9cff80 var(--tw-gradient-to-position)
}

.to-blue-200 {
  --tw-gradient-to: #bfdbfe var(--tw-gradient-to-position)
}

.to-orange-400 {
  --tw-gradient-to: #fb923c var(--tw-gradient-to-position)
}

.to-pink-500 {
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position)
}

.to-primary-300 {
  --tw-gradient-to: hsl(var(--primary-300)) var(--tw-gradient-to-position)
}

.to-primary-400 {
  --tw-gradient-to: hsl(var(--primary-400)) var(--tw-gradient-to-position)
}

.to-primary-light {
  --tw-gradient-to: hsl(var(--primary-light)) var(--tw-gradient-to-position)
}

.to-primary\/5 {
  --tw-gradient-to: hsl(var(--primary)/0.05) var(--tw-gradient-to-position)
}

.to-red-500 {
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position)
}

.to-slate-950 {
  --tw-gradient-to: #020617 var(--tw-gradient-to-position)
}

.to-teal-500 {
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position)
}

.fill-current {
  fill: currentColor
}

.fill-emerald-600 {
  fill: #059669
}

.fill-muted-foreground\/45 {
  fill: hsl(var(--muted-foreground)/.45)
}

.fill-muted-foreground\/50 {
  fill: hsl(var(--muted-foreground)/.5)
}

.fill-none {
  fill: none
}

.fill-primary {
  fill: hsl(var(--primary))
}

.fill-yellow-400 {
  fill: #facc15
}

.fill-yellow-500 {
  fill: #eab308
}

.stroke-emerald-600 {
  stroke: #059669
}

.stroke-muted-foreground\/40 {
  stroke: hsl(var(--muted-foreground)/.4)
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover
}

.object-right {
  -o-object-position: right;
  object-position: right
}

.p-0 {
  padding: 0
}

.p-1 {
  padding: .25rem
}

.p-1\.5 {
  padding: .375rem
}

.p-10 {
  padding: 2.5rem
}

.p-2 {
  padding: .5rem
}

.p-3 {
  padding: .75rem
}

.p-4 {
  padding: 1rem
}

.p-5 {
  padding: 1.25rem
}

.p-6 {
  padding: 1.5rem
}

.p-7 {
  padding: 1.75rem
}

.p-8 {
  padding: 2rem
}

.p-\[2px\] {
  padding: 2px
}

.px-0 {
  padding-left: 0;
  padding-right: 0
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem
}

.px-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.pb-1 {
  padding-bottom: .25rem
}

.pb-10 {
  padding-bottom: 2.5rem
}

.pb-12 {
  padding-bottom: 3rem
}

.pb-14 {
  padding-bottom: 3.5rem
}

.pb-16 {
  padding-bottom: 4rem
}

.pb-2 {
  padding-bottom: .5rem
}

.pb-20 {
  padding-bottom: 5rem
}

.pb-28 {
  padding-bottom: 7rem
}

.pb-3 {
  padding-bottom: .75rem
}

.pb-4 {
  padding-bottom: 1rem
}

.pb-5 {
  padding-bottom: 1.25rem
}

.pb-6 {
  padding-bottom: 1.5rem
}

.pb-7 {
  padding-bottom: 1.75rem
}

.pb-9 {
  padding-bottom: 2.25rem
}

.pb-\[max\(1\.5rem\2c env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(1.5rem, env(safe-area-inset-bottom))
}

.pl-10 {
  padding-left: 2.5rem
}

.pl-11 {
  padding-left: 2.75rem
}

.pl-3 {
  padding-left: .75rem
}

.pl-4 {
  padding-left: 1rem
}

.pl-5 {
  padding-left: 1.25rem
}

.pl-6 {
  padding-left: 1.5rem
}

.pl-9 {
  padding-left: 2.25rem
}

.pl-\[52px\] {
  padding-left: 52px
}

.pr-1 {
  padding-right: .25rem
}

.pr-11 {
  padding-right: 2.75rem
}

.pr-2 {
  padding-right: .5rem
}

.pr-3 {
  padding-right: .75rem
}

.pr-4 {
  padding-right: 1rem
}

.pr-6 {
  padding-right: 1.5rem
}

.pr-8 {
  padding-right: 2rem
}

.pr-9 {
  padding-right: 2.25rem
}

.pt-0 {
  padding-top: 0
}

.pt-1 {
  padding-top: .25rem
}

.pt-10 {
  padding-top: 2.5rem
}

.pt-12 {
  padding-top: 3rem
}

.pt-16 {
  padding-top: 4rem
}

.pt-2 {
  padding-top: .5rem
}

.pt-24 {
  padding-top: 6rem
}

.pt-3 {
  padding-top: .75rem
}

.pt-36 {
  padding-top: 9rem
}

.pt-4 {
  padding-top: 1rem
}

.pt-5 {
  padding-top: 1.25rem
}

.pt-6 {
  padding-top: 1.5rem
}

.pt-7 {
  padding-top: 1.75rem
}

.pt-8 {
  padding-top: 2rem
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.align-top {
  vertical-align: top
}

.font-\[Arial\2c sans-serif\] {
  font-family: Arial, sans-serif
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.font-sans {
  font-family: var(--font-pretendard), system-ui, sans-serif
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem
}

.text-5xl {
  font-size: 3rem;
  line-height: 1
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1
}

.text-8xl {
  font-size: 6rem;
  line-height: 1
}

.text-\[0\.9em\] {
  font-size: .9em
}

.text-\[1\.65rem\] {
  font-size: 1.65rem
}

.text-\[10px\] {
  font-size: 10px
}

.text-\[11px\] {
  font-size: 11px
}

.text-\[12px\] {
  font-size: 12px
}

.text-\[13\.5px\] {
  font-size: 13.5px
}

.text-\[13px\] {
  font-size: 13px
}

.text-\[14px\] {
  font-size: 14px
}

.text-\[15px\] {
  font-size: 15px
}

.text-\[16px\] {
  font-size: 16px
}

.text-\[18px\] {
  font-size: 18px
}

.text-\[20px\] {
  font-size: 20px
}

.text-\[22px\] {
  font-size: 22px
}

.text-\[2rem\] {
  font-size: 2rem
}

.text-\[32px\] {
  font-size: 32px
}

.text-\[36px\] {
  font-size: 36px
}

.text-\[9px\] {
  font-size: 9px
}

.text-\[clamp\(2\.35rem\2c 11\.5vw\2c 4rem\)\] {
  font-size: clamp(2.35rem, 11.5vw, 4rem)
}

.text-\[clamp\(2\.35rem\2c 11vw\2c 4rem\)\] {
  font-size: clamp(2.35rem, 11vw, 4rem)
}

.text-\[clamp\(2\.3rem\2c 5vw\2c 5rem\)\] {
  font-size: clamp(2.3rem, 5vw, 5rem)
}

.text-\[clamp\(2\.7rem\2c 5vw\2c 4\.35rem\)\] {
  font-size: clamp(2.7rem, 5vw, 4.35rem)
}

.text-\[clamp\(2\.8rem\2c 4\.9vw\2c 4\.2rem\)\] {
  font-size: clamp(2.8rem, 4.9vw, 4.2rem)
}

.text-\[clamp\(2\.8rem\2c 7vw\2c 5\.5rem\)\] {
  font-size: clamp(2.8rem, 7vw, 5.5rem)
}

.text-\[clamp\(28px\2c 5vw\2c 44px\)\] {
  font-size: clamp(28px, 5vw, 44px)
}

.text-\[clamp\(3\.6rem\2c 9vw\2c 7rem\)\] {
  font-size: clamp(3.6rem, 9vw, 7rem)
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem
}

.font-\[750\] {
  font-weight: 750
}

.font-black {
  font-weight: 900
}

.font-bold {
  font-weight: 700
}

.font-extrabold {
  font-weight: 800
}

.font-medium {
  font-weight: 500
}

.font-normal {
  font-weight: 400
}

.font-semibold {
  font-weight: 600
}

.uppercase {
  text-transform: uppercase
}

.normal-case {
  text-transform: none
}

.italic {
  font-style: italic
}

.not-italic {
  font-style: normal
}

.ordinal {
  --tw-ordinal: ordinal
}

.ordinal,
.tabular-nums {
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums
}

.leading-4 {
  line-height: 1rem
}

.leading-5 {
  line-height: 1.25rem
}

.leading-6 {
  line-height: 1.5rem
}

.leading-7 {
  line-height: 1.75rem
}

.leading-8 {
  line-height: 2rem
}

.leading-\[\.78\] {
  line-height: .78
}

.leading-\[\.88\] {
  line-height: .88
}

.leading-\[0\.95\],
.leading-\[\.95\] {
  line-height: .95
}

.leading-\[1\.08\] {
  line-height: 1.08
}

.leading-\[1\.10\] {
  line-height: 1.1
}

.leading-\[1\.12\] {
  line-height: 1.12
}

.leading-\[1\.14\] {
  line-height: 1.14
}

.leading-\[1\.16\] {
  line-height: 1.16
}

.leading-\[1\.18\] {
  line-height: 1.18
}

.leading-\[1\.2\] {
  line-height: 1.2
}

.leading-\[1\.35\] {
  line-height: 1.35
}

.leading-\[1\.65\] {
  line-height: 1.65
}

.leading-\[17px\] {
  line-height: 17px
}

.leading-\[18px\] {
  line-height: 18px
}

.leading-\[19px\] {
  line-height: 19px
}

.leading-\[2\.2\] {
  line-height: 2.2
}

.leading-\[22px\] {
  line-height: 22px
}

.leading-\[24px\] {
  line-height: 24px
}

.leading-\[25px\] {
  line-height: 25px
}

.leading-\[26px\] {
  line-height: 26px
}

.leading-\[28px\] {
  line-height: 28px
}

.leading-\[30px\] {
  line-height: 30px
}

.leading-\[38px\] {
  line-height: 38px
}

.leading-\[43px\] {
  line-height: 43px
}

.leading-loose {
  line-height: 2
}

.leading-none {
  line-height: 1
}

.leading-relaxed {
  line-height: 1.625
}

.leading-snug {
  line-height: 1.375
}

.leading-tight {
  line-height: 1.25
}

.tracking-\[-0\.01em\] {
  letter-spacing: -.01em
}

.tracking-\[-0\.025em\] {
  letter-spacing: -.025em
}

.tracking-\[-0\.02em\] {
  letter-spacing: -.02em
}

.tracking-\[-0\.035em\] {
  letter-spacing: -.035em
}

.tracking-\[-0\.03em\] {
  letter-spacing: -.03em
}

.tracking-\[-0\.045em\] {
  letter-spacing: -.045em
}

.tracking-\[-0\.04em\] {
  letter-spacing: -.04em
}

.tracking-\[-0\.055em\] {
  letter-spacing: -.055em
}

.tracking-\[-0\.05em\] {
  letter-spacing: -.05em
}

.tracking-\[-0\.065em\] {
  letter-spacing: -.065em
}

.tracking-\[-0\.06em\] {
  letter-spacing: -.06em
}

.tracking-\[-0\.07em\] {
  letter-spacing: -.07em
}

.tracking-\[-0\.085em\] {
  letter-spacing: -.085em
}

.tracking-\[-0\.08em\] {
  letter-spacing: -.08em
}

.tracking-\[-0\.095em\] {
  letter-spacing: -.095em
}

.tracking-\[\.16em\] {
  letter-spacing: .16em
}

.tracking-\[0\.08em\] {
  letter-spacing: .08em
}

.tracking-\[0\.12em\] {
  letter-spacing: .12em
}

.tracking-\[0\.14em\] {
  letter-spacing: .14em
}

.tracking-\[0\.16em\] {
  letter-spacing: .16em
}

.tracking-\[0\.18em\] {
  letter-spacing: .18em
}

.tracking-\[0\.1em\] {
  letter-spacing: .1em
}

.tracking-\[0\.22em\] {
  letter-spacing: .22em
}

.tracking-\[0\.24em\] {
  letter-spacing: .24em
}

.tracking-\[0\.2em\] {
  letter-spacing: .2em
}

.tracking-normal {
  letter-spacing: 0
}

.tracking-tight {
  letter-spacing: -.025em
}

.tracking-wide {
  letter-spacing: .025em
}

.tracking-wider {
  letter-spacing: .05em
}

.tracking-widest {
  letter-spacing: .1em
}

.text-\[\#0000aa\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 170/var(--tw-text-opacity, 1))
}

.text-\[\#191919\] {
  --tw-text-opacity: 1;
  color: rgb(25 25 25/var(--tw-text-opacity, 1))
}

.text-\[\#222\] {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity, 1))
}

.text-\[\#5865F2\] {
  --tw-text-opacity: 1;
  color: rgb(88 101 242/var(--tw-text-opacity, 1))
}

.text-\[\#67f39c\] {
  --tw-text-opacity: 1;
  color: rgb(103 243 156/var(--tw-text-opacity, 1))
}

.text-\[\#8f1208\] {
  --tw-text-opacity: 1;
  color: rgb(143 18 8/var(--tw-text-opacity, 1))
}

.text-\[\#a40000\] {
  --tw-text-opacity: 1;
  color: rgb(164 0 0/var(--tw-text-opacity, 1))
}

.text-\[\#a8170a\] {
  --tw-text-opacity: 1;
  color: rgb(168 23 10/var(--tw-text-opacity, 1))
}

.text-\[\#aab5cf\] {
  --tw-text-opacity: 1;
  color: rgb(170 181 207/var(--tw-text-opacity, 1))
}

.text-\[\#b5bac1\] {
  --tw-text-opacity: 1;
  color: rgb(181 186 193/var(--tw-text-opacity, 1))
}

.text-\[\#b71c0c\] {
  --tw-text-opacity: 1;
  color: rgb(183 28 12/var(--tw-text-opacity, 1))
}

.text-\[\#dbdee1\] {
  --tw-text-opacity: 1;
  color: rgb(219 222 225/var(--tw-text-opacity, 1))
}

.text-\[\#f6f39d\] {
  --tw-text-opacity: 1;
  color: rgb(246 243 157/var(--tw-text-opacity, 1))
}

.text-\[\#ffe600\] {
  --tw-text-opacity: 1;
  color: rgb(255 230 0/var(--tw-text-opacity, 1))
}

.text-\[color-mix\(in_srgb\2c var\(--pv-text\)_15\%\2c transparent\)\] {
  color: color-mix(in srgb, var(--pv-text) 15%, transparent)
}

.text-\[color\:var\(--color-offline-muted\)\] {
  color: var(--color-offline-muted)
}

.text-\[hsl\(var\(--badge-free-text\)\)\] {
  color: hsl(var(--badge-free-text))
}

.text-\[hsl\(var\(--badge-premium-text\)\)\] {
  color: hsl(var(--badge-premium-text))
}

.text-\[hsl\(var\(--badge-soon\)\)\] {
  color: hsl(var(--badge-soon))
}

.text-\[hsl\(var\(--badge-soon-text\)\)\] {
  color: hsl(var(--badge-soon-text))
}

.text-\[var\(--backend-console-muted\)\] {
  color: var(--backend-console-muted)
}

.text-\[var\(--backend-console-text\)\] {
  color: var(--backend-console-text)
}

.text-\[var\(--backend-muted\)\] {
  color: var(--backend-muted)
}

.text-\[var\(--backend-on-primary\)\] {
  color: var(--backend-on-primary)
}

.text-\[var\(--backend-on-secondary\)\] {
  color: var(--backend-on-secondary)
}

.text-\[var\(--backend-primary\)\] {
  color: var(--backend-primary)
}

.text-\[var\(--backend-secondary\)\] {
  color: var(--backend-secondary)
}

.text-\[var\(--backend-subtle\)\] {
  color: var(--backend-subtle)
}

.text-\[var\(--backend-text\)\] {
  color: var(--backend-text)
}

.text-\[var\(--color-kakao-ink\)\] {
  color: var(--color-kakao-ink)
}

.text-\[var\(--pv-accent\)\] {
  color: var(--pv-accent)
}

.text-\[var\(--pv-console-text\)\] {
  color: var(--pv-console-text)
}

.text-\[var\(--pv-muted\)\] {
  color: var(--pv-muted)
}

.text-\[var\(--pv-on-accent\)\] {
  color: var(--pv-on-accent)
}

.text-\[var\(--pv-secondary\)\] {
  color: var(--pv-secondary)
}

.text-\[var\(--pv-subtle\)\] {
  color: var(--pv-subtle)
}

.text-\[var\(--pv-text\)\] {
  color: var(--pv-text)
}

.text-amber-100 {
  --tw-text-opacity: 1;
  color: rgb(254 243 199/var(--tw-text-opacity, 1))
}

.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138/var(--tw-text-opacity, 1))
}

.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77/var(--tw-text-opacity, 1))
}

.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36/var(--tw-text-opacity, 1))
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11/var(--tw-text-opacity, 1))
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6/var(--tw-text-opacity, 1))
}

.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9/var(--tw-text-opacity, 1))
}

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14/var(--tw-text-opacity, 1))
}

.text-amber-800\/90 {
  color: rgb(146 64 14/.9)
}

.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15/var(--tw-text-opacity, 1))
}

.text-amber-900\/80 {
  color: rgb(120 53 15/.8)
}

.text-amber-950 {
  --tw-text-opacity: 1;
  color: rgb(69 26 3/var(--tw-text-opacity, 1))
}

.text-background {
  color: hsl(var(--background))
}

.text-badge-premium {
  color: hsl(var(--badge-premium))
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-black\/70 {
  color: rgb(0 0 0/.7)
}

.text-black\/75 {
  color: rgb(0 0 0/.75)
}

.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(219 234 254/var(--tw-text-opacity, 1))
}

.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgb(191 219 254/var(--tw-text-opacity, 1))
}

.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253/var(--tw-text-opacity, 1))
}

.text-blue-50 {
  --tw-text-opacity: 1;
  color: rgb(239 246 255/var(--tw-text-opacity, 1))
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246/var(--tw-text-opacity, 1))
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216/var(--tw-text-opacity, 1))
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.text-blue-800\/80 {
  color: rgb(30 64 175/.8)
}

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138/var(--tw-text-opacity, 1))
}

.text-blue-950 {
  --tw-text-opacity: 1;
  color: rgb(23 37 84/var(--tw-text-opacity, 1))
}

.text-border {
  color: hsl(var(--border))
}

.text-card-foreground {
  color: hsl(var(--card-foreground))
}

.text-current {
  color: currentColor
}

.text-cyan-100 {
  --tw-text-opacity: 1;
  color: rgb(207 250 254/var(--tw-text-opacity, 1))
}

.text-cyan-200 {
  --tw-text-opacity: 1;
  color: rgb(165 243 252/var(--tw-text-opacity, 1))
}

.text-cyan-300 {
  --tw-text-opacity: 1;
  color: rgb(103 232 249/var(--tw-text-opacity, 1))
}

.text-cyan-900 {
  --tw-text-opacity: 1;
  color: rgb(22 78 99/var(--tw-text-opacity, 1))
}

.text-cyan-950 {
  --tw-text-opacity: 1;
  color: rgb(8 51 68/var(--tw-text-opacity, 1))
}

.text-destructive {
  color: hsl(var(--destructive))
}

.text-destructive-foreground {
  color: hsl(var(--destructive-foreground))
}

.text-emerald-200 {
  --tw-text-opacity: 1;
  color: rgb(167 243 208/var(--tw-text-opacity, 1))
}

.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183/var(--tw-text-opacity, 1))
}

.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153/var(--tw-text-opacity, 1))
}

.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105/var(--tw-text-opacity, 1))
}

.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87/var(--tw-text-opacity, 1))
}

.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70/var(--tw-text-opacity, 1))
}

.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59/var(--tw-text-opacity, 1))
}

.text-emerald-950 {
  --tw-text-opacity: 1;
  color: rgb(2 44 34/var(--tw-text-opacity, 1))
}

.text-foreground {
  color: hsl(var(--foreground))
}

.text-foreground\/35 {
  color: hsl(var(--foreground)/.35)
}

.text-foreground\/60 {
  color: hsl(var(--foreground)/.6)
}

.text-fuchsia-700 {
  --tw-text-opacity: 1;
  color: rgb(162 28 175/var(--tw-text-opacity, 1))
}

.text-fuchsia-950 {
  --tw-text-opacity: 1;
  color: rgb(74 4 78/var(--tw-text-opacity, 1))
}

.text-gray-100 {
  color: hsl(var(--gray-100))
}

.text-gray-300 {
  color: hsl(var(--gray-300))
}

.text-gray-400 {
  color: hsl(var(--gray-400))
}

.text-gray-500 {
  color: hsl(var(--gray-500))
}

.text-gray-600 {
  color: hsl(var(--gray-600))
}

.text-gray-700 {
  color: hsl(var(--gray-700))
}

.text-gray-800 {
  color: hsl(var(--gray-800))
}

.text-gray-900 {
  color: hsl(var(--gray-900))
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94/var(--tw-text-opacity, 1))
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74/var(--tw-text-opacity, 1))
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61/var(--tw-text-opacity, 1))
}

.text-indigo-950 {
  --tw-text-opacity: 1;
  color: rgb(30 27 75/var(--tw-text-opacity, 1))
}

.text-inherit {
  color: inherit
}

.text-lime-950 {
  --tw-text-opacity: 1;
  color: rgb(26 46 5/var(--tw-text-opacity, 1))
}

.text-muted-foreground {
  color: hsl(var(--muted-foreground))
}

.text-muted-foreground\/40 {
  color: hsl(var(--muted-foreground)/.4)
}

.text-muted-foreground\/50 {
  color: hsl(var(--muted-foreground)/.5)
}

.text-muted-foreground\/60 {
  color: hsl(var(--muted-foreground)/.6)
}

.text-muted-foreground\/70 {
  color: hsl(var(--muted-foreground)/.7)
}

.text-muted-foreground\/80 {
  color: hsl(var(--muted-foreground)/.8)
}

.text-muted-foreground\/90 {
  color: hsl(var(--muted-foreground)/.9)
}

.text-orange-200 {
  --tw-text-opacity: 1;
  color: rgb(254 215 170/var(--tw-text-opacity, 1))
}

.text-orange-300 {
  --tw-text-opacity: 1;
  color: rgb(253 186 116/var(--tw-text-opacity, 1))
}

.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12/var(--tw-text-opacity, 1))
}

.text-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(124 45 18/var(--tw-text-opacity, 1))
}

.text-orange-950 {
  --tw-text-opacity: 1;
  color: rgb(67 20 7/var(--tw-text-opacity, 1))
}

.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93/var(--tw-text-opacity, 1))
}

.text-pink-900 {
  --tw-text-opacity: 1;
  color: rgb(131 24 67/var(--tw-text-opacity, 1))
}

.text-pink-950 {
  --tw-text-opacity: 1;
  color: rgb(80 7 36/var(--tw-text-opacity, 1))
}

.text-popover-foreground {
  color: hsl(var(--popover-foreground))
}

.text-primary {
  color: hsl(var(--primary))
}

.text-primary-600 {
  color: hsl(var(--primary-600))
}

.text-primary-foreground {
  color: hsl(var(--primary-foreground))
}

.text-primary\/80 {
  color: hsl(var(--primary)/.8)
}

.text-primary\/90 {
  color: hsl(var(--primary)/.9)
}

.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247/var(--tw-text-opacity, 1))
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206/var(--tw-text-opacity, 1))
}

.text-red-200 {
  --tw-text-opacity: 1;
  color: rgb(254 202 202/var(--tw-text-opacity, 1))
}

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165/var(--tw-text-opacity, 1))
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27/var(--tw-text-opacity, 1))
}

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29/var(--tw-text-opacity, 1))
}

.text-red-950 {
  --tw-text-opacity: 1;
  color: rgb(69 10 10/var(--tw-text-opacity, 1))
}

.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72/var(--tw-text-opacity, 1))
}

.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60/var(--tw-text-opacity, 1))
}

.text-rose-800 {
  --tw-text-opacity: 1;
  color: rgb(159 18 57/var(--tw-text-opacity, 1))
}

.text-rose-900 {
  --tw-text-opacity: 1;
  color: rgb(136 19 55/var(--tw-text-opacity, 1))
}

.text-rose-950 {
  --tw-text-opacity: 1;
  color: rgb(76 5 25/var(--tw-text-opacity, 1))
}

.text-secondary-foreground {
  color: hsl(var(--secondary-foreground))
}

.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161/var(--tw-text-opacity, 1))
}

.text-sky-800 {
  --tw-text-opacity: 1;
  color: rgb(7 89 133/var(--tw-text-opacity, 1))
}

.text-sky-900 {
  --tw-text-opacity: 1;
  color: rgb(12 74 110/var(--tw-text-opacity, 1))
}

.text-sky-950 {
  --tw-text-opacity: 1;
  color: rgb(8 47 73/var(--tw-text-opacity, 1))
}

.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249/var(--tw-text-opacity, 1))
}

.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240/var(--tw-text-opacity, 1))
}

.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225/var(--tw-text-opacity, 1))
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184/var(--tw-text-opacity, 1))
}

.text-slate-50 {
  --tw-text-opacity: 1;
  color: rgb(248 250 252/var(--tw-text-opacity, 1))
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139/var(--tw-text-opacity, 1))
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105/var(--tw-text-opacity, 1))
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85/var(--tw-text-opacity, 1))
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59/var(--tw-text-opacity, 1))
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42/var(--tw-text-opacity, 1))
}

.text-slate-950 {
  --tw-text-opacity: 1;
  color: rgb(2 6 23/var(--tw-text-opacity, 1))
}

.text-stone-950 {
  --tw-text-opacity: 1;
  color: rgb(12 10 9/var(--tw-text-opacity, 1))
}

.text-success {
  color: hsl(var(--success))
}

.text-track-ai-beginner {
  color: hsl(var(--track-ai-beginner))
}

.text-track-ai-developer {
  color: hsl(var(--track-ai-developer))
}

.text-track-spring-backend {
  color: hsl(var(--track-spring-backend))
}

.text-transparent {
  color: transparent
}

.text-violet-100 {
  --tw-text-opacity: 1;
  color: rgb(237 233 254/var(--tw-text-opacity, 1))
}

.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246/var(--tw-text-opacity, 1))
}

.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217/var(--tw-text-opacity, 1))
}

.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182/var(--tw-text-opacity, 1))
}

.text-violet-900 {
  --tw-text-opacity: 1;
  color: rgb(76 29 149/var(--tw-text-opacity, 1))
}

.text-violet-950 {
  --tw-text-opacity: 1;
  color: rgb(46 16 101/var(--tw-text-opacity, 1))
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-white\/70 {
  color: rgb(255 255 255/.7)
}

.text-white\/75 {
  color: rgb(255 255 255/.75)
}

.text-white\/90 {
  color: rgb(255 255 255/.9)
}

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21/var(--tw-text-opacity, 1))
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8/var(--tw-text-opacity, 1))
}

.underline {
  text-decoration-line: underline
}

.line-through {
  text-decoration-line: line-through
}

.no-underline {
  text-decoration-line: none
}

.decoration-border {
  text-decoration-color: hsl(var(--border))
}

.decoration-2 {
  text-decoration-thickness: 2px
}

.underline-offset-2 {
  text-underline-offset: 2px
}

.underline-offset-4 {
  text-underline-offset: 4px
}

.caret-emerald-600 {
  caret-color: #059669
}

.accent-\[hsl\(var\(--primary\)\)\],
.accent-primary {
  accent-color: hsl(var(--primary))
}

.opacity-0 {
  opacity: 0
}

.opacity-100 {
  opacity: 1
}

.opacity-25 {
  opacity: .25
}

.opacity-30 {
  opacity: .3
}

.opacity-35 {
  opacity: .35
}

.opacity-40 {
  opacity: .4
}

.opacity-50 {
  opacity: .5
}

.opacity-60 {
  opacity: .6
}

.opacity-65 {
  opacity: .65
}

.opacity-70 {
  opacity: .7
}

.opacity-75 {
  opacity: .75
}

.opacity-80 {
  opacity: .8
}

.opacity-85 {
  opacity: .85
}

.opacity-90 {
  opacity: .9
}

.opacity-\[0\.12\] {
  opacity: .12
}

.shadow-2xl {
  --tw-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.15);
  --tw-shadow-colored: 0 24px 48px 0 var(--tw-shadow-color)
}

.shadow-2xl,
.shadow-\[0_0_32px_var\(--pv-glow\)\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_32px_var\(--pv-glow\)\] {
  --tw-shadow: 0 0 32px var(--pv-glow);
  --tw-shadow-colored: 0 0 32px var(--tw-shadow-color)
}

.shadow-\[0_0_35px_var\(--pv-glow\)\] {
  --tw-shadow: 0 0 35px var(--pv-glow);
  --tw-shadow-colored: 0 0 35px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_48px_rgba\(203\2c 213\2c 225\2c 0\.24\)\] {
  --tw-shadow: 0 0 48px rgba(203, 213, 225, 0.24);
  --tw-shadow-colored: 0 0 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_48px_rgba\(251\2c 146\2c 60\2c 0\.26\)\] {
  --tw-shadow: 0 0 48px rgba(251, 146, 60, 0.26);
  --tw-shadow-colored: 0 0 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_52px_rgba\(251\2c 191\2c 36\2c 0\.30\)\] {
  --tw-shadow: 0 0 52px rgba(251, 191, 36, 0.30);
  --tw-shadow-colored: 0 0 52px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_58px_rgba\(103\2c 232\2c 249\2c 0\.32\)\] {
  --tw-shadow: 0 0 58px rgba(103, 232, 249, 0.32);
  --tw-shadow-colored: 0 0 58px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_64px_rgba\(196\2c 181\2c 253\2c 0\.38\)\] {
  --tw-shadow: 0 0 64px rgba(196, 181, 253, 0.38);
  --tw-shadow-colored: 0 0 64px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_10px_30px_rgba\(7\2c 109\2c 242\2c 0\.18\)\] {
  --tw-shadow: 0 10px 30px rgba(7, 109, 242, 0.18);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_12px_30px_rgba\(7\2c 109\2c 242\2c 0\.2\)\] {
  --tw-shadow: 0 12px 30px rgba(7, 109, 242, 0.2);
  --tw-shadow-colored: 0 12px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_12px_30px_rgba\(7\2c 109\2c 242\2c 0\.22\)\] {
  --tw-shadow: 0 12px 30px rgba(7, 109, 242, 0.22);
  --tw-shadow-colored: 0 12px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_16px_38px_rgba\(7\2c 109\2c 242\2c 0\.22\)\] {
  --tw-shadow: 0 16px 38px rgba(7, 109, 242, 0.22);
  --tw-shadow-colored: 0 16px 38px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_16px_38px_rgba\(7\2c 109\2c 242\2c 0\.24\)\] {
  --tw-shadow: 0 16px 38px rgba(7, 109, 242, 0.24);
  --tw-shadow-colored: 0 16px 38px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_16px_45px_rgba\(15\2c 31\2c 58\2c 0\.1\)\] {
  --tw-shadow: 0 16px 45px rgba(15, 31, 58, 0.1);
  --tw-shadow-colored: 0 16px 45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_16px_45px_var\(--backend-card-shadow\)\] {
  --tw-shadow: 0 16px 45px var(--backend-card-shadow);
  --tw-shadow-colored: 0 16px 45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_20px_50px_var\(--backend-card-shadow\)\] {
  --tw-shadow: 0 20px 50px var(--backend-card-shadow);
  --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_20px_55px_var\(--backend-card-shadow\)\] {
  --tw-shadow: 0 20px 55px var(--backend-card-shadow);
  --tw-shadow-colored: 0 20px 55px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_24px_70px_var\(--backend-card-shadow\)\] {
  --tw-shadow: 0 24px 70px var(--backend-card-shadow);
  --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_25px_70px_var\(--backend-card-shadow\)\] {
  --tw-shadow: 0 25px 70px var(--backend-card-shadow);
  --tw-shadow-colored: 0 25px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_28px_90px_rgba\(0\2c 0\2c 0\2c 0\.38\)\] {
  --tw-shadow: 0 28px 90px rgba(0, 0, 0, 0.38);
  --tw-shadow-colored: 0 28px 90px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_28px_90px_rgba\(15\2c 23\2c 42\2c 0\.24\)\] {
  --tw-shadow: 0 28px 90px rgba(15, 23, 42, 0.24);
  --tw-shadow-colored: 0 28px 90px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_8px_24px_rgba\(29\2c 78\2c 216\2c \.22\)\] {
  --tw-shadow: 0 8px 24px rgba(29, 78, 216, .22);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[10px_10px_0_rgba\(0\2c 0\2c 0\2c \.55\)\] {
  --tw-shadow: 10px 10px 0 rgba(0, 0, 0, .55);
  --tw-shadow-colored: 10px 10px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[12px_12px_0_\#c91b0a\] {
  --tw-shadow: 12px 12px 0 #c91b0a;
  --tw-shadow-colored: 12px 12px 0 var(--tw-shadow-color)
}

.shadow-\[12px_12px_0_\#c91b0a\],
.shadow-\[12px_12px_0_\#dbeafe\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[12px_12px_0_\#dbeafe\] {
  --tw-shadow: 12px 12px 0 #dbeafe;
  --tw-shadow-colored: 12px 12px 0 var(--tw-shadow-color)
}

.shadow-\[2px_2px_0_\#000\] {
  --tw-shadow: 2px 2px 0 #000;
  --tw-shadow-colored: 2px 2px 0 var(--tw-shadow-color)
}

.shadow-\[2px_2px_0_\#000\],
.shadow-\[3px_3px_0_\#000\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[3px_3px_0_\#000\] {
  --tw-shadow: 3px 3px 0 #000;
  --tw-shadow-colored: 3px 3px 0 var(--tw-shadow-color)
}

.shadow-\[4px_4px_0_\#000\] {
  --tw-shadow: 4px 4px 0 #000;
  --tw-shadow-colored: 4px 4px 0 var(--tw-shadow-color)
}

.shadow-\[4px_4px_0_\#000\],
.shadow-\[5px_5px_0_\#000\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[5px_5px_0_\#000\] {
  --tw-shadow: 5px 5px 0 #000;
  --tw-shadow-colored: 5px 5px 0 var(--tw-shadow-color)
}

.shadow-\[6px_6px_0_\#000\] {
  --tw-shadow: 6px 6px 0 #000;
  --tw-shadow-colored: 6px 6px 0 var(--tw-shadow-color)
}

.shadow-\[6px_6px_0_\#000\],
.shadow-\[6px_6px_0_\#777\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[6px_6px_0_\#777\] {
  --tw-shadow: 6px 6px 0 #777;
  --tw-shadow-colored: 6px 6px 0 var(--tw-shadow-color)
}

.shadow-\[7px_7px_0_\#000\] {
  --tw-shadow: 7px 7px 0 #000;
  --tw-shadow-colored: 7px 7px 0 var(--tw-shadow-color)
}

.shadow-\[7px_7px_0_\#000\],
.shadow-\[7px_7px_0_\#777\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[7px_7px_0_\#777\] {
  --tw-shadow: 7px 7px 0 #777;
  --tw-shadow-colored: 7px 7px 0 var(--tw-shadow-color)
}

.shadow-\[7px_7px_0_\#ff2a18\] {
  --tw-shadow: 7px 7px 0 #ff2a18;
  --tw-shadow-colored: 7px 7px 0 var(--tw-shadow-color)
}

.shadow-\[7px_7px_0_\#ff2a18\],
.shadow-\[8px_8px_0_\#000\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[8px_8px_0_\#000\] {
  --tw-shadow: 8px 8px 0 #000;
  --tw-shadow-colored: 8px 8px 0 var(--tw-shadow-color)
}

.shadow-\[inset_0_0_0_1px_rgba\(103\2c 232\2c 249\2c 0\.04\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(103, 232, 249, 0.04);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color)
}

.shadow-\[inset_0_0_0_1px_rgba\(103\2c 232\2c 249\2c 0\.04\)\],
.shadow-lg {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
  --tw-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0 8px 16px 0 var(--tw-shadow-color), 0 4px 8px 0 var(--tw-shadow-color)
}

.shadow-md {
  --tw-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: 0 4px 8px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color)
}

.shadow-md,
.shadow-none {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000
}

.shadow-sm {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-sm,
.shadow-xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
  --tw-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.12), 0 6px 12px 0 rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 12px 24px 0 var(--tw-shadow-color), 0 6px 12px 0 var(--tw-shadow-color)
}

.shadow-\[var\(--pv-shadow\)\] {
  --tw-shadow-color: var(--pv-shadow);
  --tw-shadow: var(--tw-shadow-colored)
}

.shadow-blue-950\/5 {
  --tw-shadow-color: rgb(23 37 84/0.05);
  --tw-shadow: var(--tw-shadow-colored)
}

.shadow-emerald-500\/20 {
  --tw-shadow-color: rgb(16 185 129/0.2);
  --tw-shadow: var(--tw-shadow-colored)
}

.shadow-primary\/20 {
  --tw-shadow-color: hsl(var(--primary)/0.2);
  --tw-shadow: var(--tw-shadow-colored)
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.outline {
  outline-style: solid
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring,
.ring-1 {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-border {
  --tw-ring-color: hsl(var(--border))
}

.ring-emerald-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(52 211 153/var(--tw-ring-opacity, 1))
}

.ring-emerald-400\/70 {
  --tw-ring-color: rgb(52 211 153/0.7)
}

.ring-primary {
  --tw-ring-color: hsl(var(--primary))
}

.ring-primary\/15 {
  --tw-ring-color: hsl(var(--primary)/0.15)
}

.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background))
}

.blur {
  --tw-blur: blur(8px)
}

.blur,
.blur-3xl {
  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)
}

.blur-3xl {
  --tw-blur: blur(64px)
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))
}

.drop-shadow,
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-blur-2xl {
  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-2xl {
  --tw-backdrop-blur: blur(40px)
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px)
}

.backdrop-blur-sm,
.backdrop-blur-xl {
  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-xl {
  --tw-backdrop-blur: blur(24px)
}

.backdrop-filter {
  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 {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[background-color\2c color\2c border-color\2c transform\] {
  transition-property: background-color, color, border-color, transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[border-color\2c background-color\2c box-shadow\2c transform\] {
  transition-property: border-color, background-color, box-shadow, transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[border-color\2c background-color\2c color\2c box-shadow\] {
  transition-property: border-color, background-color, color, box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[border-color\2c box-shadow\2c transform\] {
  transition-property: border-color, box-shadow, transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[color\2c background-color\2c border-color\2c box-shadow\] {
  transition-property: color, background-color, border-color, box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[color\2c background-color\2c border-color\] {
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[fill\2c r\] {
  transition-property: fill, r;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[opacity\2c transform\2c box-shadow\] {
  transition-property: opacity, transform, box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[stroke\2c stroke-width\2c opacity\] {
  transition-property: stroke, stroke-width, opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[transform\2c background-color\] {
  transition-property: transform, background-color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[transform\2c border-color\2c background-color\] {
  transition-property: transform, border-color, background-color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[transform\2c border-color\2c box-shadow\] {
  transition-property: transform, border-color, box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[transform\2c border-color\2c color\] {
  transition-property: transform, border-color, color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[transform\2c border-color\] {
  transition-property: transform, border-color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[transform\2c box-shadow\] {
  transition-property: transform, box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[transform\2c opacity\] {
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.duration-200 {
  transition-duration: .2s
}

.duration-300 {
  transition-duration: .3s
}

.duration-500 {
  transition-duration: .5s
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
  }
}

.fade-in {
  --tw-enter-opacity: 0
}

.duration-200 {
  animation-duration: .2s
}

.duration-300 {
  animation-duration: .3s
}

.duration-500 {
  animation-duration: .5s
}

.ease-in-out {
  animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.running {
  animation-play-state: running
}

.paused {
  animation-play-state: paused
}

.hero-headline {
  font-size: clamp(2.5rem, 6vw, 4.75rem);
  font-variation-settings: "wght" 700;
  line-height: 1.08;
  letter-spacing: -.035em;
  word-break: keep-all
}

.hero-subhead {
  font-size: clamp(1.0625rem, 1.6vw, 1.375rem);
  font-variation-settings: "wght" 400;
  line-height: 1.6;
  word-break: keep-all
}

.glass-card,
.surface-card {
  background: hsl(var(--surface));
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
  transition: border-color .2s ease, transform .2s ease, background-color .2s ease
}

.glass-card:hover,
.surface-card:hover {
  background: hsl(var(--surface-2));
  border-color: hsl(var(--primary)/.45);
  transform: translateY(-1px)
}

.text-eyebrow {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: .75rem;
  font-weight: 500;
  color: hsl(var(--muted-foreground))
}

.bg-grid {
  background-image: linear-gradient(to right, hsl(var(--foreground)/.04) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--foreground)/.04) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 0, #000 50%, transparent 100%);
  mask-image: radial-gradient(ellipse 80% 60% at 50% 0, #000 50%, transparent 100%)
}

.hero-glow {
  background: radial-gradient(ellipse 60% 50% at 50% 0, hsl(var(--primary)/.18) 0, transparent 70%)
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes heroRise {
  0% {
    opacity: 0;
    transform: translateY(26px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.hero-rise {
  opacity: 0;
  animation: heroRise .75s cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: var(--d, 0s)
}

@keyframes heroGlowBreathe {

  0%,
  to {
    opacity: .65;
    transform: scale(1)
  }

  50% {
    opacity: 1;
    transform: scale(1.1)
  }
}

.hero-glow-animated {
  animation: heroGlowBreathe 7s ease-in-out infinite;
  transform-origin: 50% 0
}

@keyframes heroTextShimmer {
  to {
    background-position: 200%
  }
}

.hero-headline-accent {
  background: linear-gradient(100deg, hsl(var(--primary-600)) 0, hsl(var(--primary-400)) 35%, hsl(var(--primary-200)) 50%, hsl(var(--primary-400)) 65%, hsl(var(--primary-600)) 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: heroTextShimmer 4.5s linear infinite
}

.bg-gradient-primary {
  background: linear-gradient(135deg, hsl(var(--primary-600)) 0, hsl(var(--primary-500)) 50%, hsl(var(--primary-light)) 100%);
  box-shadow: 0 4px 12px hsl(var(--primary-500)/.15)
}

.bg-gradient-success {
  background: hsl(var(--badge-free))
}

.bg-gradient-premium {
  background: hsl(var(--badge-premium))
}

.bg-gradient-soon {
  background: hsl(var(--badge-soon))
}

.bg-gradient-discount-v2 {
  background: linear-gradient(135deg, hsl(0 85% 65%), hsl(340 85% 60%) 50%, hsl(320 85% 55%));
  box-shadow: 0 2px 8px hsl(0 75% 60%/.2)
}

.text-gradient-savings {
  background: linear-gradient(90deg, hsl(142 100% 38%), hsl(142 100% 45%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700
}

.bg-savings-badge {
  background: linear-gradient(135deg, hsl(142 100% 94%), hsl(142 100% 96%));
  border: 1px solid hsl(142 100% 85%)
}

.dark .bg-savings-badge {
  background: linear-gradient(135deg, hsl(142 100% 12%), hsl(142 100% 15%));
  border: 1px solid hsl(142 100% 25%)
}

.bg-gradient-track-ai-beginner {
  background: linear-gradient(135deg, hsl(var(--primary-500)) 0, hsl(var(--track-ai-beginner)) 100%)
}

.bg-gradient-track-ai-developer {
  background: linear-gradient(135deg, hsl(var(--primary-500)) 0, hsl(var(--track-ai-developer)) 100%)
}

.bg-gradient-track-spring-backend {
  background: linear-gradient(135deg, hsl(var(--primary-500)) 0, hsl(var(--track-spring-backend)) 100%)
}

.dark .bg-track-ai-beginner {
  background: linear-gradient(135deg, hsl(220 17% 16%), hsl(220 17% 18%) 70%, hsl(325 20% 19%))
}

.dark .bg-track-ai-developer {
  background: linear-gradient(135deg, hsl(220 17% 16%), hsl(220 17% 18%) 70%, hsl(200 20% 19%))
}

.dark .bg-track-spring-backend {
  background: linear-gradient(135deg, hsl(220 17% 16%), hsl(220 17% 18%) 70%, hsl(142 20% 19%))
}

.btn-gradient-primary {
  background: hsl(var(--primary-500));
  transition: all .2s ease
}

.btn-gradient-primary:hover {
  background: hsl(var(--primary-600));
  transform: translateY(-1px);
  box-shadow: 0 4px 16px hsl(var(--primary-500)/.25)
}

.track-card {
  transition: all .25s ease
}

.track-card:hover {
  transform: translateY(-2px);
  border-color: hsl(var(--primary)/.5)
}

.card-hover {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
  will-change: transform, opacity;
  transform: translateZ(0);
  backface-visibility: hidden
}

@media (prefers-reduced-motion:reduce) {
  .card-hover {
    will-change: auto;
    transform: none
  }
}

.card-hover {
  transition-duration: var(--animation-base);
  transition-timing-function: var(--ease-in-out)
}

.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -8px hsl(var(--primary-600)/.12)
}

.fade-in-up {
  opacity: 0;
  transform: translateY(40px);
  transition: all .8s cubic-bezier(.4, 0, .2, 1)
}

.fade-in-up.is-visible {
  opacity: 1;
  transform: translateY(0)
}

@keyframes fade-slide-up {
  0% {
    opacity: 0;
    transform: translateY(24px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.stagger-item {
  transition-delay: calc(var(--stagger-index, 0) * .1s)
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%)
  }

  to {
    transform: translateX(100%)
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-25%)
  }
}

@keyframes slide-up {
  0% {
    transform: translateY(100px);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

.animate-slide-up {
  animation: slide-up .3s ease-out
}

@keyframes stories-fade {
  0% {
    opacity: 0;
    transform: translateY(10px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.animate-stories-fade {
  animation: stories-fade .4s var(--ease-out) forwards
}

@keyframes stat-slide-up {
  0% {
    opacity: 0;
    transform: translateY(30px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes card-entrance {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.\[background-image\:linear-gradient\(\#1d4ed81a_1px\2c transparent_1px\)\2c linear-gradient\(90deg\2c \#1d4ed81a_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(#1d4ed81a 1px, transparent 0), linear-gradient(90deg, #1d4ed81a 1px, transparent 0)
}

.\[background-size\:32px_32px\] {
  background-size: 32px 32px
}

.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere
}

.\[scrollbar-width\:none\] {
  scrollbar-width: none
}

.\[text-wrap\:balance\] {
  text-wrap: balance
}

.\[text-wrap\:pretty\] {
  text-wrap: pretty
}

.\[word-break\:keep-all\] {
  word-break: keep-all
}

@media (prefers-reduced-motion:reduce) {

  *,
  :after,
  :before {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important
  }

  .animate-fade-slide-up,
  .animate-stories-fade {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important
  }

  .gpu-accelerate {
    will-change: auto !important;
    transform: none !important
  }
}

@media (max-width: 640px) {
  .bg-gradient-discount-v2 {
    font-size: .75rem;
    padding: .375rem .75rem
  }

  .animate-discount-pulse-hover {
    animation-duration: 2s
  }
}

@media (min-width: 641px) and (max-width:1024px) {
  .bg-gradient-discount-v2 {
    font-size: .875rem;
    padding: .5rem 1rem
  }
}

.backend-home {
  color-scheme: light;
  position: relative;
  isolation: isolate;
  --pointer-x: 50%;
  --pointer-y: 50%;
  --hero-tilt-x: 0deg;
  --hero-tilt-y: 0deg;
  --title-glow-x: 0px;
  --title-glow-y: 0px;
  --scene-progress: 0;
  --backend-primary: #076df2;
  --backend-primary-text: #0064df;
  --backend-primary-hover: #054ba6;
  --backend-on-primary: #ffffff;
  --backend-secondary: #c7ff3d;
  --backend-secondary-hover: #d3ff67;
  --backend-on-secondary: #07110a;
  --backend-bg: #fafcff;
  --backend-bg-alt: #f2f6fd;
  --backend-surface: #ffffff;
  --backend-surface-strong: #e8effa;
  --backend-text: #0e2e6b;
  --backend-muted: #405989;
  --backend-subtle: #526a99;
  --backend-line: #cad7ec;
  --backend-line-strong: #afc2df;
  --backend-primary-soft: rgba(7, 109, 242, 0.09);
  --backend-primary-line: rgba(7, 109, 242, 0.28);
  --backend-secondary-soft: rgba(199, 255, 61, 0.28);
  --backend-card-shadow: rgba(14, 46, 107, 0.12);
  --backend-console: #071426;
  --backend-console-surface: #0b1d36;
  --backend-console-text: #e7f1ff;
  --backend-console-muted: #a9bddc;
  --background: 216 100% 99%;
  --foreground: 219 77% 24%;
  --card: 0 0% 100%;
  --card-foreground: 219 77% 24%;
  --popover: 0 0% 100%;
  --popover-foreground: 219 77% 24%;
  --primary: 213 94% 49%;
  --primary-hover: 213 94% 34%;
  --primary-foreground: 0 0% 100%;
  --secondary: 218 67% 95%;
  --secondary-foreground: 219 77% 24%;
  --muted: 218 67% 95%;
  --muted-foreground: 219 36% 39%;
  --accent: 218 67% 95%;
  --accent-foreground: 219 77% 24%;
  --border: 217 47% 86%;
  --input: 217 47% 86%;
  --ring: 213 94% 49%
}

.backend-home .text-\[var\(--backend-primary\)\],
.backend-home .text-primary {
  color: var(--backend-primary-text)
}

.backend-home .text-\[var\(--backend-secondary\)\] {
  color: var(--backend-secondary)
}

.backend-home .text-\[var\(--backend-text\)\] {
  color: var(--backend-text)
}

.backend-home .text-\[var\(--backend-muted\)\] {
  color: var(--backend-muted)
}

.backend-home .text-\[var\(--backend-subtle\)\] {
  color: var(--backend-subtle)
}

.backend-home .text-\[var\(--backend-on-primary\)\] {
  color: var(--backend-on-primary)
}

.backend-home .text-\[var\(--backend-on-secondary\)\] {
  color: var(--backend-on-secondary)
}

.backend-home .text-\[var\(--backend-console-text\)\] {
  color: var(--backend-console-text)
}

.backend-home .text-\[var\(--backend-console-muted\)\] {
  color: var(--backend-console-muted)
}

.backend-home>footer,
.backend-home>main {
  position: relative;
  z-index: 1
}

.backend-home main {
  word-break: keep-all;
  overflow-wrap: break-word
}

.backend-home main :where(h1, h2, h3) {
  text-wrap: balance
}

.backend-home main :where(p, blockquote) {
  text-wrap: pretty
}

.backend-home [data-motion-scene] {
  --scene-surface: var(--backend-bg);
  background-color: color-mix(in srgb, var(--scene-surface) 70%, transparent) !important
}

.backend-home [data-motion-scene=authority],
.backend-home [data-motion-scene=faq],
.backend-home [data-motion-scene=guides],
.backend-home [data-motion-scene=tools] {
  --scene-surface: var(--backend-bg-alt)
}

.backend-cinematic-canvas {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  opacity: 0;
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1)
}

.backend-cinematic-canvas[data-backdrop-ready=true] {
  opacity: .88
}

.backend-page-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 90;
  height: 3px;
  pointer-events: none;
  background: color-mix(in srgb, var(--backend-line) 45%, transparent)
}

.backend-page-progress>span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--backend-primary) 0, var(--backend-primary) 66%, var(--backend-secondary) 100%);
  box-shadow: 0 0 18px color-mix(in srgb, var(--backend-primary) 58%, transparent);
  transform: scaleX(0);
  transform-origin: left center
}

.backend-scene-label {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 40;
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  border: 1px solid var(--backend-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--backend-surface) 84%, transparent);
  padding: .4rem .75rem;
  font-family: var(--font-geist-mono), monospace;
  font-size: .625rem;
  font-weight: 900;
  letter-spacing: .18em;
  color: var(--backend-primary-text);
  box-shadow: 0 12px 34px var(--backend-card-shadow);
  pointer-events: none;
  backdrop-filter: blur(12px)
}

.backend-scene {
  isolation: isolate
}

.backend-faq-scene:after,
.backend-scene:after {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at var(--pointer-x) var(--pointer-y), color-mix(in srgb, var(--backend-primary) 10%, transparent), transparent 28rem);
  opacity: .6
}

.dark .backend-home {
  color-scheme: dark;
  --backend-bg: #050814;
  --backend-bg-alt: #080c19;
  --backend-surface: #0b1020;
  --backend-surface-strong: #10182a;
  --backend-text: #f7faff;
  --backend-primary-text: #5ea6ff;
  --backend-muted: #bac5d8;
  --backend-subtle: #a5b1c5;
  --backend-line: #2b374b;
  --backend-line-strong: #40506a;
  --backend-primary-soft: rgba(7, 109, 242, 0.18);
  --backend-primary-line: rgba(7, 109, 242, 0.46);
  --backend-secondary-soft: rgba(199, 255, 61, 0.12);
  --backend-card-shadow: rgba(0, 0, 0, 0.3);
  --background: 228 60% 5%;
  --foreground: 216 100% 98%;
  --card: 225 49% 8%;
  --card-foreground: 216 100% 98%;
  --popover: 225 49% 8%;
  --popover-foreground: 216 100% 98%;
  --primary: 213 94% 49%;
  --primary-hover: 213 94% 34%;
  --primary-foreground: 0 0% 100%;
  --secondary: 221 45% 12%;
  --secondary-foreground: 216 100% 98%;
  --muted: 221 45% 12%;
  --muted-foreground: 218 23% 79%;
  --accent: 221 45% 12%;
  --accent-foreground: 216 100% 98%;
  --border: 217 27% 23%;
  --input: 217 27% 23%;
  --ring: 213 94% 49%
}

.backend-hero-grid,
.backend-section-grid {
  background-image: linear-gradient(color-mix(in srgb, var(--backend-primary) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--backend-primary) 8%, transparent) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: linear-gradient(180deg, black 0, rgba(0, 0, 0, .82) 68%, transparent);
  mask-image: linear-gradient(180deg, black 0, rgba(0, 0, 0, .82) 68%, transparent)
}

.backend-energy-ribbon {
  position: absolute;
  z-index: -1;
  width: min(82rem, 120vw);
  height: 10rem;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0, color-mix(in srgb, var(--backend-primary) 48%, transparent) 34%, color-mix(in srgb, var(--backend-secondary) 42%, transparent) 64%, transparent 100%);
  opacity: .28;
  transform: rotate(-8deg) translate3d(-6%, 0, 0);
  animation: backend-ribbon-drift 8s ease-in-out infinite alternate;
  -webkit-mask-image: linear-gradient(90deg, transparent, black 18%, black 82%, transparent);
  mask-image: linear-gradient(90deg, transparent, black 18%, black 82%, transparent)
}

.backend-energy-ribbon-hero {
  top: 36%;
  left: -12%
}

.backend-energy-ribbon-authority {
  top: 31%;
  right: -16%;
  transform: rotate(4deg) translate3d(6%, 0, 0);
  animation-delay: -2.8s
}

.backend-hero-tilt {
  transform: perspective(1100px) rotateX(var(--hero-tilt-y)) rotateY(var(--hero-tilt-x));
  transform-style: preserve-3d;
  transition: transform .18s ease-out
}

.backend-hero-tilt>div {
  transform: translateZ(0)
}

.backend-console-row {
  position: relative;
  overflow: hidden
}

.backend-console-row:after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(100deg, transparent 24%, color-mix(in srgb, var(--backend-primary) 16%, transparent) 50%, transparent 76%);
  transform: translate3d(-130%, 0, 0);
  opacity: 0;
  animation: backend-console-scan var(--dur-proof-loop) var(--ease-out) infinite both
}

.backend-console-row:nth-child(2):after {
  animation-delay: var(--dur-proof-step)
}

.backend-console-row:nth-child(3):after {
  animation-delay: var(--dur-proof-step-two)
}

.backend-hero-grid:after {
  position: absolute;
  inset: 0;
  content: "";
  background-image: radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--backend-text) 66%, transparent) 0 1px, transparent 1.5px), radial-gradient(circle at 76% 24%, color-mix(in srgb, var(--backend-primary) 78%, transparent) 0 1px, transparent 1.5px), radial-gradient(circle at 42% 64%, color-mix(in srgb, var(--backend-secondary) 74%, transparent) 0 1px, transparent 1.5px);
  background-size: 190px 170px, 240px 220px, 310px 280px;
  opacity: .35
}

.backend-hero-orb {
  pointer-events: none;
  position: absolute;
  z-index: -10;
  border-radius: 9999px;
  filter: blur(85px);
  opacity: .16
}

.backend-hero-orb-blue {
  top: 7rem;
  right: 8%;
  width: min(32rem, 70vw);
  height: min(32rem, 70vw);
  background: var(--backend-primary)
}

.backend-hero-orb-lime {
  bottom: -10rem;
  left: 28%;
  width: 22rem;
  height: 22rem;
  background: var(--backend-secondary);
  opacity: .075
}

.backend-mobile-ambient {
  display: none
}

.backend-final-orb {
  top: 5%;
  left: 50%;
  width: min(46rem, 90vw);
  height: 24rem;
  transform: translateX(-50%);
  background: var(--backend-primary);
  opacity: .11
}

.backend-gradient-text {
  color: var(--backend-primary-text);
  background: linear-gradient(96deg, var(--backend-text) 0, var(--backend-primary) 68%, var(--backend-secondary) 112%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.backend-hero-title {
  text-wrap: balance
}

.backend-title-line {
  display: block;
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  filter: blur(8px);
  animation: backend-title-line-enter .76s cubic-bezier(.22, 1, .36, 1) .1s both
}

.backend-title-line-accent {
  animation-delay: .19s
}

.backend-title-glow-core {
  display: inline-block;
  background-size: 230% 100%;
  background-position: 0 50%;
  filter: drop-shadow(var(--title-glow-x) var(--title-glow-y) 14px color-mix(in srgb, var(--backend-primary) 28%, transparent));
  animation: backend-title-sweep 1.5s cubic-bezier(.22, 1, .36, 1) .72s both, backend-title-glow 5.5s ease-in-out 2.25s infinite;
  transition: filter .18s ease-out
}

.backend-authority-beam {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--backend-primary) 34%, transparent) 24%, var(--backend-primary) 50%, color-mix(in srgb, var(--backend-secondary) 74%, transparent) 76%, transparent);
  filter: blur(8px);
  opacity: .42;
  transform: scaleX(.22);
  transform-origin: center
}

.backend-authority-card {
  position: relative;
  overflow: hidden
}

.backend-authority-card:before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(120deg, transparent 20%, color-mix(in srgb, var(--backend-primary) 9%, transparent) 50%, transparent 80%);
  transform: translate3d(-120%, 0, 0);
  transition: transform .7s cubic-bezier(.22, 1, .36, 1)
}

.backend-authority-card:hover:before {
  transform: translate3d(120%, 0, 0)
}

.backend-review-card {
  position: relative;
  overflow: hidden;
  transform-origin: center
}

.backend-review-card:before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: repeating-linear-gradient(90deg, transparent 0 8px, color-mix(in srgb, var(--backend-primary) 5%, transparent) 8px 9px), radial-gradient(circle at 50% 0, color-mix(in srgb, var(--backend-primary) 13%, transparent), transparent 48%);
  opacity: .18;
  transition: opacity .3s ease
}

.backend-review-card[data-review-active=true] {
  border-color: color-mix(in srgb, var(--backend-primary) 52%, var(--backend-line));
  box-shadow: 0 26px 76px var(--backend-card-shadow), 0 0 0 1px color-mix(in srgb, var(--backend-primary) 18%, transparent), 0 0 42px color-mix(in srgb, var(--backend-primary) 12%, transparent)
}

.backend-review-card[data-review-active=true]:before {
  opacity: .62
}

.backend-guide-scan-beam {
  position: absolute;
  top: 10%;
  bottom: 8%;
  left: 0;
  z-index: 0;
  width: 32%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--backend-primary) 11%, transparent), transparent);
  transform: translate3d(-120%, 0, 0) skewX(-12deg)
}

.is-visible .backend-guide-scan-beam {
  animation: backend-guide-scan 2.4s cubic-bezier(.22, 1, .36, 1) .36s both
}

.backend-guide-card {
  position: relative;
  transform-origin: 50% 110%;
  transition: transform .32s cubic-bezier(.22, 1, .36, 1), border-color .22s ease, box-shadow .22s ease
}

.backend-guide-card:hover {
  z-index: 3;
  border-color: var(--backend-primary);
  transform: perspective(900px) rotateX(1.5deg) rotateY(-1.8deg) translateY(-8px);
  box-shadow: 0 28px 68px var(--backend-card-shadow), 0 0 0 1px color-mix(in srgb, var(--backend-primary) 18%, transparent)
}

.backend-knowledge-story {
  --roadmap-progress: 0
}

.backend-knowledge-panel:after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 50% calc(var(--roadmap-progress) * 100%), color-mix(in srgb, var(--backend-primary) 13%, transparent), transparent 28%)
}

.knowledge-route-line {
  width: 2px;
  overflow: hidden;
  border-radius: 999px;
  background: repeating-linear-gradient(to bottom, var(--backend-primary-line) 0 8px, transparent 8px 14px)
}

.knowledge-route-line>span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(to bottom, var(--backend-primary), var(--backend-secondary));
  box-shadow: 0 0 16px color-mix(in srgb, var(--backend-primary) 46%, transparent);
  transform: scaleY(var(--roadmap-progress));
  transform-origin: top center
}

.backend-roadmap-node {
  transform-origin: center
}

.backend-growth-line {
  position: absolute;
  top: 4.1rem;
  left: 8%;
  right: 8%;
  z-index: 0;
  display: none;
  height: 2px;
  overflow: hidden;
  background: var(--backend-line)
}

.backend-growth-line>span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--backend-primary), var(--backend-secondary));
  box-shadow: 0 0 15px color-mix(in srgb, var(--backend-primary) 45%, transparent);
  transform: scaleX(var(--scene-progress));
  transform-origin: left center
}

.backend-tool-card {
  position: relative;
  isolation: isolate;
  overflow: hidden
}

.backend-tool-card:before {
  position: absolute;
  inset: -1px;
  z-index: -1;
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at var(--pointer-x) var(--pointer-y), color-mix(in srgb, var(--backend-primary) 18%, transparent), transparent 34%);
  opacity: 0;
  transition: opacity .24s ease
}

.backend-tool-card:hover:before {
  opacity: 1
}

.backend-tool-card span:first-child {
  transition: transform .3s cubic-bezier(.22, 1, .36, 1)
}

.backend-tool-card:hover span:first-child {
  transform: rotate(-5deg) scale(1.08)
}

.backend-tool-card-featured:before {
  background: radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(255, 255, 255, .38), transparent 28%), linear-gradient(120deg, transparent, rgba(255, 255, 255, .2), transparent)
}

.backend-faq-scene {
  position: relative;
  isolation: isolate;
  overflow: hidden
}

.backend-faq-scene:before {
  right: -3rem;
  top: 10%;
  content: "?";
  font-family: var(--font-geist-mono), monospace;
  font-size: clamp(16rem, 30vw, 34rem);
  font-weight: 900;
  line-height: .8;
  color: color-mix(in srgb, var(--backend-primary) 5%, transparent);
  transform: rotate(8deg)
}

.backend-cta-rings,
.backend-faq-scene:before {
  position: absolute;
  z-index: -1;
  pointer-events: none
}

.backend-cta-rings {
  inset: 50% auto auto 50%;
  width: min(46rem, 92vw);
  aspect-ratio: 1;
  transform: translate(-50%, -50%)
}

.backend-cta-rings i {
  position: absolute;
  inset: 18%;
  border: 1px solid color-mix(in srgb, var(--backend-primary) 24%, transparent);
  border-radius: 50%;
  opacity: 0;
  transform: scale(.45)
}

.backend-cta-rings i:nth-child(2) {
  inset: 8%;
  border-color: color-mix(in srgb, var(--backend-secondary) 26%, transparent)
}

.backend-cta-rings i:nth-child(3) {
  inset: -4%
}

.is-visible .backend-cta-rings i {
  animation: backend-cta-ring 1.4s cubic-bezier(.22, 1, .36, 1) both
}

.is-visible .backend-cta-rings i:nth-child(2) {
  animation-delay: .14s
}

.is-visible .backend-cta-rings i:nth-child(3) {
  animation-delay: .28s
}

.backend-code-particles {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none
}

.backend-code-particles span {
  position: absolute;
  border: 1px solid var(--backend-line);
  border-radius: 999px;
  background: var(--backend-surface);
  padding: .4rem .65rem;
  font-family: var(--font-geist-mono), monospace;
  font-size: .625rem;
  font-weight: 900;
  color: var(--backend-primary-text);
  opacity: 0
}

.backend-code-particles span:first-child {
  left: 9%;
  top: 22%
}

.backend-code-particles span:nth-child(2) {
  right: 12%;
  top: 18%
}

.backend-code-particles span:nth-child(3) {
  left: 16%;
  bottom: 19%
}

.backend-code-particles span:nth-child(4) {
  right: 9%;
  bottom: 24%
}

.is-visible .backend-code-particles span {
  animation: backend-code-converge 1.1s cubic-bezier(.22, 1, .36, 1) .26s both
}

@keyframes backend-ribbon-drift {
  0% {
    opacity: .18;
    transform: rotate(-8deg) translate3d(-9%, -9px, 0) scaleX(.94)
  }

  to {
    opacity: .34;
    transform: rotate(-5deg) translate3d(8%, 10px, 0) scaleX(1.08)
  }
}

@keyframes backend-console-scan {

  0%,
  6% {
    opacity: 0;
    transform: translate3d(-130%, 0, 0)
  }

  12% {
    opacity: .72
  }

  24% {
    opacity: .16;
    transform: translate3d(130%, 0, 0)
  }

  28%,
  to {
    opacity: 0;
    transform: translate3d(130%, 0, 0)
  }
}

@keyframes backend-guide-scan {
  0% {
    opacity: 0;
    transform: translate3d(-120%, 0, 0) skewX(-12deg)
  }

  30% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(420%, 0, 0) skewX(-12deg)
  }
}

@keyframes backend-motion-item-enter {
  0% {
    opacity: 0;
    transform: translate3d(0, 26px, 0) rotate(var(--motion-rotate, 0deg)) scale(.965)
  }

  to {
    opacity: 1;
    transform: translateZ(0) rotate(0deg) scale(1)
  }
}

@keyframes backend-cta-ring {
  0% {
    opacity: 0;
    transform: scale(.45)
  }

  62% {
    opacity: .7
  }

  to {
    opacity: .18;
    transform: scale(1)
  }
}

@keyframes backend-code-converge {
  0% {
    opacity: 0;
    transform: translate3d(0, 26px, 0) scale(.8)
  }

  54% {
    opacity: .8
  }

  to {
    opacity: .34;
    transform: translateZ(0) scale(1)
  }
}

@keyframes backend-hero-enter {
  0% {
    opacity: 0;
    transform: translateY(18px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes backend-title-line-enter {
  0% {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
    filter: blur(8px)
  }

  to {
    opacity: 1;
    transform: translateZ(0);
    filter: blur(0)
  }
}

@keyframes backend-title-sweep {
  0% {
    background-position: 0 50%
  }

  to {
    background-position: 100% 50%
  }
}

@keyframes backend-title-glow {

  0%,
  to {
    filter: drop-shadow(var(--title-glow-x) var(--title-glow-y) 10px color-mix(in srgb, var(--backend-primary) 20%, transparent))
  }

  50% {
    filter: drop-shadow(var(--title-glow-x) var(--title-glow-y) 20px color-mix(in srgb, var(--backend-primary) 42%, transparent)) drop-shadow(0 0 7px color-mix(in srgb, var(--backend-secondary) 26%, transparent))
  }
}

@keyframes backend-evidence-enter {
  0% {
    opacity: 0;
    transform: translateX(14px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes backend-mobile-proof-progress {

  0%,
  5% {
    opacity: .32;
    transform: scaleX(.04)
  }

  78% {
    opacity: 1;
    transform: scaleX(1)
  }

  88% {
    opacity: 1;
    transform: scaleX(1)
  }

  to {
    opacity: .32;
    transform: scaleX(1)
  }
}

@keyframes backend-mobile-proof-step {

  0%,
  6% {
    opacity: .5;
    transform: translateY(0) scale(.96)
  }

  14%,
  28% {
    opacity: 1;
    transform: translateY(-2px) scale(1)
  }

  38%,
  to {
    opacity: .5;
    transform: translateY(0) scale(.96)
  }
}

@keyframes backend-cursor {

  0%,
  48% {
    opacity: 1
  }

  49%,
  to {
    opacity: .12
  }
}

@keyframes backend-section-emphasis {
  0% {
    opacity: .82;
    transform: translateY(12px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes backend-authority-beam {
  0% {
    opacity: 0;
    transform: translateX(-28%) scaleX(.2)
  }

  55% {
    opacity: .52
  }

  to {
    opacity: .28;
    transform: translateX(28%) scaleX(1)
  }
}

@keyframes backend-mobile-scan {

  0%,
  12% {
    opacity: 0;
    transform: translate3d(-72%, 0, 0) rotate(16deg)
  }

  28% {
    opacity: .72
  }

  68% {
    opacity: .42
  }

  82%,
  to {
    opacity: 0;
    transform: translate3d(240%, 0, 0) rotate(16deg)
  }
}

@keyframes backend-mobile-orbit {
  0% {
    transform: rotate(0deg) scale(.96)
  }

  50% {
    transform: rotate(180deg) scale(1.04)
  }

  to {
    transform: rotate(1turn) scale(.96)
  }
}

@keyframes backend-mobile-packet-float {

  0%,
  to {
    opacity: .18;
    transform: translate3d(-10px, 8px, 0) rotate(-5deg)
  }

  46% {
    opacity: .56;
    transform: translate3d(12px, -16px, 0) rotate(3deg)
  }

  72% {
    opacity: .32;
    transform: translate3d(20px, -6px, 0) rotate(6deg)
  }
}

.backend-hero-enter {
  animation: backend-hero-enter .56s cubic-bezier(.22, 1, .36, 1) both
}

.backend-hero-enter-delay {
  animation-delay: 90ms
}

.backend-hero-enter-delay-2 {
  animation-delay: .17s
}

.backend-hero-enter-delay-3 {
  animation-delay: .25s
}

.backend-evidence-shell {
  animation: backend-evidence-enter .68s cubic-bezier(.22, 1, .36, 1) .18s both
}

.backend-evidence-item {
  animation: backend-evidence-enter .44s cubic-bezier(.22, 1, .36, 1) both
}

.backend-mobile-proof-track {
  position: absolute;
  top: 1.35rem;
  right: 16.666%;
  left: 16.666%;
  height: 1px;
  overflow: hidden;
  background: var(--backend-line)
}

.backend-mobile-proof-track>span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--backend-primary);
  opacity: .32;
  transform: scaleX(.04);
  transform-origin: left center;
  animation: backend-mobile-proof-progress var(--dur-proof-loop) var(--ease-in-out) infinite both
}

.backend-mobile-proof-step {
  opacity: .5;
  transform: scale(.96);
  animation: backend-mobile-proof-step var(--dur-proof-loop) var(--ease-out) infinite both
}

.backend-mobile-proof-step:nth-child(2) {
  animation-delay: var(--dur-proof-step)
}

.backend-mobile-proof-step:nth-child(3) {
  animation-delay: var(--dur-proof-step-two)
}

.backend-evidence-icon {
  transition: transform var(--dur-short) var(--ease-out)
}

@media (hover: hover) and (pointer:fine) {
  .backend-console-row:hover .backend-evidence-icon {
    transform: translateY(-2px) rotate(-4deg)
  }
}

.backend-terminal-cursor {
  display: inline-block;
  width: 1px;
  height: .95em;
  margin-left: .25em;
  vertical-align: -.08em;
  animation: backend-cursor 1.15s step-end infinite
}

.landing-motion-ready [data-landing-reveal] {
  opacity: 1;
  transform: none
}

.landing-motion-ready [data-landing-reveal] [data-motion-item] {
  opacity: 0;
  transform: translate3d(0, 26px, 0) rotate(var(--motion-rotate, 0deg)) scale(.965)
}

.landing-motion-ready [data-landing-reveal].is-visible [data-motion-item] {
  animation: backend-motion-item-enter .62s calc(80ms + var(--motion-index, 0) * 85ms) cubic-bezier(.22, 1, .36, 1) both
}

.landing-motion-ready [data-landing-reveal].is-visible {
  animation: backend-section-emphasis .56s cubic-bezier(.22, 1, .36, 1) both
}

.landing-motion-ready [data-landing-reveal].is-visible .backend-authority-beam {
  animation: backend-authority-beam .72s cubic-bezier(.22, 1, .36, 1) .18s both
}

.backend-home a,
.backend-home button {
  touch-action: manipulation
}

@media (max-width: 640px) {

  .backend-hero-grid,
  .backend-section-grid {
    background-size: 38px 38px
  }

  .backend-evidence-shell {
    animation-delay: .28s
  }

  .backend-cinematic-canvas[data-backdrop-ready=true] {
    opacity: .72
  }

  .backend-scene-label {
    display: none
  }

  .backend-mobile-ambient {
    position: absolute;
    inset: 0;
    z-index: -5;
    display: block;
    overflow: hidden;
    contain: strict;
    pointer-events: none
  }

  .backend-mobile-motion-piece {
    position: absolute;
    display: block;
    will-change: transform, opacity
  }

  .backend-mobile-scan {
    top: -32%;
    left: -58%;
    width: 44%;
    height: 168%;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--backend-primary) 20%, transparent) 42%, color-mix(in srgb, var(--backend-secondary) 16%, transparent) 58%, transparent);
    animation: backend-mobile-scan 6.8s cubic-bezier(.45, 0, .55, 1) -1.7s infinite
  }

  .backend-mobile-orbit {
    border: 1px solid color-mix(in srgb, var(--backend-primary) 28%, transparent);
    border-radius: 999px;
    animation: backend-mobile-orbit 13s linear infinite
  }

  .backend-mobile-orbit:after,
  .backend-mobile-orbit:before {
    position: absolute;
    border-radius: 999px;
    content: "";
    background: var(--backend-primary);
    box-shadow: 0 0 14px color-mix(in srgb, var(--backend-primary) 78%, transparent)
  }

  .backend-mobile-orbit:before {
    top: 14%;
    left: 8%;
    width: 5px;
    height: 5px
  }

  .backend-mobile-orbit:after {
    right: 7%;
    bottom: 18%;
    width: 3px;
    height: 3px
  }

  .backend-mobile-orbit-primary {
    top: 8.5rem;
    right: -8.75rem;
    width: 18rem;
    height: 18rem
  }

  .backend-mobile-orbit-secondary {
    top: 28rem;
    left: -8.5rem;
    width: 15rem;
    height: 15rem;
    border-color: color-mix(in srgb, var(--backend-secondary) 22%, transparent);
    animation-direction: reverse;
    animation-duration: 17s
  }

  .backend-mobile-orbit-secondary:after,
  .backend-mobile-orbit-secondary:before {
    background: var(--backend-secondary);
    box-shadow: 0 0 14px color-mix(in srgb, var(--backend-secondary) 70%, transparent)
  }

  .backend-mobile-packet {
    border: 1px solid var(--backend-primary-line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--backend-surface) 74%, transparent);
    padding: .35rem .55rem;
    font-family: var(--font-geist-mono), monospace;
    font-size: .625rem;
    font-weight: 900;
    letter-spacing: .08em;
    color: var(--backend-primary-text);
    box-shadow: 0 8px 28px color-mix(in srgb, var(--backend-primary) 13%, transparent);
    animation: backend-mobile-packet-float 7.5s ease-in-out infinite
  }

  .backend-mobile-packet-api {
    top: 23%;
    right: 3%;
    animation-delay: -1.8s
  }

  .backend-mobile-packet-sql {
    top: 51%;
    left: 3%;
    animation-delay: -4.9s;
    animation-duration: 8.7s
  }

  .backend-mobile-packet-code {
    top: 67%;
    right: 6%;
    animation-delay: -6.1s;
    animation-duration: 9.4s
  }

  .backend-energy-ribbon {
    width: 150vw;
    height: 6rem;
    opacity: .2
  }

  .backend-guide-card:hover {
    transform: translateY(-4px)
  }
}

@media (min-width: 1024px) {
  .backend-growth-line {
    display: block
  }

  .backend-hero-tilt {
    transform: perspective(1100px) translateY(-.5rem) rotateX(var(--hero-tilt-y)) rotateY(var(--hero-tilt-x))
  }
}

@media (prefers-reduced-motion:reduce) {
  .backend-mobile-ambient {
    display: none !important
  }

  .backend-authority-beam,
  .backend-code-particles span,
  .backend-console-row:after,
  .backend-cta-rings i,
  .backend-energy-ribbon,
  .backend-evidence-item,
  .backend-evidence-shell,
  .backend-guide-scan-beam,
  .backend-hero-enter,
  .backend-mobile-proof-step,
  .backend-mobile-proof-track>span,
  .backend-terminal-cursor,
  .backend-title-glow-core,
  .backend-title-line {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important
  }

  .backend-mobile-proof-track>span {
    opacity: 1 !important;
    transform: scaleX(1) !important
  }

  .backend-title-glow-core,
  .backend-title-line {
    filter: none !important
  }

  .landing-motion-ready [data-landing-reveal],
  .landing-motion-ready [data-landing-reveal] [data-motion-item] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important
  }

  .backend-cinematic-canvas {
    opacity: .42
  }

  .backend-guide-card,
  .backend-hero-tilt,
  .backend-review-card,
  .backend-roadmap-node {
    transform: none !important;
    transition: none !important
  }
}

.marker\:hidden ::marker {
  display: none
}

.marker\:hidden::marker {
  display: none
}

.file\:border-0::file-selector-button {
  border-width: 0
}

.file\:bg-transparent::file-selector-button {
  background-color: transparent
}

.file\:text-sm::file-selector-button {
  font-size: .875rem;
  line-height: 1.25rem
}

.file\:font-medium::file-selector-button {
  font-weight: 500
}

.file\:text-foreground::file-selector-button {
  color: hsl(var(--foreground))
}

.placeholder\:text-muted-foreground::-moz-placeholder {
  color: hsl(var(--muted-foreground))
}

.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground))
}

.placeholder\:text-slate-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 116 139/var(--tw-text-opacity, 1))
}

.placeholder\:text-slate-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 116 139/var(--tw-text-opacity, 1))
}

.before\:absolute:before {
  content: var(--tw-content);
  position: absolute
}

.before\:inset-0:before {
  content: var(--tw-content);
  inset: 0
}

.before\:bottom-3:before {
  content: var(--tw-content);
  bottom: .75rem
}

.before\:left-1\/2:before {
  content: var(--tw-content);
  left: 50%
}

.before\:top-3:before {
  content: var(--tw-content);
  top: .75rem
}

.before\:w-px:before {
  content: var(--tw-content);
  width: 1px
}

.before\:bg-border:before {
  content: var(--tw-content);
  background-color: hsl(var(--border))
}

.before\:bg-gradient-to-r:before {
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.before\:from-transparent:before {
  content: var(--tw-content);
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.before\:via-white\/20:before {
  content: var(--tw-content);
  --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255/0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.before\:to-transparent:before {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.before\:animate-shimmer:before {
  content: var(--tw-content);
  animation: shimmer 2s infinite
}

.first\:border-0:first-child {
  border-width: 0
}

.first\:border-t-0:first-child {
  border-top-width: 0
}

.first\:pt-0:first-child {
  padding-top: 0
}

.first\:text-left:first-child {
  text-align: left
}

.last\:border-0:last-child {
  border-width: 0
}

.last\:border-b-0:last-child {
  border-bottom-width: 0
}

.last\:text-right:last-child {
  text-align: right
}

.target\:text-primary:target {
  color: hsl(var(--primary))
}

.open\:bg-muted\/30[open] {
  background-color: hsl(var(--muted)/.3)
}

.open\:shadow-md[open] {
  --tw-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: 0 4px 8px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:z-20:hover {
  z-index: 20
}

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem
}

.hover\:-translate-y-0\.5:hover,
.hover\:-translate-y-1:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem
}

.hover\:translate-x-0\.5:hover {
  --tw-translate-x: 0.125rem
}

.hover\:translate-x-0\.5:hover,
.hover\:translate-x-1:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:translate-x-1:hover {
  --tw-translate-x: 0.25rem
}

.hover\:translate-y-0\.5:hover {
  --tw-translate-y: 0.125rem
}

.hover\:translate-y-0\.5:hover,
.hover\:translate-y-1:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:translate-y-1:hover {
  --tw-translate-y: 0.25rem
}

.hover\:-rotate-1:hover {
  --tw-rotate: -1deg
}

.hover\:-rotate-1:hover,
.hover\:scale-105:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05
}

.hover\:gap-3:hover {
  gap: .75rem
}

.hover\:border-\[var\(--backend-primary\)\]: hover {
  border-color: var(--backend-primary)
}

.hover\:border-\[var\(--pv-accent\)\]: hover {
  border-color: var(--pv-accent)
}

.hover\:border-amber-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36/var(--tw-border-opacity, 1))
}

.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250/var(--tw-border-opacity, 1))
}

.hover\:border-emerald-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153/var(--tw-border-opacity, 1))
}

.hover\:border-emerald-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105/var(--tw-border-opacity, 1))
}

.hover\:border-foreground:hover {
  border-color: hsl(var(--foreground))
}

.hover\:border-primary\/30:hover {
  border-color: hsl(var(--primary)/.3)
}

.hover\:border-primary\/40:hover {
  border-color: hsl(var(--primary)/.4)
}

.hover\:border-primary\/45:hover {
  border-color: hsl(var(--primary)/.45)
}

.hover\:border-primary\/50:hover {
  border-color: hsl(var(--primary)/.5)
}

.hover\:border-rose-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133/var(--tw-border-opacity, 1))
}

.hover\:border-sky-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248/var(--tw-border-opacity, 1))
}

.hover\:border-slate-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184/var(--tw-border-opacity, 1))
}

.hover\:border-slate-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139/var(--tw-border-opacity, 1))
}

.hover\:border-violet-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250/var(--tw-border-opacity, 1))
}

.hover\:border-violet-400\/60:hover {
  border-color: rgb(167 139 250/.6)
}

.hover\:bg-\[\#1b1f23\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(27 31 35/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#4752c4\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 82 196/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#5865F2\]\/5:hover {
  background-color: rgb(88 101 242/.05)
}

.hover\:bg-\[\#f4dc00\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 220 0/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#ffe600\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 230 0/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[var\(--backend-primary-hover\)\]: hover {
  background-color: var(--backend-primary-hover)
}

.hover\:bg-\[var\(--backend-primary-soft\)\]: hover {
  background-color: var(--backend-primary-soft)
}

.hover\:bg-\[var\(--pv-bg-alt\)\]: hover {
  background-color: var(--pv-bg-alt)
}

.hover\:bg-accent:hover {
  background-color: hsl(var(--accent))
}

.hover\:bg-background:hover {
  background-color: hsl(var(--background))
}

.hover\:bg-background\/70:hover {
  background-color: hsl(var(--background)/.7)
}

.hover\:bg-black\/70:hover {
  background-color: rgb(0 0 0/.7)
}

.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235/var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175/var(--tw-bg-opacity, 1))
}

.hover\:bg-cyan-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178/var(--tw-bg-opacity, 1))
}

.hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive)/.8)
}

.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive)/.9)
}

.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87/var(--tw-bg-opacity, 1))
}

.hover\:bg-emerald-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100:hover {
  background-color: hsl(var(--gray-100))
}

.hover\:bg-gray-300:hover {
  background-color: hsl(var(--gray-300))
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74/var(--tw-bg-opacity, 1))
}

.hover\:bg-indigo-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
}

.hover\:bg-muted:hover {
  background-color: hsl(var(--muted))
}

.hover\:bg-muted\/20:hover {
  background-color: hsl(var(--muted)/.2)
}

.hover\:bg-muted\/25:hover {
  background-color: hsl(var(--muted)/.25)
}

.hover\:bg-muted\/30:hover {
  background-color: hsl(var(--muted)/.3)
}

.hover\:bg-muted\/40:hover {
  background-color: hsl(var(--muted)/.4)
}

.hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted)/.5)
}

.hover\:bg-muted\/60:hover {
  background-color: hsl(var(--muted)/.6)
}

.hover\:bg-muted\/70:hover {
  background-color: hsl(var(--muted)/.7)
}

.hover\:bg-muted\/80:hover {
  background-color: hsl(var(--muted)/.8)
}

.hover\:bg-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12/var(--tw-bg-opacity, 1))
}

.hover\:bg-pink-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(190 24 93/var(--tw-bg-opacity, 1))
}

.hover\:bg-primary:hover {
  background-color: hsl(var(--primary))
}

.hover\:bg-primary-600:hover {
  background-color: hsl(var(--primary-600))
}

.hover\:bg-primary-hover:hover {
  background-color: hsl(var(--primary-hover))
}

.hover\:bg-primary\/10:hover {
  background-color: hsl(var(--primary)/.1)
}

.hover\:bg-primary\/5:hover {
  background-color: hsl(var(--primary)/.05)
}

.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary)/.8)
}

.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary)/.9)
}

.hover\:bg-primary\/\[0\.03\]:hover {
  background-color: hsl(var(--primary)/.03)
}

.hover\:bg-primary\/\[0\.04\]:hover {
  background-color: hsl(var(--primary)/.04)
}

.hover\:bg-purple-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234/var(--tw-bg-opacity, 1))
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242/var(--tw-bg-opacity, 1))
}

.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38/var(--tw-bg-opacity, 1))
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28/var(--tw-bg-opacity, 1))
}

.hover\:bg-rose-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242/var(--tw-bg-opacity, 1))
}

.hover\:bg-rose-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(159 18 57/var(--tw-bg-opacity, 1))
}

.hover\:bg-secondary:hover {
  background-color: hsl(var(--secondary))
}

.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary)/.8)
}

.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity, 1))
}

.hover\:bg-violet-400\/5:hover {
  background-color: rgb(167 139 250/.05)
}

.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255/.1)
}

.hover\:bg-yellow-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4/var(--tw-bg-opacity, 1))
}

.hover\:text-\[var\(--backend-primary\)\]: hover {
  color: var(--backend-primary)
}

.hover\:text-\[var\(--pv-text\)\]: hover {
  color: var(--pv-text)
}

.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground))
}

.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216/var(--tw-text-opacity, 1))
}

.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.hover\:text-blue-900:hover {
  --tw-text-opacity: 1;
  color: rgb(30 58 138/var(--tw-text-opacity, 1))
}

.hover\:text-emerald-800:hover {
  --tw-text-opacity: 1;
  color: rgb(6 95 70/var(--tw-text-opacity, 1))
}

.hover\:text-foreground:hover {
  color: hsl(var(--foreground))
}

.hover\:text-gray-900:hover {
  color: hsl(var(--gray-900))
}

.hover\:text-primary:hover {
  color: hsl(var(--primary))
}

.hover\:text-primary-foreground:hover {
  color: hsl(var(--primary-foreground))
}

.hover\:text-primary-hover:hover {
  color: hsl(var(--primary-hover))
}

.hover\:text-primary\/80:hover {
  color: hsl(var(--primary)/.8)
}

.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.hover\:text-rose-700:hover {
  --tw-text-opacity: 1;
  color: rgb(190 18 60/var(--tw-text-opacity, 1))
}

.hover\:text-slate-950:hover {
  --tw-text-opacity: 1;
  color: rgb(2 6 23/var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
  text-decoration-line: underline
}

.hover\:opacity-100:hover {
  opacity: 1
}

.hover\:opacity-75:hover {
  opacity: .75
}

.hover\:opacity-80:hover {
  opacity: .8
}

.hover\:opacity-85:hover {
  opacity: .85
}

.hover\:opacity-90:hover {
  opacity: .9
}

.hover\:shadow-2xl:hover {
  --tw-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.15);
  --tw-shadow-colored: 0 24px 48px 0 var(--tw-shadow-color)
}

.hover\:shadow-2xl:hover,
.hover\:shadow-\[0_14px_36px_rgba\(15\2c 23\2c 42\2c \.10\)\]:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-\[0_14px_36px_rgba\(15\2c 23\2c 42\2c \.10\)\]:hover {
  --tw-shadow: 0 14px 36px rgba(15, 23, 42, .10);
  --tw-shadow-colored: 0 14px 36px var(--tw-shadow-color)
}

.hover\:shadow-\[1px_1px_0_\#000\]:hover {
  --tw-shadow: 1px 1px 0 #000;
  --tw-shadow-colored: 1px 1px 0 var(--tw-shadow-color)
}

.hover\:shadow-\[1px_1px_0_\#000\]:hover,
.hover\:shadow-\[2px_2px_0_\#000\]:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-\[2px_2px_0_\#000\]:hover {
  --tw-shadow: 2px 2px 0 #000;
  --tw-shadow-colored: 2px 2px 0 var(--tw-shadow-color)
}

.hover\:shadow-\[3px_3px_0_\#000\]:hover {
  --tw-shadow: 3px 3px 0 #000;
  --tw-shadow-colored: 3px 3px 0 var(--tw-shadow-color)
}

.hover\:shadow-\[3px_3px_0_\#000\]:hover,
.hover\:shadow-lg:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0 8px 16px 0 var(--tw-shadow-color), 0 4px 8px 0 var(--tw-shadow-color)
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: 0 4px 8px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color)
}

.hover\:shadow-md:hover,
.hover\:shadow-none:hover {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-none:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.12), 0 6px 12px 0 rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 12px 24px 0 var(--tw-shadow-color), 0 6px 12px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:brightness-95:hover {
  --tw-brightness: brightness(.95);
  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)
}

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal
}

.focus\:absolute:focus {
  position: absolute
}

.focus\:left-4:focus {
  left: 1rem
}

.focus\:top-4:focus {
  top: 1rem
}

.focus\:z-50:focus {
  z-index: 50
}

.focus\:rounded-md:focus {
  border-radius: calc(var(--radius) - 2px)
}

.focus\:border-blue-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235/var(--tw-border-opacity, 1))
}

.focus\:border-emerald-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105/var(--tw-border-opacity, 1))
}

.focus\:border-primary:focus {
  border-color: hsl(var(--primary))
}

.focus\:border-rose-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(225 29 72/var(--tw-border-opacity, 1))
}

.focus\:bg-primary:focus {
  background-color: hsl(var(--primary))
}

.focus\:px-4:focus {
  padding-left: 1rem;
  padding-right: 1rem
}

.focus\:py-2:focus {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.focus\:text-primary-foreground:focus {
  color: hsl(var(--primary-foreground))
}

.focus\:opacity-100:focus {
  opacity: 1
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-blue-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254/var(--tw-ring-opacity, 1))
}

.focus\:ring-emerald-600\/20:focus {
  --tw-ring-color: rgb(5 150 105/0.2)
}

.focus\:ring-primary:focus {
  --tw-ring-color: hsl(var(--primary))
}

.focus\:ring-primary\/20:focus {
  --tw-ring-color: hsl(var(--primary)/0.2)
}

.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring))
}

.focus\:ring-rose-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 211/var(--tw-ring-opacity, 1))
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px
}

.focus\:ring-offset-background:focus {
  --tw-ring-offset-color: hsl(var(--background))
}

.focus-visible\:z-30:focus-visible {
  z-index: 30
}

.focus-visible\:rounded-sm:focus-visible {
  border-radius: calc(var(--radius) - 4px)
}

.focus-visible\:bg-background:focus-visible {
  background-color: hsl(var(--background))
}

.focus-visible\:bg-muted:focus-visible {
  background-color: hsl(var(--muted))
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.focus-visible\:outline:focus-visible {
  outline-style: solid
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px
}

.focus-visible\:outline-4:focus-visible {
  outline-width: 4px
}

.focus-visible\:outline-offset-1:focus-visible {
  outline-offset: 1px
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px
}

.focus-visible\:outline-offset-4:focus-visible {
  outline-offset: 4px
}

.focus-visible\:outline-\[\#c91b0a\]:focus-visible {
  outline-color: #c91b0a
}

.focus-visible\:outline-\[var\(--backend-primary\)\]: focus-visible {
  outline-color: var(--backend-primary)
}

.focus-visible\:outline-\[var\(--pv-accent\)\]: focus-visible {
  outline-color: var(--pv-accent)
}

.focus-visible\:outline-emerald-600:focus-visible {
  outline-color: #059669
}

.focus-visible\:outline-primary:focus-visible {
  outline-color: hsl(var(--primary))
}

.focus-visible\:outline-slate-700:focus-visible {
  outline-color: #334155
}

.focus-visible\:outline-white:focus-visible {
  outline-color: #fff
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-inset:focus-visible {
  --tw-ring-inset: inset
}

.focus-visible\:ring-blue-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-blue-600:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 99 235/var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-emerald-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129/var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-pink-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(236 72 153/var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-primary:focus-visible {
  --tw-ring-color: hsl(var(--primary))
}

.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring))
}

.focus-visible\:ring-rose-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 63 94/var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-slate-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(100 116 139/var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px
}

.focus-visible\:ring-offset-4:focus-visible {
  --tw-ring-offset-width: 4px
}

.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: hsl(var(--background))
}

.active\:translate-x-1:active {
  --tw-translate-x: 0.25rem
}

.active\:translate-x-1:active,
.active\:translate-y-1:active {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:translate-y-1:active {
  --tw-translate-y: 0.25rem
}

.active\:translate-y-px:active {
  --tw-translate-y: 1px
}

.active\:scale-\[0\.97\]:active,
.active\:translate-y-px:active {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[0\.97\]:active {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97
}

.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:shadow-none:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none
}

.disabled\:cursor-default:disabled {
  cursor: default
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed
}

.disabled\:cursor-wait:disabled {
  cursor: wait
}

.disabled\:bg-\[\#e5e5e5\]:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229/var(--tw-bg-opacity, 1))
}

.disabled\:bg-muted:disabled {
  background-color: hsl(var(--muted))
}

.disabled\:bg-slate-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
}

.disabled\:text-black\/60:disabled {
  color: rgb(0 0 0/.6)
}

.disabled\:text-slate-600:disabled {
  --tw-text-opacity: 1;
  color: rgb(71 85 105/var(--tw-text-opacity, 1))
}

.disabled\:opacity-100:disabled {
  opacity: 1
}

.disabled\:opacity-40:disabled {
  opacity: .4
}

.disabled\:opacity-45:disabled {
  opacity: .45
}

.disabled\:opacity-50:disabled {
  opacity: .5
}

.disabled\:opacity-60:disabled {
  opacity: .6
}

.disabled\:opacity-70:disabled {
  opacity: .7
}

.disabled\:shadow-none:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group[open] .group-open\:rotate-180 {
  --tw-rotate: 180deg
}

.group[open] .group-open\:rotate-180,
.group[open] .group-open\:rotate-45 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group[open] .group-open\:rotate-45 {
  --tw-rotate: 45deg
}

.group[open] .group-open\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:focus-within .group-focus-within\:visible {
  visibility: visible
}

.group:focus-within .group-focus-within\:translate-y-1 {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1
}

.group:hover .group-hover\:visible {
  visibility: visible
}

.group:hover .group-hover\:w-1\.5 {
  width: .375rem
}

.group:hover .group-hover\:-translate-x-0\.5 {
  --tw-translate-x: -0.125rem
}

.group:hover .group-hover\:-translate-x-0\.5,
.group:hover .group-hover\:-translate-y-0\.5 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:-translate-y-0\.5 {
  --tw-translate-y: -0.125rem
}

.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem
}

.group:hover .group-hover\:translate-x-0\.5,
.group:hover .group-hover\:translate-x-1 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem
}

.group:hover .group-hover\:translate-y-1 {
  --tw-translate-y: 0.25rem
}

.group:hover .group-hover\:scale-110,
.group:hover .group-hover\:translate-y-1 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}

.group:hover .group-hover\:scale-\[1\.025\] {
  --tw-scale-x: 1.025;
  --tw-scale-y: 1.025
}

.group:hover .group-hover\:scale-\[1\.025\],
.group:hover .group-hover\:scale-\[1\.02\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02
}

.group:hover .group-hover\:scale-\[1\.03\] {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:bg-\[var\(--backend-primary\)\] {
  background-color: var(--backend-primary)
}

.group:hover .group-hover\:bg-black\/15 {
  background-color: rgb(0 0 0/.15)
}

.group:hover .group-hover\:bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:text-\[var\(--backend-primary\)\] {
  color: var(--backend-primary)
}

.group:hover .group-hover\:text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-primary {
  color: hsl(var(--primary))
}

.group:hover .group-hover\:underline {
  text-decoration-line: underline
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1
}

.group:hover .group-hover\:opacity-95 {
  opacity: .95
}

.group.destructive .group-\[\.destructive\]\:border-muted\/40 {
  border-color: hsl(var(--muted)/.4)
}

.group.destructive .group-\[\.destructive\]\:text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165/var(--tw-text-opacity, 1))
}

.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
  border-color: hsl(var(--destructive)/.3)
}

.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
  background-color: hsl(var(--destructive))
}

.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
  color: hsl(var(--destructive-foreground))
}

.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
  --tw-text-opacity: 1;
  color: rgb(254 242 242/var(--tw-text-opacity, 1))
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
  --tw-ring-color: hsl(var(--destructive))
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity, 1))
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
  --tw-ring-offset-color: #dc2626
}

.peer:disabled~.peer-disabled\:cursor-not-allowed {
  cursor: not-allowed
}

.peer:disabled~.peer-disabled\:opacity-70 {
  opacity: .7
}

.has-\[\:checked\]\:border-primary:has(:checked) {
  border-color: hsl(var(--primary))
}

.has-\[\:checked\]\:bg-primary\/10:has(:checked) {
  background-color: hsl(var(--primary)/.1)
}

.has-\[\:checked\]\:bg-primary\/5:has(:checked) {
  background-color: hsl(var(--primary)/.05)
}

.has-\[\:checked\]\:text-primary:has(:checked) {
  color: hsl(var(--primary))
}

.has-\[\:checked\]\:ring-1:has(:checked) {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.has-\[\:checked\]\:ring-primary:has(:checked) {
  --tw-ring-color: hsl(var(--primary))
}

.aria-pressed\:border-emerald-600[aria-pressed=true] {
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105/var(--tw-border-opacity, 1))
}

.aria-pressed\:border-pink-600[aria-pressed=true] {
  --tw-border-opacity: 1;
  border-color: rgb(219 39 119/var(--tw-border-opacity, 1))
}

.aria-pressed\:border-rose-600[aria-pressed=true] {
  --tw-border-opacity: 1;
  border-color: rgb(225 29 72/var(--tw-border-opacity, 1))
}

.aria-pressed\:bg-emerald-50[aria-pressed=true] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245/var(--tw-bg-opacity, 1))
}

.aria-pressed\:bg-pink-50[aria-pressed=true] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248/var(--tw-bg-opacity, 1))
}

.aria-pressed\:bg-rose-50[aria-pressed=true] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242/var(--tw-bg-opacity, 1))
}

.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
  --tw-translate-x: 0px
}

.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel],
.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
  --tw-translate-x: var(--radix-toast-swipe-end-x)
}

.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
  --tw-translate-x: var(--radix-toast-swipe-move-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[state\=active\]\:border-primary[data-state=active] {
  border-color: hsl(var(--primary))
}

.data-\[state\=active\]\:bg-background[data-state=active] {
  background-color: hsl(var(--background))
}

.data-\[state\=active\]\:bg-primary\/5[data-state=active] {
  background-color: hsl(var(--primary)/.05)
}

.data-\[state\=open\]\:bg-accent[data-state=open] {
  background-color: hsl(var(--accent))
}

.data-\[state\=open\]\:bg-secondary[data-state=open] {
  background-color: hsl(var(--secondary))
}

.data-\[state\=active\]\:text-foreground[data-state=active] {
  color: hsl(var(--foreground))
}

.data-\[state\=open\]\:text-muted-foreground[data-state=open] {
  color: hsl(var(--muted-foreground))
}

.data-\[state\=active\]\:shadow-none[data-state=active] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.data-\[state\=active\]\:shadow-sm[data-state=active] {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.data-\[swipe\=move\]\:transition-none[data-swipe=move] {
  transition-property: none
}

.data-\[state\=active\]\:duration-200[data-state=active] {
  transition-duration: .2s
}

.data-\[state\=closed\]\:duration-300[data-state=closed] {
  transition-duration: .3s
}

.data-\[state\=open\]\:duration-500[data-state=open] {
  transition-duration: .5s
}

.data-\[state\=active\]\:animate-in[data-state=active],
.data-\[state\=open\]\:animate-in[data-state=open] {
  animation-name: enter;
  animation-duration: .15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial
}

.data-\[state\=closed\]\:animate-out[data-state=closed],
.data-\[swipe\=end\]\:animate-out[data-swipe=end] {
  animation-name: exit;
  animation-duration: .15s;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial
}

.data-\[state\=active\]\:fade-in[data-state=active] {
  --tw-enter-opacity: 0
}

.data-\[state\=closed\]\:fade-out-0[data-state=closed] {
  --tw-exit-opacity: 0
}

.data-\[state\=closed\]\:fade-out-80[data-state=closed] {
  --tw-exit-opacity: 0.8
}

.data-\[state\=open\]\:fade-in-0[data-state=open] {
  --tw-enter-opacity: 0
}

.data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
  --tw-exit-scale: .95
}

.data-\[state\=open\]\:zoom-in-95[data-state=open] {
  --tw-enter-scale: .95
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
  --tw-exit-translate-y: 100%
}

.data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
  --tw-exit-translate-x: -100%
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
  --tw-exit-translate-x: -50%
}

.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],
.data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
  --tw-exit-translate-x: 100%
}

.data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
  --tw-exit-translate-y: -100%
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
  --tw-exit-translate-y: -48%
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
  --tw-enter-translate-y: 100%
}

.data-\[state\=open\]\:slide-in-from-left[data-state=open] {
  --tw-enter-translate-x: -100%
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
  --tw-enter-translate-x: -50%
}

.data-\[state\=open\]\:slide-in-from-right[data-state=open] {
  --tw-enter-translate-x: 100%
}

.data-\[state\=open\]\:slide-in-from-top[data-state=open] {
  --tw-enter-translate-y: -100%
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
  --tw-enter-translate-y: -48%
}

.data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
  --tw-enter-translate-y: -100%
}

.data-\[state\=active\]\:duration-200[data-state=active] {
  animation-duration: .2s
}

.data-\[state\=closed\]\:duration-300[data-state=closed] {
  animation-duration: .3s
}

.data-\[state\=open\]\:duration-500[data-state=open] {
  animation-duration: .5s
}

.group[data-state=active] .group-data-\[state\=active\]\:text-primary {
  color: hsl(var(--primary))
}

@supports (backdrop-filter: var(--tw)) {
  .supports-\[backdrop-filter\]\:bg-background\/80 {
    background-color: hsl(var(--background)/.8)
  }

  .supports-\[backdrop-filter\]\:bg-background\/85 {
    background-color: hsl(var(--background)/.85)
  }
}

@media (prefers-reduced-motion:reduce) {
  .motion-reduce\:animate-none {
    animation: none
  }

  .motion-reduce\:transition-none {
    transition-property: none
  }
}

.dark\:border-amber-200:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138/var(--tw-border-opacity, 1))
}

.dark\:border-amber-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6/var(--tw-border-opacity, 1))
}

.dark\:border-amber-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9/var(--tw-border-opacity, 1))
}

.dark\:border-amber-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14/var(--tw-border-opacity, 1))
}

.dark\:border-amber-800\/40:is(.dark *) {
  border-color: rgb(146 64 14/.4)
}

.dark\:border-amber-800\/50:is(.dark *) {
  border-color: rgb(146 64 14/.5)
}

.dark\:border-amber-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(120 53 15/var(--tw-border-opacity, 1))
}

.dark\:border-blue-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216/var(--tw-border-opacity, 1))
}

.dark\:border-blue-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175/var(--tw-border-opacity, 1))
}

.dark\:border-blue-800\/50:is(.dark *) {
  border-color: rgb(30 64 175/.5)
}

.dark\:border-blue-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138/var(--tw-border-opacity, 1))
}

.dark\:border-blue-950:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(23 37 84/var(--tw-border-opacity, 1))
}

.dark\:border-cyan-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(14 116 144/var(--tw-border-opacity, 1))
}

.dark\:border-cyan-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(21 94 117/var(--tw-border-opacity, 1))
}

.dark\:border-cyan-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(22 78 99/var(--tw-border-opacity, 1))
}

.dark\:border-emerald-300:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183/var(--tw-border-opacity, 1))
}

.dark\:border-emerald-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87/var(--tw-border-opacity, 1))
}

.dark\:border-emerald-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(6 95 70/var(--tw-border-opacity, 1))
}

.dark\:border-emerald-800\/50:is(.dark *) {
  border-color: rgb(6 95 70/.5)
}

.dark\:border-emerald-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(6 78 59/var(--tw-border-opacity, 1))
}

.dark\:border-fuchsia-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(134 25 143/var(--tw-border-opacity, 1))
}

.dark\:border-fuchsia-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(112 26 117/var(--tw-border-opacity, 1))
}

.dark\:border-gray-600:is(.dark *) {
  border-color: hsl(var(--gray-600))
}

.dark\:border-gray-700:is(.dark *) {
  border-color: hsl(var(--gray-700))
}

.dark\:border-gray-800:is(.dark *) {
  border-color: hsl(var(--gray-800))
}

.dark\:border-indigo-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163/var(--tw-border-opacity, 1))
}

.dark\:border-lime-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(54 83 20/var(--tw-border-opacity, 1))
}

.dark\:border-orange-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(154 52 18/var(--tw-border-opacity, 1))
}

.dark\:border-orange-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(124 45 18/var(--tw-border-opacity, 1))
}

.dark\:border-pink-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(244 114 182/var(--tw-border-opacity, 1))
}

.dark\:border-pink-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(190 24 93/var(--tw-border-opacity, 1))
}

.dark\:border-red-300:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165/var(--tw-border-opacity, 1))
}

.dark\:border-red-800\/50:is(.dark *) {
  border-color: rgb(153 27 27/.5)
}

.dark\:border-red-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29/var(--tw-border-opacity, 1))
}

.dark\:border-rose-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(190 18 60/var(--tw-border-opacity, 1))
}

.dark\:border-rose-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(159 18 57/var(--tw-border-opacity, 1))
}

.dark\:border-rose-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(136 19 55/var(--tw-border-opacity, 1))
}

.dark\:border-sky-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(3 105 161/var(--tw-border-opacity, 1))
}

.dark\:border-sky-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(7 89 133/var(--tw-border-opacity, 1))
}

.dark\:border-sky-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(12 74 110/var(--tw-border-opacity, 1))
}

.dark\:border-slate-500:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139/var(--tw-border-opacity, 1))
}

.dark\:border-slate-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105/var(--tw-border-opacity, 1))
}

.dark\:border-slate-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85/var(--tw-border-opacity, 1))
}

.dark\:border-violet-300:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253/var(--tw-border-opacity, 1))
}

.dark\:border-violet-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(109 40 217/var(--tw-border-opacity, 1))
}

.dark\:border-violet-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(91 33 182/var(--tw-border-opacity, 1))
}

.dark\:border-violet-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(76 29 149/var(--tw-border-opacity, 1))
}

.dark\:border-white:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.dark\:border-yellow-100:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(254 249 195/var(--tw-border-opacity, 1))
}

.dark\:bg-\[\#071326\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(7 19 38/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#0a0a0a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#0a1830\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(10 24 48/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#0e1118\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(14 17 24/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#111\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17/var(--tw-bg-opacity, 1))
}

.dark\:bg-amber-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36/var(--tw-bg-opacity, 1))
}

.dark\:bg-amber-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14/var(--tw-bg-opacity, 1))
}

.dark\:bg-amber-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 26 3/var(--tw-bg-opacity, 1))
}

.dark\:bg-amber-950\/10:is(.dark *) {
  background-color: rgb(69 26 3/.1)
}

.dark\:bg-amber-950\/20:is(.dark *) {
  background-color: rgb(69 26 3/.2)
}

.dark\:bg-amber-950\/25:is(.dark *) {
  background-color: rgb(69 26 3/.25)
}

.dark\:bg-amber-950\/30:is(.dark *) {
  background-color: rgb(69 26 3/.3)
}

.dark\:bg-amber-950\/40:is(.dark *) {
  background-color: rgb(69 26 3/.4)
}

.dark\:bg-amber-950\/50:is(.dark *) {
  background-color: rgb(69 26 3/.5)
}

.dark\:bg-amber-950\/70:is(.dark *) {
  background-color: rgb(69 26 3/.7)
}

.dark\:bg-black:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.dark\:bg-black\/20:is(.dark *) {
  background-color: rgb(0 0 0/.2)
}

.dark\:bg-blue-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250/var(--tw-bg-opacity, 1))
}

.dark\:bg-blue-900\/30:is(.dark *) {
  background-color: rgb(30 58 138/.3)
}

.dark\:bg-blue-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84/var(--tw-bg-opacity, 1))
}

.dark\:bg-blue-950\/20:is(.dark *) {
  background-color: rgb(23 37 84/.2)
}

.dark\:bg-blue-950\/25:is(.dark *) {
  background-color: rgb(23 37 84/.25)
}

.dark\:bg-blue-950\/30:is(.dark *) {
  background-color: rgb(23 37 84/.3)
}

.dark\:bg-blue-950\/40:is(.dark *) {
  background-color: rgb(23 37 84/.4)
}

.dark\:bg-blue-950\/70:is(.dark *) {
  background-color: rgb(23 37 84/.7)
}

.dark\:bg-cyan-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(8 51 68/var(--tw-bg-opacity, 1))
}

.dark\:bg-cyan-950\/30:is(.dark *) {
  background-color: rgb(8 51 68/.3)
}

.dark\:bg-emerald-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153/var(--tw-bg-opacity, 1))
}

.dark\:bg-emerald-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129/var(--tw-bg-opacity, 1))
}

.dark\:bg-emerald-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105/var(--tw-bg-opacity, 1))
}

.dark\:bg-emerald-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87/var(--tw-bg-opacity, 1))
}

.dark\:bg-emerald-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(2 44 34/var(--tw-bg-opacity, 1))
}

.dark\:bg-emerald-950\/20:is(.dark *) {
  background-color: rgb(2 44 34/.2)
}

.dark\:bg-emerald-950\/25:is(.dark *) {
  background-color: rgb(2 44 34/.25)
}

.dark\:bg-emerald-950\/30:is(.dark *) {
  background-color: rgb(2 44 34/.3)
}

.dark\:bg-emerald-950\/35:is(.dark *) {
  background-color: rgb(2 44 34/.35)
}

.dark\:bg-emerald-950\/40:is(.dark *) {
  background-color: rgb(2 44 34/.4)
}

.dark\:bg-emerald-950\/50:is(.dark *) {
  background-color: rgb(2 44 34/.5)
}

.dark\:bg-emerald-950\/70:is(.dark *) {
  background-color: rgb(2 44 34/.7)
}

.dark\:bg-fuchsia-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(232 121 249/var(--tw-bg-opacity, 1))
}

.dark\:bg-fuchsia-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(74 4 78/var(--tw-bg-opacity, 1))
}

.dark\:bg-fuchsia-950\/25:is(.dark *) {
  background-color: rgb(74 4 78/.25)
}

.dark\:bg-fuchsia-950\/40:is(.dark *) {
  background-color: rgb(74 4 78/.4)
}

.dark\:bg-fuchsia-950\/70:is(.dark *) {
  background-color: rgb(74 4 78/.7)
}

.dark\:bg-gray-800:is(.dark *) {
  background-color: hsl(var(--gray-800))
}

.dark\:bg-green-900\/30:is(.dark *) {
  background-color: rgb(20 83 45/.3)
}

.dark\:bg-indigo-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 27 75/var(--tw-bg-opacity, 1))
}

.dark\:bg-lime-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 46 5/var(--tw-bg-opacity, 1))
}

.dark\:bg-lime-950\/40:is(.dark *) {
  background-color: rgb(26 46 5/.4)
}

.dark\:bg-orange-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60/var(--tw-bg-opacity, 1))
}

.dark\:bg-orange-900\/30:is(.dark *) {
  background-color: rgb(124 45 18/.3)
}

.dark\:bg-orange-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(67 20 7/var(--tw-bg-opacity, 1))
}

.dark\:bg-orange-950\/25:is(.dark *) {
  background-color: rgb(67 20 7/.25)
}

.dark\:bg-orange-950\/30:is(.dark *) {
  background-color: rgb(67 20 7/.3)
}

.dark\:bg-orange-950\/40:is(.dark *) {
  background-color: rgb(67 20 7/.4)
}

.dark\:bg-orange-950\/70:is(.dark *) {
  background-color: rgb(67 20 7/.7)
}

.dark\:bg-pink-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153/var(--tw-bg-opacity, 1))
}

.dark\:bg-pink-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(80 7 36/var(--tw-bg-opacity, 1))
}

.dark\:bg-primary\/20:is(.dark *) {
  background-color: hsl(var(--primary)/.2)
}

.dark\:bg-primary\/\[0\.08\]:is(.dark *) {
  background-color: hsl(var(--primary)/.08)
}

.dark\:bg-purple-900\/30:is(.dark *) {
  background-color: rgb(88 28 135/.3)
}

.dark\:bg-red-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10/var(--tw-bg-opacity, 1))
}

.dark\:bg-red-950\/30:is(.dark *) {
  background-color: rgb(69 10 10/.3)
}

.dark\:bg-red-950\/40:is(.dark *) {
  background-color: rgb(69 10 10/.4)
}

.dark\:bg-rose-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 113 133/var(--tw-bg-opacity, 1))
}

.dark\:bg-rose-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72/var(--tw-bg-opacity, 1))
}

.dark\:bg-rose-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(76 5 25/var(--tw-bg-opacity, 1))
}

.dark\:bg-rose-950\/20:is(.dark *) {
  background-color: rgb(76 5 25/.2)
}

.dark\:bg-rose-950\/25:is(.dark *) {
  background-color: rgb(76 5 25/.25)
}

.dark\:bg-rose-950\/30:is(.dark *) {
  background-color: rgb(76 5 25/.3)
}

.dark\:bg-rose-950\/40:is(.dark *) {
  background-color: rgb(76 5 25/.4)
}

.dark\:bg-rose-950\/50:is(.dark *) {
  background-color: rgb(76 5 25/.5)
}

.dark\:bg-rose-950\/60:is(.dark *) {
  background-color: rgb(76 5 25/.6)
}

.dark\:bg-rose-950\/70:is(.dark *) {
  background-color: rgb(76 5 25/.7)
}

.dark\:bg-sky-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248/var(--tw-bg-opacity, 1))
}

.dark\:bg-sky-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(8 47 73/var(--tw-bg-opacity, 1))
}

.dark\:bg-sky-950\/25:is(.dark *) {
  background-color: rgb(8 47 73/.25)
}

.dark\:bg-sky-950\/30:is(.dark *) {
  background-color: rgb(8 47 73/.3)
}

.dark\:bg-sky-950\/40:is(.dark *) {
  background-color: rgb(8 47 73/.4)
}

.dark\:bg-sky-950\/70:is(.dark *) {
  background-color: rgb(8 47 73/.7)
}

.dark\:bg-slate-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity, 1))
}

.dark\:bg-slate-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity, 1))
}

.dark\:bg-slate-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity, 1))
}

.dark\:bg-slate-900\/50:is(.dark *) {
  background-color: rgb(15 23 42/.5)
}

.dark\:bg-slate-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23/var(--tw-bg-opacity, 1))
}

.dark\:bg-slate-950\/70:is(.dark *) {
  background-color: rgb(2 6 23/.7)
}

.dark\:bg-violet-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250/var(--tw-bg-opacity, 1))
}

.dark\:bg-violet-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(76 29 149/var(--tw-bg-opacity, 1))
}

.dark\:bg-violet-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(46 16 101/var(--tw-bg-opacity, 1))
}

.dark\:bg-violet-950\/20:is(.dark *) {
  background-color: rgb(46 16 101/.2)
}

.dark\:bg-violet-950\/25:is(.dark *) {
  background-color: rgb(46 16 101/.25)
}

.dark\:bg-violet-950\/30:is(.dark *) {
  background-color: rgb(46 16 101/.3)
}

.dark\:bg-violet-950\/40:is(.dark *) {
  background-color: rgb(46 16 101/.4)
}

.dark\:bg-violet-950\/70:is(.dark *) {
  background-color: rgb(46 16 101/.7)
}

.dark\:bg-white:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.dark\:bg-white\/10:is(.dark *) {
  background-color: rgb(255 255 255/.1)
}

.dark\:bg-yellow-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21/var(--tw-bg-opacity, 1))
}

.dark\:from-primary\/10:is(.dark *) {
  --tw-gradient-from: hsl(var(--primary)/0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary)/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:via-primary\/20:is(.dark *) {
  --tw-gradient-to: hsl(var(--primary)/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary)/0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.dark\:to-primary\/10:is(.dark *) {
  --tw-gradient-to: hsl(var(--primary)/0.1) var(--tw-gradient-to-position)
}

.dark\:fill-emerald-400:is(.dark *) {
  fill: #34d399
}

.dark\:stroke-emerald-400:is(.dark *) {
  stroke: #34d399
}

.dark\:text-amber-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 243 199/var(--tw-text-opacity, 1))
}

.dark\:text-amber-100\/80:is(.dark *) {
  color: rgb(254 243 199/.8)
}

.dark\:text-amber-100\/90:is(.dark *) {
  color: rgb(254 243 199/.9)
}

.dark\:text-amber-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138/var(--tw-text-opacity, 1))
}

.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77/var(--tw-text-opacity, 1))
}

.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36/var(--tw-text-opacity, 1))
}

.dark\:text-amber-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 251 235/var(--tw-text-opacity, 1))
}

.dark\:text-black:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.dark\:text-blue-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(219 234 254/var(--tw-text-opacity, 1))
}

.dark\:text-blue-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254/var(--tw-text-opacity, 1))
}

.dark\:text-blue-200\/80:is(.dark *) {
  color: rgb(191 219 254/.8)
}

.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253/var(--tw-text-opacity, 1))
}

.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250/var(--tw-text-opacity, 1))
}

.dark\:text-cyan-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(207 250 254/var(--tw-text-opacity, 1))
}

.dark\:text-emerald-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 250 229/var(--tw-text-opacity, 1))
}

.dark\:text-emerald-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 243 208/var(--tw-text-opacity, 1))
}

.dark\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183/var(--tw-text-opacity, 1))
}

.dark\:text-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153/var(--tw-text-opacity, 1))
}

.dark\:text-fuchsia-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(250 232 255/var(--tw-text-opacity, 1))
}

.dark\:text-fuchsia-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(245 208 254/var(--tw-text-opacity, 1))
}

.dark\:text-fuchsia-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(240 171 252/var(--tw-text-opacity, 1))
}

.dark\:text-gray-100:is(.dark *) {
  color: hsl(var(--gray-100))
}

.dark\:text-gray-200:is(.dark *) {
  color: hsl(var(--gray-200))
}

.dark\:text-gray-300:is(.dark *) {
  color: hsl(var(--gray-300))
}

.dark\:text-gray-400:is(.dark *) {
  color: hsl(var(--gray-400))
}

.dark\:text-gray-500:is(.dark *) {
  color: hsl(var(--gray-500))
}

.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172/var(--tw-text-opacity, 1))
}

.dark\:text-green-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128/var(--tw-text-opacity, 1))
}

.dark\:text-indigo-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 231 255/var(--tw-text-opacity, 1))
}

.dark\:text-lime-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(236 252 203/var(--tw-text-opacity, 1))
}

.dark\:text-orange-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 237 213/var(--tw-text-opacity, 1))
}

.dark\:text-orange-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 215 170/var(--tw-text-opacity, 1))
}

.dark\:text-orange-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 186 116/var(--tw-text-opacity, 1))
}

.dark\:text-pink-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 231 243/var(--tw-text-opacity, 1))
}

.dark\:text-pink-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(249 168 212/var(--tw-text-opacity, 1))
}

.dark\:text-primary:is(.dark *) {
  color: hsl(var(--primary))
}

.dark\:text-purple-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(216 180 254/var(--tw-text-opacity, 1))
}

.dark\:text-red-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 226 226/var(--tw-text-opacity, 1))
}

.dark\:text-red-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 202 202/var(--tw-text-opacity, 1))
}

.dark\:text-red-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165/var(--tw-text-opacity, 1))
}

.dark\:text-rose-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 228 230/var(--tw-text-opacity, 1))
}

.dark\:text-rose-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 205 211/var(--tw-text-opacity, 1))
}

.dark\:text-rose-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 164 175/var(--tw-text-opacity, 1))
}

.dark\:text-rose-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133/var(--tw-text-opacity, 1))
}

.dark\:text-sky-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 242 254/var(--tw-text-opacity, 1))
}

.dark\:text-sky-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(186 230 253/var(--tw-text-opacity, 1))
}

.dark\:text-sky-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(125 211 252/var(--tw-text-opacity, 1))
}

.dark\:text-sky-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248/var(--tw-text-opacity, 1))
}

.dark\:text-slate-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249/var(--tw-text-opacity, 1))
}

.dark\:text-slate-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240/var(--tw-text-opacity, 1))
}

.dark\:text-slate-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225/var(--tw-text-opacity, 1))
}

.dark\:text-slate-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184/var(--tw-text-opacity, 1))
}

.dark\:text-slate-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 250 252/var(--tw-text-opacity, 1))
}

.dark\:text-slate-950:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(2 6 23/var(--tw-text-opacity, 1))
}

.dark\:text-violet-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(237 233 254/var(--tw-text-opacity, 1))
}

.dark\:text-violet-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(221 214 254/var(--tw-text-opacity, 1))
}

.dark\:text-violet-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(196 181 253/var(--tw-text-opacity, 1))
}

.dark\:text-violet-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250/var(--tw-text-opacity, 1))
}

.dark\:text-violet-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(245 243 255/var(--tw-text-opacity, 1))
}

.dark\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.dark\:shadow-\[12px_12px_0_\#172554\]:is(.dark *) {
  --tw-shadow: 12px 12px 0 #172554;
  --tw-shadow-colored: 12px 12px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark\:hover\:border-emerald-400:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153/var(--tw-border-opacity, 1))
}

.dark\:hover\:border-slate-500:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139/var(--tw-border-opacity, 1))
}

.dark\:hover\:bg-blue-900\/50:hover:is(.dark *) {
  background-color: rgb(30 58 138/.5)
}

.dark\:hover\:bg-emerald-400:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-emerald-600:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-700:hover:is(.dark *) {
  background-color: hsl(var(--gray-700))
}

.dark\:hover\:bg-gray-800:hover:is(.dark *) {
  background-color: hsl(var(--gray-800))
}

.dark\:hover\:bg-pink-400:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 114 182/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-red-300:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-red-950\/30:hover:is(.dark *) {
  background-color: rgb(69 10 10/.3)
}

.dark\:hover\:bg-rose-500:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-rose-950:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(76 5 25/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-rose-950\/30:hover:is(.dark *) {
  background-color: rgb(76 5 25/.3)
}

.dark\:hover\:bg-slate-200:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-slate-600:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-slate-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-slate-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-white\/90:hover:is(.dark *) {
  background-color: rgb(255 255 255/.9)
}

.dark\:hover\:text-blue-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254/var(--tw-text-opacity, 1))
}

.dark\:hover\:text-emerald-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183/var(--tw-text-opacity, 1))
}

.dark\:hover\:text-gray-100:hover:is(.dark *) {
  color: hsl(var(--gray-100))
}

.dark\:hover\:text-rose-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 164 175/var(--tw-text-opacity, 1))
}

.dark\:hover\:text-slate-950:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(2 6 23/var(--tw-text-opacity, 1))
}

.dark\:hover\:text-white:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.dark\:focus\:border-emerald-400:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153/var(--tw-border-opacity, 1))
}

.dark\:focus\:border-rose-400:focus:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133/var(--tw-border-opacity, 1))
}

.dark\:focus\:ring-emerald-400\/25:focus:is(.dark *) {
  --tw-ring-color: rgb(52 211 153/0.25)
}

.dark\:focus\:ring-rose-950:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(76 5 25/var(--tw-ring-opacity, 1))
}

.dark\:focus-visible\:ring-pink-400:focus-visible:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 114 182/var(--tw-ring-opacity, 1))
}

.dark\:focus-visible\:ring-offset-slate-950:focus-visible:is(.dark *) {
  --tw-ring-offset-color: #020617
}

.dark\:disabled\:bg-slate-800:disabled:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity, 1))
}

.dark\:disabled\:text-slate-300:disabled:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225/var(--tw-text-opacity, 1))
}

.group:hover .dark\:group-hover\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183/var(--tw-text-opacity, 1))
}

.dark\:aria-pressed\:border-emerald-500[aria-pressed=true]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129/var(--tw-border-opacity, 1))
}

.dark\:aria-pressed\:border-pink-400[aria-pressed=true]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(244 114 182/var(--tw-border-opacity, 1))
}

.dark\:aria-pressed\:border-rose-400[aria-pressed=true]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133/var(--tw-border-opacity, 1))
}

.dark\:aria-pressed\:bg-emerald-950\/40[aria-pressed=true]:is(.dark *) {
  background-color: rgb(2 44 34/.4)
}

.dark\:aria-pressed\:bg-pink-950[aria-pressed=true]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(80 7 36/var(--tw-bg-opacity, 1))
}

.dark\:aria-pressed\:bg-rose-950[aria-pressed=true]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(76 5 25/var(--tw-bg-opacity, 1))
}

.group[aria-pressed=true] .dark\:group-aria-pressed\:text-slate-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249/var(--tw-text-opacity, 1))
}

.group[aria-pressed=true] .dark\:group-aria-pressed\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width: 640px) {
  .sm\:bottom-0 {
    bottom: 0
  }

  .sm\:bottom-6 {
    bottom: 1.5rem
  }

  .sm\:bottom-auto {
    bottom: auto
  }

  .sm\:left-1\/2 {
    left: 50%
  }

  .sm\:left-6 {
    left: 1.5rem
  }

  .sm\:right-0 {
    right: 0
  }

  .sm\:right-6 {
    right: 1.5rem
  }

  .sm\:top-1\/2 {
    top: 50%
  }

  .sm\:top-auto {
    top: auto
  }

  .sm\:col-span-2 {
    grid-column: span 2/span 2
  }

  .sm\:col-start-2 {
    grid-column-start: 2
  }

  .sm\:col-start-3 {
    grid-column-start: 3
  }

  .sm\:row-start-1 {
    grid-row-start: 1
  }

  .sm\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem
  }

  .sm\:-mt-8 {
    margin-top: -2rem
  }

  .sm\:mb-10 {
    margin-bottom: 2.5rem
  }

  .sm\:mb-2 {
    margin-bottom: .5rem
  }

  .sm\:mb-8 {
    margin-bottom: 2rem
  }

  .sm\:ml-auto {
    margin-left: auto
  }

  .sm\:mr-2 {
    margin-right: .5rem
  }

  .sm\:mt-0 {
    margin-top: 0
  }

  .sm\:mt-1 {
    margin-top: .25rem
  }

  .sm\:mt-11 {
    margin-top: 2.75rem
  }

  .sm\:mt-12 {
    margin-top: 3rem
  }

  .sm\:mt-20 {
    margin-top: 5rem
  }

  .sm\:mt-3 {
    margin-top: .75rem
  }

  .sm\:mt-5 {
    margin-top: 1.25rem
  }

  .sm\:mt-7 {
    margin-top: 1.75rem
  }

  .sm\:line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none
  }

  .sm\:block {
    display: block
  }

  .sm\:inline {
    display: inline
  }

  .sm\:flex {
    display: flex
  }

  .sm\:inline-flex {
    display: inline-flex
  }

  .sm\:grid {
    display: grid
  }

  .sm\:hidden {
    display: none
  }

  .sm\:aspect-\[16\/10\] {
    aspect-ratio: 16/10
  }

  .sm\:aspect-\[4\/3\] {
    aspect-ratio: 4/3
  }

  .sm\:h-12 {
    height: 3rem
  }

  .sm\:h-14 {
    height: 3.5rem
  }

  .sm\:h-20 {
    height: 5rem
  }

  .sm\:h-24 {
    height: 6rem
  }

  .sm\:h-3\.5 {
    height: .875rem
  }

  .sm\:h-32 {
    height: 8rem
  }

  .sm\:h-36 {
    height: 9rem
  }

  .sm\:h-6 {
    height: 1.5rem
  }

  .sm\:h-auto {
    height: auto
  }

  .sm\:min-h-0 {
    min-height: 0
  }

  .sm\:min-h-16 {
    min-height: 4rem
  }

  .sm\:min-h-20 {
    min-height: 5rem
  }

  .sm\:min-h-40 {
    min-height: 10rem
  }

  .sm\:min-h-\[31rem\] {
    min-height: 31rem
  }

  .sm\:w-12 {
    width: 3rem
  }

  .sm\:w-14 {
    width: 3.5rem
  }

  .sm\:w-24 {
    width: 6rem
  }

  .sm\:w-3\.5 {
    width: .875rem
  }

  .sm\:w-32 {
    width: 8rem
  }

  .sm\:w-40 {
    width: 10rem
  }

  .sm\:w-6 {
    width: 1.5rem
  }

  .sm\:w-9 {
    width: 2.25rem
  }

  .sm\:w-auto {
    width: auto
  }

  .sm\:w-full {
    width: 100%
  }

  .sm\:max-w-2xl {
    max-width: 42rem
  }

  .sm\:max-w-52 {
    max-width: 13rem
  }

  .sm\:max-w-\[600px\] {
    max-width: 600px
  }

  .sm\:max-w-\[700px\] {
    max-width: 700px
  }

  .sm\:max-w-none {
    max-width: none
  }

  .sm\:max-w-sm {
    max-width: 24rem
  }

  .sm\:max-w-xl {
    max-width: 36rem
  }

  .sm\:flex-1 {
    flex: 1 1 0%
  }

  .sm\:flex-none {
    flex: none
  }

  .sm\:-translate-x-1\/2 {
    --tw-translate-x: -50%
  }

  .sm\:-translate-x-1\/2,
  .sm\:-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .sm\:-translate-y-1\/2 {
    --tw-translate-y: -50%
  }

  .sm\:auto-cols-\[70vw\] {
    grid-auto-columns: 70vw
  }

  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .sm\:grid-cols-\[0\.38fr_0\.62fr\] {
    grid-template-columns: .38fr .62fr
  }

  .sm\:grid-cols-\[0\.88fr_1\.12fr\] {
    grid-template-columns: .88fr 1.12fr
  }

  .sm\:grid-cols-\[10rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 10rem minmax(0, 1fr)
  }

  .sm\:grid-cols-\[120px_1fr\] {
    grid-template-columns: 120px 1fr
  }

  .sm\:grid-cols-\[128px_minmax\(0\2c 1fr\)_74px\] {
    grid-template-columns: 128px minmax(0, 1fr) 74px
  }

  .sm\:grid-cols-\[160px_1fr\] {
    grid-template-columns: 160px 1fr
  }

  .sm\:grid-cols-\[180px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 180px minmax(0, 1fr)
  }

  .sm\:grid-cols-\[1fr_0\.82fr\] {
    grid-template-columns: 1fr .82fr
  }

  .sm\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
  }

  .sm\:grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr
  }

  .sm\:grid-cols-\[2rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 2rem minmax(0, 1fr)
  }

  .sm\:grid-cols-\[2rem_minmax\(110px\2c 0\.55fr\)_minmax\(0\2c 1\.45fr\)\] {
    grid-template-columns: 2rem minmax(110px, .55fr) minmax(0, 1.45fr)
  }

  .sm\:grid-cols-\[3rem_12rem_1fr\] {
    grid-template-columns: 3rem 12rem 1fr
  }

  .sm\:grid-cols-\[3rem_12rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 3rem 12rem minmax(0, 1fr)
  }

  .sm\:grid-cols-\[3rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 3rem minmax(0, 1fr)
  }

  .sm\:grid-cols-\[44px_1fr_auto\] {
    grid-template-columns: 44px 1fr auto
  }

  .sm\:grid-cols-\[72px_minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: 72px minmax(0, 1fr) auto
  }

  .sm\:grid-cols-\[7rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 7rem minmax(0, 1fr)
  }

  .sm\:grid-cols-\[7rem_minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: 7rem minmax(0, 1fr) auto
  }

  .sm\:grid-cols-\[9rem_1fr_auto\] {
    grid-template-columns: 9rem 1fr auto
  }

  .sm\:grid-cols-\[9rem_5rem_minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: 9rem 5rem minmax(0, 1fr) auto
  }

  .sm\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr
  }

  .sm\:grid-cols-\[auto_minmax\(0\2c 1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr)
  }

  .sm\:grid-cols-\[auto_minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: auto minmax(0, 1fr) auto
  }

  .sm\:grid-cols-\[clamp\(6rem\2c 26\%\2c 10rem\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: clamp(6rem, 26%, 10rem) minmax(0, 1fr)
  }

  .sm\:grid-cols-\[minmax\(0\2c 0\.8fr\)_minmax\(0\2c 1\.2fr\)\] {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr)
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto
  }

  .sm\:grid-cols-\[repeat\(var\(--step-count\)\2c minmax\(0\2c 1fr\)\)\] {
    grid-template-columns: repeat(var(--step-count), minmax(0, 1fr))
  }

  .sm\:flex-row {
    flex-direction: row
  }

  .sm\:flex-col {
    flex-direction: column
  }

  .sm\:flex-wrap {
    flex-wrap: wrap
  }

  .sm\:items-start {
    align-items: flex-start
  }

  .sm\:items-end {
    align-items: flex-end
  }

  .sm\:items-center {
    align-items: center
  }

  .sm\:items-baseline {
    align-items: baseline
  }

  .sm\:justify-end {
    justify-content: flex-end
  }

  .sm\:justify-center {
    justify-content: center
  }

  .sm\:justify-between {
    justify-content: space-between
  }

  .sm\:gap-1 {
    gap: .25rem
  }

  .sm\:gap-2 {
    gap: .5rem
  }

  .sm\:gap-3 {
    gap: .75rem
  }

  .sm\:gap-4 {
    gap: 1rem
  }

  .sm\:gap-5 {
    gap: 1.25rem
  }

  .sm\:gap-6 {
    gap: 1.5rem
  }

  .sm\:gap-8 {
    gap: 2rem
  }

  .sm\:space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
  }

  .sm\:space-y-20>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse))
  }

  .sm\:self-auto {
    align-self: auto
  }

  .sm\:justify-self-end {
    justify-self: end
  }

  .sm\:overflow-hidden {
    overflow: hidden
  }

  .sm\:rounded-\[2rem\] {
    border-radius: 2rem
  }

  .sm\:rounded-lg {
    border-radius: var(--radius)
  }

  .sm\:border {
    border-width: 1px
  }

  .sm\:border-b-0 {
    border-bottom-width: 0
  }

  .sm\:border-l {
    border-left-width: 1px
  }

  .sm\:border-r {
    border-right-width: 1px
  }

  .sm\:border-r-\[3px\] {
    border-right-width: 3px
  }

  .sm\:border-t-0 {
    border-top-width: 0
  }

  .sm\:p-10 {
    padding: 2.5rem
  }

  .sm\:p-12 {
    padding: 3rem
  }

  .sm\:p-3 {
    padding: .75rem
  }

  .sm\:p-4 {
    padding: 1rem
  }

  .sm\:p-5 {
    padding: 1.25rem
  }

  .sm\:p-6 {
    padding: 1.5rem
  }

  .sm\:p-7 {
    padding: 1.75rem
  }

  .sm\:p-8 {
    padding: 2rem
  }

  .sm\:p-9 {
    padding: 2.25rem
  }

  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0
  }

  .sm\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .sm\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .sm\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
  }

  .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0
  }

  .sm\:py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .sm\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
  }

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .sm\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
  }

  .sm\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
  }

  .sm\:pb-10 {
    padding-bottom: 2.5rem
  }

  .sm\:pb-2 {
    padding-bottom: .5rem
  }

  .sm\:pb-9 {
    padding-bottom: 2.25rem
  }

  .sm\:pl-0 {
    padding-left: 0
  }

  .sm\:pl-4 {
    padding-left: 1rem
  }

  .sm\:pl-6 {
    padding-left: 1.5rem
  }

  .sm\:pl-8 {
    padding-left: 2rem
  }

  .sm\:pr-5 {
    padding-right: 1.25rem
  }

  .sm\:pr-7 {
    padding-right: 1.75rem
  }

  .sm\:pt-0 {
    padding-top: 0
  }

  .sm\:pt-2 {
    padding-top: .5rem
  }

  .sm\:pt-5 {
    padding-top: 1.25rem
  }

  .sm\:text-left {
    text-align: left
  }

  .sm\:text-right {
    text-align: right
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1
  }

  .sm\:text-6xl {
    font-size: 3.75rem;
    line-height: 1
  }

  .sm\:text-\[11px\] {
    font-size: 11px
  }

  .sm\:text-\[17px\] {
    font-size: 17px
  }

  .sm\:text-\[24px\] {
    font-size: 24px
  }

  .sm\:text-\[26px\] {
    font-size: 26px
  }

  .sm\:text-\[40px\] {
    font-size: 40px
  }

  .sm\:text-\[48px\] {
    font-size: 48px
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
  }

  .sm\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }

  .sm\:text-xs {
    font-size: .75rem;
    line-height: 1rem
  }

  .sm\:uppercase {
    text-transform: uppercase
  }

  .sm\:leading-10 {
    line-height: 2.5rem
  }

  .sm\:leading-5 {
    line-height: 1.25rem
  }

  .sm\:leading-7 {
    line-height: 1.75rem
  }

  .sm\:leading-8 {
    line-height: 2rem
  }

  .sm\:leading-9 {
    line-height: 2.25rem
  }

  .sm\:leading-\[26px\] {
    line-height: 26px
  }

  .sm\:leading-\[30px\] {
    line-height: 30px
  }

  .sm\:leading-\[34px\] {
    line-height: 34px
  }

  .sm\:leading-\[48px\] {
    line-height: 48px
  }

  .sm\:leading-\[55px\] {
    line-height: 55px
  }

  .sm\:tracking-\[0\.12em\] {
    letter-spacing: .12em
  }

  .sm\:first\:border-l-0:first-child {
    border-left-width: 0
  }

  .sm\:first\:pl-0:first-child {
    padding-left: 0
  }

  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open] {
    --tw-enter-translate-y: 100%
  }
}

@media (min-width: 768px) {
  .md\:bottom-auto {
    bottom: auto
  }

  .md\:left-\[12\.5\%\] {
    left: 12.5%
  }

  .md\:right-\[12\.5\%\] {
    right: 12.5%
  }

  .md\:top-\[1\.65rem\] {
    top: 1.65rem
  }

  .md\:col-span-2 {
    grid-column: span 2/span 2
  }

  .md\:block {
    display: block
  }

  .md\:flex {
    display: flex
  }

  .md\:grid {
    display: grid
  }

  .md\:hidden {
    display: none
  }

  .md\:h-px {
    height: 1px
  }

  .md\:min-h-44 {
    min-height: 11rem
  }

  .md\:w-40 {
    width: 10rem
  }

  .md\:w-auto {
    width: auto
  }

  .md\:min-w-52 {
    min-width: 13rem
  }

  .md\:min-w-\[160px\] {
    min-width: 160px
  }

  .md\:max-w-\[420px\] {
    max-width: 420px
  }

  .md\:max-w-sm {
    max-width: 24rem
  }

  .md\:flex-shrink-0 {
    flex-shrink: 0
  }

  .md\:-rotate-1 {
    --tw-rotate: -1deg
  }

  .md\:-rotate-1,
  .md\:rotate-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:rotate-0 {
    --tw-rotate: 0deg
  }

  .md\:rotate-1 {
    --tw-rotate: 1deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .md\:grid-cols-\[15rem_1fr\] {
    grid-template-columns: 15rem 1fr
  }

  .md\:grid-cols-\[1fr_0\.9fr\] {
    grid-template-columns: 1fr .9fr
  }

  .md\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
  }

  .md\:grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr
  }

  .md\:grid-cols-\[48px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 48px minmax(0, 1fr)
  }

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto
  }

  .md\:flex-row {
    flex-direction: row
  }

  .md\:content-start {
    align-content: flex-start
  }

  .md\:items-start {
    align-items: flex-start
  }

  .md\:items-end {
    align-items: flex-end
  }

  .md\:items-center {
    align-items: center
  }

  .md\:justify-center {
    justify-content: center
  }

  .md\:justify-between {
    justify-content: space-between
  }

  .md\:justify-items-center {
    justify-items: center
  }

  .md\:gap-3 {
    gap: .75rem
  }

  .md\:gap-6 {
    gap: 1.5rem
  }

  .md\:divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
  }

  .md\:divide-y-0>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
  }

  .md\:rounded-\[50\%\] {
    border-radius: 50%
  }

  .md\:border-b-0 {
    border-bottom-width: 0
  }

  .md\:border-l {
    border-left-width: 1px
  }

  .md\:border-r {
    border-right-width: 1px
  }

  .md\:border-t-0 {
    border-top-width: 0
  }

  .md\:p-6 {
    padding: 1.5rem
  }

  .md\:p-8 {
    padding: 2rem
  }

  .md\:p-9 {
    padding: 2.25rem
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .md\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
  }

  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .md\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem
  }

  .md\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
  }

  .md\:pb-0 {
    padding-bottom: 0
  }

  .md\:pt-0 {
    padding-top: 0
  }

  .md\:text-center {
    text-align: center
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1
  }

  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1
  }

  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1
  }

  .md\:text-\[20px\] {
    font-size: 20px
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem
  }

  .md\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .md\:leading-\[32px\] {
    line-height: 32px
  }
}

@media (min-width: 1024px) {
  .lg\:sticky {
    position: sticky
  }

  .lg\:-left-8 {
    left: -2rem
  }

  .lg\:-right-8 {
    right: -2rem
  }

  .lg\:top-24 {
    top: 6rem
  }

  .lg\:top-32 {
    top: 8rem
  }

  .lg\:order-2 {
    order: 2
  }

  .lg\:order-last {
    order: 9999
  }

  .lg\:order-none {
    order: 0
  }

  .lg\:col-span-1 {
    grid-column: span 1/span 1
  }

  .lg\:col-start-1 {
    grid-column-start: 1
  }

  .lg\:col-start-2 {
    grid-column-start: 2
  }

  .lg\:col-start-3 {
    grid-column-start: 3
  }

  .lg\:row-span-2 {
    grid-row: span 2/span 2
  }

  .lg\:row-start-1 {
    grid-row-start: 1
  }

  .lg\:row-start-2 {
    grid-row-start: 2
  }

  .lg\:row-start-3 {
    grid-row-start: 3
  }

  .lg\:mt-1 {
    margin-top: .25rem
  }

  .lg\:mt-4 {
    margin-top: 1rem
  }

  .lg\:mt-5 {
    margin-top: 1.25rem
  }

  .lg\:block {
    display: block
  }

  .lg\:flex {
    display: flex
  }

  .lg\:inline-flex {
    display: inline-flex
  }

  .lg\:hidden {
    display: none
  }

  .lg\:min-h-\[190vh\] {
    min-height: 190vh
  }

  .lg\:min-h-\[calc\(100svh-7\.75rem\)\] {
    min-height: calc(100svh - 7.75rem)
  }

  .lg\:min-h-\[calc\(100vh-6rem\)\] {
    min-height: calc(100vh - 6rem)
  }

  .lg\:w-8 {
    width: 2rem
  }

  .lg\:w-auto {
    width: auto
  }

  .lg\:max-w-\[10\.5ch\] {
    max-width: 10.5ch
  }

  .lg\:-translate-y-2 {
    --tw-translate-y: -0.5rem
  }

  .lg\:-translate-y-2,
  .lg\:translate-y-2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .lg\:translate-y-2 {
    --tw-translate-y: 0.5rem
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .lg\:grid-cols-\[\.8fr_1\.2fr\] {
    grid-template-columns: .8fr 1.2fr
  }

  .lg\:grid-cols-\[\.92fr_1\.08fr\] {
    grid-template-columns: .92fr 1.08fr
  }

  .lg\:grid-cols-\[\.9fr_1\.1fr\] {
    grid-template-columns: .9fr 1.1fr
  }

  .lg\:grid-cols-\[0\.65fr_1\.35fr\] {
    grid-template-columns: .65fr 1.35fr
  }

  .lg\:grid-cols-\[0\.72fr_1\.28fr\] {
    grid-template-columns: .72fr 1.28fr
  }

  .lg\:grid-cols-\[0\.75fr_1\.25fr\] {
    grid-template-columns: .75fr 1.25fr
  }

  .lg\:grid-cols-\[0\.78fr_1\.22fr\] {
    grid-template-columns: .78fr 1.22fr
  }

  .lg\:grid-cols-\[0\.7fr_1\.3fr\] {
    grid-template-columns: .7fr 1.3fr
  }

  .lg\:grid-cols-\[0\.85fr_1\.15fr\] {
    grid-template-columns: .85fr 1.15fr
  }

  .lg\:grid-cols-\[0\.8fr_1\.2fr\] {
    grid-template-columns: .8fr 1.2fr
  }

  .lg\:grid-cols-\[0\.92fr_1\.08fr\] {
    grid-template-columns: .92fr 1.08fr
  }

  .lg\:grid-cols-\[1\.02fr_0\.98fr\],
  .lg\:grid-cols-\[1\.02fr_\.98fr\] {
    grid-template-columns: 1.02fr .98fr
  }

  .lg\:grid-cols-\[1\.05fr_0\.95fr\],
  .lg\:grid-cols-\[1\.05fr_\.95fr\] {
    grid-template-columns: 1.05fr .95fr
  }

  .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
    grid-template-columns: 1.15fr .85fr
  }

  .lg\:grid-cols-\[1\.15fr_0\.85fr_0\.85fr\] {
    grid-template-columns: 1.15fr .85fr .85fr
  }

  .lg\:grid-cols-\[1\.1fr_0\.9fr\] {
    grid-template-columns: 1.1fr .9fr
  }

  .lg\:grid-cols-\[1\.2fr_2fr\] {
    grid-template-columns: 1.2fr 2fr
  }

  .lg\:grid-cols-\[11rem_minmax\(0\2c 1fr\)_13rem\] {
    grid-template-columns: 11rem minmax(0, 1fr) 13rem
  }

  .lg\:grid-cols-\[170px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 170px minmax(0, 1fr)
  }

  .lg\:grid-cols-\[18rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 18rem minmax(0, 1fr)
  }

  .lg\:grid-cols-\[19rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 19rem minmax(0, 1fr)
  }

  .lg\:grid-cols-\[1fr_\.9fr\] {
    grid-template-columns: 1fr .9fr
  }

  .lg\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr
  }

  .lg\:grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px
  }

  .lg\:grid-cols-\[1fr_360px\] {
    grid-template-columns: 1fr 360px
  }

  .lg\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
  }

  .lg\:grid-cols-\[2\.5rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 2.5rem minmax(0, 1fr)
  }

  .lg\:grid-cols-\[220px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 220px minmax(0, 1fr)
  }

  .lg\:grid-cols-\[260px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 260px minmax(0, 1fr)
  }

  .lg\:grid-cols-\[360px_1fr\] {
    grid-template-columns: 360px 1fr
  }

  .lg\:grid-cols-\[380px_1fr\] {
    grid-template-columns: 380px 1fr
  }

  .lg\:grid-cols-\[minmax\(0\2c \.8fr\)_minmax\(0\2c 1\.2fr\)\] {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 0\.85fr\)_minmax\(0\2c 1\.15fr\)\] {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 0\.9fr\)_minmax\(320px\2c 0\.7fr\)\] {
    grid-template-columns: minmax(0, .9fr) minmax(320px, .7fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 0\.9fr\)_minmax\(320px\2c 1\.1fr\)\] {
    grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.05fr\)_minmax\(380px\2c 0\.95fr\)\] {
    grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.15fr\)_minmax\(19rem\2c \.85fr\)\] {
    grid-template-columns: minmax(0, 1.15fr) minmax(19rem, .85fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.15fr\)_minmax\(300px\2c 0\.7fr\)\] {
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .7fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.1fr\)_minmax\(0\2c 0\.9fr\)\] {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(0\2c 0\.8fr\)\] {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.3fr\)_minmax\(320px\2c 0\.7fr\)\] {
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_15rem\] {
    grid-template-columns: minmax(0, 1fr) 15rem
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_180px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_190px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0, 1fr) 190px minmax(0, 1fr)
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_260px\] {
    grid-template-columns: minmax(0, 1fr) 260px
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_280px\] {
    grid-template-columns: minmax(0, 1fr) 280px
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_300px\] {
    grid-template-columns: minmax(0, 1fr) 300px
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_320px\] {
    grid-template-columns: minmax(0, 1fr) 320px
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto
  }

  .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
  }

  .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .lg\:flex-row {
    flex-direction: row
  }

  .lg\:items-start {
    align-items: flex-start
  }

  .lg\:items-end {
    align-items: flex-end
  }

  .lg\:items-center {
    align-items: center
  }

  .lg\:justify-end {
    justify-content: flex-end
  }

  .lg\:justify-between {
    justify-content: space-between
  }

  .lg\:gap-10 {
    gap: 2.5rem
  }

  .lg\:gap-8 {
    gap: 2rem
  }

  .lg\:border-b-0 {
    border-bottom-width: 0
  }

  .lg\:border-l {
    border-left-width: 1px
  }

  .lg\:border-r {
    border-right-width: 1px
  }

  .lg\:border-r-4 {
    border-right-width: 4px
  }

  .lg\:border-t-0 {
    border-top-width: 0
  }

  .lg\:border-border {
    border-color: hsl(var(--border))
  }

  .lg\:p-8 {
    padding: 2rem
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }

  .lg\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .lg\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
  }

  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
  }

  .lg\:pl-5 {
    padding-left: 1.25rem
  }

  .lg\:pl-6 {
    padding-left: 1.5rem
  }

  .lg\:pt-0 {
    padding-top: 0
  }

  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1
  }

  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1
  }

  .lg\:text-\[17px\] {
    font-size: 17px
  }

  .lg\:text-\[2\.9rem\] {
    font-size: 2.9rem
  }

  .lg\:text-\[20px\] {
    font-size: 20px
  }

  .lg\:text-\[48px\] {
    font-size: 48px
  }

  .lg\:text-\[clamp\(3\.25rem\2c 5vw\2c 4rem\)\] {
    font-size: clamp(3.25rem, 5vw, 4rem)
  }

  .lg\:text-base {
    font-size: 1rem
  }

  .lg\:leading-6,
  .lg\:text-base {
    line-height: 1.5rem
  }

  .lg\:leading-\[1\.06\] {
    line-height: 1.06
  }

  .lg\:leading-\[1\.13\] {
    line-height: 1.13
  }

  .lg\:leading-\[30px\] {
    line-height: 30px
  }

  .lg\:leading-\[58px\] {
    line-height: 58px
  }
}

@media (min-width: 1280px) {
  .xl\:col-span-3 {
    grid-column: span 3/span 3
  }

  .xl\:block {
    display: block
  }

  .xl\:inline {
    display: inline
  }

  .xl\:hidden {
    display: none
  }

  .xl\:w-auto {
    width: auto
  }

  .xl\:grid-flow-row {
    grid-auto-flow: row
  }

  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .xl\:grid-cols-\[310px_minmax\(0\2c 1fr\)_310px\] {
    grid-template-columns: 310px minmax(0, 1fr) 310px
  }

  .xl\:grid-cols-\[380px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 380px minmax(0, 1fr)
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.1fr\)_minmax\(0\2c 0\.9fr\)\] {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr)
  }

  .xl\:overflow-visible {
    overflow: visible
  }

  .xl\:border-b-0 {
    border-bottom-width: 0
  }

  .xl\:border-r {
    border-right-width: 1px
  }

  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .xl\:pb-0 {
    padding-bottom: 0
  }

  .xl\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .xl\:last\:border-r-0:last-child {
    border-right-width: 0
  }
}

@media (min-width: 1536px) {
  .\32xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none
}

@media (min-width: 1280px) {
  .xl\:\[\&\:nth-child\(3n\)\]\:border-r:nth-child(3n) {
    border-right-width: 1px
  }
}

@media (min-width: 1024px) {

  .lg\:\[\&\:nth-child\(3n\+1\)\]\:border-r:nth-child(3n+1),
  .lg\:\[\&\:nth-child\(3n\+2\)\]\:border-r:nth-child(3n+2) {
    border-right-width: 1px
  }
}

@media (min-width: 640px) {
  .sm\:\[\&\:nth-child\(odd\)\]\:border-r:nth-child(odd) {
    border-right-width: 1px
  }
}

@media (min-width: 1024px) {
  .lg\:\[\&\:nth-child\(odd\)\]\:border-r-0:nth-child(odd) {
    border-right-width: 0
  }
}

@media (min-width: 640px) {
  .sm\:\[\&\:nth-last-child\(-n\+2\)\]\:border-b-0:nth-last-child(-n+2) {
    border-bottom-width: 0
  }
}

.\[\&\>button\]\:right-3>button {
  right: .75rem
}

.\[\&\>button\]\:top-3>button {
  top: .75rem
}

.\[\&\>button\]\:z-20>button {
  z-index: 20
}

.\[\&\>button\]\:flex>button {
  display: flex
}

.\[\&\>button\]\:h-11>button {
  height: 2.75rem
}

.\[\&\>button\]\:w-11>button {
  width: 2.75rem
}

.\[\&\>button\]\:items-center>button {
  align-items: center
}

.\[\&\>button\]\:justify-center>button {
  justify-content: center
}

.\[\&\>button\]\:rounded-full>button {
  border-radius: 9999px
}

.\[\&\>button\]\:bg-background\/90>button {
  background-color: hsl(var(--background)/.9)
}

.\[\&\>button\]\:opacity-100>button {
  opacity: 1
}

.\[\&\>button\]\:shadow-sm>button {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.\[\&\>button_svg\]\:h-5>button svg {
  height: 1.25rem
}

.\[\&\>button_svg\]\:w-5>button svg {
  width: 1.25rem
}

.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none
}

.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem
}

.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0
}

@media(max-height: 500px) {
  .\[\@media\(max-height\:500px\)\]\:mt-2 {
    margin-top: .5rem
  }

  .\[\@media\(max-height\:500px\)\]\:mt-3 {
    margin-top: .75rem
  }

  .\[\@media\(max-height\:500px\)\]\:block {
    display: block
  }

  .\[\@media\(max-height\:500px\)\]\:hidden {
    display: none
  }

  .\[\@media\(max-height\:500px\)\]\:gap-2 {
    gap: .5rem
  }

  .\[\@media\(max-height\:500px\)\]\:overflow-y-auto {
    overflow-y: auto
  }

  .\[\@media\(max-height\:500px\)\]\:rounded-2xl {
    border-radius: 1rem
  }

  .\[\@media\(max-height\:500px\)\]\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .\[\@media\(max-height\:500px\)\]\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
  }

  .\[\@media\(max-height\:500px\)\]\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .\[\@media\(max-height\:500px\)\]\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
  }
}