@layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-mask-linear: linear-gradient(#fff, #fff); --tw-mask-radial: linear-gradient(#fff, #fff); --tw-mask-conic: linear-gradient(#fff, #fff); --tw-mask-left: linear-gradient(#fff, #fff); --tw-mask-right: linear-gradient(#fff, #fff); --tw-mask-bottom: linear-gradient(#fff, #fff); --tw-mask-top: linear-gradient(#fff, #fff); --tw-mask-right-from-position: 0%; --tw-mask-right-to-position: 100%; --tw-mask-right-from-color: black; --tw-mask-right-to-color: transparent; --tw-mask-left-from-position: 0%; --tw-mask-left-to-position: 100%; --tw-mask-left-from-color: black; --tw-mask-left-to-color: transparent; --tw-mask-bottom-from-position: 0%; --tw-mask-bottom-to-position: 100%; --tw-mask-bottom-from-color: black; --tw-mask-bottom-to-color: transparent; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-text-shadow-color: initial; --tw-text-shadow-alpha: 100%; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0 } } } @layer theme { :root, :host { --font-sans: var(--font-sans); --font-serif: var(--font-serif); --font-mono: var(--font-mono); --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-100: oklch(97% .001 106.424); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: calc(var(--radius) - 6px); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: var(--shadow-2xs); --shadow-xs: var(--shadow-xs); --shadow-sm: var(--shadow-sm); --shadow-md: var(--shadow-md); --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl); --drop-shadow-xs: 0 1px 1px #0000000d; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --drop-shadow-2xl: 0 25px 25px #00000026; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --shadow: var(--shadow); --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-transparent: transparent; --font-display: var(--font-display); --font-text: var(--font-text); --font-handwriting: var(--font-handwriting); --animate-fade-in-out: fade-in-out 4s ease-in-out; --animate-progress: progress 8s linear; --animate-infinite-slider: infiniteSlider 20s linear infinite; --animate-infinite-slider-reverse: infiniteSliderReverse 20s linear infinite; --animate-shadow-ping: shadow-ping 1.5s ease-in-out infinite; --animate-flip-btn: flip-btn 6s infinite steps(2, end); --animate-rotate-btn: rotate-btn 3s linear infinite both; --animate-light-to-right-top: light-to-right 4s linear infinite; --animate-light-to-right-bottom: light-to-right 4s linear infinite; --animate-marquee: marquee var(--duration, 25s) linear infinite; --animate-slide-to-right: slide-to-right 3s linear infinite; --animate-slide-to-top: slide-to-top 3s linear infinite } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } html, : host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent } 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; -webkit-text-decoration: inherit; text-decoration: inherit } b, strong { font-weight: bolder } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em } small { font-size: 80% } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } :-moz-focusring { outline: auto } progress { vertical-align: baseline } summary { display: list-item } ol, ul, menu { list-style: none } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block } img, video { max-width: 100%; height: auto } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0 } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0 } :where(select: is([multiple], [size])) optgroup { font-weight: bolder } :where(select: is([multiple], [size])) optgroup option { padding-inline-start: 20px } ::file-selector-button { margin-inline-end: 4px } ::placeholder { opacity: 1 } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size:1px) { ::placeholder { color: currentColor } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent) } } } textarea { resize: vertical } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit } ::-webkit-datetime-edit { display: inline-flex } ::-webkit-datetime-edit-fields-wrapper { padding: 0 } ::-webkit-datetime-edit { padding-block: 0 } ::-webkit-datetime-edit-year-field { padding-block: 0 } ::-webkit-datetime-edit-month-field { padding-block: 0 } ::-webkit-datetime-edit-day-field { padding-block: 0 } ::-webkit-datetime-edit-hour-field { padding-block: 0 } ::-webkit-datetime-edit-minute-field { padding-block: 0 } ::-webkit-datetime-edit-second-field { padding-block: 0 } ::-webkit-datetime-edit-millisecond-field { padding-block: 0 } ::-webkit-datetime-edit-meridiem-field { padding-block: 0 } ::-webkit-calendar-picker-indicator { line-height: 1 } :-moz-ui-invalid { box-shadow: none } button, input: where([type=button], [type=reset], [type=submit]) { appearance: button } ::file-selector-button { appearance: button } ::-webkit-inner-spin-button { height: auto } ::-webkit-outer-spin-button { height: auto } [hidden]: where(:not([hidden=until-found])) { display: none !important } * { border-color: var(--border); outline-color: var(--ring) } @supports (color: color-mix(in lab, red, red)) { * { outline-color: color-mix(in oklab, var(--ring) 50%, transparent) } } body { background-color: var(--background); color: var(--foreground) } h1, h2, h3, h4, h5, h6 { font-family: var(--font-display) } body, p { font-family: var(--font-text) } .maplibregl-popup-content { padding: calc(var(--spacing) * 0) !important; --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; background-color: #0000 !important; border-radius: 0 !important } .maplibregl-popup-tip { display: none !important } } @layer components { button { cursor: pointer } [class*=border] { border-color: var(--border) } button>a { align-items: center; gap: calc(var(--spacing) * 1); display: inline-flex } } @layer utilities { .\@container\/card { container: card/inline-size } .\@container\/card-header { container: card-header/inline-size } .\@container\/field-group { container: field-group/inline-size } .\@container { container-type: inline-size } .\@container-\[size\] { container-type: size } .\[container-type\: _inline-size\] { container-type: inline-size } .\[container-type\: size\] { container-type: size } .pointer-events-auto { pointer-events: auto } .pointer-events-none { pointer-events: none } .collapse { visibility: collapse } .invisible { visibility: hidden } .visible { visibility: visible } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden } .absolute { position: absolute } .fixed { position: fixed } .relative { position: relative } .static { position: static } .sticky { position: sticky } .-inset-4 { inset: calc(var(--spacing) * -4) } .-inset-8 { inset: calc(var(--spacing) * -8) } .-inset-12 { inset: calc(var(--spacing) * -12) } .-inset-40 { inset: calc(var(--spacing) * -40) } .-inset-\[10px\] { inset: -10px } .-inset-\[50\%\] { inset: -50% } .-inset-full { inset: -100% } .-inset-px { inset: -1px } .\[inset\: var\(--cut\)\] { inset: var(--cut) } .inset-0 { inset: calc(var(--spacing) * 0) } .inset-4 { inset: calc(var(--spacing) * 4) } .inset-8 { inset: calc(var(--spacing) * 8) } .inset-12 { inset: calc(var(--spacing) * 12) } .inset-\[-10\%\] { inset: -10% } .inset-\[-18\%\] { inset: -18% } .inset-\[-50\%\] { inset: -50% } .inset-\[-100\%\] { inset: -100% } .inset-\[-120\%\] { inset: -120% } .inset-\[-130\%\] { inset: -130% } .inset-\[-150\%\] { inset: -150% } .inset-\[-200\%\] { inset: -200% } .inset-\[2\.5px\] { inset: 2.5px } .inset-\[6\%\] { inset: 6% } .inset-\[15px\] { inset: 15px } .inset-px { inset: 1px } .-inset-x-1 { inset-inline: calc(var(--spacing) * -1) } .-inset-x-1\/5 { inset-inline: -20% } .-inset-x-10 { inset-inline: calc(var(--spacing) * -10) } .-inset-x-20 { inset-inline: calc(var(--spacing) * -20) } .-inset-x-\[22\%\] { inset-inline: -22% } .inset-x-0 { inset-inline: calc(var(--spacing) * 0) } .inset-x-1\.25 { inset-inline: calc(var(--spacing) * 1.25) } .inset-x-1\/2 { inset-inline: 50% } .inset-x-2 { inset-inline: calc(var(--spacing) * 2) } .inset-x-3 { inset-inline: calc(var(--spacing) * 3) } .inset-x-3\.5 { inset-inline: calc(var(--spacing) * 3.5) } .inset-x-4 { inset-inline: calc(var(--spacing) * 4) } .inset-x-4\.5 { inset-inline: calc(var(--spacing) * 4.5) } .inset-x-4\.25 { inset-inline: calc(var(--spacing) * 4.25) } .inset-x-5 { inset-inline: calc(var(--spacing) * 5) } .inset-x-6 { inset-inline: calc(var(--spacing) * 6) } .inset-x-6\.5 { inset-inline: calc(var(--spacing) * 6.5) } .inset-x-6\.25 { inset-inline: calc(var(--spacing) * 6.25) } .inset-x-7 { inset-inline: calc(var(--spacing) * 7) } .inset-x-7\.25 { inset-inline: calc(var(--spacing) * 7.25) } .inset-x-8 { inset-inline: calc(var(--spacing) * 8) } .inset-x-8\.5 { inset-inline: calc(var(--spacing) * 8.5) } .inset-x-9 { inset-inline: calc(var(--spacing) * 9) } .inset-x-9\.25 { inset-inline: calc(var(--spacing) * 9.25) } .inset-x-10 { inset-inline: calc(var(--spacing) * 10) } .inset-x-12 { inset-inline: calc(var(--spacing) * 12) } .inset-x-20 { inset-inline: calc(var(--spacing) * 20) } .inset-x-60 { inset-inline: calc(var(--spacing) * 60) } .inset-x-\[0\%\] { inset-inline: 0% } .inset-x-\[30\%\] { inset-inline: 30% } .-inset-y-1\/5 { inset-block: -20% } .-inset-y-16 { inset-block: calc(var(--spacing) * -16) } .-inset-y-full { inset-block: -100% } .inset-y-0 { inset-block: calc(var(--spacing) * 0) } .inset-y-8 { inset-block: calc(var(--spacing) * 8) } .inset-y-\[25\%\] { inset-block: 25% } .start { inset-inline-start: var(--spacing) } .start-0 { inset-inline-start: calc(var(--spacing) * 0) } .start-1 { inset-inline-start: calc(var(--spacing) * 1) } .start-2 { inset-inline-start: calc(var(--spacing) * 2) } .start-2\.5 { inset-inline-start: calc(var(--spacing) * 2.5) } .start-3 { inset-inline-start: calc(var(--spacing) * 3) } .start-4 { inset-inline-start: calc(var(--spacing) * 4) } .start-4\! { inset-inline-start: calc(var(--spacing) * 4) !important } .start-5 { inset-inline-start: calc(var(--spacing) * 5) } .start-6 { inset-inline-start: calc(var(--spacing) * 6) } .start-8 { inset-inline-start: calc(var(--spacing) * 8) } .start-full { inset-inline-start: 100% } .-end-px { inset-inline-end: -1px } .end { inset-inline-end: var(--spacing) } .end-0 { inset-inline-end: calc(var(--spacing) * 0) } .end-1 { inset-inline-end: calc(var(--spacing) * 1) } .end-1\.5 { inset-inline-end: calc(var(--spacing) * 1.5) } .end-2 { inset-inline-end: calc(var(--spacing) * 2) } .end-2\.5 { inset-inline-end: calc(var(--spacing) * 2.5) } .end-3 { inset-inline-end: calc(var(--spacing) * 3) } .end-4 { inset-inline-end: calc(var(--spacing) * 4) } .end-4\! { inset-inline-end: calc(var(--spacing) * 4) !important } .end-5 { inset-inline-end: calc(var(--spacing) * 5) } .end-6 { inset-inline-end: calc(var(--spacing) * 6) } .end-7 { inset-inline-end: calc(var(--spacing) * 7) } .end-7\.5 { inset-inline-end: calc(var(--spacing) * 7.5) } .end-8 { inset-inline-end: calc(var(--spacing) * 8) } .end-10 { inset-inline-end: calc(var(--spacing) * 10) } .\!top-\[calc\(var\(--primary-nav-height\)\+var\(--secondary-nav-height\)\)\] { top: calc(var(--primary-nav-height) + var(--secondary-nav-height)) !important } .-top-0\.5 { top: calc(var(--spacing) * -.5) } .-top-1 { top: calc(var(--spacing) * -1) } .-top-1\.5 { top: calc(var(--spacing) * -1.5) } .-top-1\.75 { top: calc(var(--spacing) * -1.75) } .-top-1\/2 { top: -50% } .-top-1\/4 { top: -25% } .-top-2 { top: calc(var(--spacing) * -2) } .-top-2\.5 { top: calc(var(--spacing) * -2.5) } .-top-2\.25 { top: calc(var(--spacing) * -2.25) } .-top-2\.75 { top: calc(var(--spacing) * -2.75) } .-top-3 { top: calc(var(--spacing) * -3) } .-top-3\.5 { top: calc(var(--spacing) * -3.5) } .-top-3\.25 { top: calc(var(--spacing) * -3.25) } .-top-3\.75 { top: calc(var(--spacing) * -3.75) } .-top-4 { top: calc(var(--spacing) * -4) } .-top-5 { top: calc(var(--spacing) * -5) } .-top-5\.75 { top: calc(var(--spacing) * -5.75) } .-top-6 { top: calc(var(--spacing) * -6) } .-top-6\.5 { top: calc(var(--spacing) * -6.5) } .-top-6\.25 { top: calc(var(--spacing) * -6.25) } .-top-7 { top: calc(var(--spacing) * -7) } .-top-8 { top: calc(var(--spacing) * -8) } .-top-9 { top: calc(var(--spacing) * -9) } .-top-10 { top: calc(var(--spacing) * -10) } .-top-12 { top: calc(var(--spacing) * -12) } .-top-14\.25 { top: calc(var(--spacing) * -14.25) } .-top-15 { top: calc(var(--spacing) * -15) } .-top-16 { top: calc(var(--spacing) * -16) } .-top-18 { top: calc(var(--spacing) * -18) } .-top-20 { top: calc(var(--spacing) * -20) } .-top-24 { top: calc(var(--spacing) * -24) } .-top-25 { top: calc(var(--spacing) * -25) } .-top-26 { top: calc(var(--spacing) * -26) } .-top-28 { top: calc(var(--spacing) * -28) } .-top-32 { top: calc(var(--spacing) * -32) } .-top-36 { top: calc(var(--spacing) * -36) } .-top-80 { top: calc(var(--spacing) * -80) } .-top-93 { top: calc(var(--spacing) * -93) } .-top-\[2px\] { top: -2px } .-top-\[3px\] { top: -3px } .-top-\[5px\] { top: -5px } .-top-\[6px\] { top: -6px } .-top-\[9px\] { top: -9px } .-top-\[10\%\] { top: -10% } .-top-\[14px\] { top: -14px } .-top-\[28\%\] { top: -28% } .-top-\[32px\] { top: -32px } .-top-\[33px\] { top: -33px } .-top-\[50\%\] { top: -50% } .-top-\[100px\] { top: -100px } .-top-\[174px\] { top: -174px } .-top-\[210px\] { top: -210px } .-top-\[1100px\] { top: -1100px } .-top-full { top: -100% } .-top-px { top: -1px } .top-\(--header-height\) { top: var(--header-height) } .top-0 { top: calc(var(--spacing) * 0) } .top-0\.5 { top: calc(var(--spacing) * .5) } .top-1 { top: calc(var(--spacing) * 1) } .top-1\.5 { top: calc(var(--spacing) * 1.5) } .top-1\.25 { top: calc(var(--spacing) * 1.25) } .top-1\/2 { top: 50% } .top-1\/3 { top: 33.3333% } .top-1\/4 { top: 25% } .top-1\/5 { top: 20% } .top-1\/6 { top: 16.6667% } .top-1\/12 { top: 8.33333% } .top-2 { top: calc(var(--spacing) * 2) } .top-2\.5 { top: calc(var(--spacing) * 2.5) } .top-2\.75 { top: calc(var(--spacing) * 2.75) } .top-2\/3 { top: 66.6667% } .top-3 { top: calc(var(--spacing) * 3) } .top-3\.5 { top: calc(var(--spacing) * 3.5) } .top-3\.5\! { top: calc(var(--spacing) * 3.5) !important } .top-3\.25 { top: calc(var(--spacing) * 3.25) } .top-3\/5 { top: 60% } .top-4 { top: calc(var(--spacing) * 4) } .top-4\.5 { top: calc(var(--spacing) * 4.5) } .top-4\.25 { top: calc(var(--spacing) * 4.25) } .top-4\.75 { top: calc(var(--spacing) * 4.75) } .top-5 { top: calc(var(--spacing) * 5) } .top-5\.5 { top: calc(var(--spacing) * 5.5) } .top-5\.25 { top: calc(var(--spacing) * 5.25) } .top-5\.75 { top: calc(var(--spacing) * 5.75) } .top-6 { top: calc(var(--spacing) * 6) } .top-6\.5 { top: calc(var(--spacing) * 6.5) } .top-6\.25 { top: calc(var(--spacing) * 6.25) } .top-6\.75 { top: calc(var(--spacing) * 6.75) } .top-7 { top: calc(var(--spacing) * 7) } .top-7\.5 { top: calc(var(--spacing) * 7.5) } .top-7\.25 { top: calc(var(--spacing) * 7.25) } .top-7\.75 { top: calc(var(--spacing) * 7.75) } .top-8 { top: calc(var(--spacing) * 8) } .top-8\.5 { top: calc(var(--spacing) * 8.5) } .top-9 { top: calc(var(--spacing) * 9) } .top-9\.5 { top: calc(var(--spacing) * 9.5) } .top-9\.75 { top: calc(var(--spacing) * 9.75) } .top-10 { top: calc(var(--spacing) * 10) } .top-10\.5 { top: calc(var(--spacing) * 10.5) } .top-10\.25 { top: calc(var(--spacing) * 10.25) } .top-10\.75 { top: calc(var(--spacing) * 10.75) } .top-11 { top: calc(var(--spacing) * 11) } .top-11\.5 { top: calc(var(--spacing) * 11.5) } .top-11\.75 { top: calc(var(--spacing) * 11.75) } .top-12 { top: calc(var(--spacing) * 12) } .top-12\.5 { top: calc(var(--spacing) * 12.5) } .top-12\.25 { top: calc(var(--spacing) * 12.25) } .top-12\.75 { top: calc(var(--spacing) * 12.75) } .top-13 { top: calc(var(--spacing) * 13) } .top-13\.5 { top: calc(var(--spacing) * 13.5) } .top-13\.25 { top: calc(var(--spacing) * 13.25) } .top-13\.75 { top: calc(var(--spacing) * 13.75) } .top-14 { top: calc(var(--spacing) * 14) } .top-14\.5 { top: calc(var(--spacing) * 14.5) } .top-14\.25 { top: calc(var(--spacing) * 14.25) } .top-14\.75 { top: calc(var(--spacing) * 14.75) } .top-15\.25 { top: calc(var(--spacing) * 15.25) } .top-15\.75 { top: calc(var(--spacing) * 15.75) } .top-16 { top: calc(var(--spacing) * 16) } .top-16\.5 { top: calc(var(--spacing) * 16.5) } .top-18 { top: calc(var(--spacing) * 18) } .top-18\.5 { top: calc(var(--spacing) * 18.5) } .top-18\.25 { top: calc(var(--spacing) * 18.25) } .top-19 { top: calc(var(--spacing) * 19) } .top-19\.5 { top: calc(var(--spacing) * 19.5) } .top-19\.75 { top: calc(var(--spacing) * 19.75) } .top-20 { top: calc(var(--spacing) * 20) } .top-20\.5 { top: calc(var(--spacing) * 20.5) } .top-20\.25 { top: calc(var(--spacing) * 20.25) } .top-21 { top: calc(var(--spacing) * 21) } .top-21\.5 { top: calc(var(--spacing) * 21.5) } .top-21\.25 { top: calc(var(--spacing) * 21.25) } .top-22 { top: calc(var(--spacing) * 22) } .top-22\.5 { top: calc(var(--spacing) * 22.5) } .top-22\.75 { top: calc(var(--spacing) * 22.75) } .top-23\.25 { top: calc(var(--spacing) * 23.25) } .top-24 { top: calc(var(--spacing) * 24) } .top-24\.25 { top: calc(var(--spacing) * 24.25) } .top-24\.75 { top: calc(var(--spacing) * 24.75) } .top-25 { top: calc(var(--spacing) * 25) } .top-25\.5 { top: calc(var(--spacing) * 25.5) } .top-25\.75 { top: calc(var(--spacing) * 25.75) } .top-27 { top: calc(var(--spacing) * 27) } .top-27\.5 { top: calc(var(--spacing) * 27.5) } .top-27\.25 { top: calc(var(--spacing) * 27.25) } .top-27\.75 { top: calc(var(--spacing) * 27.75) } .top-28 { top: calc(var(--spacing) * 28) } .top-28\.5 { top: calc(var(--spacing) * 28.5) } .top-29\.25 { top: calc(var(--spacing) * 29.25) } .top-30 { top: calc(var(--spacing) * 30) } .top-30\.25 { top: calc(var(--spacing) * 30.25) } .top-31\.25 { top: calc(var(--spacing) * 31.25) } .top-31\.75 { top: calc(var(--spacing) * 31.75) } .top-32 { top: calc(var(--spacing) * 32) } .top-32\.5 { top: calc(var(--spacing) * 32.5) } .top-32\.25 { top: calc(var(--spacing) * 32.25) } .top-32\.75 { top: calc(var(--spacing) * 32.75) } .top-33 { top: calc(var(--spacing) * 33) } .top-33\.5 { top: calc(var(--spacing) * 33.5) } .top-34 { top: calc(var(--spacing) * 34) } .top-34\.25 { top: calc(var(--spacing) * 34.25) } .top-34\.75 { top: calc(var(--spacing) * 34.75) } .top-35 { top: calc(var(--spacing) * 35) } .top-36 { top: calc(var(--spacing) * 36) } .top-37\.25 { top: calc(var(--spacing) * 37.25) } .top-38 { top: calc(var(--spacing) * 38) } .top-38\.5 { top: calc(var(--spacing) * 38.5) } .top-39 { top: calc(var(--spacing) * 39) } .top-40 { top: calc(var(--spacing) * 40) } .top-41\.5 { top: calc(var(--spacing) * 41.5) } .top-41\.25 { top: calc(var(--spacing) * 41.25) } .top-41\.75 { top: calc(var(--spacing) * 41.75) } .top-42 { top: calc(var(--spacing) * 42) } .top-42\.25 { top: calc(var(--spacing) * 42.25) } .top-43 { top: calc(var(--spacing) * 43) } .top-43\.5 { top: calc(var(--spacing) * 43.5) } .top-43\.75 { top: calc(var(--spacing) * 43.75) } .top-46 { top: calc(var(--spacing) * 46) } .top-46\.25 { top: calc(var(--spacing) * 46.25) } .top-47 { top: calc(var(--spacing) * 47) } .top-47\.25 { top: calc(var(--spacing) * 47.25) } .top-48\.75 { top: calc(var(--spacing) * 48.75) } .top-50 { top: calc(var(--spacing) * 50) } .top-50\.5 { top: calc(var(--spacing) * 50.5) } .top-50\.25 { top: calc(var(--spacing) * 50.25) } .top-51\.25 { top: calc(var(--spacing) * 51.25) } .top-52 { top: calc(var(--spacing) * 52) } .top-53\.25 { top: calc(var(--spacing) * 53.25) } .top-53\.75 { top: calc(var(--spacing) * 53.75) } .top-54 { top: calc(var(--spacing) * 54) } .top-55\.75 { top: calc(var(--spacing) * 55.75) } .top-56 { top: calc(var(--spacing) * 56) } .top-56\.5 { top: calc(var(--spacing) * 56.5) } .top-58 { top: calc(var(--spacing) * 58) } .top-58\.5 { top: calc(var(--spacing) * 58.5) } .top-59 { top: calc(var(--spacing) * 59) } .top-59\.5 { top: calc(var(--spacing) * 59.5) } .top-59\.25 { top: calc(var(--spacing) * 59.25) } .top-59\.75 { top: calc(var(--spacing) * 59.75) } .top-60 { top: calc(var(--spacing) * 60) } .top-61\.5 { top: calc(var(--spacing) * 61.5) } .top-63 { top: calc(var(--spacing) * 63) } .top-63\.75 { top: calc(var(--spacing) * 63.75) } .top-64\.5 { top: calc(var(--spacing) * 64.5) } .top-65 { top: calc(var(--spacing) * 65) } .top-66\.75 { top: calc(var(--spacing) * 66.75) } .top-67\.5 { top: calc(var(--spacing) * 67.5) } .top-67\.75 { top: calc(var(--spacing) * 67.75) } .top-68 { top: calc(var(--spacing) * 68) } .top-69\.5 { top: calc(var(--spacing) * 69.5) } .top-69\.75 { top: calc(var(--spacing) * 69.75) } .top-71\.75 { top: calc(var(--spacing) * 71.75) } .top-72 { top: calc(var(--spacing) * 72) } .top-73 { top: calc(var(--spacing) * 73) } .top-73\.75 { top: calc(var(--spacing) * 73.75) } .top-74\.25 { top: calc(var(--spacing) * 74.25) } .top-74\.75 { top: calc(var(--spacing) * 74.75) } .top-77 { top: calc(var(--spacing) * 77) } .top-77\.5 { top: calc(var(--spacing) * 77.5) } .top-78 { top: calc(var(--spacing) * 78) } .top-78\.75 { top: calc(var(--spacing) * 78.75) } .top-79 { top: calc(var(--spacing) * 79) } .top-80 { top: calc(var(--spacing) * 80) } .top-80\.75 { top: calc(var(--spacing) * 80.75) } .top-82 { top: calc(var(--spacing) * 82) } .top-83\.25 { top: calc(var(--spacing) * 83.25) } .top-84 { top: calc(var(--spacing) * 84) } .top-85\.5 { top: calc(var(--spacing) * 85.5) } .top-86 { top: calc(var(--spacing) * 86) } .top-87 { top: calc(var(--spacing) * 87) } .top-88 { top: calc(var(--spacing) * 88) } .top-89 { top: calc(var(--spacing) * 89) } .top-91 { top: calc(var(--spacing) * 91) } .top-92 { top: calc(var(--spacing) * 92) } .top-94\.25 { top: calc(var(--spacing) * 94.25) } .top-94\.75 { top: calc(var(--spacing) * 94.75) } .top-95 { top: calc(var(--spacing) * 95) } .top-96 { top: calc(var(--spacing) * 96) } .top-97 { top: calc(var(--spacing) * 97) } .top-99\.5 { top: calc(var(--spacing) * 99.5) } .top-108\.25 { top: calc(var(--spacing) * 108.25) } .top-123\.75 { top: calc(var(--spacing) * 123.75) } .top-149 { top: calc(var(--spacing) * 149) } .top-181\.75 { top: calc(var(--spacing) * 181.75) } .top-214\.25 { top: calc(var(--spacing) * 214.25) } .top-216 { top: calc(var(--spacing) * 216) } .top-\[-0\.5px\] { top: -.5px } .top-\[-1px\] { top: -1px } .top-\[-4px\] { top: -4px } .top-\[-10\%\] { top: -10% } .top-\[-16px\] { top: -16px } .top-\[-50px\] { top: -50px } .top-\[-68\.75rem\] { top: -68.75rem } .top-\[2\.75rem\] { top: 2.75rem } .top-\[3\%\] { top: 3% } .top-\[4rem\] { top: 4rem } .top-\[5\.04\%\] { top: 5.04% } .top-\[5px\] { top: 5px } .top-\[6\%\] { top: 6% } .top-\[8\%\] { top: 8% } .top-\[9\%\] { top: 9% } .top-\[10\%\] { top: 10% } .top-\[11\%\] { top: 11% } .top-\[12\%\] { top: 12% } .top-\[12\.5px\] { top: 12.5px } .top-\[14\%\] { top: 14% } .top-\[15\%\] { top: 15% } .top-\[19\.84\%\] { top: 19.84% } .top-\[20\%\] { top: 20% } .top-\[28\%\] { top: 28% } .top-\[30\%\] { top: 30% } .top-\[32\%\] { top: 32% } .top-\[33px\] { top: 33px } .top-\[34px\] { top: 34px } .top-\[36\%\] { top: 36% } .top-\[40\%\] { top: 40% } .top-\[42\%\] { top: 42% } .top-\[44\%\] { top: 44% } .top-\[50\%\] { top: 50% } .top-\[50cqi\] { top: 50cqi } .top-\[52\%\] { top: 52% } .top-\[52px\] { top: 52px } .top-\[54\%\] { top: 54% } .top-\[55\%\] { top: 55% } .top-\[58\%\] { top: 58% } .top-\[60\%\] { top: 60% } .top-\[70px\] { top: 70px } .top-\[72px\] { top: 72px } .top-\[75\%\] { top: 75% } .top-\[100px\] { top: 100px } .top-\[138px\] { top: 138px } .top-\[141px\] { top: 141px } .top-\[144px\] { top: 144px } .top-\[164px\] { top: 164px } .top-\[240px\] { top: 240px } .top-\[262px\] { top: 262px } .top-\[282px\] { top: 282px } .top-\[340px\] { top: 340px } .top-\[365px\] { top: 365px } .top-\[366px\] { top: 366px } .top-\[calc\(--spacing\(1\.25\)\)\] { top: calc(calc(var(--spacing) * 1.25)) } .top-\[calc\(25\%\+40px\)\] { top: calc(25% + 40px) } .top-\[calc\(100\%\+1rem\)\] { top: calc(100% + 1rem) } .top-\[calc\(200px\/2\*-1\)\] { top: -100px } .top-\[calc\(var\(--header-height\)\+1rem\)\] { top: calc(var(--header-height) + 1rem) } .top-\[calc\(var\(--offset\)\/2\*-1\)\] { top: calc(var(--offset) / 2 * -1) } .top-\[var\(--navbar-height\)\] { top: var(--navbar-height) } .top-auto { top: auto } .top-full { top: 100% } .top-px { top: 1px } .-right-0 { right: calc(var(--spacing) * 0) } .-right-0\.5 { right: calc(var(--spacing) * -.5) } .-right-1 { right: calc(var(--spacing) * -1) } .-right-1\.5 { right: calc(var(--spacing) * -1.5) } .-right-1\/2 { right: -50% } .-right-2 { right: calc(var(--spacing) * -2) } .-right-2\.5 { right: calc(var(--spacing) * -2.5) } .-right-3 { right: calc(var(--spacing) * -3) } .-right-4 { right: calc(var(--spacing) * -4) } .-right-5 { right: calc(var(--spacing) * -5) } .-right-6 { right: calc(var(--spacing) * -6) } .-right-8 { right: calc(var(--spacing) * -8) } .-right-10 { right: calc(var(--spacing) * -10) } .-right-11 { right: calc(var(--spacing) * -11) } .-right-12 { right: calc(var(--spacing) * -12) } .-right-15 { right: calc(var(--spacing) * -15) } .-right-20 { right: calc(var(--spacing) * -20) } .-right-24 { right: calc(var(--spacing) * -24) } .-right-25 { right: calc(var(--spacing) * -25) } .-right-27\.5 { right: calc(var(--spacing) * -27.5) } .-right-28 { right: calc(var(--spacing) * -28) } .-right-30 { right: calc(var(--spacing) * -30) } .-right-40 { right: calc(var(--spacing) * -40) } .-right-58 { right: calc(var(--spacing) * -58) } .-right-70 { right: calc(var(--spacing) * -70) } .-right-80 { right: calc(var(--spacing) * -80) } .-right-\[2px\] { right: -2px } .-right-\[3px\] { right: -3px } .-right-\[5px\] { right: -5px } .-right-\[6px\] { right: -6px } .-right-\[12\%\] { right: -12% } .-right-\[20\%\] { right: -20% } .-right-\[20rem\] { right: -20rem } .-right-\[27px\] { right: -27px } .-right-\[45\%\] { right: -45% } .-right-\[600px\] { right: -600px } .-right-px { right: -1px } .right-0 { right: calc(var(--spacing) * 0) } .right-0\.5 { right: calc(var(--spacing) * .5) } .right-1 { right: calc(var(--spacing) * 1) } .right-1\.5 { right: calc(var(--spacing) * 1.5) } .right-1\/2 { right: 50% } .right-1\/4 { right: 25% } .right-1\/5 { right: 20% } .right-1\/6 { right: 16.6667% } .right-1\/12 { right: 8.33333% } .right-2 { right: calc(var(--spacing) * 2) } .right-2\.5 { right: calc(var(--spacing) * 2.5) } .right-2\.75 { right: calc(var(--spacing) * 2.75) } .right-3 { right: calc(var(--spacing) * 3) } .right-3\.5 { right: calc(var(--spacing) * 3.5) } .right-3\.5\! { right: calc(var(--spacing) * 3.5) !important } .right-3\/5 { right: 60% } .right-4 { right: calc(var(--spacing) * 4) } .right-4\.5 { right: calc(var(--spacing) * 4.5) } .right-4\.75 { right: calc(var(--spacing) * 4.75) } .right-5 { right: calc(var(--spacing) * 5) } .right-6 { right: calc(var(--spacing) * 6) } .right-6\.25 { right: calc(var(--spacing) * 6.25) } .right-7 { right: calc(var(--spacing) * 7) } .right-8 { right: calc(var(--spacing) * 8) } .right-8\.5 { right: calc(var(--spacing) * 8.5) } .right-9\.5 { right: calc(var(--spacing) * 9.5) } .right-10 { right: calc(var(--spacing) * 10) } .right-12 { right: calc(var(--spacing) * 12) } .right-13 { right: calc(var(--spacing) * 13) } .right-14 { right: calc(var(--spacing) * 14) } .right-16 { right: calc(var(--spacing) * 16) } .right-20 { right: calc(var(--spacing) * 20) } .right-21\.25 { right: calc(var(--spacing) * 21.25) } .right-24 { right: calc(var(--spacing) * 24) } .right-44 { right: calc(var(--spacing) * 44) } .right-48 { right: calc(var(--spacing) * 48) } .right-\[-1px\] { right: -1px } .right-\[-3px\] { right: -3px } .right-\[-6px\] { right: -6px } .right-\[-8\%\] { right: -8% } .right-\[-16px\] { right: -16px } .right-\[-40px\] { right: -40px } .right-\[-50px\] { right: -50px } .right-\[-86\.25rem\] { right: -86.25rem } .right-\[0\%\] { right: 0% } .right-\[2\%\] { right: 2% } .right-\[2\.5\%\] { right: 2.5% } .right-\[4\%\] { right: 4% } .right-\[5\%\] { right: 5% } .right-\[6\%\] { right: 6% } .right-\[6px\] { right: 6px } .right-\[7\.5\%\] { right: 7.5% } .right-\[7px\] { right: 7px } .right-\[8\%\] { right: 8% } .right-\[8\.23\%\] { right: 8.23% } .right-\[10\%\] { right: 10% } .right-\[12\%\] { right: 12% } .right-\[12\.5px\] { right: 12.5px } .right-\[14\%\] { right: 14% } .right-\[15\%\] { right: 15% } .right-\[16\%\] { right: 16% } .right-\[18\%\] { right: 18% } .right-\[24\%\] { right: 24% } .right-\[30\%\] { right: 30% } .right-\[35\%\] { right: 35% } .right-\[50\%\] { right: 50% } .right-\[calc\(--spacing\(1\.25\)\)\] { right: calc(calc(var(--spacing) * 1.25)) } .right-\[calc\(100\%\+34px\)\] { right: calc(100% + 34px) } .right-\[calc\(100\%\+63px\)\] { right: calc(100% + 63px) } .right-\[calc\(100\%\+66px\)\] { right: calc(100% + 66px) } .right-\[calc\(100\%\+156px\)\] { right: calc(100% + 156px) } .right-\[calc\(100\%\+195px\)\] { right: calc(100% + 195px) } .right-\[calc\(100\%\+242px\)\] { right: calc(100% + 242px) } .right-\[calc\(100\%\+268px\)\] { right: calc(100% + 268px) } .right-full { right: 100% } .right-px { right: 1px } .-bottom-0 { bottom: calc(var(--spacing) * 0) } .-bottom-0\.5 { bottom: calc(var(--spacing) * -.5) } .-bottom-1 { bottom: calc(var(--spacing) * -1) } .-bottom-1\/2 { bottom: -50% } .-bottom-1\/4 { bottom: -25% } .-bottom-1\/6 { bottom: -16.6667% } .-bottom-2 { bottom: calc(var(--spacing) * -2) } .-bottom-2\.5 { bottom: calc(var(--spacing) * -2.5) } .-bottom-2\.75 { bottom: calc(var(--spacing) * -2.75) } .-bottom-3 { bottom: calc(var(--spacing) * -3) } .-bottom-4 { bottom: calc(var(--spacing) * -4) } .-bottom-5 { bottom: calc(var(--spacing) * -5) } .-bottom-6 { bottom: calc(var(--spacing) * -6) } .-bottom-7 { bottom: calc(var(--spacing) * -7) } .-bottom-8 { bottom: calc(var(--spacing) * -8) } .-bottom-9 { bottom: calc(var(--spacing) * -9) } .-bottom-10\.5 { bottom: calc(var(--spacing) * -10.5) } .-bottom-12 { bottom: calc(var(--spacing) * -12) } .-bottom-16 { bottom: calc(var(--spacing) * -16) } .-bottom-17 { bottom: calc(var(--spacing) * -17) } .-bottom-20 { bottom: calc(var(--spacing) * -20) } .-bottom-22 { bottom: calc(var(--spacing) * -22) } .-bottom-28 { bottom: calc(var(--spacing) * -28) } .-bottom-32 { bottom: calc(var(--spacing) * -32) } .-bottom-70 { bottom: calc(var(--spacing) * -70) } .-bottom-80 { bottom: calc(var(--spacing) * -80) } .-bottom-220 { bottom: calc(var(--spacing) * -220) } .-bottom-\[2px\] { bottom: -2px } .-bottom-\[3px\] { bottom: -3px } .-bottom-\[5\%\] { bottom: -5% } .-bottom-\[5px\] { bottom: -5px } .-bottom-\[6px\] { bottom: -6px } .-bottom-\[10\%\] { bottom: -10% } .-bottom-\[14\%\] { bottom: -14% } .-bottom-\[20rem\] { bottom: -20rem } .-bottom-\[27\%\] { bottom: -27% } .-bottom-\[27px\] { bottom: -27px } .-bottom-\[28\%\] { bottom: -28% } .-bottom-\[30\%\] { bottom: -30% } .-bottom-\[30rem\] { bottom: -30rem } .-bottom-\[34\%\] { bottom: -34% } .-bottom-\[35\%\] { bottom: -35% } .-bottom-\[40\%\] { bottom: -40% } .-bottom-\[41px\] { bottom: -41px } .-bottom-\[46\%\] { bottom: -46% } .-bottom-\[80px\] { bottom: -80px } .-bottom-px { bottom: -1px } .bottom-0 { bottom: calc(var(--spacing) * 0) } .bottom-1 { bottom: calc(var(--spacing) * 1) } .bottom-1\/2 { bottom: 50% } .bottom-1\/4 { bottom: 25% } .bottom-1\/6 { bottom: 16.6667% } .bottom-2 { bottom: calc(var(--spacing) * 2) } .bottom-2\.5 { bottom: calc(var(--spacing) * 2.5) } .bottom-2\.75 { bottom: calc(var(--spacing) * 2.75) } .bottom-3 { bottom: calc(var(--spacing) * 3) } .bottom-3\.5 { bottom: calc(var(--spacing) * 3.5) } .bottom-3\.25 { bottom: calc(var(--spacing) * 3.25) } .bottom-3\/5 { bottom: 60% } .bottom-4 { bottom: calc(var(--spacing) * 4) } .bottom-5 { bottom: calc(var(--spacing) * 5) } .bottom-6 { bottom: calc(var(--spacing) * 6) } .bottom-6\.5 { bottom: calc(var(--spacing) * 6.5) } .bottom-7 { bottom: calc(var(--spacing) * 7) } .bottom-7\.5 { bottom: calc(var(--spacing) * 7.5) } .bottom-8 { bottom: calc(var(--spacing) * 8) } .bottom-9 { bottom: calc(var(--spacing) * 9) } .bottom-10 { bottom: calc(var(--spacing) * 10) } .bottom-11\.5 { bottom: calc(var(--spacing) * 11.5) } .bottom-12 { bottom: calc(var(--spacing) * 12) } .bottom-12\.5 { bottom: calc(var(--spacing) * 12.5) } .bottom-13 { bottom: calc(var(--spacing) * 13) } .bottom-13\.75 { bottom: calc(var(--spacing) * 13.75) } .bottom-14 { bottom: calc(var(--spacing) * 14) } .bottom-14\.75 { bottom: calc(var(--spacing) * 14.75) } .bottom-16 { bottom: calc(var(--spacing) * 16) } .bottom-20 { bottom: calc(var(--spacing) * 20) } .bottom-22 { bottom: calc(var(--spacing) * 22) } .bottom-24 { bottom: calc(var(--spacing) * 24) } .bottom-26 { bottom: calc(var(--spacing) * 26) } .bottom-28 { bottom: calc(var(--spacing) * 28) } .bottom-32 { bottom: calc(var(--spacing) * 32) } .bottom-45 { bottom: calc(var(--spacing) * 45) } .bottom-\[-1px\] { bottom: -1px } .bottom-\[-5\%\] { bottom: -5% } .bottom-\[-8\%\] { bottom: -8% } .bottom-\[-8px\] { bottom: -8px } .bottom-\[-10\%\] { bottom: -10% } .bottom-\[-16px\] { bottom: -16px } .bottom-\[-50px\] { bottom: -50px } .bottom-\[-60\], .bottom-\[-60px\] { bottom: -60px } .bottom-\[0\%\] { bottom: 0% } .bottom-\[3\.5\%\] { bottom: 3.5% } .bottom-\[3\.75rem\] { bottom: 3.75rem } .bottom-\[4\%\] { bottom: 4% } .bottom-\[4rem\] { bottom: 4rem } .bottom-\[5\%\] { bottom: 5% } .bottom-\[6\%\] { bottom: 6% } .bottom-\[7px\] { bottom: 7px } .bottom-\[8\%\] { bottom: 8% } .bottom-\[10\%\] { bottom: 10% } .bottom-\[12\%\] { bottom: 12% } .bottom-\[12\.5px\] { bottom: 12.5px } .bottom-\[12\.87\%\] { bottom: 12.87% } .bottom-\[13\%\] { bottom: 13% } .bottom-\[15\%\] { bottom: 15% } .bottom-\[20\%\] { bottom: 20% } .bottom-\[24\%\] { bottom: 24% } .bottom-\[32\%\] { bottom: 32% } .bottom-\[36\%\] { bottom: 36% } .bottom-\[70\%\] { bottom: 70% } .bottom-\[calc\(\(100\%-96px\+4px\)\/3-12px\)\] { bottom: calc(33.3333% - 42.6667px) } .bottom-\[calc\(var\(--trigger-offset-y\)\+var\(--dialog-offset-y\)\+var\(--trigger-height\)\)\]\! { bottom: calc(var(--trigger-offset-y) + var(--dialog-offset-y) + var(--trigger-height)) !important } .bottom-full { bottom: 100% } .-left-0 { left: calc(var(--spacing) * 0) } .-left-0\.5 { left: calc(var(--spacing) * -.5) } .-left-1 { left: calc(var(--spacing) * -1) } .-left-1\/2 { left: -50% } .-left-2 { left: calc(var(--spacing) * -2) } .-left-2\.5 { left: calc(var(--spacing) * -2.5) } .-left-2\.25 { left: calc(var(--spacing) * -2.25) } .-left-3 { left: calc(var(--spacing) * -3) } .-left-4 { left: calc(var(--spacing) * -4) } .-left-5 { left: calc(var(--spacing) * -5) } .-left-6 { left: calc(var(--spacing) * -6) } .-left-7 { left: calc(var(--spacing) * -7) } .-left-8 { left: calc(var(--spacing) * -8) } .-left-8\.75 { left: calc(var(--spacing) * -8.75) } .-left-9\.75 { left: calc(var(--spacing) * -9.75) } .-left-10 { left: calc(var(--spacing) * -10) } .-left-12 { left: calc(var(--spacing) * -12) } .-left-14 { left: calc(var(--spacing) * -14) } .-left-15 { left: calc(var(--spacing) * -15) } .-left-16 { left: calc(var(--spacing) * -16) } .-left-20 { left: calc(var(--spacing) * -20) } .-left-24 { left: calc(var(--spacing) * -24) } .-left-25 { left: calc(var(--spacing) * -25) } .-left-28 { left: calc(var(--spacing) * -28) } .-left-34 { left: calc(var(--spacing) * -34) } .-left-35 { left: calc(var(--spacing) * -35) } .-left-40 { left: calc(var(--spacing) * -40) } .-left-52 { left: calc(var(--spacing) * -52) } .-left-63 { left: calc(var(--spacing) * -63) } .-left-75 { left: calc(var(--spacing) * -75) } .-left-75\.25 { left: calc(var(--spacing) * -75.25) } .-left-80 { left: calc(var(--spacing) * -80) } .-left-191 { left: calc(var(--spacing) * -191) } .-left-\[-2\%\] { left: 2% } .-left-\[0\.5px\] { left: -.5px } .-left-\[1px\] { left: -1px } .-left-\[2px\] { left: -2px } .-left-\[3px\] { left: -3px } .-left-\[5px\] { left: -5px } .-left-\[6px\] { left: -6px } .-left-\[9px\] { left: -9px } .-left-\[12\.5px\] { left: -12.5px } .-left-\[17px\] { left: -17px } .-left-\[18\%\] { left: -18% } .-left-\[22px\] { left: -22px } .-left-\[27px\] { left: -27px } .-left-\[28px\] { left: -28px } .-left-\[30\%\] { left: -30% } .-left-\[55\%\] { left: -55% } .-left-\[80px\] { left: -80px } .-left-\[240px\] { left: -240px } .-left-\[calc\(1000px-22vw\)\] { left: calc(22vw - 1000px) } .-left-full { left: -100% } .-left-px { left: -1px } .left-0 { left: calc(var(--spacing) * 0) } .left-0\.5 { left: calc(var(--spacing) * .5) } .left-0\.25 { left: calc(var(--spacing) * .25) } .left-0\.75 { left: calc(var(--spacing) * .75) } .left-1 { left: calc(var(--spacing) * 1) } .left-1\.5 { left: calc(var(--spacing) * 1.5) } .left-1\.25 { left: calc(var(--spacing) * 1.25) } .left-1\/2 { left: 50% } .left-1\/2\! { left: 50% !important } .left-1\/3 { left: 33.3333% } .left-1\/4 { left: 25% } .left-1\/5 { left: 20% } .left-1\/6 { left: 16.6667% } .left-1\/9 { left: 11.1111% } .left-1\/12 { left: 8.33333% } .left-2 { left: calc(var(--spacing) * 2) } .left-2\.5 { left: calc(var(--spacing) * 2.5) } .left-2\.75 { left: calc(var(--spacing) * 2.75) } .left-2\/6 { left: 33.3333% } .left-3 { left: calc(var(--spacing) * 3) } .left-3\.5 { left: calc(var(--spacing) * 3.5) } .left-3\.75 { left: calc(var(--spacing) * 3.75) } .left-3\/4 { left: 75% } .left-4 { left: calc(var(--spacing) * 4) } .left-4\.25 { left: calc(var(--spacing) * 4.25) } .left-4\.75 { left: calc(var(--spacing) * 4.75) } .left-5 { left: calc(var(--spacing) * 5) } .left-5\.5 { left: calc(var(--spacing) * 5.5) } .left-5\.75 { left: calc(var(--spacing) * 5.75) } .left-5\/12 { left: 41.6667% } .left-6 { left: calc(var(--spacing) * 6) } .left-6\.5 { left: calc(var(--spacing) * 6.5) } .left-6\.25 { left: calc(var(--spacing) * 6.25) } .left-6\.75 { left: calc(var(--spacing) * 6.75) } .left-7 { left: calc(var(--spacing) * 7) } .left-7\.5 { left: calc(var(--spacing) * 7.5) } .left-8 { left: calc(var(--spacing) * 8) } .left-8\.5 { left: calc(var(--spacing) * 8.5) } .left-8\.25 { left: calc(var(--spacing) * 8.25) } .left-8\.75 { left: calc(var(--spacing) * 8.75) } .left-9 { left: calc(var(--spacing) * 9) } .left-9\.5 { left: calc(var(--spacing) * 9.5) } .left-9\.25 { left: calc(var(--spacing) * 9.25) } .left-9\.75 { left: calc(var(--spacing) * 9.75) } .left-10 { left: calc(var(--spacing) * 10) } .left-10\.5 { left: calc(var(--spacing) * 10.5) } .left-10\.25 { left: calc(var(--spacing) * 10.25) } .left-11 { left: calc(var(--spacing) * 11) } .left-11\.5 { left: calc(var(--spacing) * 11.5) } .left-11\.25 { left: calc(var(--spacing) * 11.25) } .left-12 { left: calc(var(--spacing) * 12) } .left-12\.5 { left: calc(var(--spacing) * 12.5) } .left-13 { left: calc(var(--spacing) * 13) } .left-13\.75 { left: calc(var(--spacing) * 13.75) } .left-14 { left: calc(var(--spacing) * 14) } .left-14\.5 { left: calc(var(--spacing) * 14.5) } .left-15 { left: calc(var(--spacing) * 15) } .left-15\.5 { left: calc(var(--spacing) * 15.5) } .left-15\.75 { left: calc(var(--spacing) * 15.75) } .left-16 { left: calc(var(--spacing) * 16) } .left-16\.25 { left: calc(var(--spacing) * 16.25) } .left-16\.75 { left: calc(var(--spacing) * 16.75) } .left-17 { left: calc(var(--spacing) * 17) } .left-18 { left: calc(var(--spacing) * 18) } .left-18\.5 { left: calc(var(--spacing) * 18.5) } .left-18\.25 { left: calc(var(--spacing) * 18.25) } .left-19 { left: calc(var(--spacing) * 19) } .left-19\.75 { left: calc(var(--spacing) * 19.75) } .left-20 { left: calc(var(--spacing) * 20) } .left-20\.5 { left: calc(var(--spacing) * 20.5) } .left-21\.5 { left: calc(var(--spacing) * 21.5) } .left-22 { left: calc(var(--spacing) * 22) } .left-22\.5 { left: calc(var(--spacing) * 22.5) } .left-23 { left: calc(var(--spacing) * 23) } .left-23\.25 { left: calc(var(--spacing) * 23.25) } .left-24 { left: calc(var(--spacing) * 24) } .left-24\.5 { left: calc(var(--spacing) * 24.5) } .left-24\.75 { left: calc(var(--spacing) * 24.75) } .left-25 { left: calc(var(--spacing) * 25) } .left-25\.25 { left: calc(var(--spacing) * 25.25) } .left-26 { left: calc(var(--spacing) * 26) } .left-26\.5 { left: calc(var(--spacing) * 26.5) } .left-26\.75 { left: calc(var(--spacing) * 26.75) } .left-27 { left: calc(var(--spacing) * 27) } .left-27\.25 { left: calc(var(--spacing) * 27.25) } .left-29\.5 { left: calc(var(--spacing) * 29.5) } .left-30\.5 { left: calc(var(--spacing) * 30.5) } .left-30\.75 { left: calc(var(--spacing) * 30.75) } .left-31\.5 { left: calc(var(--spacing) * 31.5) } .left-32 { left: calc(var(--spacing) * 32) } .left-32\.25 { left: calc(var(--spacing) * 32.25) } .left-33\.5 { left: calc(var(--spacing) * 33.5) } .left-33\.25 { left: calc(var(--spacing) * 33.25) } .left-34 { left: calc(var(--spacing) * 34) } .left-36\.75 { left: calc(var(--spacing) * 36.75) } .left-37 { left: calc(var(--spacing) * 37) } .left-37\.5 { left: calc(var(--spacing) * 37.5) } .left-37\.25 { left: calc(var(--spacing) * 37.25) } .left-37\.75 { left: calc(var(--spacing) * 37.75) } .left-38 { left: calc(var(--spacing) * 38) } .left-40 { left: calc(var(--spacing) * 40) } .left-41 { left: calc(var(--spacing) * 41) } .left-41\.5 { left: calc(var(--spacing) * 41.5) } .left-41\.25 { left: calc(var(--spacing) * 41.25) } .left-41\.75 { left: calc(var(--spacing) * 41.75) } .left-42\.5 { left: calc(var(--spacing) * 42.5) } .left-42\.75 { left: calc(var(--spacing) * 42.75) } .left-44 { left: calc(var(--spacing) * 44) } .left-44\.5 { left: calc(var(--spacing) * 44.5) } .left-45\.75 { left: calc(var(--spacing) * 45.75) } .left-46\.5 { left: calc(var(--spacing) * 46.5) } .left-48\.25 { left: calc(var(--spacing) * 48.25) } .left-48\.75 { left: calc(var(--spacing) * 48.75) } .left-49 { left: calc(var(--spacing) * 49) } .left-49\.25 { left: calc(var(--spacing) * 49.25) } .left-50 { left: calc(var(--spacing) * 50) } .left-50\.5 { left: calc(var(--spacing) * 50.5) } .left-50\.25 { left: calc(var(--spacing) * 50.25) } .left-53 { left: calc(var(--spacing) * 53) } .left-54\.5 { left: calc(var(--spacing) * 54.5) } .left-56\.5 { left: calc(var(--spacing) * 56.5) } .left-57 { left: calc(var(--spacing) * 57) } .left-57\.5 { left: calc(var(--spacing) * 57.5) } .left-58 { left: calc(var(--spacing) * 58) } .left-59\.5 { left: calc(var(--spacing) * 59.5) } .left-60 { left: calc(var(--spacing) * 60) } .left-61\.5 { left: calc(var(--spacing) * 61.5) } .left-61\.25 { left: calc(var(--spacing) * 61.25) } .left-61\.75 { left: calc(var(--spacing) * 61.75) } .left-63 { left: calc(var(--spacing) * 63) } .left-65 { left: calc(var(--spacing) * 65) } .left-65\.5 { left: calc(var(--spacing) * 65.5) } .left-65\.25 { left: calc(var(--spacing) * 65.25) } .left-65\.75 { left: calc(var(--spacing) * 65.75) } .left-66\.25 { left: calc(var(--spacing) * 66.25) } .left-67 { left: calc(var(--spacing) * 67) } .left-67\.5 { left: calc(var(--spacing) * 67.5) } .left-68\.5 { left: calc(var(--spacing) * 68.5) } .left-69\.5 { left: calc(var(--spacing) * 69.5) } .left-72 { left: calc(var(--spacing) * 72) } .left-72\.25 { left: calc(var(--spacing) * 72.25) } .left-73\.5 { left: calc(var(--spacing) * 73.5) } .left-74\.5 { left: calc(var(--spacing) * 74.5) } .left-74\.75 { left: calc(var(--spacing) * 74.75) } .left-75\.25 { left: calc(var(--spacing) * 75.25) } .left-79 { left: calc(var(--spacing) * 79) } .left-80 { left: calc(var(--spacing) * 80) } .left-83\.5 { left: calc(var(--spacing) * 83.5) } .left-86\.25 { left: calc(var(--spacing) * 86.25) } .left-87\.5 { left: calc(var(--spacing) * 87.5) } .left-87\.25 { left: calc(var(--spacing) * 87.25) } .left-88 { left: calc(var(--spacing) * 88) } .left-92 { left: calc(var(--spacing) * 92) } .left-94\.25 { left: calc(var(--spacing) * 94.25) } .left-99 { left: calc(var(--spacing) * 99) } .left-101 { left: calc(var(--spacing) * 101) } .left-102\.5 { left: calc(var(--spacing) * 102.5) } .left-104 { left: calc(var(--spacing) * 104) } .left-104\.5 { left: calc(var(--spacing) * 104.5) } .left-112 { left: calc(var(--spacing) * 112) } .left-114\.5 { left: calc(var(--spacing) * 114.5) } .left-122 { left: calc(var(--spacing) * 122) } .left-150\.5 { left: calc(var(--spacing) * 150.5) } .left-153\.75 { left: calc(var(--spacing) * 153.75) } .left-158 { left: calc(var(--spacing) * 158) } .left-\[-1px\] { left: -1px } .left-\[-3\%\] { left: -3% } .left-\[-3px\] { left: -3px } .left-\[-6px\] { left: -6px } .left-\[-8\%\] { left: -8% } .left-\[-16px\] { left: -16px } .left-\[-40px\] { left: -40px } .left-\[-50px\] { left: -50px } .left-\[0\%\] { left: 0% } .left-\[1\.125rem\] { left: 1.125rem } .left-\[2\%\] { left: 2% } .left-\[4\%\] { left: 4% } .left-\[4\.33\%\] { left: 4.33% } .left-\[5\%\] { left: 5% } .left-\[6\.25rem\] { left: 6.25rem } .left-\[7\.5\%\] { left: 7.5% } .left-\[8\%\] { left: 8% } .left-\[9\%\] { left: 9% } .left-\[9\.375rem\] { left: 9.375rem } .left-\[10\%\] { left: 10% } .left-\[10\.7\%\] { left: 10.7% } .left-\[10\.94\%\] { left: 10.94% } .left-\[12\%\] { left: 12% } .left-\[12\.5px\] { left: 12.5px } .left-\[14\%\] { left: 14% } .left-\[15\.8rem\] { left: 15.8rem } .left-\[18\%\] { left: 18% } .left-\[20\%\] { left: 20% } .left-\[25\%\] { left: 25% } .left-\[28\%\] { left: 28% } .left-\[30\%\] { left: 30% } .left-\[31\%\] { left: 31% } .left-\[35rem\] { left: 35rem } .left-\[36\%\] { left: 36% } .left-\[36\.5\%\]\! { left: 36.5% !important } .left-\[40\%\] { left: 40% } .left-\[45\%\] { left: 45% } .left-\[50\%\] { left: 50% } .left-\[51\%\] { left: 51% } .left-\[52\%\] { left: 52% } .left-\[54\%\] { left: 54% } .left-\[55\%\] { left: 55% } .left-\[56\%\] { left: 56% } .left-\[62\%\] { left: 62% } .left-\[65\%\] { left: 65% } .left-\[70\%\] { left: 70% } .left-\[75\%\] { left: 75% } .left-\[85\%\] { left: 85% } .left-\[calc\(100\%\+42px\)\] { left: calc(100% + 42px) } .left-\[calc\(100\%\+53px\)\] { left: calc(100% + 53px) } .left-\[calc\(100\%\+97px\)\] { left: calc(100% + 97px) } .left-\[calc\(100\%\+112px\)\] { left: calc(100% + 112px) } .left-\[calc\(100\%\+202px\)\] { left: calc(100% + 202px) } .left-\[calc\(100\%\+234px\)\] { left: calc(100% + 234px) } .left-\[calc\(100\%\+282px\)\] { left: calc(100% + 282px) } .left-\[calc\(200px\/2\*-1\)\] { left: -100px } .left-\[calc\(var\(--offset\)\/2\*-1\)\] { left: calc(var(--offset) / 2 * -1) } .left-auto { left: auto } .left-full { left: 100% } .isolate { isolation: isolate } .-z-1 { z-index: -1 } .-z-10 { z-index: -10 } .-z-20 { z-index: -20 } .-z-30 { z-index: -30 } .z-0 { z-index: 0 } .z-1 { z-index: 1 } .z-2 { z-index: 2 } .z-3 { z-index: 3 } .z-5 { z-index: 5 } .z-8 { z-index: 8 } .z-9 { z-index: 9 } .z-10 { z-index: 10 } .z-11 { z-index: 11 } .z-12 { z-index: 12 } .z-13 { z-index: 13 } .z-15 { z-index: 15 } .z-20 { z-index: 20 } .z-30 { z-index: 30 } .z-40 { z-index: 40 } .z-50 { z-index: 50 } .z-60 { z-index: 60 } .z-70 { z-index: 70 } .z-99 { z-index: 99 } .z-100 { z-index: 100 } .z-110 { z-index: 110 } .z-500 { z-index: 500 } .z-600 { z-index: 600 } .z-998 { z-index: 998 } .z-999 { z-index: 999 } .z-1000 { z-index: 1000 } .z-100000 { z-index: 100000 } .z-\[-1\] { z-index: -1 } .z-\[-2\] { z-index: -2 } .z-\[2\] { z-index: 2 } .z-\[3\] { z-index: 3 } .z-\[60\] { z-index: 60 } .z-\[70\] { z-index: 70 } .z-\[9999\] { z-index: 9999 } .-order-1 { order: -1 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-first { order: -9999 } .order-last { order: 9999 } .col-\[-2\/-1\] { grid-column: -2/-1 } .col-\[1\/2\] { grid-column: 1/2 } .col-\[1\/3\] { grid-column: 1/3 } .col-\[2\/-1\] { grid-column: 2/-1 } .col-\[2\/3\] { grid-column: 2/3 } .col-\[2\/4\] { grid-column: 2/4 } .col-\[3\/4\] { grid-column: 3/4 } .col-\[3\/5\] { grid-column: 3/5 } .col-span-0 { grid-column: span 0 / span 0 } .col-span-1 { grid-column: span 1/span 1 } .col-span-2 { grid-column: span 2/span 2 } .col-span-3 { grid-column: span 3/span 3 } .col-span-4 { grid-column: span 4/span 4 } .col-span-5 { grid-column: span 5/span 5 } .col-span-7 { grid-column: span 7/span 7 } .col-span-9 { grid-column: span 9/span 9 } .col-span-10 { grid-column: span 10/span 10 } .col-span-12 { grid-column: span 12/span 12 } .col-span-full { grid-column: 1/-1 } .col-start-1 { grid-column-start: 1 } .col-start-2 { grid-column-start: 2 } .col-start-3 { grid-column-start: 3 } .col-start-6 { grid-column-start: 6 } .col-start-10 { grid-column-start: 10 } .col-end-2 { grid-column-end: 2 } .col-end-3 { grid-column-end: 3 } .col-end-13 { grid-column-end: 13 } .col-end-14 { grid-column-end: 14 } .row-1 { grid-row: 1 } .row-\[-1\/-2\] { grid-row: -1/-2 } .row-\[-1\/-3\] { grid-row: -1/-3 } .row-\[-3\/-1\] { grid-row: -3/-1 } .row-\[1\/2\] { grid-row: 1/2 } .row-\[1\/3\] { grid-row: 1/3 } .row-\[2\/3\] { grid-row: 2/3 } .row-\[2\/4\] { grid-row: 2/4 } .row-\[3\/4\] { grid-row: 3/4 } .row-\[3\/5\] { grid-row: 3/5 } .row-\[4\/-2\] { grid-row: 4/-2 } .row-span-1 { grid-row: span 1/span 1 } .row-span-2 { grid-row: span 2/span 2 } .row-span-3 { grid-row: span 3/span 3 } .row-span-4 { grid-row: span 4/span 4 } .row-span-5 { grid-row: span 5/span 5 } .row-span-full { grid-row: 1/-1 } .row-start-1 { grid-row-start: 1 } .row-start-2 { grid-row-start: 2 } .row-start-3 { grid-row-start: 3 } .row-start-4 { grid-row-start: 4 } .row-start-7 { grid-row-start: 7 } .row-end-2 { grid-row-end: 2 } .row-end-3 { grid-row-end: 3 } .row-end-7 { grid-row-end: 7 } .row-end-8 { grid-row-end: 8 } .clear-both { clear: both } .container { width: 100% } @media(min-width: 40rem) { .container { max-width: 40rem } } @media(min-width: 48rem) { .container { max-width: 48rem } } @media(min-width: 64rem) { .container { max-width: 64rem } } @media(min-width: 80rem) { .container { max-width: 80rem } } @media(min-width: 96rem) { .container { max-width: 96rem } } .\!m-0 { margin: calc(var(--spacing) * 0) !important } .-m-px { margin: -1px } .m-0 { margin: calc(var(--spacing) * 0) } .m-0\! { margin: calc(var(--spacing) * 0) !important } .m-1 { margin: calc(var(--spacing) * 1) } .m-2 { margin: calc(var(--spacing) * 2) } .m-3 { margin: calc(var(--spacing) * 3) } .m-4 { margin: calc(var(--spacing) * 4) } .m-5 { margin: calc(var(--spacing) * 5) } .m-6 { margin: calc(var(--spacing) * 6) } .m-7 { margin: calc(var(--spacing) * 7) } .m-9\.5 { margin: calc(var(--spacing) * 9.5) } .m-10 { margin: calc(var(--spacing) * 10) } .m-auto { margin: auto } .m-px { margin: 1px } .container { margin-inline: auto; padding-inline: 2rem } .-mx-1 { margin-inline: calc(var(--spacing) * -1) } .-mx-2 { margin-inline: calc(var(--spacing) * -2) } .-mx-2\.5 { margin-inline: calc(var(--spacing) * -2.5) } .-mx-3 { margin-inline: calc(var(--spacing) * -3) } .-mx-4 { margin-inline: calc(var(--spacing) * -4) } .-mx-4\.5 { margin-inline: calc(var(--spacing) * -4.5) } .-mx-6 { margin-inline: calc(var(--spacing) * -6) } .-mx-7 { margin-inline: calc(var(--spacing) * -7) } .-mx-8 { margin-inline: calc(var(--spacing) * -8) } .-mx-px { margin-inline: -1px } .mx-0 { margin-inline: calc(var(--spacing) * 0) } .mx-0\.5 { margin-inline: calc(var(--spacing) * .5) } .mx-1 { margin-inline: calc(var(--spacing) * 1) } .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5) } .mx-2 { margin-inline: calc(var(--spacing) * 2) } .mx-2\.5 { margin-inline: calc(var(--spacing) * 2.5) } .mx-3 { margin-inline: calc(var(--spacing) * 3) } .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5) } .mx-4 { margin-inline: calc(var(--spacing) * 4) } .mx-5 { margin-inline: calc(var(--spacing) * 5) } .mx-6 { margin-inline: calc(var(--spacing) * 6) } .mx-8 { margin-inline: calc(var(--spacing) * 8) } .mx-10 { margin-inline: calc(var(--spacing) * 10) } .mx-20 { margin-inline: calc(var(--spacing) * 20) } .mx-\[-50vw\] { margin-inline: -50vw } .mx-\[2rem\] { margin-inline: 2rem } .mx-auto { margin-inline: auto } .-my-2 { margin-block: calc(var(--spacing) * -2) } .-my-px { margin-block: -1px } .my-0\.5 { margin-block: calc(var(--spacing) * .5) } .my-1 { margin-block: calc(var(--spacing) * 1) } .my-1\.5 { margin-block: calc(var(--spacing) * 1.5) } .my-2 { margin-block: calc(var(--spacing) * 2) } .my-2\.5 { margin-block: calc(var(--spacing) * 2.5) } .my-3 { margin-block: calc(var(--spacing) * 3) } .my-4 { margin-block: calc(var(--spacing) * 4) } .my-5 { margin-block: calc(var(--spacing) * 5) } .my-6 { margin-block: calc(var(--spacing) * 6) } .my-7 { margin-block: calc(var(--spacing) * 7) } .my-8 { margin-block: calc(var(--spacing) * 8) } .my-9 { margin-block: calc(var(--spacing) * 9) } .my-10 { margin-block: calc(var(--spacing) * 10) } .my-12 { margin-block: calc(var(--spacing) * 12) } .my-14 { margin-block: calc(var(--spacing) * 14) } .my-15 { margin-block: calc(var(--spacing) * 15) } .my-16 { margin-block: calc(var(--spacing) * 16) } .my-20 { margin-block: calc(var(--spacing) * 20) } .my-\[20vh\] { margin-block: 20vh } .my-auto { margin-block: auto } .ms-0\.5 { margin-inline-start: calc(var(--spacing) * .5) } .ms-auto { margin-inline-start: auto } .-me-\[calc\(100vw\/5\)\] { margin-inline-end: -20vw } .me-0\.5 { margin-inline-end: calc(var(--spacing) * .5) } .prose { color: var(--tw-prose-body); max-width: 65ch } .prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em; margin-bottom: 1.25em } .prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6 } .prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline } .prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-bold); font-weight: 600 } .prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)), .prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)), .prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit } .prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: decimal } .prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: upper-alpha } .prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: lower-alpha } .prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: upper-alpha } .prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: lower-alpha } .prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: upper-roman } .prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: lower-roman } .prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: upper-roman } .prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: lower-roman } .prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: decimal } .prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: disc } .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker { color: var(--tw-prose-counters); font-weight: 400 } .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker { color: var(--tw-prose-bullets) } .prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600 } .prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em } .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-quotes); border-inline-start-width: .25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "“" "”" "‘" "’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-style: italic; font-weight: 500 } .prose :where(blockquote p: first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before { content: open-quote } .prose :where(blockquote p: last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after { content: close-quote } .prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); margin-top: 0; margin-bottom: .888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111 } .prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-weight: 900 } .prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333 } .prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-weight: 800 } .prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: .6em; font-size: 1.25em; font-weight: 600; line-height: 1.6 } .prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-weight: 700 } .prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: .5em; font-weight: 600; line-height: 1.5 } .prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-weight: 700 } .prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 2em; margin-bottom: 2em } .prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 2em; margin-bottom: 2em; display: block } .prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 2em; margin-bottom: 2em } .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); padding-top: .1875em; padding-inline-end: .375em; padding-bottom: .1875em; border-radius: .3125rem; padding-inline-start: .375em; font-family: inherit; font-size: .875em; font-weight: 500 } .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-code); font-size: .875em; font-weight: 600 } .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before, .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after { content: "`" } .prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)), .prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit } .prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-size: .875em } .prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-size: .9em } .prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)), .prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)), .prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit } .prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); padding-top: .857143em; padding-inline-end: 1.14286em; padding-bottom: .857143em; border-radius: .375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; padding-inline-start: 1.14286em; font-size: .875em; font-weight: 400; line-height: 1.71429; overflow-x: auto } .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: #0000; border-width: 0; border-radius: 0; padding: 0 } .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before, .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after { content: none } .prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: .875em; line-height: 1.71429 } .prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders) } .prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; font-weight: 600 } .prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders) } .prose :where(tbody tr: last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { border-bottom-width: 0 } .prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) { vertical-align: baseline } .prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders) } .prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) { vertical-align: top } .prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) { text-align: start } .prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0; margin-bottom: 0 } .prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-captions); margin-top: .857143em; font-size: .875em; line-height: 1.42857 } .prose { --tw-prose-body: oklch(37.3% .034 259.733); --tw-prose-headings: oklch(21% .034 264.665); --tw-prose-lead: oklch(44.6% .03 256.802); --tw-prose-links: oklch(21% .034 264.665); --tw-prose-bold: oklch(21% .034 264.665); --tw-prose-counters: oklch(55.1% .027 264.364); --tw-prose-bullets: oklch(87.2% .01 258.338); --tw-prose-hr: oklch(92.8% .006 264.531); --tw-prose-quotes: oklch(21% .034 264.665); --tw-prose-quote-borders: oklch(92.8% .006 264.531); --tw-prose-captions: oklch(55.1% .027 264.364); --tw-prose-kbd: oklch(21% .034 264.665); --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527/.1); --tw-prose-code: oklch(21% .034 264.665); --tw-prose-pre-code: oklch(92.8% .006 264.531); --tw-prose-pre-bg: oklch(27.8% .033 256.848); --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531); --tw-prose-invert-body: oklch(87.2% .01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% .022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% .022 261.325); --tw-prose-invert-bullets: oklch(44.6% .03 256.802); --tw-prose-invert-hr: oklch(37.3% .034 259.733); --tw-prose-invert-quotes: oklch(96.7% .003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); --tw-prose-invert-captions: oklch(70.7% .022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% .01 258.338); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 1rem; line-height: 1.75 } .prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0; margin-bottom: 0 } .prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .5em; margin-bottom: .5em } .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)), .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: .375em } .prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .75em; margin-bottom: .75em } .prose :where(.prose>ul>li>p: first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em } .prose :where(.prose>ul>li>p: last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 1.25em } .prose :where(.prose>ol>li>p: first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em } .prose :where(.prose>ol>li>p: last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 1.25em } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .75em; margin-bottom: .75em } .prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em; margin-bottom: 1.25em } .prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .5em; padding-inline-start: 1.625em } .prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)), .prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)), .prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)), .prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0 } .prose :where(thead th: first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: 0 } .prose :where(thead th: last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-end: 0 } .prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-top: .571429em; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em } .prose :where(tbody td: first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: 0 } .prose :where(tbody td: last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-end: 0 } .prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 2em; margin-bottom: 2em } .prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0 } .prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 0 } .prose-lg { font-size: 1.125rem; line-height: 1.77778 } .prose-lg :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em } .prose-lg :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.09091em; margin-bottom: 1.09091em; font-size: 1.22222em; line-height: 1.45455 } .prose-lg :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.66667em; margin-bottom: 1.66667em; padding-inline-start: 1em } .prose-lg :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0; margin-bottom: .833333em; font-size: 2.66667em; line-height: 1 } .prose-lg :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.86667em; margin-bottom: 1.06667em; font-size: 1.66667em; line-height: 1.33333 } .prose-lg :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.66667em; margin-bottom: .666667em; font-size: 1.33333em; line-height: 1.5 } .prose-lg :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.77778em; margin-bottom: .444444em; line-height: 1.55556 } .prose-lg :where(img):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-lg :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.77778em; margin-bottom: 1.77778em } .prose-lg :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0; margin-bottom: 0 } .prose-lg :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.77778em; margin-bottom: 1.77778em } .prose-lg :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-top: .222222em; padding-inline-end: .444444em; padding-bottom: .222222em; border-radius: .3125rem; padding-inline-start: .444444em; font-size: .888889em } .prose-lg :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: .888889em } .prose-lg :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: .866667em } .prose-lg :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: .875em } .prose-lg :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-top: 1em; padding-inline-end: 1.5em; padding-bottom: 1em; border-radius: .375rem; margin-top: 2em; margin-bottom: 2em; padding-inline-start: 1.5em; font-size: .888889em; line-height: 1.75 } .prose-lg :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-lg :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-inline-start: 1.55556em } .prose-lg :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .666667em; margin-bottom: .666667em } .prose-lg :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-lg :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: .444444em } .prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .888889em; margin-bottom: .888889em } .prose-lg :where(.prose-lg>ul>li>p: first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.33333em } .prose-lg :where(.prose-lg>ul>li>p: last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 1.33333em } .prose-lg :where(.prose-lg>ol>li>p: first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.33333em } .prose-lg :where(.prose-lg>ol>li>p: last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 1.33333em } .prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .888889em; margin-bottom: .888889em } .prose-lg :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em } .prose-lg :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.33333em } .prose-lg :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .666667em; padding-inline-start: 1.55556em } .prose-lg :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 3.11111em; margin-bottom: 3.11111em } .prose-lg :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-lg :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-lg :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-lg :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0 } .prose-lg :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: .888889em; line-height: 1.5 } .prose-lg :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-end: .75em; padding-bottom: .75em; padding-inline-start: .75em } .prose-lg :where(thead th: first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: 0 } .prose-lg :where(thead th: last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-end: 0 } .prose-lg :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-top: .75em; padding-inline-end: .75em; padding-bottom: .75em; padding-inline-start: .75em } .prose-lg :where(tbody td: first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: 0 } .prose-lg :where(tbody td: last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-end: 0 } .prose-lg :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.77778em; margin-bottom: 1.77778em } .prose-lg :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0; margin-bottom: 0 } .prose-lg :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1em; font-size: .888889em; line-height: 1.5 } .prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0 } .prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 0 } .prose-sm { font-size: .875rem; line-height: 1.71429 } .prose-sm :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em } .prose-sm :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .888889em; margin-bottom: .888889em; font-size: 1.28571em; line-height: 1.55556 } .prose-sm :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-inline-start: 1.11111em } .prose-sm :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0; margin-bottom: .8em; font-size: 2.14286em; line-height: 1.2 } .prose-sm :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.6em; margin-bottom: .8em; font-size: 1.42857em; line-height: 1.4 } .prose-sm :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.55556em; margin-bottom: .444444em; font-size: 1.28571em; line-height: 1.55556 } .prose-sm :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.42857em; margin-bottom: .571429em; line-height: 1.42857 } .prose-sm :where(img):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-sm :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em } .prose-sm :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0; margin-bottom: 0 } .prose-sm :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em } .prose-sm :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-top: .142857em; padding-inline-end: .357143em; padding-bottom: .142857em; border-radius: .3125rem; padding-inline-start: .357143em; font-size: .857143em } .prose-sm :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: .857143em } .prose-sm :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: .9em } .prose-sm :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: .888889em } .prose-sm :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-top: .666667em; padding-inline-end: 1em; padding-bottom: .666667em; border-radius: .25rem; margin-top: 1.66667em; margin-bottom: 1.66667em; padding-inline-start: 1em; font-size: .857143em; line-height: 1.66667 } .prose-sm :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-sm :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; padding-inline-start: 1.57143em } .prose-sm :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .285714em; margin-bottom: .285714em } .prose-sm :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-sm :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: .428571em } .prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .571429em; margin-bottom: .571429em } .prose-sm :where(.prose-sm>ul>li>p: first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.14286em } .prose-sm :where(.prose-sm>ul>li>p: last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 1.14286em } .prose-sm :where(.prose-sm>ol>li>p: first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.14286em } .prose-sm :where(.prose-sm>ol>li>p: last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 1.14286em } .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .571429em; margin-bottom: .571429em } .prose-sm :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em } .prose-sm :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.14286em } .prose-sm :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .285714em; padding-inline-start: 1.57143em } .prose-sm :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 2.85714em; margin-bottom: 2.85714em } .prose-sm :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-sm :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-sm :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-sm :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0 } .prose-sm :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: .857143em; line-height: 1.5 } .prose-sm :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-end: 1em; padding-bottom: .666667em; padding-inline-start: 1em } .prose-sm :where(thead th: first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: 0 } .prose-sm :where(thead th: last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-end: 0 } .prose-sm :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-top: .666667em; padding-inline-end: 1em; padding-bottom: .666667em; padding-inline-start: 1em } .prose-sm :where(tbody td: first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: 0 } .prose-sm :where(tbody td: last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-end: 0 } .prose-sm :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em } .prose-sm :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0; margin-bottom: 0 } .prose-sm :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .666667em; font-size: .857143em; line-height: 1.33333 } .prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0 } .prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 0 } .\!mt-1\.5 { margin-top: calc(var(--spacing) * 1.5) !important } .-mt-0 { margin-top: calc(var(--spacing) * 0) } .-mt-1 { margin-top: calc(var(--spacing) * -1) } .-mt-2 { margin-top: calc(var(--spacing) * -2) } .-mt-2\.5 { margin-top: calc(var(--spacing) * -2.5) } .-mt-3 { margin-top: calc(var(--spacing) * -3) } .-mt-4 { margin-top: calc(var(--spacing) * -4) } .-mt-5 { margin-top: calc(var(--spacing) * -5) } .-mt-6 { margin-top: calc(var(--spacing) * -6) } .-mt-7 { margin-top: calc(var(--spacing) * -7) } .-mt-8 { margin-top: calc(var(--spacing) * -8) } .-mt-10 { margin-top: calc(var(--spacing) * -10) } .-mt-12 { margin-top: calc(var(--spacing) * -12) } .-mt-14 { margin-top: calc(var(--spacing) * -14) } .-mt-15 { margin-top: calc(var(--spacing) * -15) } .-mt-16 { margin-top: calc(var(--spacing) * -16) } .-mt-\[8\.75rem\] { margin-top: -8.75rem } .mt-0 { margin-top: calc(var(--spacing) * 0) } .mt-0\! { margin-top: calc(var(--spacing) * 0) !important } .mt-0\.5 { margin-top: calc(var(--spacing) * .5) } .mt-1 { margin-top: calc(var(--spacing) * 1) } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5) } .mt-2 { margin-top: calc(var(--spacing) * 2) } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5) } .mt-3 { margin-top: calc(var(--spacing) * 3) } .mt-3\.5 { margin-top: calc(var(--spacing) * 3.5) } .mt-3\.25 { margin-top: calc(var(--spacing) * 3.25) } .mt-3\.75 { margin-top: calc(var(--spacing) * 3.75) } .mt-4 { margin-top: calc(var(--spacing) * 4) } .mt-4\.5 { margin-top: calc(var(--spacing) * 4.5) } .mt-4\.25 { margin-top: calc(var(--spacing) * 4.25) } .mt-5 { margin-top: calc(var(--spacing) * 5) } .mt-5\.5 { margin-top: calc(var(--spacing) * 5.5) } .mt-5\.25 { margin-top: calc(var(--spacing) * 5.25) } .mt-6 { margin-top: calc(var(--spacing) * 6) } .mt-6\.5 { margin-top: calc(var(--spacing) * 6.5) } .mt-7 { margin-top: calc(var(--spacing) * 7) } .mt-7\.5 { margin-top: calc(var(--spacing) * 7.5) } .mt-8 { margin-top: calc(var(--spacing) * 8) } .mt-9 { margin-top: calc(var(--spacing) * 9) } .mt-10 { margin-top: calc(var(--spacing) * 10) } .mt-11 { margin-top: calc(var(--spacing) * 11) } .mt-12 { margin-top: calc(var(--spacing) * 12) } .mt-12\.5 { margin-top: calc(var(--spacing) * 12.5) } .mt-14 { margin-top: calc(var(--spacing) * 14) } .mt-15 { margin-top: calc(var(--spacing) * 15) } .mt-16 { margin-top: calc(var(--spacing) * 16) } .mt-16\.5 { margin-top: calc(var(--spacing) * 16.5) } .mt-17\.5 { margin-top: calc(var(--spacing) * 17.5) } .mt-18 { margin-top: calc(var(--spacing) * 18) } .mt-20 { margin-top: calc(var(--spacing) * 20) } .mt-22 { margin-top: calc(var(--spacing) * 22) } .mt-24 { margin-top: calc(var(--spacing) * 24) } .mt-25 { margin-top: calc(var(--spacing) * 25) } .mt-26\.25 { margin-top: calc(var(--spacing) * 26.25) } .mt-28 { margin-top: calc(var(--spacing) * 28) } .mt-30 { margin-top: calc(var(--spacing) * 30) } .mt-32 { margin-top: calc(var(--spacing) * 32) } .mt-36 { margin-top: calc(var(--spacing) * 36) } .mt-40 { margin-top: calc(var(--spacing) * 40) } .mt-42 { margin-top: calc(var(--spacing) * 42) } .mt-48 { margin-top: calc(var(--spacing) * 48) } .mt-62 { margin-top: calc(var(--spacing) * 62) } .mt-\[3\.75rem\] { margin-top: 3.75rem } .mt-\[11\.25rem\] { margin-top: 11.25rem } .mt-\[11px\] { margin-top: 11px } .mt-\[24px\] { margin-top: 24px } .mt-\[30px\] { margin-top: 30px } .mt-\[34px\] { margin-top: 34px } .mt-auto { margin-top: auto } .mt-px { margin-top: 1px } .-mr-1 { margin-right: calc(var(--spacing) * -1) } .-mr-2 { margin-right: calc(var(--spacing) * -2) } .-mr-4 { margin-right: calc(var(--spacing) * -4) } .-mr-8 { margin-right: calc(var(--spacing) * -8) } .-mr-\[max\(2rem\,calc\(\(100vw-80rem\)\/2\+2rem\)\)\] { margin-right: calc(-1*max(2rem, 50vw - 38rem)) } .-mr-\[max\(3rem\,calc\(\(100vw-80rem\)\/2\+3rem\)\)\] { margin-right: calc(-1*max(3rem, 50vw - 37rem)) } .mr-0 { margin-right: calc(var(--spacing) * 0) } .mr-0\.5 { margin-right: calc(var(--spacing) * .5) } .mr-1 { margin-right: calc(var(--spacing) * 1) } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5) } .mr-2 { margin-right: calc(var(--spacing) * 2) } .mr-2\.5 { margin-right: calc(var(--spacing) * 2.5) } .mr-3 { margin-right: calc(var(--spacing) * 3) } .mr-4 { margin-right: calc(var(--spacing) * 4) } .mr-6 { margin-right: calc(var(--spacing) * 6) } .mr-8 { margin-right: calc(var(--spacing) * 8) } .mr-10 { margin-right: calc(var(--spacing) * 10) } .mr-20 { margin-right: calc(var(--spacing) * 20) } .mr-58 { margin-right: calc(var(--spacing) * 58) } .mr-\[-0\.6875rem\] { margin-right: -.6875rem } .mr-\[20px\] { margin-right: 20px } .mr-auto { margin-right: auto } .-mb-4 { margin-bottom: calc(var(--spacing) * -4) } .-mb-10 { margin-bottom: calc(var(--spacing) * -10) } .-mb-12 { margin-bottom: calc(var(--spacing) * -12) } .-mb-14 { margin-bottom: calc(var(--spacing) * -14) } .-mb-16 { margin-bottom: calc(var(--spacing) * -16) } .-mb-24 { margin-bottom: calc(var(--spacing) * -24) } .-mb-36 { margin-bottom: calc(var(--spacing) * -36) } .-mb-48 { margin-bottom: calc(var(--spacing) * -48) } .-mb-\[2px\] { margin-bottom: -2px } .-mb-px { margin-bottom: -1px } .mb-0 { margin-bottom: calc(var(--spacing) * 0) } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5) } .mb-1 { margin-bottom: calc(var(--spacing) * 1) } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5) } .mb-2 { margin-bottom: calc(var(--spacing) * 2) } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5) } .mb-3 { margin-bottom: calc(var(--spacing) * 3) } .mb-3\.5 { margin-bottom: calc(var(--spacing) * 3.5) } .mb-4 { margin-bottom: calc(var(--spacing) * 4) } .mb-4\! { margin-bottom: calc(var(--spacing) * 4) !important } .mb-4\.5 { margin-bottom: calc(var(--spacing) * 4.5) } .mb-5 { margin-bottom: calc(var(--spacing) * 5) } .mb-6 { margin-bottom: calc(var(--spacing) * 6) } .mb-7 { margin-bottom: calc(var(--spacing) * 7) } .mb-7\.5 { margin-bottom: calc(var(--spacing) * 7.5) } .mb-8 { margin-bottom: calc(var(--spacing) * 8) } .mb-8\.5 { margin-bottom: calc(var(--spacing) * 8.5) } .mb-9 { margin-bottom: calc(var(--spacing) * 9) } .mb-10 { margin-bottom: calc(var(--spacing) * 10) } .mb-11 { margin-bottom: calc(var(--spacing) * 11) } .mb-12 { margin-bottom: calc(var(--spacing) * 12) } .mb-14 { margin-bottom: calc(var(--spacing) * 14) } .mb-15 { margin-bottom: calc(var(--spacing) * 15) } .mb-16 { margin-bottom: calc(var(--spacing) * 16) } .mb-18 { margin-bottom: calc(var(--spacing) * 18) } .mb-20 { margin-bottom: calc(var(--spacing) * 20) } .mb-24 { margin-bottom: calc(var(--spacing) * 24) } .mb-29 { margin-bottom: calc(var(--spacing) * 29) } .mb-32 { margin-bottom: calc(var(--spacing) * 32) } .mb-40 { margin-bottom: calc(var(--spacing) * 40) } .mb-\[-32px\] { margin-bottom: -32px } .mb-\[0\.625rem\] { margin-bottom: .625rem } .mb-\[18rem\] { margin-bottom: 18rem } .mb-auto { margin-bottom: auto } .-ml-0 { margin-left: calc(var(--spacing) * 0) } .-ml-1 { margin-left: calc(var(--spacing) * -1) } .-ml-1\.5 { margin-left: calc(var(--spacing) * -1.5) } .-ml-1\.75 { margin-left: calc(var(--spacing) * -1.75) } .-ml-2 { margin-left: calc(var(--spacing) * -2) } .-ml-2\.5 { margin-left: calc(var(--spacing) * -2.5) } .-ml-2\.75 { margin-left: calc(var(--spacing) * -2.75) } .-ml-3 { margin-left: calc(var(--spacing) * -3) } .-ml-4 { margin-left: calc(var(--spacing) * -4) } .-ml-4\.25 { margin-left: calc(var(--spacing) * -4.25) } .-ml-5 { margin-left: calc(var(--spacing) * -5) } .-ml-5\.75 { margin-left: calc(var(--spacing) * -5.75) } .-ml-6 { margin-left: calc(var(--spacing) * -6) } .-ml-8 { margin-left: calc(var(--spacing) * -8) } .-ml-13 { margin-left: calc(var(--spacing) * -13) } .-ml-\[28vw\] { margin-left: -28vw } .-ml-\[40px\] { margin-left: -40px } .-ml-\[var\(--avatar-spacing-mobile\)\] { margin-left: calc(var(--avatar-spacing-mobile) * -1) } .-ml-\[var\(--product-img-space-mobile\)\] { margin-left: calc(var(--product-img-space-mobile) * -1) } .-ml-px { margin-left: -1px } .ml-0 { margin-left: calc(var(--spacing) * 0) } .ml-0\.5 { margin-left: calc(var(--spacing) * .5) } .ml-1 { margin-left: calc(var(--spacing) * 1) } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5) } .ml-2 { margin-left: calc(var(--spacing) * 2) } .ml-2\.5 { margin-left: calc(var(--spacing) * 2.5) } .ml-3 { margin-left: calc(var(--spacing) * 3) } .ml-3\.5 { margin-left: calc(var(--spacing) * 3.5) } .ml-3\.25 { margin-left: calc(var(--spacing) * 3.25) } .ml-4 { margin-left: calc(var(--spacing) * 4) } .ml-4\.25 { margin-left: calc(var(--spacing) * 4.25) } .ml-5 { margin-left: calc(var(--spacing) * 5) } .ml-6 { margin-left: calc(var(--spacing) * 6) } .ml-7 { margin-left: calc(var(--spacing) * 7) } .ml-8 { margin-left: calc(var(--spacing) * 8) } .ml-10 { margin-left: calc(var(--spacing) * 10) } .ml-12 { margin-left: calc(var(--spacing) * 12) } .ml-16 { margin-left: calc(var(--spacing) * 16) } .ml-20 { margin-left: calc(var(--spacing) * 20) } .ml-\[-14px\] { margin-left: -14px } .ml-\[0\.09375rem\] { margin-left: .09375rem } .ml-\[20px\] { margin-left: 20px } .ml-\[24px\] { margin-left: 24px } .ml-\[50px\] { margin-left: 50px } .ml-\[calc\(\(100vw-100\%\)\/-2\)\] { margin-left: calc(50% - 50vw) } .ml-auto { margin-left: auto } .box-border { box-sizing: border-box } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .line-clamp-5 { -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .line-clamp-6 { -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .line-clamp-none { -webkit-line-clamp: unset; -webkit-box-orient: horizontal; display: block; overflow: visible } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none } .no-scrollbar::-webkit-scrollbar { display: none } .\!block { display: block !important } .\!hidden { display: none !important } .block { display: block } .contents { display: contents } .flex { display: flex } .flex\! { display: flex !important } .grid { display: grid } .grid\! { display: grid !important } .hidden { display: none } .inline { display: inline } .inline-block { display: inline-block } .inline-flex { display: inline-flex } .inline-grid { display: inline-grid } .table { display: table } .table-caption { display: table-caption } .table-cell { display: table-cell } .table-row { display: table-row } .field-sizing-content { field-sizing: content } .\[aspect-ratio\: 1\] { aspect-ratio: 1 } .\[aspect-ratio\: 3\.5\/2\.6\] { aspect-ratio: 3.5/2.6 } .\[aspect-ratio\: 17\/21\] { aspect-ratio: 17/21 } .aspect-\(--ratio\) { aspect-ratio: var(--ratio) } .aspect-1\/1 { aspect-ratio: 1 } .aspect-1\/2 { aspect-ratio: 1/2 } .aspect-2\/1 { aspect-ratio: 2 } .aspect-3\/1 { aspect-ratio: 3 } .aspect-3\/2 { aspect-ratio: 3/2 } .aspect-3\/4 { aspect-ratio: 3/4 } .aspect-3\/5 { aspect-ratio: 3/5 } .aspect-4\/3 { aspect-ratio: 4/3 } .aspect-4\/5 { aspect-ratio: 4/5 } .aspect-5\/2 { aspect-ratio: 5/2 } .aspect-5\/3 { aspect-ratio: 5/3 } .aspect-5\/4 { aspect-ratio: 5/4 } .aspect-5\/6 { aspect-ratio: 5/6 } .aspect-6\/5 { aspect-ratio: 6/5 } .aspect-7\/4 { aspect-ratio: 7/4 } .aspect-7\/5 { aspect-ratio: 7/5 } .aspect-7\/6 { aspect-ratio: 7/6 } .aspect-7\/8 { aspect-ratio: 7/8 } .aspect-8\/5 { aspect-ratio: 8/5 } .aspect-8\/7 { aspect-ratio: 8/7 } .aspect-9\/4 { aspect-ratio: 9/4 } .aspect-9\/5 { aspect-ratio: 9/5 } .aspect-9\/7 { aspect-ratio: 9/7 } .aspect-9\/8 { aspect-ratio: 9/8 } .aspect-9\/10 { aspect-ratio: 9/10 } .aspect-10\/7 { aspect-ratio: 10/7 } .aspect-11\/6 { aspect-ratio: 11/6 } .aspect-11\/9 { aspect-ratio: 11/9 } .aspect-11\/10 { aspect-ratio: 11/10 } .aspect-12\/5 { aspect-ratio: 12/5 } .aspect-12\/7 { aspect-ratio: 12/7 } .aspect-12\/11 { aspect-ratio: 12/11 } .aspect-13\/5 { aspect-ratio: 13/5 } .aspect-13\/8 { aspect-ratio: 13/8 } .aspect-13\/10 { aspect-ratio: 13/10 } .aspect-14\/5 { aspect-ratio: 14/5 } .aspect-14\/9 { aspect-ratio: 14/9 } .aspect-14\/11 { aspect-ratio: 14/11 } .aspect-15\/8 { aspect-ratio: 15/8 } .aspect-15\/16 { aspect-ratio: 15/16 } .aspect-16\/5 { aspect-ratio: 16/5 } .aspect-16\/7 { aspect-ratio: 16/7 } .aspect-16\/9 { aspect-ratio: 16/9 } .aspect-16\/10 { aspect-ratio: 16/10 } .aspect-16\/15 { aspect-ratio: 16/15 } .aspect-17\/10 { aspect-ratio: 17/10 } .aspect-19\/9 { aspect-ratio: 19/9 } .aspect-19\/20 { aspect-ratio: 19/20 } .aspect-21\/10 { aspect-ratio: 21/10 } .aspect-23\/12 { aspect-ratio: 23/12 } .aspect-27\/20 { aspect-ratio: 27/20 } .aspect-27\/32 { aspect-ratio: 27/32 } .aspect-29\/35 { aspect-ratio: 29/35 } .aspect-29\/36 { aspect-ratio: 29/36 } .aspect-208\/77 { aspect-ratio: 208/77 } .aspect-230\/124 { aspect-ratio: 230/124 } .aspect-280\/83 { aspect-ratio: 280/83 } .aspect-305\/280 { aspect-ratio: 305/280 } .aspect-320\/103 { aspect-ratio: 320/103 } .aspect-327\/100 { aspect-ratio: 327/100 } .aspect-389\/420 { aspect-ratio: 389/420 } .aspect-495\/186 { aspect-ratio: 495/186 } .aspect-1440\/840 { aspect-ratio: 1440/840 } .aspect-\[0\.7\/1\], .aspect-\[0\.7\] { aspect-ratio: .7 } .aspect-\[0\.8\] { aspect-ratio: .8 } .aspect-\[0\.9\] { aspect-ratio: .9 } .aspect-\[0\.65\] { aspect-ratio: .65 } .aspect-\[0\.66\] { aspect-ratio: .66 } .aspect-\[0\.75\] { aspect-ratio: .75 } .aspect-\[0\.76\] { aspect-ratio: .76 } .aspect-\[0\.98\] { aspect-ratio: .98 } .aspect-\[0\.7792\] { aspect-ratio: .7792 } .aspect-\[0\.46182266\/1\] { aspect-ratio: .461823 } .aspect-\[0\.581818182\] { aspect-ratio: .581818 } .aspect-\[0\.709248555\] { aspect-ratio: .709249 } .aspect-\[0\.754237288\] { aspect-ratio: .754237 } .aspect-\[0\.782051282\/1\] { aspect-ratio: .782051 } .aspect-\[0\.789340102\/1\] { aspect-ratio: .78934 } .aspect-\[0\.845360825\] { aspect-ratio: .845361 } .aspect-\[0\.848178138\] { aspect-ratio: .848178 } .aspect-\[0\.855555556\/1\] { aspect-ratio: .855556 } .aspect-\[0\.930372149\] { aspect-ratio: .930372 } .aspect-\[0\.935802469\] { aspect-ratio: .935802 } .aspect-\[0\.955145119\/1\] { aspect-ratio: .955145 } .aspect-\[0\.990343348\/1\] { aspect-ratio: .990343 } .aspect-\[1\.1\] { aspect-ratio: 1.1 } .aspect-\[1\.2\/1\], .aspect-\[1\.2\] { aspect-ratio: 1.2 } .aspect-\[1\.4\] { aspect-ratio: 1.4 } .aspect-\[1\.5\/1\.4\] { aspect-ratio: 1.5/1.4 } .aspect-\[1\.5\] { aspect-ratio: 1.5 } .aspect-\[1\.6\] { aspect-ratio: 1.6 } .aspect-\[1\.7\] { aspect-ratio: 1.7 } .aspect-\[1\.15\] { aspect-ratio: 1.15 } .aspect-\[1\.28\/1\] { aspect-ratio: 1.28 } .aspect-\[1\.32\] { aspect-ratio: 1.32 } .aspect-\[1\.35\] { aspect-ratio: 1.35 } .aspect-\[1\.45\] { aspect-ratio: 1.45 } .aspect-\[1\.67\] { aspect-ratio: 1.67 } .aspect-\[1\.020365896\/1\] { aspect-ratio: 1.02037 } .aspect-\[1\.026845638\/1\] { aspect-ratio: 1.02685 } .aspect-\[1\.28581291\/1\] { aspect-ratio: 1.28581 } .aspect-\[1\.151758794\/-1\] { aspect-ratio: 1.15176/-1 } .aspect-\[1\.170212766\/1\] { aspect-ratio: 1.17021 } .aspect-\[1\.195592287\] { aspect-ratio: 1.19559 } .aspect-\[1\.259253731\/1\] { aspect-ratio: 1.25925 } .aspect-\[1\.287833828\] { aspect-ratio: 1.28783 } .aspect-\[1\.329710145\] { aspect-ratio: 1.32971 } .aspect-\[1\.333333333\] { aspect-ratio: 1.33333 } .aspect-\[1\.353211009\] { aspect-ratio: 1.35321 } .aspect-\[1\.378254211\/1\] { aspect-ratio: 1.37825 } .aspect-\[1\.541436464\] { aspect-ratio: 1.54144 } .aspect-\[1\.573676681\/1\] { aspect-ratio: 1.57368 } .aspect-\[1\.586206897\] { aspect-ratio: 1.58621 } .aspect-\[1\.645714286\] { aspect-ratio: 1.64571 } .aspect-\[1\.696202532\] { aspect-ratio: 1.6962 } .aspect-\[1\.723502304\/1\] { aspect-ratio: 1.7235 } .aspect-\[1\.736111111\] { aspect-ratio: 1.73611 } .aspect-\[1\.765043789\/1\] { aspect-ratio: 1.76504 } .aspect-\[1\.776555024\/1\] { aspect-ratio: 1.77656 } .aspect-\[1\.782729805\] { aspect-ratio: 1.78273 } .aspect-\[1\/1\.1\] { aspect-ratio: 1/1.1 } .aspect-\[1\/1\], .aspect-\[1\] { aspect-ratio: 1 } .aspect-\[2\.116\/1\] { aspect-ratio: 2.116 } .aspect-\[2\.234375\] { aspect-ratio: 2.23438 } .aspect-\[2\.488709677\/1\] { aspect-ratio: 2.48871 } .aspect-\[2\.716981132\/1\] { aspect-ratio: 2.71698 } .aspect-\[2\/1\.1\] { aspect-ratio: 2/1.1 } .aspect-\[2\/1\.5\] { aspect-ratio: 2/1.5 } .aspect-\[2\/1\.25\] { aspect-ratio: 2/1.25 } .aspect-\[2\/1\] { aspect-ratio: 2 } .aspect-\[2\/3\] { aspect-ratio: 2/3 } .aspect-\[3\.8\/5\] { aspect-ratio: 3.8/5 } .aspect-\[3\.556692913\] { aspect-ratio: 3.55669 } .aspect-\[3\/1\] { aspect-ratio: 3 } .aspect-\[3\/2\] { aspect-ratio: 3/2 } .aspect-\[3\/3\.25\] { aspect-ratio: 3/3.25 } .aspect-\[3\/4\] { aspect-ratio: 3/4 } .aspect-\[4\.861736334\] { aspect-ratio: 4.86174 } .aspect-\[4\/3\] { aspect-ratio: 4/3 } .aspect-\[4\/5\] { aspect-ratio: 4/5 } .aspect-\[5\/3\] { aspect-ratio: 5/3 } .aspect-\[5\/5\] { aspect-ratio: 5/5 } .aspect-\[6\/7\] { aspect-ratio: 6/7 } .aspect-\[6\/8\] { aspect-ratio: 6/8 } .aspect-\[9\/12\] { aspect-ratio: 9/12 } .aspect-\[9\/16\] { aspect-ratio: 9/16 } .aspect-\[10\/11\] { aspect-ratio: 10/11 } .aspect-\[13\.7\] { aspect-ratio: 13.7 } .aspect-\[14\/16\] { aspect-ratio: 14/16 } .aspect-\[15\/16\] { aspect-ratio: 15/16 } .aspect-\[16\/7\] { aspect-ratio: 16/7 } .aspect-\[16\/9\] { aspect-ratio: 16/9 } .aspect-\[16\/10\] { aspect-ratio: 16/10 } .aspect-\[16\/12\] { aspect-ratio: 16/12 } .aspect-\[21\/9\] { aspect-ratio: 21/9 } .aspect-\[120\/63\] { aspect-ratio: 120/63 } .aspect-\[970\/700\] { aspect-ratio: 970/700 } .aspect-\[8560\/5398\] { aspect-ratio: 8560/5398 } .aspect-auto { aspect-ratio: auto } .aspect-square { aspect-ratio: 1 } .aspect-video { aspect-ratio: var(--aspect-video) } .\!size-3\.5 { width: calc(var(--spacing) * 3.5) !important; height: calc(var(--spacing) * 3.5) !important } .\!size-6\.5 { width: calc(var(--spacing) * 6.5) !important; height: calc(var(--spacing) * 6.5) !important } .\!size-12 { width: calc(var(--spacing) * 12) !important; height: calc(var(--spacing) * 12) !important } .\!size-15\.5 { width: calc(var(--spacing) * 15.5) !important; height: calc(var(--spacing) * 15.5) !important } .\!size-full { width: 100% !important; height: 100% !important } .size-\(--cell-size\) { width: var(--cell-size); height: var(--cell-size) } .size-0\.5 { width: calc(var(--spacing) * .5); height: calc(var(--spacing) * .5) } .size-0\.75 { width: calc(var(--spacing) * .75); height: calc(var(--spacing) * .75) } .size-1 { width: calc(var(--spacing) * 1); height: calc(var(--spacing) * 1) } .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5) } .size-1\/6 { width: 16.6667%; height: 16.6667% } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2) } .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5) } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .size-3\! { width: calc(var(--spacing) * 3) !important; height: calc(var(--spacing) * 3) !important } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5) } .size-3\.25 { width: calc(var(--spacing) * 3.25); height: calc(var(--spacing) * 3.25) } .size-3\.75 { width: calc(var(--spacing) * 3.75); height: calc(var(--spacing) * 3.75) } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .size-4\! { width: calc(var(--spacing) * 4) !important; height: calc(var(--spacing) * 4) !important } .size-4\.5 { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5) } .size-4\.25 { width: calc(var(--spacing) * 4.25); height: calc(var(--spacing) * 4.25) } .size-4\.75 { width: calc(var(--spacing) * 4.75); height: calc(var(--spacing) * 4.75) } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .size-5\! { width: calc(var(--spacing) * 5) !important; height: calc(var(--spacing) * 5) !important } .size-5\.5 { width: calc(var(--spacing) * 5.5); height: calc(var(--spacing) * 5.5) } .size-5\.75 { width: calc(var(--spacing) * 5.75); height: calc(var(--spacing) * 5.75) } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .size-6\! { width: calc(var(--spacing) * 6) !important; height: calc(var(--spacing) * 6) !important } .size-6\.5 { width: calc(var(--spacing) * 6.5); height: calc(var(--spacing) * 6.5) } .size-6\.75 { width: calc(var(--spacing) * 6.75); height: calc(var(--spacing) * 6.75) } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } .size-7\! { width: calc(var(--spacing) * 7) !important; height: calc(var(--spacing) * 7) !important } .size-7\.5 { width: calc(var(--spacing) * 7.5); height: calc(var(--spacing) * 7.5) } .size-7\.25 { width: calc(var(--spacing) * 7.25); height: calc(var(--spacing) * 7.25) } .size-7\.75 { width: calc(var(--spacing) * 7.75); height: calc(var(--spacing) * 7.75) } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .size-8\.5 { width: calc(var(--spacing) * 8.5); height: calc(var(--spacing) * 8.5) } .size-8\.25 { width: calc(var(--spacing) * 8.25); height: calc(var(--spacing) * 8.25) } .size-8\.75 { width: calc(var(--spacing) * 8.75); height: calc(var(--spacing) * 8.75) } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9) } .size-9\.5 { width: calc(var(--spacing) * 9.5); height: calc(var(--spacing) * 9.5) } .size-9\.25 { width: calc(var(--spacing) * 9.25); height: calc(var(--spacing) * 9.25) } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .size-10\.5 { width: calc(var(--spacing) * 10.5); height: calc(var(--spacing) * 10.5) } .size-10\.75 { width: calc(var(--spacing) * 10.75); height: calc(var(--spacing) * 10.75) } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11) } .size-11\.5 { width: calc(var(--spacing) * 11.5); height: calc(var(--spacing) * 11.5) } .size-11\.25 { width: calc(var(--spacing) * 11.25); height: calc(var(--spacing) * 11.25) } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .size-12\.5 { width: calc(var(--spacing) * 12.5); height: calc(var(--spacing) * 12.5) } .size-12\.25 { width: calc(var(--spacing) * 12.25); height: calc(var(--spacing) * 12.25) } .size-13 { width: calc(var(--spacing) * 13); height: calc(var(--spacing) * 13) } .size-13\.5 { width: calc(var(--spacing) * 13.5); height: calc(var(--spacing) * 13.5) } .size-13\.75 { width: calc(var(--spacing) * 13.75); height: calc(var(--spacing) * 13.75) } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14) } .size-14\.5 { width: calc(var(--spacing) * 14.5); height: calc(var(--spacing) * 14.5) } .size-15 { width: calc(var(--spacing) * 15); height: calc(var(--spacing) * 15) } .size-15\.25 { width: calc(var(--spacing) * 15.25); height: calc(var(--spacing) * 15.25) } .size-15\.75 { width: calc(var(--spacing) * 15.75); height: calc(var(--spacing) * 15.75) } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16) } .size-17 { width: calc(var(--spacing) * 17); height: calc(var(--spacing) * 17) } .size-17\.5 { width: calc(var(--spacing) * 17.5); height: calc(var(--spacing) * 17.5) } .size-17\.25 { width: calc(var(--spacing) * 17.25); height: calc(var(--spacing) * 17.25) } .size-18 { width: calc(var(--spacing) * 18); height: calc(var(--spacing) * 18) } .size-18\.25 { width: calc(var(--spacing) * 18.25); height: calc(var(--spacing) * 18.25) } .size-18\.75 { width: calc(var(--spacing) * 18.75); height: calc(var(--spacing) * 18.75) } .size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20) } .size-21 { width: calc(var(--spacing) * 21); height: calc(var(--spacing) * 21) } .size-21\.5 { width: calc(var(--spacing) * 21.5); height: calc(var(--spacing) * 21.5) } .size-22 { width: calc(var(--spacing) * 22); height: calc(var(--spacing) * 22) } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24) } .size-25 { width: calc(var(--spacing) * 25); height: calc(var(--spacing) * 25) } .size-26 { width: calc(var(--spacing) * 26); height: calc(var(--spacing) * 26) } .size-28 { width: calc(var(--spacing) * 28); height: calc(var(--spacing) * 28) } .size-30 { width: calc(var(--spacing) * 30); height: calc(var(--spacing) * 30) } .size-30\.5 { width: calc(var(--spacing) * 30.5); height: calc(var(--spacing) * 30.5) } .size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32) } .size-34 { width: calc(var(--spacing) * 34); height: calc(var(--spacing) * 34) } .size-34\.25 { width: calc(var(--spacing) * 34.25); height: calc(var(--spacing) * 34.25) } .size-36 { width: calc(var(--spacing) * 36); height: calc(var(--spacing) * 36) } .size-38 { width: calc(var(--spacing) * 38); height: calc(var(--spacing) * 38) } .size-40 { width: calc(var(--spacing) * 40); height: calc(var(--spacing) * 40) } .size-42 { width: calc(var(--spacing) * 42); height: calc(var(--spacing) * 42) } .size-43\.5 { width: calc(var(--spacing) * 43.5); height: calc(var(--spacing) * 43.5) } .size-44 { width: calc(var(--spacing) * 44); height: calc(var(--spacing) * 44) } .size-45 { width: calc(var(--spacing) * 45); height: calc(var(--spacing) * 45) } .size-47 { width: calc(var(--spacing) * 47); height: calc(var(--spacing) * 47) } .size-48 { width: calc(var(--spacing) * 48); height: calc(var(--spacing) * 48) } .size-50 { width: calc(var(--spacing) * 50); height: calc(var(--spacing) * 50) } .size-51 { width: calc(var(--spacing) * 51); height: calc(var(--spacing) * 51) } .size-52 { width: calc(var(--spacing) * 52); height: calc(var(--spacing) * 52) } .size-53\.5 { width: calc(var(--spacing) * 53.5); height: calc(var(--spacing) * 53.5) } .size-57 { width: calc(var(--spacing) * 57); height: calc(var(--spacing) * 57) } .size-60 { width: calc(var(--spacing) * 60); height: calc(var(--spacing) * 60) } .size-64 { width: calc(var(--spacing) * 64); height: calc(var(--spacing) * 64) } .size-64\.25 { width: calc(var(--spacing) * 64.25); height: calc(var(--spacing) * 64.25) } .size-66 { width: calc(var(--spacing) * 66); height: calc(var(--spacing) * 66) } .size-70 { width: calc(var(--spacing) * 70); height: calc(var(--spacing) * 70) } .size-75 { width: calc(var(--spacing) * 75); height: calc(var(--spacing) * 75) } .size-87\.5 { width: calc(var(--spacing) * 87.5); height: calc(var(--spacing) * 87.5) } .size-107 { width: calc(var(--spacing) * 107); height: calc(var(--spacing) * 107) } .size-113\.5 { width: calc(var(--spacing) * 113.5); height: calc(var(--spacing) * 113.5) } .size-144\.25 { width: calc(var(--spacing) * 144.25); height: calc(var(--spacing) * 144.25) } .size-150 { width: calc(var(--spacing) * 150); height: calc(var(--spacing) * 150) } .size-200 { width: calc(var(--spacing) * 200); height: calc(var(--spacing) * 200) } .size-\[0\.4375rem\] { width: .4375rem; height: .4375rem } .size-\[0\.6875rem\] { width: .6875rem; height: .6875rem } .size-\[1em\] { width: 1em; height: 1em } .size-\[2\.25rem\] { width: 2.25rem; height: 2.25rem } .size-\[3\.8cqw\] { width: 3.8cqw; height: 3.8cqw } .size-\[4\%\] { width: 4%; height: 4% } .size-\[4\.5rem\] { width: 4.5rem; height: 4.5rem } .size-\[4\.75rem\] { width: 4.75rem; height: 4.75rem } .size-\[5\.625rem\] { width: 5.625rem; height: 5.625rem } .size-\[6\%\] { width: 6%; height: 6% } .size-\[7px\] { width: 7px; height: 7px } .size-\[12px\] { width: 12px; height: 12px } .size-\[18px\] { width: 18px; height: 18px } .size-\[24px\] { width: 24px; height: 24px } .size-\[26\%\] { width: 26%; height: 26% } .size-\[30px\] { width: 30px; height: 30px } .size-\[35rem\] { width: 35rem; height: 35rem } .size-\[36rem\] { width: 36rem; height: 36rem } .size-\[40\%\] { width: 40%; height: 40% } .size-\[64px\] { width: 64px; height: 64px } .size-\[65\%\] { width: 65%; height: 65% } .size-\[68\%\] { width: 68%; height: 68% } .size-\[100px\] { width: 100px; height: 100px } .size-\[170px\] { width: 170px; height: 170px } .size-\[600px\] { width: 600px; height: 600px } .size-\[700px\] { width: 700px; height: 700px } .size-\[800px\] { width: 800px; height: 800px } .size-\[1500px\] { width: 1500px; height: 1500px } .size-\[1720px\] { width: 1720px; height: 1720px } .size-\[var\(--avatar-size-mobile\)\] { width: var(--avatar-size-mobile); height: var(--avatar-size-mobile) } .size-\[var\(--icon-size\)\] { width: var(--icon-size); height: var(--icon-size) } .size-\[var\(--product-img-size-mobile\)\] { width: var(--product-img-size-mobile); height: var(--product-img-size-mobile) } .size-auto { width: auto; height: auto } .size-fit { width: fit-content; height: fit-content } .size-full { width: 100%; height: 100% } .size-px { width: 1px; height: 1px } .\!h-3\.5 { height: calc(var(--spacing) * 3.5) !important } .\!h-4 { height: calc(var(--spacing) * 4) !important } .\!h-5 { height: calc(var(--spacing) * 5) !important } .\!h-11 { height: calc(var(--spacing) * 11) !important } .\!h-\[16rem\] { height: 16rem !important } .\!h-\[calc\(100dvh-var\(--primary-nav-height\)-var\(--secondary-nav-height\)\)\] { height: calc(100dvh - var(--primary-nav-height) - var(--secondary-nav-height)) !important } .\!h-auto { height: auto !important } .\!h-fit { height: fit-content !important } .\!h-full { height: 100% !important } .h-\(--accordion-panel-height\) { height: var(--accordion-panel-height) } .h-\(--cell-size\) { height: var(--cell-size) } .h-\(--header-height\) { height: var(--header-height) } .h-\(--popup-height\) { height: var(--popup-height) } .h-\(--positioner-height\) { height: var(--positioner-height) } .h-\(--radix-accordion-content-height\) { height: var(--radix-accordion-content-height) } .h-\(--radix-navigation-menu-viewport-height\) { height: var(--radix-navigation-menu-viewport-height) } .h-0 { height: calc(var(--spacing) * 0) } .h-0\.5 { height: calc(var(--spacing) * .5) } .h-1 { height: calc(var(--spacing) * 1) } .h-1\.5 { height: calc(var(--spacing) * 1.5) } .h-1\.25 { height: calc(var(--spacing) * 1.25) } .h-1\/2 { height: 50% } .h-1\/3 { height: 33.3333% } .h-1\/4 { height: 25% } .h-2 { height: calc(var(--spacing) * 2) } .h-2\.5 { height: calc(var(--spacing) * 2.5) } .h-2\.75 { height: calc(var(--spacing) * 2.75) } .h-2\/3 { height: 66.6667% } .h-2\/5 { height: 40% } .h-3 { height: calc(var(--spacing) * 3) } .h-3\! { height: calc(var(--spacing) * 3) !important } .h-3\.5 { height: calc(var(--spacing) * 3.5) } .h-3\.75 { height: calc(var(--spacing) * 3.75) } .h-3\/5 { height: 60% } .h-4 { height: calc(var(--spacing) * 4) } .h-4\! { height: calc(var(--spacing) * 4) !important } .h-4\.5 { height: calc(var(--spacing) * 4.5) } .h-4\.25 { height: calc(var(--spacing) * 4.25) } .h-4\.75 { height: calc(var(--spacing) * 4.75) } .h-4\/5 { height: 80% } .h-4\/6 { height: 66.6667% } .h-5 { height: calc(var(--spacing) * 5) } .h-5\.5 { height: calc(var(--spacing) * 5.5) } .h-5\.25 { height: calc(var(--spacing) * 5.25) } .h-5\/6 { height: 83.3333% } .h-5\/12 { height: 41.6667% } .h-6 { height: calc(var(--spacing) * 6) } .h-6\! { height: calc(var(--spacing) * 6) !important } .h-6\.5 { height: calc(var(--spacing) * 6.5) } .h-6\.75 { height: calc(var(--spacing) * 6.75) } .h-7 { height: calc(var(--spacing) * 7) } .h-7\! { height: calc(var(--spacing) * 7) !important } .h-7\.5 { height: calc(var(--spacing) * 7.5) } .h-8 { height: calc(var(--spacing) * 8) } .h-8\! { height: calc(var(--spacing) * 8) !important } .h-8\.5 { height: calc(var(--spacing) * 8.5) } .h-8\.25 { height: calc(var(--spacing) * 8.25) } .h-8\.75 { height: calc(var(--spacing) * 8.75) } .h-9 { height: calc(var(--spacing) * 9) } .h-9\.5 { height: calc(var(--spacing) * 9.5) } .h-9\.25 { height: calc(var(--spacing) * 9.25) } .h-9\.75 { height: calc(var(--spacing) * 9.75) } .h-10 { height: calc(var(--spacing) * 10) } .h-10\! { height: calc(var(--spacing) * 10) !important } .h-10\.5 { height: calc(var(--spacing) * 10.5) } .h-10\.25 { height: calc(var(--spacing) * 10.25) } .h-11 { height: calc(var(--spacing) * 11) } .h-11\.5 { height: calc(var(--spacing) * 11.5) } .h-11\.25 { height: calc(var(--spacing) * 11.25) } .h-11\.75 { height: calc(var(--spacing) * 11.75) } .h-12 { height: calc(var(--spacing) * 12) } .h-12\! { height: calc(var(--spacing) * 12) !important } .h-12\.5 { height: calc(var(--spacing) * 12.5) } .h-13 { height: calc(var(--spacing) * 13) } .h-13\.5 { height: calc(var(--spacing) * 13.5) } .h-13\.25 { height: calc(var(--spacing) * 13.25) } .h-13\.75 { height: calc(var(--spacing) * 13.75) } .h-14 { height: calc(var(--spacing) * 14) } .h-14\.25 { height: calc(var(--spacing) * 14.25) } .h-14\.75 { height: calc(var(--spacing) * 14.75) } .h-15 { height: calc(var(--spacing) * 15) } .h-15\.75 { height: calc(var(--spacing) * 15.75) } .h-16 { height: calc(var(--spacing) * 16) } .h-16\.5 { height: calc(var(--spacing) * 16.5) } .h-16\.75 { height: calc(var(--spacing) * 16.75) } .h-17 { height: calc(var(--spacing) * 17) } .h-17\.75 { height: calc(var(--spacing) * 17.75) } .h-18 { height: calc(var(--spacing) * 18) } .h-18\.5 { height: calc(var(--spacing) * 18.5) } .h-18\.25 { height: calc(var(--spacing) * 18.25) } .h-19 { height: calc(var(--spacing) * 19) } .h-20 { height: calc(var(--spacing) * 20) } .h-20\.5 { height: calc(var(--spacing) * 20.5) } .h-20\.75 { height: calc(var(--spacing) * 20.75) } .h-21 { height: calc(var(--spacing) * 21) } .h-21\.25 { height: calc(var(--spacing) * 21.25) } .h-21\.75 { height: calc(var(--spacing) * 21.75) } .h-22 { height: calc(var(--spacing) * 22) } .h-22\.75 { height: calc(var(--spacing) * 22.75) } .h-23\.5 { height: calc(var(--spacing) * 23.5) } .h-24 { height: calc(var(--spacing) * 24) } .h-24\.5 { height: calc(var(--spacing) * 24.5) } .h-24\.75 { height: calc(var(--spacing) * 24.75) } .h-25 { height: calc(var(--spacing) * 25) } .h-26 { height: calc(var(--spacing) * 26) } .h-27 { height: calc(var(--spacing) * 27) } .h-28 { height: calc(var(--spacing) * 28) } .h-29 { height: calc(var(--spacing) * 29) } .h-29\.25 { height: calc(var(--spacing) * 29.25) } .h-30 { height: calc(var(--spacing) * 30) } .h-30\.25 { height: calc(var(--spacing) * 30.25) } .h-31\.25 { height: calc(var(--spacing) * 31.25) } .h-32 { height: calc(var(--spacing) * 32) } .h-33 { height: calc(var(--spacing) * 33) } .h-33\.75 { height: calc(var(--spacing) * 33.75) } .h-34\.25 { height: calc(var(--spacing) * 34.25) } .h-35 { height: calc(var(--spacing) * 35) } .h-36 { height: calc(var(--spacing) * 36) } .h-37\.25 { height: calc(var(--spacing) * 37.25) } .h-38 { height: calc(var(--spacing) * 38) } .h-39\.75 { height: calc(var(--spacing) * 39.75) } .h-40 { height: calc(var(--spacing) * 40) } .h-40\.75 { height: calc(var(--spacing) * 40.75) } .h-42 { height: calc(var(--spacing) * 42) } .h-44 { height: calc(var(--spacing) * 44) } .h-48 { height: calc(var(--spacing) * 48) } .h-48\.75 { height: calc(var(--spacing) * 48.75) } .h-49\.75 { height: calc(var(--spacing) * 49.75) } .h-50\.75 { height: calc(var(--spacing) * 50.75) } .h-51\.5 { height: calc(var(--spacing) * 51.5) } .h-51\.75 { height: calc(var(--spacing) * 51.75) } .h-52 { height: calc(var(--spacing) * 52) } .h-52\.25 { height: calc(var(--spacing) * 52.25) } .h-53 { height: calc(var(--spacing) * 53) } .h-54 { height: calc(var(--spacing) * 54) } .h-54\.75 { height: calc(var(--spacing) * 54.75) } .h-55 { height: calc(var(--spacing) * 55) } .h-56 { height: calc(var(--spacing) * 56) } .h-57\.25 { height: calc(var(--spacing) * 57.25) } .h-58\.5 { height: calc(var(--spacing) * 58.5) } .h-58\.25 { height: calc(var(--spacing) * 58.25) } .h-58\.75 { height: calc(var(--spacing) * 58.75) } .h-59\.25 { height: calc(var(--spacing) * 59.25) } .h-60 { height: calc(var(--spacing) * 60) } .h-62\.25 { height: calc(var(--spacing) * 62.25) } .h-63 { height: calc(var(--spacing) * 63) } .h-63\.5 { height: calc(var(--spacing) * 63.5) } .h-64 { height: calc(var(--spacing) * 64) } .h-64\.5 { height: calc(var(--spacing) * 64.5) } .h-65 { height: calc(var(--spacing) * 65) } .h-65\.25 { height: calc(var(--spacing) * 65.25) } .h-66\.25 { height: calc(var(--spacing) * 66.25) } .h-67\.5 { height: calc(var(--spacing) * 67.5) } .h-68 { height: calc(var(--spacing) * 68) } .h-70 { height: calc(var(--spacing) * 70) } .h-71 { height: calc(var(--spacing) * 71) } .h-72 { height: calc(var(--spacing) * 72) } .h-73\.5 { height: calc(var(--spacing) * 73.5) } .h-73\.75 { height: calc(var(--spacing) * 73.75) } .h-74\.75 { height: calc(var(--spacing) * 74.75) } .h-75 { height: calc(var(--spacing) * 75) } .h-78\.25 { height: calc(var(--spacing) * 78.25) } .h-80 { height: calc(var(--spacing) * 80) } .h-82 { height: calc(var(--spacing) * 82) } .h-83 { height: calc(var(--spacing) * 83) } .h-85 { height: calc(var(--spacing) * 85) } .h-87\.5 { height: calc(var(--spacing) * 87.5) } .h-90 { height: calc(var(--spacing) * 90) } .h-90\.25 { height: calc(var(--spacing) * 90.25) } .h-91 { height: calc(var(--spacing) * 91) } .h-91\.75 { height: calc(var(--spacing) * 91.75) } .h-92 { height: calc(var(--spacing) * 92) } .h-95 { height: calc(var(--spacing) * 95) } .h-95\.25 { height: calc(var(--spacing) * 95.25) } .h-96 { height: calc(var(--spacing) * 96) } .h-97\.5 { height: calc(var(--spacing) * 97.5) } .h-97\.25 { height: calc(var(--spacing) * 97.25) } .h-98 { height: calc(var(--spacing) * 98) } .h-99\.75 { height: calc(var(--spacing) * 99.75) } .h-100 { height: calc(var(--spacing) * 100) } .h-101\.25 { height: calc(var(--spacing) * 101.25) } .h-105 { height: calc(var(--spacing) * 105) } .h-110 { height: calc(var(--spacing) * 110) } .h-112 { height: calc(var(--spacing) * 112) } .h-113\.5 { height: calc(var(--spacing) * 113.5) } .h-114 { height: calc(var(--spacing) * 114) } .h-115 { height: calc(var(--spacing) * 115) } .h-120 { height: calc(var(--spacing) * 120) } .h-124 { height: calc(var(--spacing) * 124) } .h-125 { height: calc(var(--spacing) * 125) } .h-128 { height: calc(var(--spacing) * 128) } .h-130 { height: calc(var(--spacing) * 130) } .h-132 { height: calc(var(--spacing) * 132) } .h-142 { height: calc(var(--spacing) * 142) } .h-145 { height: calc(var(--spacing) * 145) } .h-150 { height: calc(var(--spacing) * 150) } .h-160 { height: calc(var(--spacing) * 160) } .h-166 { height: calc(var(--spacing) * 166) } .h-192 { height: calc(var(--spacing) * 192) } .h-215 { height: calc(var(--spacing) * 215) } .h-\[0\.5px\] { height: .5px } .h-\[0\.14rem\] { height: .14rem } .h-\[0\.16rem\] { height: .16rem } .h-\[0\.125rem\] { height: .125rem } .h-\[0\.875rem\] { height: .875rem } .h-\[0\.875rem\]\! { height: .875rem !important } .h-\[0\.1875rem\] { height: .1875rem } .h-\[1\.5px\] { height: 1.5px } .h-\[1\.875rem\] { height: 1.875rem } .h-\[1px\] { height: 1px } .h-\[2\.5rem\] { height: 2.5rem } .h-\[2\.875rem\] { height: 2.875rem } .h-\[2px\] { height: 2px } .h-\[3\.5rem\] { height: 3.5rem } .h-\[3\.75rem\] { height: 3.75rem } .h-\[3\.125rem\] { height: 3.125rem } .h-\[4\.5rem\] { height: 4.5rem } .h-\[4px\] { height: 4px } .h-\[5px\] { height: 5px } .h-\[6\.25rem\] { height: 6.25rem } .h-\[7\.5rem\] { height: 7.5rem } .h-\[9\.18rem\] { height: 9.18rem } .h-\[9rem\] { height: 9rem } .h-\[10px\] { height: 10px } .h-\[11\.25rem\] { height: 11.25rem } .h-\[13vw\] { height: 13vw } .h-\[15px\] { height: 15px } .h-\[18\.75rem\] { height: 18.75rem } .h-\[18px\] { height: 18px } .h-\[20rem\] { height: 20rem } .h-\[21\.25rem\] { height: 21.25rem } .h-\[22rem\] { height: 22rem } .h-\[24\%\] { height: 24% } .h-\[24px\] { height: 24px } .h-\[24rem\] { height: 24rem } .h-\[25rem\] { height: 25rem } .h-\[26\%\] { height: 26% } .h-\[27\.5rem\] { height: 27.5rem } .h-\[27px\] { height: 27px } .h-\[28\.125rem\] { height: 28.125rem } .h-\[28rem\] { height: 28rem } .h-\[30px\] { height: 30px } .h-\[30rem\] { height: 30rem } .h-\[30vh\] { height: 30vh } .h-\[33\.5rem\] { height: 33.5rem } .h-\[33vh\] { height: 33vh } .h-\[35cqi\] { height: 35cqi } .h-\[35vh\] { height: 35vh } .h-\[37\.5rem\] { height: 37.5rem } .h-\[38vh\] { height: 38vh } .h-\[40\%\] { height: 40% } .h-\[40\.9375rem\] { height: 40.9375rem } .h-\[40px\] { height: 40px } .h-\[40vh\] { height: 40vh } .h-\[48px\] { height: 48px } .h-\[50\%\] { height: 50% } .h-\[50px\] { height: 50px } .h-\[50vh\] { height: 50vh } .h-\[52px\] { height: 52px } .h-\[55vh\] { height: 55vh } .h-\[58\%\] { height: 58% } .h-\[60\%\] { height: 60% } .h-\[60px\] { height: 60px } .h-\[60rem\] { height: 60rem } .h-\[60vh\] { height: 60vh } .h-\[61px\] { height: 61px } .h-\[63rem\] { height: 63rem } .h-\[65px\] { height: 65px } .h-\[65vh\] { height: 65vh } .h-\[67\%\]\! { height: 67% !important } .h-\[69px\] { height: 69px } .h-\[70\%\] { height: 70% } .h-\[70px\] { height: 70px } .h-\[72\%\] { height: 72% } .h-\[75vh\] { height: 75vh } .h-\[80\%\] { height: 80% } .h-\[80dvh\] { height: 80dvh } .h-\[80px\] { height: 80px } .h-\[80vh\] { height: 80vh } .h-\[81\.25rem\] { height: 81.25rem } .h-\[85vh\] { height: 85vh } .h-\[88\%\] { height: 88% } .h-\[90vh\] { height: 90vh } .h-\[92\%\]\! { height: 92% !important } .h-\[92px\] { height: 92px } .h-\[95rem\] { height: 95rem } .h-\[96px\] { height: 96px } .h-\[100\%\] { height: 100% } .h-\[100cqb\] { height: 100cqb } .h-\[100cqh\] { height: 100cqh } .h-\[100dvh\] { height: 100dvh } .h-\[100px\] { height: 100px } .h-\[100vh\] { height: 100vh } .h-\[105\%\] { height: 105% } .h-\[108\%\] { height: 108% } .h-\[110\%\] { height: 110% } .h-\[115px\] { height: 115px } .h-\[120\%\] { height: 120% } .h-\[120px\] { height: 120px } .h-\[130\%\] { height: 130% } .h-\[134px\] { height: 134px } .h-\[140px\] { height: 140px } .h-\[146px\] { height: 146px } .h-\[150\%\] { height: 150% } .h-\[150px\] { height: 150px } .h-\[152\%\] { height: 152% } .h-\[154px\] { height: 154px } .h-\[160px\] { height: 160px } .h-\[160rem\] { height: 160rem } .h-\[175\%\] { height: 175% } .h-\[176px\] { height: 176px } .h-\[180px\] { height: 180px } .h-\[190px\] { height: 190px } .h-\[196px\] { height: 196px } .h-\[200\%\] { height: 200% } .h-\[200px\] { height: 200px } .h-\[200vh\] { height: 200vh } .h-\[220px\] { height: 220px } .h-\[230px\] { height: 230px } .h-\[240px\] { height: 240px } .h-\[250px\] { height: 250px } .h-\[260px\] { height: 260px } .h-\[280px\] { height: 280px } .h-\[288px\] { height: 288px } .h-\[300px\] { height: 300px } .h-\[320px\] { height: 320px } .h-\[330px\] { height: 330px } .h-\[340px\] { height: 340px } .h-\[350px\] { height: 350px } .h-\[351px\] { height: 351px } .h-\[360px\] { height: 360px } .h-\[380px\] { height: 380px } .h-\[400px\] { height: 400px } .h-\[420px\] { height: 420px } .h-\[430px\] { height: 430px } .h-\[440px\] { height: 440px } .h-\[450px\] { height: 450px } .h-\[460px\] { height: 460px } .h-\[470px\] { height: 470px } .h-\[480px\] { height: 480px } .h-\[500px\] { height: 500px } .h-\[524px\] { height: 524px } .h-\[600px\] { height: 600px } .h-\[620px\] { height: 620px } .h-\[700px\] { height: 700px } .h-\[720px\] { height: 720px } .h-\[760px\] { height: 760px } .h-\[793px\] { height: 793px } .h-\[800px\] { height: 800px } .h-\[820px\] { height: 820px } .h-\[850px\] { height: 850px } .h-\[920px\] { height: 920px } .h-\[1100px\] { height: 1100px } .h-\[1200px\] { height: 1200px } .h-\[calc\(--spacing\(4\.75\)\)\] { height: calc(calc(var(--spacing) * 4.75)) } .h-\[calc\(--spacing\(5\.5\)\)\] { height: calc(calc(var(--spacing) * 5.5)) } .h-\[calc\(--spacing\(5\.25\)\)\] { height: calc(calc(var(--spacing) * 5.25)) } .h-\[calc\(2\.25rem\*3\)\] { height: 6.75rem } .h-\[calc\(8rem\+0\.5rem\+2px\)\] { height: calc(8.5rem + 2px) } .h-\[calc\(50\%\+40px\)\] { height: calc(50% + 40px) } .h-\[calc\(100\%\+2rem\)\] { height: calc(100% + 2rem) } .h-\[calc\(100\%\+80px\)\] { height: calc(100% + 80px) } .h-\[calc\(100\%\+150px\)\] { height: calc(100% + 150px) } .h-\[calc\(100\%\+200px\)\] { height: calc(100% + 200px) } .h-\[calc\(100\%\+var\(--offset\)\)\] { height: calc(100% + var(--offset)) } .h-\[calc\(100\%-1px\)\] { height: calc(100% - 1px) } .h-\[calc\(100\%-1rem\)\] { height: calc(100% - 1rem) } .h-\[calc\(100\%-2\.75rem\)\] { height: calc(100% - 2.75rem) } .h-\[calc\(100\%-7\.5rem\)\] { height: calc(100% - 7.5rem) } .h-\[calc\(100\%-8\.125rem\)\] { height: calc(100% - 8.125rem) } .h-\[calc\(100dvh-\(2\*var\(--dialog-y-offset-mobile\)\)\)\] { height: calc(100dvh - (2 * var(--dialog-y-offset-mobile))) } .h-\[calc\(100dvh-\(2\*var\(--dialog-y-offset-mobile\)\)-var\(--footer-height\)-var\(--header-height\)\)\] { height: calc(100dvh - (2 * var(--dialog-y-offset-mobile)) - var(--footer-height) - var(--header-height)) } .h-\[calc\(100dvh-1\.75rem\)\]\! { height: calc(100dvh - 1.75rem) !important } .h-\[calc\(100dvh-2rem\)\] { height: calc(100dvh - 2rem) } .h-\[calc\(100dvh-4rem\)\] { height: calc(100dvh - 4rem) } .h-\[calc\(100dvh-5rem\)\] { height: calc(100dvh - 5rem) } .h-\[calc\(100dvh-10rem\)\] { height: calc(100dvh - 10rem) } .h-\[calc\(100dvh-12\.375rem\)\] { height: calc(100dvh - 12.375rem) } .h-\[calc\(100dvh-32px\)\] { height: calc(100dvh - 32px) } .h-\[calc\(100dvh-calc\(var\(--header-height\)\+var\(--footer-height\)\)\)\] { height: calc(100dvh - calc(var(--header-height) + var(--footer-height))) } .h-\[calc\(100dvh-var\(--dialog-header-height\)-var\(--dialog-footer-height-mobile\)\)\] { height: calc(100dvh - var(--dialog-header-height) - var(--dialog-footer-height-mobile)) } .h-\[calc\(100dvh-var\(--header-height\)\)\] { height: calc(100dvh - var(--header-height)) } .h-\[calc\(100dvh-var\(--header-height\)-var\(--footer-menu-height\)\)\] { height: calc(100dvh - var(--header-height) - var(--footer-menu-height)) } .h-\[calc\(100dvh-var\(--menu-height-desktop\)\)\] { height: calc(100dvh - var(--menu-height-desktop)) } .h-\[calc\(100dvh-var\(--padding-top\)-var\(--header-height\)-var\(--footer-height\)\)\] { height: calc(100dvh - var(--padding-top) - var(--header-height) - var(--footer-height)) } .h-\[calc\(100svh-3\.5rem\)\] { height: calc(100svh - 3.5rem) } .h-\[calc\(100svh-3\.5rem\)\]\! { height: calc(100svh - 3.5rem) !important } .h-\[calc\(100svh-var\(--header-height\)\)\]\! { height: calc(100svh - var(--header-height)) !important } .h-\[calc\(100vh-3\.5rem\)\] { height: calc(100vh - 3.5rem) } .h-\[calc\(100vh-72px\)\] { height: calc(100vh - 72px) } .h-\[calc\(100vh-300px\)\] { height: calc(100vh - 300px) } .h-\[inherit\] { height: inherit } .h-\[max\(50dvh\,25rem\)\] { height: max(50dvh, 25rem) } .h-\[min\(32rem\,85vw\)\] { height: min(32rem, 85vw) } .h-\[min\(50vh\,24rem\)\] { height: min(50vh, 24rem) } .h-\[min\(75vh\,720px\)\] { height: min(75vh, 720px) } .h-\[min\(120vw\,64rem\)\] { height: min(120vw, 64rem) } .h-\[var\(--carousel-btn-height\)\] { height: var(--carousel-btn-height) } .h-\[var\(--dialog-footer-height-mobile\)\] { height: var(--dialog-footer-height-mobile) } .h-\[var\(--dialog-header-height\)\] { height: var(--dialog-header-height) } .h-\[var\(--dialog-height\)\] { height: var(--dialog-height) } .h-\[var\(--footer-height\)\] { height: var(--footer-height) } .h-\[var\(--footer-menu-height\)\] { height: var(--footer-menu-height) } .h-\[var\(--header-height\)\] { height: var(--header-height) } .h-\[var\(--height\)\] { height: var(--height) } .h-\[var\(--primary-nav-height\)\] { height: var(--primary-nav-height) } .h-\[var\(--secondary-nav-height\)\] { height: var(--secondary-nav-height) } .h-\[var\(--topbar-height\)\] { height: var(--topbar-height) } .h-auto { height: auto } .h-auto\! { height: auto !important } .h-dvh { height: 100dvh } .h-fit { height: fit-content } .h-fit\! { height: fit-content !important } .h-full { height: 100% } .h-full\! { height: 100% !important } .h-lh { height: 1lh } .h-max { height: max-content } .h-min { height: min-content } .h-px { height: 1px } .h-screen { height: 100vh } .h-svh { height: 100svh } .h-svh\! { height: 100svh !important } .\!max-h-dvh { max-height: 100dvh !important } .\!max-h-none { max-height: none !important } .max-h-\(--available-height\) { max-height: var(--available-height) } .max-h-\(--radix-context-menu-content-available-height\) { max-height: var(--radix-context-menu-content-available-height) } .max-h-\(--radix-dropdown-menu-content-available-height\) { max-height: var(--radix-dropdown-menu-content-available-height) } .max-h-\(--radix-select-content-available-height\) { max-height: var(--radix-select-content-available-height) } .max-h-0 { max-height: calc(var(--spacing) * 0) } .max-h-1\/3 { max-height: 33.3333% } .max-h-5 { max-height: calc(var(--spacing) * 5) } .max-h-6 { max-height: calc(var(--spacing) * 6) } .max-h-7 { max-height: calc(var(--spacing) * 7) } .max-h-8 { max-height: calc(var(--spacing) * 8) } .max-h-9 { max-height: calc(var(--spacing) * 9) } .max-h-12 { max-height: calc(var(--spacing) * 12) } .max-h-16 { max-height: calc(var(--spacing) * 16) } .max-h-20 { max-height: calc(var(--spacing) * 20) } .max-h-24 { max-height: calc(var(--spacing) * 24) } .max-h-32 { max-height: calc(var(--spacing) * 32) } .max-h-40 { max-height: calc(var(--spacing) * 40) } .max-h-44 { max-height: calc(var(--spacing) * 44) } .max-h-48 { max-height: calc(var(--spacing) * 48) } .max-h-52 { max-height: calc(var(--spacing) * 52) } .max-h-56 { max-height: calc(var(--spacing) * 56) } .max-h-60 { max-height: calc(var(--spacing) * 60) } .max-h-64 { max-height: calc(var(--spacing) * 64) } .max-h-70 { max-height: calc(var(--spacing) * 70) } .max-h-72 { max-height: calc(var(--spacing) * 72) } .max-h-72\.5 { max-height: calc(var(--spacing) * 72.5) } .max-h-80 { max-height: calc(var(--spacing) * 80) } .max-h-96 { max-height: calc(var(--spacing) * 96) } .max-h-100 { max-height: calc(var(--spacing) * 100) } .max-h-120 { max-height: calc(var(--spacing) * 120) } .max-h-131\.5 { max-height: calc(var(--spacing) * 131.5) } .max-h-150 { max-height: calc(var(--spacing) * 150) } .max-h-195 { max-height: calc(var(--spacing) * 195) } .max-h-\[0\] { max-height: 0 } .max-h-\[11rem\] { max-height: 11rem } .max-h-\[18rem\] { max-height: 18rem } .max-h-\[19\.8rem\] { max-height: 19.8rem } .max-h-\[19\.375rem\] { max-height: 19.375rem } .max-h-\[20rem\] { max-height: 20rem } .max-h-\[30rem\] { max-height: 30rem } .max-h-\[32\.625rem\] { max-height: 32.625rem } .max-h-\[38\.75rem\] { max-height: 38.75rem } .max-h-\[40\.625rem\] { max-height: 40.625rem } .max-h-\[40vh\] { max-height: 40vh } .max-h-\[50\%\] { max-height: 50% } .max-h-\[60\%\] { max-height: 60% } .max-h-\[60dvh\] { max-height: 60dvh } .max-h-\[60vh\] { max-height: 60vh } .max-h-\[60vw\] { max-height: 60vw } .max-h-\[62\.5rem\] { max-height: 62.5rem } .max-h-\[65vh\] { max-height: 65vh } .max-h-\[70dvh\] { max-height: 70dvh } .max-h-\[70vh\] { max-height: 70vh } .max-h-\[80vh\] { max-height: 80vh } .max-h-\[85vh\] { max-height: 85vh } .max-h-\[90vh\] { max-height: 90vh } .max-h-\[95dvh\] { max-height: 95dvh } .max-h-\[100cqb\] { max-height: 100cqb } .max-h-\[100vw\] { max-height: 100vw } .max-h-\[180px\] { max-height: 180px } .max-h-\[200px\] { max-height: 200px } .max-h-\[250px\] { max-height: 250px } .max-h-\[267px\] { max-height: 267px } .max-h-\[270px\] { max-height: 270px } .max-h-\[277px\] { max-height: 277px } .max-h-\[300px\] { max-height: 300px } .max-h-\[330px\] { max-height: 330px } .max-h-\[350px\] { max-height: 350px } .max-h-\[400px\] { max-height: 400px } .max-h-\[420px\] { max-height: 420px } .max-h-\[450px\] { max-height: 450px } .max-h-\[464px\] { max-height: 464px } .max-h-\[480px\] { max-height: 480px } .max-h-\[490px\] { max-height: 490px } .max-h-\[500px\] { max-height: 500px } .max-h-\[524px\] { max-height: 524px } .max-h-\[540px\] { max-height: 540px } .max-h-\[550px\] { max-height: 550px } .max-h-\[560px\] { max-height: 560px } .max-h-\[580px\] { max-height: 580px } .max-h-\[600px\] { max-height: 600px } .max-h-\[620px\] { max-height: 620px } .max-h-\[680px\] { max-height: 680px } .max-h-\[700px\] { max-height: 700px } .max-h-\[720px\] { max-height: 720px } .max-h-\[740px\] { max-height: 740px } .max-h-\[1000px\] { max-height: 1000px } .max-h-\[1200px\] { max-height: 1200px } .max-h-\[1400px\] { max-height: 1400px } .max-h-\[2000px\] { max-height: 2000px } .max-h-\[calc\(100\%-2rem\)\] { max-height: calc(100% - 2rem) } .max-h-\[calc\(100dvh-2\.5rem\)\] { max-height: calc(100dvh - 2.5rem) } .max-h-\[calc\(100dvh-2rem\)\] { max-height: calc(100dvh - 2rem) } .max-h-\[calc\(100dvh-3rem\)\] { max-height: calc(100dvh - 3rem) } .max-h-\[calc\(100dvh-4rem\)\] { max-height: calc(100dvh - 4rem) } .max-h-\[calc\(100dvh-6\.75rem\)\] { max-height: calc(100dvh - 6.75rem) } .max-h-\[calc\(100dvh-6rem\)\] { max-height: calc(100dvh - 6rem) } .max-h-\[calc\(100dvh-8rem\)\] { max-height: calc(100dvh - 8rem) } .max-h-\[calc\(100dvh-calc\(2\*var\(--dialog-space-y\)\)\)\] { max-height: calc(100dvh - calc(2 * var(--dialog-space-y))) } .max-h-\[calc\(100dvh-calc\(2\*var\(--dialog-space-y\)\)-calc\(var\(--header-height\)\+var\(--footer-height\)\)\)\] { max-height: calc(100dvh - calc(2 * var(--dialog-space-y)) - calc(var(--header-height) + var(--footer-height))) } .max-h-\[calc\(100dvh-var\(--secondary-nav-height\)-var\(--primary-nav-height\)-var\(--menu-margin-bottom\)\)\] { max-height: calc(100dvh - var(--secondary-nav-height) - var(--primary-nav-height) - var(--menu-margin-bottom)) } .max-h-\[calc\(100dvh-var\(--topbar-height\)-var\(--bottom-y-space\)\)\] { max-height: calc(100dvh - var(--topbar-height) - var(--bottom-y-space)) } .max-h-\[calc\(100vh-8rem\)\] { max-height: calc(100vh - 8rem) } .max-h-\[min\(28rem\,85vw\)\] { max-height: min(28rem, 85vw) } .max-h-\[min\(32rem\,calc\(100dvh-\(2\*var\(--dialog-offset-y\)\)-var\(--trigger-offset-y\)-var\(--trigger-height\)\)\)\] { max-height: min(32rem, calc(100dvh - (2 * var(--dialog-offset-y)) - var(--trigger-offset-y) - var(--trigger-height))) } .max-h-\[min\(40rem\,calc\(100vh-10rem\)\)\] { max-height: min(40rem, 100vh - 10rem) } .max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] { max-height: min(calc(calc(var(--spacing) * 72) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9))) } .max-h-\[var\(--radix-popover-content-available-height\)\] { max-height: var(--radix-popover-content-available-height) } .max-h-dvh { max-height: 100dvh } .max-h-fit { max-height: fit-content } .max-h-full { max-height: 100% } .max-h-screen { max-height: 100vh } .min-h-0 { min-height: calc(var(--spacing) * 0) } .min-h-0\! { min-height: calc(var(--spacing) * 0) !important } .min-h-4 { min-height: calc(var(--spacing) * 4) } .min-h-5 { min-height: calc(var(--spacing) * 5) } .min-h-6 { min-height: calc(var(--spacing) * 6) } .min-h-7 { min-height: calc(var(--spacing) * 7) } .min-h-8 { min-height: calc(var(--spacing) * 8) } .min-h-9 { min-height: calc(var(--spacing) * 9) } .min-h-10 { min-height: calc(var(--spacing) * 10) } .min-h-11 { min-height: calc(var(--spacing) * 11) } .min-h-12 { min-height: calc(var(--spacing) * 12) } .min-h-13 { min-height: calc(var(--spacing) * 13) } .min-h-14 { min-height: calc(var(--spacing) * 14) } .min-h-16 { min-height: calc(var(--spacing) * 16) } .min-h-17\.5 { min-height: calc(var(--spacing) * 17.5) } .min-h-20 { min-height: calc(var(--spacing) * 20) } .min-h-24 { min-height: calc(var(--spacing) * 24) } .min-h-28 { min-height: calc(var(--spacing) * 28) } .min-h-30 { min-height: calc(var(--spacing) * 30) } .min-h-31 { min-height: calc(var(--spacing) * 31) } .min-h-32 { min-height: calc(var(--spacing) * 32) } .min-h-36 { min-height: calc(var(--spacing) * 36) } .min-h-40 { min-height: calc(var(--spacing) * 40) } .min-h-42 { min-height: calc(var(--spacing) * 42) } .min-h-44 { min-height: calc(var(--spacing) * 44) } .min-h-48 { min-height: calc(var(--spacing) * 48) } .min-h-52 { min-height: calc(var(--spacing) * 52) } .min-h-56 { min-height: calc(var(--spacing) * 56) } .min-h-64 { min-height: calc(var(--spacing) * 64) } .min-h-70 { min-height: calc(var(--spacing) * 70) } .min-h-72 { min-height: calc(var(--spacing) * 72) } .min-h-75 { min-height: calc(var(--spacing) * 75) } .min-h-79 { min-height: calc(var(--spacing) * 79) } .min-h-80 { min-height: calc(var(--spacing) * 80) } .min-h-86 { min-height: calc(var(--spacing) * 86) } .min-h-95 { min-height: calc(var(--spacing) * 95) } .min-h-96 { min-height: calc(var(--spacing) * 96) } .min-h-100 { min-height: calc(var(--spacing) * 100) } .min-h-101 { min-height: calc(var(--spacing) * 101) } .min-h-104 { min-height: calc(var(--spacing) * 104) } .min-h-105 { min-height: calc(var(--spacing) * 105) } .min-h-108 { min-height: calc(var(--spacing) * 108) } .min-h-112 { min-height: calc(var(--spacing) * 112) } .min-h-120 { min-height: calc(var(--spacing) * 120) } .min-h-124 { min-height: calc(var(--spacing) * 124) } .min-h-128 { min-height: calc(var(--spacing) * 128) } .min-h-132\.5 { min-height: calc(var(--spacing) * 132.5) } .min-h-150 { min-height: calc(var(--spacing) * 150) } .min-h-160 { min-height: calc(var(--spacing) * 160) } .min-h-170 { min-height: calc(var(--spacing) * 170) } .min-h-\[1\.5rem\] { min-height: 1.5rem } .min-h-\[1\.15em\] { min-height: 1.15em } .min-h-\[9\.375rem\] { min-height: 9.375rem } .min-h-\[11\.25rem\] { min-height: 11.25rem } .min-h-\[12\.5rem\] { min-height: 12.5rem } .min-h-\[14\.375rem\] { min-height: 14.375rem } .min-h-\[16rem\] { min-height: 16rem } .min-h-\[18\.75rem\] { min-height: 18.75rem } .min-h-\[20px\] { min-height: 20px } .min-h-\[21\.875rem\] { min-height: 21.875rem } .min-h-\[24px\] { min-height: 24px } .min-h-\[24rem\] { min-height: 24rem } .min-h-\[27rem\] { min-height: 27rem } .min-h-\[30rem\] { min-height: 30rem } .min-h-\[32rem\] { min-height: 32rem } .min-h-\[37\.5rem\] { min-height: 37.5rem } .min-h-\[39\.75rem\] { min-height: 39.75rem } .min-h-\[39\.375rem\] { min-height: 39.375rem } .min-h-\[40dvh\] { min-height: 40dvh } .min-h-\[42rem\] { min-height: 42rem } .min-h-\[50\%\] { min-height: 50% } .min-h-\[50dvh\] { min-height: 50dvh } .min-h-\[50vh\] { min-height: 50vh } .min-h-\[52px\] { min-height: 52px } .min-h-\[54\.375rem\] { min-height: 54.375rem } .min-h-\[60px\] { min-height: 60px } .min-h-\[60vh\] { min-height: 60vh } .min-h-\[61px\] { min-height: 61px } .min-h-\[64px\] { min-height: 64px } .min-h-\[80px\] { min-height: 80px } .min-h-\[80vh\] { min-height: 80vh } .min-h-\[100px\] { min-height: 100px } .min-h-\[100vh\] { min-height: 100vh } .min-h-\[110px\] { min-height: 110px } .min-h-\[120px\] { min-height: 120px } .min-h-\[140px\] { min-height: 140px } .min-h-\[144px\] { min-height: 144px } .min-h-\[150px\] { min-height: 150px } .min-h-\[160px\] { min-height: 160px } .min-h-\[170px\] { min-height: 170px } .min-h-\[180px\] { min-height: 180px } .min-h-\[200px\] { min-height: 200px } .min-h-\[220px\] { min-height: 220px } .min-h-\[240px\] { min-height: 240px } .min-h-\[260px\] { min-height: 260px } .min-h-\[280px\] { min-height: 280px } .min-h-\[320px\] { min-height: 320px } .min-h-\[360px\] { min-height: 360px } .min-h-\[400px\] { min-height: 400px } .min-h-\[464px\] { min-height: 464px } .min-h-\[480px\] { min-height: 480px } .min-h-\[500px\] { min-height: 500px } .min-h-\[580px\] { min-height: 580px } .min-h-\[600px\] { min-height: 600px } .min-h-\[700px\] { min-height: 700px } .min-h-\[760px\] { min-height: 760px } .min-h-\[900px\] { min-height: 900px } .min-h-\[1200px\] { min-height: 1200px } .min-h-\[min\(22rem\,70vw\)\] { min-height: min(22rem, 70vw) } .min-h-\[min\(48vh\,480px\)\] { min-height: min(48vh, 480px) } .min-h-auto { min-height: auto } .min-h-dvh { min-height: 100dvh } .min-h-fit { min-height: fit-content } .min-h-full { min-height: 100% } .min-h-lvh { min-height: 100lvh } .min-h-screen { min-height: 100vh } .min-h-svh { min-height: 100svh } .\!w-\[7\.5rem\] { width: 7.5rem !important } .\!w-auto { width: auto !important } .\!w-full { width: 100% !important } .w-\(--anchor-width\) { width: var(--anchor-width) } .w-\(--cell-size\) { width: var(--cell-size) } .w-\(--gallery-card\) { width: var(--gallery-card) } .w-\(--popup-width\) { width: var(--popup-width) } .w-\(--positioner-width\) { width: var(--positioner-width) } .w-\(--radix-dropdown-menu-trigger-width\) { width: var(--radix-dropdown-menu-trigger-width) } .w-\(--sidebar-width\) { width: var(--sidebar-width) } .w-\(--sidebar-width-icon\) { width: var(--sidebar-width-icon) } .w-0 { width: calc(var(--spacing) * 0) } .w-0\.5 { width: calc(var(--spacing) * .5) } .w-1 { width: calc(var(--spacing) * 1) } .w-1\.5 { width: calc(var(--spacing) * 1.5) } .w-1\.25 { width: calc(var(--spacing) * 1.25) } .w-1\.75 { width: calc(var(--spacing) * 1.75) } .w-1\/2 { width: 50% } .w-1\/3 { width: 33.3333% } .w-1\/4 { width: 25% } .w-1\/6 { width: 16.6667% } .w-2 { width: calc(var(--spacing) * 2) } .w-2\.5 { width: calc(var(--spacing) * 2.5) } .w-2\/3 { width: 66.6667% } .w-2\/4 { width: 50% } .w-2\/5 { width: 40% } .w-3 { width: calc(var(--spacing) * 3) } .w-3\! { width: calc(var(--spacing) * 3) !important } .w-3\.5 { width: calc(var(--spacing) * 3.5) } .w-3\/4 { width: 75% } .w-3\/5 { width: 60% } .w-4 { width: calc(var(--spacing) * 4) } .w-4\! { width: calc(var(--spacing) * 4) !important } .w-4\/5 { width: 80% } .w-4\/6 { width: 66.6667% } .w-5 { width: calc(var(--spacing) * 5) } .w-5\.5 { width: calc(var(--spacing) * 5.5) } .w-5\/6 { width: 83.3333% } .w-5\/12 { width: 41.6667% } .w-5xl { width: var(--container-5xl) } .w-6 { width: calc(var(--spacing) * 6) } .w-6\! { width: calc(var(--spacing) * 6) !important } .w-6\.5 { width: calc(var(--spacing) * 6.5) } .w-6\/7 { width: 85.7143% } .w-7 { width: calc(var(--spacing) * 7) } .w-8 { width: calc(var(--spacing) * 8) } .w-8\.5 { width: calc(var(--spacing) * 8.5) } .w-9 { width: calc(var(--spacing) * 9) } .w-9\.5 { width: calc(var(--spacing) * 9.5) } .w-9\.75 { width: calc(var(--spacing) * 9.75) } .w-9\/10 { width: 90% } .w-9\/12 { width: 75% } .w-10 { width: calc(var(--spacing) * 10) } .w-10\! { width: calc(var(--spacing) * 10) !important } .w-10\/12 { width: 83.3333% } .w-11 { width: calc(var(--spacing) * 11) } .w-11\.25 { width: calc(var(--spacing) * 11.25) } .w-11\/12 { width: 91.6667% } .w-12 { width: calc(var(--spacing) * 12) } .w-12\.5 { width: calc(var(--spacing) * 12.5) } .w-13 { width: calc(var(--spacing) * 13) } .w-14 { width: calc(var(--spacing) * 14) } .w-15 { width: calc(var(--spacing) * 15) } .w-15\.25 { width: calc(var(--spacing) * 15.25) } .w-16 { width: calc(var(--spacing) * 16) } .w-16\.5 { width: calc(var(--spacing) * 16.5) } .w-16\.25 { width: calc(var(--spacing) * 16.25) } .w-17 { width: calc(var(--spacing) * 17) } .w-17\.5 { width: calc(var(--spacing) * 17.5) } .w-18 { width: calc(var(--spacing) * 18) } .w-19\.75 { width: calc(var(--spacing) * 19.75) } .w-20 { width: calc(var(--spacing) * 20) } .w-20\.5 { width: calc(var(--spacing) * 20.5) } .w-22 { width: calc(var(--spacing) * 22) } .w-22\.5 { width: calc(var(--spacing) * 22.5) } .w-22\.25 { width: calc(var(--spacing) * 22.25) } .w-24 { width: calc(var(--spacing) * 24) } .w-25 { width: calc(var(--spacing) * 25) } .w-28 { width: calc(var(--spacing) * 28) } .w-30 { width: calc(var(--spacing) * 30) } .w-30\.25 { width: calc(var(--spacing) * 30.25) } .w-31 { width: calc(var(--spacing) * 31) } .w-31\.5 { width: calc(var(--spacing) * 31.5) } .w-32 { width: calc(var(--spacing) * 32) } .w-34 { width: calc(var(--spacing) * 34) } .w-35 { width: calc(var(--spacing) * 35) } .w-36 { width: calc(var(--spacing) * 36) } .w-36\.5 { width: calc(var(--spacing) * 36.5) } .w-37 { width: calc(var(--spacing) * 37) } .w-37\.5 { width: calc(var(--spacing) * 37.5) } .w-38 { width: calc(var(--spacing) * 38) } .w-39 { width: calc(var(--spacing) * 39) } .w-39\.75 { width: calc(var(--spacing) * 39.75) } .w-40 { width: calc(var(--spacing) * 40) } .w-41 { width: calc(var(--spacing) * 41) } .w-41\.75 { width: calc(var(--spacing) * 41.75) } .w-42 { width: calc(var(--spacing) * 42) } .w-42\.25 { width: calc(var(--spacing) * 42.25) } .w-43\.5 { width: calc(var(--spacing) * 43.5) } .w-44 { width: calc(var(--spacing) * 44) } .w-44\.5 { width: calc(var(--spacing) * 44.5) } .w-44\.75 { width: calc(var(--spacing) * 44.75) } .w-45 { width: calc(var(--spacing) * 45) } .w-45\.75 { width: calc(var(--spacing) * 45.75) } .w-46 { width: calc(var(--spacing) * 46) } .w-46\.25 { width: calc(var(--spacing) * 46.25) } .w-47\.5 { width: calc(var(--spacing) * 47.5) } .w-48 { width: calc(var(--spacing) * 48) } .w-50 { width: calc(var(--spacing) * 50) } .w-50\.75 { width: calc(var(--spacing) * 50.75) } .w-51 { width: calc(var(--spacing) * 51) } .w-52 { width: calc(var(--spacing) * 52) } .w-52\.5 { width: calc(var(--spacing) * 52.5) } .w-52\.25 { width: calc(var(--spacing) * 52.25) } .w-54 { width: calc(var(--spacing) * 54) } .w-55 { width: calc(var(--spacing) * 55) } .w-55\.5 { width: calc(var(--spacing) * 55.5) } .w-55\.25 { width: calc(var(--spacing) * 55.25) } .w-56 { width: calc(var(--spacing) * 56) } .w-56\.5 { width: calc(var(--spacing) * 56.5) } .w-56\.25 { width: calc(var(--spacing) * 56.25) } .w-59\.25 { width: calc(var(--spacing) * 59.25) } .w-60 { width: calc(var(--spacing) * 60) } .w-60\! { width: calc(var(--spacing) * 60) !important } .w-61\.25 { width: calc(var(--spacing) * 61.25) } .w-62\.5 { width: calc(var(--spacing) * 62.5) } .w-63\.25 { width: calc(var(--spacing) * 63.25) } .w-64 { width: calc(var(--spacing) * 64) } .w-64\.5 { width: calc(var(--spacing) * 64.5) } .w-65\.75 { width: calc(var(--spacing) * 65.75) } .w-66 { width: calc(var(--spacing) * 66) } .w-67\.75 { width: calc(var(--spacing) * 67.75) } .w-69 { width: calc(var(--spacing) * 69) } .w-69\.5 { width: calc(var(--spacing) * 69.5) } .w-70 { width: calc(var(--spacing) * 70) } .w-72 { width: calc(var(--spacing) * 72) } .w-74\.5 { width: calc(var(--spacing) * 74.5) } .w-75 { width: calc(var(--spacing) * 75) } .w-75\.75 { width: calc(var(--spacing) * 75.75) } .w-76 { width: calc(var(--spacing) * 76) } .w-77\.75 { width: calc(var(--spacing) * 77.75) } .w-80 { width: calc(var(--spacing) * 80) } .w-80\.25 { width: calc(var(--spacing) * 80.25) } .w-80\.75 { width: calc(var(--spacing) * 80.75) } .w-81 { width: calc(var(--spacing) * 81) } .w-82\.25 { width: calc(var(--spacing) * 82.25) } .w-83\.5 { width: calc(var(--spacing) * 83.5) } .w-85\.75 { width: calc(var(--spacing) * 85.75) } .w-86\.5 { width: calc(var(--spacing) * 86.5) } .w-86\.25 { width: calc(var(--spacing) * 86.25) } .w-87\.5 { width: calc(var(--spacing) * 87.5) } .w-87\.25 { width: calc(var(--spacing) * 87.25) } .w-87\.75 { width: calc(var(--spacing) * 87.75) } .w-89 { width: calc(var(--spacing) * 89) } .w-89\.75 { width: calc(var(--spacing) * 89.75) } .w-90\.25 { width: calc(var(--spacing) * 90.25) } .w-91\.75 { width: calc(var(--spacing) * 91.75) } .w-92 { width: calc(var(--spacing) * 92) } .w-94 { width: calc(var(--spacing) * 94) } .w-95 { width: calc(var(--spacing) * 95) } .w-95\.25 { width: calc(var(--spacing) * 95.25) } .w-96 { width: calc(var(--spacing) * 96) } .w-96\.5 { width: calc(var(--spacing) * 96.5) } .w-97\.25 { width: calc(var(--spacing) * 97.25) } .w-99\.25 { width: calc(var(--spacing) * 99.25) } .w-100 { width: calc(var(--spacing) * 100) } .w-101 { width: calc(var(--spacing) * 101) } .w-101\.25 { width: calc(var(--spacing) * 101.25) } .w-101\.75 { width: calc(var(--spacing) * 101.75) } .w-103\.75 { width: calc(var(--spacing) * 103.75) } .w-104\.25 { width: calc(var(--spacing) * 104.25) } .w-105 { width: calc(var(--spacing) * 105) } .w-105\.25 { width: calc(var(--spacing) * 105.25) } .w-107 { width: calc(var(--spacing) * 107) } .w-107\.5 { width: calc(var(--spacing) * 107.5) } .w-111 { width: calc(var(--spacing) * 111) } .w-112\.5 { width: calc(var(--spacing) * 112.5) } .w-112\.25 { width: calc(var(--spacing) * 112.25) } .w-115\.25 { width: calc(var(--spacing) * 115.25) } .w-119 { width: calc(var(--spacing) * 119) } .w-119\.5 { width: calc(var(--spacing) * 119.5) } .w-120 { width: calc(var(--spacing) * 120) } .w-125 { width: calc(var(--spacing) * 125) } .w-125\.5 { width: calc(var(--spacing) * 125.5) } .w-125\.75 { width: calc(var(--spacing) * 125.75) } .w-138\.5 { width: calc(var(--spacing) * 138.5) } .w-141\.5 { width: calc(var(--spacing) * 141.5) } .w-143\.25 { width: calc(var(--spacing) * 143.25) } .w-150\.5 { width: calc(var(--spacing) * 150.5) } .w-163\.25 { width: calc(var(--spacing) * 163.25) } .w-166 { width: calc(var(--spacing) * 166) } .w-176 { width: calc(var(--spacing) * 176) } .w-181\.75 { width: calc(var(--spacing) * 181.75) } .w-187 { width: calc(var(--spacing) * 187) } .w-192 { width: calc(var(--spacing) * 192) } .w-240 { width: calc(var(--spacing) * 240) } .w-310 { width: calc(var(--spacing) * 310) } .w-480 { width: calc(var(--spacing) * 480) } .w-\[0\.5px\] { width: .5px } .w-\[0\.125rem\] { width: .125rem } .w-\[0\.875rem\] { width: .875rem } .w-\[0\.875rem\]\! { width: .875rem !important } .w-\[1\.2px\] { width: 1.2px } .w-\[1\.5px\] { width: 1.5px } .w-\[1px\] { width: 1px } .w-\[2\.5rem\] { width: 2.5rem } .w-\[2px\] { width: 2px } .w-\[3\.5rem\] { width: 3.5rem } .w-\[3\.25rem\] { width: 3.25rem } .w-\[3\.125rem\] { width: 3.125rem } .w-\[3px\] { width: 3px } .w-\[4\.375rem\] { width: 4.375rem } .w-\[4px\] { width: 4px } .w-\[6\.25rem\] { width: 6.25rem } .w-\[7\%\] { width: 7% } .w-\[7\.5rem\] { width: 7.5rem } .w-\[7\.875rem\] { width: 7.875rem } .w-\[8vw\] { width: 8vw } .w-\[9\.375rem\] { width: 9.375rem } .w-\[11\.25rem\] { width: 11.25rem } .w-\[12\%\] { width: 12% } .w-\[12\.5rem\] { width: 12.5rem } .w-\[14\.375rem\] { width: 14.375rem } .w-\[15\.625rem\] { width: 15.625rem } .w-\[15rem\] { width: 15rem } .w-\[16\%\] { width: 16% } .w-\[16\.875rem\] { width: 16.875rem } .w-\[16rem\] { width: 16rem } .w-\[17\%\] { width: 17% } .w-\[17\.5rem\] { width: 17.5rem } .w-\[18\%\] { width: 18% } .w-\[18\.75\%\] { width: 18.75% } .w-\[18px\] { width: 18px } .w-\[20\%\] { width: 20% } .w-\[20rem\] { width: 20rem } .w-\[21\.25rem\] { width: 21.25rem } .w-\[21\.375rem\] { width: 21.375rem } .w-\[22\%\] { width: 22% } .w-\[23\%\] { width: 23% } .w-\[23\.98\%\] { width: 23.98% } .w-\[24\%\] { width: 24% } .w-\[25\%\] { width: 25% } .w-\[25rem\] { width: 25rem } .w-\[26\.25rem\] { width: 26.25rem } .w-\[26\.48\%\] { width: 26.48% } .w-\[27\%\] { width: 27% } .w-\[27px\] { width: 27px } .w-\[27rem\] { width: 27rem } .w-\[28\%\] { width: 28% } .w-\[28\.47\%\] { width: 28.47% } .w-\[28rem\] { width: 28rem } .w-\[30\%\] { width: 30% } .w-\[30\.49\%\] { width: 30.49% } .w-\[30px\] { width: 30px } .w-\[31\%\]\! { width: 31% !important } .w-\[31\.25rem\] { width: 31.25rem } .w-\[32\%\] { width: 32% } .w-\[32\.82\%\] { width: 32.82% } .w-\[32rem\] { width: 32rem } .w-\[34\%\] { width: 34% } .w-\[35\%\] { width: 35% } .w-\[35rem\] { width: 35rem } .w-\[35vw\] { width: 35vw } .w-\[36\.875rem\] { width: 36.875rem } .w-\[37\%\] { width: 37% } .w-\[38\%\] { width: 38% } .w-\[38\.19\%\] { width: 38.19% } .w-\[40\%\] { width: 40% } .w-\[40px\] { width: 40px } .w-\[40rem\] { width: 40rem } .w-\[41\.4\%\] { width: 41.4% } .w-\[42\%\] { width: 42% } .w-\[42\.25\%\] { width: 42.25% } .w-\[43\.6\%\] { width: 43.6% } .w-\[43\.75rem\] { width: 43.75rem } .w-\[45\%\] { width: 45% } .w-\[45\.25rem\] { width: 45.25rem } .w-\[45vw\] { width: 45vw } .w-\[46\%\] { width: 46% } .w-\[48\%\] { width: 48% } .w-\[48px\] { width: 48px } .w-\[50\%\] { width: 50% } .w-\[50px\] { width: 50px } .w-\[50vw\] { width: 50vw } .w-\[52\%\] { width: 52% } .w-\[56\%\] { width: 56% } .w-\[56\.25rem\] { width: 56.25rem } .w-\[60\%\] { width: 60% } .w-\[62\%\] { width: 62% } .w-\[62\.5rem\] { width: 62.5rem } .w-\[63\%\] { width: 63% } .w-\[64\%\] { width: 64% } .w-\[65\%\] { width: 65% } .w-\[66\.8rem\] { width: 66.8rem } .w-\[69\%\] { width: 69% } .w-\[69\%\]\! { width: 69% !important } .w-\[70\%\] { width: 70% } .w-\[70px\] { width: 70px } .w-\[70vw\] { width: 70vw } .w-\[72\%\] { width: 72% } .w-\[72px\] { width: 72px } .w-\[73\%\] { width: 73% } .w-\[75\%\] { width: 75% } .w-\[76px\] { width: 76px } .w-\[77\%\] { width: 77% } .w-\[78\%\] { width: 78% } .w-\[79\.35\%\] { width: 79.35% } .w-\[80\%\] { width: 80% } .w-\[80px\] { width: 80px } .w-\[80vw\] { width: 80vw } .w-\[82\%\] { width: 82% } .w-\[84\%\] { width: 84% } .w-\[85\%\] { width: 85% } .w-\[87\.5rem\] { width: 87.5rem } .w-\[87\.69\%\] { width: 87.69% } .w-\[88px\] { width: 88px } .w-\[90\%\] { width: 90% } .w-\[90dvw\] { width: 90dvw } .w-\[92dvw\] { width: 92dvw } .w-\[93\%\] { width: 93% } .w-\[94\%\] { width: 94% } .w-\[94\.2\%\] { width: 94.2% } .w-\[95\%\] { width: 95% } .w-\[95vw\] { width: 95vw } .w-\[98\.5\%\] { width: 98.5% } .w-\[100\%\] { width: 100% } .w-\[100dvw\] { width: 100dvw } .w-\[100px\] { width: 100px } .w-\[100rem\] { width: 100rem } .w-\[100vw\] { width: 100vw } .w-\[104px\] { width: 104px } .w-\[108\%\] { width: 108% } .w-\[109\%\] { width: 109% } .w-\[110\%\] { width: 110% } .w-\[112px\] { width: 112px } .w-\[115\%\] { width: 115% } .w-\[118px\] { width: 118px } .w-\[120\%\] { width: 120% } .w-\[120px\] { width: 120px } .w-\[120rem\] { width: 120rem } .w-\[125px\] { width: 125px } .w-\[130px\] { width: 130px } .w-\[132\%\] { width: 132% } .w-\[136px\] { width: 136px } .w-\[140px\] { width: 140px } .w-\[150\%\] { width: 150% } .w-\[150px\] { width: 150px } .w-\[152\%\] { width: 152% } .w-\[159px\] { width: 159px } .w-\[160px\] { width: 160px } .w-\[170\%\] { width: 170% } .w-\[177px\] { width: 177px } .w-\[180px\] { width: 180px } .w-\[181\.25rem\] { width: 181.25rem } .w-\[185\%\] { width: 185% } .w-\[200\%\] { width: 200% } .w-\[200px\] { width: 200px } .w-\[200vw\] { width: 200vw } .w-\[210px\] { width: 210px } .w-\[220px\] { width: 220px } .w-\[230px\] { width: 230px } .w-\[240px\] { width: 240px } .w-\[249px\] { width: 249px } .w-\[250px\] { width: 250px } .w-\[256px\] { width: 256px } .w-\[257px\] { width: 257px } .w-\[260px\] { width: 260px } .w-\[261px\] { width: 261px } .w-\[280px\] { width: 280px } .w-\[300px\] { width: 300px } .w-\[319px\] { width: 319px } .w-\[320px\] { width: 320px } .w-\[350px\] { width: 350px } .w-\[360px\] { width: 360px } .w-\[380px\] { width: 380px } .w-\[400px\] { width: 400px } .w-\[420px\] { width: 420px } .w-\[440px\] { width: 440px } .w-\[480px\] { width: 480px } .w-\[500px\] { width: 500px } .w-\[520px\] { width: 520px } .w-\[550px\] { width: 550px } .w-\[600px\] { width: 600px } .w-\[700px\] { width: 700px } .w-\[720px\] { width: 720px } .w-\[800px\] { width: 800px } .w-\[880px\] { width: 880px } .w-\[900px\] { width: 900px } .w-\[920px\] { width: 920px } .w-\[1050px\] { width: 1050px } .w-\[1200px\] { width: 1200px } .w-\[1440px\] { width: 1440px } .w-\[1500px\] { width: 1500px } .w-\[calc\(55\%\+12rem\)\] { width: calc(55% + 12rem) } .w-\[calc\(100\%\+\(100vw-100\%\)\/2\)\] { width: calc(50vw + 50%) } .w-\[calc\(100\%\+\(100vw-100\%\)\/2\+3rem\)\] { width: calc(50vw + 50% + 3rem) } .w-\[calc\(100\%\+2rem\)\] { width: calc(100% + 2rem) } .w-\[calc\(100\%\+4rem\)\] { width: calc(100% + 4rem) } .w-\[calc\(100\%\+80px\)\] { width: calc(100% + 80px) } .w-\[calc\(100\%\+200px\)\] { width: calc(100% + 200px) } .w-\[calc\(100\%\+var\(--offset\)\)\] { width: calc(100% + var(--offset)) } .w-\[calc\(100\%-1\.5rem\)\] { width: calc(100% - 1.5rem) } .w-\[calc\(100\%-2\.25rem\)\] { width: calc(100% - 2.25rem) } .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem) } .w-\[calc\(100\%-3\.125rem\)\] { width: calc(100% - 3.125rem) } .w-\[calc\(100\%-100px\)\] { width: calc(100% - 100px) } .w-\[calc\(100\%-calc\(var\(--spacing\)\*16\)\)\] { width: calc(100% - calc(var(--spacing) * 16)) } .w-\[calc\(100dvw-\(2\*var\(--dialog-x-offset-mobile\)\)\)\] { width: calc(100dvw - (2 * var(--dialog-x-offset-mobile))) } .w-\[calc\(100dvw-2rem\)\] { width: calc(100dvw - 2rem) } .w-\[calc\(100dvw-3\.5rem\)\] { width: calc(100dvw - 3.5rem) } .w-\[calc\(100dvw-4rem\)\] { width: calc(100dvw - 4rem) } .w-\[calc\(100vw-6rem\)\] { width: calc(100vw - 6rem) } .w-\[calc\(100vw-32px\)\] { width: calc(100vw - 32px) } .w-\[calc\(100vw-var\(--sidebar-width\)\)\] { width: calc(100vw - var(--sidebar-width)) } .w-\[calc\(376\/16\*1rem\)\] { width: 23.5rem } .w-\[calc\(400\/16\*1rem\)\] { width: 25rem } .w-\[calc\(880\/16\*1rem\)\] { width: 55rem } .w-\[calc\(var\(--sidebar-width-icon\)\+1px\)\]\! { width: calc(var(--sidebar-width-icon) + 1px) !important } .w-\[clamp\(4\.375rem\,8vw\,7\.5rem\)\] { width: clamp(4.375rem, 8vw, 7.5rem) } .w-\[clamp\(4\.0625rem\,85\.9375vw-30\.3125rem\,10\.9375rem\)\] { width: clamp(4.0625rem, 85.9375vw - 30.3125rem, 10.9375rem) } .w-\[max\(30vw\,220px\)\] { width: max(30vw, 220px) } .w-\[min\(42rem\,92vw\)\] { width: min(42rem, 92vw) } .w-\[min\(85vw\,26\.125rem\)\] { width: min(85vw, 26.125rem) } .w-\[min\(85vw\,320px\)\] { width: min(85vw, 320px) } .w-\[min\(90\%\,700px\)\] { width: min(90%, 700px) } .w-\[min\(100\%\,22rem\)\] { width: min(100%, 22rem) } .w-\[min\(100\%\,300px\)\] { width: min(100%, 300px) } .w-\[min\(100cqw\,calc\(100cqh\*4\/3\)\)\] { width: min(100cqw, 133.333cqh) } .w-\[min\(120vw\,64rem\)\] { width: min(120vw, 64rem) } .w-\[min\(380px\,calc\(100vw-32px\)\)\] { width: min(380px, 100vw - 32px) } .w-\[min\(753px\,55vw\)\] { width: min(753px, 55vw) } .w-\[var\(--radix-popover-trigger-width\)\] { width: var(--radix-popover-trigger-width) } .w-\[var\(--width\)\] { width: var(--width) } .w-auto { width: auto } .w-dvw { width: 100dvw } .w-fit { width: fit-content } .w-fit\! { width: fit-content !important } .w-full { width: 100% } .w-full\! { width: 100% !important } .w-max { width: max-content } .w-min { width: min-content } .w-px { width: 1px } .w-screen { width: 100vw } .w-svw { width: 100svw } .w-xs { width: var(--container-xs) } .\!max-w-125 { max-width: calc(var(--spacing) * 125) !important } .\!max-w-full { max-width: 100% !important } .max-w-\(--available-width\) { max-width: var(--available-width) } .max-w-\(--breakpoint-2xl\) { max-width: var(--breakpoint-2xl) } .max-w-\(--skeleton-width\) { max-width: var(--skeleton-width) } .max-w-0 { max-width: calc(var(--spacing) * 0) } .max-w-1\/2 { max-width: 50% } .max-w-1\/3 { max-width: 33.3333% } .max-w-2\/3 { max-width: 66.6667% } .max-w-2xl { max-width: var(--container-2xl) } .max-w-2xs { max-width: var(--container-2xs) } .max-w-3xl { max-width: var(--container-3xl) } .max-w-3xl\! { max-width: var(--container-3xl) !important } .max-w-3xs { max-width: var(--container-3xs) } .max-w-4xl { max-width: var(--container-4xl) } .max-w-5xl { max-width: var(--container-5xl) } .max-w-6xl { max-width: var(--container-6xl) } .max-w-7xl { max-width: var(--container-7xl) } .max-w-12 { max-width: calc(var(--spacing) * 12) } .max-w-16 { max-width: calc(var(--spacing) * 16) } .max-w-20 { max-width: calc(var(--spacing) * 20) } .max-w-22 { max-width: calc(var(--spacing) * 22) } .max-w-24 { max-width: calc(var(--spacing) * 24) } .max-w-25 { max-width: calc(var(--spacing) * 25) } .max-w-28 { max-width: calc(var(--spacing) * 28) } .max-w-30 { max-width: calc(var(--spacing) * 30) } .max-w-32 { max-width: calc(var(--spacing) * 32) } .max-w-36 { max-width: calc(var(--spacing) * 36) } .max-w-40 { max-width: calc(var(--spacing) * 40) } .max-w-44 { max-width: calc(var(--spacing) * 44) } .max-w-45 { max-width: calc(var(--spacing) * 45) } .max-w-48 { max-width: calc(var(--spacing) * 48) } .max-w-50 { max-width: calc(var(--spacing) * 50) } .max-w-52 { max-width: calc(var(--spacing) * 52) } .max-w-54 { max-width: calc(var(--spacing) * 54) } .max-w-55 { max-width: calc(var(--spacing) * 55) } .max-w-56 { max-width: calc(var(--spacing) * 56) } .max-w-58 { max-width: calc(var(--spacing) * 58) } .max-w-58\.5 { max-width: calc(var(--spacing) * 58.5) } .max-w-60 { max-width: calc(var(--spacing) * 60) } .max-w-61 { max-width: calc(var(--spacing) * 61) } .max-w-63 { max-width: calc(var(--spacing) * 63) } .max-w-65 { max-width: calc(var(--spacing) * 65) } .max-w-66 { max-width: calc(var(--spacing) * 66) } .max-w-67\.5 { max-width: calc(var(--spacing) * 67.5) } .max-w-70 { max-width: calc(var(--spacing) * 70) } .max-w-72 { max-width: calc(var(--spacing) * 72) } .max-w-75 { max-width: calc(var(--spacing) * 75) } .max-w-76 { max-width: calc(var(--spacing) * 76) } .max-w-78 { max-width: calc(var(--spacing) * 78) } .max-w-80 { max-width: calc(var(--spacing) * 80) } .max-w-86 { max-width: calc(var(--spacing) * 86) } .max-w-90 { max-width: calc(var(--spacing) * 90) } .max-w-90\.75 { max-width: calc(var(--spacing) * 90.75) } .max-w-95 { max-width: calc(var(--spacing) * 95) } .max-w-96 { max-width: calc(var(--spacing) * 96) } .max-w-98 { max-width: calc(var(--spacing) * 98) } .max-w-100 { max-width: calc(var(--spacing) * 100) } .max-w-102\.5 { max-width: calc(var(--spacing) * 102.5) } .max-w-108 { max-width: calc(var(--spacing) * 108) } .max-w-110 { max-width: calc(var(--spacing) * 110) } .max-w-112 { max-width: calc(var(--spacing) * 112) } .max-w-112\.5 { max-width: calc(var(--spacing) * 112.5) } .max-w-115 { max-width: calc(var(--spacing) * 115) } .max-w-120 { max-width: calc(var(--spacing) * 120) } .max-w-125 { max-width: calc(var(--spacing) * 125) } .max-w-126\.5 { max-width: calc(var(--spacing) * 126.5) } .max-w-130 { max-width: calc(var(--spacing) * 130) } .max-w-131 { max-width: calc(var(--spacing) * 131) } .max-w-140 { max-width: calc(var(--spacing) * 140) } .max-w-145 { max-width: calc(var(--spacing) * 145) } .max-w-150 { max-width: calc(var(--spacing) * 150) } .max-w-160 { max-width: calc(var(--spacing) * 160) } .max-w-162\.5 { max-width: calc(var(--spacing) * 162.5) } .max-w-170 { max-width: calc(var(--spacing) * 170) } .max-w-190 { max-width: calc(var(--spacing) * 190) } .max-w-193 { max-width: calc(var(--spacing) * 193) } .max-w-200 { max-width: calc(var(--spacing) * 200) } .max-w-220 { max-width: calc(var(--spacing) * 220) } .max-w-228 { max-width: calc(var(--spacing) * 228) } .max-w-238\.5 { max-width: calc(var(--spacing) * 238.5) } .max-w-240\! { max-width: calc(var(--spacing) * 240) !important } .max-w-250 { max-width: calc(var(--spacing) * 250) } .max-w-300\! { max-width: calc(var(--spacing) * 300) !important } .max-w-317\.5 { max-width: calc(var(--spacing) * 317.5) } .max-w-340 { max-width: calc(var(--spacing) * 340) } .max-w-360 { max-width: calc(var(--spacing) * 360) } .max-w-375 { max-width: calc(var(--spacing) * 375) } .max-w-415 { max-width: calc(var(--spacing) * 415) } .max-w-600 { max-width: calc(var(--spacing) * 600) } .max-w-\[4\.875rem\] { max-width: 4.875rem } .max-w-\[5\.5rem\] { max-width: 5.5rem } .max-w-\[7\.625rem\] { max-width: 7.625rem } .max-w-\[7\.875rem\] { max-width: 7.875rem } .max-w-\[8\.25rem\] { max-width: 8.25rem } .max-w-\[8\.75rem\] { max-width: 8.75rem } .max-w-\[10\.3125rem\] { max-width: 10.3125rem } .max-w-\[10rem\] { max-width: 10rem } .max-w-\[11\.875rem\] { max-width: 11.875rem } .max-w-\[12rem\] { max-width: 12rem } .max-w-\[15rem\] { max-width: 15rem } .max-w-\[16\.375rem\] { max-width: 16.375rem } .max-w-\[16\.875rem\] { max-width: 16.875rem } .max-w-\[16rem\] { max-width: 16rem } .max-w-\[17\.5rem\] { max-width: 17.5rem } .max-w-\[18\.125rem\] { max-width: 18.125rem } .max-w-\[20\.25rem\] { max-width: 20.25rem } .max-w-\[20rem\] { max-width: 20rem } .max-w-\[21\.875rem\] { max-width: 21.875rem } .max-w-\[22\.5rem\] { max-width: 22.5rem } .max-w-\[23\.75rem\] { max-width: 23.75rem } .max-w-\[24\.375rem\] { max-width: 24.375rem } .max-w-\[24rem\] { max-width: 24rem } .max-w-\[25\.625rem\] { max-width: 25.625rem } .max-w-\[25rem\] { max-width: 25rem } .max-w-\[27\.5rem\] { max-width: 27.5rem } .max-w-\[28\.75rem\] { max-width: 28.75rem } .max-w-\[28\.125rem\] { max-width: 28.125rem } .max-w-\[28rem\] { max-width: 28rem } .max-w-\[29\.5625rem\] { max-width: 29.5625rem } .max-w-\[30rem\] { max-width: 30rem } .max-w-\[31\.25rem\] { max-width: 31.25rem } .max-w-\[32\.5rem\] { max-width: 32.5rem } .max-w-\[32rem\] { max-width: 32rem } .max-w-\[33\.4rem\] { max-width: 33.4rem } .max-w-\[33\.75rem\] { max-width: 33.75rem } .max-w-\[33\.9375rem\] { max-width: 33.9375rem } .max-w-\[34\.375rem\] { max-width: 34.375rem } .max-w-\[34rem\] { max-width: 34rem } .max-w-\[35\%\] { max-width: 35% } .max-w-\[35rem\] { max-width: 35rem } .max-w-\[36\.5rem\] { max-width: 36.5rem } .max-w-\[36\.25rem\] { max-width: 36.25rem } .max-w-\[36\.875rem\] { max-width: 36.875rem } .max-w-\[36rem\] { max-width: 36rem } .max-w-\[37\.5rem\] { max-width: 37.5rem } .max-w-\[37\.25rem\] { max-width: 37.25rem } .max-w-\[38\.5rem\] { max-width: 38.5rem } .max-w-\[39rem\] { max-width: 39rem } .max-w-\[40\.625rem\] { max-width: 40.625rem } .max-w-\[40rem\] { max-width: 40rem } .max-w-\[41\.25rem\] { max-width: 41.25rem } .max-w-\[41\.625rem\] { max-width: 41.625rem } .max-w-\[42\.5rem\] { max-width: 42.5rem } .max-w-\[42rem\] { max-width: 42rem } .max-w-\[43\.75rem\] { max-width: 43.75rem } .max-w-\[43\.125rem\] { max-width: 43.125rem } .max-w-\[45rem\] { max-width: 45rem } .max-w-\[46\.5rem\] { max-width: 46.5rem } .max-w-\[46\.25rem\] { max-width: 46.25rem } .max-w-\[46\.75rem\] { max-width: 46.75rem } .max-w-\[46\.875rem\] { max-width: 46.875rem } .max-w-\[47\.5rem\] { max-width: 47.5rem } .max-w-\[48\.75rem\] { max-width: 48.75rem } .max-w-\[48rem\] { max-width: 48rem } .max-w-\[49\.375rem\] { max-width: 49.375rem } .max-w-\[50rem\] { max-width: 50rem } .max-w-\[51\.125rem\] { max-width: 51.125rem } .max-w-\[51\.875rem\] { max-width: 51.875rem } .max-w-\[51rem\] { max-width: 51rem } .max-w-\[52\.5rem\] { max-width: 52.5rem } .max-w-\[52\.8rem\] { max-width: 52.8rem } .max-w-\[52\.875rem\] { max-width: 52.875rem } .max-w-\[53\.75rem\] { max-width: 53.75rem } .max-w-\[53\.125rem\] { max-width: 53.125rem } .max-w-\[54\.375rem\] { max-width: 54.375rem } .max-w-\[55rem\] { max-width: 55rem } .max-w-\[56\.25rem\] { max-width: 56.25rem } .max-w-\[57\.5rem\] { max-width: 57.5rem } .max-w-\[60rem\] { max-width: 60rem } .max-w-\[61\.375rem\] { max-width: 61.375rem } .max-w-\[62\.5rem\] { max-width: 62.5rem } .max-w-\[67\.5rem\] { max-width: 67.5rem } .max-w-\[67vw\] { max-width: 67vw } .max-w-\[68\.8rem\] { max-width: 68.8rem } .max-w-\[68\.75rem\] { max-width: 68.75rem } .max-w-\[68rem\] { max-width: 68rem } .max-w-\[70\%\] { max-width: 70% } .max-w-\[72\.5rem\] { max-width: 72.5rem } .max-w-\[72rem\] { max-width: 72rem } .max-w-\[75\%\] { max-width: 75% } .max-w-\[75rem\] { max-width: 75rem } .max-w-\[76\.5rem\] { max-width: 76.5rem } .max-w-\[76rem\] { max-width: 76rem } .max-w-\[77\.5rem\] { max-width: 77.5rem } .max-w-\[77\.75rem\] { max-width: 77.75rem } .max-w-\[77rem\] { max-width: 77rem } .max-w-\[80\%\] { max-width: 80% } .max-w-\[80\.5rem\] { max-width: 80.5rem } .max-w-\[80rem\] { max-width: 80rem } .max-w-\[80vw\] { max-width: 80vw } .max-w-\[81\.25rem\] { max-width: 81.25rem } .max-w-\[82\.5rem\] { max-width: 82.5rem } .max-w-\[83\.125rem\] { max-width: 83.125rem } .max-w-\[84rem\] { max-width: 84rem } .max-w-\[85\%\] { max-width: 85% } .max-w-\[85rem\] { max-width: 85rem } .max-w-\[86\.5rem\] { max-width: 86.5rem } .max-w-\[87\.5rem\] { max-width: 87.5rem } .max-w-\[88\.125rem\] { max-width: 88.125rem } .max-w-\[90\%\] { max-width: 90% } .max-w-\[90vw\] { max-width: 90vw } .max-w-\[93\.75rem\] { max-width: 93.75rem } .max-w-\[95\%\] { max-width: 95% } .max-w-\[95\.1875rem\] { max-width: 95.1875rem } .max-w-\[96rem\] { max-width: 96rem } .max-w-\[98\.125rem\] { max-width: 98.125rem } .max-w-\[99rem\] { max-width: 99rem } .max-w-\[100rem\] { max-width: 100rem } .max-w-\[100vw-4rem\] { max-width: 100vw-4rem } .max-w-\[100vw\] { max-width: 100vw } .max-w-\[103\.125rem\] { max-width: 103.125rem } .max-w-\[110vw\] { max-width: 110vw } .max-w-\[111rem\] { max-width: 111rem } .max-w-\[112\.5rem\] { max-width: 112.5rem } .max-w-\[120px\] { max-width: 120px } .max-w-\[120rem\] { max-width: 120rem } .max-w-\[125rem\] { max-width: 125rem } .max-w-\[130px\] { max-width: 130px } .max-w-\[140px\] { max-width: 140px } .max-w-\[150px\] { max-width: 150px } .max-w-\[160px\] { max-width: 160px } .max-w-\[170px\] { max-width: 170px } .max-w-\[180px\] { max-width: 180px } .max-w-\[200px\] { max-width: 200px } .max-w-\[220px\] { max-width: 220px } .max-w-\[240px\] { max-width: 240px } .max-w-\[250px\] { max-width: 250px } .max-w-\[264px\] { max-width: 264px } .max-w-\[280px\] { max-width: 280px } .max-w-\[300px\] { max-width: 300px } .max-w-\[305px\] { max-width: 305px } .max-w-\[310px\] { max-width: 310px } .max-w-\[320px\] { max-width: 320px } .max-w-\[330px\] { max-width: 330px } .max-w-\[355px\] { max-width: 355px } .max-w-\[360px\] { max-width: 360px } .max-w-\[372px\] { max-width: 372px } .max-w-\[380px\] { max-width: 380px } .max-w-\[400px\] { max-width: 400px } .max-w-\[404px\] { max-width: 404px } .max-w-\[412px\] { max-width: 412px } .max-w-\[420px\] { max-width: 420px } .max-w-\[430px\] { max-width: 430px } .max-w-\[440px\] { max-width: 440px } .max-w-\[500px\] { max-width: 500px } .max-w-\[510px\] { max-width: 510px } .max-w-\[550px\] { max-width: 550px } .max-w-\[585px\] { max-width: 585px } .max-w-\[596px\] { max-width: 596px } .max-w-\[600px\] { max-width: 600px } .max-w-\[616px\] { max-width: 616px } .max-w-\[632px\] { max-width: 632px } .max-w-\[650px\] { max-width: 650px } .max-w-\[700px\] { max-width: 700px } .max-w-\[716px\] { max-width: 716px } .max-w-\[750px\] { max-width: 750px } .max-w-\[760px\] { max-width: 760px } .max-w-\[800px\] { max-width: 800px } .max-w-\[820px\] { max-width: 820px } .max-w-\[880px\] { max-width: 880px } .max-w-\[900px\] { max-width: 900px } .max-w-\[920px\] { max-width: 920px } .max-w-\[1000px\] { max-width: 1000px } .max-w-\[1100px\] { max-width: 1100px } .max-w-\[1200px\] { max-width: 1200px } .max-w-\[1248px\] { max-width: 1248px } .max-w-\[1266px\] { max-width: 1266px } .max-w-\[1340px\] { max-width: 1340px } .max-w-\[1348px\] { max-width: 1348px } .max-w-\[1418px\] { max-width: 1418px } .max-w-\[1432px\] { max-width: 1432px } .max-w-\[1440px\] { max-width: 1440px } .max-w-\[1460px\] { max-width: 1460px } .max-w-\[1536px\] { max-width: 1536px } .max-w-\[1600px\] { max-width: 1600px } .max-w-\[1635px\] { max-width: 1635px } .max-w-\[1700px\] { max-width: 1700px } .max-w-\[1792px\] { max-width: 1792px } .max-w-\[1880px\] { max-width: 1880px } .max-w-\[calc\(100\%-1rem\)\] { max-width: calc(100% - 1rem) } .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem) } .max-w-\[calc\(100\%-5rem\)\] { max-width: calc(100% - 5rem) } .max-w-\[calc\(100dvw-\(var\(--dialog-content-p-mobile\)\*2\)-\(2\*var\(--dialog-x-offset-mobile\)\)\)\] { max-width: calc(100dvw - (var(--dialog-content-p-mobile) * 2) - (2 * var(--dialog-x-offset-mobile))) } .max-w-\[calc\(100dvw-2rem\)\] { max-width: calc(100dvw - 2rem) } .max-w-\[calc\(100dvw-4rem\)\] { max-width: calc(100dvw - 4rem) } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem) } .max-w-\[calc\(100vw-64px\)\] { max-width: calc(100vw - 64px) } .max-w-\[calc\(var\(--avatar-size-mobile\)\*var\(--avatar-count-mobile\)\+\(var\(--avatar-spacing-mobile\)\*\(var\(--avatar-count-mobile\)-1\)\)\)\] { max-width: calc(var(--avatar-size-mobile) * var(--avatar-count-mobile) + (var(--avatar-spacing-mobile) * (var(--avatar-count-mobile) - 1))) } .max-w-\[min\(18rem\,calc\(100vw-1\.5rem\)\)\] { max-width: min(18rem, 100vw - 1.5rem) } .max-w-\[min\(28rem\,85vw\)\] { max-width: min(28rem, 85vw) } .max-w-\[min\(100\%\,28rem\)\] { max-width: min(100%, 28rem) } .max-w-\[min\(100\%\,380px\)\] { max-width: min(100%, 380px) } .max-w-\[min\(calc\(100vw-4rem\)\,24rem\)\] { max-width: min(100vw - 4rem, 24rem) } .max-w-dvw { max-width: 100dvw } .max-w-dvw\! { max-width: 100dvw !important } .max-w-fit { max-width: fit-content } .max-w-full { max-width: 100% } .max-w-lg { max-width: var(--container-lg) } .max-w-max { max-width: max-content } .max-w-md { max-width: var(--container-md) } .max-w-none { max-width: none } .max-w-prose { max-width: 65ch } .max-w-screen-lg { max-width: var(--breakpoint-lg) } .max-w-screen-md { max-width: var(--breakpoint-md) } .max-w-sm { max-width: var(--container-sm) } .max-w-xl { max-width: var(--container-xl) } .max-w-xs { max-width: var(--container-xs) } .\!min-w-\[200px\] { min-width: 200px !important } .min-w-\(--cell-size\) { min-width: var(--cell-size) } .min-w-0 { min-width: calc(var(--spacing) * 0) } .min-w-2xl { min-width: var(--container-2xl) } .min-w-4 { min-width: calc(var(--spacing) * 4) } .min-w-5 { min-width: calc(var(--spacing) * 5) } .min-w-6 { min-width: calc(var(--spacing) * 6) } .min-w-7 { min-width: calc(var(--spacing) * 7) } .min-w-7\.5 { min-width: calc(var(--spacing) * 7.5) } .min-w-8 { min-width: calc(var(--spacing) * 8) } .min-w-9 { min-width: calc(var(--spacing) * 9) } .min-w-10 { min-width: calc(var(--spacing) * 10) } .min-w-11 { min-width: calc(var(--spacing) * 11) } .min-w-12 { min-width: calc(var(--spacing) * 12) } .min-w-15 { min-width: calc(var(--spacing) * 15) } .min-w-16 { min-width: calc(var(--spacing) * 16) } .min-w-18 { min-width: calc(var(--spacing) * 18) } .min-w-20 { min-width: calc(var(--spacing) * 20) } .min-w-24 { min-width: calc(var(--spacing) * 24) } .min-w-25 { min-width: calc(var(--spacing) * 25) } .min-w-28 { min-width: calc(var(--spacing) * 28) } .min-w-30 { min-width: calc(var(--spacing) * 30) } .min-w-32 { min-width: calc(var(--spacing) * 32) } .min-w-34 { min-width: calc(var(--spacing) * 34) } .min-w-36 { min-width: calc(var(--spacing) * 36) } .min-w-40 { min-width: calc(var(--spacing) * 40) } .min-w-44 { min-width: calc(var(--spacing) * 44) } .min-w-47\.5 { min-width: calc(var(--spacing) * 47.5) } .min-w-48 { min-width: calc(var(--spacing) * 48) } .min-w-50 { min-width: calc(var(--spacing) * 50) } .min-w-52 { min-width: calc(var(--spacing) * 52) } .min-w-56 { min-width: calc(var(--spacing) * 56) } .min-w-60 { min-width: calc(var(--spacing) * 60) } .min-w-64 { min-width: calc(var(--spacing) * 64) } .min-w-72 { min-width: calc(var(--spacing) * 72) } .min-w-80 { min-width: calc(var(--spacing) * 80) } .min-w-\[1em\] { min-width: 1em } .min-w-\[2\.5rem\] { min-width: 2.5rem } .min-w-\[3rem\] { min-width: 3rem } .min-w-\[8\.125rem\] { min-width: 8.125rem } .min-w-\[11\.25rem\] { min-width: 11.25rem } .min-w-\[12rem\] { min-width: 12rem } .min-w-\[13\.75rem\] { min-width: 13.75rem } .min-w-\[15rem\] { min-width: 15rem } .min-w-\[20rem\] { min-width: 20rem } .min-w-\[28rem\] { min-width: 28rem } .min-w-\[32rem\] { min-width: 32rem } .min-w-\[36rem\] { min-width: 36rem } .min-w-\[40rem\] { min-width: 40rem } .min-w-\[44rem\] { min-width: 44rem } .min-w-\[50rem\] { min-width: 50rem } .min-w-\[50vw\] { min-width: 50vw } .min-w-\[60vw\] { min-width: 60vw } .min-w-\[70px\] { min-width: 70px } .min-w-\[75\%\] { min-width: 75% } .min-w-\[80px\] { min-width: 80px } .min-w-\[90px\] { min-width: 90px } .min-w-\[96px\] { min-width: 96px } .min-w-\[100px\] { min-width: 100px } .min-w-\[120px\] { min-width: 120px } .min-w-\[128px\] { min-width: 128px } .min-w-\[130px\] { min-width: 130px } .min-w-\[140px\] { min-width: 140px } .min-w-\[160px\] { min-width: 160px } .min-w-\[180px\] { min-width: 180px } .min-w-\[200px\] { min-width: 200px } .min-w-\[220px\] { min-width: 220px } .min-w-\[240px\] { min-width: 240px } .min-w-\[260px\] { min-width: 260px } .min-w-\[280px\] { min-width: 280px } .min-w-\[300px\] { min-width: 300px } .min-w-\[334px\] { min-width: 334px } .min-w-\[350px\] { min-width: 350px } .min-w-\[360px\] { min-width: 360px } .min-w-\[420px\] { min-width: 420px } .min-w-\[450px\] { min-width: 450px } .min-w-\[460px\] { min-width: 460px } .min-w-\[500px\] { min-width: 500px } .min-w-\[600px\] { min-width: 600px } .min-w-\[672px\] { min-width: 672px } .min-w-\[700px\] { min-width: 700px } .min-w-\[760px\] { min-width: 760px } .min-w-\[800px\] { min-width: 800px } .min-w-\[820px\] { min-width: 820px } .min-w-\[900px\] { min-width: 900px } .min-w-\[940px\] { min-width: 940px } .min-w-\[1200px\] { min-width: 1200px } .min-w-\[calc\(100\%-20px\)\] { min-width: calc(100% - 20px) } .min-w-\[calc\(100vw-4rem\)\] { min-width: calc(100vw - 4rem) } .min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\] { min-width: calc(var(--anchor-width) + calc(var(--spacing) * 7)) } .min-w-fit { min-width: fit-content } .min-w-full { min-width: 100% } .min-w-max { min-width: max-content } .min-w-sm { min-width: var(--container-sm) } .min-w-xs { min-width: var(--container-xs) } .flex-1 { flex: 1 } .flex-1\/2 { flex: 50% } .flex-1\/3 { flex: 33.3333% } .flex-2 { flex: 2 } .flex-2\/3 { flex: 66.6667% } .flex-2\/5 { flex: 40% } .flex-2\/7 { flex: 28.5714% } .flex-3\/5 { flex: 60% } .flex-5\/7 { flex: 71.4286% } .flex-50 { flex: 50 } .flex-\[0\.5\] { flex: .5 } .flex-\[1\.5\] { flex: 1.5 } .flex-\[1\] { flex: 1 } .flex-\[1_0_0px\] { flex: 1 0 0 } .flex-\[2\] { flex: 2 } .flex-\[33\.3\%\] { flex: 33.3% } .flex-\[55\%\] { flex: 55% } .flex-\[66\.6\%\] { flex: 66.6% } .flex-\[80\] { flex: 80 } .flex-\[147\] { flex: 147 } .flex-\[272\] { flex: 272 } .flex-auto { flex: auto } .flex-none { flex: none } .flex-shrink-0 { flex-shrink: 0 } .shrink { flex-shrink: 1 } .shrink\! { flex-shrink: 1 !important } .shrink-0 { flex-shrink: 0 } .flex-grow { flex-grow: 1 } .flex-grow-0 { flex-grow: 0 } .grow { flex-grow: 1 } .grow-0 { flex-grow: 0 } .grow-\[3\] { flex-grow: 3 } .basis-0 { flex-basis: calc(var(--spacing) * 0) } .basis-1 { flex-basis: calc(var(--spacing) * 1) } .basis-1\/2 { flex-basis: 50% } .basis-1\/3 { flex-basis: 33.3333% } .basis-1\/4 { flex-basis: 25% } .basis-1\/5 { flex-basis: 20% } .basis-1\/6 { flex-basis: 16.6667% } .basis-2\/3 { flex-basis: 66.6667% } .basis-2\/4 { flex-basis: 50% } .basis-2\/5 { flex-basis: 40% } .basis-2\/5\! { flex-basis: 40% !important } .basis-3 { flex-basis: calc(var(--spacing) * 3) } .basis-3\/4 { flex-basis: 75% } .basis-3\/5 { flex-basis: 60% } .basis-3\/7 { flex-basis: 42.8571% } .basis-4 { flex-basis: calc(var(--spacing) * 4) } .basis-4\.5 { flex-basis: calc(var(--spacing) * 4.5) } .basis-4\/5 { flex-basis: 80% } .basis-4\/7 { flex-basis: 57.1429% } .basis-5 { flex-basis: calc(var(--spacing) * 5) } .basis-5\/12 { flex-basis: 41.6667% } .basis-7 { flex-basis: calc(var(--spacing) * 7) } .basis-7\/12 { flex-basis: 58.3333% } .basis-8 { flex-basis: calc(var(--spacing) * 8) } .basis-8\.5 { flex-basis: calc(var(--spacing) * 8.5) } .basis-9\/12 { flex-basis: 75% } .basis-10 { flex-basis: calc(var(--spacing) * 10) } .basis-10\/12 { flex-basis: 83.3333% } .basis-11 { flex-basis: calc(var(--spacing) * 11) } .basis-13\.5 { flex-basis: calc(var(--spacing) * 13.5) } .basis-15 { flex-basis: calc(var(--spacing) * 15) } .basis-16 { flex-basis: calc(var(--spacing) * 16) } .basis-18 { flex-basis: calc(var(--spacing) * 18) } .basis-18\.5 { flex-basis: calc(var(--spacing) * 18.5) } .basis-20 { flex-basis: calc(var(--spacing) * 20) } .basis-20\.5 { flex-basis: calc(var(--spacing) * 20.5) } .basis-21 { flex-basis: calc(var(--spacing) * 21) } .basis-22 { flex-basis: calc(var(--spacing) * 22) } .basis-22\.5 { flex-basis: calc(var(--spacing) * 22.5) } .basis-23 { flex-basis: calc(var(--spacing) * 23) } .basis-24 { flex-basis: calc(var(--spacing) * 24) } .basis-25 { flex-basis: calc(var(--spacing) * 25) } .basis-28 { flex-basis: calc(var(--spacing) * 28) } .basis-30 { flex-basis: calc(var(--spacing) * 30) } .basis-32 { flex-basis: calc(var(--spacing) * 32) } .basis-33 { flex-basis: calc(var(--spacing) * 33) } .basis-36 { flex-basis: calc(var(--spacing) * 36) } .basis-37\.5 { flex-basis: calc(var(--spacing) * 37.5) } .basis-40 { flex-basis: calc(var(--spacing) * 40) } .basis-45 { flex-basis: calc(var(--spacing) * 45) } .basis-50 { flex-basis: calc(var(--spacing) * 50) } .basis-53 { flex-basis: calc(var(--spacing) * 53) } .basis-60 { flex-basis: calc(var(--spacing) * 60) } .basis-63\.5 { flex-basis: calc(var(--spacing) * 63.5) } .basis-65 { flex-basis: calc(var(--spacing) * 65) } .basis-72 { flex-basis: calc(var(--spacing) * 72) } .basis-75 { flex-basis: calc(var(--spacing) * 75) } .basis-80 { flex-basis: calc(var(--spacing) * 80) } .basis-120 { flex-basis: calc(var(--spacing) * 120) } .basis-130 { flex-basis: calc(var(--spacing) * 130) } .basis-151 { flex-basis: calc(var(--spacing) * 151) } .basis-170 { flex-basis: calc(var(--spacing) * 170) } .basis-200 { flex-basis: calc(var(--spacing) * 200) } .basis-\[33\.5\%\] { flex-basis: 33.5% } .basis-\[33\.33\%\] { flex-basis: 33.33% } .basis-\[35\%\] { flex-basis: 35% } .basis-\[36\%\] { flex-basis: 36% } .basis-\[40\%\] { flex-basis: 40% } .basis-\[42\%\] { flex-basis: 42% } .basis-\[48\%\] { flex-basis: 48% } .basis-\[52\%\] { flex-basis: 52% } .basis-\[60\%\] { flex-basis: 60% } .basis-\[64\%\] { flex-basis: 64% } .basis-\[65\%\] { flex-basis: 65% } .basis-\[66\.66\%\] { flex-basis: 66.66% } .basis-\[75\%\] { flex-basis: 75% } .basis-\[75dvw\] { flex-basis: 75dvw } .basis-\[80\%\] { flex-basis: 80% } .basis-\[85\%\] { flex-basis: 85% } .basis-\[88\%\] { flex-basis: 88% } .basis-\[91\%\] { flex-basis: 91% } .basis-\[480px\] { flex-basis: 480px } .basis-\[496px\] { flex-basis: 496px } .basis-\[calc\(1\/var\(--avatar-count-mobile\)\*100\%\)\] { flex-basis: calc(1 / var(--avatar-count-mobile) * 100%) } .basis-\[min\(100\%\,334px\)\] { flex-basis: min(100%, 334px) } .basis-auto { flex-basis: auto } .basis-full { flex-basis: 100% } .table-fixed { table-layout: fixed } .caption-bottom { caption-side: bottom } .border-collapse { border-collapse: collapse } .border-separate { border-collapse: separate } .border-spacing-0 { --tw-border-spacing-x: calc(var(--spacing) * 0); --tw-border-spacing-y: calc(var(--spacing) * 0); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .border-spacing-x-8 { --tw-border-spacing-x: calc(var(--spacing) * 8); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) } .\[transform-origin\: center_top\] { transform-origin: top } .\[transform-origin\: top_left\] { transform-origin: 0 0 } .\[transform-origin\: var\(--radix-hover-card-content-transform-origin\)\] { transform-origin: var(--radix-hover-card-content-transform-origin) } .origin-\(--radix-context-menu-content-transform-origin\) { transform-origin: var(--radix-context-menu-content-transform-origin) } .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin) } .origin-\(--radix-hover-card-content-transform-origin\) { transform-origin: var(--radix-hover-card-content-transform-origin) } .origin-\(--radix-menubar-content-transform-origin\) { transform-origin: var(--radix-menubar-content-transform-origin) } .origin-\(--radix-popover-content-transform-origin\) { transform-origin: var(--radix-popover-content-transform-origin) } .origin-\(--radix-select-content-transform-origin\) { transform-origin: var(--radix-select-content-transform-origin) } .origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin) } .origin-\(--transform-origin\) { transform-origin: var(--transform-origin) } .origin-\[0\%_100\%\] { transform-origin: 0 100% } .origin-\[50\%_0\%\] { transform-origin: 50% 0 } .origin-\[50\%_100\%\] { transform-origin: 50% 100% } .origin-\[bottom_center\], .origin-bottom { transform-origin: bottom } .origin-bottom-left { transform-origin: 0 100% } .origin-center { transform-origin: 50% } .origin-left { transform-origin: 0 } .origin-right { transform-origin: 100% } .origin-top { transform-origin: top } .origin-top-left { transform-origin: 0 0 } .origin-top-right { transform-origin: 100% 0 } .-translate-1\/2 { --tw-translate-x: -50%; --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-\[30\%\] { --tw-translate-x: -30%; --tw-translate-y: -30%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-0 { --tw-translate-x: calc(var(--spacing) * 0); --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-0\! { --tw-translate-x: calc(var(--spacing) * 0) !important; --tw-translate-y: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important } .-translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-1 { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-1\/2 { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-1\/4 { --tw-translate-x: -25%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-2 { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-2\.5 { --tw-translate-x: calc(var(--spacing) * -2.5); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-2\/3 { --tw-translate-x: calc(calc(2 / 3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-4 { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-5 { --tw-translate-x: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-6 { --tw-translate-x: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-10 { --tw-translate-x: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-20 { --tw-translate-x: calc(var(--spacing) * -20); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-28 { --tw-translate-x: calc(var(--spacing) * -28); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-\[16\%\] { --tw-translate-x: -16%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-\[24\%\] { --tw-translate-x: -24%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-\[30\%\] { --tw-translate-x: -30%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-\[50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-\[52\%\] { --tw-translate-x: -52%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-\[55\%\] { --tw-translate-x: -55%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-1\.5 { --tw-translate-x: calc(var(--spacing) * 1.5); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-1\/2 { --tw-translate-x: 50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-1\/3 { --tw-translate-x: calc(1 / 3 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-1\/4 { --tw-translate-x: 25%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-2 { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-2\.5 { --tw-translate-x: calc(var(--spacing) * 2.5); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-2\/5 { --tw-translate-x: 40%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-3 { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-4 { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-5 { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-6 { --tw-translate-x: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-10 { --tw-translate-x: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-28 { --tw-translate-x: calc(var(--spacing) * 28); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-32 { --tw-translate-x: calc(var(--spacing) * 32); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[-75\%\] { --tw-translate-x: -75%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[-100\%\] { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[0\.5px\] { --tw-translate-x: .5px; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[1\.5px\] { --tw-translate-x: 1.5px; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[4\%\] { --tw-translate-x: 4%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[5\%\] { --tw-translate-x: 5%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[14\.7\%\] { --tw-translate-x: 14.7%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[20\%\] { --tw-translate-x: 20%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[75\%\] { --tw-translate-x: 75%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[100\%\] { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[180\%\] { --tw-translate-x: 180%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[calc\(-50\%\+75\%\)\] { --tw-translate-x: 25%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-\[calc\(-50\%-75\%\)\] { --tw-translate-x: -125%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-1\.5 { --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-1\/2 { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-1\/3 { --tw-translate-y: calc(calc(1 / 3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-2 { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-2\.5 { --tw-translate-y: calc(var(--spacing) * -2.5); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-2\/3 { --tw-translate-y: calc(calc(2 / 3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-3 { --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-3\/4 { --tw-translate-y: -75%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-4 { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-5 { --tw-translate-y: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-6 { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-10 { --tw-translate-y: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-12 { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-15 { --tw-translate-y: calc(var(--spacing) * -15); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-16 { --tw-translate-y: calc(var(--spacing) * -16); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-20 { --tw-translate-y: calc(var(--spacing) * -20); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-40 { --tw-translate-y: calc(var(--spacing) * -40); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-62 { --tw-translate-y: calc(var(--spacing) * -62); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-90 { --tw-translate-y: calc(var(--spacing) * -90); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-\[4rem\] { --tw-translate-y: -4rem; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-\[5\.5px\] { --tw-translate-y: -5.5px; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-\[20\%\] { --tw-translate-y: -20%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-\[21\.875rem\] { --tw-translate-y: -21.875rem; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-\[23\%\] { --tw-translate-y: -23%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-\[30\%\] { --tw-translate-y: -30%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-\[33\%\] { --tw-translate-y: -33%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-\[48\%\] { --tw-translate-y: -48%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-\[58\%\] { --tw-translate-y: -58%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-0\! { --tw-translate-y: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important } .translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-1 { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-1\.5 { --tw-translate-y: calc(var(--spacing) * 1.5); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-1\/2 { --tw-translate-y: 50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-1\/4 { --tw-translate-y: 25%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-2 { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-2\/5 { --tw-translate-y: 40%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-3 { --tw-translate-y: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-4 { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-5 { --tw-translate-y: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-8 { --tw-translate-y: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-10 { --tw-translate-y: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-11 { --tw-translate-y: calc(var(--spacing) * 11); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-16 { --tw-translate-y: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-18 { --tw-translate-y: calc(var(--spacing) * 18); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-20 { --tw-translate-y: calc(var(--spacing) * 20); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-40 { --tw-translate-y: calc(var(--spacing) * 40); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[-3rem\] { --tw-translate-y: -3rem; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[-5\%\] { --tw-translate-y: -5%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[2px\] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[5\.5\%\] { --tw-translate-y: 5.5%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[5\.5px\] { --tw-translate-y: 5.5px; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[8\%\] { --tw-translate-y: 8%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[9\.5\%\] { --tw-translate-y: 9.5%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[10\%\] { --tw-translate-y: 10%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[14\%\] { --tw-translate-y: 14%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[14px\] { --tw-translate-y: 14px; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[24\%\] { --tw-translate-y: 24%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[30\%\] { --tw-translate-y: 30%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[50\%\] { --tw-translate-y: 50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[70\%\] { --tw-translate-y: 70%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[250\%\] { --tw-translate-y: 250%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[calc\(-50\%\+10\%\)\] { --tw-translate-y: -40%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[calc\(-50\%-2px\)\], .translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-\[calc\(100\%\+1rem\)\] { --tw-translate-y: calc(100% + 1rem); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-px { --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y) } .\[translate\: 0_0\] { translate: 0 } .translate-none { translate: none } .scale-50 { --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-60 { --tw-scale-x: 60%; --tw-scale-y: 60%; --tw-scale-z: 60%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-70 { --tw-scale-x: 70%; --tw-scale-y: 70%; --tw-scale-z: 70%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-80 { --tw-scale-x: 80%; --tw-scale-y: 80%; --tw-scale-z: 80%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-103 { --tw-scale-x: 103%; --tw-scale-y: 103%; --tw-scale-z: 103%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-115 { --tw-scale-x: 115%; --tw-scale-y: 115%; --tw-scale-z: 115%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-120 { --tw-scale-x: 120%; --tw-scale-y: 120%; --tw-scale-z: 120%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-125 { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-175 { --tw-scale-x: 175%; --tw-scale-y: 175%; --tw-scale-z: 175%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-200 { --tw-scale-x: 200%; --tw-scale-y: 200%; --tw-scale-z: 200%; scale: var(--tw-scale-x) var(--tw-scale-y) } .-scale-x-100 { --tw-scale-x: -100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-x-0 { --tw-scale-x: 0%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-x-105 { --tw-scale-x: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-x-110 { --tw-scale-x: 110%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-x-\[-1\] { --tw-scale-x: -1; scale: var(--tw-scale-x) var(--tw-scale-y) } .-scale-y-100 { --tw-scale-y: -100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-y-0 { --tw-scale-y: 0%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-y-\[-1\] { --tw-scale-y: -1; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-\[-1\] { scale: -1 } .scale-\[\.83\] { scale: .83 } .scale-\[0\.85\] { scale: .85 } .scale-\[0\.92\] { scale: .92 } .scale-\[1\.2\] { scale: 1.2 } .scale-\[1\.04\] { scale: 1.04 } .scale-\[1\.05\] { scale: 1.05 } .scale-\[1\.15\] { scale: 1.15 } .scale-\[1\.075\] { scale: 1.075 } .-rotate-1 { rotate: -1deg } .-rotate-2 { rotate: -2deg } .-rotate-3 { rotate: -3deg } .-rotate-4 { rotate: -4deg } .-rotate-7 { rotate: -7deg } .-rotate-8 { rotate: -8deg } .-rotate-12 { rotate: -12deg } .-rotate-18 { rotate: -18deg } .-rotate-45 { rotate: -45deg } .-rotate-76 { rotate: -76deg } .-rotate-90 { rotate: -90deg } .-rotate-180 { rotate: -180deg } .-rotate-\[4deg\] { rotate: -4deg } .-rotate-\[15deg\] { rotate: -15deg } .-rotate-\[30deg\] { rotate: -30deg } .-rotate-\[120deg\] { rotate: -120deg } .rotate-0 { rotate: none } .rotate-1 { rotate: 1deg } .rotate-2 { rotate: 2deg } .rotate-3 { rotate: 3deg } .rotate-4 { rotate: 4deg } .rotate-6 { rotate: 6deg } .rotate-7 { rotate: 7deg } .rotate-8 { rotate: 8deg } .rotate-12 { rotate: 12deg } .rotate-14 { rotate: 14deg } .rotate-45 { rotate: 45deg } .rotate-60 { rotate: 60deg } .rotate-65 { rotate: 65deg } .rotate-90 { rotate: 90deg } .rotate-180 { rotate: 180deg } .rotate-\[-5deg\] { rotate: -5deg } .rotate-\[-6deg\] { rotate: -6deg } .rotate-\[-7deg\] { rotate: -7deg } .rotate-\[-8deg\] { rotate: -8deg } .rotate-\[-10deg\] { rotate: -10deg } .rotate-\[-14deg\] { rotate: -14deg } .rotate-\[-15deg\] { rotate: -15deg } .rotate-\[-45deg\] { rotate: -45deg } .rotate-\[2deg\] { rotate: 2deg } .rotate-\[3\.5deg\] { rotate: 3.5deg } .rotate-\[3deg\] { rotate: 3deg } .rotate-\[4deg\] { rotate: 4deg } .rotate-\[7deg\] { rotate: 7deg } .rotate-\[8deg\] { rotate: 8deg } .rotate-\[10deg\] { rotate: 10deg } .rotate-\[14deg\] { rotate: 14deg } .rotate-\[15deg\] { rotate: 15deg } .rotate-\[17deg\] { rotate: 17deg } .rotate-\[60deg\] { rotate: 60deg } .rotate-\[135deg\] { rotate: 135deg } .rotate-\[var\(--angle\)\] { rotate: var(--angle) } .-rotate-y-180 { --tw-rotate-y: rotateY(-180deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .rotate-y-180 { --tw-rotate-y: rotateY(180deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .skew-\[-45deg\] { --tw-skew-x: skewX(-45deg); --tw-skew-y: skewY(-45deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .-skew-x-12 { --tw-skew-x: skewX(-12deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .skew-x-\[-6deg\] { --tw-skew-x: skewX(-6deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .-skew-y-12 { --tw-skew-y: skewY(-12deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .skew-y-12 { --tw-skew-y: skewY(12deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .skew-y-\[0\.5deg\] { --tw-skew-y: skewY(.5deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .\[transform\: perspective\(4000px\)_rotateX\(42deg\)_rotateY\(-20deg\)_rotateZ\(24deg\)\] { transform: perspective(4000px)rotateX(42deg)rotateY(-20deg)rotate(24deg) } .\[transform\: rotate\(48\.5deg\)_rotateY\(40deg\)_rotateX\(16deg\)_skew\(19\.2deg\)\] { transform: rotate(48.5deg)rotateY(40deg)rotateX(16deg)skew(19.2deg) } .\[transform\: rotateY\(-30deg\)_rotateX\(-18deg\)_rotate\(-4deg\)\] { transform: rotateY(-30deg)rotateX(-18deg)rotate(-4deg) } .\[transform\: rotateY\(var\(--r-x\)\)_rotateX\(var\(--r-y\)\)\] { transform: rotateY(var(--r-x)) rotateX(var(--r-y)) } .\[transform\: scale\(\.7\)_rotateX\(47deg\)_rotateY\(21deg\)_rotate\(330deg\)\] { transform: scale(.7)rotateX(47deg)rotateY(21deg)rotate(330deg) } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .transform-\[scaleX\(0\)\] { transform: scaleX(0) } .transform-gpu { transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .\!animate-none { animation: none !important } .animate-\[aurora-flow_8s_ease-in-out_infinite\] { animation: 8s ease-in-out infinite aurora-flow } .animate-\[fade-in-slide-down_0\.35s_cubic-bezier\(0\.33\,1\,0\.68\,1\)_forwards\] { animation: .35s cubic-bezier(.33, 1, .68, 1) forwards fade-in-slide-down } .animate-\[fade-in_\.35s_ease-in-out_forwards\] { animation: .35s ease-in-out forwards fade-in } .animate-\[fade-in_800ms_ease-in-out_700ms_forwards\] { animation: .8s ease-in-out .7s forwards fade-in } .animate-\[gleam-pass_2\.5s_ease-in-out_infinite\] { animation: 2.5s ease-in-out infinite gleam-pass } .animate-\[image1_15s_ease-in-out_infinite\] { animation: 15s ease-in-out infinite image1 } .animate-\[image2_15s_ease-in-out_infinite\] { animation: 15s ease-in-out infinite image2 } .animate-\[image3_15s_ease-in-out_infinite\] { animation: 15s ease-in-out infinite image3 } .animate-\[marquee-scroll-auto_24s_linear_infinite\] { animation: 24s linear infinite marquee-scroll-auto } .animate-\[moving-border-dash_4s_linear_infinite\] { animation: 4s linear infinite moving-border-dash } .animate-\[moving-border-glow_3s_ease-in-out_infinite\] { animation: 3s ease-in-out infinite moving-border-glow } .animate-\[moving-border-ping_2\.5s_cubic-bezier\(0\,0\,0\.2\,1\)_infinite\] { animation: 2.5s cubic-bezier(0, 0, .2, 1) infinite moving-border-ping } .animate-\[moving-border-ping_2\.5s_cubic-bezier\(0\,0\,0\.2\,1\)_infinite_1\.25s\] { animation: 2.5s cubic-bezier(0, 0, .2, 1) 1.25s infinite moving-border-ping } .animate-\[moving-border-pulse_2s_ease-in-out_infinite\] { animation: 2s ease-in-out infinite moving-border-pulse } .animate-\[moving-border-shimmer_2\.5s_linear_infinite\] { animation: 2.5s linear infinite moving-border-shimmer } .animate-\[moving-border-spin-reverse_4s_linear_infinite\] { animation: 4s linear infinite moving-border-spin-reverse } .animate-\[moving-border-spin_3s_linear_infinite\] { animation: 3s linear infinite moving-border-spin } .animate-\[moving-border-spin_4s_linear_infinite\] { animation: 4s linear infinite moving-border-spin } .animate-\[moving-border-spin_5s_linear_infinite\] { animation: 5s linear infinite moving-border-spin } .animate-\[moving-border-spin_6s_linear_infinite\] { animation: 6s linear infinite moving-border-spin } .animate-\[moving-border-wave_5s_linear_infinite\] { animation: 5s linear infinite moving-border-wave } .animate-\[ping_0\.6s_0\.3s_forwards\] { animation: .6s .3s forwards ping } .animate-\[shimmer-slide_3s_ease-in-out_infinite\] { animation: 3s ease-in-out infinite shimmer-slide } .animate-\[shimmer-spin_4s_linear_infinite\] { animation: 4s linear infinite shimmer-spin } .animate-\[shine-sweep_ease-in-out_infinite\] { animation: ease-in-out infinite shine-sweep } .animate-\[show-text_14s_ease-in-out_infinite_0s\] { animation: 14s ease-in-out infinite show-text } .animate-\[show-text_14s_ease-in-out_infinite_2s\] { animation: 14s ease-in-out 2s infinite show-text } .animate-\[show-text_14s_ease-in-out_infinite_4s\] { animation: 14s ease-in-out 4s infinite show-text } .animate-\[show-text_14s_ease-in-out_infinite_6s\] { animation: 14s ease-in-out 6s infinite show-text } .animate-\[show-text_14s_ease-in-out_infinite_8s\] { animation: 14s ease-in-out 8s infinite show-text } .animate-\[show-text_14s_ease-in-out_infinite_10s\] { animation: 14s ease-in-out 10s infinite show-text } .animate-\[show-text_14s_ease-in-out_infinite_12s\] { animation: 14s ease-in-out 12s infinite show-text } .animate-\[spin_15s_linear_infinite\] { animation: 15s linear infinite spin } .animate-\[transform1_15s_ease-in-out_infinite\] { animation: 15s ease-in-out infinite transform1 } .animate-\[transform2_15s_ease-in-out_infinite\] { animation: 15s ease-in-out infinite transform2 } .animate-\[transform3_15s_ease-in-out_infinite\] { animation: 15s ease-in-out infinite transform3 } .animate-\[transform4_15s_ease-in-out_infinite\] { animation: 15s ease-in-out infinite transform4 } .animate-accordion-down { animation: .2s ease-out accordion-down } .animate-accordion-up { animation: .2s ease-out accordion-up } .animate-aurora { animation: 8s ease-in-out infinite alternate aurora } .animate-aurora-background { animation: 60s linear infinite aurora-background } .animate-bounce { animation: var(--animate-bounce) } .animate-caret-blink { animation: 1.25s ease-out infinite caret-blink } .animate-fade-in { animation: .7s ease-out forwards fade-in } .animate-flip-btn { animation: 6s steps(2, end) infinite flip-btn } .animate-in { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .animate-marquee { animation: marquee var(--duration, 25s) linear infinite } .animate-marquee-vertical { animation: marquee-vertical var(--duration, 25s) linear infinite } .animate-meteor { animation: 5s linear infinite meteor } .animate-none { animation: none } .animate-none\! { animation: none !important } .animate-orbit { animation: orbit calc(var(--duration) * 1s) linear infinite } .animate-out { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .animate-ping { animation: var(--animate-ping) } .animate-progress { animation: 8s linear progress } .animate-pulse { animation: var(--animate-pulse) } .animate-rainbow { animation: rainbow var(--speed, 2s) infinite linear } .animate-ripple { animation: ripple var(--duration, 2s) ease calc(var(--i, 0) * .2s) infinite } .animate-rotate-btn { animation: 3s linear infinite both rotate-btn } .animate-shadow-ping { animation: 1.5s ease-in-out infinite shadow-ping } .animate-shimmer-slide { animation: shimmer-slide var(--speed) ease-in-out infinite alternate } .animate-slide-down { animation: .1s ease-out slideDown } .animate-slide-to-right { animation: 3s linear infinite slide-to-right } .animate-slide-to-top { animation: 3s linear infinite slide-to-top } .animate-slide-up { animation: .1s ease-out slideUp } .animate-spin { animation: var(--animate-spin) } .animate-spin-around { animation: spin-around calc(var(--speed) * 2) infinite linear } .\!cursor-col-resize { cursor: col-resize !important } .cursor-auto { cursor: auto } .cursor-cell { cursor: cell } .cursor-col-resize { cursor: col-resize } .cursor-context-menu { cursor: context-menu } .cursor-crosshair { cursor: crosshair } .cursor-default { cursor: default } .cursor-grab { cursor: grab } .cursor-grabbing { cursor: grabbing } .cursor-help { cursor: help } .cursor-not-allowed { cursor: not-allowed } .cursor-pointer { cursor: pointer } .cursor-text { cursor: text } .cursor-zoom-in { cursor: zoom-in } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ) } .touch-manipulation { touch-action: manipulation } .touch-none { touch-action: none } .resize { resize: both } .resize-none { resize: none } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness) } .snap-mandatory { --tw-scroll-snap-strictness: mandatory } .snap-center { scroll-snap-align: center } .snap-start { scroll-snap-align: start } .scroll-m-20 { scroll-margin: calc(var(--spacing) * 20) } .scroll-m-28 { scroll-margin: calc(var(--spacing) * 28) } .scroll-my-1 { scroll-margin-block: calc(var(--spacing) * 1) } .scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24) } .scroll-mt-28 { scroll-margin-top: calc(var(--spacing) * 28) } .scroll-mt-32 { scroll-margin-top: calc(var(--spacing) * 32) } .scroll-py-0 { scroll-padding-block: calc(var(--spacing) * 0) } .scroll-py-1 { scroll-padding-block: calc(var(--spacing) * 1) } .scroll-pr-\[calc\(2\*var\(--gallery-offset\)\)\] { scroll-padding-right: calc(2 * var(--gallery-offset)) } .list-inside { list-style-position: inside } .list-outside { list-style-position: outside } .list-decimal { list-style-type: decimal } .list-disc { list-style-type: disc } .list-none { list-style-type: none } .\[appearance\: textfield\] { appearance: textfield } .appearance-none { appearance: none } .columns-1 { columns: 1 } .columns-2 { columns: 2 } .break-inside-avoid { break-inside: avoid } .auto-cols-auto { grid-auto-columns: auto } .auto-cols-fr { grid-auto-columns: minmax(0, 1fr) } .grid-flow-col { grid-auto-flow: column } .auto-rows-\[140px\] { grid-auto-rows: 140px } .auto-rows-auto { grid-auto-rows: auto } .auto-rows-fr { grid-auto-rows: minmax(0, 1fr) } .auto-rows-min { grid-auto-rows: min-content } .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-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .grid-cols-14 { grid-template-columns: repeat(14, minmax(0, 1fr)) } .grid-cols-\[0\.65fr_1fr\] { grid-template-columns: .65fr 1fr } .grid-cols-\[1fr_1fr\] { grid-template-columns: 1fr 1fr } .grid-cols-\[1fr_2fr_1fr\] { grid-template-columns: 1fr 2fr 1fr } .grid-cols-\[1fr_4fr_1fr\] { grid-template-columns: 1fr 4fr 1fr } .grid-cols-\[1fr_6fr_1fr\] { grid-template-columns: 1fr 6fr 1fr } .grid-cols-\[1fr_10fr_1fr\] { grid-template-columns: 1fr 10fr 1fr } .grid-cols-\[1fr_240px\] { grid-template-columns: 1fr 240px } .grid-cols-\[1fr_300px\] { grid-template-columns: 1fr 300px } .grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr } .grid-cols-\[1fr_auto_auto\] { grid-template-columns: 1fr auto auto } .grid-cols-\[1fr_auto_auto_auto\] { grid-template-columns: 1fr auto auto auto } .grid-cols-\[2fr_1fr\] { grid-template-columns: 2fr 1fr } .grid-cols-\[2fr_1fr_1fr\] { grid-template-columns: 2fr 1fr 1fr } .grid-cols-\[4\.8rem_5\.625rem_10\.75rem\] { grid-template-columns: 4.8rem 5.625rem 10.75rem } .grid-cols-\[14\.7\%_47\.29\%_14\.7\%_14\.7\%\] { grid-template-columns: 14.7% 47.29% 14.7% 14.7% } .grid-cols-\[18\.75rem_25rem\] { grid-template-columns: 18.75rem 25rem } .grid-cols-\[22\.5rem_1fr\] { grid-template-columns: 22.5rem 1fr } .grid-cols-\[64px_1fr\] { grid-template-columns: 64px 1fr } .grid-cols-\[79\%_17\%\] { grid-template-columns: 79% 17% } .grid-cols-\[400px\,300px\] { grid-template-columns: 400px, 300px } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr } .grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto } .grid-cols-\[auto_1fr_auto_auto_auto_auto\] { grid-template-columns: auto 1fr auto auto auto auto } .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] { grid-template-columns: auto minmax(0, 1fr) auto } .grid-cols-\[auto_repeat\(4\,1fr\)\] { grid-template-columns: auto repeat(4, 1fr) } .grid-cols-\[minmax\(0\,1fr\)_110px_78px\] { grid-template-columns: minmax(0, 1fr) 110px 78px } .grid-cols-\[minmax\(0\,4\.125rem\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 4.125rem) minmax(0, 1fr) } .grid-cols-\[minmax\(18\.75rem\,1fr\)\] { grid-template-columns: minmax(18.75rem, 1fr) } .grid-cols-\[repeat\(1\,1fr\)\] { grid-template-columns: repeat(1, 1fr) } .grid-cols-\[repeat\(2\,10\.375rem\)\] { grid-template-columns: repeat(2, 10.375rem) } .grid-cols-\[repeat\(2\,_auto\)\] { grid-template-columns: repeat(2, auto) } .grid-cols-\[repeat\(2\,minmax\(50px\,1fr\)\)\] { grid-template-columns: repeat(2, minmax(50px, 1fr)) } .grid-cols-\[repeat\(2\,minmax\(auto\,15rem\)\)\] { grid-template-columns: repeat(2, minmax(auto, 15rem)) } .grid-cols-\[repeat\(auto-fit\,_minmax\(12\.5rem\,_1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)) } .grid-cols-\[…\] { grid-template-columns: … } .grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) } .grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) } .grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)) } .grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)) } .grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)) } .grid-rows-\[1fr_2fr_1fr\] { grid-template-rows: 1fr 2fr 1fr } .grid-rows-\[1fr_2fr_1fr_7fr\] { grid-template-rows: 1fr 2fr 1fr 7fr } .grid-rows-\[1fr_4fr_1fr\] { grid-template-rows: 1fr 4fr 1fr } .grid-rows-\[2\.4375rem_7\.18rem_3\.187rem_7\.125rem_3\.75rem_4\.625rem\] { grid-template-rows: 2.4375rem 7.18rem 3.187rem 7.125rem 3.75rem 4.625rem } .grid-rows-\[2fr_10fr_2fr\] { grid-template-rows: 2fr 10fr 2fr } .grid-rows-\[9\.3rem_8\.68rem_1\.125rem_3\.875rem\] { grid-template-rows: 9.3rem 8.68rem 1.125rem 3.875rem } .grid-rows-\[18\.75rem_13\.125rem_10rem\] { grid-template-rows: 18.75rem 13.125rem 10rem } .grid-rows-\[34\.7\%_26\.28\%_34\.7\%\] { grid-template-rows: 34.7% 26.28% 34.7% } .grid-rows-\[auto\] { grid-template-rows: auto } .grid-rows-\[auto_1fr\] { grid-template-rows: auto 1fr } .grid-rows-\[auto_1fr_auto\] { grid-template-rows: auto 1fr auto } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto } .grid-rows-\[auto_auto_1fr_auto\] { grid-template-rows: auto auto 1fr auto } .grid-rows-\[repeat\(3\,_auto\)\] { grid-template-rows: repeat(3, auto) } .grid-rows-\[…\] { grid-template-rows: … } .\!flex-col { flex-direction: column !important } .flex-col { flex-direction: column } .flex-col-reverse { flex-direction: column-reverse } .flex-row { flex-direction: row } .flex-row-reverse { flex-direction: row-reverse } .flex-nowrap { flex-wrap: nowrap } .flex-wrap { flex-wrap: wrap } .flex-wrap-reverse { flex-wrap: wrap-reverse } .place-content-center { place-content: center } .place-content-end { place-content: end } .place-items-center { place-items: center } .place-items-start { place-items: start } .content-center { align-content: center } .content-start { align-content: flex-start } .\!items-start { align-items: flex-start !important } .items-baseline { align-items: baseline } .items-center { align-items: center } .items-end { align-items: flex-end } .items-start { align-items: flex-start } .items-stretch { align-items: stretch } .\!justify-start { justify-content: flex-start !important } .justify-around { justify-content: space-around } .justify-between { justify-content: space-between } .justify-between\! { justify-content: space-between !important } .justify-center { justify-content: center } .justify-end { justify-content: flex-end } .justify-evenly { justify-content: space-evenly } .justify-normal { justify-content: normal } .justify-normal\! { justify-content: normal !important } .justify-start { justify-content: flex-start } .justify-items-center { justify-items: center } .justify-items-start { justify-items: start } .\!gap-0 { gap: calc(var(--spacing) * 0) !important } .\!gap-px { gap: 1px !important } .\[gap\: var\(--gap\)\], .gap-\(--gap\) { gap: var(--gap) } .gap-0 { gap: calc(var(--spacing) * 0) } .gap-0\! { gap: calc(var(--spacing) * 0) !important } .gap-0\.5 { gap: calc(var(--spacing) * .5) } .gap-0\.75 { gap: calc(var(--spacing) * .75) } .gap-1 { gap: calc(var(--spacing) * 1) } .gap-1\! { gap: calc(var(--spacing) * 1) !important } .gap-1\.5 { gap: calc(var(--spacing) * 1.5) } .gap-1\.25 { gap: calc(var(--spacing) * 1.25) } .gap-1\.75 { gap: calc(var(--spacing) * 1.75) } .gap-2 { gap: calc(var(--spacing) * 2) } .gap-2\.5 { gap: calc(var(--spacing) * 2.5) } .gap-2\.25 { gap: calc(var(--spacing) * 2.25) } .gap-3 { gap: calc(var(--spacing) * 3) } .gap-3\.5 { gap: calc(var(--spacing) * 3.5) } .gap-3\.75 { gap: calc(var(--spacing) * 3.75) } .gap-4 { gap: calc(var(--spacing) * 4) } .gap-4\! { gap: calc(var(--spacing) * 4) !important } .gap-4\.5 { gap: calc(var(--spacing) * 4.5) } .gap-5 { gap: calc(var(--spacing) * 5) } .gap-5\.5 { gap: calc(var(--spacing) * 5.5) } .gap-6 { gap: calc(var(--spacing) * 6) } .gap-6\.5 { gap: calc(var(--spacing) * 6.5) } .gap-7 { gap: calc(var(--spacing) * 7) } .gap-7\.5 { gap: calc(var(--spacing) * 7.5) } .gap-8 { gap: calc(var(--spacing) * 8) } .gap-8\.5 { gap: calc(var(--spacing) * 8.5) } .gap-9 { gap: calc(var(--spacing) * 9) } .gap-9\.5 { gap: calc(var(--spacing) * 9.5) } .gap-10 { gap: calc(var(--spacing) * 10) } .gap-11 { gap: calc(var(--spacing) * 11) } .gap-12 { gap: calc(var(--spacing) * 12) } .gap-12\.5 { gap: calc(var(--spacing) * 12.5) } .gap-13 { gap: calc(var(--spacing) * 13) } .gap-14 { gap: calc(var(--spacing) * 14) } .gap-15 { gap: calc(var(--spacing) * 15) } .gap-16 { gap: calc(var(--spacing) * 16) } .gap-17\.5 { gap: calc(var(--spacing) * 17.5) } .gap-17\.75 { gap: calc(var(--spacing) * 17.75) } .gap-18 { gap: calc(var(--spacing) * 18) } .gap-20 { gap: calc(var(--spacing) * 20) } .gap-24 { gap: calc(var(--spacing) * 24) } .gap-25 { gap: calc(var(--spacing) * 25) } .gap-28 { gap: calc(var(--spacing) * 28) } .gap-30 { gap: calc(var(--spacing) * 30) } .gap-32 { gap: calc(var(--spacing) * 32) } .gap-40 { gap: calc(var(--spacing) * 40) } .gap-60 { gap: calc(var(--spacing) * 60) } .gap-64 { gap: calc(var(--spacing) * 64) } .gap-\[--spacing\(var\(--gap\)\)\] { gap: calc(var(--spacing) * var(--gap)) } .gap-\[\.4rem\] { gap: .4rem } .gap-\[0\.375rem\] { gap: .375rem } .gap-\[0\.625rem\] { gap: .625rem } .gap-\[1\%\] { gap: 1% } .gap-\[1\.5\%\] { gap: 1.5% } .gap-\[1\.875rem\] { gap: 1.875rem } .gap-\[2\%\] { gap: 2% } .gap-\[2\.8\%\] { gap: 2.8% } .gap-\[2\.25rem\] { gap: 2.25rem } .gap-\[2px\] { gap: 2px } .gap-\[3\%\] { gap: 3% } .gap-\[3\.5\%\] { gap: 3.5% } .gap-\[3\.125rem\] { gap: 3.125rem } .gap-\[3px\] { gap: 3px } .gap-\[5\%\] { gap: 5% } .gap-\[5\.625rem\] { gap: 5.625rem } .gap-\[8px\] { gap: 8px } .gap-\[10px\] { gap: 10px } .gap-\[10vw\] { gap: 10vw } .gap-\[32px\] { gap: 32px } .gap-px { gap: 1px } :where(.-space-y-1>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * -1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-y-reverse))) } :where(.-space-y-px>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(-1px * var(--tw-space-y-reverse)); margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-0>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-0\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-1>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-1\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-2>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-2\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-3>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-3\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-3\.25>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.25) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.25) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-3\.75>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.75) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.75) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-4>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-4\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4.5) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-5\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5.5) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-6>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-7>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-7\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 7.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 7.5) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-8>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-9>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-10>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-12>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-13>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 13) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 13) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-14>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-15>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 15) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 15) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-16>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-20>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-\[0\.6cqh\]>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(.6cqh * var(--tw-space-y-reverse)); margin-block-end: calc(.6cqh * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-\[1cqh\]>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(1cqh * var(--tw-space-y-reverse)); margin-block-end: calc(1cqh * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-\[10px\]>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(10px * var(--tw-space-y-reverse)); margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse))) } .gap-x-0 { column-gap: calc(var(--spacing) * 0) } .gap-x-0\.5 { column-gap: calc(var(--spacing) * .5) } .gap-x-1 { column-gap: calc(var(--spacing) * 1) } .gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5) } .gap-x-2 { column-gap: calc(var(--spacing) * 2) } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5) } .gap-x-3 { column-gap: calc(var(--spacing) * 3) } .gap-x-4 { column-gap: calc(var(--spacing) * 4) } .gap-x-5 { column-gap: calc(var(--spacing) * 5) } .gap-x-6 { column-gap: calc(var(--spacing) * 6) } .gap-x-7 { column-gap: calc(var(--spacing) * 7) } .gap-x-7\.5 { column-gap: calc(var(--spacing) * 7.5) } .gap-x-8 { column-gap: calc(var(--spacing) * 8) } .gap-x-10 { column-gap: calc(var(--spacing) * 10) } .gap-x-12 { column-gap: calc(var(--spacing) * 12) } .gap-x-12\.5 { column-gap: calc(var(--spacing) * 12.5) } .gap-x-14 { column-gap: calc(var(--spacing) * 14) } .gap-x-16 { column-gap: calc(var(--spacing) * 16) } .gap-x-20 { column-gap: calc(var(--spacing) * 20) } .gap-x-22 { column-gap: calc(var(--spacing) * 22) } .gap-x-24 { column-gap: calc(var(--spacing) * 24) } .gap-x-25 { column-gap: calc(var(--spacing) * 25) } .gap-x-28 { column-gap: calc(var(--spacing) * 28) } .gap-x-32 { column-gap: calc(var(--spacing) * 32) } .gap-x-\[2\.85\%\] { column-gap: 2.85% } :where(.-space-x-0\.5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -.5) * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-1>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-1\.5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-2>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-2\.5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2.5) * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-3>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-4>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -4) * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -5) * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-6>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -6) * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-8>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -8) * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-\[0\.9cqw\]>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(-.9cqw * var(--tw-space-x-reverse)); margin-inline-end: calc(-.9cqw * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-\[0\.875rem\]>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(-.875rem * var(--tw-space-x-reverse)); margin-inline-end: calc(-.875rem * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-\[10\%\]>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(-10% * var(--tw-space-x-reverse)); margin-inline-end: calc(-10% * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-\[14px\]>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(-14px * var(--tw-space-x-reverse)); margin-inline-end: calc(-14px * calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-px>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(-1px * var(--tw-space-x-reverse)); margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-0>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-1>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-2>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-2\.5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-3>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-4>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-6>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-8>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-12>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-\[1\.5cqw\]>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(1.5cqw * var(--tw-space-x-reverse)); margin-inline-end: calc(1.5cqw * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-\[8cqw\]>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(8cqw * var(--tw-space-x-reverse)); margin-inline-end: calc(8cqw * calc(1 - var(--tw-space-x-reverse))) } .gap-y-0 { row-gap: calc(var(--spacing) * 0) } .gap-y-0\.5 { row-gap: calc(var(--spacing) * .5) } .gap-y-1 { row-gap: calc(var(--spacing) * 1) } .gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5) } .gap-y-2 { row-gap: calc(var(--spacing) * 2) } .gap-y-2\.5 { row-gap: calc(var(--spacing) * 2.5) } .gap-y-3 { row-gap: calc(var(--spacing) * 3) } .gap-y-4 { row-gap: calc(var(--spacing) * 4) } .gap-y-5 { row-gap: calc(var(--spacing) * 5) } .gap-y-6 { row-gap: calc(var(--spacing) * 6) } .gap-y-7 { row-gap: calc(var(--spacing) * 7) } .gap-y-8 { row-gap: calc(var(--spacing) * 8) } .gap-y-10 { row-gap: calc(var(--spacing) * 10) } .gap-y-12 { row-gap: calc(var(--spacing) * 12) } .gap-y-13 { row-gap: calc(var(--spacing) * 13) } .gap-y-14 { row-gap: calc(var(--spacing) * 14) } .gap-y-16 { row-gap: calc(var(--spacing) * 16) } .gap-y-20 { row-gap: calc(var(--spacing) * 20) } .gap-y-24 { row-gap: calc(var(--spacing) * 24) } .gap-y-32 { row-gap: calc(var(--spacing) * 32) } .gap-y-\[1\.375rem\] { row-gap: 1.375rem } .gap-y-\[2\.32\%\] { row-gap: 2.32% } :where(.divide-x>:not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) } : where(.divide-x-0>:not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(0px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))) } : where(.divide-y>:not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) } :where(.divide-border>:not(:last-child)), :where(.divide-border\/40>:not(:last-child)) { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/40>:not(:last-child)) { border-color: color-mix(in oklab, var(--border) 40%, transparent) } } :where(.divide-border\/50>:not(:last-child)) { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/50>:not(:last-child)) { border-color: color-mix(in oklab, var(--border) 50%, transparent) } } :where(.divide-border\/60>:not(:last-child)) { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/60>:not(:last-child)) { border-color: color-mix(in oklab, var(--border) 60%, transparent) } } :where(.divide-border\/80>:not(:last-child)) { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/80>:not(:last-child)) { border-color: color-mix(in oklab, var(--border) 80%, transparent) } } :where(.divide-gray-900\/10>:not(:last-child)) { border-color: #1018281a } @supports (color: color-mix(in lab, red, red)) { :where(.divide-gray-900\/10>:not(:last-child)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent) } } :where(.divide-zinc-800>:not(:last-child)) { border-color: var(--color-zinc-800) } .place-self-center { place-self: center } .place-self-end { place-self: end } .place-self-start { place-self: start } .self-center { align-self: center } .self-end { align-self: flex-end } .self-start { align-self: flex-start } .self-stretch { align-self: stretch } .justify-self-center { justify-self: center } .justify-self-end { justify-self: flex-end } .justify-self-start { justify-self: flex-start } .justify-self-stretch { justify-self: stretch } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .overflow-auto { overflow: auto } .overflow-clip { overflow: clip } .overflow-hidden { overflow: hidden } .overflow-scroll { overflow: scroll } .overflow-visible { overflow: visible } .overflow-visible\! { overflow: visible !important } .overflow-x-auto { overflow-x: auto } .overflow-x-clip { overflow-x: clip } .overflow-x-hidden { overflow-x: hidden } .overflow-x-scroll { overflow-x: scroll } .overflow-x-visible { overflow-x: visible } .overflow-y-auto { overflow-y: auto } .overflow-y-clip { overflow-y: clip } .overflow-y-hidden { overflow-y: hidden } .overflow-y-visible { overflow-y: visible } .overscroll-contain { overscroll-behavior: contain } .overscroll-x-contain { overscroll-behavior-x: contain } .overscroll-x-none { overscroll-behavior-x: none } .overscroll-y-contain { overscroll-behavior-y: contain } .scroll-smooth { scroll-behavior: smooth } .\!rounded-2xl { border-radius: var(--radius-2xl) !important } .\!rounded-full { border-radius: 3.40282e38px !important } .\!rounded-lg { border-radius: var(--radius) !important } .\!rounded-md { border-radius: calc(var(--radius) - 2px) !important } .\!rounded-none { border-radius: 0 !important } .\!rounded-xl { border-radius: calc(var(--radius) + 4px) !important } .\[border-radius\: 0\] { border-radius: 0 } .\[border-radius\: var\(--radius\)\] { border-radius: var(--radius) } .rounded { border-radius: .25rem } .rounded-\(--cell-radius\) { border-radius: var(--cell-radius) } .rounded-2xl { border-radius: var(--radius-2xl) } .rounded-3xl { border-radius: var(--radius-3xl) } .rounded-4xl { border-radius: var(--radius-4xl) } .rounded-4xl\! { border-radius: var(--radius-4xl) !important } .rounded-\[\.5rem\] { border-radius: .5rem } .rounded-\[\.375rem\] { border-radius: .375rem } .rounded-\[0\.5rem\] { border-radius: .5rem } .rounded-\[0\.25rem\] { border-radius: .25rem } .rounded-\[0\.75rem\] { border-radius: .75rem } .rounded-\[0\.375rem\] { border-radius: .375rem } .rounded-\[0\.625rem\] { border-radius: .625rem } .rounded-\[0\.875rem\] { border-radius: .875rem } .rounded-\[1\.5rem\] { border-radius: 1.5rem } .rounded-\[1\.15rem\] { border-radius: 1.15rem } .rounded-\[1\.22\%\/2\.01\%\] { border-radius: 1.22%/2.01% } .rounded-\[1\.25rem\] { border-radius: 1.25rem } .rounded-\[1\.35rem\] { border-radius: 1.35rem } .rounded-\[1\.75rem\] { border-radius: 1.75rem } .rounded-\[1px\] { border-radius: 1px } .rounded-\[1rem\] { border-radius: 1rem } .rounded-\[2\.5rem\] { border-radius: 2.5rem } .rounded-\[2px\] { border-radius: 2px } .rounded-\[2rem\] { border-radius: 2rem } .rounded-\[2vw\] { border-radius: 2vw } .rounded-\[3px\] { border-radius: 3px } .rounded-\[4\%\/8\%\] { border-radius: 4%/8% } .rounded-\[4px\] { border-radius: 4px } .rounded-\[4rem\] { border-radius: 4rem } .rounded-\[5\.2\%\] { border-radius: 5.2% } .rounded-\[5rem\] { border-radius: 5rem } .rounded-\[6px\] { border-radius: 6px } .rounded-\[7px\] { border-radius: 7px } .rounded-\[10px\] { border-radius: 10px } .rounded-\[15px\] { border-radius: 15px } .rounded-\[16\%\] { border-radius: 16% } .rounded-\[18\%\] { border-radius: 18% } .rounded-\[18px\] { border-radius: 18px } .rounded-\[20\%\] { border-radius: 20% } .rounded-\[20px\] { border-radius: 20px } .rounded-\[22px\] { border-radius: 22px } .rounded-\[24px\] { border-radius: 24px } .rounded-\[26px\] { border-radius: 26px } .rounded-\[28px\] { border-radius: 28px } .rounded-\[30px\] { border-radius: 30px } .rounded-\[31px\] { border-radius: 31px } .rounded-\[34px\] { border-radius: 34px } .rounded-\[35px\] { border-radius: 35px } .rounded-\[36px\] { border-radius: 36px } .rounded-\[40px\] { border-radius: 40px } .rounded-\[50\%\] { border-radius: 50% } .rounded-\[50px\] { border-radius: 50px } .rounded-\[55\.75px\] { border-radius: 55.75px } .rounded-\[75px\] { border-radius: 75px } .rounded-\[100\%\] { border-radius: 100% } .rounded-\[calc\(0\.375rem-1px\)\] { border-radius: calc(.375rem - 1px) } .rounded-\[calc\(var\(--radius\)-3px\)\] { border-radius: calc(var(--radius) - 3px) } .rounded-\[calc\(var\(--radius\)-5px\)\] { border-radius: calc(var(--radius) - 5px) } .rounded-\[calc\(var\(--radius-lg\)-1px\)\] { border-radius: calc(var(--radius-lg) - 1px) } .rounded-\[calc\(var\(--radius-md\)-2px\)\] { border-radius: calc(var(--radius-md) - 2px) } .rounded-\[calc\(var\(--radius-sm\)\+2px\)\] { border-radius: calc(var(--radius-sm) + 2px) } .rounded-\[calc\(var\(--radius-sm\)-2px\)\] { border-radius: calc(var(--radius-sm) - 2px) } .rounded-\[inherit\] { border-radius: inherit } .rounded-\[min\(var\(--radius-2xl\)\,12px\)\] { border-radius: min(var(--radius-2xl), 12px) } .rounded-\[min\(var\(--radius-md\)\,8px\)\] { border-radius: min(var(--radius-md), 8px) } .rounded-\[min\(var\(--radius-md\)\,10px\)\] { border-radius: min(var(--radius-md), 10px) } .rounded-\[min\(var\(--radius-md\)\,12px\)\] { border-radius: min(var(--radius-md), 12px) } .rounded-\[var\(--radius\)\] { border-radius: var(--radius) } .rounded-full { border-radius: 3.40282e38px } .rounded-full\! { border-radius: 3.40282e38px !important } .rounded-lg { border-radius: var(--radius) } .rounded-lg\! { border-radius: var(--radius) !important } .rounded-md { border-radius: calc(var(--radius) - 2px) } .rounded-md\! { border-radius: calc(var(--radius) - 2px) !important } .rounded-none { border-radius: 0 } .rounded-none\! { border-radius: 0 !important } .rounded-sm { border-radius: calc(var(--radius) - 4px) } .rounded-xl { border-radius: calc(var(--radius) + 4px) } .rounded-xl\! { border-radius: calc(var(--radius) + 4px) !important } .rounded-xs { border-radius: calc(var(--radius) - 6px) } .rounded-ss-2xl { border-start-start-radius: var(--radius-2xl) } .rounded-ss-lg { border-start-start-radius: var(--radius) } .rounded-t { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl) } .rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-top-right-radius: var(--radius-3xl) } .rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl) } .rounded-t-\[20\%\] { border-top-left-radius: 20%; border-top-right-radius: 20% } .rounded-t-\[20px\] { border-top-left-radius: 20px; border-top-right-radius: 20px } .rounded-t-\[28px\] { border-top-left-radius: 28px; border-top-right-radius: 28px } .rounded-t-\[32px\] { border-top-left-radius: 32px; border-top-right-radius: 32px } .rounded-t-\[36px\] { border-top-left-radius: 36px; border-top-right-radius: 36px } .rounded-t-lg { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius) } .rounded-t-md { border-top-left-radius: calc(var(--radius) - 2px); border-top-right-radius: calc(var(--radius) - 2px) } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0 } .rounded-t-sm { border-top-left-radius: calc(var(--radius) - 4px); border-top-right-radius: calc(var(--radius) - 4px) } .rounded-t-xl { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px) } .\!rounded-l-none { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important } .rounded-l-\(--cell-radius\) { border-top-left-radius: var(--cell-radius); border-bottom-left-radius: var(--cell-radius) } .rounded-l-2xl { border-top-left-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl) } .rounded-l-full { border-top-left-radius: 3.40282e38px; border-bottom-left-radius: 3.40282e38px } .rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px) } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0 } .rounded-l-none\! { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important } .rounded-l-sm { border-top-left-radius: calc(var(--radius) - 4px); border-bottom-left-radius: calc(var(--radius) - 4px) } .rounded-l-xl { border-top-left-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px) } .rounded-tl { border-top-left-radius: .25rem } .rounded-tl-2xl { border-top-left-radius: var(--radius-2xl) } .rounded-tl-4xl { border-top-left-radius: var(--radius-4xl) } .rounded-tl-\[0\.5rem\] { border-top-left-radius: .5rem } .rounded-tl-\[0\.75rem\] { border-top-left-radius: .75rem } .rounded-tl-\[0\.625rem\] { border-top-left-radius: .625rem } .rounded-tl-\[36px\] { border-top-left-radius: 36px } .rounded-tl-lg { border-top-left-radius: var(--radius) } .rounded-tl-md { border-top-left-radius: calc(var(--radius) - 2px) } .rounded-tl-none { border-top-left-radius: 0 } .rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px) } .rounded-tl-xl { border-top-left-radius: calc(var(--radius) + 4px) } .\!rounded-r-none { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important } .rounded-r-\(--cell-radius\) { border-top-right-radius: var(--cell-radius); border-bottom-right-radius: var(--cell-radius) } .rounded-r-full { border-top-right-radius: 3.40282e38px; border-bottom-right-radius: 3.40282e38px } .rounded-r-lg { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius) } .rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px) } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0 } .rounded-r-none\! { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important } .rounded-r-sm { border-top-right-radius: calc(var(--radius) - 4px); border-bottom-right-radius: calc(var(--radius) - 4px) } .rounded-tr-2xl { border-top-right-radius: var(--radius-2xl) } .rounded-tr-4xl { border-top-right-radius: var(--radius-4xl) } .rounded-tr-\[0\.75rem\] { border-top-right-radius: .75rem } .rounded-tr-\[36px\] { border-top-right-radius: 36px } .rounded-tr-lg { border-top-right-radius: var(--radius) } .rounded-tr-md { border-top-right-radius: calc(var(--radius) - 2px) } .rounded-tr-xl { border-top-right-radius: calc(var(--radius) + 4px) } .rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl) } .rounded-b-\[20px\] { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px } .rounded-b-\[36px\] { border-bottom-right-radius: 36px; border-bottom-left-radius: 36px } .rounded-b-lg { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius) } .rounded-b-md { border-bottom-right-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px) } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .rounded-b-xl { border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px) } .rounded-br-2xl { border-bottom-right-radius: var(--radius-2xl) } .rounded-br-\[36px\] { border-bottom-right-radius: 36px } .rounded-br-md { border-bottom-right-radius: calc(var(--radius) - 2px) } .rounded-br-none { border-bottom-right-radius: 0 } .rounded-br-sm { border-bottom-right-radius: calc(var(--radius) - 4px) } .rounded-bl-\[0\.5rem\] { border-bottom-left-radius: .5rem } .rounded-bl-\[0\.625rem\] { border-bottom-left-radius: .625rem } .rounded-bl-\[1\.875rem\] { border-bottom-left-radius: 1.875rem } .rounded-bl-\[36px\] { border-bottom-left-radius: 36px } .rounded-bl-lg { border-bottom-left-radius: var(--radius) } .rounded-bl-md { border-bottom-left-radius: calc(var(--radius) - 2px) } .\!border { border-style: var(--tw-border-style) !important; border-width: 1px !important } .\!border-0 { border-style: var(--tw-border-style) !important; border-width: 0 !important } .border { border-style: var(--tw-border-style); border-width: 1px } .border-0 { border-style: var(--tw-border-style); border-width: 0 } .border-0\! { border-style: var(--tw-border-style) !important; border-width: 0 !important } .border-1 { border-style: var(--tw-border-style); border-width: 1px } .border-2 { border-style: var(--tw-border-style); border-width: 2px } .border-3 { border-style: var(--tw-border-style); border-width: 3px } .border-4 { border-style: var(--tw-border-style); border-width: 4px } .border-5 { border-style: var(--tw-border-style); border-width: 5px } .border-8 { border-style: var(--tw-border-style); border-width: 8px } .border-10 { border-style: var(--tw-border-style); border-width: 10px } .border-\[0\.5px\] { border-style: var(--tw-border-style); border-width: .5px } .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px } .border-\[3px\] { border-style: var(--tw-border-style); border-width: 3px } .border-\[5px\] { border-style: var(--tw-border-style); border-width: 5px } .border-\[16px\] { border-style: var(--tw-border-style); border-width: 16px } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px } .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0 } .border-x-0\! { border-inline-style: var(--tw-border-style) !important; border-inline-width: 0 !important } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px } .border-y-0 { border-block-style: var(--tw-border-style); border-block-width: 0 } .border-y-2 { border-block-style: var(--tw-border-style); border-block-width: 2px } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0 } .border-t-1 { border-top-style: var(--tw-border-style); border-top-width: 1px } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px } .border-t-3 { border-top-style: var(--tw-border-style); border-top-width: 3px } .border-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px } .\!border-r { border-right-style: var(--tw-border-style) !important; border-right-width: 1px !important } .\!border-r-0 { border-right-style: var(--tw-border-style) !important; border-right-width: 0 !important } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0 } .border-r-0\! { border-right-style: var(--tw-border-style) !important; border-right-width: 0 !important } .border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px } .border-r-\[0\.5px\] { border-right-style: var(--tw-border-style); border-right-width: .5px } .border-r-\[1px\] { border-right-style: var(--tw-border-style); border-right-width: 1px } .\!border-b, .\!border-b-1 { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important } .\!border-b-\[0\.5px\] { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: .5px !important } .\!border-b-\[1px\] { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px } .border-b-\[0\.5px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: .5px } .border-b-\[1px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px } .border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0 } .border-l-1 { border-left-style: var(--tw-border-style); border-left-width: 1px } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px } .border-l-3 { border-left-style: var(--tw-border-style); border-left-width: 3px } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px } .border-l-\[3px\] { border-left-style: var(--tw-border-style); border-left-width: 3px } .\!border-none { --tw-border-style: none !important; border-style: none !important } .border-dashed { --tw-border-style: dashed; border-style: dashed } .border-dotted { --tw-border-style: dotted; border-style: dotted } .border-hidden { --tw-border-style: hidden; border-style: hidden } .border-none { --tw-border-style: none; border-style: none } .border-none\! { --tw-border-style: none !important; border-style: none !important } .border-solid { --tw-border-style: solid; border-style: solid } .\!border-border { border-color: var(--border) !important } .\!border-primary-foreground\/20 { border-color: var(--primary-foreground) !important } @supports (color: color-mix(in lab, red, red)) { .\!border-primary-foreground\/20 { border-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent) !important } } .border-\(--color-border\) { border-color: var(--color-border) } .border-\[\#6C6C6C\] { border-color: #6c6c6c } .border-\[\#8b8b8b\] { border-color: #8b8b8b } .border-\[\#cecece\] { border-color: #cecece } .border-\[\#eaeaea\] { border-color: #eaeaea } .border-\[hsl\(var\(--color-accent-foreground\)\)\] { border-color: hsl(var(--color-accent-foreground)) } .border-\[var\(--chart-1\)\] { border-color: var(--chart-1) } .border-\[var\(--chart-2\)\] { border-color: var(--chart-2) } .border-\[var\(--chart-3\)\] { border-color: var(--chart-3) } .border-amber-200 { border-color: var(--color-amber-200) } .border-amber-200\/50 { border-color: #fee68580 } @supports (color: color-mix(in lab, red, red)) { .border-amber-200\/50 { border-color: color-mix(in oklab, var(--color-amber-200) 50%, transparent) } } .border-amber-200\/60 { border-color: #fee68599 } @supports (color: color-mix(in lab, red, red)) { .border-amber-200\/60 { border-color: color-mix(in oklab, var(--color-amber-200) 60%, transparent) } } .border-amber-400\/60 { border-color: #fcbb0099 } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/60 { border-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent) } } .border-amber-500 { border-color: var(--color-amber-500) } .border-amber-500\/25 { border-color: #f99c0040 } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/25 { border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent) } } .border-amber-500\/30 { border-color: #f99c004d } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/30 { border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent) } } .border-amber-500\/50 { border-color: #f99c0080 } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/50 { border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent) } } .border-amber-600\/80 { border-color: #dd7400cc } @supports (color: color-mix(in lab, red, red)) { .border-amber-600\/80 { border-color: color-mix(in oklab, var(--color-amber-600) 80%, transparent) } } .border-background, .border-background\/15 { border-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .border-background\/15 { border-color: color-mix(in oklab, var(--background) 15%, transparent) } } .border-background\/20 { border-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .border-background\/20 { border-color: color-mix(in oklab, var(--background) 20%, transparent) } } .border-background\/25 { border-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .border-background\/25 { border-color: color-mix(in oklab, var(--background) 25%, transparent) } } .border-background\/30 { border-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .border-background\/30 { border-color: color-mix(in oklab, var(--background) 30%, transparent) } } .border-background\/40 { border-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .border-background\/40 { border-color: color-mix(in oklab, var(--background) 40%, transparent) } } .border-background\/50 { border-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .border-background\/50 { border-color: color-mix(in oklab, var(--background) 50%, transparent) } } .border-background\/80 { border-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .border-background\/80 { border-color: color-mix(in oklab, var(--background) 80%, transparent) } } .border-black { border-color: var(--color-black) } .border-black\/5 { border-color: #0000000d } @supports (color: color-mix(in lab, red, red)) { .border-black\/5 { border-color: color-mix(in oklab, var(--color-black) 5%, transparent) } } .border-black\/10 { border-color: #0000001a } @supports (color: color-mix(in lab, red, red)) { .border-black\/10 { border-color: color-mix(in oklab, var(--color-black) 10%, transparent) } } .border-black\/20 { border-color: #0003 } @supports (color: color-mix(in lab, red, red)) { .border-black\/20 { border-color: color-mix(in oklab, var(--color-black) 20%, transparent) } } .border-black\/50 { border-color: #00000080 } @supports (color: color-mix(in lab, red, red)) { .border-black\/50 { border-color: color-mix(in oklab, var(--color-black) 50%, transparent) } } .border-blue-200 { border-color: var(--color-blue-200) } .border-blue-500 { border-color: var(--color-blue-500) } .border-blue-500\/10 { border-color: #3080ff1a } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/10 { border-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent) } } .border-blue-600\/80 { border-color: #155dfccc } @supports (color: color-mix(in lab, red, red)) { .border-blue-600\/80 { border-color: color-mix(in oklab, var(--color-blue-600) 80%, transparent) } } .border-border, .border-border\/10 { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-border\/10 { border-color: color-mix(in oklab, var(--border) 10%, transparent) } } .border-border\/20 { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-border\/20 { border-color: color-mix(in oklab, var(--border) 20%, transparent) } } .border-border\/30 { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-border\/30 { border-color: color-mix(in oklab, var(--border) 30%, transparent) } } .border-border\/40 { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-border\/40 { border-color: color-mix(in oklab, var(--border) 40%, transparent) } } .border-border\/50 { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-border\/50 { border-color: color-mix(in oklab, var(--border) 50%, transparent) } } .border-border\/60 { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-border\/60 { border-color: color-mix(in oklab, var(--border) 60%, transparent) } } .border-border\/70 { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-border\/70 { border-color: color-mix(in oklab, var(--border) 70%, transparent) } } .border-border\/80 { border-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-border\/80 { border-color: color-mix(in oklab, var(--border) 80%, transparent) } } .border-card { border-color: var(--card) } .border-chart-1, .border-chart-1\/10 { border-color: var(--chart-1) } @supports (color: color-mix(in lab, red, red)) { .border-chart-1\/10 { border-color: color-mix(in oklab, var(--chart-1) 10%, transparent) } } .border-chart-1\/50 { border-color: var(--chart-1) } @supports (color: color-mix(in lab, red, red)) { .border-chart-1\/50 { border-color: color-mix(in oklab, var(--chart-1) 50%, transparent) } } .border-cyan-500 { border-color: var(--color-cyan-500) } .border-destructive, .border-destructive\/20 { border-color: var(--destructive) } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/20 { border-color: color-mix(in oklab, var(--destructive) 20%, transparent) } } .border-destructive\/30 { border-color: var(--destructive) } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/30 { border-color: color-mix(in oklab, var(--destructive) 30%, transparent) } } .border-destructive\/50 { border-color: var(--destructive) } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/50 { border-color: color-mix(in oklab, var(--destructive) 50%, transparent) } } .border-destructive\/80 { border-color: var(--destructive) } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/80 { border-color: color-mix(in oklab, var(--destructive) 80%, transparent) } } .border-emerald-100\/10 { border-color: #d0fae51a } @supports (color: color-mix(in lab, red, red)) { .border-emerald-100\/10 { border-color: color-mix(in oklab, var(--color-emerald-100) 10%, transparent) } } .border-emerald-200 { border-color: var(--color-emerald-200) } .border-emerald-200\/40 { border-color: #a4f4cf66 } @supports (color: color-mix(in lab, red, red)) { .border-emerald-200\/40 { border-color: color-mix(in oklab, var(--color-emerald-200) 40%, transparent) } } .border-emerald-200\/60 { border-color: #a4f4cf99 } @supports (color: color-mix(in lab, red, red)) { .border-emerald-200\/60 { border-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent) } } .border-emerald-400\/15 { border-color: #00d29426 } @supports (color: color-mix(in lab, red, red)) { .border-emerald-400\/15 { border-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent) } } .border-emerald-500 { border-color: var(--color-emerald-500) } .border-emerald-500\/25 { border-color: #00bb7f40 } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/25 { border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent) } } .border-emerald-500\/30 { border-color: #00bb7f4d } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/30 { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent) } } .border-emerald-500\/50 { border-color: #00bb7f80 } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/50 { border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent) } } .border-emerald-900 { border-color: var(--color-emerald-900) } .border-foreground, .border-foreground\/5 { border-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/5 { border-color: color-mix(in oklab, var(--foreground) 5%, transparent) } } .border-foreground\/10 { border-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/10 { border-color: color-mix(in oklab, var(--foreground) 10%, transparent) } } .border-foreground\/20 { border-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/20 { border-color: color-mix(in oklab, var(--foreground) 20%, transparent) } } .border-foreground\/30 { border-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/30 { border-color: color-mix(in oklab, var(--foreground) 30%, transparent) } } .border-foreground\/40 { border-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/40 { border-color: color-mix(in oklab, var(--foreground) 40%, transparent) } } .border-gray-200 { border-color: var(--color-gray-200) } .border-gray-300 { border-color: var(--color-gray-300) } .border-gray-500\/50 { border-color: #6a728280 } @supports (color: color-mix(in lab, red, red)) { .border-gray-500\/50 { border-color: color-mix(in oklab, var(--color-gray-500) 50%, transparent) } } .border-gray-600 { border-color: var(--color-gray-600) } .border-gray-800 { border-color: var(--color-gray-800) } .border-green-100 { border-color: var(--color-green-100) } .border-green-200 { border-color: var(--color-green-200) } .border-green-500 { border-color: var(--color-green-500) } .border-green-500\/20 { border-color: #00c75833 } @supports (color: color-mix(in lab, red, red)) { .border-green-500\/20 { border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent) } } .border-green-600 { border-color: var(--color-green-600) } .border-green-600\/20 { border-color: #00a54433 } @supports (color: color-mix(in lab, red, red)) { .border-green-600\/20 { border-color: color-mix(in oklab, var(--color-green-600) 20%, transparent) } } .border-green-600\/80 { border-color: #00a544cc } @supports (color: color-mix(in lab, red, red)) { .border-green-600\/80 { border-color: color-mix(in oklab, var(--color-green-600) 80%, transparent) } } .border-indigo-200 { border-color: var(--color-indigo-200) } .border-indigo-200\/60 { border-color: #c7d2ff99 } @supports (color: color-mix(in lab, red, red)) { .border-indigo-200\/60 { border-color: color-mix(in oklab, var(--color-indigo-200) 60%, transparent) } } .border-indigo-500 { border-color: var(--color-indigo-500) } .border-indigo-500\/10 { border-color: #625fff1a } @supports (color: color-mix(in lab, red, red)) { .border-indigo-500\/10 { border-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent) } } .border-inherit { border-color: inherit } .border-input, .border-input\/30 { border-color: var(--input) } @supports (color: color-mix(in lab, red, red)) { .border-input\/30 { border-color: color-mix(in oklab, var(--input) 30%, transparent) } } .border-muted { border-color: var(--muted) } .border-muted-foreground, .border-muted-foreground\/10 { border-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .border-muted-foreground\/10 { border-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent) } } .border-muted-foreground\/20 { border-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .border-muted-foreground\/20 { border-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent) } } .border-muted-foreground\/25 { border-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .border-muted-foreground\/25 { border-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent) } } .border-muted-foreground\/30 { border-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .border-muted-foreground\/30 { border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent) } } .border-muted-foreground\/40 { border-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .border-muted-foreground\/40 { border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent) } } .border-muted\/40 { border-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .border-muted\/40 { border-color: color-mix(in oklab, var(--muted) 40%, transparent) } } .border-muted\/80 { border-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .border-muted\/80 { border-color: color-mix(in oklab, var(--muted) 80%, transparent) } } .border-neutral-100 { border-color: var(--color-neutral-100) } .border-neutral-200 { border-color: var(--color-neutral-200) } .border-neutral-200\/15 { border-color: #e5e5e526 } @supports (color: color-mix(in lab, red, red)) { .border-neutral-200\/15 { border-color: color-mix(in oklab, var(--color-neutral-200) 15%, transparent) } } .border-neutral-200\/60 { border-color: #e5e5e599 } @supports (color: color-mix(in lab, red, red)) { .border-neutral-200\/60 { border-color: color-mix(in oklab, var(--color-neutral-200) 60%, transparent) } } .border-neutral-300 { border-color: var(--color-neutral-300) } .border-neutral-700 { border-color: var(--color-neutral-700) } .border-neutral-800 { border-color: var(--color-neutral-800) } .border-neutral-800\/5 { border-color: #2626260d } @supports (color: color-mix(in lab, red, red)) { .border-neutral-800\/5 { border-color: color-mix(in oklab, var(--color-neutral-800) 5%, transparent) } } .border-neutral-800\/50 { border-color: #26262680 } @supports (color: color-mix(in lab, red, red)) { .border-neutral-800\/50 { border-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent) } } .border-neutral-900 { border-color: var(--color-neutral-900) } .border-neutral-900\/5 { border-color: #1717170d } @supports (color: color-mix(in lab, red, red)) { .border-neutral-900\/5 { border-color: color-mix(in oklab, var(--color-neutral-900) 5%, transparent) } } .border-neutral-900\/10 { border-color: #1717171a } @supports (color: color-mix(in lab, red, red)) { .border-neutral-900\/10 { border-color: color-mix(in oklab, var(--color-neutral-900) 10%, transparent) } } .border-neutral-950 { border-color: var(--color-neutral-950) } .border-orange-200 { border-color: var(--color-orange-200) } .border-orange-500 { border-color: var(--color-orange-500) } .border-orange-500\/50 { border-color: #fe6e0080 } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/50 { border-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent) } } .border-orange-600 { border-color: var(--color-orange-600) } .border-primary { border-color: var(--primary) } .border-primary-foreground, .border-primary-foreground\/20 { border-color: var(--primary-foreground) } @supports (color: color-mix(in lab, red, red)) { .border-primary-foreground\/20 { border-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent) } } .border-primary-foreground\/25 { border-color: var(--primary-foreground) } @supports (color: color-mix(in lab, red, red)) { .border-primary-foreground\/25 { border-color: color-mix(in oklab, var(--primary-foreground) 25%, transparent) } } .border-primary\/5 { border-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .border-primary\/5 { border-color: color-mix(in oklab, var(--primary) 5%, transparent) } } .border-primary\/10 { border-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .border-primary\/10 { border-color: color-mix(in oklab, var(--primary) 10%, transparent) } } .border-primary\/20 { border-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .border-primary\/20 { border-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .border-primary\/25 { border-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .border-primary\/25 { border-color: color-mix(in oklab, var(--primary) 25%, transparent) } } .border-primary\/30 { border-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .border-primary\/30 { border-color: color-mix(in oklab, var(--primary) 30%, transparent) } } .border-primary\/35 { border-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .border-primary\/35 { border-color: color-mix(in oklab, var(--primary) 35%, transparent) } } .border-primary\/40 { border-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .border-primary\/40 { border-color: color-mix(in oklab, var(--primary) 40%, transparent) } } .border-primary\/50 { border-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .border-primary\/50 { border-color: color-mix(in oklab, var(--primary) 50%, transparent) } } .border-primary\/60 { border-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .border-primary\/60 { border-color: color-mix(in oklab, var(--primary) 60%, transparent) } } .border-primary\/80\! { border-color: var(--primary) !important } @supports (color: color-mix(in lab, red, red)) { .border-primary\/80\! { border-color: color-mix(in oklab, var(--primary) 80%, transparent) !important } } .border-purple-300 { border-color: var(--color-purple-300) } .border-purple-400 { border-color: var(--color-purple-400) } .border-purple-400\/60 { border-color: #c07eff99 } @supports (color: color-mix(in lab, red, red)) { .border-purple-400\/60 { border-color: color-mix(in oklab, var(--color-purple-400) 60%, transparent) } } .border-purple-500 { border-color: var(--color-purple-500) } .border-purple-500\/45 { border-color: #ac4bff73 } @supports (color: color-mix(in lab, red, red)) { .border-purple-500\/45 { border-color: color-mix(in oklab, var(--color-purple-500) 45%, transparent) } } .border-red-100 { border-color: var(--color-red-100) } .border-red-200 { border-color: var(--color-red-200) } .border-red-500\/30 { border-color: #fb2c364d } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/30 { border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent) } } .border-ring { border-color: var(--ring) } .border-rose-100 { border-color: var(--color-rose-100) } .border-rose-200 { border-color: var(--color-rose-200) } .border-secondary, .border-secondary\/20 { border-color: var(--secondary) } @supports (color: color-mix(in lab, red, red)) { .border-secondary\/20 { border-color: color-mix(in oklab, var(--secondary) 20%, transparent) } } .border-sidebar { border-color: var(--sidebar) } .border-sidebar-border { border-color: var(--sidebar-border) } .border-sky-200 { border-color: var(--color-sky-200) } .border-sky-500\/25 { border-color: #00a5ef40 } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/25 { border-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent) } } .border-sky-500\/30 { border-color: #00a5ef4d } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/30 { border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent) } } .border-sky-950\/5 { border-color: #052f4a0d } @supports (color: color-mix(in lab, red, red)) { .border-sky-950\/5 { border-color: color-mix(in oklab, var(--color-sky-950) 5%, transparent) } } .border-sky-950\/10 { border-color: #052f4a1a } @supports (color: color-mix(in lab, red, red)) { .border-sky-950\/10 { border-color: color-mix(in oklab, var(--color-sky-950) 10%, transparent) } } .border-sky-950\/15 { border-color: #052f4a26 } @supports (color: color-mix(in lab, red, red)) { .border-sky-950\/15 { border-color: color-mix(in oklab, var(--color-sky-950) 15%, transparent) } } .border-sky-950\/25 { border-color: #052f4a40 } @supports (color: color-mix(in lab, red, red)) { .border-sky-950\/25 { border-color: color-mix(in oklab, var(--color-sky-950) 25%, transparent) } } .border-slate-200 { border-color: var(--color-slate-200) } .border-slate-300 { border-color: var(--color-slate-300) } .border-slate-700 { border-color: var(--color-slate-700) } .border-slate-800 { border-color: var(--color-slate-800) } .border-slate-900\/3 { border-color: #0f172b08 } @supports (color: color-mix(in lab, red, red)) { .border-slate-900\/3 { border-color: color-mix(in oklab, var(--color-slate-900) 3%, transparent) } } .border-slate-900\/5 { border-color: #0f172b0d } @supports (color: color-mix(in lab, red, red)) { .border-slate-900\/5 { border-color: color-mix(in oklab, var(--color-slate-900) 5%, transparent) } } .border-stone-800 { border-color: var(--color-stone-800) } .border-stone-900 { border-color: var(--color-stone-900) } .border-stone-950 { border-color: var(--color-stone-950) } .border-transparent { border-color: #0000 } .border-violet-200 { border-color: var(--color-violet-200) } .border-violet-200\/60 { border-color: #ddd6ff99 } @supports (color: color-mix(in lab, red, red)) { .border-violet-200\/60 { border-color: color-mix(in oklab, var(--color-violet-200) 60%, transparent) } } .border-violet-500\/50 { border-color: #8d54ff80 } @supports (color: color-mix(in lab, red, red)) { .border-violet-500\/50 { border-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent) } } .border-white { border-color: var(--color-white) } .border-white\/5 { border-color: #ffffff0d } @supports (color: color-mix(in lab, red, red)) { .border-white\/5 { border-color: color-mix(in oklab, var(--color-white) 5%, transparent) } } .border-white\/8 { border-color: #ffffff14 } @supports (color: color-mix(in lab, red, red)) { .border-white\/8 { border-color: color-mix(in oklab, var(--color-white) 8%, transparent) } } .border-white\/10 { border-color: #ffffff1a } @supports (color: color-mix(in lab, red, red)) { .border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .border-white\/15 { border-color: #ffffff26 } @supports (color: color-mix(in lab, red, red)) { .border-white\/15 { border-color: color-mix(in oklab, var(--color-white) 15%, transparent) } } .border-white\/20 { border-color: #fff3 } @supports (color: color-mix(in lab, red, red)) { .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .border-white\/25 { border-color: #ffffff40 } @supports (color: color-mix(in lab, red, red)) { .border-white\/25 { border-color: color-mix(in oklab, var(--color-white) 25%, transparent) } } .border-white\/30 { border-color: #ffffff4d } @supports (color: color-mix(in lab, red, red)) { .border-white\/30 { border-color: color-mix(in oklab, var(--color-white) 30%, transparent) } } .border-white\/40 { border-color: #fff6 } @supports (color: color-mix(in lab, red, red)) { .border-white\/40 { border-color: color-mix(in oklab, var(--color-white) 40%, transparent) } } .border-white\/50 { border-color: #ffffff80 } @supports (color: color-mix(in lab, red, red)) { .border-white\/50 { border-color: color-mix(in oklab, var(--color-white) 50%, transparent) } } .border-white\/\[0\.1\] { border-color: #ffffff1a } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.1\] { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .border-yellow-200 { border-color: var(--color-yellow-200) } .border-yellow-400 { border-color: var(--color-yellow-400) } .border-zinc-300 { border-color: var(--color-zinc-300) } .border-zinc-700 { border-color: var(--color-zinc-700) } .border-zinc-800 { border-color: var(--color-zinc-800) } .border-t-border { border-top-color: var(--border) } .border-t-chart-1 { border-top-color: var(--chart-1) } .border-t-muted-foreground\/40 { border-top-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .border-t-muted-foreground\/40 { border-top-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent) } } .border-t-orange-500 { border-top-color: var(--color-orange-500) } .border-t-primary { border-top-color: var(--primary) } .border-t-white { border-top-color: var(--color-white) } .border-t-white\/20 { border-top-color: #fff3 } @supports (color: color-mix(in lab, red, red)) { .border-t-white\/20 { border-top-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .border-t-white\/25 { border-top-color: #ffffff40 } @supports (color: color-mix(in lab, red, red)) { .border-t-white\/25 { border-top-color: color-mix(in oklab, var(--color-white) 25%, transparent) } } .border-t-white\/30 { border-top-color: #ffffff4d } @supports (color: color-mix(in lab, red, red)) { .border-t-white\/30 { border-top-color: color-mix(in oklab, var(--color-white) 30%, transparent) } } .border-t-zinc-400 { border-top-color: var(--color-zinc-400) } .border-r-border\/30 { border-right-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-r-border\/30 { border-right-color: color-mix(in oklab, var(--border) 30%, transparent) } } .border-r-border\/50 { border-right-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-r-border\/50 { border-right-color: color-mix(in oklab, var(--border) 50%, transparent) } } .border-r-muted-foreground\/30 { border-right-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .border-r-muted-foreground\/30 { border-right-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent) } } .\!border-b-border { border-bottom-color: var(--border) !important } .border-b-foreground\/10 { border-bottom-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .border-b-foreground\/10 { border-bottom-color: color-mix(in oklab, var(--foreground) 10%, transparent) } } .border-b-foreground\/15 { border-bottom-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .border-b-foreground\/15 { border-bottom-color: color-mix(in oklab, var(--foreground) 15%, transparent) } } .border-b-foreground\/25 { border-bottom-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .border-b-foreground\/25 { border-bottom-color: color-mix(in oklab, var(--foreground) 25%, transparent) } } .border-b-muted-foreground\/30 { border-bottom-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .border-b-muted-foreground\/30 { border-bottom-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent) } } .border-b-primary\/50 { border-bottom-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .border-b-primary\/50 { border-bottom-color: color-mix(in oklab, var(--primary) 50%, transparent) } } .border-b-transparent { border-bottom-color: #0000 } .border-l-border\/30 { border-left-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-l-border\/30 { border-left-color: color-mix(in oklab, var(--border) 30%, transparent) } } .border-l-border\/50 { border-left-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .border-l-border\/50 { border-left-color: color-mix(in oklab, var(--border) 50%, transparent) } } .border-l-green-500 { border-left-color: var(--color-green-500) } .border-l-red-500 { border-left-color: var(--color-red-500) } .border-l-white\/30 { border-left-color: #ffffff4d } @supports (color: color-mix(in lab, red, red)) { .border-l-white\/30 { border-left-color: color-mix(in oklab, var(--color-white) 30%, transparent) } } .\!bg-background, .\!bg-background\/50 { background-color: var(--background) !important } @supports (color: color-mix(in lab, red, red)) { .\!bg-background\/50 { background-color: color-mix(in oklab, var(--background) 50%, transparent) !important } } .\!bg-background\/100 { background-color: var(--background) !important } .\!bg-border { background-color: var(--border) !important } .\!bg-inherit { background-color: inherit !important } .\!bg-muted { background-color: var(--muted) !important } .\!bg-muted-foreground { background-color: var(--muted-foreground) !important } .\!bg-muted\/50 { background-color: var(--muted) !important } @supports (color: color-mix(in lab, red, red)) { .\!bg-muted\/50 { background-color: color-mix(in oklab, var(--muted) 50%, transparent) !important } } .\!bg-muted\/70 { background-color: var(--muted) !important } @supports (color: color-mix(in lab, red, red)) { .\!bg-muted\/70 { background-color: color-mix(in oklab, var(--muted) 70%, transparent) !important } } .\!bg-popover { background-color: var(--popover) !important } .\!bg-primary { background-color: var(--primary) !important } .\!bg-transparent { background-color: #0000 !important } .\!bg-white { background-color: var(--color-white) !important } .bg-\(--color-bg\) { background-color: var(--color-bg) } .bg-\[\#666\] { background-color: #666 } .bg-\[\#063573\] { background-color: #063573 } .bg-\[\#222222\] { background-color: #222 } .bg-\[\#F2F2F2\] { background-color: #f2f2f2 } .bg-\[\#d1efef\] { background-color: #d1efef } .bg-\[\#f5f5f5\] { background-color: #f5f5f5 } .bg-\[\#f50\] { background-color: #f50 } .bg-\[\#ffc439\] { background-color: #ffc439 } .bg-\[50\%_0\] { background-color: 50% 0 } .bg-\[color-mix\(in_oklch\,var\(--muted\)_90\%\,var\(--foreground\)_10\%\)\] { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-\[color-mix\(in_oklch\,var\(--muted\)_90\%\,var\(--foreground\)_10\%\)\] { background-color: color-mix(in oklch, var(--muted) 90%, var(--foreground) 10%) } } .bg-\[var\(--chart-1\)\] { background-color: var(--chart-1) } .bg-\[var\(--chart-2\)\] { background-color: var(--chart-2) } .bg-\[var\(--color-directBookings\)\] { background-color: var(--color-directBookings) } .bg-\[var\(--color-otaBookings\)\] { background-color: var(--color-otaBookings) } .bg-\[var\(--dt-header-bg\)\] { background-color: var(--dt-header-bg) } .bg-\[var\(--dt-row-bg\)\] { background-color: var(--dt-row-bg) } .bg-\[var\(--shell-chrome\)\] { background-color: var(--shell-chrome) } .bg-\[var\(--shell-panel\)\] { background-color: var(--shell-panel) } .bg-accent { background-color: var(--accent) } .bg-accent-foreground { background-color: var(--accent-foreground) } .bg-accent\/30 { background-color: var(--accent) } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/30 { background-color: color-mix(in oklab, var(--accent) 30%, transparent) } } .bg-accent\/40 { background-color: var(--accent) } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/40 { background-color: color-mix(in oklab, var(--accent) 40%, transparent) } } .bg-accent\/50 { background-color: var(--accent) } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/50 { background-color: color-mix(in oklab, var(--accent) 50%, transparent) } } .bg-accent\/50\! { background-color: var(--accent) !important } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/50\! { background-color: color-mix(in oklab, var(--accent) 50%, transparent) !important } } .bg-accent\/80 { background-color: var(--accent) } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/80 { background-color: color-mix(in oklab, var(--accent) 80%, transparent) } } .bg-amber-50 { background-color: var(--color-amber-50) } .bg-amber-50\/30 { background-color: #fffbeb4d } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/30 { background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent) } } .bg-amber-50\/60 { background-color: #fffbeb99 } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/60 { background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent) } } .bg-amber-50\/80 { background-color: #fffbebcc } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/80 { background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent) } } .bg-amber-100 { background-color: var(--color-amber-100) } .bg-amber-100\/80 { background-color: #fef3c6cc } @supports (color: color-mix(in lab, red, red)) { .bg-amber-100\/80 { background-color: color-mix(in oklab, var(--color-amber-100) 80%, transparent) } } .bg-amber-200 { background-color: var(--color-amber-200) } .bg-amber-200\/90 { background-color: #fee685e6 } @supports (color: color-mix(in lab, red, red)) { .bg-amber-200\/90 { background-color: color-mix(in oklab, var(--color-amber-200) 90%, transparent) } } .bg-amber-300 { background-color: var(--color-amber-300) } .bg-amber-400 { background-color: var(--color-amber-400) } .bg-amber-500 { background-color: var(--color-amber-500) } .bg-amber-500\/5 { background-color: #f99c000d } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/5 { background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent) } } .bg-amber-500\/10 { background-color: #f99c001a } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/10 { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent) } } .bg-amber-500\/15 { background-color: #f99c0026 } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/15 { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent) } } .bg-amber-500\/20 { background-color: #f99c0033 } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/20 { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent) } } .bg-amber-600 { background-color: var(--color-amber-600) } .bg-amber-600\/5 { background-color: #dd74000d } @supports (color: color-mix(in lab, red, red)) { .bg-amber-600\/5 { background-color: color-mix(in oklab, var(--color-amber-600) 5%, transparent) } } .bg-amber-600\/50 { background-color: #dd740080 } @supports (color: color-mix(in lab, red, red)) { .bg-amber-600\/50 { background-color: color-mix(in oklab, var(--color-amber-600) 50%, transparent) } } .bg-amber-950 { background-color: var(--color-amber-950) } .bg-background, .bg-background\/0 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/0 { background-color: color-mix(in oklab, var(--background) 0%, transparent) } } .bg-background\/5 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/5 { background-color: color-mix(in oklab, var(--background) 5%, transparent) } } .bg-background\/10 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/10 { background-color: color-mix(in oklab, var(--background) 10%, transparent) } } .bg-background\/15 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/15 { background-color: color-mix(in oklab, var(--background) 15%, transparent) } } .bg-background\/20 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/20 { background-color: color-mix(in oklab, var(--background) 20%, transparent) } } .bg-background\/25 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/25 { background-color: color-mix(in oklab, var(--background) 25%, transparent) } } .bg-background\/30 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/30 { background-color: color-mix(in oklab, var(--background) 30%, transparent) } } .bg-background\/40 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/40 { background-color: color-mix(in oklab, var(--background) 40%, transparent) } } .bg-background\/50 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/50 { background-color: color-mix(in oklab, var(--background) 50%, transparent) } } .bg-background\/60 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/60 { background-color: color-mix(in oklab, var(--background) 60%, transparent) } } .bg-background\/70 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/70 { background-color: color-mix(in oklab, var(--background) 70%, transparent) } } .bg-background\/75 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/75 { background-color: color-mix(in oklab, var(--background) 75%, transparent) } } .bg-background\/80 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/80 { background-color: color-mix(in oklab, var(--background) 80%, transparent) } } .bg-background\/88 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/88 { background-color: color-mix(in oklab, var(--background) 88%, transparent) } } .bg-background\/90 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/90 { background-color: color-mix(in oklab, var(--background) 90%, transparent) } } .bg-background\/94 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/94 { background-color: color-mix(in oklab, var(--background) 94%, transparent) } } .bg-background\/95 { background-color: var(--background) } @supports (color: color-mix(in lab, red, red)) { .bg-background\/95 { background-color: color-mix(in oklab, var(--background) 95%, transparent) } } .bg-black { background-color: var(--color-black) } .bg-black\/0 { background-color: #0000 } @supports (color: color-mix(in lab, red, red)) { .bg-black\/0 { background-color: color-mix(in oklab, var(--color-black) 0%, transparent) } } .bg-black\/5 { background-color: #0000000d } @supports (color: color-mix(in lab, red, red)) { .bg-black\/5 { background-color: color-mix(in oklab, var(--color-black) 5%, transparent) } } .bg-black\/10 { background-color: #0000001a } @supports (color: color-mix(in lab, red, red)) { .bg-black\/10 { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) } } .bg-black\/20 { background-color: #0003 } @supports (color: color-mix(in lab, red, red)) { .bg-black\/20 { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) } } .bg-black\/25 { background-color: #00000040 } @supports (color: color-mix(in lab, red, red)) { .bg-black\/25 { background-color: color-mix(in oklab, var(--color-black) 25%, transparent) } } .bg-black\/30 { background-color: #0000004d } @supports (color: color-mix(in lab, red, red)) { .bg-black\/30 { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) } } .bg-black\/40 { background-color: #0006 } @supports (color: color-mix(in lab, red, red)) { .bg-black\/40 { background-color: color-mix(in oklab, var(--color-black) 40%, transparent) } } .bg-black\/50 { background-color: #00000080 } @supports (color: color-mix(in lab, red, red)) { .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent) } } .bg-black\/60 { background-color: #0009 } @supports (color: color-mix(in lab, red, red)) { .bg-black\/60 { background-color: color-mix(in oklab, var(--color-black) 60%, transparent) } } .bg-black\/70 { background-color: #000000b3 } @supports (color: color-mix(in lab, red, red)) { .bg-black\/70 { background-color: color-mix(in oklab, var(--color-black) 70%, transparent) } } .bg-black\/80 { background-color: #000c } @supports (color: color-mix(in lab, red, red)) { .bg-black\/80 { background-color: color-mix(in oklab, var(--color-black) 80%, transparent) } } .bg-black\/90 { background-color: #000000e6 } @supports (color: color-mix(in lab, red, red)) { .bg-black\/90 { background-color: color-mix(in oklab, var(--color-black) 90%, transparent) } } .bg-black\/95 { background-color: #000000f2 } @supports (color: color-mix(in lab, red, red)) { .bg-black\/95 { background-color: color-mix(in oklab, var(--color-black) 95%, transparent) } } .bg-blue-50 { background-color: var(--color-blue-50) } .bg-blue-50\/20 { background-color: #eff6ff33 } @supports (color: color-mix(in lab, red, red)) { .bg-blue-50\/20 { background-color: color-mix(in oklab, var(--color-blue-50) 20%, transparent) } } .bg-blue-50\/80 { background-color: #eff6ffcc } @supports (color: color-mix(in lab, red, red)) { .bg-blue-50\/80 { background-color: color-mix(in oklab, var(--color-blue-50) 80%, transparent) } } .bg-blue-100 { background-color: var(--color-blue-100) } .bg-blue-200 { background-color: var(--color-blue-200) } .bg-blue-300 { background-color: var(--color-blue-300) } .bg-blue-400 { background-color: var(--color-blue-400) } .bg-blue-400\/10 { background-color: #54a2ff1a } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/10 { background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent) } } .bg-blue-500 { background-color: var(--color-blue-500) } .bg-blue-500\/5 { background-color: #3080ff0d } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/5 { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent) } } .bg-blue-500\/10 { background-color: #3080ff1a } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/10 { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent) } } .bg-blue-600 { background-color: var(--color-blue-600) } .bg-blue-600\/5 { background-color: #155dfc0d } @supports (color: color-mix(in lab, red, red)) { .bg-blue-600\/5 { background-color: color-mix(in oklab, var(--color-blue-600) 5%, transparent) } } .bg-blue-600\/10 { background-color: #155dfc1a } @supports (color: color-mix(in lab, red, red)) { .bg-blue-600\/10 { background-color: color-mix(in oklab, var(--color-blue-600) 10%, transparent) } } .bg-blue-600\/20 { background-color: #155dfc33 } @supports (color: color-mix(in lab, red, red)) { .bg-blue-600\/20 { background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent) } } .bg-blue-700 { background-color: var(--color-blue-700) } .bg-blue-700\/15 { background-color: #1447e626 } @supports (color: color-mix(in lab, red, red)) { .bg-blue-700\/15 { background-color: color-mix(in oklab, var(--color-blue-700) 15%, transparent) } } .bg-blue-900 { background-color: var(--color-blue-900) } .bg-border, .bg-border\/40 { background-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .bg-border\/40 { background-color: color-mix(in oklab, var(--border) 40%, transparent) } } .bg-border\/50 { background-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .bg-border\/50 { background-color: color-mix(in oklab, var(--border) 50%, transparent) } } .bg-border\/55 { background-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .bg-border\/55 { background-color: color-mix(in oklab, var(--border) 55%, transparent) } } .bg-border\/60 { background-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .bg-border\/60 { background-color: color-mix(in oklab, var(--border) 60%, transparent) } } .bg-border\/70 { background-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .bg-border\/70 { background-color: color-mix(in oklab, var(--border) 70%, transparent) } } .bg-border\/80 { background-color: var(--border) } @supports (color: color-mix(in lab, red, red)) { .bg-border\/80 { background-color: color-mix(in oklab, var(--border) 80%, transparent) } } .bg-card, .bg-card\/5 { background-color: var(--card) } @supports (color: color-mix(in lab, red, red)) { .bg-card\/5 { background-color: color-mix(in oklab, var(--card) 5%, transparent) } } .bg-card\/50 { background-color: var(--card) } @supports (color: color-mix(in lab, red, red)) { .bg-card\/50 { background-color: color-mix(in oklab, var(--card) 50%, transparent) } } .bg-card\/70 { background-color: var(--card) } @supports (color: color-mix(in lab, red, red)) { .bg-card\/70 { background-color: color-mix(in oklab, var(--card) 70%, transparent) } } .bg-card\/80 { background-color: var(--card) } @supports (color: color-mix(in lab, red, red)) { .bg-card\/80 { background-color: color-mix(in oklab, var(--card) 80%, transparent) } } .bg-chart-1, .bg-chart-1\/5 { background-color: var(--chart-1) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-1\/5 { background-color: color-mix(in oklab, var(--chart-1) 5%, transparent) } } .bg-chart-1\/10 { background-color: var(--chart-1) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-1\/10 { background-color: color-mix(in oklab, var(--chart-1) 10%, transparent) } } .bg-chart-1\/15 { background-color: var(--chart-1) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-1\/15 { background-color: color-mix(in oklab, var(--chart-1) 15%, transparent) } } .bg-chart-1\/20 { background-color: var(--chart-1) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-1\/20 { background-color: color-mix(in oklab, var(--chart-1) 20%, transparent) } } .bg-chart-1\/22 { background-color: var(--chart-1) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-1\/22 { background-color: color-mix(in oklab, var(--chart-1) 22%, transparent) } } .bg-chart-1\/25 { background-color: var(--chart-1) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-1\/25 { background-color: color-mix(in oklab, var(--chart-1) 25%, transparent) } } .bg-chart-1\/30 { background-color: var(--chart-1) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-1\/30 { background-color: color-mix(in oklab, var(--chart-1) 30%, transparent) } } .bg-chart-1\/40 { background-color: var(--chart-1) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-1\/40 { background-color: color-mix(in oklab, var(--chart-1) 40%, transparent) } } .bg-chart-1\/50 { background-color: var(--chart-1) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-1\/50 { background-color: color-mix(in oklab, var(--chart-1) 50%, transparent) } } .bg-chart-2, .bg-chart-2\/5 { background-color: var(--chart-2) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-2\/5 { background-color: color-mix(in oklab, var(--chart-2) 5%, transparent) } } .bg-chart-2\/10 { background-color: var(--chart-2) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-2\/10 { background-color: color-mix(in oklab, var(--chart-2) 10%, transparent) } } .bg-chart-2\/15 { background-color: var(--chart-2) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-2\/15 { background-color: color-mix(in oklab, var(--chart-2) 15%, transparent) } } .bg-chart-2\/20 { background-color: var(--chart-2) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-2\/20 { background-color: color-mix(in oklab, var(--chart-2) 20%, transparent) } } .bg-chart-2\/28 { background-color: var(--chart-2) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-2\/28 { background-color: color-mix(in oklab, var(--chart-2) 28%, transparent) } } .bg-chart-2\/50 { background-color: var(--chart-2) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-2\/50 { background-color: color-mix(in oklab, var(--chart-2) 50%, transparent) } } .bg-chart-3, .bg-chart-3\/10 { background-color: var(--chart-3) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-3\/10 { background-color: color-mix(in oklab, var(--chart-3) 10%, transparent) } } .bg-chart-3\/\[0\.06\] { background-color: var(--chart-3) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-3\/\[0\.06\] { background-color: color-mix(in oklab, var(--chart-3) 6%, transparent) } } .bg-chart-4, .bg-chart-4\/10 { background-color: var(--chart-4) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-4\/10 { background-color: color-mix(in oklab, var(--chart-4) 10%, transparent) } } .bg-chart-4\/20 { background-color: var(--chart-4) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-4\/20 { background-color: color-mix(in oklab, var(--chart-4) 20%, transparent) } } .bg-chart-4\/25 { background-color: var(--chart-4) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-4\/25 { background-color: color-mix(in oklab, var(--chart-4) 25%, transparent) } } .bg-chart-4\/30 { background-color: var(--chart-4) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-4\/30 { background-color: color-mix(in oklab, var(--chart-4) 30%, transparent) } } .bg-chart-5\/18 { background-color: var(--chart-5) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-5\/18 { background-color: color-mix(in oklab, var(--chart-5) 18%, transparent) } } .bg-chart-5\/40 { background-color: var(--chart-5) } @supports (color: color-mix(in lab, red, red)) { .bg-chart-5\/40 { background-color: color-mix(in oklab, var(--chart-5) 40%, transparent) } } .bg-current { background-color: currentColor } .bg-cyan-300 { background-color: var(--color-cyan-300) } .bg-cyan-500\/10 { background-color: #00b7d71a } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/10 { background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent) } } .bg-cyan-600 { background-color: var(--color-cyan-600) } .bg-destructive, .bg-destructive\/5 { background-color: var(--destructive) } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/5 { background-color: color-mix(in oklab, var(--destructive) 5%, transparent) } } .bg-destructive\/10 { background-color: var(--destructive) } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/10 { background-color: color-mix(in oklab, var(--destructive) 10%, transparent) } } .bg-destructive\/80 { background-color: var(--destructive) } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/80 { background-color: color-mix(in oklab, var(--destructive) 80%, transparent) } } .bg-emerald-50 { background-color: var(--color-emerald-50) } .bg-emerald-50\/60 { background-color: #ecfdf599 } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-50\/60 { background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent) } } .bg-emerald-100 { background-color: var(--color-emerald-100) } .bg-emerald-100\/5 { background-color: #d0fae50d } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-100\/5 { background-color: color-mix(in oklab, var(--color-emerald-100) 5%, transparent) } } .bg-emerald-100\/10 { background-color: #d0fae51a } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-100\/10 { background-color: color-mix(in oklab, var(--color-emerald-100) 10%, transparent) } } .bg-emerald-100\/\[0\.02\] { background-color: #d0fae505 } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-100\/\[0\.02\] { background-color: color-mix(in oklab, var(--color-emerald-100) 2%, transparent) } } .bg-emerald-300 { background-color: var(--color-emerald-300) } .bg-emerald-400 { background-color: var(--color-emerald-400) } .bg-emerald-500 { background-color: var(--color-emerald-500) } .bg-emerald-500\/10 { background-color: #00bb7f1a } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/10 { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent) } } .bg-emerald-500\/15 { background-color: #00bb7f26 } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/15 { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent) } } .bg-emerald-500\/20 { background-color: #00bb7f33 } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/20 { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent) } } .bg-emerald-500\/60 { background-color: #00bb7f99 } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/60 { background-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent) } } .bg-emerald-600 { background-color: var(--color-emerald-600) } .bg-emerald-600\/10 { background-color: #0097671a } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-600\/10 { background-color: color-mix(in oklab, var(--color-emerald-600) 10%, transparent) } } .bg-emerald-600\/45 { background-color: #00976773 } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-600\/45 { background-color: color-mix(in oklab, var(--color-emerald-600) 45%, transparent) } } .bg-emerald-700 { background-color: var(--color-emerald-700) } .bg-emerald-900 { background-color: var(--color-emerald-900) } .bg-foreground, .bg-foreground\/5 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/5 { background-color: color-mix(in oklab, var(--foreground) 5%, transparent) } } .bg-foreground\/8 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/8 { background-color: color-mix(in oklab, var(--foreground) 8%, transparent) } } .bg-foreground\/10 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/10 { background-color: color-mix(in oklab, var(--foreground) 10%, transparent) } } .bg-foreground\/12 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/12 { background-color: color-mix(in oklab, var(--foreground) 12%, transparent) } } .bg-foreground\/14 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/14 { background-color: color-mix(in oklab, var(--foreground) 14%, transparent) } } .bg-foreground\/15 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/15 { background-color: color-mix(in oklab, var(--foreground) 15%, transparent) } } .bg-foreground\/16 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/16 { background-color: color-mix(in oklab, var(--foreground) 16%, transparent) } } .bg-foreground\/20 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/20 { background-color: color-mix(in oklab, var(--foreground) 20%, transparent) } } .bg-foreground\/25 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/25 { background-color: color-mix(in oklab, var(--foreground) 25%, transparent) } } .bg-foreground\/30 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/30 { background-color: color-mix(in oklab, var(--foreground) 30%, transparent) } } .bg-foreground\/40 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/40 { background-color: color-mix(in oklab, var(--foreground) 40%, transparent) } } .bg-foreground\/50 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/50 { background-color: color-mix(in oklab, var(--foreground) 50%, transparent) } } .bg-foreground\/80 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/80 { background-color: color-mix(in oklab, var(--foreground) 80%, transparent) } } .bg-foreground\/85 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/85 { background-color: color-mix(in oklab, var(--foreground) 85%, transparent) } } .bg-foreground\/90 { background-color: var(--foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/90 { background-color: color-mix(in oklab, var(--foreground) 90%, transparent) } } .bg-fuchsia-500 { background-color: var(--color-fuchsia-500) } .bg-fuchsia-500\/10 { background-color: #e12afb1a } @supports (color: color-mix(in lab, red, red)) { .bg-fuchsia-500\/10 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent) } } .bg-fuchsia-600\/50 { background-color: #c600db80 } @supports (color: color-mix(in lab, red, red)) { .bg-fuchsia-600\/50 { background-color: color-mix(in oklab, var(--color-fuchsia-600) 50%, transparent) } } .bg-gray-50 { background-color: var(--color-gray-50) } .bg-gray-100 { background-color: var(--color-gray-100) } .bg-gray-200 { background-color: var(--color-gray-200) } .bg-gray-200\/80 { background-color: #e5e7ebcc } @supports (color: color-mix(in lab, red, red)) { .bg-gray-200\/80 { background-color: color-mix(in oklab, var(--color-gray-200) 80%, transparent) } } .bg-gray-300 { background-color: var(--color-gray-300) } .bg-gray-400 { background-color: var(--color-gray-400) } .bg-gray-600\/20 { background-color: #4a556533 } @supports (color: color-mix(in lab, red, red)) { .bg-gray-600\/20 { background-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent) } } .bg-gray-700 { background-color: var(--color-gray-700) } .bg-gray-800 { background-color: var(--color-gray-800) } .bg-gray-900 { background-color: var(--color-gray-900) } .bg-green-50 { background-color: var(--color-green-50) } .bg-green-50\/20 { background-color: #f0fdf433 } @supports (color: color-mix(in lab, red, red)) { .bg-green-50\/20 { background-color: color-mix(in oklab, var(--color-green-50) 20%, transparent) } } .bg-green-50\/80 { background-color: #f0fdf4cc } @supports (color: color-mix(in lab, red, red)) { .bg-green-50\/80 { background-color: color-mix(in oklab, var(--color-green-50) 80%, transparent) } } .bg-green-100 { background-color: var(--color-green-100) } .bg-green-200 { background-color: var(--color-green-200) } .bg-green-300 { background-color: var(--color-green-300) } .bg-green-400 { background-color: var(--color-green-400) } .bg-green-400\/50 { background-color: #05df7280 } @supports (color: color-mix(in lab, red, red)) { .bg-green-400\/50 { background-color: color-mix(in oklab, var(--color-green-400) 50%, transparent) } } .bg-green-500 { background-color: var(--color-green-500) } .bg-green-500\/10 { background-color: #00c7581a } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/10 { background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent) } } .bg-green-600 { background-color: var(--color-green-600) } .bg-green-600\/5 { background-color: #00a5440d } @supports (color: color-mix(in lab, red, red)) { .bg-green-600\/5 { background-color: color-mix(in oklab, var(--color-green-600) 5%, transparent) } } .bg-green-600\/10 { background-color: #00a5441a } @supports (color: color-mix(in lab, red, red)) { .bg-green-600\/10 { background-color: color-mix(in oklab, var(--color-green-600) 10%, transparent) } } .bg-indigo-50\/60 { background-color: #eef2ff99 } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-50\/60 { background-color: color-mix(in oklab, var(--color-indigo-50) 60%, transparent) } } .bg-indigo-100 { background-color: var(--color-indigo-100) } .bg-indigo-200 { background-color: var(--color-indigo-200) } .bg-indigo-300 { background-color: var(--color-indigo-300) } .bg-indigo-400\/20 { background-color: #7d87ff33 } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-400\/20 { background-color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent) } } .bg-indigo-400\/50 { background-color: #7d87ff80 } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-400\/50 { background-color: color-mix(in oklab, var(--color-indigo-400) 50%, transparent) } } .bg-indigo-500 { background-color: var(--color-indigo-500) } .bg-indigo-500\/5 { background-color: #625fff0d } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/5 { background-color: color-mix(in oklab, var(--color-indigo-500) 5%, transparent) } } .bg-indigo-500\/10 { background-color: #625fff1a } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/10 { background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent) } } .bg-indigo-500\/25 { background-color: #625fff40 } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/25 { background-color: color-mix(in oklab, var(--color-indigo-500) 25%, transparent) } } .bg-inherit { background-color: inherit } .bg-input, .bg-input\/20 { background-color: var(--input) } @supports (color: color-mix(in lab, red, red)) { .bg-input\/20 { background-color: color-mix(in oklab, var(--input) 20%, transparent) } } .bg-input\/30 { background-color: var(--input) } @supports (color: color-mix(in lab, red, red)) { .bg-input\/30 { background-color: color-mix(in oklab, var(--input) 30%, transparent) } } .bg-lime-200 { background-color: var(--color-lime-200) } .bg-lime-300 { background-color: var(--color-lime-300) } .bg-lime-400 { background-color: var(--color-lime-400) } .bg-lime-500 { background-color: var(--color-lime-500) } .bg-lime-600 { background-color: var(--color-lime-600) } .bg-muted { background-color: var(--muted) } .bg-muted-foreground, .bg-muted-foreground\/5 { background-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/5 { background-color: color-mix(in oklab, var(--muted-foreground) 5%, transparent) } } .bg-muted-foreground\/10 { background-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/10 { background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent) } } .bg-muted-foreground\/15 { background-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/15 { background-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent) } } .bg-muted-foreground\/20 { background-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/20 { background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent) } } .bg-muted-foreground\/25 { background-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/25 { background-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent) } } .bg-muted-foreground\/30 { background-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/30 { background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent) } } .bg-muted-foreground\/40 { background-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/40 { background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent) } } .bg-muted-foreground\/50 { background-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/50 { background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent) } } .bg-muted-foreground\/60 { background-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/60 { background-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent) } } .bg-muted-foreground\/70 { background-color: var(--muted-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/70 { background-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent) } } .bg-muted\/5 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/5 { background-color: color-mix(in oklab, var(--muted) 5%, transparent) } } .bg-muted\/10 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/10 { background-color: color-mix(in oklab, var(--muted) 10%, transparent) } } .bg-muted\/20 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/20 { background-color: color-mix(in oklab, var(--muted) 20%, transparent) } } .bg-muted\/25 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/25 { background-color: color-mix(in oklab, var(--muted) 25%, transparent) } } .bg-muted\/30 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/30 { background-color: color-mix(in oklab, var(--muted) 30%, transparent) } } .bg-muted\/35 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/35 { background-color: color-mix(in oklab, var(--muted) 35%, transparent) } } .bg-muted\/40 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/40 { background-color: color-mix(in oklab, var(--muted) 40%, transparent) } } .bg-muted\/45 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/45 { background-color: color-mix(in oklab, var(--muted) 45%, transparent) } } .bg-muted\/50 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/50 { background-color: color-mix(in oklab, var(--muted) 50%, transparent) } } .bg-muted\/55 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/55 { background-color: color-mix(in oklab, var(--muted) 55%, transparent) } } .bg-muted\/60 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/60 { background-color: color-mix(in oklab, var(--muted) 60%, transparent) } } .bg-muted\/65 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/65 { background-color: color-mix(in oklab, var(--muted) 65%, transparent) } } .bg-muted\/70 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/70 { background-color: color-mix(in oklab, var(--muted) 70%, transparent) } } .bg-muted\/80 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/80 { background-color: color-mix(in oklab, var(--muted) 80%, transparent) } } .bg-muted\/95 { background-color: var(--muted) } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/95 { background-color: color-mix(in oklab, var(--muted) 95%, transparent) } } .bg-neutral-50 { background-color: var(--color-neutral-50) } .bg-neutral-100 { background-color: var(--color-neutral-100) } .bg-neutral-100\/60 { background-color: #f5f5f599 } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-100\/60 { background-color: color-mix(in oklab, var(--color-neutral-100) 60%, transparent) } } .bg-neutral-200 { background-color: var(--color-neutral-200) } .bg-neutral-300 { background-color: var(--color-neutral-300) } .bg-neutral-400 { background-color: var(--color-neutral-400) } .bg-neutral-500 { background-color: var(--color-neutral-500) } .bg-neutral-500\/30 { background-color: #7373734d } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-500\/30 { background-color: color-mix(in oklab, var(--color-neutral-500) 30%, transparent) } } .bg-neutral-600 { background-color: var(--color-neutral-600) } .bg-neutral-700 { background-color: var(--color-neutral-700) } .bg-neutral-800 { background-color: var(--color-neutral-800) } .bg-neutral-800\/30 { background-color: #2626264d } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-800\/30 { background-color: color-mix(in oklab, var(--color-neutral-800) 30%, transparent) } } .bg-neutral-800\/60 { background-color: #26262699 } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-800\/60 { background-color: color-mix(in oklab, var(--color-neutral-800) 60%, transparent) } } .bg-neutral-900 { background-color: var(--color-neutral-900) } .bg-neutral-900\/5 { background-color: #1717170d } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-900\/5 { background-color: color-mix(in oklab, var(--color-neutral-900) 5%, transparent) } } .bg-neutral-900\/50 { background-color: #17171780 } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-900\/50 { background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent) } } .bg-neutral-900\/80 { background-color: #171717cc } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-900\/80 { background-color: color-mix(in oklab, var(--color-neutral-900) 80%, transparent) } } .bg-neutral-950 { background-color: var(--color-neutral-950) } .bg-neutral-950\/60 { background-color: #0a0a0a99 } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-950\/60 { background-color: color-mix(in oklab, var(--color-neutral-950) 60%, transparent) } } .bg-orange-50 { background-color: var(--color-orange-50) } .bg-orange-100 { background-color: var(--color-orange-100) } .bg-orange-200 { background-color: var(--color-orange-200) } .bg-orange-300 { background-color: var(--color-orange-300) } .bg-orange-400 { background-color: var(--color-orange-400) } .bg-orange-400\/10 { background-color: #ff8b1a1a } @supports (color: color-mix(in lab, red, red)) { .bg-orange-400\/10 { background-color: color-mix(in oklab, var(--color-orange-400) 10%, transparent) } } .bg-orange-500 { background-color: var(--color-orange-500) } .bg-orange-500\/10 { background-color: #fe6e001a } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/10 { background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent) } } .bg-orange-500\/60 { background-color: #fe6e0099 } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/60 { background-color: color-mix(in oklab, var(--color-orange-500) 60%, transparent) } } .bg-orange-600 { background-color: var(--color-orange-600) } .bg-orange-600\/25 { background-color: #f0510040 } @supports (color: color-mix(in lab, red, red)) { .bg-orange-600\/25 { background-color: color-mix(in oklab, var(--color-orange-600) 25%, transparent) } } .bg-orange-600\/40 { background-color: #f0510066 } @supports (color: color-mix(in lab, red, red)) { .bg-orange-600\/40 { background-color: color-mix(in oklab, var(--color-orange-600) 40%, transparent) } } .bg-pink-100 { background-color: var(--color-pink-100) } .bg-pink-200 { background-color: var(--color-pink-200) } .bg-pink-300 { background-color: var(--color-pink-300) } .bg-pink-400 { background-color: var(--color-pink-400) } .bg-pink-500\/10 { background-color: #f6339a1a } @supports (color: color-mix(in lab, red, red)) { .bg-pink-500\/10 { background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent) } } .bg-popover, .bg-popover\/95 { background-color: var(--popover) } @supports (color: color-mix(in lab, red, red)) { .bg-popover\/95 { background-color: color-mix(in oklab, var(--popover) 95%, transparent) } } .bg-primary { background-color: var(--primary) } .bg-primary-foreground, .bg-primary-foreground\/5 { background-color: var(--primary-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-primary-foreground\/5 { background-color: color-mix(in oklab, var(--primary-foreground) 5%, transparent) } } .bg-primary-foreground\/10 { background-color: var(--primary-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-primary-foreground\/10 { background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent) } } .bg-primary-foreground\/20 { background-color: var(--primary-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-primary-foreground\/20 { background-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent) } } .bg-primary-foreground\/50 { background-color: var(--primary-foreground) } @supports (color: color-mix(in lab, red, red)) { .bg-primary-foreground\/50 { background-color: color-mix(in oklab, var(--primary-foreground) 50%, transparent) } } .bg-primary\/5 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/5 { background-color: color-mix(in oklab, var(--primary) 5%, transparent) } } .bg-primary\/8 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/8 { background-color: color-mix(in oklab, var(--primary) 8%, transparent) } } .bg-primary\/10 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/10 { background-color: color-mix(in oklab, var(--primary) 10%, transparent) } } .bg-primary\/12 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/12 { background-color: color-mix(in oklab, var(--primary) 12%, transparent) } } .bg-primary\/14 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/14 { background-color: color-mix(in oklab, var(--primary) 14%, transparent) } } .bg-primary\/15 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/15 { background-color: color-mix(in oklab, var(--primary) 15%, transparent) } } .bg-primary\/20 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/20 { background-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .bg-primary\/22 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/22 { background-color: color-mix(in oklab, var(--primary) 22%, transparent) } } .bg-primary\/30 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/30 { background-color: color-mix(in oklab, var(--primary) 30%, transparent) } } .bg-primary\/40 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/40 { background-color: color-mix(in oklab, var(--primary) 40%, transparent) } } .bg-primary\/45 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/45 { background-color: color-mix(in oklab, var(--primary) 45%, transparent) } } .bg-primary\/50 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/50 { background-color: color-mix(in oklab, var(--primary) 50%, transparent) } } .bg-primary\/80 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/80 { background-color: color-mix(in oklab, var(--primary) 80%, transparent) } } .bg-primary\/90 { background-color: var(--primary) } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/90 { background-color: color-mix(in oklab, var(--primary) 90%, transparent) } } .bg-purple-50 { background-color: var(--color-purple-50) } .bg-purple-50\/50 { background-color: #faf5ff80 } @supports (color: color-mix(in lab, red, red)) { .bg-purple-50\/50 { background-color: color-mix(in oklab, var(--color-purple-50) 50%, transparent) } } .bg-purple-100 { background-color: var(--color-purple-100) } .bg-purple-200 { background-color: var(--color-purple-200) } .bg-purple-300 { background-color: var(--color-purple-300) } .bg-purple-500 { background-color: var(--color-purple-500) } .bg-purple-500\/10 { background-color: #ac4bff1a } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/10 { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent) } } .bg-purple-500\/90 { background-color: #ac4bffe6 } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/90 { background-color: color-mix(in oklab, var(--color-purple-500) 90%, transparent) } } .bg-purple-500\/\[0\.15\] { background-color: #ac4bff26 } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/\[0\.15\] { background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent) } } .bg-purple-800 { background-color: var(--color-purple-800) } .bg-red-50 { background-color: var(--color-red-50) } .bg-red-50\/20 { background-color: #fef2f233 } @supports (color: color-mix(in lab, red, red)) { .bg-red-50\/20 { background-color: color-mix(in oklab, var(--color-red-50) 20%, transparent) } } .bg-red-50\/80 { background-color: #fef2f2cc } @supports (color: color-mix(in lab, red, red)) { .bg-red-50\/80 { background-color: color-mix(in oklab, var(--color-red-50) 80%, transparent) } } .bg-red-100 { background-color: var(--color-red-100) } .bg-red-200 { background-color: var(--color-red-200) } .bg-red-400 { background-color: var(--color-red-400) } .bg-red-500 { background-color: var(--color-red-500) } .bg-red-500\/10 { background-color: #fb2c361a } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/10 { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent) } } .bg-red-500\/12 { background-color: #fb2c361f } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/12 { background-color: color-mix(in oklab, var(--color-red-500) 12%, transparent) } } .bg-red-600 { background-color: var(--color-red-600) } .bg-red-600\/10 { background-color: #e400141a } @supports (color: color-mix(in lab, red, red)) { .bg-red-600\/10 { background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent) } } .bg-red-700 { background-color: var(--color-red-700) } .bg-red-800\/40 { background-color: #9f071266 } @supports (color: color-mix(in lab, red, red)) { .bg-red-800\/40 { background-color: color-mix(in oklab, var(--color-red-800) 40%, transparent) } } .bg-red-900 { background-color: var(--color-red-900) } .bg-red-950 { background-color: var(--color-red-950) } .bg-ring { background-color: var(--ring) } .bg-rose-50 { background-color: var(--color-rose-50) } .bg-rose-100 { background-color: var(--color-rose-100) } .bg-rose-400 { background-color: var(--color-rose-400) } .bg-rose-500 { background-color: var(--color-rose-500) } .bg-rose-500\/15 { background-color: #ff235726 } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/15 { background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent) } } .bg-rose-600 { background-color: var(--color-rose-600) } .bg-rose-600\/10 { background-color: #e700441a } @supports (color: color-mix(in lab, red, red)) { .bg-rose-600\/10 { background-color: color-mix(in oklab, var(--color-rose-600) 10%, transparent) } } .bg-secondary { background-color: var(--secondary) } .bg-secondary-foreground { background-color: var(--secondary-foreground) } .bg-secondary\/20 { background-color: var(--secondary) } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/20 { background-color: color-mix(in oklab, var(--secondary) 20%, transparent) } } .bg-secondary\/30 { background-color: var(--secondary) } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/30 { background-color: color-mix(in oklab, var(--secondary) 30%, transparent) } } .bg-secondary\/40 { background-color: var(--secondary) } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/40 { background-color: color-mix(in oklab, var(--secondary) 40%, transparent) } } .bg-secondary\/50 { background-color: var(--secondary) } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/50 { background-color: color-mix(in oklab, var(--secondary) 50%, transparent) } } .bg-secondary\/80 { background-color: var(--secondary) } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/80 { background-color: color-mix(in oklab, var(--secondary) 80%, transparent) } } .bg-sidebar { background-color: var(--sidebar) } .bg-sidebar-accent, .bg-sidebar-accent\/50 { background-color: var(--sidebar-accent) } @supports (color: color-mix(in lab, red, red)) { .bg-sidebar-accent\/50 { background-color: color-mix(in oklab, var(--sidebar-accent) 50%, transparent) } } .bg-sidebar-border { background-color: var(--sidebar-border) } .bg-sidebar-primary { background-color: var(--sidebar-primary) } .bg-sky-50 { background-color: var(--color-sky-50) } .bg-sky-100 { background-color: var(--color-sky-100) } .bg-sky-200 { background-color: var(--color-sky-200) } .bg-sky-300 { background-color: var(--color-sky-300) } .bg-sky-400 { background-color: var(--color-sky-400) } .bg-sky-500 { background-color: var(--color-sky-500) } .bg-sky-500\/10 { background-color: #00a5ef1a } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/10 { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent) } } .bg-sky-500\/\[0\.08\] { background-color: #00a5ef14 } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/\[0\.08\] { background-color: color-mix(in oklab, var(--color-sky-500) 8%, transparent) } } .bg-sky-600 { background-color: var(--color-sky-600) } .bg-slate-50 { background-color: var(--color-slate-50) } .bg-slate-100 { background-color: var(--color-slate-100) } .bg-slate-200 { background-color: var(--color-slate-200) } .bg-slate-300 { background-color: var(--color-slate-300) } .bg-slate-500\/10 { background-color: #62748e1a } @supports (color: color-mix(in lab, red, red)) { .bg-slate-500\/10 { background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent) } } .bg-slate-800 { background-color: var(--color-slate-800) } .bg-slate-900 { background-color: var(--color-slate-900) } .bg-slate-900\/2 { background-color: #0f172b05 } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/2 { background-color: color-mix(in oklab, var(--color-slate-900) 2%, transparent) } } .bg-slate-900\/5 { background-color: #0f172b0d } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/5 { background-color: color-mix(in oklab, var(--color-slate-900) 5%, transparent) } } .bg-slate-950 { background-color: var(--color-slate-950) } .bg-stone-100 { background-color: var(--color-stone-100) } .bg-stone-900 { background-color: var(--color-stone-900) } .bg-stone-900\/20 { background-color: #1c191733 } @supports (color: color-mix(in lab, red, red)) { .bg-stone-900\/20 { background-color: color-mix(in oklab, var(--color-stone-900) 20%, transparent) } } .bg-teal-200 { background-color: var(--color-teal-200) } .bg-teal-500 { background-color: var(--color-teal-500) } .bg-transparent { background-color: #0000 } .bg-transparent\! { background-color: #0000 !important } .bg-violet-50 { background-color: var(--color-violet-50) } .bg-violet-50\/60 { background-color: #f5f3ff99 } @supports (color: color-mix(in lab, red, red)) { .bg-violet-50\/60 { background-color: color-mix(in oklab, var(--color-violet-50) 60%, transparent) } } .bg-violet-100 { background-color: var(--color-violet-100) } .bg-violet-200 { background-color: var(--color-violet-200) } .bg-violet-300 { background-color: var(--color-violet-300) } .bg-violet-400 { background-color: var(--color-violet-400) } .bg-violet-500 { background-color: var(--color-violet-500) } .bg-violet-500\/10 { background-color: #8d54ff1a } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/10 { background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent) } } .bg-violet-500\/20 { background-color: #8d54ff33 } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/20 { background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent) } } .bg-violet-600 { background-color: var(--color-violet-600) } .bg-violet-700 { background-color: var(--color-violet-700) } .bg-violet-700\/10 { background-color: #7008e71a } @supports (color: color-mix(in lab, red, red)) { .bg-violet-700\/10 { background-color: color-mix(in oklab, var(--color-violet-700) 10%, transparent) } } .bg-white { background-color: var(--color-white) } .bg-white\/3 { background-color: #ffffff08 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/3 { background-color: color-mix(in oklab, var(--color-white) 3%, transparent) } } .bg-white\/5 { background-color: #ffffff0d } @supports (color: color-mix(in lab, red, red)) { .bg-white\/5 { background-color: color-mix(in oklab, var(--color-white) 5%, transparent) } } .bg-white\/10 { background-color: #ffffff1a } @supports (color: color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .bg-white\/15 { background-color: #ffffff26 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/15 { background-color: color-mix(in oklab, var(--color-white) 15%, transparent) } } .bg-white\/20 { background-color: #fff3 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/20 { background-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .bg-white\/25 { background-color: #ffffff40 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/25 { background-color: color-mix(in oklab, var(--color-white) 25%, transparent) } } .bg-white\/30 { background-color: #ffffff4d } @supports (color: color-mix(in lab, red, red)) { .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent) } } .bg-white\/40 { background-color: #fff6 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/40 { background-color: color-mix(in oklab, var(--color-white) 40%, transparent) } } .bg-white\/50 { background-color: #ffffff80 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/50 { background-color: color-mix(in oklab, var(--color-white) 50%, transparent) } } .bg-white\/60 { background-color: #fff9 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/60 { background-color: color-mix(in oklab, var(--color-white) 60%, transparent) } } .bg-white\/70 { background-color: #ffffffb3 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/70 { background-color: color-mix(in oklab, var(--color-white) 70%, transparent) } } .bg-white\/85 { background-color: #ffffffd9 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/85 { background-color: color-mix(in oklab, var(--color-white) 85%, transparent) } } .bg-white\/90 { background-color: #ffffffe6 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/90 { background-color: color-mix(in oklab, var(--color-white) 90%, transparent) } } .bg-white\/95 { background-color: #fffffff2 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/95 { background-color: color-mix(in oklab, var(--color-white) 95%, transparent) } } .bg-white\/\[0\.01\] { background-color: #ffffff03 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.01\] { background-color: color-mix(in oklab, var(--color-white) 1%, transparent) } } .bg-white\/\[0\.02\] { background-color: #ffffff05 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.02\] { background-color: color-mix(in oklab, var(--color-white) 2%, transparent) } } .bg-white\/\[0\.03\] { background-color: #ffffff08 } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.03\] { background-color: color-mix(in oklab, var(--color-white) 3%, transparent) } } .bg-white\/\[0\.04\] { background-color: #ffffff0a } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-white) 4%, transparent) } } .bg-white\/\[0\.8\] { background-color: #fffc } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.8\] { background-color: color-mix(in oklab, var(--color-white) 80%, transparent) } } .bg-yellow-50 { background-color: var(--color-yellow-50) } .bg-yellow-100 { background-color: var(--color-yellow-100) } .bg-yellow-200 { background-color: var(--color-yellow-200) } .bg-yellow-300 { background-color: var(--color-yellow-300) } .bg-yellow-400 { background-color: var(--color-yellow-400) } .bg-yellow-400\/80 { background-color: #fac800cc } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-400\/80 { background-color: color-mix(in oklab, var(--color-yellow-400) 80%, transparent) } } .bg-yellow-500 { background-color: var(--color-yellow-500) } .bg-yellow-500\/10 { background-color: #edb2001a } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/10 { background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent) } } .bg-zinc-50 { background-color: var(--color-zinc-50) } .bg-zinc-100 { background-color: var(--color-zinc-100) } .bg-zinc-200\/80 { background-color: #e4e4e7cc } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-200\/80 { background-color: color-mix(in oklab, var(--color-zinc-200) 80%, transparent) } } .bg-zinc-400 { background-color: var(--color-zinc-400) } .bg-zinc-500 { background-color: var(--color-zinc-500) } .bg-zinc-600 { background-color: var(--color-zinc-600) } .bg-zinc-700 { background-color: var(--color-zinc-700) } .bg-zinc-800 { background-color: var(--color-zinc-800) } .bg-zinc-900 { background-color: var(--color-zinc-900) } .bg-zinc-900\/30 { background-color: #18181b4d } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/30 { background-color: color-mix(in oklab, var(--color-zinc-900) 30%, transparent) } } .bg-zinc-900\/50 { background-color: #18181b80 } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/50 { background-color: color-mix(in oklab, var(--color-zinc-900) 50%, transparent) } } .bg-zinc-900\/80 { background-color: #18181bcc } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/80 { background-color: color-mix(in oklab, var(--color-zinc-900) 80%, transparent) } } .bg-zinc-950 { background-color: var(--color-zinc-950) } .bg-linear-to-b { --tw-gradient-position: to bottom } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-b { --tw-gradient-position: to bottom in oklab } } .bg-linear-to-b { background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-linear-to-bl { --tw-gradient-position: to bottom left } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-bl { --tw-gradient-position: to bottom left in oklab } } .bg-linear-to-bl { background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-linear-to-br { --tw-gradient-position: to bottom right } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-br { --tw-gradient-position: to bottom right in oklab } } .bg-linear-to-br { background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-linear-to-l { --tw-gradient-position: to left } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-l { --tw-gradient-position: to left in oklab } } .bg-linear-to-l { background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-linear-to-r { --tw-gradient-position: to right } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-r { --tw-gradient-position: to right in oklab } } .bg-linear-to-r { background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-linear-to-t { --tw-gradient-position: to top } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-t { --tw-gradient-position: to top in oklab } } .bg-linear-to-t { background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-linear-to-tr { --tw-gradient-position: to top right } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-tr { --tw-gradient-position: to top right in oklab } } .bg-linear-to-tr { background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-bl { --tw-gradient-position: to bottom left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-l { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-tl { --tw-gradient-position: to top left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-tr { --tw-gradient-position: to top right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-radial { --tw-gradient-position: in oklab; background-image: radial-gradient(var(--tw-gradient-stops)) } .bg-radial-\[at_80\%_14\%\] { --tw-gradient-position: at 80% 14%; background-image: radial-gradient(var(--tw-gradient-stops, at 80% 14%)) } .bg-radial-\[ellipse_at_30\%_50\%\] { --tw-gradient-position: ellipse at 30% 50%; background-image: radial-gradient(var(--tw-gradient-stops, ellipse at 30% 50%)) } .\!bg-none { background-image: none !important } .\[background-image\: linear-gradient\(var\(--border\)_12\%\,transparent_12\%\)\,linear-gradient\(90deg\,var\(--border\)_12\%\,transparent_12\%\)\,linear-gradient\(var\(--border\)_12\%\,transparent_12\%\)\,linear-gradient\(90deg\,var\(--border\)_12\%\,transparent_12\%\)\] { background-image: linear-gradient(var(--border) 12%, transparent 12%), linear-gradient(90deg, var(--border) 12%, transparent 12%), linear-gradient(var(--border) 12%, transparent 12%), linear-gradient(90deg, var(--border) 12%, transparent 12%) } .\[background-image\: repeating-linear-gradient\(-45deg\,color-mix\(in_oklch\,var\(--border\)_34\%\,transparent\)_0\,color-mix\(in_oklch\,var\(--border\)_34\%\,transparent\)_1px\,transparent_1px\,transparent_8px\)\] { background-image: repeating-linear-gradient(-45deg, var(--border) 0, var(--border) 1px, transparent 1px, transparent 8px) } @supports (color: color-mix(in lab, red, red)) { .\[background-image\:repeating-linear-gradient\(-45deg\,color-mix\(in_oklch\,var\(--border\)_34\%\,transparent\)_0\,color-mix\(in_oklch\,var\(--border\)_34\%\,transparent\)_1px\,transparent_1px\,transparent_8px\)\] { background-image: repeating-linear-gradient(-45deg, color-mix(in oklch, var(--border) 34%, transparent) 0, color-mix(in oklch, var(--border) 34%, transparent) 1px, transparent 1px, transparent 8px) } } .\[background-image\: repeating-linear-gradient\(90deg\,transparent\,transparent_4px\,currentColor_4px\,currentColor_8px\)\,repeating-linear-gradient\(0deg\,transparent\,transparent_4px\,currentColor_4px\,currentColor_8px\)\] { background-image: repeating-linear-gradient(90deg, #0000, #0000 4px, currentColor 4px 8px), repeating-linear-gradient(0deg, #0000, #0000 4px, currentColor 4px 8px) } .\[background-image\: repeating-linear-gradient\(135deg\,var\(--border\)_0\,var\(--border\)_1px\,transparent_0\,transparent_50\%\)\] { background-image: repeating-linear-gradient(135deg, var(--border) 0, var(--border) 1px, transparent 0, transparent 50%) } .\[background-image\: var\(--white-gradient\)\,var\(--aurora\)\] { background-image: var(--white-gradient), var(--aurora) } .bg-\[linear-gradient\(\#121213\,\#121213\)\,linear-gradient\(\#121213_50\%\,rgba\(18\,18\,19\,0\.6\)_80\%\,rgba\(18\,18\,19\,0\)\)\,linear-gradient\(90deg\,var\(--color-1\)\,var\(--color-5\)\,var\(--color-3\)\,var\(--color-4\)\,var\(--color-2\)\)\] { background-image: linear-gradient(#121213, #121213), linear-gradient(#121213 50%, #12121399 80%, #12121300), linear-gradient(90deg, var(--color-1), var(--color-5), var(--color-3), var(--color-4), var(--color-2)) } .bg-\[linear-gradient\(\#fbf7ec\,\#e2f1ee\)\] { background-image: linear-gradient(#fbf7ec, #e2f1ee) } .bg-\[linear-gradient\(\#ffffff\,\#ffffff\)\,linear-gradient\(\#ffffff_50\%\,rgba\(18\,18\,19\,0\.6\)_80\%\,rgba\(18\,18\,19\,0\)\)\,linear-gradient\(90deg\,var\(--color-1\)\,var\(--color-5\)\,var\(--color-3\)\,var\(--color-4\)\,var\(--color-2\)\)\] { background-image: linear-gradient(#fff, #fff), linear-gradient(#fff 50%, #12121399 80%, #12121300), linear-gradient(90deg, var(--color-1), var(--color-5), var(--color-3), var(--color-4), var(--color-2)) } .bg-\[linear-gradient\(0deg\,var\(--color-background\)_60\%\,transparent_100\%\)\] { background-image: linear-gradient(0deg, var(--color-background) 60%, transparent 100%) } .bg-\[linear-gradient\(90deg\,\#FF0000\,\#FFFF00\,\#00FF00\,\#00FFFF\,\#0000FF\,\#FF00FF\,\#FF0000\)\] { background-image: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red) } .bg-\[linear-gradient\(90deg\,hsl\(var\(--primary\)\/0\.22\)\,hsl\(var\(--primary\)\/0\.72\)\,hsl\(var\(--primary\)\/0\.22\)\)\] { background-image: linear-gradient(90deg, hsl(var(--primary)/.22), hsl(var(--primary)/.72), hsl(var(--primary)/.22)) } .bg-\[linear-gradient\(90deg\,var\(--background\)_0\%\,color-mix\(in_oklab\,var\(--background\)_52\%\,transparent\)_34\%\,color-mix\(in_oklab\,var\(--background\)_14\%\,transparent\)_68\%\,transparent_100\%\)\] { background-image: linear-gradient(90deg, var(--background) 0%, var(--background) 34%, var(--background) 68%, transparent 100%) } @supports (color: color-mix(in lab, red, red)) { .bg-\[linear-gradient\(90deg\,var\(--background\)_0\%\,color-mix\(in_oklab\,var\(--background\)_52\%\,transparent\)_34\%\,color-mix\(in_oklab\,var\(--background\)_14\%\,transparent\)_68\%\,transparent_100\%\)\] { background-image: linear-gradient(90deg, var(--background) 0%, color-mix(in oklab, var(--background) 52%, transparent) 34%, color-mix(in oklab, var(--background) 14%, transparent) 68%, transparent 100%) } } .bg-\[linear-gradient\(90deg\,var\(--muted-foreground\)_1px\,transparent_1px\)\] { background-image: linear-gradient(90deg, var(--muted-foreground) 1px, transparent 1px) } .bg-\[linear-gradient\(110deg\,\#333_0\.6\%\,\#222\)\] { background-image: linear-gradient(110deg, #333 .6%, #222) } .bg-\[linear-gradient\(180deg\,hsl\(var\(--background\)\)_0\%\,color-mix\(in_oklab\,hsl\(var\(--muted\)\)_52\%\,transparent\)_100\%\)\] { background-image: linear-gradient(180deg, hsl(var(--background)), hsl(var(--muted))) } @supports (color: color-mix(in lab, red, red)) { .bg-\[linear-gradient\(180deg\,hsl\(var\(--background\)\)_0\%\,color-mix\(in_oklab\,hsl\(var\(--muted\)\)_52\%\,transparent\)_100\%\)\] { background-image: linear-gradient(180deg, hsl(var(--background)), color-mix(in oklab, hsl(var(--muted)) 52%, transparent)) } } .bg-\[linear-gradient\(180deg\,var\(--color-neutral-600\)\,var\(--color-neutral-700\)\,var\(--color-neutral-900\)\)\] { background-image: linear-gradient(180deg, var(--color-neutral-600), var(--color-neutral-700), var(--color-neutral-900)) } .bg-\[linear-gradient\(180deg\,var\(--color-primary\)_0\%\,var\(--color-transparent\)_85\%\)\] { background-image: linear-gradient(180deg, var(--color-primary) 0%, var(--color-transparent) 85%) } .bg-\[linear-gradient\(270deg\,var\(--background\)_0\%\,color-mix\(in_oklab\,var\(--background\)_52\%\,transparent\)_34\%\,color-mix\(in_oklab\,var\(--background\)_14\%\,transparent\)_68\%\,transparent_100\%\)\] { background-image: linear-gradient(270deg, var(--background) 0%, var(--background) 34%, var(--background) 68%, transparent 100%) } @supports (color: color-mix(in lab, red, red)) { .bg-\[linear-gradient\(270deg\,var\(--background\)_0\%\,color-mix\(in_oklab\,var\(--background\)_52\%\,transparent\)_34\%\,color-mix\(in_oklab\,var\(--background\)_14\%\,transparent\)_68\%\,transparent_100\%\)\] { background-image: linear-gradient(270deg, var(--background) 0%, color-mix(in oklab, var(--background) 52%, transparent) 34%, color-mix(in oklab, var(--background) 14%, transparent) 68%, transparent 100%) } } .bg-\[linear-gradient\(270deg\,var\(--color-primary\)_0\%\,var\(--color-transparent\)_85\%\)\] { background-image: linear-gradient(270deg, var(--color-primary) 0%, var(--color-transparent) 85%) } .bg-\[linear-gradient\(270deg\,var\(--primary\,rgb\(255\,255\,255\)\)_0\%\,var\(--secondary\,rgb\(0\,0\,0\)\)_100\%\)\] { background-image: linear-gradient(270deg, var(--primary, #fff) 0%, var(--secondary, #000) 100%) } .bg-\[linear-gradient\(270deg\,var\(--secondary\,rgb\(0\,0\,0\)\)_0\%\,var\(--primary\,rgb\(255\,255\,255\)\)_100\%\)\] { background-image: linear-gradient(270deg, var(--secondary, #000) 0%, var(--primary, #fff) 100%) } .bg-\[linear-gradient\(282deg\,var\(--color-muted-foreground\)_0\%\,var\(--color-foreground\)_100\%\)\] { background-image: linear-gradient(282deg, var(--color-muted-foreground) 0%, var(--color-foreground) 100%) } .bg-\[linear-gradient\(hsl\(var\(--color-primary\)\)_50\%\,transparent\)\] { background-image: linear-gradient(hsl(var(--color-primary)) 50%, transparent) } .bg-\[linear-gradient\(rgba\(0\,0\,0\,\.6\)\,rgba\(0\,0\,0\,\.6\)\)\,url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/photos\/simone-hutsch-xOLhD-qfoRI-unsplash\.jpg\'\)\] { background-image: linear-gradient(#0009, #0009), url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/photos/simone-hutsch-xOLhD-qfoRI-unsplash.jpg) } .bg-\[linear-gradient\(rgba\(0\,0\,0\,0\.4\)\,rgba\(0\,0\,0\,0\)\)\,url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/photos\/pawel-czerwinski-O4fAgtXLRwI-unsplash\.jpg\'\)\] { background-image: linear-gradient(#0006, #0000), url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/photos/pawel-czerwinski-O4fAgtXLRwI-unsplash.jpg) } .bg-\[linear-gradient\(to_bottom\,transparent\,hsl\(var\(--border\)\)_5\%\,hsl\(var\(--border\)\)_95\%\,transparent\)\] { background-image: linear-gradient(to bottom, transparent, hsl(var(--border)) 5%, hsl(var(--border)) 95%, transparent) } .bg-\[linear-gradient\(to_bottom\,var\(--background\)_0\%\,transparent_20\%\,transparent_70\%\,var\(--background\)_90\%\)\] { background-image: linear-gradient(to bottom, var(--background) 0%, transparent 20%, transparent 70%, var(--background) 90%) } .bg-\[linear-gradient\(to_bottom\,var\(--color\)\,var\(--color\)_50\%\,transparent_0\,transparent\)\] { background-image: linear-gradient(to bottom, var(--color), var(--color) 50%, transparent 0, transparent) } .bg-\[linear-gradient\(to_bottom\,var\(--montage-bg-foreground\)\,var\(--montage-bg-foreground\)_50\%\,transparent_0\,transparent\)\] { background-image: linear-gradient(to bottom, var(--montage-bg-foreground), var(--montage-bg-foreground) 50%, transparent 0, transparent) } .bg-\[linear-gradient\(to_bottom_right\,var\(--color-foreground\)\,var\(--color-muted-foreground\)\)\] { background-image: linear-gradient(to bottom right, var(--color-foreground), var(--color-muted-foreground)) } .bg-\[linear-gradient\(to_right\,\#8882_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#8882_1px\,transparent_1px\)\] { background-image: linear-gradient(90deg, #8882 1px, #0000 1px), linear-gradient(#8882 1px, #0000 1px) } .bg-\[linear-gradient\(to_right\,\#80808012_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#80808012_1px\,transparent_1px\)\] { background-image: linear-gradient(90deg, #80808012 1px, #0000 1px), linear-gradient(#80808012 1px, #0000 1px) } .bg-\[linear-gradient\(to_right\,_var\(--muted\)_1px\,_transparent_1px\)\,linear-gradient\(to_bottom\,_var\(--muted\)_1px\,_transparent_1px\)\] { background-image: linear-gradient(to right, var(--muted) 1px, transparent 1px), linear-gradient(to bottom, var(--muted) 1px, transparent 1px) } .bg-\[linear-gradient\(to_right\,color-mix\(in_oklch\,var\(--color-muted-foreground\)_22\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,color-mix\(in_oklch\,var\(--color-muted-foreground\)_22\%\,transparent\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, var(--color-muted-foreground) 1px, transparent 1px), linear-gradient(to bottom, var(--color-muted-foreground) 1px, transparent 1px) } @supports (color:color-mix(in lab, red, red)) { .bg-\[linear-gradient\(to_right\,color-mix\(in_oklch\,var\(--color-muted-foreground\)_22\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,color-mix\(in_oklch\,var\(--color-muted-foreground\)_22\%\,transparent\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, color-mix(in oklch, var(--color-muted-foreground) 22%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--color-muted-foreground) 22%, transparent) 1px, transparent 1px) } } .bg-\[linear-gradient\(to_right\,hsl\(var\(--background\)\)_0\%\,transparent_10\%\,transparent_90\%\,hsl\(var\(--background\)\)_100\%\)\] { background-image: linear-gradient(to right, hsl(var(--background)) 0%, transparent 10%, transparent 90%, hsl(var(--background)) 100%) } .bg-\[linear-gradient\(to_right\,hsl\(var\(--border\)\/0\.35\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,hsl\(var\(--border\)\/0\.35\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, hsl(var(--border)/.35) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--border)/.35) 1px, transparent 1px) } .bg-\[linear-gradient\(to_right\,hsl\(var\(--muted\)\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,hsl\(var\(--muted\)\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, hsl(var(--muted)) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--muted)) 1px, transparent 1px) } .bg-\[linear-gradient\(to_right\,hsl\(var\(--muted-foreground\)\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,hsl\(var\(--muted-foreground\)\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, hsl(var(--muted-foreground)) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--muted-foreground)) 1px, transparent 1px) } .bg-\[linear-gradient\(to_right\,hsl\(var\(--muted-foreground\)\/10\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,hsl\(var\(--muted-foreground\)\/10\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, hsl(var(--muted-foreground)/10) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--muted-foreground)/10) 1px, transparent 1px) } .bg-\[linear-gradient\(to_right\,transparent\,hsl\(var\(--border\)\)_4\%\,hsl\(var\(--border\)\)_96\%\,transparent\)\] { background-image: linear-gradient(to right, transparent, hsl(var(--border)) 4%, hsl(var(--border)) 96%, transparent) } .bg-\[linear-gradient\(to_right\,var\(--border\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--border\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px) } .bg-\[linear-gradient\(to_right\,var\(--color\)\,var\(--color\)_50\%\,transparent_0\,transparent\)\] { background-image: linear-gradient(to right, var(--color), var(--color) 50%, transparent 0, transparent) } .bg-\[linear-gradient\(to_right\,var\(--color-background\)_0\%\,transparent_10\%\,transparent_90\%\,var\(--color-background\)_100\%\)\] { background-image: linear-gradient(to right, var(--color-background) 0%, transparent 10%, transparent 90%, var(--color-background) 100%) } .bg-\[linear-gradient\(to_right\,var\(--color-border\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--color-border\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px) } .bg-\[linear-gradient\(to_right\,var\(--color-neutral-100\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--color-neutral-100\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, var(--color-neutral-100) 1px, transparent 1px), linear-gradient(to bottom, var(--color-neutral-100) 1px, transparent 1px) } .bg-\[linear-gradient\(to_right\,var\(--color-neutral-200\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--color-neutral-200\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, var(--color-neutral-200) 1px, transparent 1px), linear-gradient(to bottom, var(--color-neutral-200) 1px, transparent 1px) } .bg-\[linear-gradient\(to_right\,var\(--color-neutral-800\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--color-neutral-800\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, var(--color-neutral-800) 1px, transparent 1px), linear-gradient(to bottom, var(--color-neutral-800) 1px, transparent 1px) } .bg-\[linear-gradient\(to_right\,var\(--montage-bg-foreground\)\,var\(--montage-bg-foreground\)_50\%\,transparent_0\,transparent\)\] { background-image: linear-gradient(to right, var(--montage-bg-foreground), var(--montage-bg-foreground) 50%, transparent 0, transparent) } .bg-\[linear-gradient\(to_right\,var\(--muted\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--muted\)_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, var(--muted) 1px, transparent 1px), linear-gradient(to bottom, var(--muted) 1px, transparent 1px) } .bg-\[linear-gradient\(to_top\,white_0\%\,rgba\(255\,255\,255\,0\)_100\%\)\] { background-image: linear-gradient(#fff0, #fff) } .bg-\[linear-gradient\(transparent\,var\(--color-muted\)\)\] { background-image: linear-gradient(transparent, var(--color-muted)) } .bg-\[linear-gradient\(transparent\,var\(--primary\)_80\%\)\] { background-image: linear-gradient(transparent, var(--primary) 80%) } .bg-\[linear-gradient\(transparent_20\%\,black_100\%\)\] { background-image: linear-gradient(#0000 20%, #000) } .bg-\[linear-gradient\(var\(--accent\)_0\%\,var\(--background\)_100\%\)\] { background-image: linear-gradient(var(--accent) 0%, var(--background) 100%) } .bg-\[linear-gradient\(var\(--color-muted\)\,transparent\)\] { background-image: linear-gradient(var(--color-muted), transparent) } .bg-\[linear-gradient\(var\(--muted\)_0\%\,var\(--background\)_100\%\)\] { background-image: linear-gradient(var(--muted) 0%, var(--background) 100%) } .bg-\[radial-gradient\(\#e5e7eb_0\.5px\,transparent_0\.5px\)\] { background-image: radial-gradient(#e5e7eb .5px, #0000 .5px) } .bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,hsla\(0\,0\%\,85\%\,\.04\)_0\,hsla\(0\,0\%\,45\%\,\.02\)_80\%\,transparent_100\%\)\] { background-image: radial-gradient(50% 50%, #d9d9d90a 0, #73737305 80%, #0000) } .bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,hsla\(0\,0\%\,85\%\,\.06\)_0\,hsla\(0\,0\%\,45\%\,\.02\)_80\%\,transparent_100\%\)\] { background-image: radial-gradient(50% 50%, #d9d9d90f 0, #73737305 80%, #0000) } .bg-\[radial-gradient\(50\%_60\%_at_50\%_0\%\,var\(--color-muted\)_0\%\,var\(--color-background\)_100\%\)\] { background-image: radial-gradient(50% 60% at 50% 0%, var(--color-muted) 0%, var(--color-background) 100%) } .bg-\[radial-gradient\(68\.54\%_68\.72\%_at_55\.02\%_31\.46\%\,hsla\(0\,0\%\,85\%\,\.08\)_0\,hsla\(0\,0\%\,55\%\,\.02\)_50\%\,hsla\(0\,0\%\,45\%\,0\)_80\%\)\] { background-image: radial-gradient(68.54% 68.72% at 55.02% 31.46%, #d9d9d914 0, #8c8c8c05 50%, #73737300 80%) } .bg-\[radial-gradient\(at_top\,var\(--color-orange-50\)_10\%\,var\(--color-orange-100\)_30\%\,var\(--color-sky-100\)_70\%\)\] { background-image: radial-gradient(at top, var(--color-orange-50) 10%, var(--color-orange-100) 30%, var(--color-sky-100) 70%) } .bg-\[radial-gradient\(at_top_left\,var\(--color-violet-800\)_30\%\,transparent_80\%\)\,radial-gradient\(at_bottom\,var\(--color-cyan-600\)_0\%\,transparent_60\%\)\,radial-gradient\(at_bottom_left\,var\(--color-cyan-600\)_0\%\,transparent_50\%\)\,radial-gradient\(at_top_right\,var\(--color-cyan-600\)\,transparent\)\,radial-gradient\(at_bottom_right\,var\(--color-violet-600\)_0\%\,transparent_50\%\)\] { background-image: radial-gradient(at top left, var(--color-violet-800) 30%, transparent 80%), radial-gradient(at bottom, var(--color-cyan-600) 0%, transparent 60%), radial-gradient(at bottom left, var(--color-cyan-600) 0%, transparent 50%), radial-gradient(at top right, var(--color-cyan-600), transparent), radial-gradient(at bottom right, var(--color-violet-600) 0%, transparent 50%) } .bg-\[radial-gradient\(circle_800px_at_50\%_50\%\,transparent\,white\)\] { background-image: radial-gradient(800px, #0000, #fff) } .bg-\[radial-gradient\(circle_at_0\%_0\%\,--theme\(--color-amber-100\/40\)\,transparent_60\%\)\,radial-gradient\(circle_at_100\%_100\%\,--theme\(--color-rose-100\/40\)\,transparent_60\%\)\] { background-image: radial-gradient(circle at 0 0, #fef3c6, #0000 60%), radial-gradient(circle at 100% 100%, #ffe4e6, #0000 60%) } @supports (color:color-mix(in lab, red, red)) { .bg-\[radial-gradient\(circle_at_0\%_0\%\,--theme\(--color-amber-100\/40\)\,transparent_60\%\)\,radial-gradient\(circle_at_100\%_100\%\,--theme\(--color-rose-100\/40\)\,transparent_60\%\)\] { background-image: radial-gradient(circle at 0% 0%, color-mix(in oklab, var(--color-amber-100) 4000%, transparent), transparent 60%), radial-gradient(circle at 100% 100%, color-mix(in oklab, var(--color-rose-100) 4000%, transparent), transparent 60%) } } .bg-\[radial-gradient\(circle_at_center\,_var\(--tw-gradient-stops\)\)\] { background-image: radial-gradient(circle at center, var(--tw-gradient-stops)) } .bg-\[radial-gradient\(circle_at_center\,black_2px\,transparent_2px\)\] { background-image: radial-gradient(circle, #000 2px, #0000 2px) } .bg-\[radial-gradient\(circle_at_center\,transparent_0\%\,hsl\(var\(--background\)\)_70\%\)\] { background-image: radial-gradient(circle at center, transparent 0%, hsl(var(--background)) 70%) } .bg-\[radial-gradient\(circle_at_center\,var\(--color-primary\)_50\%\,transparent_50\%\)\] { background-image: radial-gradient(circle at center, var(--color-primary) 50%, transparent 50%) } .bg-\[radial-gradient\(circle_at_center_right\,var\(--color-green-200\)\,var\(--color-cyan-300\)_10\%\,var\(--color-blue-700\)_30\%\,var\(--color-foreground\)_70\%\)\] { background-image: radial-gradient(circle at center right, var(--color-green-200), var(--color-cyan-300) 10%, var(--color-blue-700) 30%, var(--color-foreground) 70%) } .bg-\[radial-gradient\(circle_at_top\,_hsl\(var\(--primary\)\/0\.14\)\,_transparent_42\%\)\,radial-gradient\(circle_at_bottom_right\,_hsl\(var\(--primary\)\/0\.08\)\,_transparent_36\%\)\] { background-image: radial-gradient(circle at top, hsl(var(--primary)/.14), transparent 42%), radial-gradient(circle at bottom right, hsl(var(--primary)/.08), transparent 36%) } .bg-\[radial-gradient\(circle_at_top_left\,var\(--color-foreground\)_30\%\,var\(--color-green-500\)\,var\(--color-cyan-300\)\,var\(--color-blue-300\)\,var\(--color-red-200\)\,var\(--color-foreground\)_90\%\)\] { background-image: radial-gradient(circle at top left, var(--color-foreground) 30%, var(--color-green-500), var(--color-cyan-300), var(--color-blue-300), var(--color-red-200), var(--color-foreground) 90%) } .bg-\[radial-gradient\(circle_at_top_right\,rgba\(255\,255\,255\,0\.15\)\,transparent_50\%\)\] { background-image: radial-gradient(circle at 100% 0, #ffffff26, #0000 50%) } .bg-\[radial-gradient\(circle_at_top_right\,var\(--color-foreground\)_20\%\,transparent_20\%\)\] { background-image: radial-gradient(circle at top right, var(--color-foreground) 20%, transparent 20%) } .bg-\[radial-gradient\(closest-side\,var\(--color-accent\)\,transparent\)\] { background-image: radial-gradient(closest-side, var(--color-accent), transparent) } .bg-\[radial-gradient\(closest-side\,var\(--color-background\)_54\%\,transparent\)\] { background-image: radial-gradient(closest-side, var(--color-background) 54%, transparent) } .bg-\[radial-gradient\(closest-side\,var\(--color-gray-300\)\,var\(--color-transparent\)\)\] { background-image: radial-gradient(closest-side, var(--color-gray-300), var(--color-transparent)) } .bg-\[radial-gradient\(ellipse_30\%_60\%_at_100\%_80\%\,var\(--color-gray-200\)\,transparent\)\] { background-image: radial-gradient(ellipse 30% 60% at 100% 80%, var(--color-gray-200), transparent) } .bg-\[radial-gradient\(ellipse_35\%_15\%_at_40\%_55\%\,hsl\(var\(--accent\)\)_0\%\,transparent_100\%\)\] { background-image: radial-gradient(ellipse 35% 15% at 40% 55%, hsl(var(--accent)) 0%, transparent 100%) } .bg-\[radial-gradient\(ellipse_35\%_20\%_at_70\%_75\%\,hsl\(var\(--accent\)\)_0\%\,transparent_80\%\)\] { background-image: radial-gradient(ellipse 35% 20% at 70% 75%, hsl(var(--accent)) 0%, transparent 80%) } .bg-\[radial-gradient\(ellipse_60\%_60\%_at_65\%_50\%\,hsl\(var\(--accent\)\)_0\%\,transparent_80\%\)\] { background-image: radial-gradient(ellipse 60% 60% at 65% 50%, hsl(var(--accent)) 0%, transparent 80%) } .bg-\[radial-gradient\(ellipse_70\%_60\%_at_50\%_52\%\,rgb\(0_0_0\/0\.08\)_0\%\,rgb\(0_0_0\/0\.02\)_45\%\,transparent_74\%\)\] { background-image: radial-gradient(70% 60% at 50% 52%, #00000014, #00000005 45%, #0000 74%) } .bg-\[radial-gradient\(ellipse_72\%_68\%_at_50\%_45\%\,var\(--background\)_0\%\,var\(--background\)_32\%\,transparent_72\%\)\] { background-image: radial-gradient(ellipse 72% 68% at 50% 45%, var(--background) 0%, var(--background) 32%, transparent 72%) } .bg-\[radial-gradient\(ellipse_86\%_80\%_at_50\%_50\%\,rgb\(0_0_0\/0\.56\)\,rgb\(0_0_0\/0\.24\)_44\%\,rgb\(0_0_0\/0\.1\)_58\%\,transparent_84\%\)\,linear-gradient\(rgb\(0_0_0\/0\.1\)\,rgb\(0_0_0\/0\.1\)\)\] { background-image: radial-gradient(86% 80%, #0000008f, #0000003d 44%, #0000001a 58%, #0000 84%), linear-gradient(#0000001a, #0000001a) } .bg-\[radial-gradient\(ellipse_at_bottom_left\,var\(--tw-gradient-stops\)\)\] { background-image: radial-gradient(ellipse at bottom left, var(--tw-gradient-stops)) } .bg-\[radial-gradient\(ellipse_at_center\,var\(--muted\)_0\%\,transparent_72\%\)\] { background-image: radial-gradient(ellipse at center, var(--muted) 0%, transparent 72%) } .bg-\[radial-gradient\(ellipse_at_center\,var\(--tw-gradient-stops\)\)\] { background-image: radial-gradient(ellipse at center, var(--tw-gradient-stops)) } .bg-\[radial-gradient\(hsl\(var\(--accent-foreground\)\/0\.1\)_1px\,transparent_1px\)\] { background-image: radial-gradient(hsl(var(--accent-foreground)/.1) 1px, transparent 1px) } .bg-\[radial-gradient\(var\(--color-border\)_1px\,transparent_1px\)\] { background-image: radial-gradient(var(--color-border) 1px, transparent 1px) } .bg-\[radial-gradient\(var\(--color-gray-400\)_1px\,transparent_1px\)\] { background-image: radial-gradient(var(--color-gray-400) 1px, transparent 1px) } .bg-\[radial-gradient\(var\(--muted\)_1px\,transparent_1px\)\] { background-image: radial-gradient(var(--muted) 1px, transparent 1px) } .bg-\[radial-gradient\(var\(--muted-foreground\)_1px\,transparent_1px\)\] { background-image: radial-gradient(var(--muted-foreground) 1px, transparent 1px) } .bg-\[radial-gradient\(var\(--primary\)_1px\,transparent_1px\)\] { background-image: radial-gradient(var(--primary) 1px, transparent 1px) } .bg-\[radial-gradient\(white_1px\,transparent_1px\)\] { background-image: radial-gradient(#fff 1px, #0000 1px) } .bg-\[repeating-linear-gradient\(-45deg\,theme\(colors\.border\)_0_1px\,transparent_1px_16px\)\] { background-image: repeating-linear-gradient(-45deg, var(--border) 0 1px, transparent 1px 16px) } .bg-\[repeating-linear-gradient\(0deg\,transparent\,transparent_2px\,hsl\(var\(--muted-foreground\)\/0\.04\)_2px\,hsl\(var\(--muted-foreground\)\/0\.04\)_3px\)\] { background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, hsl(var(--muted-foreground)/.04) 2px, hsl(var(--muted-foreground)/.04) 3px) } .bg-\[repeating-linear-gradient\(22deg\,transparent\,transparent_31px\,rgba\(255\,255\,255\,0\.5\)_31px\,rgba\(255\,255\,255\,0\.5\)_32px\)\] { background-image: repeating-linear-gradient(22deg, #0000, #0000 31px, #ffffff80 31px 32px) } .bg-\[repeating-linear-gradient\(90deg\,transparent\,transparent_4px\,currentColor_4px\,currentColor_8px\)\,repeating-linear-gradient\(0deg\,transparent\,transparent_4px\,currentColor_4px\,currentColor_8px\)\] { background-image: repeating-linear-gradient(90deg, #0000, #0000 4px, currentColor 4px 8px), repeating-linear-gradient(0deg, #0000, #0000 4px, currentColor 4px 8px) } .bg-\[repeating-linear-gradient\(90deg\,transparent\,transparent_4px\,currentColor_4px\,currentColor_10px\)\] { background-image: repeating-linear-gradient(90deg, #0000, #0000 4px, currentColor 4px 10px) } .bg-\[repeating-linear-gradient\(135deg\,var\(--border\)_0\,var\(--border\)_1px\,transparent_1px\,transparent_7px\)\] { background-image: repeating-linear-gradient(135deg, var(--border) 0, var(--border) 1px, transparent 1px, transparent 7px) } .bg-\[repeating-linear-gradient\(180deg\,transparent\,transparent_4px\,currentColor_4px\,currentColor_8px\)\] { background-image: repeating-linear-gradient(#0000, #0000 4px, currentColor 4px 8px) } .bg-\[repeating-linear-gradient\(180deg\,transparent\,transparent_4px\,currentColor_4px\,currentColor_10px\)\] { background-image: repeating-linear-gradient(#0000, #0000 4px, currentColor 4px 10px) } .bg-\[url\(\'data\:image\/png\;base64\,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8\/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA\/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg\=\=\'\)\] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) } .bg-\[url\(\'data\:image\/svg\+xml\,\%3Csvg\%20width\%3D\%2736\%27\%20height\%3D\%2736\%27\%20viewBox\%3D\%270\%200\%2036\%2036\%27\%20fill\%3D\%27none\%27\%20xmlns\%3D\%27http\%3A\/\/www\.w3\.org\/2000\/svg\%27\%3E\%3Ccircle\%20opacity\%3D\%270\.07\%27\%20cx\%3D\%2718\%27\%20cy\%3D\%2718\%27\%20r\%3D\%272\%27\%20fill\%3D\%27\%230F0F0E\%27\/\%3E\%3C\/svg\%3E\'\)\] { background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2736%27%20height%3D%2736%27%20viewBox%3D%270%200%2036%2036%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Ccircle%20opacity%3D%270.07%27%20cx%3D%2718%27%20cy%3D%2718%27%20r%3D%272%27%20fill%3D%27%230F0F0E%27/%3E%3C/svg%3E) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/full-width-backgrounds\/andrew-kliatskyi-MaVm_A0xhKk-unsplash\.jpg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/full-width-backgrounds/andrew-kliatskyi-MaVm_A0xhKk-unsplash.jpg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/full-width-backgrounds\/pawel-czerwinski-IbHFznCKnqA-unsplash\.jpg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/full-width-backgrounds/pawel-czerwinski-IbHFznCKnqA-unsplash.jpg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/hero105\/background\.png\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/hero105/background.png) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/hero114\/background\.png\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/hero114/background.png) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/lummi\/bw15\.jpeg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/lummi/bw15.jpeg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/lummi\/landscape6\.jpeg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/lummi/landscape6.jpeg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/patterns\/dot-pattern-2\.svg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/dot-pattern-2.svg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/patterns\/grid-2\.svg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/grid-2.svg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/patterns\/grid1\.svg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/grid1.svg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/patterns\/noise\.png\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/noise.png) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/patterns\/tiny-checkers\.svg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/tiny-checkers.svg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/photos\/christin-hume-Hcfwew744z4-unsplash\.jpg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/photos/christin-hume-Hcfwew744z4-unsplash.jpg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/photos\/ivan-bandura-hqnUYXsN5oY-unsplash\.jpg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/photos/ivan-bandura-hqnUYXsN5oY-unsplash.jpg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/placeholder-2\.svg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/placeholder-2.svg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/placeholder-3\.svg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/placeholder-3.svg) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/shadow-overlay\.png\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/shadow-overlay.png) } .bg-\[url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/images\/ui\/figma\/psyblocks\.jpg\'\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/images/ui/figma/psyblocks.jpg) } .bg-\[url\(https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/full-width-backgrounds\/andrew-kliatskyi-MaVm_A0xhKk-unsplash\.jpg\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/full-width-backgrounds/andrew-kliatskyi-MaVm_A0xhKk-unsplash.jpg) } .bg-\[url\(https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/full-width-backgrounds\/andrew-kliatskyi-uBg4k82xnI4-unsplash\.jpg\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/full-width-backgrounds/andrew-kliatskyi-uBg4k82xnI4-unsplash.jpg) } .bg-\[url\(https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/patterns\/grid-1\.svg\)\] { background-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/grid-1.svg) } .from-\(--color-from\) { --tw-gradient-from: var(--color-from); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-\[\#00C9FF\] { --tw-gradient-from: #00c9ff; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-\[\#D71E2B\] { --tw-gradient-from: #d71e2b; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-\[\#FC466B\] { --tw-gradient-from: #fc466b; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-\[\#FF5500\] { --tw-gradient-from: #f50; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-\[\#d9d9d9\]\/0 { --tw-gradient-from: oklab(0% 0 0/0); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-\[\#d53369\] { --tw-gradient-from: #d53369; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-\[\#f8ff00\] { --tw-gradient-from: #f8ff00; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-\[\#fbf7ec\] { --tw-gradient-from: #fbf7ec; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-amber-50 { --tw-gradient-from: var(--color-amber-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-amber-100 { --tw-gradient-from: var(--color-amber-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-background { --tw-gradient-from: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-background\/5 { --tw-gradient-from: var(--background) } @supports (color:color-mix(in lab, red, red)) { .from-background\/5 { --tw-gradient-from: color-mix(in oklab, var(--background) 5%, transparent) } } .from-background\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-background\/35 { --tw-gradient-from: var(--background) } @supports (color:color-mix(in lab, red, red)) { .from-background\/35 { --tw-gradient-from: color-mix(in oklab, var(--background) 35%, transparent) } } .from-background\/35 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-background\/40 { --tw-gradient-from: var(--background) } @supports (color:color-mix(in lab, red, red)) { .from-background\/40 { --tw-gradient-from: color-mix(in oklab, var(--background) 40%, transparent) } } .from-background\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-background\/50 { --tw-gradient-from: var(--background) } @supports (color:color-mix(in lab, red, red)) { .from-background\/50 { --tw-gradient-from: color-mix(in oklab, var(--background) 50%, transparent) } } .from-background\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-background\/60 { --tw-gradient-from: var(--background) } @supports (color:color-mix(in lab, red, red)) { .from-background\/60 { --tw-gradient-from: color-mix(in oklab, var(--background) 60%, transparent) } } .from-background\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-background\/70 { --tw-gradient-from: var(--background) } @supports (color:color-mix(in lab, red, red)) { .from-background\/70 { --tw-gradient-from: color-mix(in oklab, var(--background) 70%, transparent) } } .from-background\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-background\/80 { --tw-gradient-from: var(--background) } @supports (color:color-mix(in lab, red, red)) { .from-background\/80 { --tw-gradient-from: color-mix(in oklab, var(--background) 80%, transparent) } } .from-background\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-background\/90 { --tw-gradient-from: var(--background) } @supports (color:color-mix(in lab, red, red)) { .from-background\/90 { --tw-gradient-from: color-mix(in oklab, var(--background) 90%, transparent) } } .from-background\/90 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-black { --tw-gradient-from: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-black\/0 { --tw-gradient-from: #0000 } @supports (color:color-mix(in lab, red, red)) { .from-black\/0 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 0%, transparent) } } .from-black\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-black\/10 { --tw-gradient-from: #0000001a } @supports (color:color-mix(in lab, red, red)) { .from-black\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 10%, transparent) } } .from-black\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-black\/20 { --tw-gradient-from: #0003 } @supports (color:color-mix(in lab, red, red)) { .from-black\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 20%, transparent) } } .from-black\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-black\/35 { --tw-gradient-from: #00000059 } @supports (color:color-mix(in lab, red, red)) { .from-black\/35 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 35%, transparent) } } .from-black\/35 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-black\/40 { --tw-gradient-from: #0006 } @supports (color:color-mix(in lab, red, red)) { .from-black\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent) } } .from-black\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-black\/45 { --tw-gradient-from: #00000073 } @supports (color:color-mix(in lab, red, red)) { .from-black\/45 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 45%, transparent) } } .from-black\/45 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-black\/60 { --tw-gradient-from: #0009 } @supports (color:color-mix(in lab, red, red)) { .from-black\/60 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent) } } .from-black\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-black\/70 { --tw-gradient-from: #000000b3 } @supports (color:color-mix(in lab, red, red)) { .from-black\/70 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent) } } .from-black\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-black\/80 { --tw-gradient-from: #000c } @supports (color:color-mix(in lab, red, red)) { .from-black\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent) } } .from-black\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-black\/90 { --tw-gradient-from: #000000e6 } @supports (color:color-mix(in lab, red, red)) { .from-black\/90 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent) } } .from-black\/90 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-blue-100 { --tw-gradient-from: var(--color-blue-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-blue-200 { --tw-gradient-from: var(--color-blue-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-blue-400 { --tw-gradient-from: var(--color-blue-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-blue-400\/40 { --tw-gradient-from: #54a2ff66 } @supports (color:color-mix(in lab, red, red)) { .from-blue-400\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-400) 40%, transparent) } } .from-blue-400\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-blue-500 { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-blue-500\/0 { --tw-gradient-from: #0000 } @supports (color:color-mix(in lab, red, red)) { .from-blue-500\/0 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 0%, transparent) } } .from-blue-500\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-blue-500\/10 { --tw-gradient-from: #3080ff1a } @supports (color:color-mix(in lab, red, red)) { .from-blue-500\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 10%, transparent) } } .from-blue-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-blue-600 { --tw-gradient-from: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-blue-700 { --tw-gradient-from: var(--color-blue-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-blue-700\/20 { --tw-gradient-from: #1447e633 } @supports (color:color-mix(in lab, red, red)) { .from-blue-700\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-700) 20%, transparent) } } .from-blue-700\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-border { --tw-gradient-from: var(--border); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-card { --tw-gradient-from: var(--card); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-chart-1 { --tw-gradient-from: var(--chart-1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-chart-1\/0 { --tw-gradient-from: var(--chart-1) } @supports (color:color-mix(in lab, red, red)) { .from-chart-1\/0 { --tw-gradient-from: color-mix(in oklab, var(--chart-1) 0%, transparent) } } .from-chart-1\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-chart-1\/10 { --tw-gradient-from: var(--chart-1) } @supports (color:color-mix(in lab, red, red)) { .from-chart-1\/10 { --tw-gradient-from: color-mix(in oklab, var(--chart-1) 10%, transparent) } } .from-chart-1\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-chart-1\/20 { --tw-gradient-from: var(--chart-1) } @supports (color:color-mix(in lab, red, red)) { .from-chart-1\/20 { --tw-gradient-from: color-mix(in oklab, var(--chart-1) 20%, transparent) } } .from-chart-1\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-chart-1\/25 { --tw-gradient-from: var(--chart-1) } @supports (color:color-mix(in lab, red, red)) { .from-chart-1\/25 { --tw-gradient-from: color-mix(in oklab, var(--chart-1) 25%, transparent) } } .from-chart-1\/25 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-chart-1\/30 { --tw-gradient-from: var(--chart-1) } @supports (color:color-mix(in lab, red, red)) { .from-chart-1\/30 { --tw-gradient-from: color-mix(in oklab, var(--chart-1) 30%, transparent) } } .from-chart-1\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-chart-1\/40 { --tw-gradient-from: var(--chart-1) } @supports (color:color-mix(in lab, red, red)) { .from-chart-1\/40 { --tw-gradient-from: color-mix(in oklab, var(--chart-1) 40%, transparent) } } .from-chart-1\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-chart-2 { --tw-gradient-from: var(--chart-2); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-chart-2\/20 { --tw-gradient-from: var(--chart-2) } @supports (color:color-mix(in lab, red, red)) { .from-chart-2\/20 { --tw-gradient-from: color-mix(in oklab, var(--chart-2) 20%, transparent) } } .from-chart-2\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-chart-2\/40 { --tw-gradient-from: var(--chart-2) } @supports (color:color-mix(in lab, red, red)) { .from-chart-2\/40 { --tw-gradient-from: color-mix(in oklab, var(--chart-2) 40%, transparent) } } .from-chart-2\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-emerald-50\/40 { --tw-gradient-from: #ecfdf566 } @supports (color:color-mix(in lab, red, red)) { .from-emerald-50\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-50) 40%, transparent) } } .from-emerald-50\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-emerald-400\/0 { --tw-gradient-from: #0000 } @supports (color:color-mix(in lab, red, red)) { .from-emerald-400\/0 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-400) 0%, transparent) } } .from-emerald-400\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-foreground { --tw-gradient-from: var(--foreground); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-foreground\/5 { --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .from-foreground\/5 { --tw-gradient-from: color-mix(in oklab, var(--foreground) 5%, transparent) } } .from-foreground\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-foreground\/10 { --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .from-foreground\/10 { --tw-gradient-from: color-mix(in oklab, var(--foreground) 10%, transparent) } } .from-foreground\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-foreground\/20 { --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .from-foreground\/20 { --tw-gradient-from: color-mix(in oklab, var(--foreground) 20%, transparent) } } .from-foreground\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-foreground\/50 { --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .from-foreground\/50 { --tw-gradient-from: color-mix(in oklab, var(--foreground) 50%, transparent) } } .from-foreground\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-foreground\/55 { --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .from-foreground\/55 { --tw-gradient-from: color-mix(in oklab, var(--foreground) 55%, transparent) } } .from-foreground\/55 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-foreground\/60 { --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .from-foreground\/60 { --tw-gradient-from: color-mix(in oklab, var(--foreground) 60%, transparent) } } .from-foreground\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-foreground\/70 { --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .from-foreground\/70 { --tw-gradient-from: color-mix(in oklab, var(--foreground) 70%, transparent) } } .from-foreground\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-foreground\/80 { --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .from-foreground\/80 { --tw-gradient-from: color-mix(in oklab, var(--foreground) 80%, transparent) } } .from-foreground\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-foreground\/90 { --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .from-foreground\/90 { --tw-gradient-from: color-mix(in oklab, var(--foreground) 90%, transparent) } } .from-foreground\/90 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-gray-600 { --tw-gradient-from: var(--color-gray-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-gray-800 { --tw-gradient-from: var(--color-gray-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-gray-950 { --tw-gradient-from: var(--color-gray-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-green-50 { --tw-gradient-from: var(--color-green-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-green-100 { --tw-gradient-from: var(--color-green-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-green-400 { --tw-gradient-from: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-green-500 { --tw-gradient-from: var(--color-green-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-indigo-200 { --tw-gradient-from: var(--color-indigo-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-indigo-300\/40 { --tw-gradient-from: #a4b3ff66 } @supports (color:color-mix(in lab, red, red)) { .from-indigo-300\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-300) 40%, transparent) } } .from-indigo-300\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-indigo-400 { --tw-gradient-from: var(--color-indigo-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-indigo-500 { --tw-gradient-from: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-indigo-500\/5 { --tw-gradient-from: #625fff0d } @supports (color:color-mix(in lab, red, red)) { .from-indigo-500\/5 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 5%, transparent) } } .from-indigo-500\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-indigo-500\/20 { --tw-gradient-from: #625fff33 } @supports (color:color-mix(in lab, red, red)) { .from-indigo-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 20%, transparent) } } .from-indigo-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-input { --tw-gradient-from: var(--input); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-muted { --tw-gradient-from: var(--muted); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-muted-foreground { --tw-gradient-from: var(--muted-foreground); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-muted-foreground\/30 { --tw-gradient-from: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .from-muted-foreground\/30 { --tw-gradient-from: color-mix(in oklab, var(--muted-foreground) 30%, transparent) } } .from-muted-foreground\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-muted\/50 { --tw-gradient-from: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .from-muted\/50 { --tw-gradient-from: color-mix(in oklab, var(--muted) 50%, transparent) } } .from-muted\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-muted\/70 { --tw-gradient-from: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .from-muted\/70 { --tw-gradient-from: color-mix(in oklab, var(--muted) 70%, transparent) } } .from-muted\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-muted\/80 { --tw-gradient-from: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .from-muted\/80 { --tw-gradient-from: color-mix(in oklab, var(--muted) 80%, transparent) } } .from-muted\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-neutral-50 { --tw-gradient-from: var(--color-neutral-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-neutral-100 { --tw-gradient-from: var(--color-neutral-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-neutral-700 { --tw-gradient-from: var(--color-neutral-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-neutral-800 { --tw-gradient-from: var(--color-neutral-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-neutral-900 { --tw-gradient-from: var(--color-neutral-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-neutral-950 { --tw-gradient-from: var(--color-neutral-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-orange-400 { --tw-gradient-from: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-orange-500 { --tw-gradient-from: var(--color-orange-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-orange-600 { --tw-gradient-from: var(--color-orange-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-pink-500 { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-primary { --tw-gradient-from: var(--primary); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-primary-foreground { --tw-gradient-from: var(--primary-foreground); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-primary\/5 { --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .from-primary\/5 { --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent) } } .from-primary\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-primary\/10 { --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .from-primary\/10 { --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent) } } .from-primary\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-primary\/20 { --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .from-primary\/20 { --tw-gradient-from: color-mix(in oklab, var(--primary) 20%, transparent) } } .from-primary\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-primary\/30 { --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .from-primary\/30 { --tw-gradient-from: color-mix(in oklab, var(--primary) 30%, transparent) } } .from-primary\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-primary\/40 { --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .from-primary\/40 { --tw-gradient-from: color-mix(in oklab, var(--primary) 40%, transparent) } } .from-primary\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-primary\/50 { --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .from-primary\/50 { --tw-gradient-from: color-mix(in oklab, var(--primary) 50%, transparent) } } .from-primary\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-primary\/60 { --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .from-primary\/60 { --tw-gradient-from: color-mix(in oklab, var(--primary) 60%, transparent) } } .from-primary\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-primary\/70 { --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .from-primary\/70 { --tw-gradient-from: color-mix(in oklab, var(--primary) 70%, transparent) } } .from-primary\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-primary\/80 { --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .from-primary\/80 { --tw-gradient-from: color-mix(in oklab, var(--primary) 80%, transparent) } } .from-primary\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-purple-50 { --tw-gradient-from: var(--color-purple-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-purple-100 { --tw-gradient-from: var(--color-purple-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-purple-400 { --tw-gradient-from: var(--color-purple-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-purple-500 { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-purple-600 { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-red-100 { --tw-gradient-from: var(--color-red-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-red-500 { --tw-gradient-from: var(--color-red-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-red-700 { --tw-gradient-from: var(--color-red-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-sky-200 { --tw-gradient-from: var(--color-sky-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-teal-500 { --tw-gradient-from: var(--color-teal-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-violet-500 { --tw-gradient-from: var(--color-violet-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-violet-500\/10 { --tw-gradient-from: #8d54ff1a } @supports (color:color-mix(in lab, red, red)) { .from-violet-500\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 10%, transparent) } } .from-violet-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-violet-500\/20 { --tw-gradient-from: #8d54ff33 } @supports (color:color-mix(in lab, red, red)) { .from-violet-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 20%, transparent) } } .from-violet-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-white\/5 { --tw-gradient-from: #ffffff0d } @supports (color:color-mix(in lab, red, red)) { .from-white\/5 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent) } } .from-white\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-white\/10 { --tw-gradient-from: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .from-white\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent) } } .from-white\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-white\/20 { --tw-gradient-from: #fff3 } @supports (color:color-mix(in lab, red, red)) { .from-white\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 20%, transparent) } } .from-white\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-white\/70 { --tw-gradient-from: #ffffffb3 } @supports (color:color-mix(in lab, red, red)) { .from-white\/70 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 70%, transparent) } } .from-white\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-yellow-200\/35 { --tw-gradient-from: #fff08559 } @supports (color:color-mix(in lab, red, red)) { .from-yellow-200\/35 { --tw-gradient-from: color-mix(in oklab, var(--color-yellow-200) 35%, transparent) } } .from-yellow-200\/35 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-yellow-400 { --tw-gradient-from: var(--color-yellow-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-yellow-500 { --tw-gradient-from: var(--color-yellow-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-zinc-500 { --tw-gradient-from: var(--color-zinc-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .from-0\% { --tw-gradient-from-position: 0% } .from-10\% { --tw-gradient-from-position: 10% } .from-35\% { --tw-gradient-from-position: 35% } .from-50\% { --tw-gradient-from-position: 50% } .from-60\% { --tw-gradient-from-position: 60% } .from-80\% { --tw-gradient-from-position: 80% } .from-85\% { --tw-gradient-from-position: 85% } .from-\[-50\%\] { --tw-gradient-from-position: -50% } .from-\[4\%\] { --tw-gradient-from-position: 4% } .via-\(--color-to\) { --tw-gradient-via: var(--color-to); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-\[\#F59E42\]\/60 { --tw-gradient-via: oklab(77.1284% .0652354 .131519/.6); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-background { --tw-gradient-via: var(--background); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-background\/25 { --tw-gradient-via: var(--background) } @supports (color:color-mix(in lab, red, red)) { .via-background\/25 { --tw-gradient-via: color-mix(in oklab, var(--background) 25%, transparent) } } .via-background\/25 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-background\/30 { --tw-gradient-via: var(--background) } @supports (color:color-mix(in lab, red, red)) { .via-background\/30 { --tw-gradient-via: color-mix(in oklab, var(--background) 30%, transparent) } } .via-background\/30 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-background\/40 { --tw-gradient-via: var(--background) } @supports (color:color-mix(in lab, red, red)) { .via-background\/40 { --tw-gradient-via: color-mix(in oklab, var(--background) 40%, transparent) } } .via-background\/40 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-background\/75 { --tw-gradient-via: var(--background) } @supports (color:color-mix(in lab, red, red)) { .via-background\/75 { --tw-gradient-via: color-mix(in oklab, var(--background) 75%, transparent) } } .via-background\/75 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-background\/80 { --tw-gradient-via: var(--background) } @supports (color:color-mix(in lab, red, red)) { .via-background\/80 { --tw-gradient-via: color-mix(in oklab, var(--background) 80%, transparent) } } .via-background\/80 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-black\/10 { --tw-gradient-via: #0000001a } @supports (color:color-mix(in lab, red, red)) { .via-black\/10 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 10%, transparent) } } .via-black\/10 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-black\/20 { --tw-gradient-via: #0003 } @supports (color:color-mix(in lab, red, red)) { .via-black\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent) } } .via-black\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-black\/28 { --tw-gradient-via: #00000047 } @supports (color:color-mix(in lab, red, red)) { .via-black\/28 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 28%, transparent) } } .via-black\/28 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-black\/30 { --tw-gradient-via: #0000004d } @supports (color:color-mix(in lab, red, red)) { .via-black\/30 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent) } } .via-black\/30 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-black\/40 { --tw-gradient-via: #0006 } @supports (color:color-mix(in lab, red, red)) { .via-black\/40 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent) } } .via-black\/40 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-black\/50 { --tw-gradient-via: #00000080 } @supports (color:color-mix(in lab, red, red)) { .via-black\/50 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 50%, transparent) } } .via-black\/50 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-black\/60 { --tw-gradient-via: #0009 } @supports (color:color-mix(in lab, red, red)) { .via-black\/60 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 60%, transparent) } } .via-black\/60 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-black\/95 { --tw-gradient-via: #000000f2 } @supports (color:color-mix(in lab, red, red)) { .via-black\/95 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 95%, transparent) } } .via-black\/95 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-blue-500 { --tw-gradient-via: var(--color-blue-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-border { --tw-gradient-via: var(--border); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-border\/50 { --tw-gradient-via: var(--border) } @supports (color:color-mix(in lab, red, red)) { .via-border\/50 { --tw-gradient-via: color-mix(in oklab, var(--border) 50%, transparent) } } .via-border\/50 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-chart-1 { --tw-gradient-via: var(--chart-1); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-chart-4\/20 { --tw-gradient-via: var(--chart-4) } @supports (color:color-mix(in lab, red, red)) { .via-chart-4\/20 { --tw-gradient-via: color-mix(in oklab, var(--chart-4) 20%, transparent) } } .via-chart-4\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-emerald-200\/25 { --tw-gradient-via: #a4f4cf40 } @supports (color:color-mix(in lab, red, red)) { .via-emerald-200\/25 { --tw-gradient-via: color-mix(in oklab, var(--color-emerald-200) 25%, transparent) } } .via-emerald-200\/25 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-emerald-400\/90 { --tw-gradient-via: #00d294e6 } @supports (color:color-mix(in lab, red, red)) { .via-emerald-400\/90 { --tw-gradient-via: color-mix(in oklab, var(--color-emerald-400) 90%, transparent) } } .via-emerald-400\/90 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-emerald-500 { --tw-gradient-via: var(--color-emerald-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-foreground { --tw-gradient-via: var(--foreground); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-foreground\/10 { --tw-gradient-via: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .via-foreground\/10 { --tw-gradient-via: color-mix(in oklab, var(--foreground) 10%, transparent) } } .via-foreground\/10 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-foreground\/20 { --tw-gradient-via: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .via-foreground\/20 { --tw-gradient-via: color-mix(in oklab, var(--foreground) 20%, transparent) } } .via-foreground\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-foreground\/40 { --tw-gradient-via: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .via-foreground\/40 { --tw-gradient-via: color-mix(in oklab, var(--foreground) 40%, transparent) } } .via-foreground\/40 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-green-500 { --tw-gradient-via: var(--color-green-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-indigo-500 { --tw-gradient-via: var(--color-indigo-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-indigo-900\/60 { --tw-gradient-via: #312c8599 } @supports (color:color-mix(in lab, red, red)) { .via-indigo-900\/60 { --tw-gradient-via: color-mix(in oklab, var(--color-indigo-900) 60%, transparent) } } .via-indigo-900\/60 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-muted { --tw-gradient-via: var(--muted); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-neutral-700 { --tw-gradient-via: var(--color-neutral-700); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-pink-500 { --tw-gradient-via: var(--color-pink-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-primary { --tw-gradient-via: var(--primary); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-primary\/20 { --tw-gradient-via: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .via-primary\/20 { --tw-gradient-via: color-mix(in oklab, var(--primary) 20%, transparent) } } .via-primary\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-primary\/40 { --tw-gradient-via: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .via-primary\/40 { --tw-gradient-via: color-mix(in oklab, var(--primary) 40%, transparent) } } .via-primary\/40 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-primary\/50 { --tw-gradient-via: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .via-primary\/50 { --tw-gradient-via: color-mix(in oklab, var(--primary) 50%, transparent) } } .via-primary\/50 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-primary\/55 { --tw-gradient-via: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .via-primary\/55 { --tw-gradient-via: color-mix(in oklab, var(--primary) 55%, transparent) } } .via-primary\/55 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-purple-500 { --tw-gradient-via: var(--color-purple-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-purple-500\/10 { --tw-gradient-via: #ac4bff1a } @supports (color:color-mix(in lab, red, red)) { .via-purple-500\/10 { --tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 10%, transparent) } } .via-purple-500\/10 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-red-200 { --tw-gradient-via: var(--color-red-200); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-red-600 { --tw-gradient-via: var(--color-red-600); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-sky-300 { --tw-gradient-via: var(--color-sky-300); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-sky-500 { --tw-gradient-via: var(--color-sky-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-yellow-50 { --tw-gradient-via: var(--color-yellow-50); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-zinc-950 { --tw-gradient-via: var(--color-zinc-950); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-15\% { --tw-gradient-via-position: 15% } .via-20\% { --tw-gradient-via-position: 20% } .via-22\% { --tw-gradient-via-position: 22% } .via-30\% { --tw-gradient-via-position: 30% } .via-60\% { --tw-gradient-via-position: 60% } .via-75\% { --tw-gradient-via-position: 75% } .via-\[28\%\] { --tw-gradient-via-position: 28% } .to-\[\#3F5EFB\] { --tw-gradient-to: #3f5efb; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-\[\#3ad59f\] { --tw-gradient-to: #3ad59f; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-\[\#8B0000\] { --tw-gradient-to: #8b0000; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-\[\#22D3EE\]\/30 { --tw-gradient-to: oklab(79.7116% -.114121 -.0700163/.3); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-\[\#89e5ff\] { --tw-gradient-to: #89e5ff; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-\[\#92FE9D\] { --tw-gradient-to: #92fe9d; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-\[\#D6E3DF\] { --tw-gradient-to: #d6e3df; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-\[\#daae51\] { --tw-gradient-to: #daae51; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-\[\#e2f1ee\] { --tw-gradient-to: #e2f1ee; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-background { --tw-gradient-to: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-background\/10 { --tw-gradient-to: var(--background) } @supports (color:color-mix(in lab, red, red)) { .to-background\/10 { --tw-gradient-to: color-mix(in oklab, var(--background) 10%, transparent) } } .to-background\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-background\/20 { --tw-gradient-to: var(--background) } @supports (color:color-mix(in lab, red, red)) { .to-background\/20 { --tw-gradient-to: color-mix(in oklab, var(--background) 20%, transparent) } } .to-background\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-background\/50 { --tw-gradient-to: var(--background) } @supports (color:color-mix(in lab, red, red)) { .to-background\/50 { --tw-gradient-to: color-mix(in oklab, var(--background) 50%, transparent) } } .to-background\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-background\/70 { --tw-gradient-to: var(--background) } @supports (color:color-mix(in lab, red, red)) { .to-background\/70 { --tw-gradient-to: color-mix(in oklab, var(--background) 70%, transparent) } } .to-background\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-background\/80 { --tw-gradient-to: var(--background) } @supports (color:color-mix(in lab, red, red)) { .to-background\/80 { --tw-gradient-to: color-mix(in oklab, var(--background) 80%, transparent) } } .to-background\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-black { --tw-gradient-to: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-black\/10 { --tw-gradient-to: #0000001a } @supports (color:color-mix(in lab, red, red)) { .to-black\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 10%, transparent) } } .to-black\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-black\/20 { --tw-gradient-to: #0003 } @supports (color:color-mix(in lab, red, red)) { .to-black\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 20%, transparent) } } .to-black\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-black\/30 { --tw-gradient-to: #0000004d } @supports (color:color-mix(in lab, red, red)) { .to-black\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 30%, transparent) } } .to-black\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-black\/50 { --tw-gradient-to: #00000080 } @supports (color:color-mix(in lab, red, red)) { .to-black\/50 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 50%, transparent) } } .to-black\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-black\/60 { --tw-gradient-to: #0009 } @supports (color:color-mix(in lab, red, red)) { .to-black\/60 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 60%, transparent) } } .to-black\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-black\/70 { --tw-gradient-to: #000000b3 } @supports (color:color-mix(in lab, red, red)) { .to-black\/70 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 70%, transparent) } } .to-black\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-black\/95 { --tw-gradient-to: #000000f2 } @supports (color:color-mix(in lab, red, red)) { .to-black\/95 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 95%, transparent) } } .to-black\/95 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-blue-100 { --tw-gradient-to: var(--color-blue-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-blue-400 { --tw-gradient-to: var(--color-blue-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-blue-500\/25 { --tw-gradient-to: #3080ff40 } @supports (color:color-mix(in lab, red, red)) { .to-blue-500\/25 { --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 25%, transparent) } } .to-blue-500\/25 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-blue-600 { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-blue-700 { --tw-gradient-to: var(--color-blue-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-border { --tw-gradient-to: var(--border); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-card { --tw-gradient-to: var(--card); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-chart-1 { --tw-gradient-to: var(--chart-1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-chart-1\/25 { --tw-gradient-to: var(--chart-1) } @supports (color:color-mix(in lab, red, red)) { .to-chart-1\/25 { --tw-gradient-to: color-mix(in oklab, var(--chart-1) 25%, transparent) } } .to-chart-1\/25 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-chart-2 { --tw-gradient-to: var(--chart-2); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-chart-3\/25 { --tw-gradient-to: var(--chart-3) } @supports (color:color-mix(in lab, red, red)) { .to-chart-3\/25 { --tw-gradient-to: color-mix(in oklab, var(--chart-3) 25%, transparent) } } .to-chart-3\/25 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-chart-3\/30 { --tw-gradient-to: var(--chart-3) } @supports (color:color-mix(in lab, red, red)) { .to-chart-3\/30 { --tw-gradient-to: color-mix(in oklab, var(--chart-3) 30%, transparent) } } .to-chart-3\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-chart-4\/20 { --tw-gradient-to: var(--chart-4) } @supports (color:color-mix(in lab, red, red)) { .to-chart-4\/20 { --tw-gradient-to: color-mix(in oklab, var(--chart-4) 20%, transparent) } } .to-chart-4\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-chart-4\/35 { --tw-gradient-to: var(--chart-4) } @supports (color:color-mix(in lab, red, red)) { .to-chart-4\/35 { --tw-gradient-to: color-mix(in oklab, var(--chart-4) 35%, transparent) } } .to-chart-4\/35 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-cyan-500 { --tw-gradient-to: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-emerald-50 { --tw-gradient-to: var(--color-emerald-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-emerald-100 { --tw-gradient-to: var(--color-emerald-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-emerald-400\/0 { --tw-gradient-to: #0000 } @supports (color:color-mix(in lab, red, red)) { .to-emerald-400\/0 { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-400) 0%, transparent) } } .to-emerald-400\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-emerald-500 { --tw-gradient-to: var(--color-emerald-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-foreground { --tw-gradient-to: var(--foreground); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-foreground\/10 { --tw-gradient-to: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .to-foreground\/10 { --tw-gradient-to: color-mix(in oklab, var(--foreground) 10%, transparent) } } .to-foreground\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-foreground\/20 { --tw-gradient-to: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .to-foreground\/20 { --tw-gradient-to: color-mix(in oklab, var(--foreground) 20%, transparent) } } .to-foreground\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-foreground\/30 { --tw-gradient-to: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .to-foreground\/30 { --tw-gradient-to: color-mix(in oklab, var(--foreground) 30%, transparent) } } .to-foreground\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-foreground\/70 { --tw-gradient-to: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .to-foreground\/70 { --tw-gradient-to: color-mix(in oklab, var(--foreground) 70%, transparent) } } .to-foreground\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-foreground\/80 { --tw-gradient-to: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .to-foreground\/80 { --tw-gradient-to: color-mix(in oklab, var(--foreground) 80%, transparent) } } .to-foreground\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-gray-500 { --tw-gradient-to: var(--color-gray-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-gray-900 { --tw-gradient-to: var(--color-gray-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-green-300 { --tw-gradient-to: var(--color-green-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-green-500 { --tw-gradient-to: var(--color-green-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-indigo-500 { --tw-gradient-to: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-indigo-500\/10 { --tw-gradient-to: #625fff1a } @supports (color:color-mix(in lab, red, red)) { .to-indigo-500\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 10%, transparent) } } .to-indigo-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-muted { --tw-gradient-to: var(--muted); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-muted-foreground { --tw-gradient-to: var(--muted-foreground); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-muted-foreground\/10 { --tw-gradient-to: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .to-muted-foreground\/10 { --tw-gradient-to: color-mix(in oklab, var(--muted-foreground) 10%, transparent) } } .to-muted-foreground\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-muted\/20 { --tw-gradient-to: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .to-muted\/20 { --tw-gradient-to: color-mix(in oklab, var(--muted) 20%, transparent) } } .to-muted\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-muted\/30 { --tw-gradient-to: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .to-muted\/30 { --tw-gradient-to: color-mix(in oklab, var(--muted) 30%, transparent) } } .to-muted\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-muted\/50 { --tw-gradient-to: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .to-muted\/50 { --tw-gradient-to: color-mix(in oklab, var(--muted) 50%, transparent) } } .to-muted\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-muted\/80 { --tw-gradient-to: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .to-muted\/80 { --tw-gradient-to: color-mix(in oklab, var(--muted) 80%, transparent) } } .to-muted\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-neutral-50 { --tw-gradient-to: var(--color-neutral-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-neutral-100 { --tw-gradient-to: var(--color-neutral-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-neutral-200 { --tw-gradient-to: var(--color-neutral-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-neutral-300 { --tw-gradient-to: var(--color-neutral-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-neutral-400 { --tw-gradient-to: var(--color-neutral-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-neutral-500\/5 { --tw-gradient-to: #7373730d } @supports (color:color-mix(in lab, red, red)) { .to-neutral-500\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-neutral-500) 5%, transparent) } } .to-neutral-500\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-neutral-600 { --tw-gradient-to: var(--color-neutral-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-neutral-700 { --tw-gradient-to: var(--color-neutral-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-neutral-800 { --tw-gradient-to: var(--color-neutral-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-neutral-900 { --tw-gradient-to: var(--color-neutral-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-neutral-950 { --tw-gradient-to: var(--color-neutral-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-orange-200 { --tw-gradient-to: var(--color-orange-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-orange-400 { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-orange-500 { --tw-gradient-to: var(--color-orange-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-orange-600 { --tw-gradient-to: var(--color-orange-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-pink-50 { --tw-gradient-to: var(--color-pink-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-pink-100 { --tw-gradient-to: var(--color-pink-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-pink-500 { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-pink-600 { --tw-gradient-to: var(--color-pink-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-primary { --tw-gradient-to: var(--primary); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-primary-foreground\/50 { --tw-gradient-to: var(--primary-foreground) } @supports (color:color-mix(in lab, red, red)) { .to-primary-foreground\/50 { --tw-gradient-to: color-mix(in oklab, var(--primary-foreground) 50%, transparent) } } .to-primary-foreground\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-primary\/5 { --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .to-primary\/5 { --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent) } } .to-primary\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-primary\/10 { --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .to-primary\/10 { --tw-gradient-to: color-mix(in oklab, var(--primary) 10%, transparent) } } .to-primary\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-primary\/20 { --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .to-primary\/20 { --tw-gradient-to: color-mix(in oklab, var(--primary) 20%, transparent) } } .to-primary\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-primary\/30 { --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .to-primary\/30 { --tw-gradient-to: color-mix(in oklab, var(--primary) 30%, transparent) } } .to-primary\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-primary\/50 { --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .to-primary\/50 { --tw-gradient-to: color-mix(in oklab, var(--primary) 50%, transparent) } } .to-primary\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-primary\/60 { --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .to-primary\/60 { --tw-gradient-to: color-mix(in oklab, var(--primary) 60%, transparent) } } .to-primary\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-primary\/70 { --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .to-primary\/70 { --tw-gradient-to: color-mix(in oklab, var(--primary) 70%, transparent) } } .to-primary\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-primary\/75 { --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .to-primary\/75 { --tw-gradient-to: color-mix(in oklab, var(--primary) 75%, transparent) } } .to-primary\/75 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-primary\/80 { --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .to-primary\/80 { --tw-gradient-to: color-mix(in oklab, var(--primary) 80%, transparent) } } .to-primary\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-purple-100 { --tw-gradient-to: var(--color-purple-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-purple-500 { --tw-gradient-to: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-purple-500\/10 { --tw-gradient-to: #ac4bff1a } @supports (color:color-mix(in lab, red, red)) { .to-purple-500\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 10%, transparent) } } .to-purple-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-purple-500\/20 { --tw-gradient-to: #ac4bff33 } @supports (color:color-mix(in lab, red, red)) { .to-purple-500\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 20%, transparent) } } .to-purple-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-purple-600 { --tw-gradient-to: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-red-500 { --tw-gradient-to: var(--color-red-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-secondary\/10 { --tw-gradient-to: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .to-secondary\/10 { --tw-gradient-to: color-mix(in oklab, var(--secondary) 10%, transparent) } } .to-secondary\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-secondary\/20 { --tw-gradient-to: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .to-secondary\/20 { --tw-gradient-to: color-mix(in oklab, var(--secondary) 20%, transparent) } } .to-secondary\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-secondary\/30 { --tw-gradient-to: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .to-secondary\/30 { --tw-gradient-to: color-mix(in oklab, var(--secondary) 30%, transparent) } } .to-secondary\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-secondary\/40 { --tw-gradient-to: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .to-secondary\/40 { --tw-gradient-to: color-mix(in oklab, var(--secondary) 40%, transparent) } } .to-secondary\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-sky-200 { --tw-gradient-to: var(--color-sky-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-slate-100 { --tw-gradient-to: var(--color-slate-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-teal-100 { --tw-gradient-to: var(--color-teal-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-teal-600 { --tw-gradient-to: var(--color-teal-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-violet-300\/30 { --tw-gradient-to: #c4b4ff4d } @supports (color:color-mix(in lab, red, red)) { .to-violet-300\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-violet-300) 30%, transparent) } } .to-violet-300\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-white { --tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-white\/5 { --tw-gradient-to: #ffffff0d } @supports (color:color-mix(in lab, red, red)) { .to-white\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, transparent) } } .to-white\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-white\/10 { --tw-gradient-to: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .to-white\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 10%, transparent) } } .to-white\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-white\/15 { --tw-gradient-to: #ffffff26 } @supports (color:color-mix(in lab, red, red)) { .to-white\/15 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 15%, transparent) } } .to-white\/15 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-white\/20 { --tw-gradient-to: #fff3 } @supports (color:color-mix(in lab, red, red)) { .to-white\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 20%, transparent) } } .to-white\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-white\/50 { --tw-gradient-to: #ffffff80 } @supports (color:color-mix(in lab, red, red)) { .to-white\/50 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 50%, transparent) } } .to-white\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-white\/80 { --tw-gradient-to: #fffc } @supports (color:color-mix(in lab, red, red)) { .to-white\/80 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 80%, transparent) } } .to-white\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-white\/85 { --tw-gradient-to: #ffffffd9 } @supports (color:color-mix(in lab, red, red)) { .to-white\/85 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 85%, transparent) } } .to-white\/85 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-yellow-300 { --tw-gradient-to: var(--color-yellow-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-yellow-500 { --tw-gradient-to: var(--color-yellow-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-zinc-950 { --tw-gradient-to: var(--color-zinc-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .to-30\% { --tw-gradient-to-position: 30% } .to-40\% { --tw-gradient-to-position: 40% } .to-50\% { --tw-gradient-to-position: 50% } .to-58\% { --tw-gradient-to-position: 58% } .to-65\% { --tw-gradient-to-position: 65% } .to-70\% { --tw-gradient-to-position: 70% } .to-\[1px\] { --tw-gradient-to-position: 1px } .to-\[72\%\] { --tw-gradient-to-position: 72% } .to-\[84\%\] { --tw-gradient-to-position: 84% } .to-\[96\%\] { --tw-gradient-to-position: 96% } .mask-x-from-80\% { -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color) var(--tw-mask-right-from-position), var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)); --tw-mask-right-from-position: 80%; --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color) var(--tw-mask-left-from-position), var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)); --tw-mask-left-from-position: 80%; -webkit-mask-composite: source-in; mask-composite: intersect } .mask-b-from-50\% { -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)); --tw-mask-bottom-from-position: 50%; -webkit-mask-composite: source-in; mask-composite: intersect } .mask-b-from-90\% { -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)); --tw-mask-bottom-from-position: 90%; -webkit-mask-composite: source-in; mask-composite: intersect } .mask-b-to-90\% { -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)); --tw-mask-bottom-to-position: 90%; -webkit-mask-composite: source-in; mask-composite: intersect } .mask-b-to-100\% { -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)); --tw-mask-bottom-to-position: 100%; -webkit-mask-composite: source-in; mask-composite: intersect } .\[mask-image\:linear-gradient\(\#000_80\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(#000 80%, #0000 100%); mask-image: linear-gradient(#000 80%, #0000) } .\[mask-image\:linear-gradient\(\.\.\.\)\] { -webkit-mask-image: linear-gradient(...); mask-image: linear-gradient(...) } .\[mask-image\:linear-gradient\(90deg\,transparent\,black_10\%\,black_90\%\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 10% 90%, #0000); mask-image: linear-gradient(90deg, #0000, #000 10% 90%, #0000) } .\[mask-image\:linear-gradient\(90deg\,transparent\,black_25\%\,black_45\%\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 25% 45%, #0000); mask-image: linear-gradient(90deg, #0000, #000 25% 45%, #0000) } .\[mask-image\:linear-gradient\(90deg\,transparent\,black_25\%\,black_75\%\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 25% 75%, #0000); mask-image: linear-gradient(90deg, #0000, #000 25% 75%, #0000) } .\[mask-image\:linear-gradient\(180deg\,transparent\,black_25\%\,black_45\%\,transparent\)\] { -webkit-mask-image: linear-gradient(#0000, #000 25% 45%, #0000); mask-image: linear-gradient(#0000, #000 25% 45%, #0000) } .\[mask-image\:linear-gradient\(180deg\,transparent\,black_25\%\,black_75\%\,transparent\)\] { -webkit-mask-image: linear-gradient(#0000, #000 25% 75%, #0000); mask-image: linear-gradient(#0000, #000 25% 75%, #0000) } .\[mask-image\:linear-gradient\(to_bottom\,black_0\%\,black_30\%\,transparent_70\%\)\] { -webkit-mask-image: linear-gradient(#000 0% 30%, #0000 70%); mask-image: linear-gradient(#000 0% 30%, #0000 70%) } .\[mask-image\:linear-gradient\(to_bottom\,transparent\,white\,transparent\,transparent\)\] { -webkit-mask-image: linear-gradient(#0000, #fff, #0000, #0000); mask-image: linear-gradient(#0000, #fff, #0000, #0000) } .\[mask-image\:linear-gradient\(to_bottom\,transparent_1\%\,black_10\%\,black_90\%\,transparent_99\%\)\] { -webkit-mask-image: linear-gradient(#0000 1%, #000 10% 90%, #0000 99%); mask-image: linear-gradient(#0000 1%, #000 10% 90%, #0000 99%) } .\[mask-image\:linear-gradient\(to_bottom\,white\,transparent\)\] { -webkit-mask-image: linear-gradient(#fff, #0000); mask-image: linear-gradient(#fff, #0000) } .\[mask-image\:linear-gradient\(to_left\,black_0\%\,black_30\%\,transparent_70\%\)\] { -webkit-mask-image: linear-gradient(270deg, #000 0% 30%, #0000 70%); mask-image: linear-gradient(270deg, #000 0% 30%, #0000 70%) } .\[mask-image\:linear-gradient\(to_left\,black_50\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(270deg, #000 50%, #0000 100%); mask-image: linear-gradient(270deg, #000 50%, #0000) } .\[mask-image\:linear-gradient\(to_right\,\#000_80\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(90deg, #000 80%, #0000 100%); mask-image: linear-gradient(90deg, #000 80%, #0000) } .\[mask-image\:linear-gradient\(to_right\,black_0\%\,black_30\%\,transparent_70\%\)\] { -webkit-mask-image: linear-gradient(90deg, #000 0% 30%, #0000 70%); mask-image: linear-gradient(90deg, #000 0% 30%, #0000 70%) } .\[mask-image\:linear-gradient\(to_right\,black_40\%\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #000 40%, #0000); mask-image: linear-gradient(90deg, #000 40%, #0000) } .\[mask-image\:linear-gradient\(to_right\,theme\(colors\.border\)\,transparent\,transparent\,theme\(colors\.border\)\)\] { -webkit-mask-image: linear-gradient(to right, var(--border), transparent, transparent, var(--border)); mask-image: linear-gradient(to right, var(--border), transparent, transparent, var(--border)) } .\[mask-image\:linear-gradient\(to_right\,transparent_1\%\,black_10\%\,black_90\%\,transparent_99\%\)\] { -webkit-mask-image: linear-gradient(90deg, #0000 1%, #000 10% 90%, #0000 99%); mask-image: linear-gradient(90deg, #0000 1%, #000 10% 90%, #0000 99%) } .\[mask-image\:linear-gradient\(to_top\,black_0\%\,black_30\%\,transparent_70\%\)\] { -webkit-mask-image: linear-gradient(#0000 30%, #000 70% 100%); mask-image: linear-gradient(#0000 30%, #000 70% 100%) } .\[mask-image\:linear-gradient\(to_top\,transparent\,transparent\,white\,white\,white\,transparent\,transparent\)\] { -webkit-mask-image: linear-gradient(#0000, #0000, #fff, #fff, #fff, #0000, #0000); mask-image: linear-gradient(#0000, #0000, #fff, #fff, #fff, #0000, #0000) } .\[mask-image\:linear-gradient\(transparent\,transparent\)\,linear-gradient\(\#000\,\#000\)\] { -webkit-mask-image: linear-gradient(#0000, #0000), linear-gradient(#000, #000); mask-image: linear-gradient(#0000, #0000), linear-gradient(#000, #000) } .\[mask-image\:linear-gradient\(transparent_25\%\,black_25\%\,black_75\%\,transparent_75\%\)\] { -webkit-mask-image: linear-gradient(#0000 25%, #000 25% 75%, #0000 75%); mask-image: linear-gradient(#0000 25%, #000 25% 75%, #0000 75%) } .\[mask-image\:linear-gradient\(white\,transparent\)\] { -webkit-mask-image: linear-gradient(#fff, #0000); mask-image: linear-gradient(#fff, #0000) } .\[mask-image\:radial-gradient\(75\%_75\%_at_center\,white\,transparent\)\] { -webkit-mask-image: radial-gradient(75% 75%, #fff, #0000); mask-image: radial-gradient(75% 75%, #fff, #0000) } .\[mask-image\:radial-gradient\(100\%_100\%_at_top_right\,white\,transparent\)\] { -webkit-mask-image: radial-gradient(100% 100% at 100% 0, #fff, #0000); mask-image: radial-gradient(100% 100% at 100% 0, #fff, #0000) } .\[mask-image\:radial-gradient\(350px_130px_at_top\,transparent_20\%\,white\)\] { -webkit-mask-image: radial-gradient(350px 130px at top, #0000 20%, #fff); mask-image: radial-gradient(350px 130px at top, #0000 20%, #fff) } .\[mask-image\:radial-gradient\(350px_200px_at_top\,transparent_20\%\,white\)\] { -webkit-mask-image: radial-gradient(350px 200px at top, #0000 20%, #fff); mask-image: radial-gradient(350px 200px at top, #0000 20%, #fff) } .\[mask-image\:radial-gradient\(400px_at_center\,white\,transparent\)\] { -webkit-mask-image: radial-gradient(400px, #fff, #0000); mask-image: radial-gradient(400px, #fff, #0000) } .\[mask-image\:radial-gradient\(circle_at_center\,black_0\%\,black_20\%\,transparent_75\%\)\] { -webkit-mask-image: radial-gradient(circle, #000 0% 20%, #0000 75%); mask-image: radial-gradient(circle, #000 0% 20%, #0000 75%) } .\[mask-image\:radial-gradient\(circle_at_center\,black_0\%\,black_20\%\,transparent_80\%\)\] { -webkit-mask-image: radial-gradient(circle, #000 0% 20%, #0000 80%); mask-image: radial-gradient(circle, #000 0% 20%, #0000 80%) } .\[mask-image\:radial-gradient\(circle_at_center\,black_0\%\,black_20\%\,transparent_85\%\)\] { -webkit-mask-image: radial-gradient(circle, #000 0% 20%, #0000 85%); mask-image: radial-gradient(circle, #000 0% 20%, #0000 85%) } .\[mask-image\:radial-gradient\(circle_at_center\,transparent_50\%\,hsl\(var\(--background\)\)_100\%\)\] { -webkit-mask-image: radial-gradient(circle at center, transparent 50%, hsl(var(--background)) 100%); mask-image: radial-gradient(circle at center, transparent 50%, hsl(var(--background)) 100%) } .\[mask-image\:radial-gradient\(circle_at_center\,white_250px\,transparent_250px\)\] { -webkit-mask-image: radial-gradient(circle, #fff 250px, #0000 250px); mask-image: radial-gradient(circle, #fff 250px, #0000 250px) } .\[mask-image\:radial-gradient\(circle_at_top_right\,black\,transparent_100\%\)\] { -webkit-mask-image: radial-gradient(circle at 100% 0, #000, #0000 100%); mask-image: radial-gradient(circle at 100% 0, #000, #0000) } .\[mask-image\:radial-gradient\(ellipse_50\%_50\%_at_50\%_50\%\,\#000_20\%\,transparent_100\%\)\] { -webkit-mask-image: radial-gradient(50% 50%, #000 20%, #0000 100%); mask-image: radial-gradient(50% 50%, #000 20%, #0000) } .\[mask-image\:radial-gradient\(ellipse_50\%_50\%_at_50\%_50\%\,black\,transparent\)\] { -webkit-mask-image: radial-gradient(50% 50%, #000, #0000); mask-image: radial-gradient(50% 50%, #000, #0000) } .\[mask-image\:radial-gradient\(ellipse_50\%_100\%_at_50\%_50\%\,\#000_60\%\,transparent_100\%\)\] { -webkit-mask-image: radial-gradient(50% 100%, #000 60%, #0000 100%); mask-image: radial-gradient(50% 100%, #000 60%, #0000) } .\[mask-image\:radial-gradient\(ellipse_50\%_100\%_at_50\%_50\%\,transparent_60\%\,\#000_100\%\)\] { -webkit-mask-image: radial-gradient(50% 100%, #0000 60%, #000 100%); mask-image: radial-gradient(50% 100%, #0000 60%, #000) } .\[mask-image\:radial-gradient\(ellipse_60\%_60\%_at_65\%_50\%\,\#000_0\%\,transparent_80\%\)\] { -webkit-mask-image: radial-gradient(60% 60% at 65%, #000 0%, #0000 80%); mask-image: radial-gradient(60% 60% at 65%, #000, #0000 80%) } .\[mask-image\:radial-gradient\(ellipse_98\%_92\%_at_50\%_50\%\,black_0\%\,black_48\%\,transparent_78\%\)\] { -webkit-mask-image: radial-gradient(98% 92%, #000 0% 48%, #0000 78%); mask-image: radial-gradient(98% 92%, #000 0% 48%, #0000 78%) } .\[mask-image\:radial-gradient\(ellipse_100\%_120\%_at_50\%_50\%\,transparent_20\%\,\#000_100\%\)\] { -webkit-mask-image: radial-gradient(100% 120%, #0000 20%, #000 100%); mask-image: radial-gradient(100% 120%, #0000 20%, #000) } .\[mask-image\:radial-gradient\(ellipse_108\%_82\%_at_50\%_50\%\,transparent_0\%\,transparent_38\%\,black_72\%\)\] { -webkit-mask-image: radial-gradient(108% 82%, #0000 0% 38%, #000 72%); mask-image: radial-gradient(108% 82%, #0000 0% 38%, #000 72%) } .\[mask-image\:radial-gradient\(ellipse_at_80\%_14\%\,\#000\,transparent_40\%\)\] { -webkit-mask-image: radial-gradient(at 80% 14%, #000, #0000 40%); mask-image: radial-gradient(at 80% 14%, #000, #0000 40%) } .\[mask-image\:radial-gradient\(ellipse_at_100\%_0\%\,black_10\%\,var\(--transparent\)_70\%\)\] { -webkit-mask-image: radial-gradient(ellipse at 100% 0%, black 10%, var(--transparent) 70%); mask-image: radial-gradient(ellipse at 100% 0%, black 10%, var(--transparent) 70%) } .\[mask-image\:radial-gradient\(ellipse_at_center\,black_30\%\,transparent_70\%\)\] { -webkit-mask-image: radial-gradient(#000 30%, #0000 70%); mask-image: radial-gradient(#000 30%, #0000 70%) } .\[mask-image\:radial-gradient\(ellipse_at_center\,white_20\%\,transparent_70\%\)\] { -webkit-mask-image: radial-gradient(#fff 20%, #0000 70%); mask-image: radial-gradient(#fff 20%, #0000 70%) } .\[mask-image\:radial-gradient\(ellipse_at_top\,black_30\%\,transparent_70\%\)\] { -webkit-mask-image: radial-gradient(at top, #000 30%, #0000 70%); mask-image: radial-gradient(at top, #000 30%, #0000 70%) } .\[mask-image\:radial-gradient\(transparent\,white\)\] { -webkit-mask-image: radial-gradient(#0000, #fff); mask-image: radial-gradient(#0000, #fff) } .\[mask-image\:url\(https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/ui\/patterns\/cross-pattern\.svg\)\] { -webkit-mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/ui/patterns/cross-pattern.svg); mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/ui/patterns/cross-pattern.svg) } .mask-\[linear-gradient\(\.\.\.\)\] { -webkit-mask-image: linear-gradient(...); mask-image: linear-gradient(...) } .mask-\[linear-gradient\(90deg\,transparent\,black_1\.5rem\,black_calc\(100\%-1\.5rem\)\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 1.5rem calc(100% - 1.5rem), #0000); mask-image: linear-gradient(90deg, #0000, #000 1.5rem calc(100% - 1.5rem), #0000) } .mask-\[linear-gradient\(90deg\,transparent\,black_15\%\,black_85\%\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 15% 85%, #0000); mask-image: linear-gradient(90deg, #0000, #000 15% 85%, #0000) } .mask-\[linear-gradient\(90deg\,transparent\,black_25\%\,black_45\%\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 25% 45%, #0000); mask-image: linear-gradient(90deg, #0000, #000 25% 45%, #0000) } .mask-\[linear-gradient\(90deg\,transparent\,black_25\%\,black_75\%\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 25% 75%, #0000); mask-image: linear-gradient(90deg, #0000, #000 25% 75%, #0000) } .mask-\[linear-gradient\(180deg\,transparent\,black_25\%\,black_45\%\,transparent\)\] { -webkit-mask-image: linear-gradient(#0000, #000 25% 45%, #0000); mask-image: linear-gradient(#0000, #000 25% 45%, #0000) } .mask-\[linear-gradient\(180deg\,transparent\,black_25\%\,black_75\%\,transparent\)\] { -webkit-mask-image: linear-gradient(#0000, #000 25% 75%, #0000); mask-image: linear-gradient(#0000, #000 25% 75%, #0000) } .mask-\[linear-gradient\(black_80\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(#000 80%, #0000 100%); mask-image: linear-gradient(#000 80%, #0000) } .mask-\[linear-gradient\(to_bottom\,transparent_0\%\,black_25\%\,black_55\%\,black_75\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(#0000 0%, #000 25% 55%, #000 75%, #0000 100%); mask-image: linear-gradient(#0000, #000 25% 55%, #000 75%, #0000) } .mask-\[linear-gradient\(to_bottom\,transparent_0\%\,transparent_16\%\,black_30\%\,black_68\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(#0000 0% 16%, #000 30% 68%, #0000 100%); mask-image: linear-gradient(#0000 0% 16%, #000 30% 68%, #0000) } .mask-\[linear-gradient\(to_left\,black_50\%\,transparent_100\%\)\] { -webkit-mask-image: linear-gradient(270deg, #000 50%, #0000 100%); mask-image: linear-gradient(270deg, #000 50%, #0000) } .mask-\[linear-gradient\(to_left\,transparent_0\%\,rgba\(0\,0\,0\,0\.3\)_20\%\,rgba\(0\,0\,0\,0\.88\)_42\%\,\#000_58\%\)\] { -webkit-mask-image: linear-gradient(270deg, #0000 0%, #0000004d 20%, #000000e0 42%, #000 58%); mask-image: linear-gradient(270deg, #0000, #0000004d 20%, #000000e0 42%, #000 58%) } .mask-\[linear-gradient\(to_right\,transparent\,black_12\%\,black_88\%\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000); mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000) } .mask-\[linear-gradient\(to_right\,transparent\,black_15\%\,black_85\%\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 15% 85%, #0000); mask-image: linear-gradient(90deg, #0000, #000 15% 85%, #0000) } .mask-\[linear-gradient\(to_right\,transparent_0\%\,rgba\(0\,0\,0\,0\.3\)_20\%\,rgba\(0\,0\,0\,0\.88\)_42\%\,\#000_58\%\)\] { -webkit-mask-image: linear-gradient(90deg, #0000 0%, #0000004d 20%, #000000e0 42%, #000 58%); mask-image: linear-gradient(90deg, #0000, #0000004d 20%, #000000e0 42%, #000 58%) } .mask-\[linear-gradient\(to_top\,transparent\,transparent\,white\,white\,white\,transparent\,transparent\)\] { -webkit-mask-image: linear-gradient(#0000, #0000, #fff, #fff, #fff, #0000, #0000); mask-image: linear-gradient(#0000, #0000, #fff, #fff, #fff, #0000, #0000) } .mask-\[linear-gradient\(to_top_left\,transparent_0\%\,transparent_14\%\,rgba\(0\,0\,0\,0\.35\)_32\%\,rgba\(0\,0\,0\,0\.92\)_46\%\,\#000_58\%\)\] { -webkit-mask-image: linear-gradient(to top left, #0000 0% 14%, #00000059 32%, #000000eb 46%, #000 58%); mask-image: linear-gradient(to top left, #0000 0% 14%, #00000059 32%, #000000eb 46%, #000 58%) } .mask-\[linear-gradient\(to_top_right\,transparent_0\%\,transparent_14\%\,rgba\(0\,0\,0\,0\.35\)_32\%\,rgba\(0\,0\,0\,0\.92\)_46\%\,\#000_58\%\)\] { -webkit-mask-image: linear-gradient(to top right, #0000 0% 14%, #00000059 32%, #000000eb 46%, #000 58%); mask-image: linear-gradient(to top right, #0000 0% 14%, #00000059 32%, #000000eb 46%, #000 58%) } .mask-\[linear-gradient\(…\)\] { -webkit-mask-image: linear-gradient(…); mask-image: linear-gradient(…) } .mask-\[radial-gradient\(circle\,black_28\%\,transparent_70\%\)\] { -webkit-mask-image: radial-gradient(circle, #000 28%, #0000 70%); mask-image: radial-gradient(circle, #000 28%, #0000 70%) } .mask-\[radial-gradient\(ellipse_50\%_50\%_at_50\%_50\%\,\#000_20\%\,transparent_100\%\)\] { -webkit-mask-image: radial-gradient(50% 50%, #000 20%, #0000 100%); mask-image: radial-gradient(50% 50%, #000 20%, #0000) } .mask-\[radial-gradient\(ellipse_50\%_50\%_at_50\%_50\%\,black\,transparent\)\] { -webkit-mask-image: radial-gradient(50% 50%, #000, #0000); mask-image: radial-gradient(50% 50%, #000, #0000) } .mask-\[radial-gradient\(ellipse_50\%_100\%_at_50\%_50\%\,transparent_60\%\,\#000_100\%\)\] { -webkit-mask-image: radial-gradient(50% 100%, #0000 60%, #000 100%); mask-image: radial-gradient(50% 100%, #0000 60%, #000) } .mask-\[radial-gradient\(ellipse_60\%_60\%_at_50\%_50\%\,\#000_60\%\,transparent_100\%\)\] { -webkit-mask-image: radial-gradient(60% 60%, #000 60%, #0000 100%); mask-image: radial-gradient(60% 60%, #000 60%, #0000) } .mask-\[radial-gradient\(ellipse_90\%_64\%_at_50\%_50\%\,\#000_14\%\,transparent_78\%\)\] { -webkit-mask-image: radial-gradient(90% 64%, #000 14%, #0000 78%); mask-image: radial-gradient(90% 64%, #000 14%, #0000 78%) } .mask-\[radial-gradient\(ellipse_92\%_78\%_at_50\%_28\%\,\#000_32\%\,transparent_76\%\)\] { -webkit-mask-image: radial-gradient(92% 78% at 50% 28%, #000 32%, #0000 76%); mask-image: radial-gradient(92% 78% at 50% 28%, #000 32%, #0000 76%) } .mask-\[radial-gradient\(ellipse_at_60\%_60\%\,black_30\%\,transparent_70\%\)\] { -webkit-mask-image: radial-gradient(at 60% 60%, #000 30%, #0000 70%); mask-image: radial-gradient(at 60% 60%, #000 30%, #0000 70%) } .mask-\[radial-gradient\(ellipse_at_center\,white_20\%\,transparent_70\%\)\] { -webkit-mask-image: radial-gradient(#fff 20%, #0000 70%); mask-image: radial-gradient(#fff 20%, #0000 70%) } .mask-\[url\(https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/ecommerce\/shape\.svg\)\] { -webkit-mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/ecommerce/shape.svg); mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/ecommerce/shape.svg) } .mask-\[url\(https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/patterns\/cross-pattern\.svg\)\] { -webkit-mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/cross-pattern.svg); mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/cross-pattern.svg) } .\[background-size\:1px_1px\] { background-size: 1px 1px } .\[background-size\:3px_3px\] { background-size: 3px 3px } .\[background-size\:4px_4px\] { background-size: 4px 4px } .\[background-size\:6px_6px\] { background-size: 6px 6px } .\[background-size\:8px_8px\] { background-size: 8px 8px } .\[background-size\:10px_10px\] { background-size: 10px 10px } .\[background-size\:12px_12px\] { background-size: 12px 12px } .\[background-size\:14px_14px\] { background-size: 14px 14px } .\[background-size\:16px_16px\] { background-size: 16px 16px } .\[background-size\:20px_20px\] { background-size: 20px 20px } .\[background-size\:24px_1px\,1px_24px\] { background-size: 24px 1px, 1px 24px } .\[background-size\:300\%\,_200\%\] { background-size: 300%, 200% } .\[background-size\:calc\(100\%\/16\)_100\%\] { background-size: 6.25% 100% } .\[background-size\:var\(--width\)_var\(--height\)\] { background-size: var(--width) var(--height) } .bg-\[length\:3\.125rem_3\.125rem\] { background-size: 3.125rem 3.125rem } .bg-\[length\:32px_32px\] { background-size: 32px 32px } .bg-\[length\:40px_40px\] { background-size: 40px 40px } .bg-\[length\:60px_60px\] { background-size: 60px 60px } .bg-\[length\:83\.75rem_83\.75rem\] { background-size: 83.75rem 83.75rem } .bg-\[length\:100\%\] { background-size: 100% } .bg-\[length\:100\%_100\%\] { background-size: 100% 100% } .bg-\[length\:200\%\] { background-size: 200% } .bg-\[length\:200\%_200\%\] { background-size: 200% 200% } .bg-\[length\:200\%_auto\] { background-size: 200% } .bg-\[size\:2rem_2rem\] { background-size: 2rem 2rem } .bg-\[size\:10\.53cqw_10\.53cqw\] { background-size: 10.53cqw 10.53cqw } .bg-\[size\:24px_24px\] { background-size: 24px 24px } .bg-\[size\:32px_32px\] { background-size: 32px 32px } .bg-\[size\:56px_56px\] { background-size: 56px 56px } .bg-\[size\:64px_64px\] { background-size: 64px 64px } .bg-\[size\:73px_73px\] { background-size: 73px 73px } .bg-\[size\:80px_80px\] { background-size: 80px 80px } .bg-\[size\:92px_92px\] { background-size: 92px 92px } .bg-contain { background-size: contain } .bg-cover { background-size: cover } .bg-size-\[3rem_3rem\] { background-size: 3rem 3rem } .bg-size-\[4\.5rem_4\.5rem\] { background-size: 4.5rem 4.5rem } .bg-size-\[8px_8px\] { background-size: 8px 8px } .bg-size-\[12px_12px\] { background-size: 12px 12px } .bg-size-\[14px_14px\] { background-size: 14px 14px } .bg-size-\[16px_16px\] { background-size: 16px 16px } .bg-size-\[20px_20px\] { background-size: 20px 20px } .bg-size-\[24px_1px\,1px_24px\] { background-size: 24px 1px, 1px 24px } .bg-size-\[92px_92px\] { background-size: 92px 92px } .bg-size-\[100\%_1px\] { background-size: 100% 1px } .bg-size-\[100\%_100\%\] { background-size: 100% 100% } .\[background-clip\:padding-box\,border-box\,border-box\] { background-clip: padding-box, border-box, border-box } .bg-clip-padding { background-clip: padding-box } .bg-clip-text { -webkit-background-clip: text; background-clip: text } .\[background-position\:0_0\,0_0\,10px_10px\,10px_10px\] { background-position: 0 0, 0 0, 10px 10px, 10px 10px } .\[background-position\:50\%_50\%\,50\%_50\%\] { background-position: 50%, 50% } .bg-\[100\%\] { background-position: 100% } .bg-\[center_top\] { background-position: top } .bg-\[position\:center_-24rem\] { background-position: 50% -24rem } .bg-bottom { background-position: bottom } .bg-bottom-left { background-position: 0 100% } .bg-center { background-position: 50% } .bg-top { background-position: top } .bg-top-left { background-position: 0 0 } .bg-no-repeat { background-repeat: no-repeat } .bg-repeat { background-repeat: repeat } .bg-repeat-x { background-repeat: repeat-x } .\[background-origin\:border-box\] { background-origin: border-box } .\[mask-composite\:exclude\] { -webkit-mask-composite: xor; mask-composite: exclude } .\[mask-composite\:exclude\]\! { -webkit-mask-composite: xor !important; mask-composite: exclude !important } .\[mask-composite\:intersect\] { -webkit-mask-composite: source-in; mask-composite: intersect } .\[mask-size\:40px\] { -webkit-mask-size: 40px; mask-size: 40px } .\[mask-size\:100\%_16px\] { -webkit-mask-size: 100% 16px; mask-size: 100% 16px } .mask-cover { -webkit-mask-size: cover; mask-size: cover } .mask-size-\[32px_32px\] { -webkit-mask-size: 32px 32px; mask-size: 32px 32px } .mask-size-\[100\%_100\%\] { -webkit-mask-size: 100% 100%; mask-size: 100% 100% } .\[mask-clip\:padding-box\,border-box\] { -webkit-mask-clip: padding-box, border-box; mask-clip: padding-box, border-box } .mask-clip-border { -webkit-mask-clip: border-box; mask-clip: border-box } .mask-center { -webkit-mask-position: 50%; mask-position: 50% } .\[mask-repeat\:no-repeat\], .mask-no-repeat { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat } .mask-repeat { -webkit-mask-repeat: repeat; mask-repeat: repeat } .\!fill-none { fill: none !important } .fill-\(--color-desktop\) { fill: var(--color-desktop) } .fill-\(--color-label\) { fill: var(--color-label) } .fill-\[\#E5E5E5\] { fill: #e5e5e5 } .fill-\[\#F5F5F5\] { fill: #f5f5f5 } .fill-accent { fill: var(--accent) } .fill-accent-foreground { fill: var(--accent-foreground) } .fill-amber-400 { fill: var(--color-amber-400) } .fill-amber-500 { fill: var(--color-amber-500) } .fill-background, .fill-background\/20 { fill: var(--background) } @supports (color:color-mix(in lab, red, red)) { .fill-background\/20 { fill: color-mix(in oklab, var(--background) 20%, transparent) } } .fill-black { fill: var(--color-black) } .fill-black\/15 { fill: #00000026 } @supports (color:color-mix(in lab, red, red)) { .fill-black\/15 { fill: color-mix(in oklab, var(--color-black) 15%, transparent) } } .fill-blue-500 { fill: var(--color-blue-500) } .fill-card { fill: var(--card) } .fill-chart-1, .fill-chart-1\/20 { fill: var(--chart-1) } @supports (color:color-mix(in lab, red, red)) { .fill-chart-1\/20 { fill: color-mix(in oklab, var(--chart-1) 20%, transparent) } } .fill-chart-2 { fill: var(--chart-2) } .fill-chart-3 { fill: var(--chart-3) } .fill-chart-4 { fill: var(--chart-4) } .fill-chart-5 { fill: var(--chart-5) } .fill-current { fill: currentColor } .fill-cyan-400 { fill: var(--color-cyan-400) } .fill-destructive, .fill-destructive\/30 { fill: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .fill-destructive\/30 { fill: color-mix(in oklab, var(--destructive) 30%, transparent) } } .fill-emerald-500 { fill: var(--color-emerald-500) } .fill-emerald-950 { fill: var(--color-emerald-950) } .fill-foreground, .fill-foreground\/5 { fill: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .fill-foreground\/5 { fill: color-mix(in oklab, var(--foreground) 5%, transparent) } } .fill-foreground\/10 { fill: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .fill-foreground\/10 { fill: color-mix(in oklab, var(--foreground) 10%, transparent) } } .fill-foreground\/15 { fill: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .fill-foreground\/15 { fill: color-mix(in oklab, var(--foreground) 15%, transparent) } } .fill-foreground\/20 { fill: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .fill-foreground\/20 { fill: color-mix(in oklab, var(--foreground) 20%, transparent) } } .fill-gray-400\/30 { fill: #99a1af4d } @supports (color:color-mix(in lab, red, red)) { .fill-gray-400\/30 { fill: color-mix(in oklab, var(--color-gray-400) 30%, transparent) } } .fill-gray-900 { fill: var(--color-gray-900) } .fill-green-500 { fill: var(--color-green-500) } .fill-green-700 { fill: var(--color-green-700) } .fill-indigo-50 { fill: var(--color-indigo-50) } .fill-indigo-500 { fill: var(--color-indigo-500) } .fill-inherit { fill: inherit } .fill-lime-300 { fill: var(--color-lime-300) } .fill-lime-500 { fill: var(--color-lime-500) } .fill-lime-600 { fill: var(--color-lime-600) } .fill-muted { fill: var(--muted) } .fill-muted-foreground, .fill-muted-foreground\/30 { fill: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .fill-muted-foreground\/30 { fill: color-mix(in oklab, var(--muted-foreground) 30%, transparent) } } .fill-muted-foreground\/60 { fill: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .fill-muted-foreground\/60 { fill: color-mix(in oklab, var(--muted-foreground) 60%, transparent) } } .fill-muted\/30 { fill: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .fill-muted\/30 { fill: color-mix(in oklab, var(--muted) 30%, transparent) } } .fill-muted\/50 { fill: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .fill-muted\/50 { fill: color-mix(in oklab, var(--muted) 50%, transparent) } } .fill-muted\/60 { fill: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .fill-muted\/60 { fill: color-mix(in oklab, var(--muted) 60%, transparent) } } .fill-neutral-50 { fill: var(--color-neutral-50) } .fill-neutral-100 { fill: var(--color-neutral-100) } .fill-neutral-500 { fill: var(--color-neutral-500) } .fill-neutral-800 { fill: var(--color-neutral-800) } .fill-neutral-950 { fill: var(--color-neutral-950) } .fill-none { fill: none } .fill-orange-300 { fill: var(--color-orange-300) } .fill-orange-400 { fill: var(--color-orange-400) } .fill-orange-500 { fill: var(--color-orange-500) } .fill-orange-600 { fill: var(--color-orange-600) } .fill-primary { fill: var(--primary) } .fill-primary-foreground { fill: var(--primary-foreground) } .fill-purple-800 { fill: var(--color-purple-800) } .fill-red-300 { fill: var(--color-red-300) } .fill-red-500 { fill: var(--color-red-500) } .fill-red-700 { fill: var(--color-red-700) } .fill-rose-500 { fill: var(--color-rose-500) } .fill-rose-600 { fill: var(--color-rose-600) } .fill-sky-500 { fill: var(--color-sky-500) } .fill-sky-950 { fill: var(--color-sky-950) } .fill-slate-900 { fill: var(--color-slate-900) } .fill-transparent { fill: #0000 } .fill-violet-200 { fill: var(--color-violet-200) } .fill-violet-400 { fill: var(--color-violet-400) } .fill-violet-600 { fill: var(--color-violet-600) } .fill-violet-700 { fill: var(--color-violet-700) } .fill-white { fill: var(--color-white) } .fill-white\/5 { fill: #ffffff0d } @supports (color:color-mix(in lab, red, red)) { .fill-white\/5 { fill: color-mix(in oklab, var(--color-white) 5%, transparent) } } .fill-white\/10 { fill: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .fill-white\/10 { fill: color-mix(in oklab, var(--color-white) 10%, transparent) } } .fill-yellow-400 { fill: var(--color-yellow-400) } .fill-yellow-500 { fill: var(--color-yellow-500) } .fill-zinc-100 { fill: var(--color-zinc-100) } .fill-zinc-800 { fill: var(--color-zinc-800) } .fill-zinc-900 { fill: var(--color-zinc-900) } .fill-zinc-950 { fill: var(--color-zinc-950) } .\!stroke-foreground\/50 { stroke: var(--foreground) !important } @supports (color:color-mix(in lab, red, red)) { .\!stroke-foreground\/50 { stroke: color-mix(in oklab, var(--foreground) 50%, transparent) !important } } .stroke-\[\#E5E5E5\] { stroke: #e5e5e5 } .stroke-accent-foreground { stroke: var(--accent-foreground) } .stroke-amber-400 { stroke: var(--color-amber-400) } .stroke-amber-500 { stroke: var(--color-amber-500) } .stroke-amber-500\/70 { stroke: #f99c00b3 } @supports (color:color-mix(in lab, red, red)) { .stroke-amber-500\/70 { stroke: color-mix(in oklab, var(--color-amber-500) 70%, transparent) } } .stroke-background { stroke: var(--background) } .stroke-black { stroke: var(--color-black) } .stroke-black\/10 { stroke: #0000001a } @supports (color:color-mix(in lab, red, red)) { .stroke-black\/10 { stroke: color-mix(in oklab, var(--color-black) 10%, transparent) } } .stroke-black\/15 { stroke: #00000026 } @supports (color:color-mix(in lab, red, red)) { .stroke-black\/15 { stroke: color-mix(in oklab, var(--color-black) 15%, transparent) } } .stroke-black\/20 { stroke: #0003 } @supports (color:color-mix(in lab, red, red)) { .stroke-black\/20 { stroke: color-mix(in oklab, var(--color-black) 20%, transparent) } } .stroke-black\/40 { stroke: #0006 } @supports (color:color-mix(in lab, red, red)) { .stroke-black\/40 { stroke: color-mix(in oklab, var(--color-black) 40%, transparent) } } .stroke-border, .stroke-border\/25 { stroke: var(--border) } @supports (color:color-mix(in lab, red, red)) { .stroke-border\/25 { stroke: color-mix(in oklab, var(--border) 25%, transparent) } } .stroke-border\/30 { stroke: var(--border) } @supports (color:color-mix(in lab, red, red)) { .stroke-border\/30 { stroke: color-mix(in oklab, var(--border) 30%, transparent) } } .stroke-border\/35 { stroke: var(--border) } @supports (color:color-mix(in lab, red, red)) { .stroke-border\/35 { stroke: color-mix(in oklab, var(--border) 35%, transparent) } } .stroke-border\/40 { stroke: var(--border) } @supports (color:color-mix(in lab, red, red)) { .stroke-border\/40 { stroke: color-mix(in oklab, var(--border) 40%, transparent) } } .stroke-border\/50 { stroke: var(--border) } @supports (color:color-mix(in lab, red, red)) { .stroke-border\/50 { stroke: color-mix(in oklab, var(--border) 50%, transparent) } } .stroke-border\/60 { stroke: var(--border) } @supports (color:color-mix(in lab, red, red)) { .stroke-border\/60 { stroke: color-mix(in oklab, var(--border) 60%, transparent) } } .stroke-chart-1, .stroke-chart-1\/15 { stroke: var(--chart-1) } @supports (color:color-mix(in lab, red, red)) { .stroke-chart-1\/15 { stroke: color-mix(in oklab, var(--chart-1) 15%, transparent) } } .stroke-destructive { stroke: var(--destructive) } .stroke-emerald-500 { stroke: var(--color-emerald-500) } .stroke-foreground, .stroke-foreground\/15 { stroke: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .stroke-foreground\/15 { stroke: color-mix(in oklab, var(--foreground) 15%, transparent) } } .stroke-foreground\/20 { stroke: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .stroke-foreground\/20 { stroke: color-mix(in oklab, var(--foreground) 20%, transparent) } } .stroke-foreground\/25 { stroke: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .stroke-foreground\/25 { stroke: color-mix(in oklab, var(--foreground) 25%, transparent) } } .stroke-foreground\/30 { stroke: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .stroke-foreground\/30 { stroke: color-mix(in oklab, var(--foreground) 30%, transparent) } } .stroke-foreground\/35 { stroke: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .stroke-foreground\/35 { stroke: color-mix(in oklab, var(--foreground) 35%, transparent) } } .stroke-foreground\/40 { stroke: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .stroke-foreground\/40 { stroke: color-mix(in oklab, var(--foreground) 40%, transparent) } } .stroke-foreground\/45 { stroke: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .stroke-foreground\/45 { stroke: color-mix(in oklab, var(--foreground) 45%, transparent) } } .stroke-foreground\/60 { stroke: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .stroke-foreground\/60 { stroke: color-mix(in oklab, var(--foreground) 60%, transparent) } } .stroke-gray-300 { stroke: var(--color-gray-300) } .stroke-gray-400 { stroke: var(--color-gray-400) } .stroke-gray-400\/30 { stroke: #99a1af4d } @supports (color:color-mix(in lab, red, red)) { .stroke-gray-400\/30 { stroke: color-mix(in oklab, var(--color-gray-400) 30%, transparent) } } .stroke-green-200 { stroke: var(--color-green-200) } .stroke-lime-600 { stroke: var(--color-lime-600) } .stroke-muted { stroke: var(--muted) } .stroke-muted-foreground, .stroke-muted-foreground\/80 { stroke: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .stroke-muted-foreground\/80 { stroke: color-mix(in oklab, var(--muted-foreground) 80%, transparent) } } .stroke-muted\/50 { stroke: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .stroke-muted\/50 { stroke: color-mix(in oklab, var(--muted) 50%, transparent) } } .stroke-neutral-200 { stroke: var(--color-neutral-200) } .stroke-neutral-400\/20 { stroke: #a1a1a133 } @supports (color:color-mix(in lab, red, red)) { .stroke-neutral-400\/20 { stroke: color-mix(in oklab, var(--color-neutral-400) 20%, transparent) } } .stroke-none { stroke: none } .stroke-orange-600 { stroke: var(--color-orange-600) } .stroke-primary { stroke: var(--primary) } .stroke-primary-foreground { stroke: var(--primary-foreground) } .stroke-rose-600 { stroke: var(--color-rose-600) } .stroke-sky-500 { stroke: var(--color-sky-500) } .stroke-stone-800 { stroke: var(--color-stone-800) } .stroke-transparent { stroke: #0000 } .stroke-violet-600 { stroke: var(--color-violet-600) } .stroke-white { stroke: var(--color-white) } .stroke-white\/5 { stroke: #ffffff0d } @supports (color:color-mix(in lab, red, red)) { .stroke-white\/5 { stroke: color-mix(in oklab, var(--color-white) 5%, transparent) } } .stroke-white\/30 { stroke: #ffffff4d } @supports (color:color-mix(in lab, red, red)) { .stroke-white\/30 { stroke: color-mix(in oklab, var(--color-white) 30%, transparent) } } .stroke-white\/60 { stroke: #fff9 } @supports (color:color-mix(in lab, red, red)) { .stroke-white\/60 { stroke: color-mix(in oklab, var(--color-white) 60%, transparent) } } .stroke-yellow-400 { stroke: var(--color-yellow-400) } .stroke-yellow-500 { stroke: var(--color-yellow-500) } .stroke-zinc-800 { stroke: var(--color-zinc-800) } .stroke-1 { stroke-width: 1px } .stroke-2 { stroke-width: 2px } .stroke-3 { stroke-width: 3px } .stroke-\[0\.03rem\] { stroke-width: .03rem } .stroke-\[0\.5\] { stroke-width: .5px } .stroke-\[0\.09375rem\] { stroke-width: .09375rem } .stroke-\[1\.5\], .stroke-\[1\.5px\] { stroke-width: 1.5px } .stroke-\[1\.75\] { stroke-width: 1.75px } .stroke-\[1px\] { stroke-width: 1px } .object-contain { object-fit: contain } .object-cover { object-fit: cover } .object-fill { object-fit: fill } .object-none { object-fit: none } .object-\[50\%_0\%\] { object-position: 50% 0% } .object-\[50\%_20\%\] { object-position: 50% 20% } .object-\[50\%_30\%\] { object-position: 50% 30% } .object-\[50\%_35\%\] { object-position: 50% 35% } .object-bottom { object-position: bottom } .object-bottom-left { object-position: left bottom } .object-center { object-position: center } .object-left { object-position: left } .object-left-top { object-position: left top } .object-right { object-position: right } .object-top { object-position: top } .object-top-left { object-position: left top } .object-top-right { object-position: right top } .\!p-0 { padding: calc(var(--spacing) * 0) !important } .\!p-6 { padding: calc(var(--spacing) * 6) !important } .p-0 { padding: calc(var(--spacing) * 0) } .p-0\! { padding: calc(var(--spacing) * 0) !important } .p-0\.5 { padding: calc(var(--spacing) * .5) } .p-0\.5\! { padding: calc(var(--spacing) * .5) !important } .p-1 { padding: calc(var(--spacing) * 1) } .p-1\.5 { padding: calc(var(--spacing) * 1.5) } .p-2 { padding: calc(var(--spacing) * 2) } .p-2\! { padding: calc(var(--spacing) * 2) !important } .p-2\.5 { padding: calc(var(--spacing) * 2.5) } .p-3 { padding: calc(var(--spacing) * 3) } .p-3\! { padding: calc(var(--spacing) * 3) !important } .p-3\.5 { padding: calc(var(--spacing) * 3.5) } .p-4 { padding: calc(var(--spacing) * 4) } .p-4\.5 { padding: calc(var(--spacing) * 4.5) } .p-4\.25 { padding: calc(var(--spacing) * 4.25) } .p-4\.75 { padding: calc(var(--spacing) * 4.75) } .p-5 { padding: calc(var(--spacing) * 5) } .p-5\.5 { padding: calc(var(--spacing) * 5.5) } .p-5\.25 { padding: calc(var(--spacing) * 5.25) } .p-6 { padding: calc(var(--spacing) * 6) } .p-6\.5 { padding: calc(var(--spacing) * 6.5) } .p-7 { padding: calc(var(--spacing) * 7) } .p-7\.5 { padding: calc(var(--spacing) * 7.5) } .p-8 { padding: calc(var(--spacing) * 8) } .p-9 { padding: calc(var(--spacing) * 9) } .p-10 { padding: calc(var(--spacing) * 10) } .p-11 { padding: calc(var(--spacing) * 11) } .p-12 { padding: calc(var(--spacing) * 12) } .p-14 { padding: calc(var(--spacing) * 14) } .p-15 { padding: calc(var(--spacing) * 15) } .p-16 { padding: calc(var(--spacing) * 16) } .p-18 { padding: calc(var(--spacing) * 18) } .p-\[1px\] { padding: 1px } .p-\[2px\] { padding: 2px } .p-\[3px\] { padding: 3px } .p-\[5px\] { padding: 5px } .p-\[8px\] { padding: 8px } .p-\[10\%\] { padding: 10% } .p-\[var\(--dialog-content-p-mobile\)\] { padding: var(--dialog-content-p-mobile) } .p-px { padding: 1px } .\!px-0 { padding-inline: calc(var(--spacing) * 0) !important } .\!px-2 { padding-inline: calc(var(--spacing) * 2) !important } .\!px-3 { padding-inline: calc(var(--spacing) * 3) !important } .\!px-4 { padding-inline: calc(var(--spacing) * 4) !important } .\!px-5 { padding-inline: calc(var(--spacing) * 5) !important } .\!px-6 { padding-inline: calc(var(--spacing) * 6) !important } .\!px-8 { padding-inline: calc(var(--spacing) * 8) !important } .px-\(--cell-size\) { padding-inline: var(--cell-size) } .px-0 { padding-inline: calc(var(--spacing) * 0) } .px-0\! { padding-inline: calc(var(--spacing) * 0) !important } .px-0\.5 { padding-inline: calc(var(--spacing) * .5) } .px-1 { padding-inline: calc(var(--spacing) * 1) } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5) } .px-2 { padding-inline: calc(var(--spacing) * 2) } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5) } .px-2\.75 { padding-inline: calc(var(--spacing) * 2.75) } .px-3 { padding-inline: calc(var(--spacing) * 3) } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5) } .px-3\.25 { padding-inline: calc(var(--spacing) * 3.25) } .px-3\.75 { padding-inline: calc(var(--spacing) * 3.75) } .px-4 { padding-inline: calc(var(--spacing) * 4) } .px-4\! { padding-inline: calc(var(--spacing) * 4) !important } .px-4\.5 { padding-inline: calc(var(--spacing) * 4.5) } .px-4\.25 { padding-inline: calc(var(--spacing) * 4.25) } .px-4\.75 { padding-inline: calc(var(--spacing) * 4.75) } .px-5 { padding-inline: calc(var(--spacing) * 5) } .px-5\! { padding-inline: calc(var(--spacing) * 5) !important } .px-5\.5 { padding-inline: calc(var(--spacing) * 5.5) } .px-6 { padding-inline: calc(var(--spacing) * 6) } .px-6\! { padding-inline: calc(var(--spacing) * 6) !important } .px-6\.5 { padding-inline: calc(var(--spacing) * 6.5) } .px-7 { padding-inline: calc(var(--spacing) * 7) } .px-7\.5 { padding-inline: calc(var(--spacing) * 7.5) } .px-8 { padding-inline: calc(var(--spacing) * 8) } .px-8\.5 { padding-inline: calc(var(--spacing) * 8.5) } .px-8\.75 { padding-inline: calc(var(--spacing) * 8.75) } .px-9 { padding-inline: calc(var(--spacing) * 9) } .px-10 { padding-inline: calc(var(--spacing) * 10) } .px-10\.5 { padding-inline: calc(var(--spacing) * 10.5) } .px-11 { padding-inline: calc(var(--spacing) * 11) } .px-12 { padding-inline: calc(var(--spacing) * 12) } .px-14 { padding-inline: calc(var(--spacing) * 14) } .px-15 { padding-inline: calc(var(--spacing) * 15) } .px-16 { padding-inline: calc(var(--spacing) * 16) } .px-20 { padding-inline: calc(var(--spacing) * 20) } .px-32 { padding-inline: calc(var(--spacing) * 32) } .px-\[\.5px\] { padding-inline: .5px } .px-\[0\.3rem\] { padding-inline: .3rem } .px-\[0\.625rem\] { padding-inline: .625rem } .px-\[1rem\] { padding-inline: 1rem } .px-\[4rem\] { padding-inline: 4rem } .px-\[6px\] { padding-inline: 6px } .px-\[10\%\] { padding-inline: 10% } .px-\[30px\] { padding-inline: 30px } .\!py-0 { padding-block: calc(var(--spacing) * 0) !important } .\!py-2 { padding-block: calc(var(--spacing) * 2) !important } .\!py-6 { padding-block: calc(var(--spacing) * 6) !important } .py-0 { padding-block: calc(var(--spacing) * 0) } .py-0\! { padding-block: calc(var(--spacing) * 0) !important } .py-0\.5 { padding-block: calc(var(--spacing) * .5) } .py-1 { padding-block: calc(var(--spacing) * 1) } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5) } .py-1\.25 { padding-block: calc(var(--spacing) * 1.25) } .py-2 { padding-block: calc(var(--spacing) * 2) } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5) } .py-3 { padding-block: calc(var(--spacing) * 3) } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5) } .py-4 { padding-block: calc(var(--spacing) * 4) } .py-4\.5 { padding-block: calc(var(--spacing) * 4.5) } .py-5 { padding-block: calc(var(--spacing) * 5) } .py-6 { padding-block: calc(var(--spacing) * 6) } .py-7 { padding-block: calc(var(--spacing) * 7) } .py-7\.5 { padding-block: calc(var(--spacing) * 7.5) } .py-8 { padding-block: calc(var(--spacing) * 8) } .py-8\.5 { padding-block: calc(var(--spacing) * 8.5) } .py-9 { padding-block: calc(var(--spacing) * 9) } .py-10 { padding-block: calc(var(--spacing) * 10) } .py-10\.5 { padding-block: calc(var(--spacing) * 10.5) } .py-11 { padding-block: calc(var(--spacing) * 11) } .py-12 { padding-block: calc(var(--spacing) * 12) } .py-12\.5 { padding-block: calc(var(--spacing) * 12.5) } .py-13\.5 { padding-block: calc(var(--spacing) * 13.5) } .py-14 { padding-block: calc(var(--spacing) * 14) } .py-15 { padding-block: calc(var(--spacing) * 15) } .py-16 { padding-block: calc(var(--spacing) * 16) } .py-18 { padding-block: calc(var(--spacing) * 18) } .py-20 { padding-block: calc(var(--spacing) * 20) } .py-24 { padding-block: calc(var(--spacing) * 24) } .py-25 { padding-block: calc(var(--spacing) * 25) } .py-28 { padding-block: calc(var(--spacing) * 28) } .py-32 { padding-block: calc(var(--spacing) * 32) } .py-36 { padding-block: calc(var(--spacing) * 36) } .py-40 { padding-block: calc(var(--spacing) * 40) } .py-64 { padding-block: calc(var(--spacing) * 64) } .py-\[\.5px\] { padding-block: .5px } .py-\[0\.2rem\] { padding-block: .2rem } .py-\[0\.625rem\] { padding-block: .625rem } .py-\[0\.875rem\] { padding-block: .875rem } .py-\[2px\] { padding-block: 2px } .py-\[5px\] { padding-block: 5px } .py-\[5rem\] { padding-block: 5rem } .py-\[10px\] { padding-block: 10px } .py-\[16\%\] { padding-block: 16% } .py-\[calc\(--spacing\(0\.8\)\)\] { padding-block: calc(calc(var(--spacing) * .8)) } .py-\[calc\(--spacing\(0\.85\)\)\] { padding-block: calc(calc(var(--spacing) * .85)) } .py-px { padding-block: 1px } .ps-0\! { padding-inline-start: calc(var(--spacing) * 0) !important } .ps-4 { padding-inline-start: calc(var(--spacing) * 4) } .ps-6 { padding-inline-start: calc(var(--spacing) * 6) } .ps-7 { padding-inline-start: calc(var(--spacing) * 7) } .ps-7\! { padding-inline-start: calc(var(--spacing) * 7) !important } .ps-10 { padding-inline-start: calc(var(--spacing) * 10) } .ps-11 { padding-inline-start: calc(var(--spacing) * 11) } .pe-0 { padding-inline-end: calc(var(--spacing) * 0) } .pe-4 { padding-inline-end: calc(var(--spacing) * 4) } .pe-7\! { padding-inline-end: calc(var(--spacing) * 7) !important } .pe-10 { padding-inline-end: calc(var(--spacing) * 10) } .\!pt-0 { padding-top: calc(var(--spacing) * 0) !important } .pt-\(--header-height\) { padding-top: var(--header-height) } .pt-0 { padding-top: calc(var(--spacing) * 0) } .pt-0\! { padding-top: calc(var(--spacing) * 0) !important } .pt-0\.5 { padding-top: calc(var(--spacing) * .5) } .pt-1 { padding-top: calc(var(--spacing) * 1) } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5) } .pt-2 { padding-top: calc(var(--spacing) * 2) } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5) } .pt-3 { padding-top: calc(var(--spacing) * 3) } .pt-3\.5 { padding-top: calc(var(--spacing) * 3.5) } .pt-4 { padding-top: calc(var(--spacing) * 4) } .pt-4\.25 { padding-top: calc(var(--spacing) * 4.25) } .pt-4\.75 { padding-top: calc(var(--spacing) * 4.75) } .pt-5 { padding-top: calc(var(--spacing) * 5) } .pt-5\.5 { padding-top: calc(var(--spacing) * 5.5) } .pt-5\.25 { padding-top: calc(var(--spacing) * 5.25) } .pt-6 { padding-top: calc(var(--spacing) * 6) } .pt-6\.75 { padding-top: calc(var(--spacing) * 6.75) } .pt-7 { padding-top: calc(var(--spacing) * 7) } .pt-7\.5 { padding-top: calc(var(--spacing) * 7.5) } .pt-8 { padding-top: calc(var(--spacing) * 8) } .pt-8\.5 { padding-top: calc(var(--spacing) * 8.5) } .pt-8\.75 { padding-top: calc(var(--spacing) * 8.75) } .pt-9 { padding-top: calc(var(--spacing) * 9) } .pt-10 { padding-top: calc(var(--spacing) * 10) } .pt-11 { padding-top: calc(var(--spacing) * 11) } .pt-11\.75 { padding-top: calc(var(--spacing) * 11.75) } .pt-12 { padding-top: calc(var(--spacing) * 12) } .pt-12\.5 { padding-top: calc(var(--spacing) * 12.5) } .pt-14 { padding-top: calc(var(--spacing) * 14) } .pt-15 { padding-top: calc(var(--spacing) * 15) } .pt-16 { padding-top: calc(var(--spacing) * 16) } .pt-18\.5 { padding-top: calc(var(--spacing) * 18.5) } .pt-20 { padding-top: calc(var(--spacing) * 20) } .pt-24 { padding-top: calc(var(--spacing) * 24) } .pt-28 { padding-top: calc(var(--spacing) * 28) } .pt-30 { padding-top: calc(var(--spacing) * 30) } .pt-32 { padding-top: calc(var(--spacing) * 32) } .pt-40 { padding-top: calc(var(--spacing) * 40) } .pt-44 { padding-top: calc(var(--spacing) * 44) } .pt-48 { padding-top: calc(var(--spacing) * 48) } .pt-52 { padding-top: calc(var(--spacing) * 52) } .pt-\[3\%\] { padding-top: 3% } .pt-\[3\.9375rem\] { padding-top: 3.9375rem } .pt-\[4\.5rem\] { padding-top: 4.5rem } .pt-\[4\.75rem\] { padding-top: 4.75rem } .pt-\[5px\] { padding-top: 5px } .pt-\[44\%\] { padding-top: 44% } .\!pr-1\.5 { padding-right: calc(var(--spacing) * 1.5) !important } .pr-0 { padding-right: calc(var(--spacing) * 0) } .pr-1 { padding-right: calc(var(--spacing) * 1) } .pr-1\.5 { padding-right: calc(var(--spacing) * 1.5) } .pr-1\.5\! { padding-right: calc(var(--spacing) * 1.5) !important } .pr-2 { padding-right: calc(var(--spacing) * 2) } .pr-2\! { padding-right: calc(var(--spacing) * 2) !important } .pr-2\.5 { padding-right: calc(var(--spacing) * 2.5) } .pr-3 { padding-right: calc(var(--spacing) * 3) } .pr-3\.5 { padding-right: calc(var(--spacing) * 3.5) } .pr-4 { padding-right: calc(var(--spacing) * 4) } .pr-4\.5 { padding-right: calc(var(--spacing) * 4.5) } .pr-5 { padding-right: calc(var(--spacing) * 5) } .pr-6 { padding-right: calc(var(--spacing) * 6) } .pr-7 { padding-right: calc(var(--spacing) * 7) } .pr-8 { padding-right: calc(var(--spacing) * 8) } .pr-9 { padding-right: calc(var(--spacing) * 9) } .pr-10 { padding-right: calc(var(--spacing) * 10) } .pr-12 { padding-right: calc(var(--spacing) * 12) } .pr-12\.5 { padding-right: calc(var(--spacing) * 12.5) } .pr-14 { padding-right: calc(var(--spacing) * 14) } .pr-16 { padding-right: calc(var(--spacing) * 16) } .pr-20 { padding-right: calc(var(--spacing) * 20) } .pr-25 { padding-right: calc(var(--spacing) * 25) } .pr-28 { padding-right: calc(var(--spacing) * 28) } .pr-36 { padding-right: calc(var(--spacing) * 36) } .pr-\[3\.75rem\] { padding-right: 3.75rem } .pr-\[50vw\] { padding-right: 50vw } .pr-\[132px\] { padding-right: 132px } .pr-\[calc\(var\(--gallery-gutter\)\+var\(--gallery-offset\)\)\] { padding-right: calc(var(--gallery-gutter) + var(--gallery-offset)) } .\!pb-0 { padding-bottom: calc(var(--spacing) * 0) !important } .pb-0 { padding-bottom: calc(var(--spacing) * 0) } .pb-0\.5 { padding-bottom: calc(var(--spacing) * .5) } .pb-1 { padding-bottom: calc(var(--spacing) * 1) } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5) } .pb-2 { padding-bottom: calc(var(--spacing) * 2) } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5) } .pb-3 { padding-bottom: calc(var(--spacing) * 3) } .pb-3\.5 { padding-bottom: calc(var(--spacing) * 3.5) } .pb-4 { padding-bottom: calc(var(--spacing) * 4) } .pb-5 { padding-bottom: calc(var(--spacing) * 5) } .pb-6 { padding-bottom: calc(var(--spacing) * 6) } .pb-6\.5 { padding-bottom: calc(var(--spacing) * 6.5) } .pb-7 { padding-bottom: calc(var(--spacing) * 7) } .pb-7\.5 { padding-bottom: calc(var(--spacing) * 7.5) } .pb-8 { padding-bottom: calc(var(--spacing) * 8) } .pb-9 { padding-bottom: calc(var(--spacing) * 9) } .pb-10 { padding-bottom: calc(var(--spacing) * 10) } .pb-11 { padding-bottom: calc(var(--spacing) * 11) } .pb-12 { padding-bottom: calc(var(--spacing) * 12) } .pb-12\.5 { padding-bottom: calc(var(--spacing) * 12.5) } .pb-14 { padding-bottom: calc(var(--spacing) * 14) } .pb-16 { padding-bottom: calc(var(--spacing) * 16) } .pb-20 { padding-bottom: calc(var(--spacing) * 20) } .pb-24 { padding-bottom: calc(var(--spacing) * 24) } .pb-25 { padding-bottom: calc(var(--spacing) * 25) } .pb-28 { padding-bottom: calc(var(--spacing) * 28) } .pb-30 { padding-bottom: calc(var(--spacing) * 30) } .pb-32 { padding-bottom: calc(var(--spacing) * 32) } .pb-35 { padding-bottom: calc(var(--spacing) * 35) } .pb-40 { padding-bottom: calc(var(--spacing) * 40) } .pb-50 { padding-bottom: calc(var(--spacing) * 50) } .pb-60 { padding-bottom: calc(var(--spacing) * 60) } .pb-72 { padding-bottom: calc(var(--spacing) * 72) } .pb-\[6\.25rem\] { padding-bottom: 6.25rem } .pb-\[8rem\] { padding-bottom: 8rem } .pb-\[14rem\] { padding-bottom: 14rem } .pb-\[50vh\] { padding-bottom: 50vh } .pb-\[56\.25\%\] { padding-bottom: 56.25% } .pb-\[var\(--bottom-y-space\)\] { padding-bottom: var(--bottom-y-space) } .pl-\(--gallery-gutter\) { padding-left: var(--gallery-gutter) } .pl-0 { padding-left: calc(var(--spacing) * 0) } .pl-0\.5 { padding-left: calc(var(--spacing) * .5) } .pl-1 { padding-left: calc(var(--spacing) * 1) } .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5) } .pl-1\.5\! { padding-left: calc(var(--spacing) * 1.5) !important } .pl-2 { padding-left: calc(var(--spacing) * 2) } .pl-2\! { padding-left: calc(var(--spacing) * 2) !important } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5) } .pl-2\.75 { padding-left: calc(var(--spacing) * 2.75) } .pl-3 { padding-left: calc(var(--spacing) * 3) } .pl-3\.5 { padding-left: calc(var(--spacing) * 3.5) } .pl-4 { padding-left: calc(var(--spacing) * 4) } .pl-4\.5 { padding-left: calc(var(--spacing) * 4.5) } .pl-4\.25 { padding-left: calc(var(--spacing) * 4.25) } .pl-5 { padding-left: calc(var(--spacing) * 5) } .pl-6 { padding-left: calc(var(--spacing) * 6) } .pl-7 { padding-left: calc(var(--spacing) * 7) } .pl-7\.5 { padding-left: calc(var(--spacing) * 7.5) } .pl-8 { padding-left: calc(var(--spacing) * 8) } .pl-9 { padding-left: calc(var(--spacing) * 9) } .pl-9\.5 { padding-left: calc(var(--spacing) * 9.5) } .pl-10 { padding-left: calc(var(--spacing) * 10) } .pl-11 { padding-left: calc(var(--spacing) * 11) } .pl-12 { padding-left: calc(var(--spacing) * 12) } .pl-12\.5 { padding-left: calc(var(--spacing) * 12.5) } .pl-12\.75 { padding-left: calc(var(--spacing) * 12.75) } .pl-13 { padding-left: calc(var(--spacing) * 13) } .pl-20 { padding-left: calc(var(--spacing) * 20) } .pl-25 { padding-left: calc(var(--spacing) * 25) } .pl-32 { padding-left: calc(var(--spacing) * 32) } .pl-\[20px\] { padding-left: 20px } .pl-\[40px\] { padding-left: 40px } .pl-\[var\(--avatar-spacing-mobile\)\] { padding-left: var(--avatar-spacing-mobile) } .pl-\[var\(--product-img-space-mobile\)\] { padding-left: var(--product-img-space-mobile) } .\!text-left { text-align: left !important } .text-center { text-align: center } .text-end { text-align: end } .text-justify { text-align: justify } .text-left { text-align: left } .text-right { text-align: right } .text-start { text-align: start } .indent-8 { text-indent: calc(var(--spacing) * 8) } .indent-10 { text-indent: calc(var(--spacing) * 10) } .indent-16 { text-indent: calc(var(--spacing) * 16) } .indent-\[20\%\] { text-indent: 20% } .indent-\[22\%\] { text-indent: 22% } .align-\[0\.5rem\] { vertical-align: .5rem } .align-bottom { vertical-align: bottom } .align-middle { vertical-align: middle } .align-super { vertical-align: super } .align-text-bottom { vertical-align: text-bottom } .align-top { vertical-align: top } .font-\[helvetica\] { font-family: helvetica } .font-display { font-family: var(--font-display) } .font-handwriting { font-family: var(--font-handwriting) } .font-mono { font-family: var(--font-mono) } .font-sans { font-family: var(--font-sans) } .font-serif { font-family: var(--font-serif) } .font-text { font-family: var(--font-text) } .\!text-2xl { font-size: var(--text-2xl) !important; line-height: var(--tw-leading, var(--text-2xl--line-height)) !important } .\!text-base { font-size: var(--text-base) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important } .\!text-xs { font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)) } .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)) } .text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)) } .text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)) } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .text-base\/7 { font-size: var(--text-base); line-height: calc(var(--spacing) * 7) } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .text-lg\! { font-size: var(--text-lg) !important; line-height: var(--tw-leading, var(--text-lg--line-height)) !important } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .text-sm\! { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important } .text-sm\/5 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 5) } .text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6) } .text-sm\/relaxed { font-size: var(--text-sm); line-height: var(--leading-relaxed) } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .text-xl\! { font-size: var(--text-xl) !important; line-height: var(--tw-leading, var(--text-xl--line-height)) !important } .text-xl\/normal { font-size: var(--text-xl); line-height: var(--leading-normal) } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .text-xs\/5 { font-size: var(--text-xs); line-height: calc(var(--spacing) * 5) } .text-xs\/6 { font-size: var(--text-xs); line-height: calc(var(--spacing) * 6) } .text-xs\/relaxed { font-size: var(--text-xs); line-height: var(--leading-relaxed) } .\!text-\[0\.8125rem\] { font-size: .8125rem !important } .text-\[0\.2em\] { font-size: .2em } .text-\[0\.5rem\] { font-size: .5rem } .text-\[0\.7rem\] { font-size: .7rem } .text-\[0\.8rem\] { font-size: .8rem } .text-\[0\.45rem\] { font-size: .45rem } .text-\[0\.55rem\] { font-size: .55rem } .text-\[0\.65rem\] { font-size: .65rem } .text-\[0\.625rem\] { font-size: .625rem } .text-\[0\.5625rem\] { font-size: .5625rem } .text-\[0\.6875rem\] { font-size: .6875rem } .text-\[0\.8125rem\] { font-size: .8125rem } .text-\[0\.9375rem\] { font-size: .9375rem } .text-\[1\.15rem\] { font-size: 1.15rem } .text-\[1\.25rem\] { font-size: 1.25rem } .text-\[1\.28cqw\] { font-size: 1.28cqw } .text-\[1\.75rem\] { font-size: 1.75rem } .text-\[1\.375rem\] { font-size: 1.375rem } .text-\[2\.5rem\] { font-size: 2.5rem } .text-\[2\.75rem\] { font-size: 2.75rem } .text-\[2\.875rem\] { font-size: 2.875rem } .text-\[2\.8125rem\] { font-size: 2.8125rem } .text-\[2rem\] { font-size: 2rem } .text-\[3\.5cqw\] { font-size: 3.5cqw } .text-\[3\.5rem\] { font-size: 3.5rem } .text-\[3\.8cqw\] { font-size: 3.8cqw } .text-\[3\.125rem\] { font-size: 3.125rem } .text-\[3\.375rem\] { font-size: 3.375rem } .text-\[4cqw\] { font-size: 4cqw } .text-\[4rem\] { font-size: 4rem } .text-\[8px\] { font-size: 8px } .text-\[9px\] { font-size: 9px } .text-\[10px\] { font-size: 10px } .text-\[11px\] { font-size: 11px } .text-\[12px\] { font-size: 12px } .text-\[13px\] { font-size: 13px } .text-\[13vw\] { font-size: 13vw } .text-\[14px\] { font-size: 14px } .text-\[15px\] { font-size: 15px } .text-\[15rem\] { font-size: 15rem } .text-\[16px\] { font-size: 16px } .text-\[20px\] { font-size: 20px } .text-\[25vw\] { font-size: 25vw } .text-\[26px\] { font-size: 26px } .text-\[28px\] { font-size: 28px } .text-\[30vw\] { font-size: 30vw } .text-\[35cqi\] { font-size: 35cqi } .text-\[60px\] { font-size: 60px } .text-\[70px\] { font-size: 70px } .text-\[clamp\(0\.5rem\,2\.5vw\,1\.25rem\)\] { font-size: clamp(.5rem, 2.5vw, 1.25rem) } .text-\[clamp\(0\.5rem\,2\.5vw\,1\.125rem\)\] { font-size: clamp(.5rem, 2.5vw, 1.125rem) } .text-\[clamp\(0\.875rem\,0\.875vw\,1rem\)\] { font-size: clamp(.875rem, .875vw, 1rem) } .text-\[clamp\(1\.2rem\,3\.8vw\,1\.7rem\)\] { font-size: clamp(1.2rem, 3.8vw, 1.7rem) } .text-\[clamp\(1\.65rem\,3vw\,2\.15rem\)\] { font-size: clamp(1.65rem, 3vw, 2.15rem) } .text-\[clamp\(1\.125rem\,1\.125vw\,1\.4rem\)\] { font-size: clamp(1.125rem, 1.125vw, 1.4rem) } .text-\[clamp\(2\.1rem\,7vw\,4\.2rem\)\] { font-size: clamp(2.1rem, 7vw, 4.2rem) } .text-\[clamp\(3\.5rem\,calc\(6\.5vw\+2\.3rem\)\,9\.5rem\)\] { font-size: clamp(3.5rem, 6.5vw + 2.3rem, 9.5rem) } .leading-0 { --tw-leading: calc(var(--spacing) * 0); line-height: calc(var(--spacing) * 0) } .leading-2 { --tw-leading: calc(var(--spacing) * 2); line-height: calc(var(--spacing) * 2) } .leading-3 { --tw-leading: calc(var(--spacing) * 3); line-height: calc(var(--spacing) * 3) } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4) } .leading-4\.5 { --tw-leading: calc(var(--spacing) * 4.5); line-height: calc(var(--spacing) * 4.5) } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5) } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6) } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7) } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8) } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9) } .leading-10 { --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10) } .leading-11 { --tw-leading: calc(var(--spacing) * 11); line-height: calc(var(--spacing) * 11) } .leading-14 { --tw-leading: calc(var(--spacing) * 14); line-height: calc(var(--spacing) * 14) } .leading-18 { --tw-leading: calc(var(--spacing) * 18); line-height: calc(var(--spacing) * 18) } .leading-\[\.96\] { --tw-leading: .96; line-height: .96 } .leading-\[\.97\] { --tw-leading: .97; line-height: .97 } .leading-\[0\.9\] { --tw-leading: .9; line-height: .9 } .leading-\[0\.85\] { --tw-leading: .85; line-height: .85 } .leading-\[0\.95\] { --tw-leading: .95; line-height: .95 } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1 } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2 } .leading-\[1\.2\]\! { --tw-leading: 1.2 !important; line-height: 1.2 !important } .leading-\[1\.3\] { --tw-leading: 1.3; line-height: 1.3 } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4 } .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05 } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5 } .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6 } .leading-\[1\.08\] { --tw-leading: 1.08; line-height: 1.08 } .leading-\[1\.8\] { --tw-leading: 1.8; line-height: 1.8 } .leading-\[1\.22\] { --tw-leading: 1.22; line-height: 1.22 } .leading-\[1\.294\] { --tw-leading: 1.294; line-height: 1.294 } .leading-\[1\.875rem\] { --tw-leading: 1.875rem; line-height: 1.875rem } .leading-\[1em\] { --tw-leading: 1em; line-height: 1em } .leading-\[2\.05\] { --tw-leading: 2.05; line-height: 2.05 } .leading-\[2\.25rem\] { --tw-leading: 2.25rem; line-height: 2.25rem } .leading-\[3\.75\] { --tw-leading: 3.75; line-height: 3.75 } .leading-\[3\.125rem\] { --tw-leading: 3.125rem; line-height: 3.125rem } .leading-\[28px\] { --tw-leading: 28px; line-height: 28px } .leading-\[36px\] { --tw-leading: 36px; line-height: 36px } .leading-\[65px\] { --tw-leading: 65px; line-height: 65px } .leading-\[90\%\] { --tw-leading: 90%; line-height: 90% } .leading-\[120\%\] { --tw-leading: 120%; line-height: 120% } .leading-\[130\%\] { --tw-leading: 130%; line-height: 130% } .leading-\[140\%\] { --tw-leading: 140%; line-height: 140% } .leading-\[150\%\] { --tw-leading: 150%; line-height: 150% } .leading-\[165\%\] { --tw-leading: 165%; line-height: 165% } .leading-\[none\] { --tw-leading: none; line-height: none } .leading-loose { --tw-leading: var(--leading-loose); line-height: var(--leading-loose) } .leading-none { --tw-leading: 1; line-height: 1 } .leading-none\! { --tw-leading: 1 !important; line-height: 1 !important } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal) } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed) } .leading-relaxed\! { --tw-leading: var(--leading-relaxed) !important; line-height: var(--leading-relaxed) !important } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug) } .leading-snug\! { --tw-leading: var(--leading-snug) !important; line-height: var(--leading-snug) !important } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight) } .leading-tight\! { --tw-leading: var(--leading-tight) !important; line-height: var(--leading-tight) !important } .\!font-normal { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black) } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold) } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light) } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal) } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .-tracking-\[1\.7px\] { --tw-tracking: -1.7px; letter-spacing: -1.7px } .tracking-\[-0\.02em\] { --tw-tracking: -.02em; letter-spacing: -.02em } .tracking-\[-0\.03em\] { --tw-tracking: -.03em; letter-spacing: -.03em } .tracking-\[-0\.04em\] { --tw-tracking: -.04em; letter-spacing: -.04em } .tracking-\[-0\.06em\] { --tw-tracking: -.06em; letter-spacing: -.06em } .tracking-\[-0\.8px\] { --tw-tracking: -.8px; letter-spacing: -.8px } .tracking-\[-0\.32px\] { --tw-tracking: -.32px; letter-spacing: -.32px } .tracking-\[-0\.36px\] { --tw-tracking: -.36px; letter-spacing: -.36px } .tracking-\[-0\.48px\] { --tw-tracking: -.48px; letter-spacing: -.48px } .tracking-\[-0\.96px\] { --tw-tracking: -.96px; letter-spacing: -.96px } .tracking-\[-1\.6px\] { --tw-tracking: -1.6px; letter-spacing: -1.6px } .tracking-\[-1px\] { --tw-tracking: -1px; letter-spacing: -1px } .tracking-\[-2px\] { --tw-tracking: -2px; letter-spacing: -2px } .tracking-\[-3\.92px\] { --tw-tracking: -3.92px; letter-spacing: -3.92px } .tracking-\[-5px\] { --tw-tracking: -5px; letter-spacing: -5px } .tracking-\[0\.2em\] { --tw-tracking: .2em; letter-spacing: .2em } .tracking-\[0\.3em\] { --tw-tracking: .3em; letter-spacing: .3em } .tracking-\[0\.04em\] { --tw-tracking: .04em; letter-spacing: .04em } .tracking-\[0\.08em\] { --tw-tracking: .08em; letter-spacing: .08em } .tracking-\[0\.12em\] { --tw-tracking: .12em; letter-spacing: .12em } .tracking-\[0\.14em\] { --tw-tracking: .14em; letter-spacing: .14em } .tracking-\[0\.15em\] { --tw-tracking: .15em; letter-spacing: .15em } .tracking-\[0\.16em\] { --tw-tracking: .16em; letter-spacing: .16em } .tracking-\[0\.18em\] { --tw-tracking: .18em; letter-spacing: .18em } .tracking-\[0\.22em\] { --tw-tracking: .22em; letter-spacing: .22em } .tracking-\[0\.24em\] { --tw-tracking: .24em; letter-spacing: .24em } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal) } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight) } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter) } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide) } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider) } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest) } .text-balance { text-wrap: balance } .text-nowrap { text-wrap: nowrap } .text-pretty { text-wrap: pretty } .text-wrap { text-wrap: wrap } .break-normal { overflow-wrap: normal; word-break: normal } .break-words { overflow-wrap: break-word } .wrap-anywhere { overflow-wrap: anywhere } .wrap-break-word { overflow-wrap: break-word } .break-all { word-break: break-all } .text-ellipsis { text-overflow: ellipsis } .\!whitespace-normal { white-space: normal !important } .whitespace-normal { white-space: normal } .whitespace-nowrap { white-space: nowrap } .whitespace-pre { white-space: pre } .whitespace-pre-line { white-space: pre-line } .whitespace-pre-wrap { white-space: pre-wrap } .\!text-foreground { color: var(--foreground) !important } .\!text-muted-foreground { color: var(--muted-foreground) !important } .\!text-popover-foreground { color: var(--popover-foreground) !important } .\!text-primary-foreground { color: var(--primary-foreground) !important } .text-\[\#38bdf8\] { color: #38bdf8 } .text-\[\#eaeaea\] { color: #eaeaea } .text-accent { color: var(--accent) } .text-accent-foreground { color: var(--accent-foreground) } .text-amber-400 { color: var(--color-amber-400) } .text-amber-500 { color: var(--color-amber-500) } .text-amber-600 { color: var(--color-amber-600) } .text-amber-600\/60 { color: #dd740099 } @supports (color:color-mix(in lab, red, red)) { .text-amber-600\/60 { color: color-mix(in oklab, var(--color-amber-600) 60%, transparent) } } .text-amber-600\/80 { color: #dd7400cc } @supports (color:color-mix(in lab, red, red)) { .text-amber-600\/80 { color: color-mix(in oklab, var(--color-amber-600) 80%, transparent) } } .text-amber-700 { color: var(--color-amber-700) } .text-amber-800 { color: var(--color-amber-800) } .text-amber-900 { color: var(--color-amber-900) } .text-amber-950 { color: var(--color-amber-950) } .text-background, .text-background\/5 { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .text-background\/5 { color: color-mix(in oklab, var(--background) 5%, transparent) } } .text-background\/40 { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .text-background\/40 { color: color-mix(in oklab, var(--background) 40%, transparent) } } .text-background\/50 { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .text-background\/50 { color: color-mix(in oklab, var(--background) 50%, transparent) } } .text-background\/55 { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .text-background\/55 { color: color-mix(in oklab, var(--background) 55%, transparent) } } .text-background\/60 { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .text-background\/60 { color: color-mix(in oklab, var(--background) 60%, transparent) } } .text-background\/70 { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .text-background\/70 { color: color-mix(in oklab, var(--background) 70%, transparent) } } .text-background\/80 { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .text-background\/80 { color: color-mix(in oklab, var(--background) 80%, transparent) } } .text-background\/85 { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .text-background\/85 { color: color-mix(in oklab, var(--background) 85%, transparent) } } .text-background\/\[0\.05\] { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .text-background\/\[0\.05\] { color: color-mix(in oklab, var(--background) 5%, transparent) } } .text-black { color: var(--color-black) } .text-black\/18 { color: #0000002e } @supports (color:color-mix(in lab, red, red)) { .text-black\/18 { color: color-mix(in oklab, var(--color-black) 18%, transparent) } } .text-black\/20 { color: #0003 } @supports (color:color-mix(in lab, red, red)) { .text-black\/20 { color: color-mix(in oklab, var(--color-black) 20%, transparent) } } .text-black\/40 { color: #0006 } @supports (color:color-mix(in lab, red, red)) { .text-black\/40 { color: color-mix(in oklab, var(--color-black) 40%, transparent) } } .text-black\/60 { color: #0009 } @supports (color:color-mix(in lab, red, red)) { .text-black\/60 { color: color-mix(in oklab, var(--color-black) 60%, transparent) } } .text-black\/70 { color: #000000b3 } @supports (color:color-mix(in lab, red, red)) { .text-black\/70 { color: color-mix(in oklab, var(--color-black) 70%, transparent) } } .text-black\/80 { color: #000c } @supports (color:color-mix(in lab, red, red)) { .text-black\/80 { color: color-mix(in oklab, var(--color-black) 80%, transparent) } } .text-blue-50 { color: var(--color-blue-50) } .text-blue-300 { color: var(--color-blue-300) } .text-blue-400 { color: var(--color-blue-400) } .text-blue-400\/90 { color: #54a2ffe6 } @supports (color:color-mix(in lab, red, red)) { .text-blue-400\/90 { color: color-mix(in oklab, var(--color-blue-400) 90%, transparent) } } .text-blue-500 { color: var(--color-blue-500) } .text-blue-600 { color: var(--color-blue-600) } .text-blue-600\/60 { color: #155dfc99 } @supports (color:color-mix(in lab, red, red)) { .text-blue-600\/60 { color: color-mix(in oklab, var(--color-blue-600) 60%, transparent) } } .text-blue-600\/80 { color: #155dfccc } @supports (color:color-mix(in lab, red, red)) { .text-blue-600\/80 { color: color-mix(in oklab, var(--color-blue-600) 80%, transparent) } } .text-blue-700 { color: var(--color-blue-700) } .text-blue-800 { color: var(--color-blue-800) } .text-blue-900 { color: var(--color-blue-900) } .text-blue-950 { color: var(--color-blue-950) } .text-border { color: var(--border) } .text-card { color: var(--card) } .text-card-foreground { color: var(--card-foreground) } .text-chart-1 { color: var(--chart-1) } .text-chart-2 { color: var(--chart-2) } .text-current { color: currentColor } .text-cyan-400 { color: var(--color-cyan-400) } .text-cyan-500 { color: var(--color-cyan-500) } .text-destructive, .text-destructive\/60 { color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .text-destructive\/60 { color: color-mix(in oklab, var(--destructive) 60%, transparent) } } .text-destructive\/80 { color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .text-destructive\/80 { color: color-mix(in oklab, var(--destructive) 80%, transparent) } } .text-emerald-400 { color: var(--color-emerald-400) } .text-emerald-500 { color: var(--color-emerald-500) } .text-emerald-600 { color: var(--color-emerald-600) } .text-emerald-700 { color: var(--color-emerald-700) } .text-emerald-800 { color: var(--color-emerald-800) } .text-emerald-900 { color: var(--color-emerald-900) } .text-foreground, .text-foreground\/5 { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/5 { color: color-mix(in oklab, var(--foreground) 5%, transparent) } } .text-foreground\/10 { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/10 { color: color-mix(in oklab, var(--foreground) 10%, transparent) } } .text-foreground\/20 { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/20 { color: color-mix(in oklab, var(--foreground) 20%, transparent) } } .text-foreground\/30 { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/30 { color: color-mix(in oklab, var(--foreground) 30%, transparent) } } .text-foreground\/40 { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/40 { color: color-mix(in oklab, var(--foreground) 40%, transparent) } } .text-foreground\/50 { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/50 { color: color-mix(in oklab, var(--foreground) 50%, transparent) } } .text-foreground\/60 { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/60 { color: color-mix(in oklab, var(--foreground) 60%, transparent) } } .text-foreground\/70 { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/70 { color: color-mix(in oklab, var(--foreground) 70%, transparent) } } .text-foreground\/80 { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/80 { color: color-mix(in oklab, var(--foreground) 80%, transparent) } } .text-foreground\/85 { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/85 { color: color-mix(in oklab, var(--foreground) 85%, transparent) } } .text-foreground\/90 { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/90 { color: color-mix(in oklab, var(--foreground) 90%, transparent) } } .text-foreground\/\[0\.05\] { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .text-foreground\/\[0\.05\] { color: color-mix(in oklab, var(--foreground) 5%, transparent) } } .text-fuchsia-500 { color: var(--color-fuchsia-500) } .text-fuchsia-900 { color: var(--color-fuchsia-900) } .text-gray-200 { color: var(--color-gray-200) } .text-gray-300 { color: var(--color-gray-300) } .text-gray-400 { color: var(--color-gray-400) } .text-gray-500 { color: var(--color-gray-500) } .text-gray-600 { color: var(--color-gray-600) } .text-gray-700 { color: var(--color-gray-700) } .text-gray-800 { color: var(--color-gray-800) } .text-gray-900 { color: var(--color-gray-900) } .text-green-400 { color: var(--color-green-400) } .text-green-500 { color: var(--color-green-500) } .text-green-600 { color: var(--color-green-600) } .text-green-600\! { color: var(--color-green-600) !important } .text-green-600\/60 { color: #00a54499 } @supports (color:color-mix(in lab, red, red)) { .text-green-600\/60 { color: color-mix(in oklab, var(--color-green-600) 60%, transparent) } } .text-green-600\/80 { color: #00a544cc } @supports (color:color-mix(in lab, red, red)) { .text-green-600\/80 { color: color-mix(in oklab, var(--color-green-600) 80%, transparent) } } .text-green-700 { color: var(--color-green-700) } .text-green-800 { color: var(--color-green-800) } .text-green-900 { color: var(--color-green-900) } .text-indigo-200 { color: var(--color-indigo-200) } .text-indigo-400 { color: var(--color-indigo-400) } .text-indigo-500 { color: var(--color-indigo-500) } .text-indigo-600 { color: var(--color-indigo-600) } .text-indigo-700 { color: var(--color-indigo-700) } .text-indigo-800 { color: var(--color-indigo-800) } .text-indigo-900 { color: var(--color-indigo-900) } .text-inherit { color: inherit } .text-lime-300 { color: var(--color-lime-300) } .text-lime-400 { color: var(--color-lime-400) } .text-lime-600 { color: var(--color-lime-600) } .text-muted { color: var(--muted) } .text-muted-foreground, .text-muted-foreground\/20 { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-muted-foreground\/20 { color: color-mix(in oklab, var(--muted-foreground) 20%, transparent) } } .text-muted-foreground\/30 { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-muted-foreground\/30 { color: color-mix(in oklab, var(--muted-foreground) 30%, transparent) } } .text-muted-foreground\/35 { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-muted-foreground\/35 { color: color-mix(in oklab, var(--muted-foreground) 35%, transparent) } } .text-muted-foreground\/40 { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-muted-foreground\/40 { color: color-mix(in oklab, var(--muted-foreground) 40%, transparent) } } .text-muted-foreground\/50 { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-muted-foreground\/50 { color: color-mix(in oklab, var(--muted-foreground) 50%, transparent) } } .text-muted-foreground\/60 { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-muted-foreground\/60 { color: color-mix(in oklab, var(--muted-foreground) 60%, transparent) } } .text-muted-foreground\/70 { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-muted-foreground\/70 { color: color-mix(in oklab, var(--muted-foreground) 70%, transparent) } } .text-muted-foreground\/75 { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-muted-foreground\/75 { color: color-mix(in oklab, var(--muted-foreground) 75%, transparent) } } .text-muted-foreground\/80 { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-muted-foreground\/80 { color: color-mix(in oklab, var(--muted-foreground) 80%, transparent) } } .text-muted-foreground\/90 { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-muted-foreground\/90 { color: color-mix(in oklab, var(--muted-foreground) 90%, transparent) } } .text-muted\/30 { color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .text-muted\/30 { color: color-mix(in oklab, var(--muted) 30%, transparent) } } .text-muted\/80 { color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .text-muted\/80 { color: color-mix(in oklab, var(--muted) 80%, transparent) } } .text-neutral-50 { color: var(--color-neutral-50) } .text-neutral-100 { color: var(--color-neutral-100) } .text-neutral-200 { color: var(--color-neutral-200) } .text-neutral-300 { color: var(--color-neutral-300) } .text-neutral-400 { color: var(--color-neutral-400) } .text-neutral-500 { color: var(--color-neutral-500) } .text-neutral-600 { color: var(--color-neutral-600) } .text-neutral-700 { color: var(--color-neutral-700) } .text-neutral-800 { color: var(--color-neutral-800) } .text-neutral-800\/20 { color: #26262633 } @supports (color:color-mix(in lab, red, red)) { .text-neutral-800\/20 { color: color-mix(in oklab, var(--color-neutral-800) 20%, transparent) } } .text-neutral-800\/80 { color: #262626cc } @supports (color:color-mix(in lab, red, red)) { .text-neutral-800\/80 { color: color-mix(in oklab, var(--color-neutral-800) 80%, transparent) } } .text-neutral-900 { color: var(--color-neutral-900) } .text-neutral-950 { color: var(--color-neutral-950) } .text-neutral-950\/50 { color: #0a0a0a80 } @supports (color:color-mix(in lab, red, red)) { .text-neutral-950\/50 { color: color-mix(in oklab, var(--color-neutral-950) 50%, transparent) } } .text-orange-100 { color: var(--color-orange-100) } .text-orange-300 { color: var(--color-orange-300) } .text-orange-400 { color: var(--color-orange-400) } .text-orange-500 { color: var(--color-orange-500) } .text-orange-600 { color: var(--color-orange-600) } .text-orange-700 { color: var(--color-orange-700) } .text-orange-800 { color: var(--color-orange-800) } .text-orange-900 { color: var(--color-orange-900) } .text-pink-400\/90 { color: #fb64b6e6 } @supports (color:color-mix(in lab, red, red)) { .text-pink-400\/90 { color: color-mix(in oklab, var(--color-pink-400) 90%, transparent) } } .text-pink-500 { color: var(--color-pink-500) } .text-pink-600 { color: var(--color-pink-600) } .text-popover-foreground { color: var(--popover-foreground) } .text-primary { color: var(--primary) } .text-primary\! { color: var(--primary) !important } .text-primary-foreground, .text-primary-foreground\/60 { color: var(--primary-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-primary-foreground\/60 { color: color-mix(in oklab, var(--primary-foreground) 60%, transparent) } } .text-primary-foreground\/70 { color: var(--primary-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-primary-foreground\/70 { color: color-mix(in oklab, var(--primary-foreground) 70%, transparent) } } .text-primary-foreground\/80 { color: var(--primary-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-primary-foreground\/80 { color: color-mix(in oklab, var(--primary-foreground) 80%, transparent) } } .text-primary-foreground\/85 { color: var(--primary-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-primary-foreground\/85 { color: color-mix(in oklab, var(--primary-foreground) 85%, transparent) } } .text-primary-foreground\/90 { color: var(--primary-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-primary-foreground\/90 { color: color-mix(in oklab, var(--primary-foreground) 90%, transparent) } } .text-primary\/20 { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .text-primary\/20 { color: color-mix(in oklab, var(--primary) 20%, transparent) } } .text-primary\/40 { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .text-primary\/40 { color: color-mix(in oklab, var(--primary) 40%, transparent) } } .text-primary\/50 { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .text-primary\/50 { color: color-mix(in oklab, var(--primary) 50%, transparent) } } .text-primary\/60 { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .text-primary\/60 { color: color-mix(in oklab, var(--primary) 60%, transparent) } } .text-primary\/70 { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .text-primary\/70 { color: color-mix(in oklab, var(--primary) 70%, transparent) } } .text-primary\/80 { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .text-primary\/80 { color: color-mix(in oklab, var(--primary) 80%, transparent) } } .text-primary\/90 { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .text-primary\/90 { color: color-mix(in oklab, var(--primary) 90%, transparent) } } .text-purple-400\/90 { color: #c07effe6 } @supports (color:color-mix(in lab, red, red)) { .text-purple-400\/90 { color: color-mix(in oklab, var(--color-purple-400) 90%, transparent) } } .text-purple-500 { color: var(--color-purple-500) } .text-purple-600 { color: var(--color-purple-600) } .text-purple-800 { color: var(--color-purple-800) } .text-red-400 { color: var(--color-red-400) } .text-red-400\/90 { color: #ff6568e6 } @supports (color:color-mix(in lab, red, red)) { .text-red-400\/90 { color: color-mix(in oklab, var(--color-red-400) 90%, transparent) } } .text-red-500 { color: var(--color-red-500) } .text-red-500\/90 { color: #fb2c36e6 } @supports (color:color-mix(in lab, red, red)) { .text-red-500\/90 { color: color-mix(in oklab, var(--color-red-500) 90%, transparent) } } .text-red-600 { color: var(--color-red-600) } .text-red-700 { color: var(--color-red-700) } .text-red-800 { color: var(--color-red-800) } .text-red-900 { color: var(--color-red-900) } .text-rose-400 { color: var(--color-rose-400) } .text-rose-500 { color: var(--color-rose-500) } .text-rose-600 { color: var(--color-rose-600) } .text-rose-600\! { color: var(--color-rose-600) !important } .text-rose-700 { color: var(--color-rose-700) } .text-rose-800 { color: var(--color-rose-800) } .text-secondary { color: var(--secondary) } .text-secondary-foreground, .text-secondary-foreground\/60 { color: var(--secondary-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-secondary-foreground\/60 { color: color-mix(in oklab, var(--secondary-foreground) 60%, transparent) } } .text-secondary-foreground\/90 { color: var(--secondary-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-secondary-foreground\/90 { color: color-mix(in oklab, var(--secondary-foreground) 90%, transparent) } } .text-secondary\/60 { color: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .text-secondary\/60 { color: color-mix(in oklab, var(--secondary) 60%, transparent) } } .text-secondary\/80 { color: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .text-secondary\/80 { color: color-mix(in oklab, var(--secondary) 80%, transparent) } } .text-sidebar-foreground, .text-sidebar-foreground\/50 { color: var(--sidebar-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-sidebar-foreground\/50 { color: color-mix(in oklab, var(--sidebar-foreground) 50%, transparent) } } .text-sidebar-foreground\/70 { color: var(--sidebar-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-sidebar-foreground\/70 { color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent) } } .text-sidebar-foreground\/80 { color: var(--sidebar-foreground) } @supports (color:color-mix(in lab, red, red)) { .text-sidebar-foreground\/80 { color: color-mix(in oklab, var(--sidebar-foreground) 80%, transparent) } } .text-sidebar-primary-foreground { color: var(--sidebar-primary-foreground) } .text-sky-400 { color: var(--color-sky-400) } .text-sky-500 { color: var(--color-sky-500) } .text-sky-700 { color: var(--color-sky-700) } .text-sky-800 { color: var(--color-sky-800) } .text-sky-900 { color: var(--color-sky-900) } .text-sky-950 { color: var(--color-sky-950) } .text-sky-950\/60 { color: #052f4a99 } @supports (color:color-mix(in lab, red, red)) { .text-sky-950\/60 { color: color-mix(in oklab, var(--color-sky-950) 60%, transparent) } } .text-sky-950\/70 { color: #052f4ab3 } @supports (color:color-mix(in lab, red, red)) { .text-sky-950\/70 { color: color-mix(in oklab, var(--color-sky-950) 70%, transparent) } } .text-slate-300 { color: var(--color-slate-300) } .text-slate-400 { color: var(--color-slate-400) } .text-slate-500 { color: var(--color-slate-500) } .text-slate-600 { color: var(--color-slate-600) } .text-slate-700 { color: var(--color-slate-700) } .text-slate-800 { color: var(--color-slate-800) } .text-slate-800\/40 { color: #1d293d66 } @supports (color:color-mix(in lab, red, red)) { .text-slate-800\/40 { color: color-mix(in oklab, var(--color-slate-800) 40%, transparent) } } .text-slate-800\/50 { color: #1d293d80 } @supports (color:color-mix(in lab, red, red)) { .text-slate-800\/50 { color: color-mix(in oklab, var(--color-slate-800) 50%, transparent) } } .text-slate-800\/60 { color: #1d293d99 } @supports (color:color-mix(in lab, red, red)) { .text-slate-800\/60 { color: color-mix(in oklab, var(--color-slate-800) 60%, transparent) } } .text-slate-900 { color: var(--color-slate-900) } .text-slate-950 { color: var(--color-slate-950) } .text-teal-400\/90 { color: #00d3bde6 } @supports (color:color-mix(in lab, red, red)) { .text-teal-400\/90 { color: color-mix(in oklab, var(--color-teal-400) 90%, transparent) } } .text-teal-700 { color: var(--color-teal-700) } .text-teal-800 { color: var(--color-teal-800) } .text-transparent { color: #0000 } .text-violet-400 { color: var(--color-violet-400) } .text-violet-500 { color: var(--color-violet-500) } .text-violet-600 { color: var(--color-violet-600) } .text-violet-700 { color: var(--color-violet-700) } .text-violet-900 { color: var(--color-violet-900) } .text-violet-950 { color: var(--color-violet-950) } .text-white { color: var(--color-white) } .text-white\/40 { color: #fff6 } @supports (color:color-mix(in lab, red, red)) { .text-white\/40 { color: color-mix(in oklab, var(--color-white) 40%, transparent) } } .text-white\/45 { color: #ffffff73 } @supports (color:color-mix(in lab, red, red)) { .text-white\/45 { color: color-mix(in oklab, var(--color-white) 45%, transparent) } } .text-white\/50 { color: #ffffff80 } @supports (color:color-mix(in lab, red, red)) { .text-white\/50 { color: color-mix(in oklab, var(--color-white) 50%, transparent) } } .text-white\/55 { color: #ffffff8c } @supports (color:color-mix(in lab, red, red)) { .text-white\/55 { color: color-mix(in oklab, var(--color-white) 55%, transparent) } } .text-white\/60 { color: #fff9 } @supports (color:color-mix(in lab, red, red)) { .text-white\/60 { color: color-mix(in oklab, var(--color-white) 60%, transparent) } } .text-white\/70 { color: #ffffffb3 } @supports (color:color-mix(in lab, red, red)) { .text-white\/70 { color: color-mix(in oklab, var(--color-white) 70%, transparent) } } .text-white\/80 { color: #fffc } @supports (color:color-mix(in lab, red, red)) { .text-white\/80 { color: color-mix(in oklab, var(--color-white) 80%, transparent) } } .text-white\/85 { color: #ffffffd9 } @supports (color:color-mix(in lab, red, red)) { .text-white\/85 { color: color-mix(in oklab, var(--color-white) 85%, transparent) } } .text-white\/90 { color: #ffffffe6 } @supports (color:color-mix(in lab, red, red)) { .text-white\/90 { color: color-mix(in oklab, var(--color-white) 90%, transparent) } } .text-yellow-300 { color: var(--color-yellow-300) } .text-yellow-400 { color: var(--color-yellow-400) } .text-yellow-500 { color: var(--color-yellow-500) } .text-yellow-600 { color: var(--color-yellow-600) } .text-yellow-700 { color: var(--color-yellow-700) } .text-yellow-800 { color: var(--color-yellow-800) } .text-yellow-900 { color: var(--color-yellow-900) } .text-zinc-100 { color: var(--color-zinc-100) } .text-zinc-200 { color: var(--color-zinc-200) } .text-zinc-300 { color: var(--color-zinc-300) } .text-zinc-400 { color: var(--color-zinc-400) } .text-zinc-500 { color: var(--color-zinc-500) } .text-zinc-600 { color: var(--color-zinc-600) } .text-zinc-700 { color: var(--color-zinc-700) } .text-zinc-800 { color: var(--color-zinc-800) } .capitalize { text-transform: capitalize } .lowercase { text-transform: lowercase } .normal-case { text-transform: none } .uppercase { text-transform: uppercase } .italic { font-style: italic } .not-italic { font-style: normal } .ordinal { --tw-ordinal: ordinal; 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; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) } .line-through { text-decoration-line: line-through } .no-underline { text-decoration-line: none } .no-underline\! { text-decoration-line: none !important } .overline { text-decoration-line: overline } .underline { text-decoration-line: underline } .decoration-foreground\/40 { -webkit-text-decoration-color: var(--foreground); text-decoration-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .decoration-foreground\/40 { -webkit-text-decoration-color: color-mix(in oklab, var(--foreground) 40%, transparent); text-decoration-color: color-mix(in oklab, var(--foreground) 40%, transparent) } } .decoration-muted-foreground\/40 { -webkit-text-decoration-color: var(--muted-foreground); text-decoration-color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .decoration-muted-foreground\/40 { -webkit-text-decoration-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent); text-decoration-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent) } } .decoration-dotted { text-decoration-style: dotted } .underline-offset-2 { text-underline-offset: 2px } .underline-offset-3 { text-underline-offset: 3px } .underline-offset-4 { text-underline-offset: 4px } .underline-offset-8 { text-underline-offset: 8px } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .placeholder-muted-foreground::placeholder { color: var(--muted-foreground) } .accent-background { accent-color: var(--background) } .accent-foreground { accent-color: var(--foreground) } .opacity-0 { opacity: 0 } .opacity-5 { opacity: .05 } .opacity-10 { opacity: .1 } .opacity-15 { opacity: .15 } .opacity-20 { opacity: .2 } .opacity-25 { opacity: .25 } .opacity-30 { opacity: .3 } .opacity-35 { opacity: .35 } .opacity-40 { opacity: .4 } .opacity-45 { opacity: .45 } .opacity-50 { opacity: .5 } .opacity-55 { opacity: .55 } .opacity-60 { opacity: .6 } .opacity-70 { opacity: .7 } .opacity-75 { opacity: .75 } .opacity-80 { opacity: .8 } .opacity-85 { opacity: .85 } .opacity-90 { opacity: .9 } .opacity-100 { opacity: 1 } .opacity-100\! { opacity: 1 !important } .opacity-\[\.03\] { opacity: .03 } .opacity-\[0\.2\] { opacity: .2 } .opacity-\[0\.03\] { opacity: .03 } .opacity-\[0\.06\] { opacity: .06 } .opacity-\[0\.35\] { opacity: .35 } .opacity-\[var\(--opacity\)\] { opacity: var(--opacity) } .\[background-blend-mode\:hue_hue_hue_overlay\] { background-blend-mode: hue hue hue overlay } .bg-blend-color { background-blend-mode: color } .bg-blend-saturation { background-blend-mode: saturation } .mix-blend-color-dodge { mix-blend-mode: color-dodge } .mix-blend-difference { mix-blend-mode: difference } .mix-blend-exclusion { mix-blend-mode: exclusion } .mix-blend-luminosity { mix-blend-mode: luminosity } .mix-blend-multiply { mix-blend-mode: multiply } .mix-blend-overlay { mix-blend-mode: overlay } .mix-blend-soft-light { mix-blend-mode: soft-light } .shadow-sm\/50 { --tw-shadow-alpha: 50%; --tw-shadow: var(--shadow-sm); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .\!shadow-lg { --tw-shadow: var(--shadow-lg) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .\!shadow-none { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .shadow { --tw-shadow: var(--shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-2xl { --tw-shadow: var(--shadow-2xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-2xs { --tw-shadow: var(--shadow-2xs); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[-0\.65rem_0\.4rem_1\.25rem_-0\.25rem_rgb\(0_0_0\/0\.06\)\] { --tw-shadow: -.65rem .4rem 1.25rem -.25rem var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[-10px_-10px_0_0_var\(--background\)\] { --tw-shadow: -10px -10px 0 0 var(--tw-shadow-color, var(--background)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[-10px_10px_0_0_var\(--background\)\] { --tw-shadow: -10px 10px 0 0 var(--tw-shadow-color, var(--background)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[-12px_-14px_28px_rgba\(0\,0\,0\,0\.09\)\] { --tw-shadow: -12px -14px 28px var(--tw-shadow-color, #00000017); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[-24px_-28px_48px_rgba\(0\,0\,0\,0\.15\)\] { --tw-shadow: -24px -28px 48px var(--tw-shadow-color, #00000026); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[-25px_0px_20px_0px_rgba\(0\,0\,0\,\.04\)\] { --tw-shadow: -25px 0px 20px 0px var(--tw-shadow-color, #0000000a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[\.\.\.\] { --tw-shadow: ...; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0\.65rem_0\.4rem_1\.25rem_-0\.25rem_rgb\(0_0_0\/0\.1\)\] { --tw-shadow: .65rem .4rem 1.25rem -.25rem var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0\.65rem_0\.4rem_1\.25rem_-0\.25rem_rgb\(0_0_0\/0\.06\)\] { --tw-shadow: .65rem .4rem 1.25rem -.25rem var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_-10px_0_-5px_var\(--color-gray-300\)\,0_-18px_0_-8px_var\(--color-gray-100\)\] { --tw-shadow: 0 -10px 0 -5px var(--tw-shadow-color, var(--color-gray-300)), 0 -18px 0 -8px var(--tw-shadow-color, var(--color-gray-100)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_-16px_0_-8px_var\(--color-gray-300\)\,0_-30px_0_-14px_var\(--color-gray-100\)\] { --tw-shadow: 0 -16px 0 -8px var(--tw-shadow-color, var(--color-gray-300)), 0 -30px 0 -14px var(--tw-shadow-color, var(--color-gray-100)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_-20px_48px_-16px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 -20px 48px -16px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_-20px_48px_-16px_rgba\(0\,0\,0\,0\.14\)\,0_2px_8px_-2px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 -20px 48px -16px var(--tw-shadow-color, #00000024), 0 2px 8px -2px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0\.4rem_1\.25rem_-0\.4rem_rgb\(0_0_0\/0\.07\)\,0_1rem_2\.25rem_-0\.6rem_rgb\(0_0_0\/0\.05\)\] { --tw-shadow: 0 .4rem 1.25rem -.4rem var(--tw-shadow-color, #00000012), 0 1rem 2.25rem -.6rem var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_0_0\.5px_rgb\(0_0_0\/0\.1\)\] { --tw-shadow: 0 0 0 .5px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_0_1px_\#ffffff10\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ffffff10); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_0_1px_rgb\(0_0_0\/0\.05\)\,0_2px_4px_-1px_rgb\(0_0_0\/0\.04\)\,0_16px_32px_-6px_rgb\(0_0_0\/0\.08\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0000000d), 0 2px 4px -1px var(--tw-shadow-color, #0000000a), 0 16px 32px -6px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_0_4px_\#363636\] { --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #363636); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_0_14px_var\(--color-neutral-300\)\] { --tw-shadow: 0 0 0 14px var(--tw-shadow-color, var(--color-neutral-300)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_5px_5px_rgba\(255\,255\,255\,\.3\)\] { --tw-shadow: 0 0 5px 5px var(--tw-shadow-color, #ffffff4d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_6px_2px_rgba\(34\,197\,94\,0\.5\)\] { --tw-shadow: 0 0 6px 2px var(--tw-shadow-color, #22c55e80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_6px_2px_rgba\(234\,179\,8\,0\.5\)\] { --tw-shadow: 0 0 6px 2px var(--tw-shadow-color, #eab30880); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_8px_2px_rgba\(110\,231\,183\,0\.45\)\] { --tw-shadow: 0 0 8px 2px var(--tw-shadow-color, #6ee7b773); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_8px_2px_rgba\(167\,139\,250\,0\.5\)\] { --tw-shadow: 0 0 8px 2px var(--tw-shadow-color, #a78bfa80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_8px_2px_rgba\(253\,224\,71\,0\.45\)\] { --tw-shadow: 0 0 8px 2px var(--tw-shadow-color, #fde04773); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_8px_3px_rgba\(139\,92\,246\,0\.6\)\] { --tw-shadow: 0 0 8px 3px var(--tw-shadow-color, #8b5cf699); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_10px_rgb\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_12px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, #00000014); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_15px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_15px_rgba\(0\,0\,0\,0\.3\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #0000004d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_15px_rgba\(16\,185\,129\,0\.3\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #10b9814d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_18px_theme\(colors\.orange\.500\/35\%\)\] { --tw-shadow: 0 0 18px var(--tw-shadow-color, oklab(70.5% .143615 .157301/.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_18px_var\(--chart-4\)\] { --tw-shadow: 0 0 18px var(--tw-shadow-color, var(--chart-4)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_20px_theme\(colors\.orange\.500\/22\%\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, oklab(70.5% .143615 .157301/.22)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_20px_var\(--chart-4\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, var(--chart-4)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_0_40px_\#00000080\] { --tw-shadow: 0 0 40px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_1px_4px_var\(--color-neutral-300\)\] { --tw-shadow: 0 1px 4px var(--tw-shadow-color, var(--color-neutral-300)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_6px_20px_rgb\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 6px 20px var(--tw-shadow-color, #0000001f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_8px_16px_-6px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 8px 16px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_8px_16px_rgb\(0_0_0\/0\.4\)\] { --tw-shadow: 0 8px 16px var(--tw-shadow-color, #0006); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 8px 30px var(--tw-shadow-color, #0000001f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_10px_36px_-10px_rgb\(0_0_0\/0\.08\)\,inset_0_-24px_48px_-24px_rgb\(0_0_0\/0\.05\)\] { --tw-shadow: 0 10px 36px -10px var(--tw-shadow-color, #00000014), inset 0 -24px 48px -24px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_10px_36px_-10px_rgb\(0_0_0\/0\.22\)\,inset_0_-24px_48px_-24px_rgb\(0_0_0\/0\.14\)\] { --tw-shadow: 0 10px 36px -10px var(--tw-shadow-color, #00000038), inset 0 -24px 48px -24px var(--tw-shadow-color, #00000024); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_24px_48px_-20px_rgba\(0\,0\,0\,0\.22\)\] { --tw-shadow: 0 24px 48px -20px var(--tw-shadow-color, #00000038); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_32px_120px_-48px_rgba\(15\,23\,42\,0\.6\)\] { --tw-shadow: 0 32px 120px -48px var(--tw-shadow-color, #0f172a99); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_1000px_0_0_hsl\(0_0\%_20\%\)_inset\] { --tw-shadow: 0 1000px 0 0 var(--tw-shadow-color, #333) inset; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0_1000px_0_0_hsl\(var\(--muted\)\)_inset\] { --tw-shadow: 0 1000px 0 0 var(--tw-shadow-color, hsl(var(--muted))) inset; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0px_0px_0px_1px_rgba\(0\,0\,0\,0\.06\)\,0px_1px_1px_-0\.5px_rgba\(0\,0\,0\,0\.06\)\,0px_3px_3px_-1\.5px_rgba\(0\,0\,0\,0\.06\)\,0px_6px_6px_-3px_rgba\(0\,0\,0\,0\.06\)\,0px_12px_12px_-6px_rgba\(0\,0\,0\,0\.06\)\,0px_24px_24px_-12px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #0000000f), 0px 1px 1px -.5px var(--tw-shadow-color, #0000000f), 0px 3px 3px -1.5px var(--tw-shadow-color, #0000000f), 0px 6px 6px -3px var(--tw-shadow-color, #0000000f), 0px 12px 12px -6px var(--tw-shadow-color, #0000000f), 0px 24px 24px -12px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0px_0px_0px_1px_rgba\(17\,26\,37\,0\.05\)\,0px_2px_5px_rgba\(16\,25\,36\,0\.1\)\,0px_5px_20px_rgba\(16\,25\,36\,0\.1\)\] { --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #111a250d), 0px 2px 5px var(--tw-shadow-color, #1019241a), 0px 5px 20px var(--tw-shadow-color, #1019241a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0px_1px_3px_\#0000001a\,inset_0px_2px_0px_\#ffffff40\] { --tw-shadow: 0px 1px 3px var(--tw-shadow-color, #0000001a), inset 0px 2px 0px var(--tw-shadow-color, #ffffff40); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0px_2px_3px_-1px_rgba\(0\,0\,0\,0\.1\)\,_0px_1px_0px_0px_rgba\(25\,28\,33\,0\.02\)\,_0px_0px_0px_1px_rgba\(25\,28\,33\,0\.08\)\] { --tw-shadow: 0px 2px 3px -1px var(--tw-shadow-color, #0000001a), 0px 1px 0px 0px var(--tw-shadow-color, #191c2105), 0px 0px 0px 1px var(--tw-shadow-color, #191c2114); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[0px_20px_30px_10px_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0px 20px 30px 10px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[4px_2px_3\.123rem_rgba\(0\,0\,0\,\.15\)\] { --tw-shadow: 4px 2px 3.123rem var(--tw-shadow-color, #00000026); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[10px_-10px_0_0_var\(--background\)\] { --tw-shadow: 10px -10px 0 0 var(--tw-shadow-color, var(--background)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[10px_10px_0_0_var\(--background\)\] { --tw-shadow: 10px 10px 0 0 var(--tw-shadow-color, var(--background)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[inset_0_-1px_\#d1d5db\,inset_0_0_0_1px_\#d1d5db\,_0_4px_8px_\#d1d5db\] { --tw-shadow: inset 0 -1px var(--tw-shadow-color, #d1d5db), inset 0 0 0 1px var(--tw-shadow-color, #d1d5db), 0 4px 8px var(--tw-shadow-color, #d1d5db); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[inset_0_-4px_10px_var\(--color-primary\)\] { --tw-shadow: inset 0 -4px 10px var(--tw-shadow-color, var(--color-primary)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[inset_0_-8px_10px_\#ffffff1f\] { --tw-shadow: inset 0 -8px 10px var(--tw-shadow-color, #ffffff1f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.03\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff08); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[inset_0_1px_0_hsl\(var\(--background\)\)\,0_24px_60px_-36px_rgba\(15\,23\,42\,0\.5\)\] { --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, hsl(var(--background))), 0 24px 60px -36px var(--tw-shadow-color, #0f172a80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[inset_0_1px_1px_0_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: inset 0 1px 1px 0 var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-\[inset_0_1px_1px_0_var\(--color-stone-700\)\] { --tw-shadow: inset 0 1px 1px 0 var(--tw-shadow-color, var(--color-stone-700)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-lg { --tw-shadow: var(--shadow-lg); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-md { --tw-shadow: var(--shadow-md); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-none\! { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .shadow-sm { --tw-shadow: var(--shadow-sm); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-xl { --tw-shadow: var(--shadow-xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-xs { --tw-shadow: var(--shadow-xs); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow\/glow { --tw-shadow: var(--shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .\!ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .ring { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .ring-3 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .ring-\[8px\] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .\[box-shadow\:0_-16px_30px_-3px_rgb\(0_0_0\/0\.1\)\,0_-4px_6px_-4px_rgb\(0_0_0\/0\.1\)\] { box-shadow: 0 -16px 30px -3px #0000001a, 0 -4px 6px -4px #0000001a } .shadow-\[rgba\(50\,50\,105\,0\.15\)_0px_2px_5px_0px\,rgba\(0\,0\,0\,0\.05\)_0px_1px_1px_0px\] { --tw-shadow-color: #32326926 } @supports (color:color-mix(in lab, red, red)) { .shadow-\[rgba\(50\,50\,105\,0\.15\)_0px_2px_5px_0px\,rgba\(0\,0\,0\,0\.05\)_0px_1px_1px_0px\] { --tw-shadow-color: color-mix(in oklab, #32326926 0px 2px 5px 0px, #0000000d 0px 1px 1px 0px var(--tw-shadow-alpha), transparent) } } .shadow-accent { --tw-shadow-color: var(--accent) } @supports (color:color-mix(in lab, red, red)) { .shadow-accent { --tw-shadow-color: color-mix(in oklab, var(--accent) var(--tw-shadow-alpha), transparent) } } .shadow-black\/20 { --tw-shadow-color: #0003 } @supports (color:color-mix(in lab, red, red)) { .shadow-black\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-black\/30 { --tw-shadow-color: #0000004d } @supports (color:color-mix(in lab, red, red)) { .shadow-black\/30 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-black\/40 { --tw-shadow-color: #0006 } @supports (color:color-mix(in lab, red, red)) { .shadow-black\/40 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-black\/50 { --tw-shadow-color: #00000080 } @supports (color:color-mix(in lab, red, red)) { .shadow-black\/50 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-black\/\[0\.1\] { --tw-shadow-color: #0000001a } @supports (color:color-mix(in lab, red, red)) { .shadow-black\/\[0\.1\] { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-blue-400 { --tw-shadow-color: oklch(70.7% .165 254.624) } @supports (color:color-mix(in lab, red, red)) { .shadow-blue-400 { --tw-shadow-color: color-mix(in oklab, var(--color-blue-400) var(--tw-shadow-alpha), transparent) } } .shadow-emerald-500\/10 { --tw-shadow-color: #00bb7f1a } @supports (color:color-mix(in lab, red, red)) { .shadow-emerald-500\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-foreground\/10 { --tw-shadow-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .shadow-foreground\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 10%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-foreground\/20 { --tw-shadow-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .shadow-foreground\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 20%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-foreground\/40 { --tw-shadow-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .shadow-foreground\/40 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 40%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-neutral-900\/5 { --tw-shadow-color: #1717170d } @supports (color:color-mix(in lab, red, red)) { .shadow-neutral-900\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 5%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-neutral-900\/10 { --tw-shadow-color: #1717171a } @supports (color:color-mix(in lab, red, red)) { .shadow-neutral-900\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-900) 10%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-primary { --tw-shadow-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .shadow-primary { --tw-shadow-color: color-mix(in oklab, var(--primary) var(--tw-shadow-alpha), transparent) } } .shadow-primary\/10 { --tw-shadow-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .shadow-primary\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 10%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-primary\/20 { --tw-shadow-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .shadow-primary\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 20%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-primary\/25 { --tw-shadow-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .shadow-primary\/25 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 25%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-primary\/30 { --tw-shadow-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .shadow-primary\/30 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 30%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-primary\/50 { --tw-shadow-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .shadow-primary\/50 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 50%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-primary\/80 { --tw-shadow-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .shadow-primary\/80 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 80%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-purple-500\/25 { --tw-shadow-color: #ac4bff40 } @supports (color:color-mix(in lab, red, red)) { .shadow-purple-500\/25 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 25%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-slate-950\/15 { --tw-shadow-color: #02061826 } @supports (color:color-mix(in lab, red, red)) { .shadow-slate-950\/15 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 15%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-transparent { --tw-shadow-color: transparent } @supports (color:color-mix(in lab, red, red)) { .shadow-transparent { --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent) } } .ring-accent { --tw-ring-color: var(--accent) } .ring-accent-foreground\/10 { --tw-ring-color: var(--accent-foreground) } @supports (color:color-mix(in lab, red, red)) { .ring-accent-foreground\/10 { --tw-ring-color: color-mix(in oklab, var(--accent-foreground) 10%, transparent) } } .ring-amber-500\/30 { --tw-ring-color: #f99c004d } @supports (color:color-mix(in lab, red, red)) { .ring-amber-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent) } } .ring-amber-600\/20 { --tw-ring-color: #dd740033 } @supports (color:color-mix(in lab, red, red)) { .ring-amber-600\/20 { --tw-ring-color: color-mix(in oklab, var(--color-amber-600) 20%, transparent) } } .ring-background, .ring-background\/70 { --tw-ring-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .ring-background\/70 { --tw-ring-color: color-mix(in oklab, var(--background) 70%, transparent) } } .ring-black { --tw-ring-color: var(--color-black) } .ring-blue-500\/50 { --tw-ring-color: #3080ff80 } @supports (color:color-mix(in lab, red, red)) { .ring-blue-500\/50 { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent) } } .ring-blue-700\/10 { --tw-ring-color: #1447e61a } @supports (color:color-mix(in lab, red, red)) { .ring-blue-700\/10 { --tw-ring-color: color-mix(in oklab, var(--color-blue-700) 10%, transparent) } } .ring-border, .ring-border\/50 { --tw-ring-color: var(--border) } @supports (color:color-mix(in lab, red, red)) { .ring-border\/50 { --tw-ring-color: color-mix(in oklab, var(--border) 50%, transparent) } } .ring-border\/60 { --tw-ring-color: var(--border) } @supports (color:color-mix(in lab, red, red)) { .ring-border\/60 { --tw-ring-color: color-mix(in oklab, var(--border) 60%, transparent) } } .ring-card { --tw-ring-color: var(--card) } .ring-chart-1\/30 { --tw-ring-color: var(--chart-1) } @supports (color:color-mix(in lab, red, red)) { .ring-chart-1\/30 { --tw-ring-color: color-mix(in oklab, var(--chart-1) 30%, transparent) } } .ring-chart-2\/40 { --tw-ring-color: var(--chart-2) } @supports (color:color-mix(in lab, red, red)) { .ring-chart-2\/40 { --tw-ring-color: color-mix(in oklab, var(--chart-2) 40%, transparent) } } .ring-emerald-500 { --tw-ring-color: var(--color-emerald-500) } .ring-emerald-500\/30 { --tw-ring-color: #00bb7f4d } @supports (color:color-mix(in lab, red, red)) { .ring-emerald-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent) } } .ring-emerald-600\/20 { --tw-ring-color: #00976733 } @supports (color:color-mix(in lab, red, red)) { .ring-emerald-600\/20 { --tw-ring-color: color-mix(in oklab, var(--color-emerald-600) 20%, transparent) } } .ring-foreground, .ring-foreground\/5 { --tw-ring-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .ring-foreground\/5 { --tw-ring-color: color-mix(in oklab, var(--foreground) 5%, transparent) } } .ring-foreground\/10 { --tw-ring-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .ring-foreground\/10 { --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent) } } .ring-foreground\/20 { --tw-ring-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .ring-foreground\/20 { --tw-ring-color: color-mix(in oklab, var(--foreground) 20%, transparent) } } .ring-gray-200 { --tw-ring-color: var(--color-gray-200) } .ring-gray-300 { --tw-ring-color: var(--color-gray-300) } .ring-gray-500\/10 { --tw-ring-color: #6a72821a } @supports (color:color-mix(in lab, red, red)) { .ring-gray-500\/10 { --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent) } } .ring-gray-950\/5 { --tw-ring-color: #0307120d } @supports (color:color-mix(in lab, red, red)) { .ring-gray-950\/5 { --tw-ring-color: color-mix(in oklab, var(--color-gray-950) 5%, transparent) } } .ring-green-500 { --tw-ring-color: var(--color-green-500) } .ring-green-500\/10 { --tw-ring-color: #00c7581a } @supports (color:color-mix(in lab, red, red)) { .ring-green-500\/10 { --tw-ring-color: color-mix(in oklab, var(--color-green-500) 10%, transparent) } } .ring-green-500\/50 { --tw-ring-color: #00c75880 } @supports (color:color-mix(in lab, red, red)) { .ring-green-500\/50 { --tw-ring-color: color-mix(in oklab, var(--color-green-500) 50%, transparent) } } .ring-green-600\/20 { --tw-ring-color: #00a54433 } @supports (color:color-mix(in lab, red, red)) { .ring-green-600\/20 { --tw-ring-color: color-mix(in oklab, var(--color-green-600) 20%, transparent) } } .ring-indigo-500\/10 { --tw-ring-color: #625fff1a } @supports (color:color-mix(in lab, red, red)) { .ring-indigo-500\/10 { --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent) } } .ring-input { --tw-ring-color: var(--input) } .ring-muted { --tw-ring-color: var(--muted) } .ring-primary, .ring-primary\/20 { --tw-ring-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .ring-primary\/20 { --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .ring-primary\/30 { --tw-ring-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .ring-primary\/30 { --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent) } } .ring-primary\/40 { --tw-ring-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .ring-primary\/40 { --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent) } } .ring-purple-400\/40 { --tw-ring-color: #c07eff66 } @supports (color:color-mix(in lab, red, red)) { .ring-purple-400\/40 { --tw-ring-color: color-mix(in oklab, var(--color-purple-400) 40%, transparent) } } .ring-purple-500 { --tw-ring-color: var(--color-purple-500) } .ring-purple-500\/30 { --tw-ring-color: #ac4bff4d } @supports (color:color-mix(in lab, red, red)) { .ring-purple-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent) } } .ring-red-500\/10 { --tw-ring-color: #fb2c361a } @supports (color:color-mix(in lab, red, red)) { .ring-red-500\/10 { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 10%, transparent) } } .ring-red-500\/30 { --tw-ring-color: #fb2c364d } @supports (color:color-mix(in lab, red, red)) { .ring-red-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 30%, transparent) } } .ring-red-500\/50 { --tw-ring-color: #fb2c3680 } @supports (color:color-mix(in lab, red, red)) { .ring-red-500\/50 { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 50%, transparent) } } .ring-red-600\/10 { --tw-ring-color: #e400141a } @supports (color:color-mix(in lab, red, red)) { .ring-red-600\/10 { --tw-ring-color: color-mix(in oklab, var(--color-red-600) 10%, transparent) } } .ring-red-600\/20 { --tw-ring-color: #e4001433 } @supports (color:color-mix(in lab, red, red)) { .ring-red-600\/20 { --tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent) } } .ring-ring, .ring-ring\/10 { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .ring-ring\/10 { --tw-ring-color: color-mix(in oklab, var(--ring) 10%, transparent) } } .ring-ring\/30 { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .ring-ring\/30 { --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent) } } .ring-ring\/50 { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .ring-ring\/50 { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent) } } .ring-secondary-foreground { --tw-ring-color: var(--secondary-foreground) } .ring-sidebar-ring { --tw-ring-color: var(--sidebar-ring) } .ring-sky-500\/40 { --tw-ring-color: #00a5ef66 } @supports (color:color-mix(in lab, red, red)) { .ring-sky-500\/40 { --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent) } } .ring-teal-500\/10 { --tw-ring-color: #00baa71a } @supports (color:color-mix(in lab, red, red)) { .ring-teal-500\/10 { --tw-ring-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent) } } .ring-transparent { --tw-ring-color: transparent } .ring-violet-500\/20 { --tw-ring-color: #8d54ff33 } @supports (color:color-mix(in lab, red, red)) { .ring-violet-500\/20 { --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent) } } .ring-violet-600\/25 { --tw-ring-color: #7f22fe40 } @supports (color:color-mix(in lab, red, red)) { .ring-violet-600\/25 { --tw-ring-color: color-mix(in oklab, var(--color-violet-600) 25%, transparent) } } .ring-white { --tw-ring-color: var(--color-white) } .ring-white\/10 { --tw-ring-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .ring-white\/10 { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .ring-yellow-500\/10 { --tw-ring-color: #edb2001a } @supports (color:color-mix(in lab, red, red)) { .ring-yellow-500\/10 { --tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent) } } .ring-yellow-500\/20 { --tw-ring-color: #edb20033 } @supports (color:color-mix(in lab, red, red)) { .ring-yellow-500\/20 { --tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent) } } .ring-zinc-500\/30 { --tw-ring-color: #71717b4d } @supports (color:color-mix(in lab, red, red)) { .ring-zinc-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent) } } .ring-offset-1 { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) } .ring-offset-4 { --tw-ring-offset-width: 4px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) } .ring-offset-background { --tw-ring-offset-color: var(--background) } .outline-hidden { --tw-outline-style: none; outline-style: none } @media(forced-colors:active) { .outline-hidden { outline-offset: 2px; outline: 2px solid #0000 } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px } .outline-4 { outline-style: var(--tw-outline-style); outline-width: 4px } .outline-primary { outline-color: var(--primary) } .outline-ring\/50 { outline-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .outline-ring\/50 { outline-color: color-mix(in oklab, var(--ring) 50%, transparent) } } .blur { --tw-blur: blur(8px); 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-2xl { --tw-blur: blur(var(--blur-2xl)); 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(var(--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-\[1px\] { --tw-blur: blur(1px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) } .blur-\[2px\] { --tw-blur: blur(2px); 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-\[3px\] { --tw-blur: blur(3px); 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-\[5rem\] { --tw-blur: blur(5rem); 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-\[10px\] { --tw-blur: blur(10px); 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-\[18px\] { --tw-blur: blur(18px); 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-\[90px\] { --tw-blur: blur(90px); 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-\[100px\] { --tw-blur: blur(100px); 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-\[110px\] { --tw-blur: blur(110px); 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-\[130px\] { --tw-blur: blur(130px); 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-\[180px\] { --tw-blur: blur(180px); 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-\[300px\] { --tw-blur: blur(300px); 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-\[var\(--blur\)\] { --tw-blur: blur(var(--blur)); 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-lg { --tw-blur: blur(var(--blur-lg)); 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-md { --tw-blur: blur(var(--blur-md)); 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-sm { --tw-blur: blur(var(--blur-sm)); 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-xl { --tw-blur: blur(var(--blur-xl)); 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-xs { --tw-blur: blur(var(--blur-xs)); 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, ) } .brightness-0 { --tw-brightness: brightness(0%); 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, ) } .brightness-50 { --tw-brightness: brightness(50%); 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, ) } .brightness-75 { --tw-brightness: brightness(75%); 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, ) } .brightness-80 { --tw-brightness: brightness(80%); 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, ) } .brightness-110 { --tw-brightness: brightness(110%); 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, ) } .drop-shadow { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f)); --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); 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, ) } .drop-shadow-2xl { --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl)); 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, ) } .drop-shadow-lg { --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); 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, ) } .drop-shadow-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)); 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, ) } .drop-shadow-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); 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, ) } .drop-shadow-xl { --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl)); 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, ) } .drop-shadow-xs { --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000d)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-xs)); 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, ) } .drop-shadow-neutral-900 { --tw-drop-shadow-color: oklch(20.5% 0 0) } @supports (color:color-mix(in lab, red, red)) { .drop-shadow-neutral-900 { --tw-drop-shadow-color: color-mix(in oklab, var(--color-neutral-900) var(--tw-drop-shadow-alpha), transparent) } } .drop-shadow-neutral-900 { --tw-drop-shadow: var(--tw-drop-shadow-size) } .grayscale, .grayscale-100 { --tw-grayscale: grayscale(100%); 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, ) } .grayscale-\[1\] { --tw-grayscale: grayscale(1); 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, ) } .invert { --tw-invert: invert(100%); 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, ) } .invert-0 { --tw-invert: invert(0%); 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, ) } .saturate-0 { --tw-saturate: saturate(0%); 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, ) } .saturate-150 { --tw-saturate: saturate(150%); 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, ) } .\[filter\:brightness\(0\)\] { filter: brightness(0) } .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); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .backdrop-blur-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .backdrop-blur-\[1px\] { --tw-backdrop-blur: blur(1px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .backdrop-blur-xs { --tw-backdrop-blur: blur(var(--blur-xs)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[background-color\,color\,font-weight\] { transition-property: background-color, color, font-weight; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[background-size\] { transition-property: background-size; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[border-color\,box-shadow\] { transition-property: border-color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[clip-path\] { transition-property: clip-path; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[color\,box-shadow\] { transition-property: color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[filter\] { transition-property: filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[flex-grow\] { transition-property: flex-grow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[font-size\] { transition-property: font-size; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[left\,right\,width\] { transition-property: left, right, width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[margin\,opacity\] { transition-property: margin, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[opacity\,border-color\] { transition-property: opacity, border-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[opacity\,shadow\] { transition-property: opacity, shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[opacity\,transform\,translate\] { transition-property: opacity, transform, translate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[opacity\,transform\,width\,height\,scale\,translate\] { transition-property: opacity, transform, width, height, scale, translate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[opacity\,transform\] { transition-property: opacity, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[opacity\,translate\] { transition-property: opacity, translate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[scale\,opacity\] { transition-property: scale, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[stroke-dashoffset\] { transition-property: stroke-dashoffset; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[top\,left\,right\,bottom\] { transition-property: top, left, right, bottom; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[translate\,opacity\] { transition-property: translate, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[translate\] { transition-property: translate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[width\,background-color\] { transition-property: width, background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[width\,height\,padding\] { transition-property: width, height, padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[width\,height\] { transition-property: width, height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-none { transition-property: none } .\!delay-0 { transition-delay: 0s !important } .delay-75 { transition-delay: 75ms } .delay-100 { transition-delay: .1s } .delay-150 { transition-delay: .15s } .delay-200 { transition-delay: .2s } .delay-250 { transition-delay: .25s } .delay-300 { transition-delay: .3s } .delay-400 { transition-delay: .4s } .delay-500 { transition-delay: .5s } .delay-600 { transition-delay: .6s } .delay-\[var\(--delay\)\] { transition-delay: var(--delay) } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms } .duration-100 { --tw-duration: .1s; transition-duration: .1s } .duration-120 { --tw-duration: .12s; transition-duration: .12s } .duration-150 { --tw-duration: .15s; transition-duration: .15s } .duration-200 { --tw-duration: .2s; transition-duration: .2s } .duration-250 { --tw-duration: .25s; transition-duration: .25s } .duration-300 { --tw-duration: .3s; transition-duration: .3s } .duration-350 { --tw-duration: .35s; transition-duration: .35s } .duration-400 { --tw-duration: .4s; transition-duration: .4s } .duration-500 { --tw-duration: .5s; transition-duration: .5s } .duration-600 { --tw-duration: .6s; transition-duration: .6s } .duration-700 { --tw-duration: .7s; transition-duration: .7s } .duration-800 { --tw-duration: .8s; transition-duration: .8s } .duration-900 { --tw-duration: .9s; transition-duration: .9s } .duration-1000 { --tw-duration: 1s; transition-duration: 1s } .duration-4000 { --tw-duration: 4s; transition-duration: 4s } .duration-\[0\.35s\] { --tw-duration: .35s; transition-duration: .35s } .duration-\[400ms\] { --tw-duration: .4s; transition-duration: .4s } .duration-\[var\(--duration\)\] { --tw-duration: var(--duration); transition-duration: var(--duration) } .ease-\[cubic-bezier\(\.3\,_1\,_\.3\,_1\)\] { --tw-ease: cubic-bezier(.3, 1, .3, 1); transition-timing-function: cubic-bezier(.3, 1, .3, 1) } .ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] { --tw-ease: cubic-bezier(.16, 1, .3, 1); transition-timing-function: cubic-bezier(.16, 1, .3, 1) } .ease-\[cubic-bezier\(0\.19\,1\,0\.22\,1\)\] { --tw-ease: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] { --tw-ease: cubic-bezier(.22, 1, .36, 1); transition-timing-function: cubic-bezier(.22, 1, .36, 1) } .ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] { --tw-ease: cubic-bezier(.23, 1, .32, 1); transition-timing-function: cubic-bezier(.23, 1, .32, 1) } .ease-\[cubic-bezier\(0\.77\,0\,0\.175\,1\)\] { --tw-ease: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1) } .ease-\[var\(--easing\)\] { --tw-ease: var(--easing); transition-timing-function: var(--easing) } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in) } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out) } .ease-linear { --tw-ease: linear; transition-timing-function: linear } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out) } .will-change-\[background-position\] { will-change: background-position } .will-change-\[opacity\] { will-change: opacity } .will-change-transform { will-change: transform } .\[contain\:layout_paint_size\] { contain: layout paint size } .\[contain\:layout_style\] { contain: layout style } .prose-gray { --tw-prose-body: oklch(37.3% .034 259.733); --tw-prose-headings: oklch(21% .034 264.665); --tw-prose-lead: oklch(44.6% .03 256.802); --tw-prose-links: oklch(21% .034 264.665); --tw-prose-bold: oklch(21% .034 264.665); --tw-prose-counters: oklch(55.1% .027 264.364); --tw-prose-bullets: oklch(87.2% .01 258.338); --tw-prose-hr: oklch(92.8% .006 264.531); --tw-prose-quotes: oklch(21% .034 264.665); --tw-prose-quote-borders: oklch(92.8% .006 264.531); --tw-prose-captions: oklch(55.1% .027 264.364); --tw-prose-kbd: oklch(21% .034 264.665); --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527/.1); --tw-prose-code: oklch(21% .034 264.665); --tw-prose-pre-code: oklch(92.8% .006 264.531); --tw-prose-pre-bg: oklch(27.8% .033 256.848); --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531); --tw-prose-invert-body: oklch(87.2% .01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% .022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% .022 261.325); --tw-prose-invert-bullets: oklch(44.6% .03 256.802); --tw-prose-invert-hr: oklch(37.3% .034 259.733); --tw-prose-invert-quotes: oklch(96.7% .003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); --tw-prose-invert-captions: oklch(70.7% .022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% .01 258.338); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733) } .prose-neutral { --tw-prose-body: oklch(37.1% 0 0); --tw-prose-headings: oklch(20.5% 0 0); --tw-prose-lead: oklch(43.9% 0 0); --tw-prose-links: oklch(20.5% 0 0); --tw-prose-bold: oklch(20.5% 0 0); --tw-prose-counters: oklch(55.6% 0 0); --tw-prose-bullets: oklch(87% 0 0); --tw-prose-hr: oklch(92.2% 0 0); --tw-prose-quotes: oklch(20.5% 0 0); --tw-prose-quote-borders: oklch(92.2% 0 0); --tw-prose-captions: oklch(55.6% 0 0); --tw-prose-kbd: oklch(20.5% 0 0); --tw-prose-kbd-shadows: oklab(20.5% 0 0/.1); --tw-prose-code: oklch(20.5% 0 0); --tw-prose-pre-code: oklch(92.2% 0 0); --tw-prose-pre-bg: oklch(26.9% 0 0); --tw-prose-th-borders: oklch(87% 0 0); --tw-prose-td-borders: oklch(92.2% 0 0); --tw-prose-invert-body: oklch(87% 0 0); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.8% 0 0); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.8% 0 0); --tw-prose-invert-bullets: oklch(43.9% 0 0); --tw-prose-invert-hr: oklch(37.1% 0 0); --tw-prose-invert-quotes: oklch(97% 0 0); --tw-prose-invert-quote-borders: oklch(37.1% 0 0); --tw-prose-invert-captions: oklch(70.8% 0 0); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87% 0 0); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(43.9% 0 0); --tw-prose-invert-td-borders: oklch(37.1% 0 0) } .prose-invert { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders) } .\!delay-0 { --tw-animation-delay: 0s !important; animation-delay: 0s !important } .delay-75 { --tw-animation-delay: 75ms; animation-delay: 75ms } .delay-100 { --tw-animation-delay: .1s; animation-delay: .1s } .delay-150 { --tw-animation-delay: .15s; animation-delay: .15s } .delay-200 { --tw-animation-delay: .2s; animation-delay: .2s } .delay-300 { --tw-animation-delay: .3s; animation-delay: .3s } .delay-500 { --tw-animation-delay: .5s; animation-delay: .5s } .\!outline-none { --tw-outline-style: none !important; outline-style: none !important } .animation-duration-\[20s\] { --tw-animation-duration: 20s; animation-duration: 20s } .delay-250 { --tw-animation-delay: 250ms; animation-delay: .25s } .delay-400 { --tw-animation-delay: 400ms; animation-delay: .4s } .delay-600 { --tw-animation-delay: 600ms; animation-delay: .6s } .delay-\[var\(--delay\)\] { animation-delay: var(--delay); --tw-animation-delay: var(--delay) } .direction-\[reverse\] { --tw-animation-direction: reverse; animation-direction: reverse } .fade-in-0 { --tw-enter-opacity: 0 } .fade-in-100 { --tw-enter-opacity: 1 } .fill-mode-forwards { --tw-animation-fill-mode: forwards; animation-fill-mode: forwards } .outline-none { --tw-outline-style: none; outline-style: none } .select-all { -webkit-user-select: all; user-select: all } .select-auto { -webkit-user-select: auto; user-select: auto } .select-none { -webkit-user-select: none; user-select: none } .slide-in-from-bottom-50 { --tw-enter-translate-y: 50% } .zoom-in-95 { --tw-enter-scale: .95 } .\!\[animation-duration\:10s\] { animation-duration: 10s !important } .\!\[animation-duration\:12s\] { animation-duration: 12s !important } .\[--aurora\:repeating-linear-gradient\(100deg\,var\(--black\)_10\%\,var\(--gray-400\)_15\%\,var\(--gray-200\)_20\%\,var\(--white\)_25\%\,var\(--gray-800\)_30\%\)\] { --aurora: repeating-linear-gradient(100deg, var(--black) 10%, var(--gray-400) 15%, var(--gray-200) 20%, var(--white) 25%, var(--gray-800) 30%) } .\[--cell-radius\:var\(--radius-4xl\)\] { --cell-radius: var(--radius-4xl) } .\[--cell-radius\:var\(--radius-md\)\] { --cell-radius: var(--radius-md) } .\[--cell-size\:--spacing\(6\)\] { --cell-size: calc(var(--spacing) * 6) } .\[--cell-size\:--spacing\(7\)\] { --cell-size: calc(var(--spacing) * 7) } .\[--cell-size\:--spacing\(8\)\] { --cell-size: calc(var(--spacing) * 8) } .\[--dark-gradient\:repeating-linear-gradient\(100deg\,var\(--black\)_0\%\,var\(--black\)_7\%\,var\(--transparent\)_10\%\,var\(--transparent\)_12\%\,var\(--black\)_16\%\)\] { --dark-gradient: repeating-linear-gradient(100deg, var(--black) 0%, var(--black) 7%, var(--transparent) 10%, var(--transparent) 12%, var(--black) 16%) } .\[--dt-cell-bg\:var\(--background\)\] { --dt-cell-bg: var(--background) } .\[--dt-header-bg\:var\(--muted\)\] { --dt-header-bg: var(--muted) } .\[--dt-row-bg\:var\(--dt-cell-bg\)\] { --dt-row-bg: var(--dt-cell-bg) } .\[--dt-row-hover-bg\:color-mix\(in_oklab\,var\(--background\)_98\%\,var\(--foreground\)_2\%\)\] { --dt-row-hover-bg: var(--background) } @supports (color:color-mix(in lab, red, red)) { .\[--dt-row-hover-bg\:color-mix\(in_oklab\,var\(--background\)_98\%\,var\(--foreground\)_2\%\)\] { --dt-row-hover-bg: color-mix(in oklab, var(--background) 98%, var(--foreground) 2%) } } .\[--dt-row-selected-bg\:color-mix\(in_oklab\,var\(--background\)_98\%\,var\(--foreground\)_2\%\)\] { --dt-row-selected-bg: var(--background) } @supports (color:color-mix(in lab, red, red)) { .\[--dt-row-selected-bg\:color-mix\(in_oklab\,var\(--background\)_98\%\,var\(--foreground\)_2\%\)\] { --dt-row-selected-bg: color-mix(in oklab, var(--background) 98%, var(--foreground) 2%) } } .\[--dt-row-selected-hover-bg\:color-mix\(in_oklab\,var\(--background\)_96\%\,var\(--foreground\)_4\%\)\] { --dt-row-selected-hover-bg: var(--background) } @supports (color:color-mix(in lab, red, red)) { .\[--dt-row-selected-hover-bg\:color-mix\(in_oklab\,var\(--background\)_96\%\,var\(--foreground\)_4\%\)\] { --dt-row-selected-hover-bg: color-mix(in oklab, var(--background) 96%, var(--foreground) 4%) } } .\[--duration\:20s\] { --duration: 20s } .\[--duration\:30s\] { --duration: 30s } .\[--duration\:40s\] { --duration: 40s } .\[--duration\:60s\] { --duration: 60s } .\[--gallery-bleed\:min\(6vw\,4rem\)\] { --gallery-bleed: min(6vw, 4rem) } .\[--gallery-card\:min\(880px\,86vw\)\] { --gallery-card: min(880px, 86vw) } .\[--gallery-gutter\:calc\(\(100\%-var\(--gallery-card\)\)\/2\)\] { --gallery-gutter: calc((100% - var(--gallery-card)) / 2) } .\[--gallery-offset\:calc\(var\(--gallery-gutter\)\+var\(--gallery-bleed\)\)\] { --gallery-offset: calc(var(--gallery-gutter) + var(--gallery-bleed)) } .\[--gap\:1px\] { --gap: 1px } .\[--gap\:1rem\] { --gap: 1rem } .\[--gap\:4rem\] { --gap: 4rem } .\[--header-height\:calc\(--spacing\(14\)\)\] { --header-height: calc(calc(var(--spacing) * 14)) } .\[--radius\:0\.65rem\] { --radius: .65rem } .\[--radius\:0\.95rem\] { --radius: .95rem } .\[--radius\:1rem\] { --radius: 1rem } .\[--radius\:var\(--radius-xl\)\] { --radius: var(--radius-xl) } .\[--spacing\:0\.9cqw\] { --spacing: .9cqw } .\[--spacing\:0\.69cqw\] { --spacing: .69cqw } .\[--spacing\:0\.84cqw\] { --spacing: .84cqw } .\[--spacing\:0\.379cqw\] { --spacing: .379cqw } .\[--spacing\:0\.444cqw\] { --spacing: .444cqw } .\[--spacing\:0\.504cqw\] { --spacing: .504cqw } .\[--spacing\:0\.513cqw\] { --spacing: .513cqw } .\[--spacing\:0\.514cqw\] { --spacing: .514cqw } .\[--spacing\:0\.522cqw\] { --spacing: .522cqw } .\[--spacing\:0\.524cqw\] { --spacing: .524cqw } .\[--spacing\:0\.526cqw\] { --spacing: .526cqw } .\[--spacing\:0\.536cqw\] { --spacing: .536cqw } .\[--spacing\:0\.543cqw\] { --spacing: .543cqw } .\[--spacing\:0\.629cqw\] { --spacing: .629cqw } .\[--spacing\:0\.633cqw\] { --spacing: .633cqw } .\[--spacing\:0\.634cqw\] { --spacing: .634cqw } .\[--spacing\:0\.635cqw\] { --spacing: .635cqw } .\[--spacing\:0\.641cqw\] { --spacing: .641cqw } .\[--spacing\:0\.654cqw\] { --spacing: .654cqw } .\[--spacing\:0\.664cqw\] { --spacing: .664cqw } .\[--spacing\:0\.665cqw\] { --spacing: .665cqw } .\[--spacing\:0\.684cqw\] { --spacing: .684cqw } .\[--spacing\:0\.714cqw\] { --spacing: .714cqw } .\[--spacing\:0\.719cqw\] { --spacing: .719cqw } .\[--spacing\:0\.749cqw\] { --spacing: .749cqw } .\[--spacing\:0\.762cqw\] { --spacing: .762cqw } .\[--spacing\:0\.783cqw\] { --spacing: .783cqw } .\[--spacing\:0\.818cqw\] { --spacing: .818cqw } .\[--spacing\:0\.832cqw\] { --spacing: .832cqw } .\[--spacing\:0\.844cqw\] { --spacing: .844cqw } .\[--spacing\:0\.845cqw\] { --spacing: .845cqw } .\[--spacing\:0\.853cqw\] { --spacing: .853cqw } .\[--spacing\:0\.857cqw\] { --spacing: .857cqw } .\[--spacing\:0\.881cqw\] { --spacing: .881cqw } .\[--spacing\:0\.886cqw\] { --spacing: .886cqw } .\[--spacing\:0\.889cqw\] { --spacing: .889cqw } .\[--spacing\:0\.899cqw\] { --spacing: .899cqw } .\[--spacing\:0\.911cqw\] { --spacing: .911cqw } .\[--spacing\:0\.959cqw\] { --spacing: .959cqw } .\[--spacing\:0\.987cqw\] { --spacing: .987cqw } .\[--spacing\:0\.988cqw\] { --spacing: .988cqw } .\[--spacing\:0\.3125cqw\] { --spacing: .3125cqw } .\[--spacing\:1\.05cqw\] { --spacing: 1.05cqw } .\[--spacing\:1\.07cqw\] { --spacing: 1.07cqw } .\[--spacing\:1\.013cqw\] { --spacing: 1.013cqw } .\[--spacing\:1\.14cqw\] { --spacing: 1.14cqw } .\[--spacing\:1\.26cqw\] { --spacing: 1.26cqw } .\[--spacing\:1\.042cqw\] { --spacing: 1.042cqw } .\[--spacing\:1\.85cqw\] { --spacing: 1.85cqw } .\[--spacing\:1\.093cqw\] { --spacing: 1.093cqw } .\[--spacing\:1\.111cqw\] { --spacing: 1.111cqw } .\[--spacing\:1\.127cqw\] { --spacing: 1.127cqw } .\[--spacing\:1\.136cqw\] { --spacing: 1.136cqw } .\[--spacing\:1\.231cqw\] { --spacing: 1.231cqw } .\[--spacing\:1\.235cqw\] { --spacing: 1.235cqw } .\[--spacing\:1\.291cqw\] { --spacing: 1.291cqw } .\[--spacing\:1\.923cqw\] { --spacing: 1.923cqw } .\[--spacing\:1\.932cqw\] { --spacing: 1.932cqw } .\[--spacing\:1cqw\] { --spacing: 1cqw } .\[--text-2xl\:2\.67cqw\] { --text-2xl: 2.67cqw } .\[--text-2xl\:3\.02cqw\] { --text-2xl: 3.02cqw } .\[--text-2xl\:3\.26cqw\] { --text-2xl: 3.26cqw } .\[--text-2xl\:3\.81cqw\] { --text-2xl: 3.81cqw } .\[--text-2xl\:4\.02cqw\] { --text-2xl: 4.02cqw } .\[--text-2xl\:4\.29cqw\] { --text-2xl: 4.29cqw } .\[--text-2xl\:4\.32cqw\] { --text-2xl: 4.32cqw } .\[--text-2xl\:4\.82cqw\] { --text-2xl: 4.82cqw } .\[--text-2xl\:4\.91cqw\] { --text-2xl: 4.91cqw } .\[--text-2xl\:5\.04cqw\] { --text-2xl: 5.04cqw } .\[--text-2xl\:5\.23cqw\] { --text-2xl: 5.23cqw } .\[--text-2xl\:5\.35cqw\] { --text-2xl: 5.35cqw } .\[--text-2xl\:5\.41cqw\] { --text-2xl: 5.41cqw } .\[--text-2xl\:5\.95cqw\] { --text-2xl: 5.95cqw } .\[--text-2xl\:6\.25cqw\] { --text-2xl: 6.25cqw } .\[--text-2xl\:6\.51cqw\] { --text-2xl: 6.51cqw } .\[--text-3xl\:3\.56cqw\] { --text-3xl: 3.56cqw } .\[--text-3xl\:3\.59cqw\] { --text-3xl: 3.59cqw } .\[--text-3xl\:3\.85cqw\] { --text-3xl: 3.85cqw } .\[--text-3xl\:4\.21cqw\] { --text-3xl: 4.21cqw } .\[--text-3xl\:4\.29cqw\] { --text-3xl: 4.29cqw } .\[--text-3xl\:4\.35cqw\] { --text-3xl: 4.35cqw } .\[--text-3xl\:4\.36cqw\] { --text-3xl: 4.36cqw } .\[--text-3xl\:4\.64cqw\] { --text-3xl: 4.64cqw } .\[--text-3xl\:5\.03cqw\] { --text-3xl: 5.03cqw } .\[--text-3xl\:5\.14cqw\] { --text-3xl: 5.14cqw } .\[--text-3xl\:5\.32cqw\] { --text-3xl: 5.32cqw } .\[--text-3xl\:5\.43cqw\] { --text-3xl: 5.43cqw } .\[--text-3xl\:5\.97cqw\] { --text-3xl: 5.97cqw } .\[--text-3xl\:5cqw\] { --text-3xl: 5cqw } .\[--text-3xl\:6\.6cqw\] { --text-3xl: 6.6cqw } .\[--text-3xl\:6\.13cqw\] { --text-3xl: 6.13cqw } .\[--text-3xl\:6\.52cqw\] { --text-3xl: 6.52cqw } .\[--text-3xl\:6\.71cqw\] { --text-3xl: 6.71cqw } .\[--text-3xl\:7\.1cqw\] { --text-3xl: 7.1cqw } .\[--text-3xl\:7\.21cqw\] { --text-3xl: 7.21cqw } .\[--text-3xl\:7\.22cqw\] { --text-3xl: 7.22cqw } .\[--text-3xl\:7\.58cqw\] { --text-3xl: 7.58cqw } .\[--text-3xl\:7\.77cqw\] { --text-3xl: 7.77cqw } .\[--text-3xl\:8\.56cqw\] { --text-3xl: 8.56cqw } .\[--text-3xl\:10\.08cqw\] { --text-3xl: 10.08cqw } .\[--text-4xl\:3\.125cqw\] { --text-4xl: 3.125cqw } .\[--text-4xl\:5\.08cqw\] { --text-4xl: 5.08cqw } .\[--text-4xl\:6\.21cqw\] { --text-4xl: 6.21cqw } .\[--text-4xl\:6\.86cqw\] { --text-4xl: 6.86cqw } .\[--text-4xl\:7\.34cqw\] { --text-4xl: 7.34cqw } .\[--text-4xl\:9\.58cqw\] { --text-4xl: 9.58cqw } .\[--text-4xl\:12\.31cqw\] { --text-4xl: 12.31cqw } .\[--text-4xl\:12\.35cqw\] { --text-4xl: 12.35cqw } .\[--text-4xl\:16\.43cqw\] { --text-4xl: 16.43cqw } .\[--text-5xl\:6\.52cqw\] { --text-5xl: 6.52cqw } .\[--text-5xl\:8\.63cqw\] { --text-5xl: 8.63cqw } .\[--text-5xl\:8\.98cqw\] { --text-5xl: 8.98cqw } .\[--text-5xl\:9\.78cqw\] { --text-5xl: 9.78cqw } .\[--text-5xl\:11\.41cqw\] { --text-5xl: 11.41cqw } .\[--text-5xl\:11\.96cqw\] { --text-5xl: 11.96cqw } .\[--text-5xl\:15cqw\] { --text-5xl: 15cqw } .\[--text-6xl\:10\.57cqw\] { --text-6xl: 10.57cqw } .\[--text-6xl\:14\.06cqw\] { --text-6xl: 14.06cqw } .\[--text-6xl\:14\.38cqw\] { --text-6xl: 14.38cqw } .\[--text-6xl\:14\.97cqw\] { --text-6xl: 14.97cqw } .\[--text-6xl\:15\.9cqw\] { --text-6xl: 15.9cqw } .\[--text-6xl\:15\.56cqw\] { --text-6xl: 15.56cqw } .\[--text-6xl\:18\.03cqw\] { --text-6xl: 18.03cqw } .\[--text-6xl\:25\.93cqw\] { --text-6xl: 25.93cqw } .\[--text-7xl\:10\.47cqw\] { --text-7xl: 10.47cqw } .\[--text-7xl\:11cqw\] { --text-7xl: 11cqw } .\[--text-7xl\:12\.59cqw\] { --text-7xl: 12.59cqw } .\[--text-7xl\:16\.8cqw\] { --text-7xl: 16.8cqw } .\[--text-7xl\:16\.9cqw\] { --text-7xl: 16.9cqw } .\[--text-7xl\:16\.36cqw\] { --text-7xl: 16.36cqw } .\[--text-8xl\:19cqw\] { --text-8xl: 19cqw } .\[--text-8xl\:25\.3cqw\] { --text-8xl: 25.3cqw } .\[--text-8xl\:43\.48cqw\] { --text-8xl: 43.48cqw } .\[--text-9xl\:11\.38cqw\] { --text-9xl: 11.38cqw } .\[--text-9xl\:19\.63cqw\] { --text-9xl: 19.63cqw } .\[--text-9xl\:24\.95cqw\] { --text-9xl: 24.95cqw } .\[--text-9xl\:25\.87cqw\] { --text-9xl: 25.87cqw } .\[--text-9xl\:31\.34cqw\] { --text-9xl: 31.34cqw } .\[--text-base\:1\.25cqw\] { --text-base: 1.25cqw } .\[--text-base\:1\.78cqw\] { --text-base: 1.78cqw } .\[--text-base\:1\.89cqw\] { --text-base: 1.89cqw } .\[--text-base\:2\.02cqw\] { --text-base: 2.02cqw } .\[--text-base\:2\.05cqw\] { --text-base: 2.05cqw } .\[--text-base\:2\.6cqw\] { --text-base: 2.6cqw } .\[--text-base\:2\.09cqw\] { --text-base: 2.09cqw } .\[--text-base\:2\.14cqw\] { --text-base: 2.14cqw } .\[--text-base\:2\.33cqw\] { --text-base: 2.33cqw } .\[--text-base\:2\.45cqw\] { --text-base: 2.45cqw } .\[--text-base\:2\.52cqw\] { --text-base: 2.52cqw } .\[--text-base\:2\.54cqw\] { --text-base: 2.54cqw } .\[--text-base\:2\.56cqw\] { --text-base: 2.56cqw } .\[--text-base\:2\.59cqw\] { --text-base: 2.59cqw } .\[--text-base\:2\.66cqw\] { --text-base: 2.66cqw } .\[--text-base\:2\.74cqw\] { --text-base: 2.74cqw } .\[--text-base\:2\.86cqw\] { --text-base: 2.86cqw } .\[--text-base\:2\.88cqw\] { --text-base: 2.88cqw } .\[--text-base\:3\.02cqw\] { --text-base: 3.02cqw } .\[--text-base\:3\.05cqw\] { --text-base: 3.05cqw } .\[--text-base\:3\.6cqw\] { --text-base: 3.6cqw } .\[--text-base\:3\.27cqw\] { --text-base: 3.27cqw } .\[--text-base\:3\.33cqw\] { --text-base: 3.33cqw } .\[--text-base\:3\.36cqw\] { --text-base: 3.36cqw } .\[--text-base\:3\.41cqw\] { --text-base: 3.41cqw } .\[--text-base\:3\.52cqw\] { --text-base: 3.52cqw } .\[--text-base\:3\.63cqw\] { --text-base: 3.63cqw } .\[--text-base\:3cqw\] { --text-base: 3cqw } .\[--text-base\:4\.03cqw\] { --text-base: 4.03cqw } .\[--text-base\:4\.54cqw\] { --text-base: 4.54cqw } .\[--text-base\:4\.55cqw\] { --text-base: 4.55cqw } .\[--text-base\:4\.56cqw\] { --text-base: 4.56cqw } .\[--text-base\:4\.94cqw\] { --text-base: 4.94cqw } .\[--text-lg\:2\.28cqw\] { --text-lg: 2.28cqw } .\[--text-lg\:2\.29cqw\] { --text-lg: 2.29cqw } .\[--text-lg\:2\.45cqw\] { --text-lg: 2.45cqw } .\[--text-lg\:2\.73cqw\] { --text-lg: 2.73cqw } .\[--text-lg\:2\.82cqw\] { --text-lg: 2.82cqw } .\[--text-lg\:2\.85cqw\] { --text-lg: 2.85cqw } .\[--text-lg\:2\.86cqw\] { --text-lg: 2.86cqw } .\[--text-lg\:2\.88cqw\] { --text-lg: 2.88cqw } .\[--text-lg\:2cqw\] { --text-lg: 2cqw } .\[--text-lg\:3\.1cqw\] { --text-lg: 3.1cqw } .\[--text-lg\:3\.02cqw\] { --text-lg: 3.02cqw } .\[--text-lg\:3\.6cqw\] { --text-lg: 3.6cqw } .\[--text-lg\:3\.18cqw\] { --text-lg: 3.18cqw } .\[--text-lg\:3\.52cqw\] { --text-lg: 3.52cqw } .\[--text-lg\:3\.96cqw\] { --text-lg: 3.96cqw } .\[--text-lg\:3\.99cqw\] { --text-lg: 3.99cqw } .\[--text-lg\:4\.04cqw\] { --text-lg: 4.04cqw } .\[--text-lg\:4\.44cqw\] { --text-lg: 4.44cqw } .\[--text-lg\:4\.66cqw\] { --text-lg: 4.66cqw } .\[--text-lg\:4\.81cqw\] { --text-lg: 4.81cqw } .\[--text-lg\:4\.94cqw\] { --text-lg: 4.94cqw } .\[--text-lg\:5\.54cqw\] { --text-lg: 5.54cqw } .\[--text-sm\:1\.8cqw\] { --text-sm: 1.8cqw } .\[--text-sm\:1\.9cqw\] { --text-sm: 1.9cqw } .\[--text-sm\:1\.13cqw\] { --text-sm: 1.13cqw } .\[--text-sm\:1\.39cqw\] { --text-sm: 1.39cqw } .\[--text-sm\:1\.56cqw\] { --text-sm: 1.56cqw } .\[--text-sm\:1\.76cqw\] { --text-sm: 1.76cqw } .\[--text-sm\:1\.79cqw\] { --text-sm: 1.79cqw } .\[--text-sm\:1\.83cqw\] { --text-sm: 1.83cqw } .\[--text-sm\:1\.89cqw\] { --text-sm: 1.89cqw } .\[--text-sm\:1\.96cqw\] { --text-sm: 1.96cqw } .\[--text-sm\:1\.99cqw\] { --text-sm: 1.99cqw } .\[--text-sm\:2\.1cqw\] { --text-sm: 2.1cqw } .\[--text-sm\:2\.2cqw\] { --text-sm: 2.2cqw } .\[--text-sm\:2\.3cqw\] { --text-sm: 2.3cqw } .\[--text-sm\:2\.22cqw\] { --text-sm: 2.22cqw } .\[--text-sm\:2\.24cqw\] { --text-sm: 2.24cqw } .\[--text-sm\:2\.31cqw\] { --text-sm: 2.31cqw } .\[--text-sm\:2\.33cqw\] { --text-sm: 2.33cqw } .\[--text-sm\:2\.41cqw\] { --text-sm: 2.41cqw } .\[--text-sm\:2\.43cqw\] { --text-sm: 2.43cqw } .\[--text-sm\:2\.45cqw\] { --text-sm: 2.45cqw } .\[--text-sm\:2\.48cqw\] { --text-sm: 2.48cqw } .\[--text-sm\:2\.61cqw\] { --text-sm: 2.61cqw } .\[--text-sm\:2\.85cqw\] { --text-sm: 2.85cqw } .\[--text-sm\:2\.89cqw\] { --text-sm: 2.89cqw } .\[--text-sm\:2\.91cqw\] { --text-sm: 2.91cqw } .\[--text-sm\:2\.99cqw\] { --text-sm: 2.99cqw } .\[--text-sm\:3\.08cqw\] { --text-sm: 3.08cqw } .\[--text-sm\:3\.13cqw\] { --text-sm: 3.13cqw } .\[--text-sm\:3\.15cqw\] { --text-sm: 3.15cqw } .\[--text-sm\:3\.26cqw\] { --text-sm: 3.26cqw } .\[--text-sm\:3\.33cqw\] { --text-sm: 3.33cqw } .\[--text-sm\:3\.41cqw\] { --text-sm: 3.41cqw } .\[--text-sm\:3\.46cqw\] { --text-sm: 3.46cqw } .\[--text-sm\:3\.48cqw\] { --text-sm: 3.48cqw } .\[--text-sm\:3\.74cqw\] { --text-sm: 3.74cqw } .\[--text-sm\:3\.82cqw\] { --text-sm: 3.82cqw } .\[--text-sm\:3\.94cqw\] { --text-sm: 3.94cqw } .\[--text-sm\:3\.98cqw\] { --text-sm: 3.98cqw } .\[--text-sm\:3cqw\] { --text-sm: 3cqw } .\[--text-sm\:4\.05cqw\] { --text-sm: 4.05cqw } .\[--text-sm\:6\.48cqw\] { --text-sm: 6.48cqw } .\[--text-xl\:1\.56cqw\] { --text-xl: 1.56cqw } .\[--text-xl\:2\.72cqw\] { --text-xl: 2.72cqw } .\[--text-xl\:3\.04cqw\] { --text-xl: 3.04cqw } .\[--text-xl\:3\.05cqw\] { --text-xl: 3.05cqw } .\[--text-xl\:3\.6cqw\] { --text-xl: 3.6cqw } .\[--text-xl\:3\.9cqw\] { --text-xl: 3.9cqw } .\[--text-xl\:3\.17cqw\] { --text-xl: 3.17cqw } .\[--text-xl\:3\.27cqw\] { --text-xl: 3.27cqw } .\[--text-xl\:3\.43cqw\] { --text-xl: 3.43cqw } .\[--text-xl\:3\.52cqw\] { --text-xl: 3.52cqw } .\[--text-xl\:3\.57cqw\] { --text-xl: 3.57cqw } .\[--text-xl\:3\.79cqw\] { --text-xl: 3.79cqw } .\[--text-xl\:3\.92cqw\] { --text-xl: 3.92cqw } .\[--text-xl\:4\.21cqw\] { --text-xl: 4.21cqw } .\[--text-xl\:4\.57cqw\] { --text-xl: 4.57cqw } .\[--text-xl\:4\.63cqw\] { --text-xl: 4.63cqw } .\[--text-xl\:4\.78cqw\] { --text-xl: 4.78cqw } .\[--text-xl\:4\.93cqw\] { --text-xl: 4.93cqw } .\[--text-xl\:4\.94cqw\] { --text-xl: 4.94cqw } .\[--text-xl\:5\.35cqw\] { --text-xl: 5.35cqw } .\[--text-xl\:5\.63cqw\] { --text-xl: 5.63cqw } .\[--text-xl\:5\.68cqw\] { --text-xl: 5.68cqw } .\[--text-xs\:0\.9cqw\] { --text-xs: .9cqw } .\[--text-xs\:1\.5cqw\] { --text-xs: 1.5cqw } .\[--text-xs\:1\.6cqw\] { --text-xs: 1.6cqw } .\[--text-xs\:1\.07cqw\] { --text-xs: 1.07cqw } .\[--text-xs\:1\.7cqw\] { --text-xs: 1.7cqw } .\[--text-xs\:1\.8cqw\] { --text-xs: 1.8cqw } .\[--text-xs\:1\.9cqw\] { --text-xs: 1.9cqw } .\[--text-xs\:1\.23cqw\] { --text-xs: 1.23cqw } .\[--text-xs\:1\.26cqw\] { --text-xs: 1.26cqw } .\[--text-xs\:1\.28cqw\] { --text-xs: 1.28cqw } .\[--text-xs\:1\.33cqw\] { --text-xs: 1.33cqw } .\[--text-xs\:1\.35cqw\] { --text-xs: 1.35cqw } .\[--text-xs\:1\.54cqw\] { --text-xs: 1.54cqw } .\[--text-xs\:1\.57cqw\] { --text-xs: 1.57cqw } .\[--text-xs\:1\.63cqw\] { --text-xs: 1.63cqw } .\[--text-xs\:1\.68cqw\] { --text-xs: 1.68cqw } .\[--text-xs\:1\.79cqw\] { --text-xs: 1.79cqw } .\[--text-xs\:1\.83cqw\] { --text-xs: 1.83cqw } .\[--text-xs\:2\.1cqw\] { --text-xs: 2.1cqw } .\[--text-xs\:2\.02cqw\] { --text-xs: 2.02cqw } .\[--text-xs\:2\.4cqw\] { --text-xs: 2.4cqw } .\[--text-xs\:2\.6cqw\] { --text-xs: 2.6cqw } .\[--text-xs\:2\.07cqw\] { --text-xs: 2.07cqw } .\[--text-xs\:2\.7cqw\] { --text-xs: 2.7cqw } .\[--text-xs\:2\.11cqw\] { --text-xs: 2.11cqw } .\[--text-xs\:2\.13cqw\] { --text-xs: 2.13cqw } .\[--text-xs\:2\.18cqw\] { --text-xs: 2.18cqw } .\[--text-xs\:2\.28cqw\] { --text-xs: 2.28cqw } .\[--text-xs\:2\.37cqw\] { --text-xs: 2.37cqw } .\[--text-xs\:2\.41cqw\] { --text-xs: 2.41cqw } .\[--text-xs\:2\.45cqw\] { --text-xs: 2.45cqw } .\[--text-xs\:2\.49cqw\] { --text-xs: 2.49cqw } .\[--text-xs\:2\.56cqw\] { --text-xs: 2.56cqw } .\[--text-xs\:2\.62cqw\] { --text-xs: 2.62cqw } .\[--text-xs\:2\.63cqw\] { --text-xs: 2.63cqw } .\[--text-xs\:2\.84cqw\] { --text-xs: 2.84cqw } .\[--text-xs\:2\.835cqw\] { --text-xs: 2.835cqw } .\[--text-xs\:3\.38cqw\] { --text-xs: 3.38cqw } .\[--text-xs\:3\.61cqw\] { --text-xs: 3.61cqw } .\[--text-xs\:3\.69cqw\] { --text-xs: 3.69cqw } .\[--white-gradient\:repeating-linear-gradient\(100deg\,var\(--white\)_0\%\,var\(--white\)_7\%\,var\(--transparent\)_10\%\,var\(--transparent\)_12\%\,var\(--white\)_16\%\)\] { --white-gradient: repeating-linear-gradient(100deg, var(--white) 0%, var(--white) 7%, var(--transparent) 10%, var(--transparent) 12%, var(--white) 16%) } .\[-ms-overflow-style\:none\] { -ms-overflow-style: none } .\[-webkit-mask-image\:linear-gradient\(90deg\,transparent\,black_1\.5rem\,black_calc\(100\%-1\.5rem\)\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 1.5rem calc(100% - 1.5rem), #0000) } .\[-webkit-mask-image\:linear-gradient\(to_left\,transparent_0\%\,rgba\(0\,0\,0\,0\.3\)_20\%\,rgba\(0\,0\,0\,0\.88\)_42\%\,\#000_58\%\)\] { -webkit-mask-image: linear-gradient(270deg, #0000 0%, #0000004d 20%, #000000e0 42%, #000 58%) } .\[-webkit-mask-image\:linear-gradient\(to_right\,transparent_0\%\,rgba\(0\,0\,0\,0\.3\)_20\%\,rgba\(0\,0\,0\,0\.88\)_42\%\,\#000_58\%\)\] { -webkit-mask-image: linear-gradient(90deg, #0000 0%, #0000004d 20%, #000000e0 42%, #000 58%) } .\[-webkit-mask-image\:linear-gradient\(to_top\,transparent\,transparent\,white\,white\,white\,transparent\,transparent\)\] { -webkit-mask-image: linear-gradient(#0000, #0000, #fff, #fff, #fff, #0000, #0000) } .\[-webkit-mask-image\:linear-gradient\(to_top_left\,transparent_0\%\,transparent_14\%\,rgba\(0\,0\,0\,0\.35\)_32\%\,rgba\(0\,0\,0\,0\.92\)_46\%\,\#000_58\%\)\] { -webkit-mask-image: linear-gradient(to top left, #0000 0% 14%, #00000059 32%, #000000eb 46%, #000 58%) } .\[-webkit-mask-image\:linear-gradient\(to_top_right\,transparent_0\%\,transparent_14\%\,rgba\(0\,0\,0\,0\.35\)_32\%\,rgba\(0\,0\,0\,0\.92\)_46\%\,\#000_58\%\)\] { -webkit-mask-image: linear-gradient(to top right, #0000 0% 14%, #00000059 32%, #000000eb 46%, #000 58%) } .\[-webkit-mask-image\:linear-gradient\(transparent_25\%\,black_25\%\,black_75\%\,transparent_75\%\)\] { -webkit-mask-image: linear-gradient(#0000 25%, #000 25% 75%, #0000 75%) } .\[-webkit-mask-image\:radial-gradient\(ellipse_at_center\,black_30\%\,transparent_70\%\)\] { -webkit-mask-image: radial-gradient(#000 30%, #0000 70%) } .\[-webkit-mask-image\:radial-gradient\(ellipse_at_top\,black_30\%\,transparent_70\%\)\] { -webkit-mask-image: radial-gradient(at top, #000 30%, #0000 70%) } .\[-webkit-mask-repeat\:no-repeat\] { -webkit-mask-repeat: no-repeat } .\[-webkit-mask-size\:100\%_16px\] { -webkit-mask-size: 100% 16px } .\[-webkit-mask-size\:100\%_100\%\] { -webkit-mask-size: 100% 100% } .\[-webkit-mask\:url\(\/block\/bento\/bento14-block1-sound\.svg\)_left\/contain_no-repeat\] { -webkit-mask: url(/block/bento/bento14-block1-sound.svg) 0/contain no-repeat } .\[-webkit-mask\:url\(\/block\/bento\/bento35-block6-sound\.svg\)_left\/contain_no-repeat\] { -webkit-mask: url(/block/bento/bento35-block6-sound.svg) 0/contain no-repeat } .\[-webkit-mask\:url\(https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/bento\/bento14-block1-sound\.svg\)_left\/contain_no-repeat\] { -webkit-mask: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/bento/bento14-block1-sound.svg) 0/contain no-repeat } .\[-webkit-mask\:url\(https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/bento\/bento35-block6-sound\.svg\)_left\/contain_no-repeat\] { -webkit-mask: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/bento/bento35-block6-sound.svg) 0/contain no-repeat } .\[-webkit-text-stroke\:0\.2cqw_\#fff\] { -webkit-text-stroke: .2cqw #fff } .\[-webkit-text-stroke\:0\.3cqw_\#fff\] { -webkit-text-stroke: .3cqw #fff } .\[-webkit-text-stroke\:0\.4cqw_\#fff\] { -webkit-text-stroke: .4cqw #fff } .\[-webkit-text-stroke\:0\.26cqw_\#6b21a8\] { -webkit-text-stroke: .26cqw #6b21a8 } .\[-webkit-text-stroke\:0\.26cqw_\#fff\] { -webkit-text-stroke: .26cqw #fff } .\[-webkit-text-stroke\:0\.36cqw_\#fff\] { -webkit-text-stroke: .36cqw #fff } .\[-webkit-text-stroke\:0\.42cqw_\#fff\] { -webkit-text-stroke: .42cqw #fff } .\[-webkit-text-stroke\:0\.44cqw_\#fff\] { -webkit-text-stroke: .44cqw #fff } .\[animation-delay\:150ms\] { animation-delay: .15s } .\[animation-delay\:300ms\] { animation-delay: .3s } .\[animation-direction\:reverse\] { animation-direction: reverse } .\[animation-play-state\:running\] { animation-play-state: running } .\[background\:conic-gradient\(from_90deg_at_50\%_50\%\,color-mix\(in_oklab\,var\(--background\)_60\%\,transparent\)_50\%\,var\(--background\)_50\%\)\,radial-gradient\(var\(--muted\)_0\%\,transparent_60\%\)\] { background: conic-gradient(from 90deg at 50% 50%, var(--background) 50%, var(--background) 50%), radial-gradient(var(--muted) 0%, transparent 60%) } @supports (color:color-mix(in lab, red, red)) { .\[background\:conic-gradient\(from_90deg_at_50\%_50\%\,color-mix\(in_oklab\,var\(--background\)_60\%\,transparent\)_50\%\,var\(--background\)_50\%\)\,radial-gradient\(var\(--muted\)_0\%\,transparent_60\%\)\] { background: conic-gradient(from 90deg at 50% 50%, color-mix(in oklab, var(--background) 60%, transparent) 50%, var(--background) 50%), radial-gradient(var(--muted) 0%, transparent 60%) } } .\[background\:conic-gradient\(from_calc\(270deg-\(var\(--spread\)\*0\.5\)\)\,transparent_0\,var\(--shimmer-color\)_var\(--spread\)\,transparent_var\(--spread\)\)\] { background: conic-gradient(from calc(270deg - (var(--spread) * .5)), transparent 0, var(--shimmer-color) var(--spread), transparent var(--spread)) } .\[background\:linear-gradient\(to_bottom\,\#f3f4f6\,\#e5e7eb\)\] { background: linear-gradient(#f3f4f6, #e5e7eb) } .\[background\:radial-gradient\(farthest-corner_circle_at_var\(--m-x\)_var\(--m-y\)\,_rgba\(255\,255\,255\,0\.8\)_10\%\,_rgba\(255\,255\,255\,0\.65\)_20\%\,_rgba\(255\,255\,255\,0\)_90\%\)\] { background: radial-gradient(farthest-corner circle at var(--m-x) var(--m-y), #fffc 10%, #ffffffa6 20%, #fff0 90%) } .\[background\:var\(--bg\)\] { background: var(--bg) } .\[background\:var\(--pattern\)\,_var\(--rainbow\)\,_var\(--diagonal\)\,_var\(--shade\)\] { background: var(--pattern), var(--rainbow), var(--diagonal), var(--shade) } .\[border\:calc\(0\.125rem\)_solid_transparent\] { border: .125rem solid #0000 } .\[clip-path\:inset\(0_0_0_0_round_var\(--radius\)\)\] { clip-path: inset(0 0 0 0 round var(--radius)) } .\[clip-path\:inset\(0_0_1px_0_round_var\(--radius\)\)\] { clip-path: inset(0 0 1px 0 round var(--radius)) } .\[clip-path\:inset\(0_0_100\%_0\)\] { clip-path: inset(0 0 100%) } .\[clip-path\:inset\(0px_0px_50\%_0px\)\] { clip-path: inset(0 0 50%) } .\[grid-area\:1\/1\] { grid-area: 1/1 } .\[grid-area\:stack\] { grid-area: stack } .\[grid-template-areas\:\'stack\'\] { grid-template-areas: "stack" } .\[mask\:linear-gradient\(to_left\,var\(--background\)_var\(--fade-stop\)\,transparent\)\,_linear-gradient\(to_right\,var\(--background\)_var\(--fade-stop\)\,transparent\)\,_linear-gradient\(black\,black\)\] { -webkit-mask: linear-gradient(to left, var(--background) var(--fade-stop), transparent), linear-gradient(to right, var(--background) var(--fade-stop), transparent), linear-gradient(black, black); mask: linear-gradient(to left, var(--background) var(--fade-stop), transparent), linear-gradient(to right, var(--background) var(--fade-stop), transparent), linear-gradient(black, black) } .\[mask\:linear-gradient\(to_left\,var\(--montage-bg-background\)_var\(--fade-stop\)\,transparent\)\,linear-gradient\(to_right\,var\(--montage-bg-background\)_var\(--fade-stop\)\,transparent\)\,linear-gradient\(black\,black\)\] { -webkit-mask: linear-gradient(to left, var(--montage-bg-background) var(--fade-stop), transparent), linear-gradient(to right, var(--montage-bg-background) var(--fade-stop), transparent), linear-gradient(black, black); mask: linear-gradient(to left, var(--montage-bg-background) var(--fade-stop), transparent), linear-gradient(to right, var(--montage-bg-background) var(--fade-stop), transparent), linear-gradient(black, black) } .\[mask\:linear-gradient\(to_top\,var\(--background\)_var\(--fade-stop\)\,transparent\)\,_linear-gradient\(to_bottom\,var\(--background\)_var\(--fade-stop\)\,transparent\)\,_linear-gradient\(black\,black\)\] { -webkit-mask: linear-gradient(to top, var(--background) var(--fade-stop), transparent), linear-gradient(to bottom, var(--background) var(--fade-stop), transparent), linear-gradient(black, black); mask: linear-gradient(to top, var(--background) var(--fade-stop), transparent), linear-gradient(to bottom, var(--background) var(--fade-stop), transparent), linear-gradient(black, black) } .\[mask\:linear-gradient\(to_top\,var\(--montage-bg-background\)_var\(--fade-stop\)\,transparent\)\,linear-gradient\(to_bottom\,var\(--montage-bg-background\)_var\(--fade-stop\)\,transparent\)\,linear-gradient\(black\,black\)\] { -webkit-mask: linear-gradient(to top, var(--montage-bg-background) var(--fade-stop), transparent), linear-gradient(to bottom, var(--montage-bg-background) var(--fade-stop), transparent), linear-gradient(black, black); mask: linear-gradient(to top, var(--montage-bg-background) var(--fade-stop), transparent), linear-gradient(to bottom, var(--montage-bg-background) var(--fade-stop), transparent), linear-gradient(black, black) } .\[mask\:linear-gradient\(white\,transparent_50\%\)\] { -webkit-mask: linear-gradient(#fff, #0000 50%); mask: linear-gradient(#fff, #0000 50%) } .\[mask\:none\] { -webkit-mask: none; mask: none } .\[mask\:url\(\/block\/bento\/bento14-block1-sound\.svg\)_left\/contain_no-repeat\] { -webkit-mask: url(/block/bento/bento14-block1-sound.svg) 0/contain no-repeat; mask: url(/block/bento/bento14-block1-sound.svg) 0/contain no-repeat } .\[mask\:url\(\/block\/bento\/bento35-block6-sound\.svg\)_left\/contain_no-repeat\] { -webkit-mask: url(/block/bento/bento35-block6-sound.svg) 0/contain no-repeat; mask: url(/block/bento/bento35-block6-sound.svg) 0/contain no-repeat } .\[mask\:url\(https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/bento\/bento14-block1-sound\.svg\)_left\/contain_no-repeat\] { -webkit-mask: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/bento/bento14-block1-sound.svg) 0/contain no-repeat; mask: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/bento/bento14-block1-sound.svg) 0/contain no-repeat } .\[mask\:url\(https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/bento\/bento35-block6-sound\.svg\)_left\/contain_no-repeat\] { -webkit-mask: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/bento/bento35-block6-sound.svg) 0/contain no-repeat; mask: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/bento/bento35-block6-sound.svg) 0/contain no-repeat } .\[overflow-anchor\:none\] { overflow-anchor: none } .\[perspective-origin\:100\%_0\] { perspective-origin: 100% 0 } .\[perspective\:600px\] { perspective: 600px } .\[perspective\:3000px\] { perspective: 3000px } .\[perspective\:4000px\] { perspective: 4000px } .\[scroll-initial-target\:nearest\] { scroll-initial-target: nearest } .\[scrollbar-gutter\:stable\] { scrollbar-gutter: stable } .\[scrollbar-width\:none\] { scrollbar-width: none } .\[scrollbar-width\:thin\] { scrollbar-width: thin } .\[stroke-dasharray\:4_4\] { stroke-dasharray: 4 4 } .\[stroke-dasharray\:5_5\] { stroke-dasharray: 5 5 } .\[stroke-dasharray\:50_50\] { stroke-dasharray: 50 50 } .\[stroke-dasharray\:100\] { stroke-dasharray: 100 } .\[stroke-dashoffset\:50\] { stroke-dashoffset: 50px } .\[stroke-dashoffset\:100\] { stroke-dashoffset: 100px } .\[text-shadow\:0_1px_2px_rgb\(0_0_0\/0\.2\)\] { text-shadow: 0 1px 2px #0003 } .\[text-shadow\:0_4px_4px_rgba\(0\,0\,0\,0\.15\)\] { text-shadow: 0 4px 4px #00000026 } .\[text-shadow\:0_4px_4px_rgba\(0\,0\,0\,0\.25\)\] { text-shadow: 0 4px 4px #00000040 } .\[text-shadow\:0px_1px_2px_rgba\(0\,0\,0\,0\.12\)\] { text-shadow: 0 1px 2px #0000001f } .\[text-shadow\:none\] { text-shadow: none } .\[transform-style\:preserve-3d\] { transform-style: preserve-3d } .fade-in { --tw-enter-opacity: 0 } .fade-out { --tw-exit-opacity: 0 } .paused { animation-play-state: paused } .perspective-\[1200px\] { perspective: 1200px } .ring-inset { --tw-ring-inset: inset } .running { animation-play-state: running } .running\! { animation-play-state: running !important } .slide-in-from-bottom-6 { --tw-enter-translate-y: calc(6*var(--spacing)) } .slide-in-from-left-2 { --tw-enter-translate-x: calc(2*var(--spacing)*-1) } .slide-in-from-right { --tw-enter-translate-x: 100% } .slide-in-from-right-2 { --tw-enter-translate-x: calc(2*var(--spacing)) } .slide-in-from-top-2 { --tw-enter-translate-y: calc(2*var(--spacing)*-1) } .text-shadow-2xs { text-shadow: 0px 1px 0px var(--tw-text-shadow-color, #00000026) } .text-shadow-lg { text-shadow: 0px 1px 2px var(--tw-text-shadow-color, #0000001a), 0px 3px 2px var(--tw-text-shadow-color, #0000001a), 0px 4px 8px var(--tw-text-shadow-color, #0000001a) } .text-shadow-sm { text-shadow: 0px 1px 0px var(--tw-text-shadow-color, #00000013), 0px 1px 1px var(--tw-text-shadow-color, #00000013), 0px 2px 2px var(--tw-text-shadow-color, #00000013) } .text-shadow-xs { text-shadow: 0px 1px 1px var(--tw-text-shadow-color, #0003) } .zoom-in { --tw-enter-scale: 0 } .zoom-in-120 { --tw-enter-scale: 120% } .zoom-in-130 { --tw-enter-scale: 130% } .zoom-in-140 { --tw-enter-scale: 140% } .zoom-in-150 { --tw-enter-scale: 150% } :is(.\*\:w-full>*) { width: 100% } :is(.\*\:basis-1\/4>*) { flex-basis: 25% } :is(.\*\:justify-center>*) { justify-content: center } :is(.\*\:border-r>*) { border-right-style: var(--tw-border-style); border-right-width: 1px } :is(.\*\:border-b>*) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } :is(.\*\:border-dashed>*) { --tw-border-style: dashed; border-style: dashed } :is(.\*\:border-dotted>*) { --tw-border-style: dotted; border-style: dotted } :is(.\*\:border-border\/40>*) { border-color: var(--border) } @supports (color:color-mix(in lab, red, red)) { :is(.\*\:border-border\/40>*) { border-color: color-mix(in oklab, var(--border) 40%, transparent) } } :is(.\*\*\:\!text-primary-foreground *) { color: var(--primary-foreground) !important } .not-first\:mt-6:not(:first-child) { margin-top: calc(var(--spacing) * 6) } .not-first\:-ml-px:not(:first-child) { margin-left: -1px } .not-first\:rounded-t-none:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 } .not-first\:pt-4:not(:first-child) { padding-top: calc(var(--spacing) * 4) } .not-last\:-mr-px:not(:last-child) { margin-right: -1px } .not-last\:mb-8:not(:last-child) { margin-bottom: calc(var(--spacing) * 8) } .not-last\:mb-10:not(:last-child) { margin-bottom: calc(var(--spacing) * 10) } .not-last\:flex-1:not(:last-child) { flex: 1 } .not-last\:rounded-b-none:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .not-last\:border-r:not(:last-child), .not-last\:border-r-1:not(:last-child) { border-right-style: var(--tw-border-style); border-right-width: 1px } .not-last\:border-b:not(:last-child) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .not-last\:border-b-0:not(:last-child) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } .not-last\:pb-6:not(:last-child) { padding-bottom: calc(var(--spacing) * 6) } .not-has-data-\[slot\=description\]\:rounded-full:not(:has([data-slot=description])), .not-has-data-\[slot\=title\]\:rounded-full:not(:has([data-slot=title])) { border-radius: 3.40282e38px } .not-nth-8\:aspect-square:not(:nth-child(8)) { aspect-ratio: 1 } .not-dark\:hidden:not(:where(.dark, .dark *)) { display: none } .group-first\:text-3xl:is(:where(.group):first-child *) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .group-first\:text-green-600:is(:where(.group):first-child *) { color: var(--color-green-600) } .group-last\:text-base:is(:where(.group):last-child *) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .group-last\:font-bold:is(:where(.group):last-child *) { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 90deg } .group-focus-within\:opacity-100:is(:where(.group):focus-within *) { opacity: 1 } .group-focus-within\/card\:pointer-events-auto:is(:where(.group\/card):focus-within *) { pointer-events: auto } .group-focus-within\/card\:opacity-100:is(:where(.group\/card):focus-within *), .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) { opacity: 1 } @media(hover:hover) { .group-hover\:right-0:is(:where(.group):hover *) { right: calc(var(--spacing) * 0) } .group-hover\:bottom-1\/2:is(:where(.group):hover *) { bottom: 50% } .group-hover\:-left-5:is(:where(.group):hover *) { left: calc(var(--spacing) * -5) } .group-hover\:left-0:is(:where(.group):hover *) { left: calc(var(--spacing) * 0) } .group-hover\:z-30:is(:where(.group):hover *) { z-index: 30 } .group-hover\:mr-3:is(:where(.group):hover *) { margin-right: calc(var(--spacing) * 3) } .group-hover\:ml-2:is(:where(.group):hover *) { margin-left: calc(var(--spacing) * 2) } .group-hover\:ml-3:is(:where(.group):hover *) { margin-left: calc(var(--spacing) * 3) } .group-hover\:ml-4:is(:where(.group):hover *) { margin-left: calc(var(--spacing) * 4) } .group-hover\:block:is(:where(.group):hover *) { display: block } .group-hover\:size-12:is(:where(.group):hover *) { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .group-hover\:h-10:is(:where(.group):hover *) { height: calc(var(--spacing) * 10) } .group-hover\:max-h-4:is(:where(.group):hover *) { max-height: calc(var(--spacing) * 4) } .group-hover\:max-h-\[2rem\]:is(:where(.group):hover *) { max-height: 2rem } .group-hover\:w-2:is(:where(.group):hover *) { width: calc(var(--spacing) * 2) } .group-hover\:w-5:is(:where(.group):hover *) { width: calc(var(--spacing) * 5) } .group-hover\:w-\[110\%\]:is(:where(.group):hover *) { width: 110% } .group-hover\:w-full:is(:where(.group):hover *) { width: 100% } .group-hover\:flex-\[1\.25\]:is(:where(.group):hover *) { flex: 1.25 } .group-hover\:translate-0:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 0); --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-x-4:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-x-5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-x-\[66\.66\%\]:is(:where(.group):hover *) { --tw-translate-x: -66.66%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-x-0:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-x-0\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-x-1\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 1.5); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-x-2:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-x-3:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-x-4:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-x-\[66\.66\%\]:is(:where(.group):hover *) { --tw-translate-x: 66.66%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-x-full:is(:where(.group):hover *) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-x-px:is(:where(.group):hover *) { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-y-0:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-y-1:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-y-1\/2:is(:where(.group):hover *) { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-y-2:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-y-3:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-y-4:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-y-9:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -9); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-y-\[110\%\]:is(:where(.group):hover *) { --tw-translate-y: -110%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-y-full:is(:where(.group):hover *) { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:-translate-y-px:is(:where(.group):hover *) { --tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-y-1:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-y-1\/2:is(:where(.group):hover *) { --tw-translate-y: 50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-y-3:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-y-\[-10px\]:is(:where(.group):hover *) { --tw-translate-y: -10px; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-y-\[-100\%\]:is(:where(.group):hover *) { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-y-\[-250\%\]:is(:where(.group):hover *) { --tw-translate-y: -250%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:scale-90:is(:where(.group):hover *) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-95:is(:where(.group):hover *) { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-101:is(:where(.group):hover *) { --tw-scale-x: 101%; --tw-scale-y: 101%; --tw-scale-z: 101%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-120:is(:where(.group):hover *) { --tw-scale-x: 120%; --tw-scale-y: 120%; --tw-scale-z: 120%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-125:is(:where(.group):hover *) { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-150:is(:where(.group):hover *) { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-\[1\.01\]:is(:where(.group):hover *) { scale: 1.01 } .group-hover\:scale-\[1\.1\]:is(:where(.group):hover *) { scale: 1.1 } .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) { scale: 1.02 } .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) { scale: 1.03 } .group-hover\:scale-\[1\.05\]:is(:where(.group):hover *) { scale: 1.05 } .group-hover\:-rotate-0:is(:where(.group):hover *) { rotate: none } .group-hover\:-rotate-12:is(:where(.group):hover *) { rotate: -12deg } .group-hover\:rotate-0:is(:where(.group):hover *) { rotate: none } .group-hover\:rotate-6:is(:where(.group):hover *) { rotate: 6deg } .group-hover\:rotate-12:is(:where(.group):hover *) { rotate: 12deg } .group-hover\:rotate-45:is(:where(.group):hover *) { rotate: 45deg } .group-hover\:rotate-90:is(:where(.group):hover *) { rotate: 90deg } .group-hover\:rotate-180:is(:where(.group):hover *) { rotate: 180deg } .group-hover\:rotate-\[-2deg\]:is(:where(.group):hover *) { rotate: -2deg } .group-hover\:rotate-\[-8deg\]:is(:where(.group):hover *) { rotate: -8deg } .group-hover\:rotate-\[-14deg\]:is(:where(.group):hover *) { rotate: -14deg } .group-hover\:\[transform\:rotateX\(90deg\)\]:is(:where(.group):hover *) { transform: rotateX(90deg) } .group-hover\:rounded-tl-none:is(:where(.group):hover *) { border-top-left-radius: 0 } .group-hover\:rounded-tr-none:is(:where(.group):hover *) { border-top-right-radius: 0 } .group-hover\:rounded-br-none:is(:where(.group):hover *) { border-bottom-right-radius: 0 } .group-hover\:rounded-bl-none:is(:where(.group):hover *) { border-bottom-left-radius: 0 } .group-hover\:border:is(:where(.group):hover *) { border-style: var(--tw-border-style); border-width: 1px } .group-hover\:border-b:is(:where(.group):hover *) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .group-hover\:border-emerald-500\/50:is(:where(.group):hover *) { border-color: #00bb7f80 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:border-emerald-500\/50:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent) } } .group-hover\:border-foreground\/20:is(:where(.group):hover *) { border-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:border-foreground\/20:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--foreground) 20%, transparent) } } .group-hover\:border-foreground\/30:is(:where(.group):hover *) { border-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:border-foreground\/30:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--foreground) 30%, transparent) } } .group-hover\:border-primary:is(:where(.group):hover *) { border-color: var(--primary) } .group-hover\:border-slate-700:is(:where(.group):hover *) { border-color: var(--color-slate-700) } .group-hover\:border-white:is(:where(.group):hover *) { border-color: var(--color-white) } .group-hover\:border-white\/30:is(:where(.group):hover *) { border-color: #ffffff4d } @supports (color:color-mix(in lab, red, red)) { .group-hover\:border-white\/30:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-white) 30%, transparent) } } .group-hover\:bg-background:is(:where(.group):hover *), .group-hover\:bg-background\/10:is(:where(.group):hover *) { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-background\/10:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--background) 10%, transparent) } } .group-hover\:bg-background\/30:is(:where(.group):hover *) { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-background\/30:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--background) 30%, transparent) } } .group-hover\:bg-background\/90:is(:where(.group):hover *) { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-background\/90:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--background) 90%, transparent) } } .group-hover\:bg-black:is(:where(.group):hover *) { background-color: var(--color-black) } .group-hover\:bg-black\/10:is(:where(.group):hover *) { background-color: #0000001a } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-black\/10:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) } } .group-hover\:bg-black\/20:is(:where(.group):hover *) { background-color: #0003 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-black\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) } } .group-hover\:bg-black\/50:is(:where(.group):hover *) { background-color: #00000080 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-black\/50:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent) } } .group-hover\:bg-foreground:is(:where(.group):hover *), .group-hover\:bg-foreground\/15:is(:where(.group):hover *) { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-foreground\/15:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--foreground) 15%, transparent) } } .group-hover\:bg-foreground\/90:is(:where(.group):hover *) { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-foreground\/90:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--foreground) 90%, transparent) } } .group-hover\:bg-muted:is(:where(.group):hover *) { background-color: var(--muted) } .group-hover\:bg-muted-foreground\/35:is(:where(.group):hover *) { background-color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-muted-foreground\/35:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent) } } .group-hover\:bg-muted\/20:is(:where(.group):hover *) { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-muted\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--muted) 20%, transparent) } } .group-hover\:bg-muted\/80:is(:where(.group):hover *) { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-muted\/80:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--muted) 80%, transparent) } } .group-hover\:bg-primary:is(:where(.group):hover *), .group-hover\:bg-primary\/20:is(:where(.group):hover *) { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-primary\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .group-hover\:bg-primary\/40:is(:where(.group):hover *) { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-primary\/40:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--primary) 40%, transparent) } } .group-hover\:bg-slate-900:is(:where(.group):hover *) { background-color: var(--color-slate-900) } .group-hover\:bg-transparent:is(:where(.group):hover *) { background-color: #0000 } .group-hover\:from-black\/30:is(:where(.group):hover *) { --tw-gradient-from: #0000004d } @supports (color:color-mix(in lab, red, red)) { .group-hover\:from-black\/30:is(:where(.group):hover *) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 30%, transparent) } } .group-hover\:from-black\/30:is(:where(.group):hover *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .group-hover\:via-black\/50:is(:where(.group):hover *) { --tw-gradient-via: #00000080 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:via-black\/50:is(:where(.group):hover *) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 50%, transparent) } } .group-hover\:via-black\/50:is(:where(.group):hover *) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .group-hover\:to-black\/20:is(:where(.group):hover *) { --tw-gradient-to: #0003 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:to-black\/20:is(:where(.group):hover *) { --tw-gradient-to: color-mix(in oklab, var(--color-black) 20%, transparent) } } .group-hover\:to-black\/20:is(:where(.group):hover *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .group-hover\:to-black\/80:is(:where(.group):hover *) { --tw-gradient-to: #000c } @supports (color:color-mix(in lab, red, red)) { .group-hover\:to-black\/80:is(:where(.group):hover *) { --tw-gradient-to: color-mix(in oklab, var(--color-black) 80%, transparent) } } .group-hover\:to-black\/80:is(:where(.group):hover *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .group-hover\:bg-size-\[0\%_1px\]:is(:where(.group):hover *) { background-size: 0% 1px } .group-hover\:bg-bottom-right:is(:where(.group):hover *) { background-position: 100% 100% } .group-hover\:fill-primary:is(:where(.group):hover *) { fill: var(--primary) } .group-hover\:stroke-primary:is(:where(.group):hover *) { stroke: var(--primary) } .group-hover\:stroke-primary-foreground:is(:where(.group):hover *) { stroke: var(--primary-foreground) } .group-hover\:stroke-white:is(:where(.group):hover *) { stroke: var(--color-white) } .group-hover\:stroke-white\/80:is(:where(.group):hover *) { stroke: #fffc } @supports (color:color-mix(in lab, red, red)) { .group-hover\:stroke-white\/80:is(:where(.group):hover *) { stroke: color-mix(in oklab, var(--color-white) 80%, transparent) } } .group-hover\:text-accent-foreground:is(:where(.group):hover *) { color: var(--accent-foreground) } .group-hover\:text-background:is(:where(.group):hover *), .group-hover\:text-background\/80:is(:where(.group):hover *) { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:text-background\/80:is(:where(.group):hover *) { color: color-mix(in oklab, var(--background) 80%, transparent) } } .group-hover\:text-emerald-400:is(:where(.group):hover *) { color: var(--color-emerald-400) } .group-hover\:text-foreground:is(:where(.group):hover *), .group-hover\:text-foreground\/80:is(:where(.group):hover *) { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:text-foreground\/80:is(:where(.group):hover *) { color: color-mix(in oklab, var(--foreground) 80%, transparent) } } .group-hover\:text-gray-800:is(:where(.group):hover *) { color: var(--color-gray-800) } .group-hover\:text-muted-foreground:is(:where(.group):hover *), .group-hover\:text-muted-foreground\/50:is(:where(.group):hover *) { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:text-muted-foreground\/50:is(:where(.group):hover *) { color: color-mix(in oklab, var(--muted-foreground) 50%, transparent) } } .group-hover\:text-neutral-800:is(:where(.group):hover *) { color: var(--color-neutral-800) } .group-hover\:text-primary:is(:where(.group):hover *) { color: var(--primary) } .group-hover\:text-primary-foreground:is(:where(.group):hover *) { color: var(--primary-foreground) } .group-hover\:text-primary\/70:is(:where(.group):hover *) { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:text-primary\/70:is(:where(.group):hover *) { color: color-mix(in oklab, var(--primary) 70%, transparent) } } .group-hover\:text-secondary:is(:where(.group):hover *) { color: var(--secondary) } .group-hover\:text-white:is(:where(.group):hover *) { color: var(--color-white) } .group-hover\:text-white\/80:is(:where(.group):hover *) { color: #fffc } @supports (color:color-mix(in lab, red, red)) { .group-hover\:text-white\/80:is(:where(.group):hover *) { color: color-mix(in oklab, var(--color-white) 80%, transparent) } } .group-hover\:underline:is(:where(.group):hover *) { text-decoration-line: underline } .group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0 } .group-hover\:opacity-10:is(:where(.group):hover *) { opacity: .1 } .group-hover\:opacity-40:is(:where(.group):hover *) { opacity: .4 } .group-hover\:opacity-60:is(:where(.group):hover *) { opacity: .6 } .group-hover\:opacity-65:is(:where(.group):hover *) { opacity: .65 } .group-hover\:opacity-80:is(:where(.group):hover *) { opacity: .8 } .group-hover\:opacity-90:is(:where(.group):hover *) { opacity: .9 } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1 } .group-hover\:opacity-100\!:is(:where(.group):hover *) { opacity: 1 !important } .group-hover\:shadow-2xl:is(:where(.group):hover *) { --tw-shadow: var(--shadow-2xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-hover\:shadow-\[inset_0_-6px_10px_\#ffffff3f\]:is(:where(.group):hover *) { --tw-shadow: inset 0 -6px 10px var(--tw-shadow-color, #ffffff3f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-hover\:shadow-lg:is(:where(.group):hover *) { --tw-shadow: var(--shadow-lg); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-hover\:shadow-md:is(:where(.group):hover *) { --tw-shadow: var(--shadow-md); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-hover\:ring-1:is(:where(.group):hover *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-hover\:shadow-primary\/15:is(:where(.group):hover *) { --tw-shadow-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:shadow-primary\/15:is(:where(.group):hover *) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 15%, transparent) var(--tw-shadow-alpha), transparent) } } .group-hover\:ring-primary\/20:is(:where(.group):hover *) { --tw-ring-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .group-hover\:ring-primary\/20:is(:where(.group):hover *) { --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .group-hover\:blur-2xl:is(:where(.group):hover *) { --tw-blur: blur(var(--blur-2xl)); 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, ) } .group-hover\:brightness-0:is(:where(.group):hover *) { --tw-brightness: brightness(0%); 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, ) } .group-hover\:brightness-60:is(:where(.group):hover *) { --tw-brightness: brightness(60%); 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, ) } .group-hover\:brightness-105:is(:where(.group):hover *) { --tw-brightness: brightness(105%); 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, ) } .group-hover\:brightness-110:is(:where(.group):hover *) { --tw-brightness: brightness(110%); 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, ) } .group-hover\:grayscale-50:is(:where(.group):hover *) { --tw-grayscale: grayscale(50%); 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, ) } .group-hover\:invert:is(:where(.group):hover *) { --tw-invert: invert(100%); 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, ) } .group-hover\:saturate-100:is(:where(.group):hover *) { --tw-saturate: saturate(100%); 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, ) } .group-hover\:\[filter\:brightness\(1\)_invert\(1\)\]:is(:where(.group):hover *) { filter: brightness()invert() } .group-hover\:backdrop-blur-\[2px\]:is(:where(.group):hover *) { --tw-backdrop-blur: blur(2px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .group-hover\:backdrop-blur-none:is(:where(.group):hover *) { --tw-backdrop-blur: ; -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .group-hover\:\[animation-play-state\:paused\]:is(:where(.group):hover *) { animation-play-state: paused } .group-hover\:\[clip-path\:inset\(0_0_0\%_0\)\]:is(:where(.group):hover *) { clip-path: inset(0 0 0%) } .group-hover\/btn\:-translate-x-full:is(:where(.group\/btn):hover *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\/btn\:translate-x-0:is(:where(.group\/btn):hover *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\/btn\:translate-x-1:is(:where(.group\/btn):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\/btn\:translate-x-full:is(:where(.group\/btn):hover *) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\/btn\:-translate-y-full:is(:where(.group\/btn):hover *) { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\/btn\:translate-y-0:is(:where(.group\/btn):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\/btn\:animate-\[marquee-scroll-hover_16s_linear_infinite\]:is(:where(.group\/btn):hover *) { animation: 16s linear infinite marquee-scroll-hover } .group-hover\/btn\:animate-\[moving-border-spin_3s_linear_infinite\]:is(:where(.group\/btn):hover *) { animation: 3s linear infinite moving-border-spin } .group-hover\/btn\:animate-\[trace-draw-back_0\.55s_ease-out_forwards\]:is(:where(.group\/btn):hover *) { animation: .55s ease-out forwards trace-draw-back } .group-hover\/btn\:animate-\[trace-draw_0\.6s_ease-out_forwards\]:is(:where(.group\/btn):hover *) { animation: .6s ease-out forwards trace-draw } .group-hover\/btn\:animate-\[trace-draw_0\.8s_ease-out_forwards\]:is(:where(.group\/btn):hover *) { animation: .8s ease-out forwards trace-draw } .group-hover\/btn\:animate-\[trace-draw_0\.55s_ease-out_forwards\]:is(:where(.group\/btn):hover *) { animation: .55s ease-out forwards trace-draw } .group-hover\/btn\:animate-\[trace-loop_2\.4s_ease-in-out_infinite\]:is(:where(.group\/btn):hover *) { animation: 2.4s ease-in-out infinite trace-loop } .group-hover\/btn\:text-primary:is(:where(.group\/btn):hover *) { color: var(--primary) } .group-hover\/btn\:text-primary-foreground:is(:where(.group\/btn):hover *) { color: var(--primary-foreground) } .group-hover\/btn\:opacity-0:is(:where(.group\/btn):hover *) { opacity: 0 } .group-hover\/btn\:opacity-30:is(:where(.group\/btn):hover *) { opacity: .3 } .group-hover\/btn\:opacity-40:is(:where(.group\/btn):hover *) { opacity: .4 } .group-hover\/btn\:opacity-100:is(:where(.group\/btn):hover *) { opacity: 1 } .group-hover\/canvas-card\:-translate-y-2:is(:where(.group\/canvas-card):hover *) { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\/canvas-card\:-translate-y-4:is(:where(.group\/canvas-card):hover *) { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\/canvas-card\:text-white:is(:where(.group\/canvas-card):hover *) { color: var(--color-white) } .group-hover\/canvas-card\:opacity-0:is(:where(.group\/canvas-card):hover *) { opacity: 0 } .group-hover\/canvas-card\:opacity-100:is(:where(.group\/canvas-card):hover *) { opacity: 1 } .group-hover\/card\:pointer-events-auto:is(:where(.group\/card):hover *) { pointer-events: auto } .group-hover\/card\:block:is(:where(.group\/card):hover *) { display: block } .group-hover\/card\:scale-105:is(:where(.group\/card):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\/card\:scale-110:is(:where(.group\/card):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\/card\:scale-\[1\.02\]:is(:where(.group\/card):hover *) { scale: 1.02 } .group-hover\/card\:rotate-90:is(:where(.group\/card):hover *) { rotate: 90deg } .group-hover\/card\:text-background:is(:where(.group\/card):hover *), .group-hover\/card\:text-background\/80:is(:where(.group\/card):hover *) { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .group-hover\/card\:text-background\/80:is(:where(.group\/card):hover *) { color: color-mix(in oklab, var(--background) 80%, transparent) } } .group-hover\/card\:opacity-10:is(:where(.group\/card):hover *) { opacity: .1 } .group-hover\/card\:opacity-50:is(:where(.group\/card):hover *) { opacity: .5 } .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *) { opacity: 1 } .group-hover\/card\:shadow-xl:is(:where(.group\/card):hover *) { --tw-shadow: var(--shadow-xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-hover\/carousel\:translate-y-0:is(:where(.group\/carousel):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\/carousel\:opacity-100:is(:where(.group\/carousel):hover *) { opacity: 1 } .group-hover\/check\:opacity-40:is(:where(.group\/check):hover *) { opacity: .4 } .group-hover\/collection-item\:pointer-events-auto:is(:where(.group\/collection-item):hover *) { pointer-events: auto } .group-hover\/collection-item\:opacity-100:is(:where(.group\/collection-item):hover *) { opacity: 1 } .group-hover\/cover\:hidden:is(:where(.group\/cover):hover *) { display: none } .group-hover\/cover\:bg-white:is(:where(.group\/cover):hover *) { background-color: var(--color-white) } .group-hover\/cover\:text-white:is(:where(.group\/cover):hover *) { color: var(--color-white) } .group-hover\/cover\:opacity-100:is(:where(.group\/cover):hover *) { opacity: 1 } .group-hover\/feat-link\:scale-105:is(:where(.group\/feat-link):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\/feat-link\:opacity-80:is(:where(.group\/feat-link):hover *) { opacity: .8 } .group-hover\/fold\:scale-y-0:is(:where(.group\/fold):hover *) { --tw-scale-y: 0%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\/fold\:scale-y-100:is(:where(.group\/fold):hover *) { --tw-scale-y: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\/fold\:text-accent-foreground:is(:where(.group\/fold):hover *) { color: var(--accent-foreground) } .group-hover\/fold\:text-primary:is(:where(.group\/fold):hover *) { color: var(--primary) } .group-hover\/fold\:text-primary-foreground:is(:where(.group\/fold):hover *) { color: var(--primary-foreground) } .group-hover\/fold\:text-secondary:is(:where(.group\/fold):hover *) { color: var(--secondary) } .group-hover\/item\:scale-105:is(:where(.group\/item):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\/item\:scale-110:is(:where(.group\/item):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\/item\:underline:is(:where(.group\/item):hover *) { text-decoration-line: underline } .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) { opacity: 1 } .group-hover\/kibo-credit-card\:-rotate-y-180:is(:where(.group\/kibo-credit-card):hover *) { --tw-rotate-y: rotateY(-180deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .group-hover\/kibo-credit-card\:shadow-lg:is(:where(.group\/kibo-credit-card):hover *) { --tw-shadow: var(--shadow-lg); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-hover\/label\:opacity-100:is(:where(.group\/label):hover *) { opacity: 1 } .group-hover\/link\:translate-x-1:is(:where(.group\/link):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\/link\:scale-115:is(:where(.group\/link):hover *) { --tw-scale-x: 115%; --tw-scale-y: 115%; --tw-scale-z: 115%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\/link\:rotate-6:is(:where(.group\/link):hover *) { rotate: 6deg } .group-hover\/link\:bg-background:is(:where(.group\/link):hover *) { background-color: var(--background) } .group-hover\/link\:stroke-black:is(:where(.group\/link):hover *) { stroke: var(--color-black) } .group-hover\/link\:stroke-foreground:is(:where(.group\/link):hover *) { stroke: var(--foreground) } .group-hover\/link\:text-foreground:is(:where(.group\/link):hover *) { color: var(--foreground) } .group-hover\/list\:opacity-50:is(:where(.group\/list):hover *) { opacity: .5 } .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) { opacity: 1 } .group-hover\/nav\:text-primary-foreground:is(:where(.group\/nav):hover *) { color: var(--primary-foreground) } .group-hover\/nav\:underline:is(:where(.group\/nav):hover *) { text-decoration-line: underline } .group-hover\/pin\:h-40:is(:where(.group\/pin):hover *) { height: calc(var(--spacing) * 40) } .group-hover\/pin\:border-white\/\[0\.2\]:is(:where(.group\/pin):hover *) { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .group-hover\/pin\:border-white\/\[0\.2\]:is(:where(.group\/pin):hover *) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .group-hover\/pin\:opacity-100:is(:where(.group\/pin):hover *), .group-hover\/product-photos\:opacity-100:is(:where(.group\/product-photos):hover *), .group-hover\/sg\:opacity-100:is(:where(.group\/sg):hover *), .group-hover\/spotlight\:opacity-100:is(:where(.group\/spotlight):hover *) { opacity: 1 } .group-hover\/sublink\:text-foreground:is(:where(.group\/sublink):hover *) { color: var(--foreground) } .group-hover\/sublink\:invert:is(:where(.group\/sublink):hover *) { --tw-invert: invert(100%); 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, ) } .group-hover\/swatch\:scale-\[1\.03\]:is(:where(.group\/swatch):hover *) { scale: 1.03 } } .group-focus\/context-menu-item\:text-accent-foreground:is(:where(.group\/context-menu-item):focus *), .group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *), .group-focus\/menubar-item\:text-accent-foreground:is(:where(.group\/menubar-item):focus *) { color: var(--accent-foreground) } .group-active\:shadow-\[inset_0_-10px_10px_\#ffffff3f\]:is(:where(.group):active *) { --tw-shadow: inset 0 -10px 10px var(--tw-shadow-color, #ffffff3f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-has-checked\:stroke-primary-foreground:is(:where(.group):has(:checked) *), .group-has-checked\/size\:stroke-primary-foreground:is(:where(.group\/size):has(:checked) *) { stroke: var(--primary-foreground) } .group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *) { opacity: .5 } .group-has-data-\[collapsible\=icon\]\/sidebar-wrapper\:h-12:is(:where(.group\/sidebar-wrapper):has([data-collapsible=icon]) *) { height: calc(var(--spacing) * 12) } .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *) { padding-right: calc(var(--spacing) * 8) } .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *) { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot=combobox-clear]) *), .group-has-data-\[slot\=command-shortcut\]\/command-item\:hidden:is(:where(.group\/command-item):has([data-slot=command-shortcut]) *) { display: none } .group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *) { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-has-data-\[slot\=item-description\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *) { align-self: flex-start } .group-has-data-checked\:fill-primary:is(:where(.group):has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) *) { fill: var(--primary) } .group-has-data-checked\:stroke-primary-foreground:is(:where(.group):has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) *) { stroke: var(--primary-foreground) } .group-has-data-horizontal\/field\:text-balance:is(:where(.group\/field):has(:where([data-orientation=horizontal])) *) { text-wrap: balance } .group-has-\[\[data-state\=checked\]\]\:max-h-20:is(:where(.group):has([data-state=checked]) *) { max-height: calc(var(--spacing) * 20) } .group-has-\[\[data-state\=checked\]\]\:opacity-100:is(:where(.group):has([data-state=checked]) *) { opacity: 1 } .group-has-\[\>input\]\/input-group\:pt-2:is(:where(.group\/input-group):has(>input) *) { padding-top: calc(var(--spacing) * 2) } .group-has-\[\>input\]\/input-group\:pt-3:is(:where(.group\/input-group):has(>input) *) { padding-top: calc(var(--spacing) * 3) } .group-has-\[\>input\]\/input-group\:pb-2:is(:where(.group\/input-group):has(>input) *) { padding-bottom: calc(var(--spacing) * 2) } .group-has-\[\>input\]\/input-group\:pb-3:is(:where(.group\/input-group):has(>input) *) { padding-bottom: calc(var(--spacing) * 3) } .group-has-\[\>svg\]\/alert\:col-start-2:is(:where(.group\/alert):has(>svg) *) { grid-column-start: 2 } .group-aria-expanded\/accordion-trigger\:hidden:is(:where(.group\/accordion-trigger)[aria-expanded=true] *) { display: none } .group-aria-expanded\/accordion-trigger\:inline:is(:where(.group\/accordion-trigger)[aria-expanded=true] *) { display: inline } .group-aria-invalid\:block:is(:where(.group)[aria-invalid=true] *) { display: block } .group-aria-invalid\/radio-group-item\:text-destructive:is(:where(.group\/radio-group-item)[aria-invalid=true] *) { color: var(--destructive) } .group-aria-\[invalid\=false\]\:block:is(:where(.group)[aria-invalid=false] *) { display: block } .group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *) { display: flex } .group-data-popup-open\/navigation-menu-trigger\:rotate-180:is(:where(.group\/navigation-menu-trigger)[data-popup-open] *) { rotate: 180deg } .group-data-\[checked\=true\]\/command-item\:opacity-100:is(:where(.group\/command-item)[data-checked=true] *) { opacity: 1 } .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *) { margin-top: calc(var(--spacing) * -8) } .group-data-\[collapsible\=icon\]\:ml-0:is(:where(.group)[data-collapsible=icon] *) { margin-left: calc(var(--spacing) * 0) } .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *) { display: none } .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important } .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *) { width: var(--sidebar-width-icon) } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4))) } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px) } .group-data-\[collapsible\=icon\]\:flex-col:is(:where(.group)[data-collapsible=icon] *) { flex-direction: column } .group-data-\[collapsible\=icon\]\:justify-center:is(:where(.group)[data-collapsible=icon] *) { justify-content: center } .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *) { overflow: hidden } .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *) { padding: calc(var(--spacing) * 0) !important } .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *) { padding: calc(var(--spacing) * 2) !important } .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *) { opacity: 0 } .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *) { width: calc(var(--spacing) * 0) } .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) { pointer-events: none } .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *), .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *), .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *) { opacity: .5 } .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *) { position: relative } .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *) { z-index: 10 } .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *) { border-color: var(--ring) } .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *) { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent) } } .group-data-\[active\=true\]\:group-data-\[open\=true\]\:ring:is(:where(.group)[data-active=true] *):is(:where(.group)[data-open=true] *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *) { right: calc(var(--spacing) * -4) } .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *) { border-right-style: var(--tw-border-style); border-right-width: 1px } .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *) { left: calc(var(--spacing) * 0) } .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *) { rotate: 180deg } .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *) { border-left-style: var(--tw-border-style); border-left-width: 1px } .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *) { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5) } .group-data-\[size\=default\]\/switch\:size-3\.5:is(:where(.group\/switch)[data-size=default] *) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5) } .group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *) { display: grid } .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *) { grid-template-columns: repeat(2, minmax(0, 1fr)) } .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *) { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2) } .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *) { padding: calc(var(--spacing) * 3) } .group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *) { padding-inline: calc(var(--spacing) * 3) } .group-data-\[size\=sm\]\/card\:px-4:is(:where(.group\/card)[data-size=sm] *) { padding-inline: calc(var(--spacing) * 4) } .group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .group-data-\[size\=sm\]\/item\:size-8:is(:where(.group\/item)[data-size=sm] *) { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .group-data-\[size\=sm\]\/native-select\:size-3:is(:where(.group\/native-select)[data-size=sm] *) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .group-data-\[size\=sm\]\/native-select\:-translate-y-\[calc\(--spacing\(1\.25\)\)\]:is(:where(.group\/native-select)[data-size=sm] *) { --tw-translate-y: calc(calc(calc(var(--spacing) * 1.25)) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .group-data-\[size\=xs\]\/item\:size-6:is(:where(.group\/item)[data-size=xs] *) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .group-data-\[size\=xs\]\/item\:gap-0:is(:where(.group\/item)[data-size=xs] *) { gap: calc(var(--spacing) * 0) } .group-data-\[size\=xs\]\/item\:gap-0\.5:is(:where(.group\/item)[data-size=xs] *) { gap: calc(var(--spacing) * .5) } .group-data-\[size\=xs\]\/item\:rounded-md:is(:where(.group\/item)[data-size=xs] *) { border-radius: calc(var(--radius) - 2px) } .group-data-\[size\=xs\]\/item\:text-xs:is(:where(.group\/item)[data-size=xs] *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .group-data-\[size\=xs\]\/item\:text-xs\/relaxed:is(:where(.group\/item)[data-size=xs] *) { font-size: var(--text-xs); line-height: var(--leading-relaxed) } .group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(:where(.group\/toggle-group)[data-spacing="0"] *) { border-radius: 0 } .group-data-\[spacing\=0\]\/toggle-group\:px-2:is(:where(.group\/toggle-group)[data-spacing="0"] *) { padding-inline: calc(var(--spacing) * 2) } .group-data-\[spacing\=0\]\/toggle-group\:px-3:is(:where(.group\/toggle-group)[data-spacing="0"] *) { padding-inline: calc(var(--spacing) * 3) } .group-data-\[spacing\=0\]\/toggle-group\:shadow-none:is(:where(.group\/toggle-group)[data-spacing="0"] *) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-\[state\=\"open\"\]\:rotate-180:is(:where(.group)[data-state=open] *), .group-data-\[state\=\\\"open\\\"\]\:rotate-180:is(:where(.group)[data-state='"open"'] *) { rotate: 180deg } .group-data-\[state\=active\]\:h-px:is(:where(.group)[data-state=active] *) { height: 1px } .group-data-\[state\=active\]\:w-1\/2:is(:where(.group)[data-state=active] *) { width: 50% } .group-data-\[state\=active\]\:w-full:is(:where(.group)[data-state=active] *) { width: 100% } .group-data-\[state\=active\]\:scale-100:is(:where(.group)[data-state=active] *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-data-\[state\=active\]\:rotate-180:is(:where(.group)[data-state=active] *) { rotate: 180deg } .group-data-\[state\=active\]\:animate-in:is(:where(.group)[data-state=active] *) { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .group-data-\[state\=active\]\:border-2:is(:where(.group)[data-state=active] *) { border-style: var(--tw-border-style); border-width: 2px } .group-data-\[state\=active\]\:border-4:is(:where(.group)[data-state=active] *) { border-style: var(--tw-border-style); border-width: 4px } .group-data-\[state\=active\]\:border-primary:is(:where(.group)[data-state=active] *) { border-color: var(--primary) } .group-data-\[state\=active\]\:border-white:is(:where(.group)[data-state=active] *) { border-color: var(--color-white) } .group-data-\[state\=active\]\:bg-background:is(:where(.group)[data-state=active] *) { background-color: var(--background) } .group-data-\[state\=active\]\:bg-primary:is(:where(.group)[data-state=active] *) { background-color: var(--primary) } .group-data-\[state\=active\]\:bg-primary-foreground:is(:where(.group)[data-state=active] *) { background-color: var(--primary-foreground) } .group-data-\[state\=active\]\:bg-primary\/20:is(:where(.group)[data-state=active] *) { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .group-data-\[state\=active\]\:bg-primary\/20:is(:where(.group)[data-state=active] *) { background-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .group-data-\[state\=active\]\:bg-secondary-foreground:is(:where(.group)[data-state=active] *) { background-color: var(--secondary-foreground) } .group-data-\[state\=active\]\:text-foreground:is(:where(.group)[data-state=active] *) { color: var(--foreground) } .group-data-\[state\=active\]\:text-muted-foreground:is(:where(.group)[data-state=active] *) { color: var(--muted-foreground) } .group-data-\[state\=active\]\:text-primary:is(:where(.group)[data-state=active] *) { color: var(--primary) } .group-data-\[state\=active\]\:text-primary-foreground:is(:where(.group)[data-state=active] *), .group-data-\[state\=active\]\:text-primary-foreground\/90:is(:where(.group)[data-state=active] *) { color: var(--primary-foreground) } @supports (color:color-mix(in lab, red, red)) { .group-data-\[state\=active\]\:text-primary-foreground\/90:is(:where(.group)[data-state=active] *) { color: color-mix(in oklab, var(--primary-foreground) 90%, transparent) } } .group-data-\[state\=active\]\:opacity-100:is(:where(.group)[data-state=active] *) { opacity: 1 } .group-data-\[state\=active\]\:slide-in-from-bottom-10:is(:where(.group)[data-state=active] *) { --tw-enter-translate-y: 10% } .group-data-\[state\=active\]\:slide-in-from-bottom-15:is(:where(.group)[data-state=active] *) { --tw-enter-translate-y: 15% } .group-data-\[state\=active\]\:slide-in-from-bottom-30:is(:where(.group)[data-state=active] *) { --tw-enter-translate-y: 30% } .group-data-\[state\=active\]\:slide-in-from-bottom-60:is(:where(.group)[data-state=active] *) { --tw-enter-translate-y: 60% } .group-data-\[state\=active\]\:slide-in-from-bottom-80:is(:where(.group)[data-state=active] *) { --tw-enter-translate-y: 80% } .group-data-\[state\=active\]\:fade-in:is(:where(.group)[data-state=active] *) { --tw-enter-opacity: 0 } .group-data-\[state\=closed\]\:pointer-events-none:is(:where(.group)[data-state=closed] *) { pointer-events: none } .group-data-\[state\=closed\]\:sr-only:is(:where(.group)[data-state=closed] *) { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden } .group-data-\[state\=closed\]\:block:is(:where(.group)[data-state=closed] *) { display: block } .group-data-\[state\=closed\]\:hidden:is(:where(.group)[data-state=closed] *) { display: none } .group-data-\[state\=closed\]\:rotate-0:is(:where(.group)[data-state=closed] *) { rotate: none } .group-data-\[state\=closed\]\:opacity-0:is(:where(.group)[data-state=closed] *) { opacity: 0 } .group-data-\[state\=delayed-open\]\:rotate-45:is(:where(.group)[data-state=delayed-open] *) { rotate: 45deg } .group-data-\[state\=inactive\]\:scale-160:is(:where(.group)[data-state=inactive] *) { --tw-scale-x: 160%; --tw-scale-y: 160%; --tw-scale-z: 160%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-data-\[state\=inactive\]\:opacity-0:is(:where(.group)[data-state=inactive] *) { opacity: 0 } .group-data-\[state\=instant-open\]\:rotate-45:is(:where(.group)[data-state=instant-open] *) { rotate: 45deg } .group-data-\[state\=open\]\:block:is(:where(.group)[data-state=open] *) { display: block } .group-data-\[state\=open\]\:hidden:is(:where(.group)[data-state=open] *) { display: none } .group-data-\[state\=open\]\:-rotate-45:is(:where(.group)[data-state=open] *) { rotate: -45deg } .group-data-\[state\=open\]\:-rotate-180:is(:where(.group)[data-state=open] *) { rotate: -180deg } .group-data-\[state\=open\]\:rotate-90:is(:where(.group)[data-state=open] *) { rotate: 90deg } .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) { rotate: 180deg } .group-data-\[state\=open\]\:border-primary\/40:is(:where(.group)[data-state=open] *) { border-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .group-data-\[state\=open\]\:border-primary\/40:is(:where(.group)[data-state=open] *) { border-color: color-mix(in oklab, var(--primary) 40%, transparent) } } .group-data-\[state\=open\]\:stroke-foreground:is(:where(.group)[data-state=open] *) { stroke: var(--foreground) } .group-data-\[state\=open\]\:opacity-0:is(:where(.group)[data-state=open] *) { opacity: 0 } .group-data-\[state\=open\]\:opacity-100:is(:where(.group)[data-state=open] *) { opacity: 1 } .group-data-\[state\=open\]\/collapsible\:rotate-90:is(:where(.group\/collapsible)[data-state=open] *), .group-data-\[state\=open\]\/label\:rotate-90:is(:where(.group\/label)[data-state=open] *) { rotate: 90deg } .group-data-\[state\=open\]\/trigger\:opacity-0:is(:where(.group\/trigger)[data-state=open] *) { opacity: 0 } .group-data-\[state\=open\]\/trigger\:opacity-100:is(:where(.group\/trigger)[data-state=open] *) { opacity: 1 } .group-data-\[state\=true\]\:bg-primary:is(:where(.group)[data-state=true] *) { background-color: var(--primary) } .group-data-\[state\=true\]\:fill-rose-600:is(:where(.group)[data-state=true] *) { fill: var(--color-rose-600) } .group-data-\[state\=true\]\:stroke-rose-600:is(:where(.group)[data-state=true] *) { stroke: var(--color-rose-600) } .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *) { border-radius: var(--radius) } .group-data-\[variant\=floating\]\:rounded-none:is(:where(.group)[data-variant=floating] *) { border-radius: 0 } .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *) { --tw-shadow: var(--shadow-sm); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-\[variant\=floating\]\:ring-1:is(:where(.group)[data-variant=floating] *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-\[variant\=floating\]\:ring-sidebar-border:is(:where(.group)[data-variant=floating] *) { --tw-ring-color: var(--sidebar-border) } .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *) { background-color: #0000 } .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *) { margin-bottom: calc(var(--spacing) * -2) } .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) { display: block } .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *), .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *) { text-align: center } .group-data-\[view\=preview\]\/block-view-wrapper\:hidden:is(:where(.group\/block-view-wrapper)[data-view=preview] *) { display: none } .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) { top: 100% } .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *) { margin-top: calc(var(--spacing) * 1.5) } .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *) { overflow: hidden } .group-data-\[viewport\=false\]\/navigation-menu\:rounded-2xl:is(:where(.group\/navigation-menu)[data-viewport=false] *) { border-radius: var(--radius-2xl) } .group-data-\[viewport\=false\]\/navigation-menu\:rounded-lg:is(:where(.group\/navigation-menu)[data-viewport=false] *) { border-radius: var(--radius) } .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) { border-radius: calc(var(--radius) - 2px) } .group-data-\[viewport\=false\]\/navigation-menu\:rounded-none:is(:where(.group\/navigation-menu)[data-viewport=false] *) { border-radius: 0 } .group-data-\[viewport\=false\]\/navigation-menu\:rounded-xl:is(:where(.group\/navigation-menu)[data-viewport=false] *) { border-radius: calc(var(--radius) + 4px) } .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *) { background-color: var(--popover) } .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *) { color: var(--popover-foreground) } .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *) { --tw-shadow: var(--shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-\[viewport\=false\]\/navigation-menu\:shadow-2xl:is(:where(.group\/navigation-menu)[data-viewport=false] *) { --tw-shadow: var(--shadow-2xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-\[viewport\=false\]\/navigation-menu\:shadow-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) { --tw-shadow: var(--shadow-md); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-\[viewport\=false\]\/navigation-menu\:ring-1:is(:where(.group\/navigation-menu)[data-viewport=false] *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/5:is(:where(.group\/navigation-menu)[data-viewport=false] *) { --tw-ring-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/5:is(:where(.group\/navigation-menu)[data-viewport=false] *) { --tw-ring-color: color-mix(in oklab, var(--foreground) 5%, transparent) } } .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10:is(:where(.group\/navigation-menu)[data-viewport=false] *) { --tw-ring-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10:is(:where(.group\/navigation-menu)[data-viewport=false] *) { --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent) } } .group-data-\[viewport\=false\]\/navigation-menu\:duration-300:is(:where(.group\/navigation-menu)[data-viewport=false] *) { --tw-duration: .3s; transition-duration: .3s } .group-nth-\[3n\]\:rounded-full:is(:where(.group):nth-child(3n) *) { border-radius: 3.40282e38px } .group-nth-\[3n\+1\]\:rounded-t-full:is(:where(.group):nth-child(3n+1) *) { border-top-left-radius: 3.40282e38px; border-top-right-radius: 3.40282e38px } .group-nth-\[3n\+2\]\:rounded-none:is(:where(.group):nth-child(3n+2) *) { border-radius: 0 } .group-data-open\:block:is(:is(:where(.group):where([data-state=open]), :where(.group):where([data-open]:not([data-open=false]))) *) { display: block } .group-data-open\:rotate-180:is(:is(:where(.group):where([data-state=open]), :where(.group):where([data-open]:not([data-open=false]))) *) { rotate: 180deg } .group-data-open\:bg-primary:is(:is(:where(.group):where([data-state=open]), :where(.group):where([data-open]:not([data-open=false]))) *) { background-color: var(--primary) } .group-data-open\:text-primary-foreground:is(:is(:where(.group):where([data-state=open]), :where(.group):where([data-open]:not([data-open=false]))) *) { color: var(--primary-foreground) } .group-data-open\/navigation-menu-trigger\:rotate-180:is(:is(:where(.group\/navigation-menu-trigger):where([data-state=open]), :where(.group\/navigation-menu-trigger):where([data-open]:not([data-open=false]))) *) { rotate: 180deg } .group-data-selected\/command-item\:text-foreground:is(:where(.group\/command-item):where([data-selected=true]) *) { color: var(--foreground) } .group-data-active\:border-primary:is(:is(:where(.group):where([data-state=active]), :where(.group):where([data-active]:not([data-active=false]))) *) { border-color: var(--primary) } .group-data-active\:bg-primary:is(:is(:where(.group):where([data-state=active]), :where(.group):where([data-active]:not([data-active=false]))) *) { background-color: var(--primary) } .group-data-active\:underline:is(:is(:where(.group):where([data-state=active]), :where(.group):where([data-active]:not([data-active=false]))) *) { text-decoration-line: underline } .group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation=horizontal]) *) { height: calc(var(--spacing) * 8) } .group-data-horizontal\/tabs\:h-9:is(:where(.group\/tabs):where([data-orientation=horizontal]) *) { height: calc(var(--spacing) * 9) } .group-data-horizontal\/tabs\:h-auto:is(:where(.group\/tabs):where([data-orientation=horizontal]) *) { height: auto } .group-data-horizontal\/tabs\:h-full:is(:where(.group\/tabs):where([data-orientation=horizontal]) *) { height: 100% } .group-data-vertical\/tabs\:h-auto:is(:where(.group\/tabs):where([data-orientation=vertical]) *) { height: auto } .group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation=vertical]) *) { height: fit-content } .group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation=vertical]) *) { width: 100% } .group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation=vertical]) *) { flex-direction: column } .group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation=vertical]) *) { justify-content: flex-start } .group-data-vertical\/tabs\:rounded-2xl:is(:where(.group\/tabs):where([data-orientation=vertical]) *) { border-radius: var(--radius-2xl) } .group-data-vertical\/tabs\:px-2\.5:is(:where(.group\/tabs):where([data-orientation=vertical]) *) { padding-inline: calc(var(--spacing) * 2.5) } .group-data-vertical\/tabs\:py-1\.5:is(:where(.group\/tabs):where([data-orientation=vertical]) *) { padding-block: calc(var(--spacing) * 1.5) } .group-data-vertical\/tabs\:py-\[calc\(--spacing\(1\.25\)\)\]:is(:where(.group\/tabs):where([data-orientation=vertical]) *) { padding-block: calc(calc(var(--spacing) * 1.25)) } .group-\[\.announcement-themed\]\:bg-background\/60:is(:where(.group).announcement-themed *) { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .group-\[\.announcement-themed\]\:bg-background\/60:is(:where(.group).announcement-themed *) { background-color: color-mix(in oklab, var(--background) 60%, transparent) } } .group-\[\.degraded\]\:block:is(:where(.group).degraded *) { display: block } .group-\[\.degraded\]\:bg-amber-500:is(:where(.group).degraded *) { background-color: var(--color-amber-500) } .group-\[\.maintenance\]\:block:is(:where(.group).maintenance *) { display: block } .group-\[\.maintenance\]\:bg-blue-500:is(:where(.group).maintenance *) { background-color: var(--color-blue-500) } .group-\[\.offline\]\:block:is(:where(.group).offline *) { display: block } .group-\[\.offline\]\:bg-red-500:is(:where(.group).offline *) { background-color: var(--color-red-500) } .group-\[\.online\]\:block:is(:where(.group).online *) { display: block } .group-\[\.online\]\:bg-emerald-500:is(:where(.group).online *) { background-color: var(--color-emerald-500) } .peer-placeholder-shown\:top-3:is(:where(.peer):placeholder-shown~*) { top: calc(var(--spacing) * 3) } @media(hover:hover) { .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*) { color: var(--sidebar-accent-foreground) } } .peer-focus\:top-2:is(:where(.peer):focus~*) { top: calc(var(--spacing) * 2) } .peer-focus\:text-xs:is(:where(.peer):focus~*) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) { cursor: not-allowed } .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) { opacity: .5 } .peer-disabled\:opacity-70:is(:where(.peer):disabled~*) { opacity: .7 } .peer-has-data-\[state\=checked\]\:bg-primary:is(:where(.peer):has([data-state=checked])~*) { background-color: var(--primary) } .peer-has-data-\[state\=checked\]\:text-primary-foreground:is(:where(.peer):has([data-state=checked])~*) { color: var(--primary-foreground) } .peer-has-data-\[state\=checked\]\:underline:is(:where(.peer):has([data-state=checked])~*) { text-decoration-line: underline } .peer-has-data-\[state\=checked\]\:opacity-100:is(:where(.peer):has([data-state=checked])~*) { opacity: 1 } .peer-has-data-\[state\=checked\]\:ring-2:is(:where(.peer):has([data-state=checked])~*) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*) { top: calc(var(--spacing) * 1.5) } .peer-data-\[size\=default\]\/menu-button\:top-2:is(:where(.peer\/menu-button)[data-size=default]~*) { top: calc(var(--spacing) * 2) } .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*) { top: calc(var(--spacing) * 2.5) } .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*) { top: calc(var(--spacing) * 1) } .peer-data-\[state\=active\]\:font-semibold:is(:where(.peer)[data-state=active]~*) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .peer-data-\[state\=active\]\:text-foreground:is(:where(.peer)[data-state=active]~*) { color: var(--foreground) } .peer-data-\[state\=checked\]\:invisible:is(:where(.peer)[data-state=checked]~*) { visibility: hidden } .peer-data-\[state\=checked\]\:-translate-x-full:is(:where(.peer)[data-state=checked]~*) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .peer-data-\[state\=checked\]\:text-primary:is(:where(.peer)[data-state=checked]~*) { color: var(--primary) } .peer-data-\[state\=checked\]\:text-primary-foreground:is(:where(.peer)[data-state=checked]~*) { color: var(--primary-foreground) } .peer-data-\[state\=checked\]\:ring:is(:where(.peer)[data-state=checked]~*) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .peer-data-\[state\=unchecked\]\:invisible:is(:where(.peer)[data-state=unchecked]~*) { visibility: hidden } .peer-data-\[state\=unchecked\]\:translate-x-full:is(:where(.peer)[data-state=unchecked]~*) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .peer-data-active\/menu-button\:text-sidebar-accent-foreground:is(:is(:where(.peer\/menu-button):where([data-state=active]), :where(.peer\/menu-button):where([data-active]:not([data-active=false])))~*) { color: var(--sidebar-accent-foreground) } .first-letter\:float-left:first-letter { float: left } .first-letter\:mt-1:first-letter { margin-top: calc(var(--spacing) * 1) } .first-letter\:mr-3:first-letter { margin-right: calc(var(--spacing) * 3) } .first-letter\:font-serif:first-letter { font-family: var(--font-serif) } .first-letter\:text-6xl:first-letter { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)) } .first-letter\:leading-none:first-letter { --tw-leading: 1; line-height: 1 } .first-letter\:font-bold:first-letter { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } .selection\:bg-primary ::selection { background-color: var(--primary) } .selection\:bg-primary::selection { background-color: var(--primary) } .selection\:text-primary-foreground ::selection { color: var(--primary-foreground) } .selection\:text-primary-foreground::selection { color: var(--primary-foreground) } .file\:inline-flex::file-selector-button { display: inline-flex } .file\:h-6::file-selector-button { height: calc(var(--spacing) * 6) } .file\:h-7::file-selector-button { height: calc(var(--spacing) * 7) } .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0 } .file\:bg-transparent::file-selector-button { background-color: #0000 } .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .file\:text-xs::file-selector-button { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .file\:text-xs\/relaxed::file-selector-button { font-size: var(--text-xs); line-height: var(--leading-relaxed) } .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } .file\:text-foreground::file-selector-button { color: var(--foreground) } .placeholder\:text-black\/60::placeholder { color: #0009 } @supports (color:color-mix(in lab, red, red)) { .placeholder\:text-black\/60::placeholder { color: color-mix(in oklab, var(--color-black) 60%, transparent) } } .placeholder\:text-foreground\/20::placeholder { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .placeholder\:text-foreground\/20::placeholder { color: color-mix(in oklab, var(--foreground) 20%, transparent) } } .placeholder\:text-gray-400::placeholder { color: var(--color-gray-400) } .placeholder\:text-muted-foreground::placeholder, .placeholder\:text-muted-foreground\/60::placeholder { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .placeholder\:text-muted-foreground\/60::placeholder { color: color-mix(in oklab, var(--muted-foreground) 60%, transparent) } } .placeholder\:uppercase::placeholder { text-transform: uppercase } .before\:pointer-events-none:before { content: var(--tw-content); pointer-events: none } .before\:absolute:before { content: var(--tw-content); position: absolute } .before\:\[inset\:0_auto_auto_50\%\]:before { content: var(--tw-content); inset: 0 auto auto 50% } .before\:inset-0:before { content: var(--tw-content); inset: calc(var(--spacing) * 0) } .before\:inset-2:before { content: var(--tw-content); inset: calc(var(--spacing) * 2) } .before\:inset-\[0_auto_auto_50\%\]:before { content: var(--tw-content); inset: 0 auto auto 50% } .before\:inset-x-0:before { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0) } .before\:inset-y-0:before { content: var(--tw-content); inset-block: calc(var(--spacing) * 0) } .before\:inset-y-1\/2:before { content: var(--tw-content); inset-block: 50% } .before\:-start-px:before { content: var(--tw-content); inset-inline-start: -1px } .before\:start-0:before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0) } .before\:end-0:before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0) } .before\:-top-\[88\%\]:before { content: var(--tw-content); top: -88% } .before\:-top-px:before { content: var(--tw-content); top: -1px } .before\:top-0:before { content: var(--tw-content); top: calc(var(--spacing) * 0) } .before\:top-1\/2:before { content: var(--tw-content); top: 50% } .before\:top-full:before { content: var(--tw-content); top: 100% } .before\:-right-2:before { content: var(--tw-content); right: calc(var(--spacing) * -2) } .before\:right-0:before { content: var(--tw-content); right: calc(var(--spacing) * 0) } .before\:right-1:before { content: var(--tw-content); right: calc(var(--spacing) * 1) } .before\:-bottom-2:before { content: var(--tw-content); bottom: calc(var(--spacing) * -2) } .before\:-bottom-px:before { content: var(--tw-content); bottom: -1px } .before\:bottom-0:before { content: var(--tw-content); bottom: calc(var(--spacing) * 0) } .before\:bottom-1:before { content: var(--tw-content); bottom: calc(var(--spacing) * 1) } .before\:bottom-\[-20\%\]:before { content: var(--tw-content); bottom: -20% } .before\:bottom-full:before { content: var(--tw-content); bottom: 100% } .before\:-left-2\.5:before { content: var(--tw-content); left: calc(var(--spacing) * -2.5) } .before\:-left-3:before { content: var(--tw-content); left: calc(var(--spacing) * -3) } .before\:-left-4:before { content: var(--tw-content); left: calc(var(--spacing) * -4) } .before\:left-0:before { content: var(--tw-content); left: calc(var(--spacing) * 0) } .before\:left-1\/2:before { content: var(--tw-content); left: 50% } .before\:-z-10:before { content: var(--tw-content); z-index: -10 } .before\:z-0:before { content: var(--tw-content); z-index: 0 } .before\:z-5:before { content: var(--tw-content); z-index: 5 } .before\:z-10:before { content: var(--tw-content); z-index: 10 } .before\:z-20:before { content: var(--tw-content); z-index: 20 } .before\:z-\[-1\]:before { content: var(--tw-content); z-index: -1 } .before\:float-left:before { content: var(--tw-content); float: left } .before\:block:before { content: var(--tw-content); display: block } .before\:hidden:before { content: var(--tw-content); display: none } .before\:aspect-square:before { content: var(--tw-content); aspect-ratio: 1 } .before\:size-7:before { content: var(--tw-content); width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } .before\:size-full:before { content: var(--tw-content); width: 100%; height: 100% } .before\:h-0:before { content: var(--tw-content); height: calc(var(--spacing) * 0) } .before\:h-0\.5:before { content: var(--tw-content); height: calc(var(--spacing) * .5) } .before\:h-1\/5:before { content: var(--tw-content); height: 20% } .before\:h-2\/3:before { content: var(--tw-content); height: 66.6667% } .before\:h-4:before { content: var(--tw-content); height: calc(var(--spacing) * 4) } .before\:h-6\.5:before { content: var(--tw-content); height: calc(var(--spacing) * 6.5) } .before\:h-16:before { content: var(--tw-content); height: calc(var(--spacing) * 16) } .before\:h-70:before { content: var(--tw-content); height: calc(var(--spacing) * 70) } .before\:h-\[15rem\]:before { content: var(--tw-content); height: 15rem } .before\:h-\[85\%\]:before { content: var(--tw-content); height: 85% } .before\:h-\[200\%\]:before { content: var(--tw-content); height: 200% } .before\:h-\[calc\(50\%-var\(--selected-item-height\)\/2\)\]:before { content: var(--tw-content); height: calc(50% - var(--selected-item-height) / 2) } .before\:h-full:before { content: var(--tw-content); height: 100% } .before\:h-px:before { content: var(--tw-content); height: 1px } .before\:w-0\.5:before { content: var(--tw-content); width: calc(var(--spacing) * .5) } .before\:w-3\/5:before { content: var(--tw-content); width: 60% } .before\:w-7\.5:before { content: var(--tw-content); width: calc(var(--spacing) * 7.5) } .before\:w-10:before { content: var(--tw-content); width: calc(var(--spacing) * 10) } .before\:w-14:before { content: var(--tw-content); width: calc(var(--spacing) * 14) } .before\:w-16:before { content: var(--tw-content); width: calc(var(--spacing) * 16) } .before\:w-36:before { content: var(--tw-content); width: calc(var(--spacing) * 36) } .before\:w-\[0\.5px\]:before { content: var(--tw-content); width: .5px } .before\:w-\[6\.25rem\]:before { content: var(--tw-content); width: 6.25rem } .before\:w-\[20\%\]:before { content: var(--tw-content); width: 20% } .before\:w-\[30\%\]:before { content: var(--tw-content); width: 30% } .before\:w-\[85\%\]:before { content: var(--tw-content); width: 85% } .before\:w-\[200\%\]:before { content: var(--tw-content); width: 200% } .before\:w-full:before { content: var(--tw-content); width: 100% } .before\:w-px:before { content: var(--tw-content); width: 1px } .before\:origin-\[50\%_0\%\]:before { content: var(--tw-content); transform-origin: 50% 0 } .before\:-translate-1\/2:before { content: var(--tw-content); --tw-translate-x: -50%; --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .before\:-translate-x-1\/2:before { content: var(--tw-content); --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .before\:translate-x-\[17px\]:before { content: var(--tw-content); --tw-translate-x: 17px; translate: var(--tw-translate-x) var(--tw-translate-y) } .before\:-translate-y-1\/2:before { content: var(--tw-content); --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .before\:-translate-y-full:before { content: var(--tw-content); --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .before\:\[translate\:-50\%_-15\%\]:before { content: var(--tw-content); translate: -50% -15% } .before\:scale-280:before { content: var(--tw-content); --tw-scale-x: 280%; --tw-scale-y: 280%; --tw-scale-z: 280%; scale: var(--tw-scale-x) var(--tw-scale-y) } .before\:-rotate-90:before { content: var(--tw-content); rotate: -90deg } .before\:rotate-\[-15deg\]:before { content: var(--tw-content); rotate: -15deg } .before\:rotate-\[-90deg\]:before { content: var(--tw-content); rotate: -90deg } .before\:\[transform\:rotateX\(-90deg\)\]:before { content: var(--tw-content); transform: rotateX(-90deg) } .before\:\[transform\:translateY\(0\)\]:before { content: var(--tw-content); transform: translateY(0) } .before\:animate-\[spin_5s_ease-in-out_infinite\]:before { content: var(--tw-content); animation: 5s ease-in-out infinite spin } .before\:animate-light-to-right-top:before { content: var(--tw-content); animation: 4s linear infinite light-to-right } .before\:animate-ping:before { content: var(--tw-content); animation: var(--animate-ping) } .before\:animate-rainbow:before { content: var(--tw-content); animation: rainbow var(--speed, 2s) infinite linear } .before\:animate-rotate-btn:before { content: var(--tw-content); animation: 3s linear infinite both rotate-btn } .before\:content-center:before { content: var(--tw-content); align-content: center } .before\:rounded-4xl:before { content: var(--tw-content); border-radius: var(--radius-4xl) } .before\:rounded-full:before { content: var(--tw-content); border-radius: 3.40282e38px } .before\:rounded-lg:before { content: var(--tw-content); border-radius: var(--radius) } .before\:rounded-xl:before { content: var(--tw-content); border-radius: calc(var(--radius) + 4px) } .before\:border:before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px } .before\:border-2:before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 2px } .before\:border-4:before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 4px } .before\:border-background:before { content: var(--tw-content); border-color: var(--background) } .before\:border-black:before { content: var(--tw-content); border-color: var(--color-black) } .before\:border-border:before { content: var(--tw-content); border-color: var(--border) } .before\:border-transparent:before { content: var(--tw-content); border-color: #0000 } .before\:border-white:before { content: var(--tw-content); border-color: var(--color-white) } .before\:border-b-rose-600:before { content: var(--tw-content); border-bottom-color: var(--color-rose-600) } .before\:bg-background:before, .before\:bg-background\/85:before { content: var(--tw-content); background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .before\:bg-background\/85:before { background-color: color-mix(in oklab, var(--background) 85%, transparent) } } .before\:bg-black\/15:before { content: var(--tw-content); background-color: #00000026 } @supports (color:color-mix(in lab, red, red)) { .before\:bg-black\/15:before { background-color: color-mix(in oklab, var(--color-black) 15%, transparent) } } .before\:bg-black\/20:before { content: var(--tw-content); background-color: #0003 } @supports (color:color-mix(in lab, red, red)) { .before\:bg-black\/20:before { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) } } .before\:bg-black\/25:before { content: var(--tw-content); background-color: #00000040 } @supports (color:color-mix(in lab, red, red)) { .before\:bg-black\/25:before { background-color: color-mix(in oklab, var(--color-black) 25%, transparent) } } .before\:bg-black\/30:before { content: var(--tw-content); background-color: #0000004d } @supports (color:color-mix(in lab, red, red)) { .before\:bg-black\/30:before { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) } } .before\:bg-black\/40:before { content: var(--tw-content); background-color: #0006 } @supports (color:color-mix(in lab, red, red)) { .before\:bg-black\/40:before { background-color: color-mix(in oklab, var(--color-black) 40%, transparent) } } .before\:bg-black\/50:before { content: var(--tw-content); background-color: #00000080 } @supports (color:color-mix(in lab, red, red)) { .before\:bg-black\/50:before { background-color: color-mix(in oklab, var(--color-black) 50%, transparent) } } .before\:bg-border:before, .before\:bg-border\/60:before { content: var(--tw-content); background-color: var(--border) } @supports (color:color-mix(in lab, red, red)) { .before\:bg-border\/60:before { background-color: color-mix(in oklab, var(--border) 60%, transparent) } } .before\:bg-foreground\/50:before { content: var(--tw-content); background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .before\:bg-foreground\/50:before { background-color: color-mix(in oklab, var(--foreground) 50%, transparent) } } .before\:bg-muted:before { content: var(--tw-content); background-color: var(--muted) } .before\:bg-muted-foreground:before, .before\:bg-muted-foreground\/15:before { content: var(--tw-content); background-color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .before\:bg-muted-foreground\/15:before { background-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent) } } .before\:bg-primary:before, .before\:bg-primary\/10:before { content: var(--tw-content); background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .before\:bg-primary\/10:before { background-color: color-mix(in oklab, var(--primary) 10%, transparent) } } .before\:bg-primary\/20:before { content: var(--tw-content); background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .before\:bg-primary\/20:before { background-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .before\:bg-primary\/40:before { content: var(--tw-content); background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .before\:bg-primary\/40:before { background-color: color-mix(in oklab, var(--primary) 40%, transparent) } } .before\:bg-primary\/45:before { content: var(--tw-content); background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .before\:bg-primary\/45:before { background-color: color-mix(in oklab, var(--primary) 45%, transparent) } } .before\:bg-primary\/50:before { content: var(--tw-content); background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .before\:bg-primary\/50:before { background-color: color-mix(in oklab, var(--primary) 50%, transparent) } } .before\:bg-primary\/60:before { content: var(--tw-content); background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .before\:bg-primary\/60:before { background-color: color-mix(in oklab, var(--primary) 60%, transparent) } } .before\:bg-rose-200:before { content: var(--tw-content); background-color: var(--color-rose-200) } .before\:bg-transparent:before { content: var(--tw-content); background-color: #0000 } .before\:bg-white\/10:before { content: var(--tw-content); background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .before\:bg-white\/10:before { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .before\:bg-white\/20:before { content: var(--tw-content); background-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .before\:bg-white\/20:before { background-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .before\:bg-linear-to-b:before { content: var(--tw-content); --tw-gradient-position: to bottom } @supports (background-image:linear-gradient(in lab, red, red)) { .before\:bg-linear-to-b:before { --tw-gradient-position: to bottom in oklab } } .before\:bg-linear-to-b:before { background-image: linear-gradient(var(--tw-gradient-stops)) } .before\:bg-linear-to-l:before { content: var(--tw-content); --tw-gradient-position: to left } @supports (background-image:linear-gradient(in lab, red, red)) { .before\:bg-linear-to-l:before { --tw-gradient-position: to left in oklab } } .before\:bg-linear-to-l:before { background-image: linear-gradient(var(--tw-gradient-stops)) } .before\:bg-linear-to-r:before { content: var(--tw-content); --tw-gradient-position: to right } @supports (background-image:linear-gradient(in lab, red, red)) { .before\:bg-linear-to-r:before { --tw-gradient-position: to right in oklab } } .before\:bg-linear-to-r:before { background-image: linear-gradient(var(--tw-gradient-stops)) } .before\:bg-linear-to-t:before { content: var(--tw-content); --tw-gradient-position: to top } @supports (background-image:linear-gradient(in lab, red, red)) { .before\:bg-linear-to-t:before { --tw-gradient-position: to top in oklab } } .before\:bg-linear-to-t:before { background-image: linear-gradient(var(--tw-gradient-stops)) } .before\:bg-linear-to-tl:before { content: var(--tw-content); --tw-gradient-position: to top left } @supports (background-image:linear-gradient(in lab, red, red)) { .before\:bg-linear-to-tl:before { --tw-gradient-position: to top left in oklab } } .before\:bg-linear-to-tl:before { background-image: linear-gradient(var(--tw-gradient-stops)) } .before\:bg-linear-to-tr:before { content: var(--tw-content); --tw-gradient-position: to top right } @supports (background-image:linear-gradient(in lab, red, red)) { .before\:bg-linear-to-tr:before { --tw-gradient-position: to top right in oklab } } .before\:bg-linear-to-tr:before { background-image: linear-gradient(var(--tw-gradient-stops)) } .before\:bg-gradient-to-b:before { content: var(--tw-content); --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .before\:bg-gradient-to-br:before { content: var(--tw-content); --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .before\:bg-gradient-to-r:before { content: var(--tw-content); --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .before\:bg-gradient-to-t:before { content: var(--tw-content); --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .before\:\[background-image\:inherit\]:before { content: var(--tw-content); background-image: inherit } .before\:bg-\[conic-gradient\(from_0deg\,transparent_0_340deg\,hsl\(var\(--muted\)\)_360deg\)\]:before { content: var(--tw-content); background-image: conic-gradient(from 0deg, transparent 0 340deg, hsl(var(--muted)) 360deg) } .before\:bg-\[conic-gradient\(from_0deg\,transparent_0_340deg\,var\(--color-muted\)_360deg\)\]:before { content: var(--tw-content); background-image: conic-gradient(from 0deg, transparent 0 340deg, var(--color-muted) 360deg) } .before\:bg-\[linear-gradient\(90deg\,var\(--color-1\)\,var\(--color-5\)\,var\(--color-3\)\,var\(--color-4\)\,var\(--color-2\)\)\]:before { content: var(--tw-content); background-image: linear-gradient(90deg, var(--color-1), var(--color-5), var(--color-3), var(--color-4), var(--color-2)) } .before\:bg-\[radial-gradient\(75\%_100\%_at_50\%_0\%\,var\(--color-transparent\)_0\%\,var\(--color-primary-foreground\)_75\%\)\]:before { content: var(--tw-content); background-image: radial-gradient(75% 100% at 50% 0%, var(--color-transparent) 0%, var(--color-primary-foreground) 75%) } .before\:bg-\[radial-gradient\(80\%_50\%_at_50\%_-20\%\,var\(--color-muted-foreground\)\,var\(--color-transparent\)\)\]:before { content: var(--tw-content); background-image: radial-gradient(80% 50% at 50% -20%, var(--color-muted-foreground), var(--color-transparent)) } .before\:bg-\[radial-gradient\(circle_at_100\%_-100\%\,transparent_40\%\,rgba\(0\,0\,0\,\.75\)_85\%\)\]:before { content: var(--tw-content); background-image: radial-gradient(circle at 100% -100%, #0000 40%, #000000bf 85%) } .before\:bg-\[radial-gradient\(circle_at_center\,rgba\(10\,10\,10\,\.3\)_15\%\,rgba\(10\,10\,10\,1\)_45\%\)\]:before { content: var(--tw-content); background-image: radial-gradient(circle, #0a0a0a4d 15%, #0a0a0a 45%) } .before\:bg-\[radial-gradient\(var\(--color-violet-100\)_15\%\,var\(--color-transparent\)_20\%\,var\(--color-yellow-50\)_30\%\,var\(--color-transparent\)_50\%\,var\(--color-cyan-50\)_60\%\)\]:before { content: var(--tw-content); background-image: radial-gradient(var(--color-violet-100) 15%, var(--color-transparent) 20%, var(--color-yellow-50) 30%, var(--color-transparent) 50%, var(--color-cyan-50) 60%) } .before\:from-background:before { content: var(--tw-content); --tw-gradient-from: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-black\/6:before { content: var(--tw-content); --tw-gradient-from: #0000000f } @supports (color:color-mix(in lab, red, red)) { .before\:from-black\/6:before { --tw-gradient-from: color-mix(in oklab, var(--color-black) 6%, transparent) } } .before\:from-black\/6:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-black\/15:before { content: var(--tw-content); --tw-gradient-from: #00000026 } @supports (color:color-mix(in lab, red, red)) { .before\:from-black\/15:before { --tw-gradient-from: color-mix(in oklab, var(--color-black) 15%, transparent) } } .before\:from-black\/15:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-black\/30:before { content: var(--tw-content); --tw-gradient-from: #0000004d } @supports (color:color-mix(in lab, red, red)) { .before\:from-black\/30:before { --tw-gradient-from: color-mix(in oklab, var(--color-black) 30%, transparent) } } .before\:from-black\/30:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-black\/50:before { content: var(--tw-content); --tw-gradient-from: #00000080 } @supports (color:color-mix(in lab, red, red)) { .before\:from-black\/50:before { --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, transparent) } } .before\:from-black\/50:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-black\/60:before { content: var(--tw-content); --tw-gradient-from: #0009 } @supports (color:color-mix(in lab, red, red)) { .before\:from-black\/60:before { --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent) } } .before\:from-black\/60:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-foreground\/10:before { content: var(--tw-content); --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .before\:from-foreground\/10:before { --tw-gradient-from: color-mix(in oklab, var(--foreground) 10%, transparent) } } .before\:from-foreground\/10:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-foreground\/15:before { content: var(--tw-content); --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .before\:from-foreground\/15:before { --tw-gradient-from: color-mix(in oklab, var(--foreground) 15%, transparent) } } .before\:from-foreground\/15:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-muted:before { content: var(--tw-content); --tw-gradient-from: var(--muted); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-primary:before { content: var(--tw-content); --tw-gradient-from: var(--primary); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-primary\/0:before { content: var(--tw-content); --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .before\:from-primary\/0:before { --tw-gradient-from: color-mix(in oklab, var(--primary) 0%, transparent) } } .before\:from-primary\/0:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-stone-950:before { content: var(--tw-content); --tw-gradient-from: var(--color-stone-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-white\/60:before { content: var(--tw-content); --tw-gradient-from: #fff9 } @supports (color:color-mix(in lab, red, red)) { .before\:from-white\/60:before { --tw-gradient-from: color-mix(in oklab, var(--color-white) 60%, transparent) } } .before\:from-white\/60:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:from-white\/80:before { content: var(--tw-content); --tw-gradient-from: #fffc } @supports (color:color-mix(in lab, red, red)) { .before\:from-white\/80:before { --tw-gradient-from: color-mix(in oklab, var(--color-white) 80%, transparent) } } .before\:from-white\/80:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:via-primary\/90:before { content: var(--tw-content); --tw-gradient-via: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .before\:via-primary\/90:before { --tw-gradient-via: color-mix(in oklab, var(--primary) 90%, transparent) } } .before\:via-primary\/90:before { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .before\:to-primary\/0:before { content: var(--tw-content); --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .before\:to-primary\/0:before { --tw-gradient-to: color-mix(in oklab, var(--primary) 0%, transparent) } } .before\:to-primary\/0:before { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:to-transparent:before { content: var(--tw-content); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .before\:\[mask-image\:url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/patterns\/cross-pattern\.svg\'\)\]:before { content: var(--tw-content); -webkit-mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/cross-pattern.svg); mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/cross-pattern.svg) } .before\:\[mask-image\:url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/patterns\/dot-pattern\.svg\'\)\]:before { content: var(--tw-content); -webkit-mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/dot-pattern.svg); mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/dot-pattern.svg) } .before\:\[mask-image\:url\(\'https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/patterns\/waves\.svg\'\)\]:before { content: var(--tw-content); -webkit-mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/waves.svg); mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/waves.svg) } .before\:\[mask-image\:url\(\/images\/ui\/texture\.svg\)\]:before { content: var(--tw-content); -webkit-mask-image: url(/images/ui/texture.svg); mask-image: url(/images/ui/texture.svg) } .before\:\[mask-image\:url\(https\:\/\/deifkwefumgah\.cloudfront\.net\/shadcnblocks\/block\/patterns\/cross-pattern\.svg\)\]:before { content: var(--tw-content); -webkit-mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/cross-pattern.svg); mask-image: url(https://deifkwefumgah.cloudfront.net/shadcnblocks/block/patterns/cross-pattern.svg) } .before\:bg-cover:before { content: var(--tw-content); background-size: cover } .before\:bg-no-repeat:before { content: var(--tw-content); background-repeat: no-repeat } .before\:\[mask-size\:6px_6px\]:before { content: var(--tw-content); -webkit-mask-size: 6px 6px; mask-size: 6px 6px } .before\:\[mask-size\:15px\]:before { content: var(--tw-content); -webkit-mask-size: 15px; mask-size: 15px } .before\:\[mask-size\:32px_32px\]:before { content: var(--tw-content); -webkit-mask-size: 32px 32px; mask-size: 32px 32px } .before\:\[mask-size\:64px_32px\]:before { content: var(--tw-content); -webkit-mask-size: 64px 32px; mask-size: 64px 32px } .before\:\[mask-repeat\:repeat\]:before { content: var(--tw-content); -webkit-mask-repeat: repeat; mask-repeat: repeat } .before\:p-0:before { content: var(--tw-content); padding: calc(var(--spacing) * 0) } .before\:text-center:before { content: var(--tw-content); text-align: center } .before\:text-sm:before { content: var(--tw-content); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .before\:font-medium:before { content: var(--tw-content); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } .before\:text-muted-foreground:before { content: var(--tw-content); color: var(--muted-foreground) } .before\:text-primary-foreground:before { content: var(--tw-content); color: var(--primary-foreground) } .before\:opacity-0:before { content: var(--tw-content); opacity: 0 } .before\:opacity-55:before { content: var(--tw-content); opacity: .55 } .before\:opacity-70:before { content: var(--tw-content); opacity: .7 } .before\:\[filter\:blur\(0\.75rem\)\]:before { content: var(--tw-content); filter: blur(.75rem) } .before\:transition-all:before { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .before\:transition-colors:before { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .before\:transition-opacity:before { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .before\:duration-300:before { content: var(--tw-content); --tw-duration: .3s; transition-duration: .3s } .before\:duration-500:before { content: var(--tw-content); --tw-duration: .5s; transition-duration: .5s } .before\:content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content) } .before\:content-\[\'Shop_The_Look\'\]:before { --tw-content: "Shop The Look"; content: var(--tw-content) } .before\:content-\[\'\|\'\]:before { --tw-content: "|"; content: var(--tw-content) } .before\:content-\[attr\(data-placeholder\)\]:before { --tw-content: attr(data-placeholder); content: var(--tw-content) } .before\:content-\[attr\(data-text\)\]:before { --tw-content: attr(data-text); content: var(--tw-content) } .before\:\[background\:linear-gradient\(-8deg\,transparent_50\%\,var\(--border\)_50\%\)\]:before { content: var(--tw-content); background: linear-gradient(-8deg, transparent 50%, var(--border) 50%) } .before\:\[clip-path\:polygon\(92\%_0\,100\%_0\,8\%_100\%\,0\%_100\%\)\]:before { content: var(--tw-content); clip-path: polygon(92% 0, 100% 0, 8% 100%, 0% 100%) } .before\:\[clip-path\:polygon\(96\%_0\,100\%_0\,4\%_100\%\,0\%_100\%\)\]:before { content: var(--tw-content); clip-path: polygon(96% 0, 100% 0, 4% 100%, 0% 100%) } .before\:\[clip-path\:polygon\(98\%_0\,100\%_0\,2\%_100\%\,0\%_100\%\)\]:before { content: var(--tw-content); clip-path: polygon(98% 0, 100% 0, 2% 100%, 0% 100%) } .group-data-\[state\=open\]\:before\:bg-black\/50:is(:where(.group)[data-state=open] *):before { content: var(--tw-content); background-color: #00000080 } @supports (color:color-mix(in lab, red, red)) { .group-data-\[state\=open\]\:before\:bg-black\/50:is(:where(.group)[data-state=open] *):before { background-color: color-mix(in oklab, var(--color-black) 50%, transparent) } } .after\:pointer-events-none:after { content: var(--tw-content); pointer-events: none } .after\:absolute:after { content: var(--tw-content); position: absolute } .after\:sticky:after { content: var(--tw-content); position: sticky } .after\:-inset-2:after { content: var(--tw-content); inset: calc(var(--spacing) * -2) } .after\:inset-0:after { content: var(--tw-content); inset: calc(var(--spacing) * 0) } .after\:inset-1\/2:after { content: var(--tw-content); inset: 50% } .after\:inset-\[calc\(-1\*var\(--glowingeffect-border-width\)\)\]:after { content: var(--tw-content); inset: calc(-1 * var(--glowingeffect-border-width)) } .after\:-inset-x-3:after { content: var(--tw-content); inset-inline: calc(var(--spacing) * -3) } .after\:-inset-x-4:after { content: var(--tw-content); inset-inline: calc(var(--spacing) * -4) } .after\:inset-x-0:after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0) } .after\:-inset-y-2:after { content: var(--tw-content); inset-block: calc(var(--spacing) * -2) } .after\:inset-y-0:after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0) } .after\:-start-px:after { content: var(--tw-content); inset-inline-start: -1px } .after\:start-0:after { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0) } .after\:start-1\/2:after { content: var(--tw-content); inset-inline-start: 50% } .after\:-end-px:after { content: var(--tw-content); inset-inline-end: -1px } .after\:end-0:after { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0) } .after\:-top-px:after { content: var(--tw-content); top: -1px } .after\:top-0:after { content: var(--tw-content); top: calc(var(--spacing) * 0) } .after\:top-1\.5:after { content: var(--tw-content); top: calc(var(--spacing) * 1.5) } .after\:top-1\/2:after { content: var(--tw-content); top: 50% } .after\:top-\[0\.04em\]:after { content: var(--tw-content); top: .04em } .after\:top-\[15\%\]:after { content: var(--tw-content); top: 15% } .after\:top-\[110\%\]:after { content: var(--tw-content); top: 110% } .after\:-right-1\.5:after { content: var(--tw-content); right: calc(var(--spacing) * -1.5) } .after\:-right-px:after { content: var(--tw-content); right: -1px } .after\:right-0:after { content: var(--tw-content); right: calc(var(--spacing) * 0) } .after\:-bottom-2:after { content: var(--tw-content); bottom: calc(var(--spacing) * -2) } .after\:-bottom-px:after { content: var(--tw-content); bottom: -1px } .after\:bottom-0:after { content: var(--tw-content); bottom: calc(var(--spacing) * 0) } .after\:bottom-\[0\.35rem\]:after { content: var(--tw-content); bottom: .35rem } .after\:-left-px:after { content: var(--tw-content); left: -1px } .after\:left-0:after { content: var(--tw-content); left: calc(var(--spacing) * 0) } .after\:left-1:after { content: var(--tw-content); left: calc(var(--spacing) * 1) } .after\:left-1\.5:after { content: var(--tw-content); left: calc(var(--spacing) * 1.5) } .after\:left-1\/2:after { content: var(--tw-content); left: 50% } .after\:left-3:after { content: var(--tw-content); left: calc(var(--spacing) * 3) } .after\:left-\[0\.04em\]:after { content: var(--tw-content); left: .04em } .after\:-z-10:after { content: var(--tw-content); z-index: -10 } .after\:z-10:after { content: var(--tw-content); z-index: 10 } .after\:z-15:after { content: var(--tw-content); z-index: 15 } .after\:z-20:after { content: var(--tw-content); z-index: 20 } .after\:z-30:after { content: var(--tw-content); z-index: 30 } .after\:z-998:after { content: var(--tw-content); z-index: 998 } .after\:z-\[-1\]:after { content: var(--tw-content); z-index: -1 } .after\:m-\[-2px\]:after { content: var(--tw-content); margin: -2px } .after\:m-auto:after { content: var(--tw-content); margin: auto } .after\:\!hidden:after { content: var(--tw-content); display: none !important } .after\:block:after { content: var(--tw-content); display: block } .after\:hidden:after { content: var(--tw-content); display: none } .after\:inline-block:after { content: var(--tw-content); display: inline-block } .after\:aspect-square:after { content: var(--tw-content); aspect-ratio: 1 } .after\:size-1:after { content: var(--tw-content); width: calc(var(--spacing) * 1); height: calc(var(--spacing) * 1) } .after\:size-3\.5:after { content: var(--tw-content); width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5) } .after\:size-5\.5:after { content: var(--tw-content); width: calc(var(--spacing) * 5.5); height: calc(var(--spacing) * 5.5) } .after\:size-\[calc\(100\%\+2px\)\]:after { content: var(--tw-content); width: calc(100% + 2px); height: calc(100% + 2px) } .after\:size-full:after { content: var(--tw-content); width: 100%; height: 100% } .after\:h-0\.5:after { content: var(--tw-content); height: calc(var(--spacing) * .5) } .after\:h-1:after { content: var(--tw-content); height: calc(var(--spacing) * 1) } .after\:h-4:after { content: var(--tw-content); height: calc(var(--spacing) * 4) } .after\:h-6\.5:after { content: var(--tw-content); height: calc(var(--spacing) * 6.5) } .after\:h-10:after { content: var(--tw-content); height: calc(var(--spacing) * 10) } .after\:h-12:after { content: var(--tw-content); height: calc(var(--spacing) * 12) } .after\:h-20:after { content: var(--tw-content); height: calc(var(--spacing) * 20) } .after\:h-30:after { content: var(--tw-content); height: calc(var(--spacing) * 30) } .after\:h-96:after { content: var(--tw-content); height: calc(var(--spacing) * 96) } .after\:h-\[26\%\]:after { content: var(--tw-content); height: 26% } .after\:h-\[28rem\]:after { content: var(--tw-content); height: 28rem } .after\:h-\[45\%\]:after { content: var(--tw-content); height: 45% } .after\:h-\[65\%\]:after { content: var(--tw-content); height: 65% } .after\:h-\[70\%\]:after { content: var(--tw-content); height: 70% } .after\:h-\[130\%\]:after { content: var(--tw-content); height: 130% } .after\:h-\[200px\]:after { content: var(--tw-content); height: 200px } .after\:h-\[calc\(50\%-var\(--selected-item-height\)\/2\)\]:after { content: var(--tw-content); height: calc(50% - var(--selected-item-height) / 2) } .after\:h-full:after { content: var(--tw-content); height: 100% } .after\:h-px:after { content: var(--tw-content); height: 1px } .after\:w-0\.5:after { content: var(--tw-content); width: calc(var(--spacing) * .5) } .after\:w-1:after { content: var(--tw-content); width: calc(var(--spacing) * 1) } .after\:w-1\/3:after { content: var(--tw-content); width: 33.3333% } .after\:w-4:after { content: var(--tw-content); width: calc(var(--spacing) * 4) } .after\:w-5:after { content: var(--tw-content); width: calc(var(--spacing) * 5) } .after\:w-7\.5:after { content: var(--tw-content); width: calc(var(--spacing) * 7.5) } .after\:w-10:after { content: var(--tw-content); width: calc(var(--spacing) * 10) } .after\:w-10\.5:after { content: var(--tw-content); width: calc(var(--spacing) * 10.5) } .after\:w-14:after { content: var(--tw-content); width: calc(var(--spacing) * 14) } .after\:w-15:after { content: var(--tw-content); width: calc(var(--spacing) * 15) } .after\:w-16:after { content: var(--tw-content); width: calc(var(--spacing) * 16) } .after\:w-36:after { content: var(--tw-content); width: calc(var(--spacing) * 36) } .after\:w-\[0\.5px\]:after { content: var(--tw-content); width: .5px } .after\:w-\[2px\]:after { content: var(--tw-content); width: 2px } .after\:w-\[20\%\]:after { content: var(--tw-content); width: 20% } .after\:w-\[30\%\]:after { content: var(--tw-content); width: 30% } .after\:w-\[100\%\]:after { content: var(--tw-content); width: 100% } .after\:w-\[130\%\]:after { content: var(--tw-content); width: 130% } .after\:w-\[calc\(100\%-2\.25rem\)\]:after { content: var(--tw-content); width: calc(100% - 2.25rem) } .after\:w-full:after { content: var(--tw-content); width: 100% } .after\:w-px:after { content: var(--tw-content); width: 1px } .after\:origin-left:after { content: var(--tw-content); transform-origin: 0 } .after\:origin-right:after { content: var(--tw-content); transform-origin: 100% } .after\:origin-top:after { content: var(--tw-content); transform-origin: top } .after\:-translate-1\/2:after { content: var(--tw-content); --tw-translate-x: -50%; --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .after\:-translate-x-1:after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .after\:-translate-x-1\/2:after { content: var(--tw-content); --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .after\:translate-x-1\/2:after { content: var(--tw-content); --tw-translate-x: 50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .after\:-translate-y-1\/2:after { content: var(--tw-content); --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .after\:-translate-y-1\/3:after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .after\:-translate-y-12:after { content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y) } .after\:scale-0:after { content: var(--tw-content); --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y) } .after\:scale-190:after { content: var(--tw-content); --tw-scale-x: 190%; --tw-scale-y: 190%; --tw-scale-z: 190%; scale: var(--tw-scale-x) var(--tw-scale-y) } .after\:scale-x-0:after { content: var(--tw-content); --tw-scale-x: 0%; scale: var(--tw-scale-x) var(--tw-scale-y) } .after\:scale-x-100:after { content: var(--tw-content); --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .after\:scale-y-0:after { content: var(--tw-content); --tw-scale-y: 0%; scale: var(--tw-scale-x) var(--tw-scale-y) } .after\:\[transform\:translateY\(0\)\]:after { content: var(--tw-content); transform: translateY(0) } .after\:animate-aurora-background:after { content: var(--tw-content); animation: 60s linear infinite aurora-background } .after\:animate-light-to-right-bottom:after { content: var(--tw-content); animation: 4s linear infinite light-to-right } .after\:animate-line-shadow:after { content: var(--tw-content); animation: 15s linear infinite line-shadow } .after\:animate-ping:after { content: var(--tw-content); animation: var(--animate-ping) } .after\:rounded-\[0\.875rem\]:after { content: var(--tw-content); border-radius: .875rem } .after\:rounded-\[inherit\]:after { content: var(--tw-content); border-radius: inherit } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px } .after\:rounded-lg:after { content: var(--tw-content); border-radius: var(--radius) } .after\:rounded-md:after { content: var(--tw-content); border-radius: calc(var(--radius) - 2px) } .after\:rounded-tl-2xl:after { content: var(--tw-content); border-top-left-radius: var(--radius-2xl) } .after\:rounded-tr-2xl:after { content: var(--tw-content); border-top-right-radius: var(--radius-2xl) } .after\:border:after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px } .after\:border-border:after { content: var(--tw-content); border-color: var(--border) } .after\:\!bg-transparent:after { content: var(--tw-content); background-color: #0000 !important } .after\:bg-\[inherit\]:after { content: var(--tw-content); background-color: inherit } .after\:bg-amber-400:after { content: var(--tw-content); background-color: var(--color-amber-400) } .after\:bg-background:after, .after\:bg-background\/5:after { content: var(--tw-content); background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .after\:bg-background\/5:after { background-color: color-mix(in oklab, var(--background) 5%, transparent) } } .after\:bg-black\/15:after { content: var(--tw-content); background-color: #00000026 } @supports (color:color-mix(in lab, red, red)) { .after\:bg-black\/15:after { background-color: color-mix(in oklab, var(--color-black) 15%, transparent) } } .after\:bg-black\/20:after { content: var(--tw-content); background-color: #0003 } @supports (color:color-mix(in lab, red, red)) { .after\:bg-black\/20:after { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) } } .after\:bg-black\/25:after { content: var(--tw-content); background-color: #00000040 } @supports (color:color-mix(in lab, red, red)) { .after\:bg-black\/25:after { background-color: color-mix(in oklab, var(--color-black) 25%, transparent) } } .after\:bg-black\/30:after { content: var(--tw-content); background-color: #0000004d } @supports (color:color-mix(in lab, red, red)) { .after\:bg-black\/30:after { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) } } .after\:bg-black\/35:after { content: var(--tw-content); background-color: #00000059 } @supports (color:color-mix(in lab, red, red)) { .after\:bg-black\/35:after { background-color: color-mix(in oklab, var(--color-black) 35%, transparent) } } .after\:bg-black\/40:after { content: var(--tw-content); background-color: #0006 } @supports (color:color-mix(in lab, red, red)) { .after\:bg-black\/40:after { background-color: color-mix(in oklab, var(--color-black) 40%, transparent) } } .after\:bg-black\/50:after { content: var(--tw-content); background-color: #00000080 } @supports (color:color-mix(in lab, red, red)) { .after\:bg-black\/50:after { background-color: color-mix(in oklab, var(--color-black) 50%, transparent) } } .after\:bg-black\/65:after { content: var(--tw-content); background-color: #000000a6 } @supports (color:color-mix(in lab, red, red)) { .after\:bg-black\/65:after { background-color: color-mix(in oklab, var(--color-black) 65%, transparent) } } .after\:bg-border:after, .after\:bg-border\/60:after { content: var(--tw-content); background-color: var(--border) } @supports (color:color-mix(in lab, red, red)) { .after\:bg-border\/60:after { background-color: color-mix(in oklab, var(--border) 60%, transparent) } } .after\:bg-foreground:after, .after\:bg-foreground\/10:after { content: var(--tw-content); background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .after\:bg-foreground\/10:after { background-color: color-mix(in oklab, var(--foreground) 10%, transparent) } } .after\:bg-muted:after { content: var(--tw-content); background-color: var(--muted) } .after\:bg-muted-foreground\/50:after { content: var(--tw-content); background-color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .after\:bg-muted-foreground\/50:after { background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent) } } .after\:bg-primary:after { content: var(--tw-content); background-color: var(--primary) } .after\:bg-white:after { content: var(--tw-content); background-color: var(--color-white) } .after\:bg-white\/15:after { content: var(--tw-content); background-color: #ffffff26 } @supports (color:color-mix(in lab, red, red)) { .after\:bg-white\/15:after { background-color: color-mix(in oklab, var(--color-white) 15%, transparent) } } .after\:bg-white\/40:after { content: var(--tw-content); background-color: #fff6 } @supports (color:color-mix(in lab, red, red)) { .after\:bg-white\/40:after { background-color: color-mix(in oklab, var(--color-white) 40%, transparent) } } .after\:bg-zinc-950\/50:after { content: var(--tw-content); background-color: #09090b80 } @supports (color:color-mix(in lab, red, red)) { .after\:bg-zinc-950\/50:after { background-color: color-mix(in oklab, var(--color-zinc-950) 50%, transparent) } } .after\:bg-linear-90:after { content: var(--tw-content); --tw-gradient-position: 90deg } @supports (background-image:linear-gradient(in lab, red, red)) { .after\:bg-linear-90:after { --tw-gradient-position: 90deg in oklab } } .after\:bg-linear-90:after { background-image: linear-gradient(var(--tw-gradient-stops)) } .after\:bg-linear-270:after { content: var(--tw-content); --tw-gradient-position: 270deg } @supports (background-image:linear-gradient(in lab, red, red)) { .after\:bg-linear-270:after { --tw-gradient-position: 270deg in oklab } } .after\:bg-linear-270:after { background-image: linear-gradient(var(--tw-gradient-stops)) } .after\:bg-linear-to-l:after { content: var(--tw-content); --tw-gradient-position: to left } @supports (background-image:linear-gradient(in lab, red, red)) { .after\:bg-linear-to-l:after { --tw-gradient-position: to left in oklab } } .after\:bg-linear-to-l:after { background-image: linear-gradient(var(--tw-gradient-stops)) } .after\:bg-linear-to-r:after { content: var(--tw-content); --tw-gradient-position: to right } @supports (background-image:linear-gradient(in lab, red, red)) { .after\:bg-linear-to-r:after { --tw-gradient-position: to right in oklab } } .after\:bg-linear-to-r:after { background-image: linear-gradient(var(--tw-gradient-stops)) } .after\:bg-linear-to-t:after { content: var(--tw-content); --tw-gradient-position: to top } @supports (background-image:linear-gradient(in lab, red, red)) { .after\:bg-linear-to-t:after { --tw-gradient-position: to top in oklab } } .after\:bg-linear-to-t:after { background-image: linear-gradient(var(--tw-gradient-stops)) } .after\:bg-gradient-to-l:after { content: var(--tw-content); --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .after\:bg-gradient-to-r:after { content: var(--tw-content); --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .after\:bg-gradient-to-t:after { content: var(--tw-content); --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .after\:bg-gradient-to-tl:after { content: var(--tw-content); --tw-gradient-position: to top left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .after\:\[background-image\:inherit\]:after { content: var(--tw-content); background-image: inherit } .after\:\[background-image\:var\(--white-gradient\)\,var\(--aurora\)\]:after { content: var(--tw-content); background-image: var(--white-gradient), var(--aurora) } .after\:bg-\[linear-gradient\(45deg\,transparent_45\%\,var\(--shadow-color\)_45\%\,var\(--shadow-color\)_55\%\,transparent_0\)\]:after { content: var(--tw-content); background-image: linear-gradient(45deg, transparent 45%, var(--shadow-color) 45%, var(--shadow-color) 55%, transparent 0) } .after\:bg-\[linear-gradient\(to_bottom\,var\(--color-transparent\)_50\%\,var\(--color-background\)_100\%\)\]:after { content: var(--tw-content); background-image: linear-gradient(to bottom, var(--color-transparent) 50%, var(--color-background) 100%) } .after\:bg-\[linear-gradient\(to_right\,var\(--color-transparent\)_80\%\,var\(--color-background\)_90\%\)\]:after { content: var(--tw-content); background-image: linear-gradient(to right, var(--color-transparent) 80%, var(--color-background) 90%) } .after\:bg-\[linear-gradient\(to_right\,var\(--color-violet-500\)\,var\(--color-cyan-500\)\)\]:after { content: var(--tw-content); background-image: linear-gradient(to right, var(--color-violet-500), var(--color-cyan-500)) } .after\:bg-\[linear-gradient\(to_top\,var\(--color-white\)_30\%\,var\(--color-transparent\)\)\]:after { content: var(--tw-content); background-image: linear-gradient(to top, var(--color-white) 30%, var(--color-transparent)) } .after\:bg-\[linear-gradient\(var\(--color-transparent\)\,var\(--color-white\)\)\]:after { content: var(--tw-content); background-image: linear-gradient(var(--color-transparent), var(--color-white)) } .after\:bg-\[radial-gradient\(closest-side\,var\(--color-blue-200\)\,var\(--color-transparent\)\)\]:after { content: var(--tw-content); background-image: radial-gradient(closest-side, var(--color-blue-200), var(--color-transparent)) } .after\:bg-\[radial-gradient\(closest-side\,var\(--color-green-200\)\,var\(--color-transparent\)\)\]:after { content: var(--tw-content); background-image: radial-gradient(closest-side, var(--color-green-200), var(--color-transparent)) } .after\:from-background:after { content: var(--tw-content); --tw-gradient-from: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:from-black\/15:after { content: var(--tw-content); --tw-gradient-from: #00000026 } @supports (color:color-mix(in lab, red, red)) { .after\:from-black\/15:after { --tw-gradient-from: color-mix(in oklab, var(--color-black) 15%, transparent) } } .after\:from-black\/15:after { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:from-black\/65:after { content: var(--tw-content); --tw-gradient-from: #000000a6 } @supports (color:color-mix(in lab, red, red)) { .after\:from-black\/65:after { --tw-gradient-from: color-mix(in oklab, var(--color-black) 65%, transparent) } } .after\:from-black\/65:after { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:from-black\/70:after { content: var(--tw-content); --tw-gradient-from: #000000b3 } @supports (color:color-mix(in lab, red, red)) { .after\:from-black\/70:after { --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent) } } .after\:from-black\/70:after { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:from-border:after { content: var(--tw-content); --tw-gradient-from: var(--border); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:from-orange-400:after { content: var(--tw-content); --tw-gradient-from: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:from-primary\/0:after { content: var(--tw-content); --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .after\:from-primary\/0:after { --tw-gradient-from: color-mix(in oklab, var(--primary) 0%, transparent) } } .after\:from-primary\/0:after { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:from-primary\/50:after { content: var(--tw-content); --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .after\:from-primary\/50:after { --tw-gradient-from: color-mix(in oklab, var(--primary) 50%, transparent) } } .after\:from-primary\/50:after { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:from-transparent:after { content: var(--tw-content); --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:from-white:after { content: var(--tw-content); --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:from-30\%:after { content: var(--tw-content); --tw-gradient-from-position: 30% } .after\:from-\[calc\(50\%-1px\)\]:after { content: var(--tw-content); --tw-gradient-from-position: calc(50% - 1px) } .after\:via-background:after { content: var(--tw-content); --tw-gradient-via: var(--background); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .after\:via-border:after { content: var(--tw-content); --tw-gradient-via: var(--border); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .after\:via-muted-foreground:after { content: var(--tw-content); --tw-gradient-via: var(--muted-foreground); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .after\:via-pink-400:after { content: var(--tw-content); --tw-gradient-via: var(--color-pink-400); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .after\:via-primary\/90:after { content: var(--tw-content); --tw-gradient-via: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .after\:via-primary\/90:after { --tw-gradient-via: color-mix(in oklab, var(--primary) 90%, transparent) } } .after\:via-primary\/90:after { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .after\:via-50\%:after { content: var(--tw-content); --tw-gradient-via-position: 50% } .after\:to-background:after { content: var(--tw-content); --tw-gradient-to: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:to-fuchsia-400:after { content: var(--tw-content); --tw-gradient-to: var(--color-fuchsia-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:to-primary\/0:after { content: var(--tw-content); --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .after\:to-primary\/0:after { --tw-gradient-to: color-mix(in oklab, var(--primary) 0%, transparent) } } .after\:to-primary\/0:after { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:to-transparent:after { content: var(--tw-content); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .after\:to-\[calc\(50\%-1px\)\]:after { content: var(--tw-content); --tw-gradient-to-position: calc(50% - 1px) } .after\:to-\[calc\(55\%-1px\)\]:after { content: var(--tw-content); --tw-gradient-to-position: calc(55% - 1px) } .after\:mask-b-from-transparent:after { content: var(--tw-content); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)); --tw-mask-bottom-from-color: transparent; -webkit-mask-composite: source-in; mask-composite: intersect } .after\:mask-b-to-black:after { content: var(--tw-content); -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic); --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top); --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)); --tw-mask-bottom-to-color: var(--color-black); -webkit-mask-composite: source-in; mask-composite: intersect } .after\:\[mask-image\:linear-gradient\(\#0000\,\#0000\)\,conic-gradient\(from_calc\(\(var\(--start\)-var\(--spread\)\)\*1deg\)\,\#00000000_0deg\,\#fff\,\#00000000_calc\(var\(--spread\)\*2deg\)\)\]:after { content: var(--tw-content); -webkit-mask-image: linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - var(--spread)) * 1deg), #0000 0deg, #fff, #0000 calc(var(--spread) * 2deg)); mask-image: linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - var(--spread)) * 1deg), #0000, #fff, #0000 calc(var(--spread) * 2deg)) } .after\:\[background-size\:200\%\,_100\%\]:after { content: var(--tw-content); background-size: 200%, 100% } .after\:\[background-size\:var\(--foil-size\)\,_200\%_400\%\,_800\%\,_200\%\]:after { content: var(--tw-content); background-size: var(--foil-size), 200% 400%, 800%, 200% } .after\:bg-\[length\:0\.06em_0\.06em\]:after { content: var(--tw-content); background-size: .06em .06em } .after\:bg-cover:after { content: var(--tw-content); background-size: cover } .after\:\[background-attachment\:fixed\]:after { content: var(--tw-content); background-attachment: fixed } .after\:bg-clip-text:after { content: var(--tw-content); -webkit-background-clip: text; background-clip: text } .after\:\[background-position\:center\,_0\%_var\(--bg-y\)\,_calc\(var\(--bg-x\)\*_-1\)_calc\(var\(--bg-y\)\*_-1\)\,_var\(--bg-x\)_var\(--bg-y\)\]:after { content: var(--tw-content); background-position: center, 0% var(--bg-y), calc(var(--bg-x) * -1) calc(var(--bg-y) * -1), var(--bg-x) var(--bg-y) } .after\:\[mask-composite\:intersect\]:after { content: var(--tw-content); -webkit-mask-composite: source-in; mask-composite: intersect } .after\:\[mask-clip\:padding-box\,border-box\]:after { content: var(--tw-content); -webkit-mask-clip: padding-box, border-box; mask-clip: padding-box, border-box } .after\:text-2xl:after { content: var(--tw-content); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .after\:text-xs:after { content: var(--tw-content); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .after\:leading-none:after { content: var(--tw-content); --tw-leading: 1; line-height: 1 } .after\:text-muted-foreground:after { content: var(--tw-content); color: var(--muted-foreground) } .after\:text-primary:after { content: var(--tw-content); color: var(--primary) } .after\:text-red-500:after { content: var(--tw-content); color: var(--color-red-500) } .after\:text-transparent:after { content: var(--tw-content); color: #0000 } .after\:\!opacity-0:after { content: var(--tw-content); opacity: 0 !important } .after\:opacity-0:after { content: var(--tw-content); opacity: 0 } .after\:opacity-20:after { content: var(--tw-content); opacity: .2 } .after\:opacity-\[var\(--active\)\]:after { content: var(--tw-content); opacity: var(--active) } .after\:\[background-blend-mode\:soft-light\,_hue\,_hard-light\]:after { content: var(--tw-content); background-blend-mode: soft-light, hue, hard-light } .after\:mix-blend-darken:after { content: var(--tw-content); mix-blend-mode: darken } .after\:mix-blend-difference:after { content: var(--tw-content); mix-blend-mode: difference } .after\:mix-blend-exclusion:after { content: var(--tw-content); mix-blend-mode: exclusion } .after\:inset-ring-2:after { content: var(--tw-content); --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .after\:inset-ring-transparent:after { content: var(--tw-content); --tw-inset-ring-color: transparent } .after\:blur-md:after { content: var(--tw-content); --tw-blur: blur(var(--blur-md)); 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, ) } .after\:brightness-101:after { content: var(--tw-content); --tw-brightness: brightness(101%); 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, ) } .after\:saturate-101:after { content: var(--tw-content); --tw-saturate: saturate(101%); 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, ) } .after\:backdrop-blur-sm:after { content: var(--tw-content); --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .after\:transition-all:after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .after\:transition-colors:after { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .after\:transition-opacity:after { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .after\:transition-shadow:after { content: var(--tw-content); transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .after\:transition-transform:after { content: var(--tw-content); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .after\:duration-200:after { content: var(--tw-content); --tw-duration: .2s; transition-duration: .2s } .after\:duration-300:after { content: var(--tw-content); --tw-duration: .3s; transition-duration: .3s } .after\:duration-400:after { content: var(--tw-content); --tw-duration: .4s; transition-duration: .4s } .after\:duration-500:after { content: var(--tw-content); --tw-duration: .5s; transition-duration: .5s } .after\:content-\[\"\"\]:after { --tw-content: ""; content: var(--tw-content) } .after\:content-\[\'\$\'\]:after { --tw-content: "$"; content: var(--tw-content) } .after\:content-\[\'\'\]:after { --tw-content: ""; content: var(--tw-content) } .after\:content-\[\'\*\'\]:after { --tw-content: "*"; content: var(--tw-content) } .after\:content-\[\'\:\'\]:after { --tw-content: ":"; content: var(--tw-content) } .after\:content-\[\'Max\'\]:after { --tw-content: "Max"; content: var(--tw-content) } .after\:content-\[\'Min\'\]:after { --tw-content: "Min"; content: var(--tw-content) } .after\:content-\[\\\"\\\"\]:after { --tw-content: \"\"; content: var(--tw-content) } .after\:content-\[attr\(data-text\)\]:after { --tw-content: attr(data-text); content: var(--tw-content) } .after\:\[background\:linear-gradient\(-8deg\,transparent_calc\(50\%_-_0\.5px\)\,var\(--border\)_calc\(50\%_-_0\.5px\)\,var\(--border\)_calc\(50\%_\+_0\.5px\)\,transparent_calc\(50\%_\+_0\.5px\)\)\]:after { content: var(--tw-content); background: linear-gradient(-8deg, transparent calc(50% - .5px), var(--border) calc(50% - .5px), var(--border) calc(50% + .5px), transparent calc(50% + .5px)) } .after\:\[background\:var\(--gradient\)\]:after { content: var(--tw-content); background: var(--gradient) } .after\:\[border\:var\(--glowingeffect-border-width\)_solid_transparent\]:after { content: var(--tw-content); border: var(--glowingeffect-border-width) solid transparent } @media(hover:hover) { .group-hover\:after\:scale-x-0:is(:where(.group):hover *):after { content: var(--tw-content); --tw-scale-x: 0%; scale: var(--tw-scale-x) var(--tw-scale-y) } } .after\:group-hover\:opacity-100:after { content: var(--tw-content) } @media(hover:hover) { .group-hover\/card\:after\:scale-x-100:is(:where(.group\/card):hover *):after { content: var(--tw-content); --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } } .group-has-checked\:after\:block:is(:where(.group):has(:checked) *):after { content: var(--tw-content); display: block } .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after { content: var(--tw-content); left: 100% } .group-data-\[state\=active\]\:after\:opacity-100:is(:where(.group)[data-state=active] *):after { content: var(--tw-content); opacity: 1 } .group-data-\[state\=active\]\/tab\:after\:scale-100:is(:where(.group\/tab)[data-state=active] *):after { content: var(--tw-content); --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-data-\[state\=open\]\:after\:from-transparent:is(:where(.group)[data-state=open] *):after { content: var(--tw-content); --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0) } .group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after { content: var(--tw-content); bottom: -5px } .group-data-horizontal\/tabs\:after\:bottom-auto:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after { content: var(--tw-content); bottom: auto } .group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after { content: var(--tw-content); height: calc(var(--spacing) * .5) } .group-data-horizontal\/tabs\:after\:h-px:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after { content: var(--tw-content); height: 1px } .group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0) } .group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after { content: var(--tw-content); right: calc(var(--spacing) * -1) } .group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after { content: var(--tw-content); width: calc(var(--spacing) * .5) } .first\:z-2:first-child { z-index: 2 } .first\:z-20:first-child { z-index: 20 } .first\:col-span-2:first-child { grid-column: span 2/span 2 } .first\:col-span-3:first-child { grid-column: span 3/span 3 } .first\:row-span-2:first-child { grid-row: span 2/span 2 } .first\:mt-4:first-child { margin-top: calc(var(--spacing) * 4) } .first\:flex-1:first-child { flex: 1 } .first\:self-start:first-child { align-self: flex-start } .first\:justify-self-start:first-child { justify-self: flex-start } .first\:rounded-none:first-child { border-radius: 0 } .first\:rounded-t-lg:first-child { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius) } .first\:rounded-t-xl:first-child { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px) } .first\:rounded-l-4xl:first-child { border-top-left-radius: var(--radius-4xl); border-bottom-left-radius: var(--radius-4xl) } .first\:rounded-l-\[11px\]:first-child { border-top-left-radius: 11px; border-bottom-left-radius: 11px } .first\:rounded-l-lg:first-child { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius) } .first\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px) } .first\:border-t:first-child { border-top-style: var(--tw-border-style); border-top-width: 1px } .first\:border-t-0:first-child { border-top-style: var(--tw-border-style); border-top-width: 0 } .first\:border-l:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px } .first\:border-l-0:first-child { border-left-style: var(--tw-border-style); border-left-width: 0 } .first\:fill-muted:first-child { fill: var(--muted) } .first\:pt-0:first-child { padding-top: calc(var(--spacing) * 0) } .first\:pt-4:first-child { padding-top: calc(var(--spacing) * 4) } .first\:pt-8:first-child { padding-top: calc(var(--spacing) * 8) } .first\:pl-0:first-child { padding-left: calc(var(--spacing) * 0) } .first\:pl-3:first-child { padding-left: calc(var(--spacing) * 3) } .first\:pl-5:first-child { padding-left: calc(var(--spacing) * 5) } .first\:opacity-100:first-child { opacity: 1 } @media(hover:hover) { .group-hover\:first\:opacity-0:is(:where(.group):hover *):first-child, .group-hover\:first\:not-last\:opacity-0:is(:where(.group):hover *):first-child:not(:last-child), .group-hover\:first\:not-only\:opacity-0:is(:where(.group):hover *):first-child:not(:only-child) { opacity: 0 } } .first\:before\:start-auto:first-child:before { content: var(--tw-content); inset-inline-start: auto } .first\:before\:end-0:first-child:before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0) } .first\:before\:w-1\/2:first-child:before { content: var(--tw-content); width: 50% } .first\:before\:bg-transparent:first-child:before { content: var(--tw-content); background-color: #0000 } .last\:z-1:last-child { z-index: 1 } .last\:z-10:last-child { z-index: 10 } .last\:mt-0:last-child { margin-top: calc(var(--spacing) * 0) } .last\:mt-3\.5:last-child { margin-top: calc(var(--spacing) * 3.5) } .last\:mt-4:last-child { margin-top: calc(var(--spacing) * 4) } .last\:mb-0:last-child { margin-bottom: calc(var(--spacing) * 0) } .last\:hidden:last-child { display: none } .last\:shrink-0:last-child { flex-shrink: 0 } .last\:rounded-none:last-child { border-radius: 0 } .last\:rounded-r-4xl:last-child { border-top-right-radius: var(--radius-4xl); border-bottom-right-radius: var(--radius-4xl) } .last\:rounded-r-\[11px\]:last-child { border-top-right-radius: 11px; border-bottom-right-radius: 11px } .last\:rounded-r-lg:last-child { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius) } .last\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px) } .last\:rounded-b-lg:last-child { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius) } .last\:rounded-b-xl:last-child { border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px) } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0 } .last\:border-t:last-child { border-top-style: var(--tw-border-style); border-top-width: 1px } .last\:border-r:last-child { border-right-style: var(--tw-border-style); border-right-width: 1px } .last\:border-r-0:last-child { border-right-style: var(--tw-border-style); border-right-width: 0 } .last\:border-r-1:last-child { border-right-style: var(--tw-border-style); border-right-width: 1px } .last\:border-b:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } .last\:border-none:last-child { --tw-border-style: none; border-style: none } .last\:fill-background:last-child { fill: var(--background) } .last\:pt-3:last-child { padding-top: calc(var(--spacing) * 3) } .last\:pt-3\.5:last-child { padding-top: calc(var(--spacing) * 3.5) } .last\:pt-4:last-child { padding-top: calc(var(--spacing) * 4) } .last\:pr-0:last-child { padding-right: calc(var(--spacing) * 0) } .last\:pr-3:last-child { padding-right: calc(var(--spacing) * 3) } .last\:pr-5:last-child { padding-right: calc(var(--spacing) * 5) } .last\:pr-12:last-child { padding-right: calc(var(--spacing) * 12) } .last\:pr-14\.5:last-child { padding-right: calc(var(--spacing) * 14.5) } .last\:pb-0:last-child { padding-bottom: calc(var(--spacing) * 0) } .last\:before\:start-0:last-child:before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0) } .last\:before\:end-auto:last-child:before { content: var(--tw-content); inset-inline-end: auto } .last\:before\:w-1\/2:last-child:before { content: var(--tw-content); width: 50% } .last\:after\:hidden:last-child:after { content: var(--tw-content); display: none } .odd\:basis-85:nth-child(odd) { flex-basis: calc(var(--spacing) * 85) } .odd\:flex-row-reverse:nth-child(odd) { flex-direction: row-reverse } .odd\:bg-muted:nth-child(odd) { background-color: var(--muted) } .odd\:font-semibold:nth-child(odd) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .even\:translate-x-22:nth-child(2n) { --tw-translate-x: calc(var(--spacing) * 22); translate: var(--tw-translate-x) var(--tw-translate-y) } .even\:bg-muted:nth-child(2n), .even\:bg-muted\/20:nth-child(2n) { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .even\:bg-muted\/20:nth-child(2n) { background-color: color-mix(in oklab, var(--muted) 20%, transparent) } } .even\:bg-muted\/30:nth-child(2n) { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .even\:bg-muted\/30:nth-child(2n) { background-color: color-mix(in oklab, var(--muted) 30%, transparent) } } .focus-within\:border-ring:focus-within { border-color: var(--ring) } .focus-within\:ring-1:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus-within\:ring-2:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus-within\:ring-3:focus-within, .focus-within\:ring-\[3px\]:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus-within\:ring-ring:focus-within, .focus-within\:ring-ring\/30:focus-within { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .focus-within\:ring-ring\/30:focus-within { --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent) } } .focus-within\:ring-ring\/50:focus-within { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .focus-within\:ring-ring\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent) } } .focus-within\:ring-offset-2:focus-within { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) } .focus-within\:ring-offset-background:focus-within { --tw-ring-offset-color: var(--background) } @media(hover:hover) { .hover\:z-10:hover { z-index: 10 } .hover\:z-20:hover { z-index: 20 } .hover\:w-5\.5:hover { width: calc(var(--spacing) * 5.5) } .hover\:translate-x-1:hover { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y) } .hover\:-translate-y-0\.5:hover { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y) } .hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .hover\:-translate-y-2:hover { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y) } .hover\:-translate-y-3:hover { --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y) } .hover\:-translate-y-18:hover { --tw-translate-y: calc(var(--spacing) * -18); translate: var(--tw-translate-x) var(--tw-translate-y) } .hover\:scale-90:hover { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:scale-95:hover { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:scale-104:hover { --tw-scale-x: 104%; --tw-scale-y: 104%; --tw-scale-z: 104%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:scale-110:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:scale-115:hover { --tw-scale-x: 115%; --tw-scale-y: 115%; --tw-scale-z: 115%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:scale-120:hover { --tw-scale-x: 120%; --tw-scale-y: 120%; --tw-scale-z: 120%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:scale-y-160:hover { --tw-scale-y: 160%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:scale-\[1\.03\]:hover { scale: 1.03 } .hover\:-rotate-2:hover { rotate: -2deg } .hover\:rotate-0:hover { rotate: none } .hover\:rotate-12:hover { rotate: 12deg } .hover\:rotate-45:hover { rotate: 45deg } .hover\:\[transform\:none\]:hover { transform: none } .hover\:cursor-none:hover { cursor: none } .hover\:cursor-pointer:hover { cursor: pointer } .hover\:cursor-zoom-in:hover { cursor: zoom-in } .hover\:gap-2:hover { gap: calc(var(--spacing) * 2) } .hover\:gap-4:hover { gap: calc(var(--spacing) * 4) } .hover\:gap-5:hover { gap: calc(var(--spacing) * 5) } .hover\:gap-6:hover { gap: calc(var(--spacing) * 6) } :where(.hover\:space-x-0:hover>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))) } .hover\:border:hover { border-style: var(--tw-border-style); border-width: 1px } .hover\:border-solid:hover { --tw-border-style: solid; border-style: solid } .hover\:border-black\/40:hover { border-color: #0006 } @supports (color:color-mix(in lab, red, red)) { .hover\:border-black\/40:hover { border-color: color-mix(in oklab, var(--color-black) 40%, transparent) } } .hover\:border-border:hover, .hover\:border-border\/90:hover { border-color: var(--border) } @supports (color:color-mix(in lab, red, red)) { .hover\:border-border\/90:hover { border-color: color-mix(in oklab, var(--border) 90%, transparent) } } .hover\:border-emerald-300:hover { border-color: var(--color-emerald-300) } .hover\:border-emerald-500\/40:hover { border-color: #00bb7f66 } @supports (color:color-mix(in lab, red, red)) { .hover\:border-emerald-500\/40:hover { border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent) } } .hover\:border-foreground:hover, .hover\:border-foreground\/20:hover { border-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:border-foreground\/20:hover { border-color: color-mix(in oklab, var(--foreground) 20%, transparent) } } .hover\:border-foreground\/40:hover { border-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:border-foreground\/40:hover { border-color: color-mix(in oklab, var(--foreground) 40%, transparent) } } .hover\:border-foreground\/50:hover { border-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:border-foreground\/50:hover { border-color: color-mix(in oklab, var(--foreground) 50%, transparent) } } .hover\:border-muted-foreground:hover { border-color: var(--muted-foreground) } .hover\:border-neutral-200:hover { border-color: var(--color-neutral-200) } .hover\:border-primary:hover, .hover\:border-primary\/20:hover { border-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:border-primary\/20:hover { border-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .hover\:border-primary\/30:hover { border-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:border-primary\/30:hover { border-color: color-mix(in oklab, var(--primary) 30%, transparent) } } .hover\:border-primary\/50:hover { border-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:border-primary\/50:hover { border-color: color-mix(in oklab, var(--primary) 50%, transparent) } } .hover\:border-purple-400:hover { border-color: var(--color-purple-400) } .hover\:border-white:hover { border-color: var(--color-white) } .hover\:border-white\/20:hover { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .hover\:border-white\/20:hover { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .hover\:border-white\/40:hover { border-color: #fff6 } @supports (color:color-mix(in lab, red, red)) { .hover\:border-white\/40:hover { border-color: color-mix(in oklab, var(--color-white) 40%, transparent) } } .hover\:border-yellow-500:hover { border-color: var(--color-yellow-500) } .hover\:border-l-border:hover { border-left-color: var(--border) } .hover\:\!bg-background\/100:hover { background-color: var(--background) !important } .hover\:\!bg-transparent:hover { background-color: #0000 !important } .hover\:bg-\[\#e9e9e9\]:hover { background-color: #e9e9e9 } .hover\:bg-\[\#f5bb36\]:hover { background-color: #f5bb36 } .hover\:bg-\[transparent\]:hover { background-color: #0000 } .hover\:bg-accent:hover { background-color: var(--accent) } .hover\:bg-accent-foreground\/10:hover { background-color: var(--accent-foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-accent-foreground\/10:hover { background-color: color-mix(in oklab, var(--accent-foreground) 10%, transparent) } } .hover\:bg-accent\/10:hover { background-color: var(--accent) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-accent\/10:hover { background-color: color-mix(in oklab, var(--accent) 10%, transparent) } } .hover\:bg-accent\/20:hover { background-color: var(--accent) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-accent\/20:hover { background-color: color-mix(in oklab, var(--accent) 20%, transparent) } } .hover\:bg-accent\/30:hover { background-color: var(--accent) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-accent\/30:hover { background-color: color-mix(in oklab, var(--accent) 30%, transparent) } } .hover\:bg-accent\/50:hover { background-color: var(--accent) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-accent\/50:hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent) } } .hover\:bg-amber-50\/60:hover { background-color: #fffbeb99 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-amber-50\/60:hover { background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent) } } .hover\:bg-amber-300:hover { background-color: var(--color-amber-300) } .hover\:bg-amber-500\/10:hover { background-color: #f99c001a } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-amber-500\/10:hover { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent) } } .hover\:bg-amber-600\/90:hover { background-color: #dd7400e6 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-amber-600\/90:hover { background-color: color-mix(in oklab, var(--color-amber-600) 90%, transparent) } } .hover\:bg-background:hover, .hover\:bg-background\/10:hover { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-background\/10:hover { background-color: color-mix(in oklab, var(--background) 10%, transparent) } } .hover\:bg-background\/15:hover { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-background\/15:hover { background-color: color-mix(in oklab, var(--background) 15%, transparent) } } .hover\:bg-background\/20:hover { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-background\/20:hover { background-color: color-mix(in oklab, var(--background) 20%, transparent) } } .hover\:bg-background\/30:hover { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-background\/30:hover { background-color: color-mix(in oklab, var(--background) 30%, transparent) } } .hover\:bg-background\/50:hover { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-background\/50:hover { background-color: color-mix(in oklab, var(--background) 50%, transparent) } } .hover\:bg-background\/80:hover { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-background\/80:hover { background-color: color-mix(in oklab, var(--background) 80%, transparent) } } .hover\:bg-background\/90:hover { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-background\/90:hover { background-color: color-mix(in oklab, var(--background) 90%, transparent) } } .hover\:bg-black:hover { background-color: var(--color-black) } .hover\:bg-black\/5:hover { background-color: #0000000d } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-black\/5:hover { background-color: color-mix(in oklab, var(--color-black) 5%, transparent) } } .hover\:bg-black\/25:hover { background-color: #00000040 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-black\/25:hover { background-color: color-mix(in oklab, var(--color-black) 25%, transparent) } } .hover\:bg-black\/50:hover { background-color: #00000080 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-black\/50:hover { background-color: color-mix(in oklab, var(--color-black) 50%, transparent) } } .hover\:bg-black\/70:hover { background-color: #000000b3 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-black\/70:hover { background-color: color-mix(in oklab, var(--color-black) 70%, transparent) } } .hover\:bg-black\/80:hover { background-color: #000c } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-black\/80:hover { background-color: color-mix(in oklab, var(--color-black) 80%, transparent) } } .hover\:bg-black\/90:hover { background-color: #000000e6 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-black\/90:hover { background-color: color-mix(in oklab, var(--color-black) 90%, transparent) } } .hover\:bg-blue-300:hover { background-color: var(--color-blue-300) } .hover\:bg-blue-500\/10:hover { background-color: #3080ff1a } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-blue-500\/10:hover { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent) } } .hover\:bg-blue-600:hover { background-color: var(--color-blue-600) } .hover\:bg-blue-600\/90:hover { background-color: #155dfce6 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-blue-600\/90:hover { background-color: color-mix(in oklab, var(--color-blue-600) 90%, transparent) } } .hover\:bg-blue-700:hover { background-color: var(--color-blue-700) } .hover\:bg-card:hover, .hover\:bg-card\/10:hover { background-color: var(--card) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-card\/10:hover { background-color: color-mix(in oklab, var(--card) 10%, transparent) } } .hover\:bg-destructive\/10:hover { background-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-destructive\/10:hover { background-color: color-mix(in oklab, var(--destructive) 10%, transparent) } } .hover\:bg-destructive\/20:hover { background-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-destructive\/20:hover { background-color: color-mix(in oklab, var(--destructive) 20%, transparent) } } .hover\:bg-destructive\/90:hover { background-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab, var(--destructive) 90%, transparent) } } .hover\:bg-emerald-50:hover { background-color: var(--color-emerald-50) } .hover\:bg-emerald-400:hover { background-color: var(--color-emerald-400) } .hover\:bg-emerald-500\/10:hover { background-color: #00bb7f1a } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/10:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent) } } .hover\:bg-emerald-600:hover { background-color: var(--color-emerald-600) } .hover\:bg-foreground:hover, .hover\:bg-foreground\/5:hover { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-foreground\/5:hover { background-color: color-mix(in oklab, var(--foreground) 5%, transparent) } } .hover\:bg-foreground\/8:hover { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-foreground\/8:hover { background-color: color-mix(in oklab, var(--foreground) 8%, transparent) } } .hover\:bg-foreground\/10:hover { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-foreground\/10:hover { background-color: color-mix(in oklab, var(--foreground) 10%, transparent) } } .hover\:bg-foreground\/20:hover { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-foreground\/20:hover { background-color: color-mix(in oklab, var(--foreground) 20%, transparent) } } .hover\:bg-foreground\/50:hover { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-foreground\/50:hover { background-color: color-mix(in oklab, var(--foreground) 50%, transparent) } } .hover\:bg-foreground\/60:hover { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-foreground\/60:hover { background-color: color-mix(in oklab, var(--foreground) 60%, transparent) } } .hover\:bg-foreground\/70:hover { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-foreground\/70:hover { background-color: color-mix(in oklab, var(--foreground) 70%, transparent) } } .hover\:bg-foreground\/90:hover { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-foreground\/90:hover { background-color: color-mix(in oklab, var(--foreground) 90%, transparent) } } .hover\:bg-gray-50:hover { background-color: var(--color-gray-50) } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100) } .hover\:bg-gray-500\/30:hover { background-color: #6a72824d } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-gray-500\/30:hover { background-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent) } } .hover\:bg-gray-600:hover { background-color: var(--color-gray-600) } .hover\:bg-green-300\/80:hover { background-color: #7bf1a8cc } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-green-300\/80:hover { background-color: color-mix(in oklab, var(--color-green-300) 80%, transparent) } } .hover\:bg-green-600:hover { background-color: var(--color-green-600) } .hover\:bg-green-600\/10:hover { background-color: #00a5441a } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-green-600\/10:hover { background-color: color-mix(in oklab, var(--color-green-600) 10%, transparent) } } .hover\:bg-green-600\/90:hover { background-color: #00a544e6 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-green-600\/90:hover { background-color: color-mix(in oklab, var(--color-green-600) 90%, transparent) } } .hover\:bg-green-700:hover { background-color: var(--color-green-700) } .hover\:bg-inherit:hover { background-color: inherit } .hover\:bg-input\/50:hover { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-input\/50:hover { background-color: color-mix(in oklab, var(--input) 50%, transparent) } } .hover\:bg-muted:hover { background-color: var(--muted) } .hover\:bg-muted-foreground\/20:hover { background-color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-muted-foreground\/20:hover { background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent) } } .hover\:bg-muted-foreground\/50:hover { background-color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-muted-foreground\/50:hover { background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent) } } .hover\:bg-muted-foreground\/60:hover { background-color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-muted-foreground\/60:hover { background-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent) } } .hover\:bg-muted\/10:hover { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-muted\/10:hover { background-color: color-mix(in oklab, var(--muted) 10%, transparent) } } .hover\:bg-muted\/20:hover { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-muted\/20:hover { background-color: color-mix(in oklab, var(--muted) 20%, transparent) } } .hover\:bg-muted\/30:hover { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-muted\/30:hover { background-color: color-mix(in oklab, var(--muted) 30%, transparent) } } .hover\:bg-muted\/40:hover { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-muted\/40:hover { background-color: color-mix(in oklab, var(--muted) 40%, transparent) } } .hover\:bg-muted\/50:hover { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-muted\/50:hover { background-color: color-mix(in oklab, var(--muted) 50%, transparent) } } .hover\:bg-muted\/60:hover { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-muted\/60:hover { background-color: color-mix(in oklab, var(--muted) 60%, transparent) } } .hover\:bg-muted\/70:hover { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-muted\/70:hover { background-color: color-mix(in oklab, var(--muted) 70%, transparent) } } .hover\:bg-muted\/80:hover { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-muted\/80:hover { background-color: color-mix(in oklab, var(--muted) 80%, transparent) } } .hover\:bg-neutral-200:hover { background-color: var(--color-neutral-200) } .hover\:bg-neutral-600:hover { background-color: var(--color-neutral-600) } .hover\:bg-neutral-800\/50:hover { background-color: #26262680 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-neutral-800\/50:hover { background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent) } } .hover\:bg-neutral-900:hover { background-color: var(--color-neutral-900) } .hover\:bg-orange-50:hover { background-color: var(--color-orange-50) } .hover\:bg-primary:hover { background-color: var(--primary) } .hover\:bg-primary-foreground\/10:hover { background-color: var(--primary-foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-primary-foreground\/10:hover { background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent) } } .hover\:bg-primary-foreground\/90:hover { background-color: var(--primary-foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-primary-foreground\/90:hover { background-color: color-mix(in oklab, var(--primary-foreground) 90%, transparent) } } .hover\:bg-primary\/5:hover { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-primary\/5:hover { background-color: color-mix(in oklab, var(--primary) 5%, transparent) } } .hover\:bg-primary\/10:hover { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-primary\/10:hover { background-color: color-mix(in oklab, var(--primary) 10%, transparent) } } .hover\:bg-primary\/15:hover { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-primary\/15:hover { background-color: color-mix(in oklab, var(--primary) 15%, transparent) } } .hover\:bg-primary\/20:hover { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-primary\/20:hover { background-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .hover\:bg-primary\/30:hover { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-primary\/30:hover { background-color: color-mix(in oklab, var(--primary) 30%, transparent) } } .hover\:bg-primary\/40:hover { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-primary\/40:hover { background-color: color-mix(in oklab, var(--primary) 40%, transparent) } } .hover\:bg-primary\/80:hover { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-primary\/80:hover { background-color: color-mix(in oklab, var(--primary) 80%, transparent) } } .hover\:bg-primary\/90:hover { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent) } } .hover\:bg-purple-50\/50:hover { background-color: #faf5ff80 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-purple-50\/50:hover { background-color: color-mix(in oklab, var(--color-purple-50) 50%, transparent) } } .hover\:bg-purple-500\/20:hover { background-color: #ac4bff33 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-purple-500\/20:hover { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent) } } .hover\:bg-purple-500\/\[0\.06\]:hover { background-color: #ac4bff0f } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-purple-500\/\[0\.06\]:hover { background-color: color-mix(in oklab, var(--color-purple-500) 6%, transparent) } } .hover\:bg-purple-600:hover { background-color: var(--color-purple-600) } .hover\:bg-red-50:hover { background-color: var(--color-red-50) } .hover\:bg-red-300:hover { background-color: var(--color-red-300) } .hover\:bg-red-500:hover { background-color: var(--color-red-500) } .hover\:bg-red-500\/10:hover { background-color: #fb2c361a } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-red-500\/10:hover { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent) } } .hover\:bg-secondary:hover { background-color: var(--secondary) } .hover\:bg-secondary-foreground:hover { background-color: var(--secondary-foreground) } .hover\:bg-secondary\/80:hover { background-color: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab, var(--secondary) 80%, transparent) } } .hover\:bg-secondary\/90:hover { background-color: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-secondary\/90:hover { background-color: color-mix(in oklab, var(--secondary) 90%, transparent) } } .hover\:bg-sidebar-accent:hover { background-color: var(--sidebar-accent) } .hover\:bg-slate-100:hover { background-color: var(--color-slate-100) } .hover\:bg-slate-500\/10:hover { background-color: #62748e1a } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-slate-500\/10:hover { background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent) } } .hover\:bg-transparent:hover { background-color: #0000 } .hover\:bg-white:hover { background-color: var(--color-white) } .hover\:bg-white\/10:hover { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-white\/10:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .hover\:bg-white\/20:hover { background-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-white\/20:hover { background-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .hover\:bg-white\/30:hover { background-color: #ffffff4d } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-white\/30:hover { background-color: color-mix(in oklab, var(--color-white) 30%, transparent) } } .hover\:bg-white\/90:hover { background-color: #ffffffe6 } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-white\/90:hover { background-color: color-mix(in oklab, var(--color-white) 90%, transparent) } } .hover\:bg-yellow-300:hover { background-color: var(--color-yellow-300) } .hover\:bg-zinc-200:hover { background-color: var(--color-zinc-200) } .hover\:bg-zinc-400:hover { background-color: var(--color-zinc-400) } .hover\:bg-zinc-800:hover { background-color: var(--color-zinc-800) } .hover\:bg-zinc-900:hover { background-color: var(--color-zinc-900) } .hover\:bg-zinc-950:hover { background-color: var(--color-zinc-950) } .hover\:bg-linear-to-l:hover { --tw-gradient-position: to left } @supports (background-image:linear-gradient(in lab, red, red)) { .hover\:bg-linear-to-l:hover { --tw-gradient-position: to left in oklab } } .hover\:bg-linear-to-l:hover { background-image: linear-gradient(var(--tw-gradient-stops)) } .hover\:bg-none:hover { background-image: none } .hover\:from-black\/2:hover { --tw-gradient-from: #00000005 } @supports (color:color-mix(in lab, red, red)) { .hover\:from-black\/2:hover { --tw-gradient-from: color-mix(in oklab, var(--color-black) 2%, transparent) } } .hover\:from-black\/2:hover { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .hover\:from-transparent:hover { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .hover\:to-muted:hover { --tw-gradient-to: var(--muted); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .hover\:bg-\[length\:115\%\]:hover { background-size: 115% } .hover\:bg-\[length\:120\%_120\%\]:hover { background-size: 120% 120% } .hover\:fill-foreground:hover { fill: var(--foreground) } .hover\:px-3:hover { padding-inline: calc(var(--spacing) * 3) } .hover\:px-12:hover { padding-inline: calc(var(--spacing) * 12) } .hover\:\!pr-8:hover { padding-right: calc(var(--spacing) * 8) !important } .hover\:pr-7:hover { padding-right: calc(var(--spacing) * 7) } .hover\:\!pl-4:hover { padding-left: calc(var(--spacing) * 4) !important } .hover\:text-accent-foreground:hover { color: var(--accent-foreground) } .hover\:text-amber-700:hover { color: var(--color-amber-700) } .hover\:text-background:hover { color: var(--background) } .hover\:text-black:hover { color: var(--color-black) } .hover\:text-destructive:hover { color: var(--destructive) } .hover\:text-emerald-700:hover { color: var(--color-emerald-700) } .hover\:text-foreground:hover, .hover\:text-foreground\/30:hover { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:text-foreground\/30:hover { color: color-mix(in oklab, var(--foreground) 30%, transparent) } } .hover\:text-foreground\/60:hover { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:text-foreground\/60:hover { color: color-mix(in oklab, var(--foreground) 60%, transparent) } } .hover\:text-foreground\/70:hover { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:text-foreground\/70:hover { color: color-mix(in oklab, var(--foreground) 70%, transparent) } } .hover\:text-foreground\/80:hover { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:text-foreground\/80:hover { color: color-mix(in oklab, var(--foreground) 80%, transparent) } } .hover\:text-gray-600:hover { color: var(--color-gray-600) } .hover\:text-green-600:hover { color: var(--color-green-600) } .hover\:text-indigo-400:hover { color: var(--color-indigo-400) } .hover\:text-muted:hover { color: var(--muted) } .hover\:text-muted-foreground:hover { color: var(--muted-foreground) } .hover\:text-neutral-100:hover { color: var(--color-neutral-100) } .hover\:text-primary:hover { color: var(--primary) } .hover\:text-primary-foreground:hover, .hover\:text-primary-foreground\/100:hover { color: var(--primary-foreground) } .hover\:text-primary\/70:hover { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:text-primary\/70:hover { color: color-mix(in oklab, var(--primary) 70%, transparent) } } .hover\:text-primary\/80:hover { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:text-primary\/80:hover { color: color-mix(in oklab, var(--primary) 80%, transparent) } } .hover\:text-purple-600:hover { color: var(--color-purple-600) } .hover\:text-red-600:hover { color: var(--color-red-600) } .hover\:text-rose-600:hover { color: var(--color-rose-600) } .hover\:text-secondary:hover, .hover\:text-secondary\/80:hover { color: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .hover\:text-secondary\/80:hover { color: color-mix(in oklab, var(--secondary) 80%, transparent) } } .hover\:text-sidebar-accent-foreground:hover { color: var(--sidebar-accent-foreground) } .hover\:text-violet-700:hover { color: var(--color-violet-700) } .hover\:text-white:hover { color: var(--color-white) } .hover\:text-white\/90:hover { color: #ffffffe6 } @supports (color:color-mix(in lab, red, red)) { .hover\:text-white\/90:hover { color: color-mix(in oklab, var(--color-white) 90%, transparent) } } .hover\:text-zinc-300:hover { color: var(--color-zinc-300) } .hover\:no-underline:hover { text-decoration-line: none } .hover\:underline:hover { text-decoration-line: underline } .hover\:underline-offset-3:hover { text-underline-offset: 3px } .hover\:\!opacity-100:hover { opacity: 1 !important } .hover\:opacity-50:hover { opacity: .5 } .hover\:opacity-60:hover { opacity: .6 } .hover\:opacity-70:hover { opacity: .7 } .hover\:opacity-75:hover { opacity: .75 } .hover\:opacity-80:hover { opacity: .8 } .hover\:opacity-90:hover { opacity: .9 } .hover\:opacity-100:hover { opacity: 1 } .hover\:opacity-\[0\.5\]:hover { opacity: .5 } .hover\:shadow:hover { --tw-shadow: var(--shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-2xl:hover { --tw-shadow: var(--shadow-2xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0_0_0_0px_var\(--color-neutral-300\)\]:hover { --tw-shadow: 0 0 0 0px var(--tw-shadow-color, var(--color-neutral-300)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0_0_0_4px_\#4b4b4b\]:hover { --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #4b4b4b); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0_0_0_4px_\#ffffff40\]:hover { --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #ffffff40); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0_0_2px_theme\(\'colors\.gray\.300\'\)\]:hover { --tw-shadow: 0 0 2px var(--tw-shadow-color, oklch(87.2% .01 258.338)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0_0_10px_5px_rgba\(255\,255\,255\,\.5\)\]:hover { --tw-shadow: 0 0 10px 5px var(--tw-shadow-color, #ffffff80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0_0_20px_0_var\(--color-primary\)\]:hover { --tw-shadow: 0 0 20px 0 var(--tw-shadow-color, var(--color-primary)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0_0_20px_rgba\(0\,0\,0\,0\.15\)\]:hover { --tw-shadow: 0 0 20px var(--tw-shadow-color, #00000026); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0_0_25px_rgba\(0\,0\,0\,0\.2\)\]:hover { --tw-shadow: 0 0 25px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0_0_25px_rgba\(0\,0\,0\,0\.5\)\]:hover { --tw-shadow: 0 0 25px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0_2px_15px_2px_var\(--color-muted-foreground\)\]:hover { --tw-shadow: 0 2px 15px 2px var(--tw-shadow-color, var(--color-muted-foreground)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-\[0px_0px_10px_0px_var\(--foreground\)\]:hover { --tw-shadow: 0px 0px 10px 0px var(--tw-shadow-color, var(--foreground)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-lg:hover { --tw-shadow: var(--shadow-lg); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-md:hover { --tw-shadow: var(--shadow-md); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-none:hover { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-sm:hover { --tw-shadow: var(--shadow-sm); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-xl:hover { --tw-shadow: var(--shadow-xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:ring:hover, .hover\:ring-1:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:ring-2:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:ring-3:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:ring-4:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:shadow-primary\/10:hover { --tw-shadow-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:shadow-primary\/10:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 10%, transparent) var(--tw-shadow-alpha), transparent) } } .hover\:shadow-white\/20:hover { --tw-shadow-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .hover\:shadow-white\/20:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 20%, transparent) var(--tw-shadow-alpha), transparent) } } .hover\:ring-foreground\/20:hover { --tw-ring-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:ring-foreground\/20:hover { --tw-ring-color: color-mix(in oklab, var(--foreground) 20%, transparent) } } .hover\:ring-primary:hover, .hover\:ring-primary\/50:hover { --tw-ring-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:ring-primary\/50:hover { --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent) } } .hover\:brightness-90:hover { --tw-brightness: brightness(90%); 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, ) } .hover\:brightness-\[0\.97\]:hover { --tw-brightness: brightness(.97); 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, ) } .hover\:grayscale-0:hover { --tw-grayscale: grayscale(0%); 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, ) } .hover\:grayscale-\[0\]:hover { --tw-grayscale: grayscale(0); 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, ) } .hover\:filter-none:hover { filter: none } .hover\:\[--dt-row-bg\:var\(--dt-row-hover-bg\)\]:hover { --dt-row-bg: var(--dt-row-hover-bg) } .hover\:\[--duration\:200ms\]:hover { --duration: .2s } .hover\:\[--easing\:linear\]:hover { --easing: linear } .hover\:\[--opacity\:0\.6\]:hover { --opacity: .6 } .not-has-disabled\:hover\:ring:not(:has(:disabled)):hover, .not-has-disabled\:hover\:ring-1:not(:has(:disabled)):hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *) { background-color: var(--sidebar) } .hover\:before\:bg-black\/30:hover:before { content: var(--tw-content); background-color: #0000004d } @supports (color:color-mix(in lab, red, red)) { .hover\:before\:bg-black\/30:hover:before { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) } } .hover\:before\:bg-foreground\/30:hover:before { content: var(--tw-content); background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:before\:bg-foreground\/30:hover:before { background-color: color-mix(in oklab, var(--foreground) 30%, transparent) } } .hover\:before\:bg-primary:hover:before { content: var(--tw-content); background-color: var(--primary) } .hover\:before\:opacity-100:hover:before { content: var(--tw-content); opacity: 1 } .hover\:after\:origin-left:hover:after { content: var(--tw-content); transform-origin: 0 } .hover\:after\:scale-x-100:hover:after { content: var(--tw-content); --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:after\:bg-black\/15:hover:after { content: var(--tw-content); background-color: #00000026 } @supports (color:color-mix(in lab, red, red)) { .hover\:after\:bg-black\/15:hover:after { background-color: color-mix(in oklab, var(--color-black) 15%, transparent) } } .hover\:after\:bg-black\/30:hover:after { content: var(--tw-content); background-color: #0000004d } @supports (color:color-mix(in lab, red, red)) { .hover\:after\:bg-black\/30:hover:after { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) } } .hover\:after\:bg-sidebar-border:hover:after { content: var(--tw-content); background-color: var(--sidebar-border) } } .after\:hover\:opacity-45:after { content: var(--tw-content) } @media(hover:hover) { .after\:hover\:opacity-45:after:hover { opacity: .45 } .hover\:after\:opacity-100:hover:after { content: var(--tw-content); opacity: 1 } } .focus\:not-sr-only:focus { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible } .focus\:absolute:focus { position: absolute } .focus\:relative:focus { position: relative } .focus\:top-4:focus { top: calc(var(--spacing) * 4) } .focus\:left-4:focus { left: calc(var(--spacing) * 4) } .focus\:z-10:focus { z-index: 10 } .focus\:z-50:focus { z-index: 50 } .focus\:rounded-md:focus { border-radius: calc(var(--radius) - 2px) } .focus\:border-b:focus { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .focus\:border-none:focus { --tw-border-style: none; border-style: none } .focus\:border-primary:focus, .focus\:border-primary\/40:focus { border-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .focus\:border-primary\/40:focus { border-color: color-mix(in oklab, var(--primary) 40%, transparent) } } .focus\:border-purple-400:focus { border-color: var(--color-purple-400) } .focus\:\!bg-transparent:focus { background-color: #0000 !important } .focus\:bg-accent:focus { background-color: var(--accent) } .focus\:bg-background:focus { background-color: var(--background) } .focus\:bg-destructive\/10:focus { background-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .focus\:bg-destructive\/10:focus { background-color: color-mix(in oklab, var(--destructive) 10%, transparent) } } .focus\:bg-muted:focus, .focus\:bg-muted\/30:focus { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .focus\:bg-muted\/30:focus { background-color: color-mix(in oklab, var(--muted) 30%, transparent) } } .focus\:bg-primary-foreground\/10:focus { background-color: var(--primary-foreground) } @supports (color:color-mix(in lab, red, red)) { .focus\:bg-primary-foreground\/10:focus { background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent) } } .focus\:bg-secondary\/80:focus { background-color: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .focus\:bg-secondary\/80:focus { background-color: color-mix(in oklab, var(--secondary) 80%, transparent) } } .focus\:px-3:focus { padding-inline: calc(var(--spacing) * 3) } .focus\:py-2:focus { padding-block: calc(var(--spacing) * 2) } .focus\:pt-5:focus { padding-top: calc(var(--spacing) * 5) } .focus\:text-sm:focus { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .focus\:\!text-primary-foreground:focus { color: var(--primary-foreground) !important } .focus\:text-accent-foreground:focus { color: var(--accent-foreground) } .focus\:text-destructive:focus { color: var(--destructive) } .focus\:text-foreground:focus { color: var(--foreground) } .focus\:text-indigo-600:focus { color: var(--color-indigo-600) } .focus\:text-primary-foreground:focus { color: var(--primary-foreground) } .focus\:text-red-600:focus { color: var(--color-red-600) } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus\:ring-1:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus\:ring-primary\/20:focus { --tw-ring-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .focus\:ring-primary\/20:focus { --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .focus\:ring-purple-400:focus { --tw-ring-color: var(--color-purple-400) } .focus\:ring-ring:focus { --tw-ring-color: var(--ring) } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none } @media(forced-colors:active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid #0000 } } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none } .focus\:ring-inset:focus { --tw-ring-inset: inset } :is(.focus\:\*\*\:text-accent-foreground:focus *), :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *) { color: var(--accent-foreground) } .focus-visible\:z-10:focus-visible { z-index: 10 } .focus-visible\:z-20:focus-visible { z-index: 20 } .focus-visible\:border-blue-500:focus-visible { border-color: var(--color-blue-500) } .focus-visible\:border-border:focus-visible { border-color: var(--border) } .focus-visible\:border-destructive\/40:focus-visible { border-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:border-destructive\/40:focus-visible { border-color: color-mix(in oklab, var(--destructive) 40%, transparent) } } .focus-visible\:border-green-600:focus-visible { border-color: var(--color-green-600) } .focus-visible\:border-input:focus-visible { border-color: var(--input) } .focus-visible\:border-orange-600:focus-visible { border-color: var(--color-orange-600) } .focus-visible\:border-ring:focus-visible, .focus-visible\:border-ring\/50:focus-visible { border-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:border-ring\/50:focus-visible { border-color: color-mix(in oklab, var(--ring) 50%, transparent) } } .focus-visible\:bg-muted\/50:focus-visible { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:bg-muted\/50:focus-visible { background-color: color-mix(in oklab, var(--muted) 50%, transparent) } } .focus-visible\:ring-0:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus-visible\:ring-0\!:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .focus-visible\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus-visible\:ring-3:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus-visible\:ring-4:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .focus-visible\:ring-background:focus-visible { --tw-ring-color: var(--background) } .focus-visible\:ring-blue-500\/30:focus-visible { --tw-ring-color: #3080ff4d } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:ring-blue-500\/30:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent) } } .focus-visible\:ring-destructive:focus-visible, .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent) } } .focus-visible\:ring-green-600\/50:focus-visible { --tw-ring-color: #00a54480 } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:ring-green-600\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-green-600) 50%, transparent) } } .focus-visible\:ring-orange-600\/50:focus-visible { --tw-ring-color: #f0510080 } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:ring-orange-600\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-orange-600) 50%, transparent) } } .focus-visible\:ring-primary:focus-visible { --tw-ring-color: var(--primary) } .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/30:focus-visible { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:ring-ring\/30:focus-visible { --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent) } } .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent) } } .focus-visible\:ring-transparent:focus-visible { --tw-ring-color: transparent } .focus-visible\:ring-offset-0:focus-visible { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) } .focus-visible\:ring-offset-0\!:focus-visible { --tw-ring-offset-width: 0px !important; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) } .focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: var(--background) } .focus-visible\:ring-offset-foreground:focus-visible { --tw-ring-offset-color: var(--foreground) } .focus-visible\:outline-hidden:focus-visible { --tw-outline-style: none; outline-style: none } @media(forced-colors:active) { .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: 2px solid #0000 } } .focus-visible\:outline-1:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px } .focus-visible\:outline-ring:focus-visible { outline-color: var(--ring) } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none } .focus-visible\:ring-inset:focus-visible { --tw-ring-inset: inset } :is(.\*\:focus-visible\:relative>*):focus-visible { position: relative } :is(.\*\:focus-visible\:z-10>*):focus-visible { z-index: 10 } .focus-visible\:after\:border-ring:focus-visible:after { content: var(--tw-content); border-color: var(--ring) } .active\:translate-y-px:active { --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y) } .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .active\:scale-105:active { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .active\:cursor-grabbing:active { cursor: grabbing } .active\:border-purple-500\/45:active { border-color: #ac4bff73 } @supports (color:color-mix(in lab, red, red)) { .active\:border-purple-500\/45:active { border-color: color-mix(in oklab, var(--color-purple-500) 45%, transparent) } } .active\:border-purple-500\/60:active { border-color: #ac4bff99 } @supports (color:color-mix(in lab, red, red)) { .active\:border-purple-500\/60:active { border-color: color-mix(in oklab, var(--color-purple-500) 60%, transparent) } } .active\:bg-accent\/70:active { background-color: var(--accent) } @supports (color:color-mix(in lab, red, red)) { .active\:bg-accent\/70:active { background-color: color-mix(in oklab, var(--accent) 70%, transparent) } } .active\:bg-accent\/80:active { background-color: var(--accent) } @supports (color:color-mix(in lab, red, red)) { .active\:bg-accent\/80:active { background-color: color-mix(in oklab, var(--accent) 80%, transparent) } } .active\:bg-muted\/80:active { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .active\:bg-muted\/80:active { background-color: color-mix(in oklab, var(--muted) 80%, transparent) } } .active\:bg-primary\/20:active { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .active\:bg-primary\/20:active { background-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .active\:bg-purple-500\/16:active { background-color: #ac4bff29 } @supports (color:color-mix(in lab, red, red)) { .active\:bg-purple-500\/16:active { background-color: color-mix(in oklab, var(--color-purple-500) 16%, transparent) } } .active\:bg-purple-500\/26:active { background-color: #ac4bff42 } @supports (color:color-mix(in lab, red, red)) { .active\:bg-purple-500\/26:active { background-color: color-mix(in oklab, var(--color-purple-500) 26%, transparent) } } .active\:bg-sidebar-accent:active { background-color: var(--sidebar-accent) } .active\:text-primary:active { color: var(--primary) } .active\:text-sidebar-accent-foreground:active { color: var(--sidebar-accent-foreground) } .active\:ring-0:active { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .active\:ring-1:active { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .active\:ring-3:active { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .active\:outline-0:active { outline-style: var(--tw-outline-style); outline-width: 0 } .not-has-disabled\:active\:bg-muted:not(:has(:disabled)):active { background-color: var(--muted) } .active\:before\:bg-primary:active:before { content: var(--tw-content); background-color: var(--primary) } .disabled\:pointer-events-auto:disabled { pointer-events: auto } .disabled\:pointer-events-none:disabled { pointer-events: none } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed } .disabled\:bg-gray-100:disabled { background-color: var(--color-gray-100) } .disabled\:bg-input\/50:disabled { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { .disabled\:bg-input\/50:disabled { background-color: color-mix(in oklab, var(--input) 50%, transparent) } } .disabled\:bg-transparent:disabled { background-color: #0000 } .disabled\:opacity-30:disabled { opacity: .3 } .disabled\:opacity-40:disabled { opacity: .4 } .disabled\:opacity-50:disabled { opacity: .5 } .disabled\:opacity-100:disabled { opacity: 1 } @media(hover:hover) { .disabled\:hover\:text-muted-foreground:disabled:hover { color: var(--muted-foreground) } } :where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize { cursor: w-resize } :where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize { cursor: e-resize } :where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg { border-radius: var(--radius) } :where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-md { border-radius: calc(var(--radius) - 2px) } :where([data-slot=card-content]) .in-data-\[slot\=card-content\]\:bg-transparent { background-color: #0000 } :where([data-slot=combobox-content]) .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within { border-color: inherit } :where([data-slot=combobox-content]) .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } :where([data-slot=dialog-content]) .in-data-\[slot\=dialog-content\]\:rounded-2xl { border-radius: var(--radius-2xl) } :where([data-slot=dialog-content]) .in-data-\[slot\=dialog-content\]\:rounded-lg\! { border-radius: var(--radius) !important } :where([data-slot=dialog-content]) .in-data-\[slot\=dialog-content\]\:rounded-md { border-radius: calc(var(--radius) - 2px) } :where([data-slot=dialog-content]) .in-data-\[slot\=dialog-content\]\:rounded-none\! { border-radius: 0 !important } :where([data-slot=dropdown-menu-content]) .in-data-\[slot\=dropdown-menu-content\]\:p-0 { padding: calc(var(--spacing) * 0) } :where([data-slot=navigation-menu-content]) .in-data-\[slot\=navigation-menu-content\]\:rounded-md { border-radius: calc(var(--radius) - 2px) } :where([data-slot=navigation-menu-content]) .in-data-\[slot\=navigation-menu-content\]\:rounded-none { border-radius: 0 } :where([data-slot=popover-content]) .in-data-\[slot\=popover-content\]\:bg-transparent { background-color: #0000 } :where([data-slot=tooltip-content]) .in-data-\[slot\=tooltip-content\]\:bg-background\/20 { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { :where([data-slot=tooltip-content]) .in-data-\[slot\=tooltip-content\]\:bg-background\/20 { background-color: color-mix(in oklab, var(--background) 20%, transparent) } } :where([data-slot=tooltip-content]) .in-data-\[slot\=tooltip-content\]\:text-background { color: var(--background) } .has-checked\:border-2:has(:checked) { border-style: var(--tw-border-style); border-width: 2px } .has-checked\:border-black:has(:checked) { border-color: var(--color-black) } .has-checked\:border-primary:has(:checked) { border-color: var(--primary) } .has-checked\:bg-background:has(:checked) { background-color: var(--background) } .has-checked\:bg-muted:has(:checked) { background-color: var(--muted) } .has-checked\:bg-primary:has(:checked) { background-color: var(--primary) } .has-checked\:text-primary-foreground:has(:checked) { color: var(--primary-foreground) } .has-checked\:ring:has(:checked) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-checked\:ring-2:has(:checked) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-checked\:after\:opacity-100:has(:checked):after { content: var(--tw-content); opacity: 1 } @media(hover:hover) { .has-checked\:hover\:ring:has(:checked):hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } } .has-focus\:border-ring:has(:focus) { border-color: var(--ring) } .has-focus\:ring-1:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-focus\:ring-2:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-focus\:ring-3:has(:focus), .has-focus\:ring-\[3px\]:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-focus\:ring-ring\/30:has(:focus) { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .has-focus\:ring-ring\/30:has(:focus) { --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent) } } .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent) } } .has-disabled\:pointer-events-none:has(:disabled) { pointer-events: none } .has-disabled\:cursor-not-allowed:has(:disabled) { cursor: not-allowed } .has-disabled\:bg-input\/50:has(:disabled) { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { .has-disabled\:bg-input\/50:has(:disabled) { background-color: color-mix(in oklab, var(--input) 50%, transparent) } } .has-disabled\:bg-muted:has(:disabled) { background-color: var(--muted) } .has-disabled\:text-muted-foreground:has(:disabled) { color: var(--muted-foreground) } .has-disabled\:line-through:has(:disabled) { text-decoration-line: line-through } .has-disabled\:opacity-25:has(:disabled) { opacity: .25 } .has-disabled\:opacity-30:has(:disabled) { opacity: .3 } .has-disabled\:opacity-50:has(:disabled) { opacity: .5 } .has-disabled\:opacity-60:has(:disabled) { opacity: .6 } .has-disabled\:before\:block:has(:disabled):before { content: var(--tw-content); display: block } @media(hover:hover) { .has-disabled\:hover\:bg-background:has(:disabled):hover { background-color: var(--background) } } .has-aria-invalid\:border-destructive:has([aria-invalid=true]) { border-color: var(--destructive) } .has-aria-invalid\:ring-1:has([aria-invalid=true]) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-aria-invalid\:ring-2:has([aria-invalid=true]) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-aria-invalid\:ring-3:has([aria-invalid=true]), .has-aria-invalid\:ring-\[3px\]:has([aria-invalid=true]) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-aria-invalid\:ring-destructive\/20:has([aria-invalid=true]) { --tw-ring-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .has-aria-invalid\:ring-destructive\/20:has([aria-invalid=true]) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent) } } .has-data-\[align\=block-end\]\:rounded-2xl:has([data-align=block-end]) { border-radius: var(--radius-2xl) } .has-data-\[align\=block-end\]\:rounded-md:has([data-align=block-end]) { border-radius: calc(var(--radius) - 2px) } .has-data-\[align\=block-start\]\:rounded-2xl:has([data-align=block-start]) { border-radius: var(--radius-2xl) } .has-data-\[align\=block-start\]\:rounded-md:has([data-align=block-start]) { border-radius: calc(var(--radius) - 2px) } .has-data-\[disabled\=true\]\:cursor-not-allowed:has([data-disabled=true]) { cursor: not-allowed } .has-data-\[disabled\=true\]\:border-1:has([data-disabled=true]) { border-style: var(--tw-border-style); border-width: 1px } .has-data-\[disabled\=true\]\:border-border:has([data-disabled=true]) { border-color: var(--border) } .has-data-\[disabled\=true\]\:border-rose-200:has([data-disabled=true]) { border-color: var(--color-rose-200) } .has-data-\[disabled\=true\]\:text-muted-foreground:has([data-disabled=true]) { color: var(--muted-foreground) } .has-data-\[disabled\=true\]\:line-through:has([data-disabled=true]) { text-decoration-line: line-through } .has-data-\[disabled\=true\]\:opacity-50:has([data-disabled=true]) { opacity: .5 } .has-data-\[disabled\=true\]\:before\:block:has([data-disabled=true]):before, .has-data-\[disabled\=true\]\:after\:block:has([data-disabled=true]):after { content: var(--tw-content); display: block } .has-checked\:has-data-\[disabled\=true\]\:text-muted-foreground:has(:checked):has([data-disabled=true]), .has-data-\[disabled\=true\]\:has-checked\:text-muted-foreground:has([data-disabled=true]):has(:checked) { color: var(--muted-foreground) } .has-checked\:has-data-\[disabled\=true\]\:ring-rose-200:has(:checked):has([data-disabled=true]) { --tw-ring-color: var(--color-rose-200) } .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]) { padding-right: calc(var(--spacing) * 1.5) } .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]) { padding-right: calc(var(--spacing) * 2) } .has-data-\[icon\=inline-end\]\:pr-2\.5:has([data-icon=inline-end]) { padding-right: calc(var(--spacing) * 2.5) } .has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]) { padding-right: calc(var(--spacing) * 3) } .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]) { padding-left: calc(var(--spacing) * 1.5) } .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]) { padding-left: calc(var(--spacing) * 2) } .has-data-\[icon\=inline-start\]\:pl-2\.5:has([data-icon=inline-start]) { padding-left: calc(var(--spacing) * 2.5) } .has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]) { padding-left: calc(var(--spacing) * 3) } .has-data-\[size\=sm\]\:gap-2\.5:has([data-size=sm]) { gap: calc(var(--spacing) * 2.5) } .has-data-\[size\=xs\]\:gap-2:has([data-size=xs]) { gap: calc(var(--spacing) * 2) } .has-data-\[slot\=alert-action\]\:relative:has([data-slot=alert-action]) { position: relative } .has-data-\[slot\=alert-action\]\:pr-18:has([data-slot=alert-action]) { padding-right: calc(var(--spacing) * 18) } .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]) { grid-template-rows: auto auto 1fr } .has-data-\[slot\=alert-dialog-media\]\:gap-x-4:has([data-slot=alert-dialog-media]) { column-gap: calc(var(--spacing) * 4) } .has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot=alert-dialog-media]) { column-gap: calc(var(--spacing) * 6) } .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]) { grid-template-columns: 1fr auto } .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]) { grid-template-rows: auto auto } .has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]) { padding-bottom: calc(var(--spacing) * 0) } .has-data-\[slot\=combobox-chip\]\:px-1:has([data-slot=combobox-chip]) { padding-inline: calc(var(--spacing) * 1) } .has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot=combobox-chip]) { padding-inline: calc(var(--spacing) * 1.5) } .has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot=combobox-chip-remove]) { padding-right: calc(var(--spacing) * 0) } .has-data-\[state\=checked\]\:border-primary:has([data-state=checked]) { border-color: var(--primary) } .has-data-\[state\=checked\]\:bg-muted:has([data-state=checked]) { background-color: var(--muted) } .has-data-\[state\=checked\]\:ring:has([data-state=checked]) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-data-\[state\=checked\]\:ring-2:has([data-state=checked]) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-data-\[state\=checked\]\:after\:opacity-100:has([data-state=checked]):after { content: var(--tw-content); opacity: 1 } .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]) { background-color: var(--sidebar) } .has-data-checked\:border-primary\/30:has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { border-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .has-data-checked\:border-primary\/30:has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { border-color: color-mix(in oklab, var(--primary) 30%, transparent) } } .has-data-checked\:bg-background:has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { background-color: var(--background) } .has-data-checked\:bg-primary:has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))), .has-data-checked\:bg-primary\/5:has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .has-data-checked\:bg-primary\/5:has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { background-color: color-mix(in oklab, var(--primary) 5%, transparent) } } .has-data-checked\:bg-primary\/20:has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .has-data-checked\:bg-primary\/20:has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { background-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .has-data-checked\:bg-transparent:has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { background-color: #0000 } .has-data-checked\:ring-4:has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-\[\[aria-checked\=true\]\]\:ring-2:has([aria-checked=true]) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-\[\[aria-checked\=true\]\]\:before\:opacity-100:has([aria-checked=true]):before { content: var(--tw-content); opacity: 1 } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible) { border-color: var(--ring) } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-2:has([data-slot=input-group-control]:focus-visible) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has([data-slot=input-group-control]:focus-visible), .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/30:has([data-slot=input-group-control]:focus-visible) { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/30:has([data-slot=input-group-control]:focus-visible) { --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent) } } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent) } } .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]) { border-color: var(--destructive) } .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-1:has([data-slot][aria-invalid=true]) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-2:has([data-slot][aria-invalid=true]) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has([data-slot][aria-invalid=true]), .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-\[3px\]:has([data-slot][aria-invalid=true]) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) { --tw-ring-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent) } } .has-\[\[data-state\=checked\]\]\:border-ring:has([data-state=checked]) { border-color: var(--ring) } .has-\[\[data-state\=checked\]\]\:bg-background:has([data-state=checked]), .has-\[button\[data-state\=\"checked\"\]\]\:bg-background:has(:is(button[data-state=checked])), .has-\[button\[data-state\=checked\]\]\:bg-background:has(:is(button[data-state=checked])) { background-color: var(--background) } .has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)) { opacity: .5 } .has-\[textarea\]\:rounded-md:has(:is(textarea)) { border-radius: calc(var(--radius) - 2px) } .has-\[textarea\]\:rounded-xl:has(:is(textarea)) { border-radius: calc(var(--radius) + 4px) } .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]) { height: auto } .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]) { flex-direction: column } .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]) { height: auto } .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]) { flex-direction: column } .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]) { gap: calc(var(--spacing) * 2) } .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]) { gap: calc(var(--spacing) * 3) } .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) { align-items: flex-start } .has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]) { width: 100% } .has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]) { flex-direction: column } .has-\[\>\[data-slot\=field\]\]\:rounded-lg:has(>[data-slot=field]) { border-radius: var(--radius) } .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]) { border-radius: calc(var(--radius) - 2px) } .has-\[\>\[data-slot\=field\]\]\:rounded-none:has(>[data-slot=field]) { border-radius: 0 } .has-\[\>\[data-slot\=field\]\]\:rounded-xl:has(>[data-slot=field]) { border-radius: calc(var(--radius) + 4px) } .has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]) { border-style: var(--tw-border-style); border-width: 1px } .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]) { gap: calc(var(--spacing) * 3) } .has-\[\>button\]\:-mr-1:has(>button) { margin-right: calc(var(--spacing) * -1) } .has-\[\>button\]\:mr-\[-0\.3rem\]:has(>button) { margin-right: -.3rem } .has-\[\>button\]\:mr-\[-0\.275rem\]:has(>button) { margin-right: -.275rem } .has-\[\>button\]\:-ml-1:has(>button) { margin-left: calc(var(--spacing) * -1) } .has-\[\>button\]\:ml-\[-0\.3rem\]:has(>button) { margin-left: -.3rem } .has-\[\>button\]\:ml-\[-0\.275rem\]:has(>button) { margin-left: -.275rem } .has-\[\>img\:first-child\]\:pt-0:has(>img:first-child) { padding-top: calc(var(--spacing) * 0) } .has-\[\>kbd\]\:mr-\[-0\.15rem\]:has(>kbd) { margin-right: -.15rem } .has-\[\>kbd\]\:mr-\[-0\.275rem\]:has(>kbd) { margin-right: -.275rem } .has-\[\>kbd\]\:ml-\[-0\.15rem\]:has(>kbd) { margin-left: -.15rem } .has-\[\>kbd\]\:ml-\[-0\.275rem\]:has(>kbd) { margin-left: -.275rem } .has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has(>svg) { grid-template-columns: auto 1fr } .has-\[\>svg\]\:gap-x-1\.5:has(>svg) { column-gap: calc(var(--spacing) * 1.5) } .has-\[\>svg\]\:gap-x-2:has(>svg) { column-gap: calc(var(--spacing) * 2) } .has-\[\>svg\]\:gap-x-2\.5:has(>svg) { column-gap: calc(var(--spacing) * 2.5) } .has-\[\>svg\]\:p-0:has(>svg) { padding: calc(var(--spacing) * 0) } .has-\[\>svg\]\:px-2\.5:has(>svg) { padding-inline: calc(var(--spacing) * 2.5) } .has-\[\>svg\]\:px-3:has(>svg) { padding-inline: calc(var(--spacing) * 3) } .has-\[\>svg\]\:px-4:has(>svg) { padding-inline: calc(var(--spacing) * 4) } .has-\[\>svg\]\:pl-0:has(>svg) { padding-left: calc(var(--spacing) * 0) } .has-\[\>textarea\]\:h-auto:has(>textarea) { height: auto } .aria-disabled\:pointer-events-none[aria-disabled=true] { pointer-events: none } .aria-disabled\:opacity-50[aria-disabled=true] { opacity: .5 } .aria-expanded\:bg-muted[aria-expanded=true] { background-color: var(--muted) } .aria-expanded\:bg-secondary[aria-expanded=true] { background-color: var(--secondary) } .aria-expanded\:text-foreground[aria-expanded=true] { color: var(--foreground) } .aria-expanded\:text-secondary-foreground[aria-expanded=true] { color: var(--secondary-foreground) } .aria-expanded\:opacity-100[aria-expanded=true] { opacity: 1 } .aria-invalid\:border-destructive[aria-invalid=true] { border-color: var(--destructive) } .aria-invalid\:bg-rose-100[aria-invalid=true] { background-color: var(--color-rose-100) } .aria-invalid\:text-rose-600[aria-invalid=true] { color: var(--color-rose-600) } .aria-invalid\:ring-0[aria-invalid=true] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .aria-invalid\:ring-1[aria-invalid=true] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .aria-invalid\:ring-2[aria-invalid=true] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .aria-invalid\:ring-3[aria-invalid=true], .aria-invalid\:ring-\[3px\][aria-invalid=true] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .aria-invalid\:ring-destructive\/20[aria-invalid=true] { --tw-ring-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .aria-invalid\:ring-destructive\/20[aria-invalid=true] { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent) } } .aria-invalid\:aria-checked\:border-primary[aria-invalid=true][aria-checked=true] { border-color: var(--primary) } .aria-pressed\:bg-muted[aria-pressed=true] { background-color: var(--muted) } .aria-selected\:text-muted-foreground[aria-selected=true] { color: var(--muted-foreground) } .aria-\[invalid\=false\]\:bg-emerald-100[aria-invalid=false] { background-color: var(--color-emerald-100) } .aria-\[invalid\=false\]\:text-emerald-600[aria-invalid=false] { color: var(--color-emerald-600) } .aria-\[orientation\=horizontal\]\:h-px[aria-orientation=horizontal] { height: 1px } .aria-\[orientation\=horizontal\]\:w-full[aria-orientation=horizontal] { width: 100% } .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation=horizontal]:after { content: var(--tw-content); left: calc(var(--spacing) * 0) } .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation=horizontal]:after { content: var(--tw-content); height: calc(var(--spacing) * 1) } .aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation=horizontal]:after { content: var(--tw-content); width: 100% } .aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation=horizontal]:after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation=horizontal]:after { content: var(--tw-content); --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .aria-\[orientation\=vertical\]\:flex-col[aria-orientation=vertical] { flex-direction: column } .data-dragging\:border-primary\/30[data-dragging] { border-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .data-dragging\:border-primary\/30[data-dragging] { border-color: color-mix(in oklab, var(--primary) 30%, transparent) } } .data-dragging\:bg-accent\/30[data-dragging] { background-color: var(--accent) } @supports (color:color-mix(in lab, red, red)) { .data-dragging\:bg-accent\/30[data-dragging] { background-color: color-mix(in oklab, var(--accent) 30%, transparent) } } .data-dragging\:bg-primary\/10[data-dragging] { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .data-dragging\:bg-primary\/10[data-dragging] { background-color: color-mix(in oklab, var(--primary) 10%, transparent) } } .data-empty\:p-0[data-empty] { padding: calc(var(--spacing) * 0) } .data-ending-style\:h-0[data-ending-style] { height: calc(var(--spacing) * 0) } .data-ending-style\:scale-90[data-ending-style] { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .data-ending-style\:opacity-0[data-ending-style] { opacity: 0 } .data-ending-style\:duration-150[data-ending-style] { --tw-duration: .15s; transition-duration: .15s } .data-highlighted\:bg-accent[data-highlighted] { background-color: var(--accent) } .data-highlighted\:text-accent-foreground[data-highlighted], :is(.not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-accent-foreground:not([data-variant=destructive])[data-highlighted] *) { color: var(--accent-foreground) } .data-inset\:pl-7[data-inset] { padding-left: calc(var(--spacing) * 7) } .data-inset\:pl-7\.5[data-inset] { padding-left: calc(var(--spacing) * 7.5) } .data-inset\:pl-8[data-inset] { padding-left: calc(var(--spacing) * 8) } .data-inset\:pl-9\.5[data-inset] { padding-left: calc(var(--spacing) * 9.5) } .data-instant\:transition-none[data-instant] { transition-property: none } .data-invalid\:border-destructive[data-invalid] { border-color: var(--destructive) } .data-invalid\:ring-destructive\/20[data-invalid] { --tw-ring-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .data-invalid\:ring-destructive\/20[data-invalid] { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent) } } .data-placeholder\:text-muted-foreground[data-placeholder] { color: var(--muted-foreground) } .data-popup-open\:bg-accent[data-popup-open] { background-color: var(--accent) } .data-popup-open\:bg-muted\/50[data-popup-open] { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .data-popup-open\:bg-muted\/50[data-popup-open] { background-color: color-mix(in oklab, var(--muted) 50%, transparent) } } .data-popup-open\:text-accent-foreground[data-popup-open] { color: var(--accent-foreground) } @media(hover:hover) { .data-popup-open\:hover\:bg-muted[data-popup-open]:hover { background-color: var(--muted) } } .data-pressed\:bg-transparent[data-pressed] { background-color: #0000 } :is(.\*\:data-slot\:rounded-r-none>*)[data-slot] { border-top-right-radius: 0; border-bottom-right-radius: 0 } :is(.\*\:data-slot\:rounded-b-none>*)[data-slot] { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .data-starting-style\:h-0[data-starting-style] { height: calc(var(--spacing) * 0) } .data-starting-style\:scale-90[data-starting-style] { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .data-starting-style\:opacity-0[data-starting-style] { opacity: 0 } .data-\[active\=true\]\:z-10[data-active=true] { z-index: 10 } .data-\[active\=true\]\:border-ring[data-active=true] { border-color: var(--ring) } .data-\[active\=true\]\:\!bg-transparent[data-active=true] { background-color: #0000 !important } .data-\[active\=true\]\:bg-muted\/50[data-active=true] { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .data-\[active\=true\]\:bg-muted\/50[data-active=true] { background-color: color-mix(in oklab, var(--muted) 50%, transparent) } } .data-\[active\=true\]\:bg-transparent[data-active=true] { background-color: #0000 } .data-\[active\=true\]\:ring[data-active=true], .data-\[active\=true\]\:ring-1[data-active=true] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[active\=true\]\:ring-2[data-active=true] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[active\=true\]\:ring-3[data-active=true], .data-\[active\=true\]\:ring-\[3px\][data-active=true] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[active\=true\]\:ring-ring\/30[data-active=true] { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .data-\[active\=true\]\:ring-ring\/30[data-active=true] { --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent) } } .data-\[active\=true\]\:ring-ring\/50[data-active=true] { --tw-ring-color: var(--ring) } @supports (color:color-mix(in lab, red, red)) { .data-\[active\=true\]\:ring-ring\/50[data-active=true] { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent) } } .data-\[active\=true\]\:after\:bg-primary[data-active=true]:after { content: var(--tw-content); background-color: var(--primary) } @media(hover:hover) { .data-\[active\=true\]\:hover\:bg-muted[data-active=true]:hover { background-color: var(--muted) } } .data-\[active\=true\]\:focus\:bg-muted[data-active=true]:focus { background-color: var(--muted) } .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true] { border-color: var(--destructive) } .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true] { --tw-ring-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true] { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent) } } .data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true] { animation: none } .data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips=true] { min-width: var(--anchor-width) } .data-\[current\=true\]\:size-2\.5[data-current=true] { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5) } .data-\[current\=true\]\:h-4[data-current=true] { height: calc(var(--spacing) * 4) } .data-\[current\=true\]\:border-primary[data-current=true] { border-color: var(--primary) } .data-\[current\=true\]\:bg-primary[data-current=true] { background-color: var(--primary) } .data-\[current\=true\]\:bg-transparent[data-current=true] { background-color: #0000 } .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] { pointer-events: none } .data-\[disabled\=true\]\:opacity-50[data-disabled=true] { opacity: .5 } .data-\[error\=true\]\:text-destructive[data-error=true] { color: var(--destructive) } .data-\[focused\=true\]\:relative[data-focused=true] { position: relative } .data-\[focused\=true\]\:z-10[data-focused=true] { z-index: 10 } .data-\[focused\=true\]\:bg-background[data-focused=true] { background-color: var(--background) } .data-\[focused\=true\]\:shadow-\[inset_0_0_0_2px_rgba\(99\,102\,241\,0\.8\)\][data-focused=true] { --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, #6366f1cc); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[invalid\=true\]\:text-destructive[data-invalid=true] { color: var(--destructive) } .data-\[level\=\"0\"\]\:fill-\[\#ebedf0\][data-level="0"] { fill: #ebedf0 } .data-\[level\=\"1\"\]\:fill-\[\#9be9a8\][data-level="1"] { fill: #9be9a8 } .data-\[level\=\"2\"\]\:fill-\[\#40c463\][data-level="2"] { fill: #40c463 } .data-\[level\=\"3\"\]\:fill-\[\#30a14e\][data-level="3"] { fill: #30a14e } .data-\[level\=\"4\"\]\:fill-\[\#216e39\][data-level="4"] { fill: #216e39 } .data-\[level\=\'0\'\]\:fill-\[\#ebedf0\][data-level="0"] { fill: #ebedf0 } .data-\[level\=\'1\'\]\:fill-\[\#b6e3ff\][data-level="1"] { fill: #b6e3ff } .data-\[level\=\'2\'\]\:fill-\[\#54aeff\][data-level="2"] { fill: #54aeff } .data-\[level\=\'3\'\]\:fill-\[\#0969da\][data-level="3"] { fill: #0969da } .data-\[level\=\'4\'\]\:fill-\[\#0a3069\][data-level="4"] { fill: #0a3069 } .data-\[locked\=true\]\:opacity-80[data-locked=true] { opacity: .8 } .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] { --tw-enter-translate-x: calc(52*var(--spacing)) } .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] { --tw-enter-translate-x: calc(52*var(--spacing)*-1) } .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] { --tw-exit-translate-x: calc(52*var(--spacing)) } .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] { --tw-exit-translate-x: calc(52*var(--spacing)*-1) } .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] { --tw-enter-opacity: 0 } .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-] { --tw-exit-opacity: 0 } .data-\[open\=false\]\:rounded-r-md[data-open=false] { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px) } .data-\[orientation\=horizontal\]\:w-12[data-orientation=horizontal] { width: calc(var(--spacing) * 12) } .data-\[orientation\=vertical\]\:h-3\.5[data-orientation=vertical] { height: calc(var(--spacing) * 3.5) } .data-\[orientation\=vertical\]\:h-4[data-orientation=vertical] { height: calc(var(--spacing) * 4) } .data-\[orientation\=vertical\]\:h-5[data-orientation=vertical] { height: calc(var(--spacing) * 5) } .data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical] { height: auto } .data-\[pinned\]\:bg-background\/90[data-pinned] { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .data-\[pinned\]\:bg-background\/90[data-pinned] { background-color: color-mix(in oklab, var(--background) 90%, transparent) } } .data-\[pinned\]\:bg-muted\/90[data-pinned] { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .data-\[pinned\]\:bg-muted\/90[data-pinned] { background-color: color-mix(in oklab, var(--muted) 90%, transparent) } } .data-\[pinned\]\:backdrop-blur-xs[data-pinned] { --tw-backdrop-blur: blur(var(--blur-xs)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .data-\[placeholder\]\:text-foreground\/20[data-placeholder] { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .data-\[placeholder\]\:text-foreground\/20[data-placeholder] { color: color-mix(in oklab, var(--foreground) 20%, transparent) } } .data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position=popper] { height: var(--radix-select-trigger-height) } .data-\[position\=popper\]\:w-full[data-position=popper] { width: 100% } .data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position=popper] { min-width: var(--radix-select-trigger-width) } .data-\[range-end\=true\]\:rounded-\(--cell-radius\)[data-range-end=true] { border-radius: var(--cell-radius) } .data-\[range-end\=true\]\:rounded-r-\(--cell-radius\)[data-range-end=true] { border-top-right-radius: var(--cell-radius); border-bottom-right-radius: var(--cell-radius) } .data-\[range-end\=true\]\:bg-primary[data-range-end=true] { background-color: var(--primary) } .data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true] { color: var(--primary-foreground) } .data-\[range-middle\=true\]\:rounded-none[data-range-middle=true] { border-radius: 0 } .data-\[range-middle\=true\]\:bg-muted[data-range-middle=true] { background-color: var(--muted) } .data-\[range-middle\=true\]\:text-foreground[data-range-middle=true] { color: var(--foreground) } .data-\[range-start\=true\]\:rounded-\(--cell-radius\)[data-range-start=true] { border-radius: var(--cell-radius) } .data-\[range-start\=true\]\:rounded-l-\(--cell-radius\)[data-range-start=true] { border-top-left-radius: var(--cell-radius); border-bottom-left-radius: var(--cell-radius) } .data-\[range-start\=true\]\:bg-primary[data-range-start=true] { background-color: var(--primary) } .data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true] { color: var(--primary-foreground) } .data-\[sale\=true\]\:text-base[data-sale=true] { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .data-\[sale\=true\]\:text-lg[data-sale=true] { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .data-\[sale\=true\]\:text-sm[data-sale=true] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .data-\[sale\=true\]\:text-xl[data-sale=true] { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .data-\[sale\=true\]\:text-xs[data-sale=true] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .data-\[sale\=true\]\:font-light[data-sale=true] { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light) } .data-\[sale\=true\]\:font-normal[data-sale=true] { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal) } .data-\[sale\=true\]\:text-foreground[data-sale=true] { color: var(--foreground) } .data-\[sale\=true\]\:text-muted-foreground[data-sale=true] { color: var(--muted-foreground) } .data-\[sale\=true\]\:text-red-600[data-sale=true] { color: var(--color-red-600) } .data-\[sale\=true\]\:text-rose-600[data-sale=true] { color: var(--color-rose-600) } .data-\[sale\=true\]\:text-rose-700[data-sale=true] { color: var(--color-rose-700) } .data-\[sale\=true\]\:line-through[data-sale=true] { text-decoration-line: line-through } .data-\[sale\=true\]\:before\:block[data-sale=true]:before { content: var(--tw-content); display: block } .data-\[selected-single\=true\]\:bg-primary[data-selected-single=true] { background-color: var(--primary) } .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true] { color: var(--primary-foreground) } .data-\[selected\=true\]\:rounded-none[data-selected=true] { border-radius: 0 } .data-\[selected\=true\]\:bg-accent\![data-selected=true] { background-color: var(--accent) !important } .data-\[selected\=true\]\:bg-muted\/70[data-selected=true] { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .data-\[selected\=true\]\:bg-muted\/70[data-selected=true] { background-color: color-mix(in oklab, var(--muted) 70%, transparent) } } .data-\[selected\=true\]\:text-accent-foreground[data-selected=true] { color: var(--accent-foreground) } .data-\[selected\=true\]\:text-foreground[data-selected=true] { color: var(--foreground) } .data-\[selected\=true\]\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.06\)\][data-selected=true] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[side\=bottom\]\:inset-x-0[data-side=bottom] { inset-inline: calc(var(--spacing) * 0) } .data-\[side\=bottom\]\:inset-x-auto[data-side=bottom] { inset-inline: auto } .data-\[side\=bottom\]\:top-1[data-side=bottom] { top: calc(var(--spacing) * 1) } .data-\[side\=bottom\]\:bottom-0[data-side=bottom] { bottom: calc(var(--spacing) * 0) } .data-\[side\=bottom\]\:h-auto[data-side=bottom] { height: auto } .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=bottom\]\:border-t[data-side=bottom] { border-top-style: var(--tw-border-style); border-top-width: 1px } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] { --tw-enter-translate-y: calc(2*var(--spacing)*-1) } .data-\[side\=bottom\]\:before\:top-\[-10px\][data-side=bottom]:before { content: var(--tw-content); top: -10px } .data-\[side\=bottom\]\:before\:right-0[data-side=bottom]:before { content: var(--tw-content); right: calc(var(--spacing) * 0) } .data-\[side\=bottom\]\:before\:left-0[data-side=bottom]:before { content: var(--tw-content); left: calc(var(--spacing) * 0) } .data-\[side\=inline-end\]\:top-1\/2\![data-side=inline-end] { top: 50% !important } .data-\[side\=inline-end\]\:-left-1[data-side=inline-end] { left: calc(var(--spacing) * -1) } .data-\[side\=inline-end\]\:translate-x-\[1\.5px\][data-side=inline-end] { --tw-translate-x: 1.5px; translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=inline-end\]\:-translate-y-1\/2[data-side=inline-end] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end] { --tw-enter-translate-x: calc(2*var(--spacing)*-1) } .data-\[side\=inline-start\]\:top-1\/2\![data-side=inline-start] { top: 50% !important } .data-\[side\=inline-start\]\:-right-1[data-side=inline-start] { right: calc(var(--spacing) * -1) } .data-\[side\=inline-start\]\:translate-x-\[-1\.5px\][data-side=inline-start] { --tw-translate-x: -1.5px; translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=inline-start\]\:-translate-y-1\/2[data-side=inline-start] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start] { --tw-enter-translate-x: calc(2*var(--spacing)) } .data-\[side\=left\]\:inset-y-0[data-side=left] { inset-block: calc(var(--spacing) * 0) } .data-\[side\=left\]\:top-1\/2\![data-side=left] { top: 50% !important } .data-\[side\=left\]\:-right-1[data-side=left] { right: calc(var(--spacing) * -1) } .data-\[side\=left\]\:left-0[data-side=left] { left: calc(var(--spacing) * 0) } .data-\[side\=left\]\:h-full[data-side=left] { height: 100% } .data-\[side\=left\]\:w-3\/4[data-side=left] { width: 75% } .data-\[side\=left\]\:-translate-x-1[data-side=left] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=left\]\:translate-x-\[-1\.5px\][data-side=left] { --tw-translate-x: -1.5px; translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=left\]\:-translate-y-1\/2[data-side=left] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=left\]\:border-r[data-side=left] { border-right-style: var(--tw-border-style); border-right-width: 1px } .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] { --tw-enter-translate-x: calc(2*var(--spacing)) } .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side=left]:is(:where(.group)[data-collapsible=offcanvas] *) { left: calc(var(--sidebar-width) * -1) } .data-\[side\=right\]\:inset-y-0[data-side=right] { inset-block: calc(var(--spacing) * 0) } .data-\[side\=right\]\:top-1\/2\![data-side=right] { top: 50% !important } .data-\[side\=right\]\:right-0[data-side=right] { right: calc(var(--spacing) * 0) } .data-\[side\=right\]\:-left-1[data-side=right] { left: calc(var(--spacing) * -1) } .data-\[side\=right\]\:h-full[data-side=right] { height: 100% } .data-\[side\=right\]\:w-3\/4[data-side=right] { width: 75% } .data-\[side\=right\]\:w-5\/6[data-side=right] { width: 83.3333% } .data-\[side\=right\]\:translate-x-1[data-side=right] { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=right\]\:translate-x-\[1\.5px\][data-side=right] { --tw-translate-x: 1.5px; translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=right\]\:-translate-y-1\/2[data-side=right] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=right\]\:border-l[data-side=right] { border-left-style: var(--tw-border-style); border-left-width: 1px } .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] { --tw-enter-translate-x: calc(2*var(--spacing)*-1) } .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side=right]:is(:where(.group)[data-collapsible=offcanvas] *) { right: calc(var(--sidebar-width) * -1) } .data-\[side\=top\]\:inset-x-0[data-side=top] { inset-inline: calc(var(--spacing) * 0) } .data-\[side\=top\]\:top-0[data-side=top] { top: calc(var(--spacing) * 0) } .data-\[side\=top\]\:-bottom-2\.5[data-side=top] { bottom: calc(var(--spacing) * -2.5) } .data-\[side\=top\]\:h-auto[data-side=top] { height: auto } .data-\[side\=top\]\:-translate-y-1[data-side=top] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .data-\[side\=top\]\:border-b[data-side=top] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] { --tw-enter-translate-y: calc(2*var(--spacing)) } :is(.\*\:data-\[sidebar\=sidebar\]\:flex-row>*)[data-sidebar=sidebar] { flex-direction: row } .data-\[size\=default\]\:h-7[data-size=default] { height: calc(var(--spacing) * 7) } .data-\[size\=default\]\:h-8[data-size=default] { height: calc(var(--spacing) * 8) } .data-\[size\=default\]\:h-9[data-size=default] { height: calc(var(--spacing) * 9) } .data-\[size\=default\]\:h-\[16\.6px\][data-size=default] { height: 16.6px } .data-\[size\=default\]\:h-\[18\.4px\][data-size=default] { height: 18.4px } .data-\[size\=default\]\:h-auto[data-size=default] { height: auto } .data-\[size\=default\]\:w-\[28px\][data-size=default] { width: 28px } .data-\[size\=default\]\:w-\[32px\][data-size=default] { width: 32px } .data-\[size\=default\]\:max-w-xs[data-size=default] { max-width: var(--container-xs) } .data-\[size\=lg\]\:size-10[data-size=lg] { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .data-\[size\=md\]\:text-sm[data-size=md] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .data-\[size\=md\]\:text-xs[data-size=md] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .data-\[size\=sm\]\:size-6[data-size=sm] { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .data-\[size\=sm\]\:h-6[data-size=sm] { height: calc(var(--spacing) * 6) } .data-\[size\=sm\]\:h-7[data-size=sm] { height: calc(var(--spacing) * 7) } .data-\[size\=sm\]\:h-8[data-size=sm] { height: calc(var(--spacing) * 8) } .data-\[size\=sm\]\:h-\[14px\][data-size=sm] { height: 14px } .data-\[size\=sm\]\:w-\[24px\][data-size=sm] { width: 24px } .data-\[size\=sm\]\:max-w-64[data-size=sm] { max-width: calc(var(--spacing) * 64) } .data-\[size\=sm\]\:max-w-xs[data-size=sm] { max-width: var(--container-xs) } .data-\[size\=sm\]\:gap-2[data-size=sm] { gap: calc(var(--spacing) * 2) } .data-\[size\=sm\]\:gap-3[data-size=sm] { gap: calc(var(--spacing) * 3) } .data-\[size\=sm\]\:gap-4[data-size=sm] { gap: calc(var(--spacing) * 4) } .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,8px\)\][data-size=sm] { border-radius: min(var(--radius-md), 8px) } .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm] { border-radius: min(var(--radius-md), 10px) } .data-\[size\=sm\]\:rounded-none[data-size=sm] { border-radius: 0 } .data-\[size\=sm\]\:py-0\.5[data-size=sm] { padding-block: calc(var(--spacing) * .5) } .data-\[size\=sm\]\:py-3[data-size=sm] { padding-block: calc(var(--spacing) * 3) } .data-\[size\=sm\]\:py-4[data-size=sm] { padding-block: calc(var(--spacing) * 4) } .data-\[size\=sm\]\:text-base[data-size=sm] { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .data-\[size\=sm\]\:text-xs[data-size=sm] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .data-\[size\=sm\]\:text-\[0\.625rem\][data-size=sm] { font-size: .625rem } .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]) { padding-bottom: calc(var(--spacing) * 0) } :is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto *)[data-slot=accordion-trigger-icon] { margin-left: auto } :is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 *)[data-slot=accordion-trigger-icon] { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } :is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground *)[data-slot=accordion-trigger-icon] { color: var(--muted-foreground) } :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description] { color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description] { color: color-mix(in oklab, var(--destructive) 90%, transparent) } } :is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } :is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar] { --tw-ring-color: var(--background) } :is(.\*\*\:data-\[slot\=carousel-content\]\:absolute *)[data-slot=carousel-content] { position: absolute } :is(.\*\*\:data-\[slot\=carousel-content\]\:inset-0 *)[data-slot=carousel-content] { inset: calc(var(--spacing) * 0) } :is(.\*\*\:data-\[slot\=carousel-content\]\:h-full *)[data-slot=carousel-content] { height: 100% } .data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group] { gap: calc(var(--spacing) * 3) } :is(.\*\:data-\[slot\=field\]\:p-2>*)[data-slot=field] { padding: calc(var(--spacing) * 2) } :is(.\*\:data-\[slot\=field\]\:p-2\.5>*)[data-slot=field] { padding: calc(var(--spacing) * 2.5) } :is(.\*\:data-\[slot\=field\]\:p-3>*)[data-slot=field] { padding: calc(var(--spacing) * 3) } :is(.\*\:data-\[slot\=field\]\:p-4>*)[data-slot=field] { padding: calc(var(--spacing) * 4) } :is(.\*\:data-\[slot\=field-group\]\:gap-4>*)[data-slot=field-group] { gap: calc(var(--spacing) * 4) } :is(.\*\:data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label] { flex: auto } :is(.\*\:data-\[slot\=input-group\]\:m-1>*)[data-slot=input-group] { margin: calc(var(--spacing) * 1) } :is(.\*\:data-\[slot\=input-group\]\:mb-0>*)[data-slot=input-group] { margin-bottom: calc(var(--spacing) * 0) } :is(.\*\:data-\[slot\=input-group\]\:h-7>*)[data-slot=input-group] { height: calc(var(--spacing) * 7) } :is(.\*\:data-\[slot\=input-group\]\:h-8>*)[data-slot=input-group] { height: calc(var(--spacing) * 8) } :is(.\*\:data-\[slot\=input-group\]\:h-9>*)[data-slot=input-group] { height: calc(var(--spacing) * 9) } :is(.\*\:data-\[slot\=input-group\]\:border-none>*)[data-slot=input-group] { --tw-border-style: none; border-style: none } :is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group] { border-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { :is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group] { border-color: color-mix(in oklab, var(--input) 30%, transparent) } } :is(.\*\:data-\[slot\=input-group\]\:bg-input\/20>*)[data-slot=input-group] { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { :is(.\*\:data-\[slot\=input-group\]\:bg-input\/20>*)[data-slot=input-group] { background-color: color-mix(in oklab, var(--input) 20%, transparent) } } :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group] { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group] { background-color: color-mix(in oklab, var(--input) 30%, transparent) } } :is(.\*\:data-\[slot\=input-group\]\:shadow-none>*)[data-slot=input-group] { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } :is(.\*\:data-\[slot\=input-group-addon\]\:pl-2\!>*)[data-slot=input-group-addon] { padding-left: calc(var(--spacing) * 2) !important } :is(.\*\*\:data-\[slot\=kbd\]\:rounded-4xl *)[data-slot=kbd] { border-radius: var(--radius-4xl) } :is(.\*\*\:data-\[slot\=kbd\]\:rounded-\[calc\(var\(--radius-sm\)-2px\)\] *)[data-slot=kbd] { border-radius: calc(var(--radius-sm) - 2px) } :is(.\*\*\:data-\[slot\=kbd\]\:rounded-md *)[data-slot=kbd] { border-radius: calc(var(--radius) - 2px) } :is(.\*\*\:data-\[slot\=kbd\]\:bg-muted-foreground\/10 *)[data-slot=kbd] { background-color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { :is(.\*\*\:data-\[slot\=kbd\]\:bg-muted-foreground\/10 *)[data-slot=kbd] { background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent) } } :is(.\*\*\:data-\[slot\=kbd\]\:px-1 *)[data-slot=kbd] { padding-inline: calc(var(--spacing) * 1) } :is(.\*\*\:data-\[slot\=kbd\]\:px-1\.5 *)[data-slot=kbd] { padding-inline: calc(var(--spacing) * 1.5) } :is(.\*\*\:data-\[slot\=kbd\]\:text-\[0\.625rem\] *)[data-slot=kbd] { font-size: .625rem } :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus { --tw-outline-style: none; outline-style: none } :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] { display: flex } :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] { align-items: center } :is(.\*\:data-\[slot\=select-value\]\:items-start>*)[data-slot=select-value] { align-items: flex-start } :is(.\*\:data-\[slot\=select-value\]\:justify-start>*)[data-slot=select-value] { justify-content: flex-start } :is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value] { gap: calc(var(--spacing) * 1.5) } .data-\[spacing\=0\]\:rounded-none[data-spacing="0"], .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-none:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:first-child { border-radius: 0 } .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-4xl:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:first-child { border-top-left-radius: var(--radius-4xl); border-bottom-left-radius: var(--radius-4xl) } .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:first-child { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius) } .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-md:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px) } .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-none:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:first-child { border-radius: 0 } .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:first-child { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius) } .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-md:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-top-right-radius: calc(var(--radius) - 2px) } .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-xl:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:first-child { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px) } .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-none:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:last-child { border-radius: 0 } .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-4xl:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:last-child { border-top-right-radius: var(--radius-4xl); border-bottom-right-radius: var(--radius-4xl) } .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:last-child { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius) } .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-md:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"]:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px) } .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-none:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:last-child { border-radius: 0 } .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:last-child { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius) } .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-md:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:last-child { border-bottom-right-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px) } .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-xl:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"]:last-child { border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px) } .data-\[state\=active\]\:relative[data-state=active] { position: relative } .data-\[state\=active\]\:z-10[data-state=active] { z-index: 10 } .data-\[state\=active\]\:z-20[data-state=active] { z-index: 20 } .data-\[state\=active\]\:w-5[data-state=active] { width: calc(var(--spacing) * 5) } .data-\[state\=active\]\:scale-100[data-state=active] { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .data-\[state\=active\]\:scale-\[1\.02\][data-state=active] { scale: 1.02 } .data-\[state\=active\]\:animate-fade-in[data-state=active] { animation: .7s ease-out forwards fade-in } .data-\[state\=active\]\:animate-in[data-state=active] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-\[state\=active\]\:\!border-0[data-state=active] { border-style: var(--tw-border-style) !important; border-width: 0 !important } .data-\[state\=active\]\:border[data-state=active] { border-style: var(--tw-border-style); border-width: 1px } .data-\[state\=active\]\:border-2[data-state=active] { border-style: var(--tw-border-style); border-width: 2px } .data-\[state\=active\]\:\!border-b-\[1px\][data-state=active] { border-bottom-style: var(--tw-border-style) !important; border-bottom-width: 1px !important } .data-\[state\=active\]\:border-border[data-state=active] { border-color: var(--border) } .data-\[state\=active\]\:border-primary[data-state=active], .data-\[state\=active\]\:border-primary\/20[data-state=active] { border-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=active\]\:border-primary\/20[data-state=active] { border-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .data-\[state\=active\]\:\!border-b-border[data-state=active] { border-bottom-color: var(--border) !important } .data-\[state\=active\]\:border-b-foreground[data-state=active] { border-bottom-color: var(--foreground) } .data-\[state\=active\]\:border-b-primary[data-state=active] { border-bottom-color: var(--primary) } .data-\[state\=active\]\:\!bg-background[data-state=active] { background-color: var(--background) !important } .data-\[state\=active\]\:\!bg-transparent[data-state=active] { background-color: #0000 !important } .data-\[state\=active\]\:bg-accent[data-state=active] { background-color: var(--accent) } .data-\[state\=active\]\:bg-background[data-state=active] { background-color: var(--background) } .data-\[state\=active\]\:bg-muted[data-state=active], .data-\[state\=active\]\:bg-muted\/50[data-state=active] { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=active\]\:bg-muted\/50[data-state=active] { background-color: color-mix(in oklab, var(--muted) 50%, transparent) } } .data-\[state\=active\]\:bg-primary[data-state=active], .data-\[state\=active\]\:bg-primary\/10[data-state=active] { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=active\]\:bg-primary\/10[data-state=active] { background-color: color-mix(in oklab, var(--primary) 10%, transparent) } } .data-\[state\=active\]\:bg-primary\/95[data-state=active] { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=active\]\:bg-primary\/95[data-state=active] { background-color: color-mix(in oklab, var(--primary) 95%, transparent) } } .data-\[state\=active\]\:bg-transparent[data-state=active] { background-color: #0000 } .data-\[state\=active\]\:text-background[data-state=active] { color: var(--background) } .data-\[state\=active\]\:text-black[data-state=active] { color: var(--color-black) } .data-\[state\=active\]\:text-foreground[data-state=active] { color: var(--foreground) } .data-\[state\=active\]\:text-primary[data-state=active] { color: var(--primary) } .data-\[state\=active\]\:text-primary-foreground[data-state=active] { color: var(--primary-foreground) } .data-\[state\=active\]\:opacity-100[data-state=active] { opacity: 1 } .data-\[state\=active\]\:\!shadow-none[data-state=active] { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .data-\[state\=active\]\:shadow[data-state=active] { --tw-shadow: var(--shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[state\=active\]\:shadow-lg[data-state=active] { --tw-shadow: var(--shadow-lg); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[state\=active\]\:shadow-md[data-state=active] { --tw-shadow: var(--shadow-md); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[state\=active\]\:shadow-none[data-state=active] { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[state\=active\]\:shadow-xl[data-state=active] { --tw-shadow: var(--shadow-xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[state\=active\]\:\!ring-0[data-state=active] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .data-\[state\=active\]\:ring[data-state=active] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[state\=active\]\:ring-2[data-state=active] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[state\=active\]\:ring-muted-foreground[data-state=active] { --tw-ring-color: var(--muted-foreground) } .data-\[state\=active\]\:ring-primary[data-state=active] { --tw-ring-color: var(--primary) } .data-\[state\=active\]\:ring-white[data-state=active] { --tw-ring-color: var(--color-white) } .data-\[state\=active\]\:grayscale-0[data-state=active] { --tw-grayscale: grayscale(0%); 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, ) } .data-\[state\=active\]\:fade-in-0[data-state=active], .data-\[state\=active\]\:fade-in[data-state=active] { --tw-enter-opacity: 0 } .data-\[state\=active\]\:slide-in-from-top-2[data-state=active] { --tw-enter-translate-y: calc(2*var(--spacing)*-1) } .data-\[state\=active\]\:after\:\!hidden[data-state=active]:after { content: var(--tw-content); display: none !important } .data-\[state\=active\]\:after\:scale-y-100[data-state=active]:after { content: var(--tw-content); --tw-scale-y: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .data-\[state\=active\]\:after\:\!bg-transparent[data-state=active]:after { content: var(--tw-content); background-color: #0000 !important } .data-\[state\=active\]\:after\:\!opacity-0[data-state=active]:after { content: var(--tw-content); opacity: 0 !important } .data-\[state\=active\]\:after\:opacity-100[data-state=active]:after { content: var(--tw-content); opacity: 1 } .data-\[state\=active\]\:after\:inset-ring-current[data-state=active]:after { content: var(--tw-content); --tw-inset-ring-color: currentcolor } @media(hover:hover) { .hover\:data-\[state\=active\]\:text-background:hover[data-state=active] { color: var(--background) } } .data-\[state\=checked\]\:border-green-500[data-state=checked] { border-color: var(--color-green-500) } .data-\[state\=checked\]\:bg-green-500[data-state=checked] { background-color: var(--color-green-500) } .data-\[state\=closed\]\:w-0[data-state=closed] { width: calc(var(--spacing) * 0) } .data-\[state\=closed\]\:flex-1[data-state=closed] { flex: 1 } .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] { animation: .2s ease-out accordion-up } .data-\[state\=closed\]\:animate-collapsible-up[data-state=closed] { animation: collapsible-up var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-\[state\=closed\]\:animate-none\![data-state=closed] { animation: none !important } .data-\[state\=closed\]\:animate-out[data-state=closed] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-\[state\=closed\]\:animate-slide-right[data-state=closed] { animation: .25s ease-out slideRight } .data-\[state\=closed\]\:animate-slide-up[data-state=closed] { animation: .1s ease-out slideUp } .data-\[state\=closed\]\:overflow-hidden[data-state=closed] { overflow: hidden } .data-\[state\=closed\]\:text-muted-foreground[data-state=closed] { color: var(--muted-foreground) } .data-\[state\=closed\]\:opacity-100[data-state=closed] { opacity: 1 } .data-\[state\=closed\]\:fade-out-0[data-state=closed] { --tw-exit-opacity: 0 } .data-\[state\=closed\]\:slide-out-to-bottom-30[data-state=closed] { --tw-exit-translate-y: 30% } .data-\[state\=closed\]\:zoom-out-95[data-state=closed] { --tw-exit-scale: .95 } .data-\[state\=closed\]\:slide-out-to-bottom-full[data-state=closed] { --tw-exit-translate-y: 100% } .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-none\!:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] { animation: none !important } .data-\[state\=completed\]\:border-primary[data-state=completed] { border-color: var(--primary) } .data-\[state\=completed\]\:bg-primary[data-state=completed] { background-color: var(--primary) } .data-\[state\=completed\]\:text-primary-foreground[data-state=completed] { color: var(--primary-foreground) } .data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open] { --tw-enter-opacity: 0 } .data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open] { --tw-enter-scale: .95 } .data-\[state\=hidden\]\:animate-out[data-state=hidden] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-\[state\=hidden\]\:fade-out[data-state=hidden] { --tw-exit-opacity: 0 } .data-\[state\=inactive\]\:pointer-events-none[data-state=inactive] { pointer-events: none } .data-\[state\=inactive\]\:absolute[data-state=inactive] { position: absolute } .data-\[state\=inactive\]\:inset-x-0[data-state=inactive] { inset-inline: calc(var(--spacing) * 0) } .data-\[state\=inactive\]\:top-0[data-state=inactive] { top: calc(var(--spacing) * 0) } .data-\[state\=inactive\]\:z-0[data-state=inactive] { z-index: 0 } .data-\[state\=inactive\]\:hidden[data-state=inactive] { display: none } .data-\[state\=inactive\]\:scale-95[data-state=inactive] { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .data-\[state\=inactive\]\:animate-out[data-state=inactive] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-\[state\=inactive\]\:\!opacity-60[data-state=inactive] { opacity: .6 !important } .data-\[state\=inactive\]\:opacity-0[data-state=inactive] { opacity: 0 } .data-\[state\=inactive\]\:opacity-70[data-state=inactive] { opacity: .7 } .data-\[state\=inactive\]\:grayscale-100[data-state=inactive] { --tw-grayscale: grayscale(100%); 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, ) } .data-\[state\=inactive\]\:fade-out-0[data-state=inactive] { --tw-exit-opacity: 0 } .data-\[state\=inactive\]\:slide-out-to-top-2[data-state=inactive] { --tw-exit-translate-y: calc(2*var(--spacing)*-1) } .data-\[state\=inactive\]\:after\:opacity-0[data-state=inactive]:after { content: var(--tw-content); opacity: 0 } @media(hover:hover) { .data-\[state\=inactive\]\:hover\:underline[data-state=inactive]:hover { text-decoration-line: underline } } .data-\[state\=on\]\:w-5[data-state=on] { width: calc(var(--spacing) * 5) } .data-\[state\=on\]\:bg-accent[data-state=on] { background-color: var(--accent) } .data-\[state\=on\]\:bg-background[data-state=on] { background-color: var(--background) } .data-\[state\=on\]\:bg-muted[data-state=on] { background-color: var(--muted) } .data-\[state\=on\]\:bg-primary[data-state=on] { background-color: var(--primary) } .data-\[state\=on\]\:after\:inset-ring[data-state=on]:after { content: var(--tw-content); --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[state\=on\]\:after\:inset-ring-2[data-state=on]:after { content: var(--tw-content); --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-\[state\=open\]\:hidden[data-state=open] { display: none } .data-\[state\=open\]\:w-full[data-state=open] { width: 100% } .data-\[state\=open\]\:flex-0[data-state=open] { flex: 0 } .data-\[state\=open\]\:animate-accordion-down[data-state=open] { animation: .2s ease-out accordion-down } .data-\[state\=open\]\:animate-collapsible-down[data-state=open] { animation: collapsible-down var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-\[state\=open\]\:animate-fade-in[data-state=open] { animation: .7s ease-out forwards fade-in } .data-\[state\=open\]\:animate-in[data-state=open] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-\[state\=open\]\:animate-none[data-state=open] { animation: none } .data-\[state\=open\]\:animate-slide-down[data-state=open] { animation: .1s ease-out slideDown } .data-\[state\=open\]\:animate-slide-left[data-state=open] { animation: .25s ease-out slideLeft } .data-\[state\=open\]\:rounded-b-none[data-state=open] { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .data-\[state\=open\]\:border-primary\/40[data-state=open] { border-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=open\]\:border-primary\/40[data-state=open] { border-color: color-mix(in oklab, var(--primary) 40%, transparent) } } .data-\[state\=open\]\:border-b-transparent[data-state=open] { border-bottom-color: #0000 } .data-\[state\=open\]\:bg-accent[data-state=open], .data-\[state\=open\]\:bg-accent\/50[data-state=open] { background-color: var(--accent) } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=open\]\:bg-accent\/50[data-state=open] { background-color: color-mix(in oklab, var(--accent) 50%, transparent) } } .data-\[state\=open\]\:bg-background[data-state=open] { background-color: var(--background) } .data-\[state\=open\]\:bg-muted[data-state=open] { background-color: var(--muted) } .data-\[state\=open\]\:bg-primary-foreground\/10[data-state=open] { background-color: var(--primary-foreground) } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=open\]\:bg-primary-foreground\/10[data-state=open] { background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent) } } .data-\[state\=open\]\:bg-sidebar-accent[data-state=open] { background-color: var(--sidebar-accent) } .data-\[state\=open\]\:pb-2[data-state=open] { padding-bottom: calc(var(--spacing) * 2) } .data-\[state\=open\]\:\!text-primary-foreground[data-state=open] { color: var(--primary-foreground) !important } .data-\[state\=open\]\:text-accent-foreground[data-state=open] { color: var(--accent-foreground) } .data-\[state\=open\]\:text-primary-foreground[data-state=open] { color: var(--primary-foreground) } .data-\[state\=open\]\:text-sidebar-accent-foreground[data-state=open] { color: var(--sidebar-accent-foreground) } .data-\[state\=open\]\:opacity-0[data-state=open] { opacity: 0 } .data-\[state\=open\]\:fade-in-0[data-state=open] { --tw-enter-opacity: 0 } .data-\[state\=open\]\:slide-in-from-bottom-30[data-state=open] { --tw-enter-translate-y: 30% } .data-\[state\=open\]\:zoom-in-90[data-state=open] { --tw-enter-scale: .9 } .data-\[state\=open\]\:slide-in-from-bottom-full[data-state=open] { --tw-enter-translate-y: 100% } .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-none\!:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] { animation: none !important } .data-\[state\=selected\]\:bg-muted[data-state=selected], .data-\[state\=selected\]\:bg-muted\/40[data-state=selected] { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=selected\]\:bg-muted\/40[data-state=selected] { background-color: color-mix(in oklab, var(--muted) 40%, transparent) } } .data-\[state\=selected\]\:\[--dt-row-bg\:var\(--dt-row-selected-bg\)\][data-state=selected] { --dt-row-bg: var(--dt-row-selected-bg) } @media(hover:hover) { .data-\[state\=selected\]\:hover\:\[--dt-row-bg\:var\(--dt-row-selected-hover-bg\)\][data-state=selected]:hover { --dt-row-bg: var(--dt-row-selected-hover-bg) } } .data-\[state\=unchecked\]\:bg-input\/50[data-state=unchecked] { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { .data-\[state\=unchecked\]\:bg-input\/50[data-state=unchecked] { background-color: color-mix(in oklab, var(--input) 50%, transparent) } } .data-\[state\=visible\]\:animate-in[data-state=visible] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-\[state\=visible\]\:fade-in[data-state=visible] { --tw-enter-opacity: 0 } .data-\[type\=email\]\:underline[data-type=email] { text-decoration-line: underline } .data-\[type\=email\]\:underline-offset-2[data-type=email] { text-underline-offset: 2px } .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive] { color: var(--destructive) } .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus { background-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus { background-color: color-mix(in oklab, var(--destructive) 10%, transparent) } } .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus { color: var(--destructive) } .data-\[variant\=label\]\:text-sm[data-variant=label] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .data-\[variant\=label\]\:text-xs[data-variant=label] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .data-\[variant\=label\]\:text-xs\/relaxed[data-variant=label] { font-size: var(--text-xs); line-height: var(--leading-relaxed) } .data-\[variant\=legend\]\:text-base[data-variant=legend] { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .data-\[variant\=legend\]\:text-sm[data-variant=legend] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .data-\[variant\=line\]\:rounded-none[data-variant=line] { border-radius: 0 } .data-\[spacing\=0\]\:data-\[variant\=outline\]\:rounded-4xl[data-spacing="0"][data-variant=outline] { border-radius: var(--radius-4xl) } .data-\[spacing\=0\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing="0"][data-variant=outline] { --tw-shadow: var(--shadow-xs); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"][data-variant=outline] { border-left-style: var(--tw-border-style); border-left-width: 0 } .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"][data-variant=outline] { border-top-style: var(--tw-border-style); border-top-width: 0 } .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group):where([data-orientation=horizontal]) *)[data-spacing="0"][data-variant=outline]:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px } .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group):where([data-orientation=vertical]) *)[data-spacing="0"][data-variant=outline]:first-child { border-top-style: var(--tw-border-style); border-top-width: 1px } .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] { inset-inline: calc(var(--spacing) * 0) } .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] { bottom: calc(var(--spacing) * 0) } .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] { margin-top: calc(var(--spacing) * 24) } .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom] { max-height: 80vh } .data-\[vaul-drawer-direction\=bottom\]\:rounded-none[data-vaul-drawer-direction=bottom] { border-radius: 0 } .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-xl[data-vaul-drawer-direction=bottom] { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px) } .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom] { border-top-style: var(--tw-border-style); border-top-width: 1px } .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left] { inset-block: calc(var(--spacing) * 0) } .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left] { left: calc(var(--spacing) * 0) } .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] { width: 75% } .data-\[vaul-drawer-direction\=left\]\:rounded-none[data-vaul-drawer-direction=left] { border-radius: 0 } .data-\[vaul-drawer-direction\=left\]\:rounded-r-xl[data-vaul-drawer-direction=left] { border-top-right-radius: calc(var(--radius) + 4px); border-bottom-right-radius: calc(var(--radius) + 4px) } .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left] { border-right-style: var(--tw-border-style); border-right-width: 1px } .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right] { inset-block: calc(var(--spacing) * 0) } .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right] { right: calc(var(--spacing) * 0) } .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] { width: 75% } .data-\[vaul-drawer-direction\=right\]\:rounded-none[data-vaul-drawer-direction=right] { border-radius: 0 } .data-\[vaul-drawer-direction\=right\]\:rounded-l-xl[data-vaul-drawer-direction=right] { border-top-left-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px) } .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right] { border-left-style: var(--tw-border-style); border-left-width: 1px } .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] { inset-inline: calc(var(--spacing) * 0) } .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] { top: calc(var(--spacing) * 0) } .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top] { margin-bottom: calc(var(--spacing) * 24) } .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top] { max-height: 80vh } .data-\[vaul-drawer-direction\=top\]\:rounded-none[data-vaul-drawer-direction=top] { border-radius: 0 } .data-\[vaul-drawer-direction\=top\]\:rounded-b-xl[data-vaul-drawer-direction=top] { border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px) } .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .nth-2\:col-span-3:nth-child(2) { grid-column: span 3/span 3 } .nth-2\:row-span-1:nth-child(2) { grid-row: span 1/span 1 } .nth-2\:bg-gray-600:nth-child(2) { background-color: var(--color-gray-600) } .nth-2\:opacity-0:nth-child(2) { opacity: 0 } @media(hover:hover) { .group-hover\:nth-2\:opacity-100:is(:where(.group):hover *):nth-child(2) { opacity: 1 } } .nth-3\:row-span-1:nth-child(3), .nth-4\:row-span-1:nth-child(4) { grid-row: span 1/span 1 } .nth-8\:col-span-2:nth-child(8) { grid-column: span 2/span 2 } .nth-8\:aspect-\[2\.034\]:nth-child(8) { aspect-ratio: 2.034 } .nth-\[2\]\:row-span-3:nth-child(2) { grid-row: span 3/span 3 } .nth-\[3\]\:row-span-5:nth-child(3) { grid-row: span 5/span 5 } .nth-\[3n\]\:border-r-0:nth-child(3n) { border-right-style: var(--tw-border-style); border-right-width: 0 } .nth-\[4\]\:row-span-3:nth-child(4) { grid-row: span 3/span 3 } .nth-\[5\]\:row-span-2:nth-child(5) { grid-row: span 2/span 2 } .nth-last-1\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0 } .nth-last-2\:-mt-1:nth-last-child(2) { margin-top: calc(var(--spacing) * -1) } @supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))) { .supports-backdrop-filter\:backdrop-blur-xs { --tw-backdrop-blur: blur(var(--blur-xs)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .supports-\[backdrop-filter\]\:bg-background\/80 { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .supports-\[backdrop-filter\]\:bg-background\/80 { background-color: color-mix(in oklab, var(--background) 80%, transparent) } } } @media(prefers-reduced-motion:no-preference) { .motion-safe\:animate-\[group-hero-float_2\.4s_ease-in-out_0\.2s_infinite\] { animation: 2.4s ease-in-out .2s infinite group-hero-float } .motion-safe\:animate-\[group-hero-float_2\.4s_ease-in-out_0\.4s_infinite\] { animation: 2.4s ease-in-out .4s infinite group-hero-float } .motion-safe\:animate-\[group-hero-float_2\.4s_ease-in-out_infinite\] { animation: 2.4s ease-in-out infinite group-hero-float } .motion-safe\:animate-pulse { animation: var(--animate-pulse) } .motion-safe\:animate-shine { animation: shine var(--duration) infinite linear } .motion-safe\:transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .motion-safe\:duration-300 { --tw-duration: .3s; transition-duration: .3s } .motion-safe\:ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out) } @media(hover:hover) { .motion-safe\:group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) { scale: 1.02 } } } @media(prefers-reduced-motion:reduce) { .motion-reduce\:transition-none { transition-property: none } } @media not all and (min-width:360px) { .max-\[360\]\:hidden { display: none } } @media not all and (min-width:767px) { .max-\[767px\]\:static { position: static } .max-\[767px\]\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } } @media not all and (min-width:80rem) { .max-xl\:hidden { display: none } .max-xl\:aspect-\[0\.8\] { aspect-ratio: .8 } .max-xl\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } .max-xl\:flex-col { flex-direction: column } .max-xl\:flex-col-reverse { flex-direction: column-reverse } .max-xl\:justify-center { justify-content: center } :where(.max-xl\:space-y-5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) } .max-xl\:px-4 { padding-inline: calc(var(--spacing) * 4) } .max-xl\:py-4 { padding-block: calc(var(--spacing) * 4) } .max-xl\:pl-4 { padding-left: calc(var(--spacing) * 4) } .max-xl\:text-center { text-align: center } .max-xl\:last\:basis-\[calc\(100vw-var\(--breakpoint-lg\)\+2rem\+26\.25rem\)\]:last-child { flex-basis: calc(100vw - var(--breakpoint-lg) + 2rem + 26.25rem) } } @media not all and (min-width:64rem) { .max-lg\:absolute { position: absolute } .max-lg\:fixed { position: fixed } .max-lg\:sticky { position: sticky } .max-lg\:inset-x-0 { inset-inline: calc(var(--spacing) * 0) } .max-lg\:inset-x-4 { inset-inline: calc(var(--spacing) * 4) } .max-lg\:top-auto { top: auto } .max-lg\:right-\[calc\(50\%\+40px\)\] { right: calc(50% + 40px) } .max-lg\:bottom-0 { bottom: calc(var(--spacing) * 0) } .max-lg\:left-1\/2 { left: 50% } .max-lg\:order-1 { order: 1 } .max-lg\:row-start-1 { grid-row-start: 1 } .max-lg\:container { width: 100% } @media(min-width:40rem) { .max-lg\:container { max-width: 40rem } } @media(min-width:48rem) { .max-lg\:container { max-width: 48rem } } @media(min-width:64rem) { .max-lg\:container { max-width: 64rem } } @media(min-width:80rem) { .max-lg\:container { max-width: 80rem } } @media(min-width:96rem) { .max-lg\:container { max-width: 96rem } } .max-lg\:container { margin-inline: auto; padding-inline: 2rem } .max-lg\:-mx-\[calc\(\(100vw-\(var\(--breakpoint-md\)-4rem\)\)\/2\)\] { margin-inline: calc(calc((100vw - (var(--breakpoint-md) - 4rem)) / 2) * -1) } .max-lg\:mx-auto { margin-inline: auto } .max-lg\:mt-2 { margin-top: calc(var(--spacing) * 2) } .max-lg\:mt-5 { margin-top: calc(var(--spacing) * 5) } .max-lg\:mb-0 { margin-bottom: calc(var(--spacing) * 0) } .max-lg\:-ml-2 { margin-left: calc(var(--spacing) * -2) } .max-lg\:ml-0 { margin-left: calc(var(--spacing) * 0) } .max-lg\:ml-6 { margin-left: calc(var(--spacing) * 6) } .max-lg\:contents { display: contents } .max-lg\:flex { display: flex } .max-lg\:hidden { display: none } .max-lg\:aspect-\[1\.4\] { aspect-ratio: 1.4 } .max-lg\:aspect-square { aspect-ratio: 1 } .max-lg\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .max-lg\:h-4\/5 { height: 80% } .max-lg\:h-100 { height: calc(var(--spacing) * 100) } .max-lg\:h-\[550px\] { height: 550px } .max-lg\:h-dvh { height: 100dvh } .max-lg\:w-52 { width: calc(var(--spacing) * 52) } .max-lg\:w-full { width: 100% } .max-lg\:max-w-full\! { max-width: 100% !important } .max-lg\:flex-1 { flex: 1 } .max-lg\:-translate-x-4 { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y) } .max-lg\:-translate-x-20 { --tw-translate-x: calc(var(--spacing) * -20); translate: var(--tw-translate-x) var(--tw-translate-y) } .max-lg\:translate-x-10 { --tw-translate-x: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y) } .max-lg\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .max-lg\:grid-rows-\[auto_1fr\] { grid-template-rows: auto 1fr } .max-lg\:flex-col { flex-direction: column } .max-lg\:flex-col-reverse { flex-direction: column-reverse } .max-lg\:items-center { align-items: center } .max-lg\:justify-center { justify-content: center } .max-lg\:gap-4 { gap: calc(var(--spacing) * 4) } .max-lg\:gap-4\.5 { gap: calc(var(--spacing) * 4.5) } .max-lg\:gap-6 { gap: calc(var(--spacing) * 6) } .max-lg\:gap-10 { gap: calc(var(--spacing) * 10) } :where(.max-lg\:space-y-3>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) } :where(.max-lg\:space-y-4>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) } :where(.max-lg\:divide-y>:not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) } .max-lg\:self-center { align-self: center } .max-lg\:justify-self-center { justify-self: center } .max-lg\:overflow-hidden { overflow: hidden } .max-lg\:rounded-none { border-radius: 0 } .max-lg\:rounded-tr-none { border-top-right-radius: 0 } .max-lg\:rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .max-lg\:rounded-b-none\! { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important } .max-lg\:border { border-style: var(--tw-border-style); border-width: 1px } .max-lg\:border-\[16px\] { border-style: var(--tw-border-style); border-width: 16px } .max-lg\:border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px } .max-lg\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px } .max-lg\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .max-lg\:bg-background { background-color: var(--background) } .max-lg\:p-2 { padding: calc(var(--spacing) * 2) } .max-lg\:p-4 { padding: calc(var(--spacing) * 4) } .max-lg\:p-5 { padding: calc(var(--spacing) * 5) } .max-lg\:px-4 { padding-inline: calc(var(--spacing) * 4) } .max-lg\:px-5 { padding-inline: calc(var(--spacing) * 5) } .max-lg\:px-6 { padding-inline: calc(var(--spacing) * 6) } .max-lg\:py-3\.5 { padding-block: calc(var(--spacing) * 3.5) } .max-lg\:py-4 { padding-block: calc(var(--spacing) * 4) } .max-lg\:pt-4 { padding-top: calc(var(--spacing) * 4) } .max-lg\:pt-5 { padding-top: calc(var(--spacing) * 5) } .max-lg\:pt-10 { padding-top: calc(var(--spacing) * 10) } .max-lg\:pb-7 { padding-bottom: calc(var(--spacing) * 7) } .max-lg\:pl-0 { padding-left: calc(var(--spacing) * 0) } .max-lg\:pl-2 { padding-left: calc(var(--spacing) * 2) } .max-lg\:pl-4 { padding-left: calc(var(--spacing) * 4) } .max-lg\:text-center { text-align: center } .max-lg\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .max-lg\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .max-lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .max-lg\:shadow-sm { --tw-shadow: var(--shadow-sm); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } } @media not all and (min-width:48rem) { .max-md\:sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden } .max-md\:absolute { position: absolute } .max-md\:static { position: static } .max-md\:top-auto { top: auto } .max-md\:bottom-0 { bottom: calc(var(--spacing) * 0) } .max-md\:left-0 { left: calc(var(--spacing) * 0) } .max-md\:order-3 { order: 3 } .max-md\:m-2 { margin: calc(var(--spacing) * 2) } .max-md\:-mx-\[calc\(\(100vw-\(var\(--breakpoint-sm\)-4rem\)\)\/2\)\] { margin-inline: calc(calc((100vw - (var(--breakpoint-sm) - 4rem)) / 2) * -1) } .max-md\:-mx-\[calc\(\(100vw-var\(--breakpoint-sm\)\+4rem\)\/2\)\] { margin-inline: calc(calc((100vw - var(--breakpoint-sm) + 4rem) / 2) * -1) } .max-md\:mx-0 { margin-inline: calc(var(--spacing) * 0) } .max-md\:mx-auto { margin-inline: auto } .max-md\:-mt-3 { margin-top: calc(var(--spacing) * -3) } .max-md\:mt-5 { margin-top: calc(var(--spacing) * 5) } .max-md\:mr-4 { margin-right: calc(var(--spacing) * 4) } .max-md\:-ml-3 { margin-left: calc(var(--spacing) * -3) } .max-md\:no-scrollbar { -ms-overflow-style: none; scrollbar-width: none } .max-md\:no-scrollbar::-webkit-scrollbar { display: none } .max-md\:contents { display: contents } .max-md\:flex { display: flex } .max-md\:hidden { display: none } .max-md\:aspect-\[0\.82\] { aspect-ratio: .82 } .max-md\:aspect-square { aspect-ratio: 1 } .max-md\:h-\[40\%\] { height: 40% } .max-md\:h-\[100cqb\] { height: 100cqb } .max-md\:h-\[200px\] { height: 200px } .max-md\:h-\[calc\(100dvh-100px\)\] { height: calc(100dvh - 100px) } .max-md\:h-dvh { height: 100dvh } .max-md\:h-full { height: 100% } .max-md\:min-h-63 { min-height: calc(var(--spacing) * 63) } .max-md\:w-\[calc\(100dvw-1\.75rem\)\]\! { width: calc(100dvw - 1.75rem) !important } .max-md\:w-\[calc\(100dvw-4rem\)\] { width: calc(100dvw - 4rem) } .max-md\:w-full { width: 100% } .max-md\:\!max-w-\[calc\(100dvw-2\.5rem\)\] { max-width: calc(100dvw - 2.5rem) !important } .max-md\:\!max-w-\[calc\(100dvw-2rem\)\] { max-width: calc(100dvw - 2rem) !important } .max-md\:\!max-w-\[calc\(100dvw-3rem\)\] { max-width: calc(100dvw - 3rem) !important } .max-md\:max-w-none { max-width: none } .max-md\:max-w-sm { max-width: var(--container-sm) } .max-md\:origin-top-left { transform-origin: 0 0 } .max-md\:translate-0 { --tw-translate-x: calc(var(--spacing) * 0); --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .max-md\:translate-0\! { --tw-translate-x: calc(var(--spacing) * 0) !important; --tw-translate-y: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important } .max-md\:-skew-y-6 { --tw-skew-y: skewY(-6deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .max-md\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) } .max-md\:grid-rows-\[1fr_1fr\] { grid-template-rows: 1fr 1fr } .max-md\:grid-rows-\[repeat\(2\,minmax\(13\.75rem\,1fr\)\)\] { grid-template-rows: repeat(2, minmax(13.75rem, 1fr)) } .max-md\:flex-col { flex-direction: column } .max-md\:flex-col-reverse { flex-direction: column-reverse } .max-md\:items-center { align-items: center } .max-md\:gap-3 { gap: calc(var(--spacing) * 3) } .max-md\:gap-6 { gap: calc(var(--spacing) * 6) } .max-md\:self-center { align-self: center } .max-md\:overflow-auto { overflow: auto } .max-md\:rounded-none { border-radius: 0 } .max-md\:rounded-xl { border-radius: calc(var(--radius) + 4px) } .max-md\:border { border-style: var(--tw-border-style); border-width: 1px } .max-md\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .max-md\:bg-background\/40 { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .max-md\:bg-background\/40 { background-color: color-mix(in oklab, var(--background) 40%, transparent) } } .max-md\:bg-linear-to-r { --tw-gradient-position: to right } @supports (background-image:linear-gradient(in lab, red, red)) { .max-md\:bg-linear-to-r { --tw-gradient-position: to right in oklab } } .max-md\:bg-linear-to-r { background-image: linear-gradient(var(--tw-gradient-stops)) } .max-md\:from-primary { --tw-gradient-from: var(--primary); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .max-md\:to-primary\/80 { --tw-gradient-to: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .max-md\:to-primary\/80 { --tw-gradient-to: color-mix(in oklab, var(--primary) 80%, transparent) } } .max-md\:to-primary\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .max-md\:bg-top { background-position: top } .max-md\:p-2 { padding: calc(var(--spacing) * 2) } .max-md\:p-3 { padding: calc(var(--spacing) * 3) } .max-md\:p-10 { padding: calc(var(--spacing) * 10) } .max-md\:px-0 { padding-inline: calc(var(--spacing) * 0) } .max-md\:px-5 { padding-inline: calc(var(--spacing) * 5) } .max-md\:ps-4 { padding-inline-start: calc(var(--spacing) * 4) } .max-md\:pt-3 { padding-top: calc(var(--spacing) * 3) } .max-md\:pl-3 { padding-left: calc(var(--spacing) * 3) } .max-md\:text-center { text-align: center } .max-md\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .max-md\:backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } :is(.max-md\:\*\:last\:border-b-0>*):last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } } @media not all and (min-width:40rem) { .max-sm\:sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden } .max-sm\:-mx-8 { margin-inline: calc(var(--spacing) * -8) } .max-sm\:hidden { display: none } .max-sm\:aspect-square { aspect-ratio: 1 } .max-sm\:h-100 { height: calc(var(--spacing) * 100) } .max-sm\:h-120 { height: calc(var(--spacing) * 120) } .max-sm\:h-140 { height: calc(var(--spacing) * 140) } .max-sm\:w-full { width: 100% } .max-sm\:w-full\! { width: 100% !important } .max-sm\:flex-1 { flex: 1 } .max-sm\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .max-sm\:flex-col { flex-direction: column } .max-sm\:flex-wrap { flex-wrap: wrap } .max-sm\:items-center { align-items: center } .max-sm\:justify-start { justify-content: flex-start } :where(.max-sm\:space-y-2\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))) } .max-sm\:self-end { align-self: flex-end } .max-sm\:border-y { border-block-style: var(--tw-border-style); border-block-width: 1px } .max-sm\:border-transparent { border-color: #0000 } .max-sm\:bg-background\/40 { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .max-sm\:bg-background\/40 { background-color: color-mix(in oklab, var(--background) 40%, transparent) } } .max-sm\:p-2 { padding: calc(var(--spacing) * 2) } .max-sm\:px-3\.5 { padding-inline: calc(var(--spacing) * 3.5) } .max-sm\:px-5 { padding-inline: calc(var(--spacing) * 5) } .max-sm\:text-center { text-align: center } .max-sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .max-sm\:text-foreground { color: var(--foreground) } .max-sm\:opacity-100 { opacity: 1 } .max-sm\:backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } } @media(min-width:450px) { .min-\[450px\]\:max-h-52 { max-height: calc(var(--spacing) * 52) } } @media(min-width:960px) { .min-\[960px\]\:mt-12 { margin-top: calc(var(--spacing) * 12) } .min-\[960px\]\:aspect-video { aspect-ratio: var(--aspect-video) } .min-\[960px\]\:max-h-56 { max-height: calc(var(--spacing) * 56) } .min-\[960px\]\:w-auto { width: auto } .min-\[960px\]\:max-w-md { max-width: var(--container-md) } .min-\[960px\]\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(0\,1\.08fr\)\] { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) } .min-\[960px\]\:flex-row { flex-direction: row } .min-\[960px\]\:gap-6 { gap: calc(var(--spacing) * 6) } .min-\[960px\]\:gap-8 { gap: calc(var(--spacing) * 8) } .min-\[960px\]\:gap-10 { gap: calc(var(--spacing) * 10) } .min-\[960px\]\:px-4 { padding-inline: calc(var(--spacing) * 4) } .min-\[960px\]\:py-4 { padding-block: calc(var(--spacing) * 4) } .min-\[960px\]\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .min-\[960px\]\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } } @media(min-width:40rem) { .sm\:sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden } .sm\:not-sr-only { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible } .sm\:static { position: static } .sm\:inset-auto { inset: auto } .sm\:-inset-x-2 { inset-inline: calc(var(--spacing) * -2) } .sm\:inset-x-6 { inset-inline: calc(var(--spacing) * 6) } .sm\:inset-y-\[calc\(100\%\/6\)\] { inset-block: 16.6667% } .sm\:-top-20 { top: calc(var(--spacing) * -20) } .sm\:-top-\[480\%\] { top: -480% } .sm\:top-0 { top: calc(var(--spacing) * 0) } .sm\:top-2 { top: calc(var(--spacing) * 2) } .sm\:top-5 { top: calc(var(--spacing) * 5) } .sm\:top-8 { top: calc(var(--spacing) * 8) } .sm\:top-auto { top: auto } .sm\:-right-6 { right: calc(var(--spacing) * -6) } .sm\:-right-\[2\%\] { right: -2% } .sm\:-right-\[10\%\] { right: -10% } .sm\:right-\[8\%\] { right: 8% } .sm\:right-auto { right: auto } .sm\:bottom-0 { bottom: calc(var(--spacing) * 0) } .sm\:bottom-6 { bottom: calc(var(--spacing) * 6) } .sm\:bottom-8 { bottom: calc(var(--spacing) * 8) } .sm\:bottom-\[-15\%\] { bottom: -15% } .sm\:-left-6 { left: calc(var(--spacing) * -6) } .sm\:-left-\[185\%\] { left: -185% } .sm\:left-1\/2 { left: 50% } .sm\:left-1\/3 { left: 33.3333% } .sm\:left-5 { left: calc(var(--spacing) * 5) } .sm\:left-10 { left: calc(var(--spacing) * 10) } .sm\:left-\[4\%\] { left: 4% } .sm\:left-\[8\%\] { left: 8% } .sm\:left-auto { left: auto } .sm\:order-1 { order: 1 } .sm\:order-2 { order: 2 } .sm\:order-first { order: -9999 } .sm\:order-last { order: 9999 } .sm\:order-none { order: 0 } .sm\:col-span-1 { grid-column: span 1/span 1 } .sm\:col-span-2 { grid-column: span 2/span 2 } .sm\:col-span-3 { grid-column: span 3/span 3 } .sm\:col-span-5 { grid-column: span 5/span 5 } .sm\:col-span-6 { grid-column: span 6/span 6 } .sm\:col-span-12 { grid-column: span 12/span 12 } .sm\:col-start-2 { grid-column-start: 2 } .sm\:col-start-auto { grid-column-start: auto } .sm\:row-span-2 { grid-row: span 2/span 2 } .sm\:-mx-5 { margin-inline: calc(var(--spacing) * -5) } .sm\:-mx-8 { margin-inline: calc(var(--spacing) * -8) } .sm\:-mx-16 { margin-inline: calc(var(--spacing) * -16) } .sm\:mx-auto { margin-inline: auto } .sm\:my-4 { margin-block: calc(var(--spacing) * 4) } .sm\:my-10 { margin-block: calc(var(--spacing) * 10) } .sm\:my-16 { margin-block: calc(var(--spacing) * 16) } .sm\:-mt-12 { margin-top: calc(var(--spacing) * -12) } .sm\:-mt-14 { margin-top: calc(var(--spacing) * -14) } .sm\:-mt-16 { margin-top: calc(var(--spacing) * -16) } .sm\:mt-0 { margin-top: calc(var(--spacing) * 0) } .sm\:mt-0\.5 { margin-top: calc(var(--spacing) * .5) } .sm\:mt-1 { margin-top: calc(var(--spacing) * 1) } .sm\:mt-3 { margin-top: calc(var(--spacing) * 3) } .sm\:mt-4 { margin-top: calc(var(--spacing) * 4) } .sm\:mt-5 { margin-top: calc(var(--spacing) * 5) } .sm\:mt-6 { margin-top: calc(var(--spacing) * 6) } .sm\:mt-8 { margin-top: calc(var(--spacing) * 8) } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10) } .sm\:mt-11 { margin-top: calc(var(--spacing) * 11) } .sm\:mt-12 { margin-top: calc(var(--spacing) * 12) } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16) } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24) } .sm\:mt-28 { margin-top: calc(var(--spacing) * 28) } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32) } .sm\:mt-68 { margin-top: calc(var(--spacing) * 68) } .sm\:mr-0 { margin-right: calc(var(--spacing) * 0) } .sm\:-mb-14 { margin-bottom: calc(var(--spacing) * -14) } .sm\:-mb-px { margin-bottom: -1px } .sm\:mb-0 { margin-bottom: calc(var(--spacing) * 0) } .sm\:mb-1 { margin-bottom: calc(var(--spacing) * 1) } .sm\:mb-2 { margin-bottom: calc(var(--spacing) * 2) } .sm\:mb-3 { margin-bottom: calc(var(--spacing) * 3) } .sm\:mb-4 { margin-bottom: calc(var(--spacing) * 4) } .sm\:mb-5 { margin-bottom: calc(var(--spacing) * 5) } .sm\:mb-6 { margin-bottom: calc(var(--spacing) * 6) } .sm\:mb-9 { margin-bottom: calc(var(--spacing) * 9) } .sm\:mb-9\.5 { margin-bottom: calc(var(--spacing) * 9.5) } .sm\:mb-10 { margin-bottom: calc(var(--spacing) * 10) } .sm\:mb-16 { margin-bottom: calc(var(--spacing) * 16) } .sm\:mb-20 { margin-bottom: calc(var(--spacing) * 20) } .sm\:mb-24 { margin-bottom: calc(var(--spacing) * 24) } .sm\:-ml-28 { margin-left: calc(var(--spacing) * -28) } .sm\:-ml-\[var\(--product-img-space-desktop\)\] { margin-left: calc(var(--product-img-space-desktop) * -1) } .sm\:ml-2 { margin-left: calc(var(--spacing) * 2) } .sm\:ml-auto { margin-left: auto } .sm\:block { display: block } .sm\:contents { display: contents } .sm\:flex { display: flex } .sm\:grid { display: grid } .sm\:hidden { display: none } .sm\:inline { display: inline } .sm\:inline-block { display: inline-block } .sm\:inline-flex { display: inline-flex } .sm\:table-cell { display: table-cell } .sm\:aspect-2\/1 { aspect-ratio: 2 } .sm\:aspect-3\/2 { aspect-ratio: 3/2 } .sm\:aspect-4\/3 { aspect-ratio: 4/3 } .sm\:aspect-5\/2 { aspect-ratio: 5/2 } .sm\:aspect-\[0\.9\] { aspect-ratio: .9 } .sm\:aspect-\[1\/1\.5\] { aspect-ratio: 1/1.5 } .sm\:aspect-\[2\.1\/1\] { aspect-ratio: 2.1 } .sm\:aspect-\[2\.788990826\/1\] { aspect-ratio: 2.78899 } .sm\:aspect-auto { aspect-ratio: auto } .sm\:aspect-square { aspect-ratio: 1 } .sm\:aspect-video { aspect-ratio: var(--aspect-video) } .sm\:size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2) } .sm\:size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5) } .sm\:size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .sm\:size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5) } .sm\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .sm\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .sm\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .sm\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } .sm\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .sm\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .sm\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11) } .sm\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .sm\:size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14) } .sm\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16) } .sm\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20) } .sm\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24) } .sm\:size-28 { width: calc(var(--spacing) * 28); height: calc(var(--spacing) * 28) } .sm\:size-30 { width: calc(var(--spacing) * 30); height: calc(var(--spacing) * 30) } .sm\:size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32) } .sm\:size-34 { width: calc(var(--spacing) * 34); height: calc(var(--spacing) * 34) } .sm\:size-\[18px\] { width: 18px; height: 18px } .sm\:size-\[120px\] { width: 120px; height: 120px } .sm\:size-\[190px\] { width: 190px; height: 190px } .sm\:size-\[2000px\] { width: 2000px; height: 2000px } .sm\:size-auto { width: auto; height: auto } .sm\:h-3 { height: calc(var(--spacing) * 3) } .sm\:h-4 { height: calc(var(--spacing) * 4) } .sm\:h-5 { height: calc(var(--spacing) * 5) } .sm\:h-6 { height: calc(var(--spacing) * 6) } .sm\:h-7 { height: calc(var(--spacing) * 7) } .sm\:h-8 { height: calc(var(--spacing) * 8) } .sm\:h-9 { height: calc(var(--spacing) * 9) } .sm\:h-10 { height: calc(var(--spacing) * 10) } .sm\:h-11 { height: calc(var(--spacing) * 11) } .sm\:h-16 { height: calc(var(--spacing) * 16) } .sm\:h-20 { height: calc(var(--spacing) * 20) } .sm\:h-28 { height: calc(var(--spacing) * 28) } .sm\:h-32 { height: calc(var(--spacing) * 32) } .sm\:h-40 { height: calc(var(--spacing) * 40) } .sm\:h-44 { height: calc(var(--spacing) * 44) } .sm\:h-50 { height: calc(var(--spacing) * 50) } .sm\:h-64 { height: calc(var(--spacing) * 64) } .sm\:h-80 { height: calc(var(--spacing) * 80) } .sm\:h-88 { height: calc(var(--spacing) * 88) } .sm\:h-100 { height: calc(var(--spacing) * 100) } .sm\:h-\[16\.875rem\] { height: 16.875rem } .sm\:h-\[24rem\] { height: 24rem } .sm\:h-\[28rem\] { height: 28rem } .sm\:h-\[39\.5rem\] { height: 39.5rem } .sm\:h-\[45\%\] { height: 45% } .sm\:h-\[160px\] { height: 160px } .sm\:h-\[220px\] { height: 220px } .sm\:h-\[240px\] { height: 240px } .sm\:h-\[250px\] { height: 250px } .sm\:h-\[280px\] { height: 280px } .sm\:h-\[300px\] { height: 300px } .sm\:h-\[340px\] { height: 340px } .sm\:h-\[370px\] { height: 370px } .sm\:h-\[420px\] { height: 420px } .sm\:h-\[500px\] { height: 500px } .sm\:h-\[540px\] { height: 540px } .sm\:h-\[750px\] { height: 750px } .sm\:h-auto { height: auto } .sm\:h-dvh { height: 100dvh } .sm\:h-px { height: 1px } .sm\:max-h-64 { max-height: calc(var(--spacing) * 64) } .sm\:max-h-72 { max-height: calc(var(--spacing) * 72) } .sm\:max-h-96 { max-height: calc(var(--spacing) * 96) } .sm\:max-h-\[440px\] { max-height: 440px } .sm\:max-h-\[660px\] { max-height: 660px } .sm\:max-h-\[700px\] { max-height: 700px } .sm\:max-h-\[min\(32rem\,80vw\)\] { max-height: min(32rem, 80vw) } .sm\:max-h-none { max-height: none } .sm\:min-h-0 { min-height: calc(var(--spacing) * 0) } .sm\:min-h-28 { min-height: calc(var(--spacing) * 28) } .sm\:min-h-72 { min-height: calc(var(--spacing) * 72) } .sm\:min-h-80 { min-height: calc(var(--spacing) * 80) } .sm\:min-h-120 { min-height: calc(var(--spacing) * 120) } .sm\:min-h-\[48\.875rem\] { min-height: 48.875rem } .sm\:min-h-\[480px\] { min-height: 480px } .sm\:min-h-\[calc\(8rem\+0\.5rem\+2px\)\] { min-height: calc(8.5rem + 2px) } .sm\:min-h-\[min\(52vh\,560px\)\] { min-height: min(52vh, 560px) } .sm\:min-h-full { min-height: 100% } .sm\:w-1\.5 { width: calc(var(--spacing) * 1.5) } .sm\:w-1\/2 { width: 50% } .sm\:w-1\/6 { width: 16.6667% } .sm\:w-2\/3 { width: 66.6667% } .sm\:w-2\/5 { width: 40% } .sm\:w-2\/12 { width: 16.6667% } .sm\:w-4 { width: calc(var(--spacing) * 4) } .sm\:w-4\/12 { width: 33.3333% } .sm\:w-5 { width: calc(var(--spacing) * 5) } .sm\:w-10 { width: calc(var(--spacing) * 10) } .sm\:w-11\/12 { width: 91.6667% } .sm\:w-14 { width: calc(var(--spacing) * 14) } .sm\:w-16 { width: calc(var(--spacing) * 16) } .sm\:w-20 { width: calc(var(--spacing) * 20) } .sm\:w-28 { width: calc(var(--spacing) * 28) } .sm\:w-32 { width: calc(var(--spacing) * 32) } .sm\:w-36 { width: calc(var(--spacing) * 36) } .sm\:w-40 { width: calc(var(--spacing) * 40) } .sm\:w-44 { width: calc(var(--spacing) * 44) } .sm\:w-48 { width: calc(var(--spacing) * 48) } .sm\:w-56 { width: calc(var(--spacing) * 56) } .sm\:w-64 { width: calc(var(--spacing) * 64) } .sm\:w-68 { width: calc(var(--spacing) * 68) } .sm\:w-72 { width: calc(var(--spacing) * 72) } .sm\:w-80 { width: calc(var(--spacing) * 80) } .sm\:w-96 { width: calc(var(--spacing) * 96) } .sm\:w-100 { width: calc(var(--spacing) * 100) } .sm\:w-\[18\.75rem\] { width: 18.75rem } .sm\:w-\[22\.625rem\] { width: 22.625rem } .sm\:w-\[25rem\] { width: 25rem } .sm\:w-\[35\%\] { width: 35% } .sm\:w-\[38\%\] { width: 38% } .sm\:w-\[42\.5rem\] { width: 42.5rem } .sm\:w-\[45\%\] { width: 45% } .sm\:w-\[50\%\] { width: 50% } .sm\:w-\[70\%\] { width: 70% } .sm\:w-\[80vw\] { width: 80vw } .sm\:w-\[140px\] { width: 140px } .sm\:w-\[148px\] { width: 148px } .sm\:w-\[160px\] { width: 160px } .sm\:w-\[180px\] { width: 180px } .sm\:w-\[200px\] { width: 200px } .sm\:w-\[260px\] { width: 260px } .sm\:w-\[350px\] { width: 350px } .sm\:w-\[400px\] { width: 400px } .sm\:w-auto { width: auto } .sm\:w-fit { width: fit-content } .sm\:w-full { width: 100% } .sm\:w-px { width: 1px } .sm\:\!max-w-200 { max-width: calc(var(--spacing) * 200) !important } .sm\:\!max-w-full { max-width: 100% !important } .sm\:max-w-2xl { max-width: var(--container-2xl) } .sm\:max-w-3xl { max-width: var(--container-3xl) } .sm\:max-w-4\/5 { max-width: 80% } .sm\:max-w-6xl { max-width: var(--container-6xl) } .sm\:max-w-7xl { max-width: var(--container-7xl) } .sm\:max-w-56 { max-width: calc(var(--spacing) * 56) } .sm\:max-w-60 { max-width: calc(var(--spacing) * 60) } .sm\:max-w-85 { max-width: calc(var(--spacing) * 85) } .sm\:max-w-96 { max-width: calc(var(--spacing) * 96) } .sm\:max-w-100 { max-width: calc(var(--spacing) * 100) } .sm\:max-w-120 { max-width: calc(var(--spacing) * 120) } .sm\:max-w-130 { max-width: calc(var(--spacing) * 130) } .sm\:max-w-132\.5 { max-width: calc(var(--spacing) * 132.5) } .sm\:max-w-135\! { max-width: calc(var(--spacing) * 135) !important } .sm\:max-w-137\.5 { max-width: calc(var(--spacing) * 137.5) } .sm\:max-w-140 { max-width: calc(var(--spacing) * 140) } .sm\:max-w-160 { max-width: calc(var(--spacing) * 160) } .sm\:max-w-168 { max-width: calc(var(--spacing) * 168) } .sm\:max-w-190 { max-width: calc(var(--spacing) * 190) } .sm\:max-w-200 { max-width: calc(var(--spacing) * 200) } .sm\:max-w-240 { max-width: calc(var(--spacing) * 240) } .sm\:max-w-250 { max-width: calc(var(--spacing) * 250) } .sm\:max-w-275 { max-width: calc(var(--spacing) * 275) } .sm\:max-w-350 { max-width: calc(var(--spacing) * 350) } .sm\:max-w-360 { max-width: calc(var(--spacing) * 360) } .sm\:max-w-\[26\.5625rem\] { max-width: 26.5625rem } .sm\:max-w-\[27\.75rem\] { max-width: 27.75rem } .sm\:max-w-\[31\.25rem\] { max-width: 31.25rem } .sm\:max-w-\[33\.75rem\] { max-width: 33.75rem } .sm\:max-w-\[37\.5rem\] { max-width: 37.5rem } .sm\:max-w-\[50rem\] { max-width: 50rem } .sm\:max-w-\[80vw\] { max-width: 80vw } .sm\:max-w-\[220px\] { max-width: 220px } .sm\:max-w-\[240px\] { max-width: 240px } .sm\:max-w-\[260px\] { max-width: 260px } .sm\:max-w-\[298px\] { max-width: 298px } .sm\:max-w-\[320px\] { max-width: 320px } .sm\:max-w-\[425px\] { max-width: 425px } .sm\:max-w-\[480px\] { max-width: 480px } .sm\:max-w-\[500px\] { max-width: 500px } .sm\:max-w-\[550px\] { max-width: 550px } .sm\:max-w-\[600px\] { max-width: 600px } .sm\:max-w-\[700px\] { max-width: 700px } .sm\:max-w-\[800px\] { max-width: 800px } .sm\:max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem) } .sm\:max-w-\[calc\(100dvw-2rem\)\] { max-width: calc(100dvw - 2rem) } .sm\:max-w-\[min\(32rem\,80vw\)\] { max-width: min(32rem, 80vw) } .sm\:max-w-\[var\(--sheet-width\)\] { max-width: var(--sheet-width) } .sm\:max-w-dvw { max-width: 100dvw } .sm\:max-w-full { max-width: 100% } .sm\:max-w-lg { max-width: var(--container-lg) } .sm\:max-w-md { max-width: var(--container-md) } .sm\:max-w-none { max-width: none } .sm\:max-w-prose { max-width: 65ch } .sm\:max-w-sm { max-width: var(--container-sm) } .sm\:max-w-xl { max-width: var(--container-xl) } .sm\:max-w-xs { max-width: var(--container-xs) } .sm\:min-w-17 { min-width: calc(var(--spacing) * 17) } .sm\:min-w-28 { min-width: calc(var(--spacing) * 28) } .sm\:min-w-44 { min-width: calc(var(--spacing) * 44) } .sm\:min-w-80 { min-width: calc(var(--spacing) * 80) } .sm\:min-w-100 { min-width: calc(var(--spacing) * 100) } .sm\:flex-1 { flex: 1 } .sm\:flex-1\/3 { flex: 33.3333% } .sm\:flex-2\/3 { flex: 66.6667% } .sm\:flex-initial { flex: 0 auto } .sm\:flex-none { flex: none } .sm\:shrink-0 { flex-shrink: 0 } .sm\:basis-1\/2 { flex-basis: 50% } .sm\:basis-1\/3 { flex-basis: 33.3333% } .sm\:basis-1\/4 { flex-basis: 25% } .sm\:basis-1\/5 { flex-basis: 20% } .sm\:basis-1\/6 { flex-basis: 16.6667% } .sm\:basis-3\/5 { flex-basis: 60% } .sm\:basis-9\/12 { flex-basis: 75% } .sm\:basis-25 { flex-basis: calc(var(--spacing) * 25) } .sm\:basis-30 { flex-basis: calc(var(--spacing) * 30) } .sm\:basis-36 { flex-basis: calc(var(--spacing) * 36) } .sm\:basis-40 { flex-basis: calc(var(--spacing) * 40) } .sm\:basis-52\.5 { flex-basis: calc(var(--spacing) * 52.5) } .sm\:basis-70 { flex-basis: calc(var(--spacing) * 70) } .sm\:basis-95 { flex-basis: calc(var(--spacing) * 95) } .sm\:basis-100 { flex-basis: calc(var(--spacing) * 100) } .sm\:basis-\[32\%\] { flex-basis: 32% } .sm\:basis-\[45\%\] { flex-basis: 45% } .sm\:basis-\[70\%\] { flex-basis: 70% } .sm\:basis-\[75\%\] { flex-basis: 75% } .sm\:basis-\[80\%\] { flex-basis: 80% } .sm\:basis-\[334px\] { flex-basis: 334px } .sm\:-translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .sm\:-translate-x-\[2px\] { --tw-translate-x: -2px; translate: var(--tw-translate-x) var(--tw-translate-y) } .sm\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .sm\:-translate-y-4 { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y) } .sm\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .sm\:translate-y-8 { --tw-translate-y: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y) } .sm\:translate-y-20 { --tw-translate-y: calc(var(--spacing) * 20); translate: var(--tw-translate-x) var(--tw-translate-y) } .sm\:scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y) } .sm\:scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .sm\:scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .sm\:columns-2 { columns: 2 } .sm\:auto-rows-\[180px\] { grid-auto-rows: 180px } .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-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .sm\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .sm\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .sm\:grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr } .sm\:grid-cols-\[5\.3rem_6\.25rem_12rem\] { grid-template-columns: 5.3rem 6.25rem 12rem } .sm\:grid-cols-\[repeat\(auto-fit\,minmax\(22\.75rem\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(22.75rem, 1fr)) } .sm\:grid-rows-\[10\.3rem_9\.625rem_1\.25rem_4\.3rem\] { grid-template-rows: 10.3rem 9.625rem 1.25rem 4.3rem } .sm\:flex-col { flex-direction: column } .sm\:flex-row { flex-direction: row } .sm\:flex-nowrap { flex-wrap: nowrap } .sm\:flex-wrap { flex-wrap: wrap } .sm\:place-items-center { place-items: center } .sm\:items-baseline { align-items: baseline } .sm\:items-center { align-items: center } .sm\:items-end { align-items: flex-end } .sm\:items-start { align-items: flex-start } .sm\:justify-between { justify-content: space-between } .sm\:justify-center { justify-content: center } .sm\:justify-end { justify-content: flex-end } .sm\:justify-start { justify-content: flex-start } .sm\:gap-0 { gap: calc(var(--spacing) * 0) } .sm\:gap-1 { gap: calc(var(--spacing) * 1) } .sm\:gap-1\.5 { gap: calc(var(--spacing) * 1.5) } .sm\:gap-2 { gap: calc(var(--spacing) * 2) } .sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5) } .sm\:gap-3 { gap: calc(var(--spacing) * 3) } .sm\:gap-4 { gap: calc(var(--spacing) * 4) } .sm\:gap-5 { gap: calc(var(--spacing) * 5) } .sm\:gap-6 { gap: calc(var(--spacing) * 6) } .sm\:gap-8 { gap: calc(var(--spacing) * 8) } .sm\:gap-9\.5 { gap: calc(var(--spacing) * 9.5) } .sm\:gap-10 { gap: calc(var(--spacing) * 10) } .sm\:gap-12 { gap: calc(var(--spacing) * 12) } .sm\:gap-16 { gap: calc(var(--spacing) * 16) } .sm\:gap-20 { gap: calc(var(--spacing) * 20) } .sm\:gap-28 { gap: calc(var(--spacing) * 28) } .sm\:gap-32 { gap: calc(var(--spacing) * 32) } .sm\:gap-\[0\.8rem\] { gap: .8rem } :where(.sm\:space-y-0>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))) } :where(.sm\:space-y-1\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))) } :where(.sm\:space-y-2>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) } :where(.sm\:space-y-3>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) } :where(.sm\:space-y-5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) } :where(.sm\:space-y-6>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) } :where(.sm\:space-y-10>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))) } .sm\:gap-x-4 { column-gap: calc(var(--spacing) * 4) } .sm\:gap-x-5 { column-gap: calc(var(--spacing) * 5) } .sm\:gap-x-6 { column-gap: calc(var(--spacing) * 6) } .sm\:gap-x-10 { column-gap: calc(var(--spacing) * 10) } .sm\:gap-x-12 { column-gap: calc(var(--spacing) * 12) } :where(.sm\:-space-x-5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -5) * calc(1 - var(--tw-space-x-reverse))) } .sm\:gap-y-0 { row-gap: calc(var(--spacing) * 0) } .sm\:gap-y-4 { row-gap: calc(var(--spacing) * 4) } .sm\:gap-y-12 { row-gap: calc(var(--spacing) * 12) } .sm\:gap-y-16 { row-gap: calc(var(--spacing) * 16) } :where(.sm\:divide-y-0>:not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(0px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))) } .sm\:self-auto { align-self: auto } .sm\:self-center { align-self: center } .sm\:self-end { align-self: flex-end } .sm\:self-stretch { align-self: stretch } .sm\:overflow-visible { overflow: visible } .sm\:rounded-2xl { border-radius: var(--radius-2xl) } .sm\:rounded-3xl { border-radius: var(--radius-3xl) } .sm\:rounded-\[75px\] { border-radius: 75px } .sm\:rounded-full { border-radius: 3.40282e38px } .sm\:rounded-lg { border-radius: var(--radius) } .sm\:rounded-md { border-radius: calc(var(--radius) - 2px) } .sm\:rounded-xl { border-radius: calc(var(--radius) + 4px) } .sm\:rounded-l-none\! { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important } .sm\:rounded-l-sm { border-top-left-radius: calc(var(--radius) - 4px); border-bottom-left-radius: calc(var(--radius) - 4px) } .sm\:rounded-r-none\! { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important } .sm\:border { border-style: var(--tw-border-style); border-width: 1px } .sm\:border-0 { border-style: var(--tw-border-style); border-width: 0 } .sm\:border-3 { border-style: var(--tw-border-style); border-width: 3px } .sm\:border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px } .sm\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px } .sm\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0 } .sm\:border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0 } .sm\:border-r-0\! { border-right-style: var(--tw-border-style) !important; border-right-width: 0 !important } .sm\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px } .sm\:border-b-transparent { border-bottom-color: #0000 } .sm\:bg-background { background-color: var(--background) } .sm\:bg-\[linear-gradient\(transparent_0\%\,hsl\(var\(--accent\)\)_100\%\)\] { background-image: linear-gradient(transparent 0%, hsl(var(--accent))) } .sm\:bg-\[linear-gradient\(transparent_0\%\,var\(--accent\)_100\%\)\] { background-image: linear-gradient(transparent 0%, var(--accent) 100%) } .sm\:bg-\[radial-gradient\(hsl\(var\(--muted-foreground\)\)_1px\,transparent_1px\)\] { background-image: radial-gradient(hsl(var(--muted-foreground)) 1px, transparent 1px) } .sm\:bg-\[radial-gradient\(var\(--muted-foreground\)_1px\,transparent_1px\)\] { background-image: radial-gradient(var(--muted-foreground) 1px, transparent 1px) } .sm\:via-background { --tw-gradient-via: var(--background); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .sm\:mask-\[linear-gradient\(to_right\,transparent\,black_15\%\,black_85\%\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 15% 85%, #0000); mask-image: linear-gradient(90deg, #0000, #000 15% 85%, #0000) } .sm\:p-0 { padding: calc(var(--spacing) * 0) } .sm\:p-2 { padding: calc(var(--spacing) * 2) } .sm\:p-3 { padding: calc(var(--spacing) * 3) } .sm\:p-4 { padding: calc(var(--spacing) * 4) } .sm\:p-5 { padding: calc(var(--spacing) * 5) } .sm\:p-6 { padding: calc(var(--spacing) * 6) } .sm\:p-7 { padding: calc(var(--spacing) * 7) } .sm\:p-7\.5 { padding: calc(var(--spacing) * 7.5) } .sm\:p-8 { padding: calc(var(--spacing) * 8) } .sm\:p-10 { padding: calc(var(--spacing) * 10) } .sm\:p-12 { padding: calc(var(--spacing) * 12) } .sm\:p-16 { padding: calc(var(--spacing) * 16) } .sm\:p-20 { padding: calc(var(--spacing) * 20) } .sm\:px-0 { padding-inline: calc(var(--spacing) * 0) } .sm\:px-2 { padding-inline: calc(var(--spacing) * 2) } .sm\:px-3 { padding-inline: calc(var(--spacing) * 3) } .sm\:px-4 { padding-inline: calc(var(--spacing) * 4) } .sm\:px-5 { padding-inline: calc(var(--spacing) * 5) } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6) } .sm\:px-7 { padding-inline: calc(var(--spacing) * 7) } .sm\:px-7\.5 { padding-inline: calc(var(--spacing) * 7.5) } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8) } .sm\:px-10 { padding-inline: calc(var(--spacing) * 10) } .sm\:px-12 { padding-inline: calc(var(--spacing) * 12) } .sm\:px-16 { padding-inline: calc(var(--spacing) * 16) } .sm\:px-18 { padding-inline: calc(var(--spacing) * 18) } .sm\:px-20 { padding-inline: calc(var(--spacing) * 20) } .sm\:py-0 { padding-block: calc(var(--spacing) * 0) } .sm\:py-1 { padding-block: calc(var(--spacing) * 1) } .sm\:py-2 { padding-block: calc(var(--spacing) * 2) } .sm\:py-3 { padding-block: calc(var(--spacing) * 3) } .sm\:py-3\.5 { padding-block: calc(var(--spacing) * 3.5) } .sm\:py-4 { padding-block: calc(var(--spacing) * 4) } .sm\:py-5 { padding-block: calc(var(--spacing) * 5) } .sm\:py-6 { padding-block: calc(var(--spacing) * 6) } .sm\:py-7 { padding-block: calc(var(--spacing) * 7) } .sm\:py-7\.5 { padding-block: calc(var(--spacing) * 7.5) } .sm\:py-8 { padding-block: calc(var(--spacing) * 8) } .sm\:py-10 { padding-block: calc(var(--spacing) * 10) } .sm\:py-12 { padding-block: calc(var(--spacing) * 12) } .sm\:py-16 { padding-block: calc(var(--spacing) * 16) } .sm\:py-20 { padding-block: calc(var(--spacing) * 20) } .sm\:py-24 { padding-block: calc(var(--spacing) * 24) } .sm\:py-32 { padding-block: calc(var(--spacing) * 32) } .sm\:pt-0 { padding-top: calc(var(--spacing) * 0) } .sm\:pt-4 { padding-top: calc(var(--spacing) * 4) } .sm\:pt-5 { padding-top: calc(var(--spacing) * 5) } .sm\:pt-6 { padding-top: calc(var(--spacing) * 6) } .sm\:pt-7 { padding-top: calc(var(--spacing) * 7) } .sm\:pt-8 { padding-top: calc(var(--spacing) * 8) } .sm\:pt-9 { padding-top: calc(var(--spacing) * 9) } .sm\:pt-10 { padding-top: calc(var(--spacing) * 10) } .sm\:pt-16 { padding-top: calc(var(--spacing) * 16) } .sm\:pr-0 { padding-right: calc(var(--spacing) * 0) } .sm\:pr-3 { padding-right: calc(var(--spacing) * 3) } .sm\:pr-4 { padding-right: calc(var(--spacing) * 4) } .sm\:pr-5 { padding-right: calc(var(--spacing) * 5) } .sm\:pr-6 { padding-right: calc(var(--spacing) * 6) } .sm\:pb-0 { padding-bottom: calc(var(--spacing) * 0) } .sm\:pb-1 { padding-bottom: calc(var(--spacing) * 1) } .sm\:pb-4 { padding-bottom: calc(var(--spacing) * 4) } .sm\:pb-5 { padding-bottom: calc(var(--spacing) * 5) } .sm\:pb-8 { padding-bottom: calc(var(--spacing) * 8) } .sm\:pb-10 { padding-bottom: calc(var(--spacing) * 10) } .sm\:pb-12 { padding-bottom: calc(var(--spacing) * 12) } .sm\:pb-14 { padding-bottom: calc(var(--spacing) * 14) } .sm\:pb-28 { padding-bottom: calc(var(--spacing) * 28) } .sm\:pb-32 { padding-bottom: calc(var(--spacing) * 32) } .sm\:pb-44 { padding-bottom: calc(var(--spacing) * 44) } .sm\:pb-\[10rem\] { padding-bottom: 10rem } .sm\:pl-0 { padding-left: calc(var(--spacing) * 0) } .sm\:pl-1 { padding-left: calc(var(--spacing) * 1) } .sm\:pl-4 { padding-left: calc(var(--spacing) * 4) } .sm\:pl-5 { padding-left: calc(var(--spacing) * 5) } .sm\:pl-6 { padding-left: calc(var(--spacing) * 6) } .sm\:pl-8 { padding-left: calc(var(--spacing) * 8) } .sm\:pl-10 { padding-left: calc(var(--spacing) * 10) } .sm\:pl-16 { padding-left: calc(var(--spacing) * 16) } .sm\:pl-32 { padding-left: calc(var(--spacing) * 32) } .sm\:pl-\[var\(--product-img-space-desktop\)\] { padding-left: var(--product-img-space-desktop) } .sm\:text-center { text-align: center } .sm\:text-left { text-align: left } .sm\:text-right { text-align: right } .sm\:\!text-xl { font-size: var(--text-xl) !important; line-height: var(--tw-leading, var(--text-xl--line-height)) !important } .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .sm\:text-5xl\/tight { font-size: var(--text-5xl); line-height: var(--leading-tight) } .sm\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)) } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)) } .sm\:text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)) } .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .sm\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .sm\:text-\[2rem\] { font-size: 2rem } .sm\:text-\[3\.5rem\] { font-size: 3.5rem } .sm\:text-\[3\.75rem\] { font-size: 3.75rem } .sm\:text-\[3\.375rem\] { font-size: 3.375rem } .sm\:text-\[3\.4375rem\] { font-size: 3.4375rem } .sm\:text-\[3\.9375rem\] { font-size: 3.9375rem } .sm\:text-\[4\.5rem\] { font-size: 4.5rem } .sm\:text-\[10px\] { font-size: 10px } .sm\:text-\[11px\] { font-size: 11px } .sm\:text-\[13px\] { font-size: 13px } .sm\:text-\[22px\] { font-size: 22px } .sm\:text-\[28px\] { font-size: 28px } .sm\:leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6) } .sm\:leading-10 { --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10) } .sm\:leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug) } .sm\:leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight) } .sm\:text-balance { text-wrap: balance } .sm\:shadow-md { --tw-shadow: var(--shadow-md); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *) { grid-row: span 2/span 2 } .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *) { place-items: start } .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *) { text-align: left } .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *) { grid-column-start: 2 } .sm\:first\:pl-5:first-child { padding-left: calc(var(--spacing) * 5) } .sm\:last\:hidden:last-child { display: none } .sm\:last\:pr-5:last-child { padding-right: calc(var(--spacing) * 5) } .sm\:focus\:\!border-input\/70:focus { border-color: var(--input) !important } @supports (color:color-mix(in lab, red, red)) { .sm\:focus\:\!border-input\/70:focus { border-color: color-mix(in oklab, var(--input) 70%, transparent) !important } } .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]) { grid-template-rows: auto 1fr } .data-\[side\=left\]\:sm\:max-w-sm[data-side=left], .data-\[side\=right\]\:sm\:max-w-sm[data-side=right] { max-width: var(--container-sm) } .data-\[size\=default\]\:sm\:max-w-lg[data-size=default] { max-width: var(--container-lg) } .data-\[size\=default\]\:sm\:max-w-md[data-size=default] { max-width: var(--container-md) } .data-\[size\=default\]\:sm\:max-w-sm[data-size=default], .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left], .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] { max-width: var(--container-sm) } @media not all and (min-width:64rem) { .sm\:max-lg\:col-span-1 { grid-column: span 1/span 1 } .sm\:max-lg\:col-span-2 { grid-column: span 2/span 2 } .sm\:max-lg\:max-w-md { max-width: var(--container-md) } .sm\:max-lg\:justify-self-center { justify-self: center } .sm\:max-lg\:odd\:-mr-px:nth-child(odd) { margin-right: -1px } } @media not all and (min-width:48rem) { .sm\:max-md\:-mx-\[calc\(\(100vw-var\(--breakpoint-sm\)\+4rem\)\/2\)\] { margin-inline: calc(calc((100vw - var(--breakpoint-sm) + 4rem) / 2) * -1) } .sm\:max-md\:aspect-\[0\.949737736\] { aspect-ratio: .949738 } .sm\:max-md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .sm\:max-md\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px } } } @media(min-width:48rem) { .md\:absolute { position: absolute } .md\:relative { position: relative } .md\:static { position: static } .md\:sticky { position: sticky } .md\:inset-0 { inset: calc(var(--spacing) * 0) } .md\:inset-6 { inset: calc(var(--spacing) * 6) } .md\:inset-20 { inset: calc(var(--spacing) * 20) } .md\:inset-x-0 { inset-inline: calc(var(--spacing) * 0) } .md\:inset-x-10 { inset-inline: calc(var(--spacing) * 10) } .md\:inset-x-auto { inset-inline: auto } .md\:end-2\.5 { inset-inline-end: calc(var(--spacing) * 2.5) } .md\:-top-8 { top: calc(var(--spacing) * -8) } .md\:-top-10 { top: calc(var(--spacing) * -10) } .md\:-top-17 { top: calc(var(--spacing) * -17) } .md\:-top-40 { top: calc(var(--spacing) * -40) } .md\:-top-42 { top: calc(var(--spacing) * -42) } .md\:-top-\[16\%\] { top: -16% } .md\:-top-\[906\%\] { top: -906% } .md\:top-0 { top: calc(var(--spacing) * 0) } .md\:top-1\/2 { top: 50% } .md\:top-1\/3 { top: 33.3333% } .md\:top-2\.5 { top: calc(var(--spacing) * 2.5) } .md\:top-5 { top: calc(var(--spacing) * 5) } .md\:top-10 { top: calc(var(--spacing) * 10) } .md\:top-20 { top: calc(var(--spacing) * 20) } .md\:top-28 { top: calc(var(--spacing) * 28) } .md\:top-32 { top: calc(var(--spacing) * 32) } .md\:top-\[-6\%\] { top: -6% } .md\:top-\[3px\] { top: 3px } .md\:top-\[4\%\] { top: 4% } .md\:top-\[54\%\] { top: 54% } .md\:top-\[70px\] { top: 70px } .md\:top-auto { top: auto } .md\:-right-5 { right: calc(var(--spacing) * -5) } .md\:-right-6 { right: calc(var(--spacing) * -6) } .md\:-right-8 { right: calc(var(--spacing) * -8) } .md\:-right-10 { right: calc(var(--spacing) * -10) } .md\:-right-20 { right: calc(var(--spacing) * -20) } .md\:-right-36 { right: calc(var(--spacing) * -36) } .md\:-right-52 { right: calc(var(--spacing) * -52) } .md\:-right-100 { right: calc(var(--spacing) * -100) } .md\:-right-\[2rem\] { right: -2rem } .md\:-right-\[32rem\] { right: -32rem } .md\:right-0 { right: calc(var(--spacing) * 0) } .md\:right-2\/5 { right: 40% } .md\:right-4 { right: calc(var(--spacing) * 4) } .md\:right-5 { right: calc(var(--spacing) * 5) } .md\:right-8 { right: calc(var(--spacing) * 8) } .md\:right-10 { right: calc(var(--spacing) * 10) } .md\:right-12 { right: calc(var(--spacing) * 12) } .md\:right-\[-6\.25rem\] { right: -6.25rem } .md\:right-\[12\%\] { right: 12% } .md\:-bottom-3 { bottom: calc(var(--spacing) * -3) } .md\:-bottom-6 { bottom: calc(var(--spacing) * -6) } .md\:-bottom-8 { bottom: calc(var(--spacing) * -8) } .md\:-bottom-\[36rem\] { bottom: -36rem } .md\:-bottom-\[50rem\] { bottom: -50rem } .md\:bottom-0 { bottom: calc(var(--spacing) * 0) } .md\:bottom-1\/4 { bottom: 25% } .md\:bottom-4 { bottom: calc(var(--spacing) * 4) } .md\:bottom-5 { bottom: calc(var(--spacing) * 5) } .md\:bottom-6 { bottom: calc(var(--spacing) * 6) } .md\:bottom-8 { bottom: calc(var(--spacing) * 8) } .md\:bottom-9 { bottom: calc(var(--spacing) * 9) } .md\:bottom-10 { bottom: calc(var(--spacing) * 10) } .md\:bottom-11 { bottom: calc(var(--spacing) * 11) } .md\:bottom-12 { bottom: calc(var(--spacing) * 12) } .md\:bottom-14 { bottom: calc(var(--spacing) * 14) } .md\:bottom-\[-10\%\] { bottom: -10% } .md\:bottom-auto { bottom: auto } .md\:-left-4 { left: calc(var(--spacing) * -4) } .md\:-left-8 { left: calc(var(--spacing) * -8) } .md\:-left-10 { left: calc(var(--spacing) * -10) } .md\:-left-12 { left: calc(var(--spacing) * -12) } .md\:-left-20 { left: calc(var(--spacing) * -20) } .md\:-left-\[62\%\] { left: -62% } .md\:-left-\[294\%\] { left: -294% } .md\:left-0 { left: calc(var(--spacing) * 0) } .md\:left-1\/2 { left: 50% } .md\:left-1\/4 { left: 25% } .md\:left-1\/5 { left: 20% } .md\:left-4 { left: calc(var(--spacing) * 4) } .md\:left-6 { left: calc(var(--spacing) * 6) } .md\:left-8 { left: calc(var(--spacing) * 8) } .md\:left-10 { left: calc(var(--spacing) * 10) } .md\:left-40 { left: calc(var(--spacing) * 40) } .md\:left-72 { left: calc(var(--spacing) * 72) } .md\:left-\[-1rem\] { left: -1rem } .md\:left-\[-6\.25rem\] { left: -6.25rem } .md\:left-\[12\%\] { left: 12% } .md\:left-\[13\.875rem\] { left: 13.875rem } .md\:left-\[var\(--stick-left\)\] { left: var(--stick-left) } .md\:left-auto { left: auto } .md\:z-10 { z-index: 10 } .md\:order-0 { order: 0 } .md\:order-1 { order: 1 } .md\:order-2 { order: 2 } .md\:order-3 { order: 3 } .md\:order-4 { order: 4 } .md\:order-5 { order: 5 } .md\:order-6 { order: 6 } .md\:order-7 { order: 7 } .md\:order-8 { order: 8 } .md\:order-first { order: -9999 } .md\:order-last { order: 9999 } .md\:order-none { order: 0 } .md\:col-\[1\/3\] { grid-column: 1/3 } .md\:col-\[2\/3\] { grid-column: 2/3 } .md\:col-\[3\/5\] { grid-column: 3/5 } .md\:col-\[5\/6\] { grid-column: 5/6 } .md\:col-span-1 { grid-column: span 1/span 1 } .md\:col-span-2 { grid-column: span 2/span 2 } .md\:col-span-3 { grid-column: span 3/span 3 } .md\:col-span-4 { grid-column: span 4/span 4 } .md\:col-span-5 { grid-column: span 5/span 5 } .md\:col-span-6 { grid-column: span 6/span 6 } .md\:col-span-7 { grid-column: span 7/span 7 } .md\:col-span-8 { grid-column: span 8/span 8 } .md\:col-span-9 { grid-column: span 9/span 9 } .md\:col-span-10 { grid-column: span 10/span 10 } .md\:col-start-1 { grid-column-start: 1 } .md\:col-start-2 { grid-column-start: 2 } .md\:col-start-3 { grid-column-start: 3 } .md\:col-start-4 { grid-column-start: 4 } .md\:col-start-5 { grid-column-start: 5 } .md\:col-start-8 { grid-column-start: 8 } .md\:col-start-12 { grid-column-start: 12 } .md\:col-end-12 { grid-column-end: 12 } .md\:col-end-13 { grid-column-end: 13 } .md\:col-end-14 { grid-column-end: 14 } .md\:row-\[1\/2\] { grid-row: 1/2 } .md\:row-\[1\/3\] { grid-row: 1/3 } .md\:row-\[2\/3\] { grid-row: 2/3 } .md\:row-span-1 { grid-row: span 1/span 1 } .md\:row-span-2 { grid-row: span 2/span 2 } .md\:row-span-3 { grid-row: span 3/span 3 } .md\:row-start-1 { grid-row-start: 1 } .md\:row-start-2 { grid-row-start: 2 } .md\:row-start-4 { grid-row-start: 4 } .md\:container { width: 100% } @media(min-width:40rem) { .md\:container { max-width: 40rem } } .md\:container { max-width: 48rem } @media(min-width:64rem) { .md\:container { max-width: 64rem } } @media(min-width:80rem) { .md\:container { max-width: 80rem } } @media(min-width:96rem) { .md\:container { max-width: 96rem } } .md\:m-0 { margin: calc(var(--spacing) * 0) } .md\:container { margin-inline: auto; padding-inline: 2rem } .md\:-mx-4 { margin-inline: calc(var(--spacing) * -4) } .md\:-mx-5 { margin-inline: calc(var(--spacing) * -5) } .md\:mx-0 { margin-inline: calc(var(--spacing) * 0) } .md\:mx-4 { margin-inline: calc(var(--spacing) * 4) } .md\:mx-6 { margin-inline: calc(var(--spacing) * 6) } .md\:mx-8 { margin-inline: calc(var(--spacing) * 8) } .md\:mx-10 { margin-inline: calc(var(--spacing) * 10) } .md\:mx-auto { margin-inline: auto } .md\:my-0 { margin-block: calc(var(--spacing) * 0) } .md\:my-5 { margin-block: calc(var(--spacing) * 5) } .md\:my-6 { margin-block: calc(var(--spacing) * 6) } .md\:my-8 { margin-block: calc(var(--spacing) * 8) } .md\:my-10 { margin-block: calc(var(--spacing) * 10) } .md\:my-16 { margin-block: calc(var(--spacing) * 16) } .md\:my-32 { margin-block: calc(var(--spacing) * 32) } .md\:-mt-6 { margin-top: calc(var(--spacing) * -6) } .md\:-mt-10 { margin-top: calc(var(--spacing) * -10) } .md\:-mt-20 { margin-top: calc(var(--spacing) * -20) } .md\:mt-0 { margin-top: calc(var(--spacing) * 0) } .md\:mt-2 { margin-top: calc(var(--spacing) * 2) } .md\:mt-3 { margin-top: calc(var(--spacing) * 3) } .md\:mt-4 { margin-top: calc(var(--spacing) * 4) } .md\:mt-5 { margin-top: calc(var(--spacing) * 5) } .md\:mt-6 { margin-top: calc(var(--spacing) * 6) } .md\:mt-7 { margin-top: calc(var(--spacing) * 7) } .md\:mt-8 { margin-top: calc(var(--spacing) * 8) } .md\:mt-10 { margin-top: calc(var(--spacing) * 10) } .md\:mt-10\.5 { margin-top: calc(var(--spacing) * 10.5) } .md\:mt-12 { margin-top: calc(var(--spacing) * 12) } .md\:mt-14 { margin-top: calc(var(--spacing) * 14) } .md\:mt-15 { margin-top: calc(var(--spacing) * 15) } .md\:mt-16 { margin-top: calc(var(--spacing) * 16) } .md\:mt-18 { margin-top: calc(var(--spacing) * 18) } .md\:mt-20 { margin-top: calc(var(--spacing) * 20) } .md\:mt-22 { margin-top: calc(var(--spacing) * 22) } .md\:mt-24 { margin-top: calc(var(--spacing) * 24) } .md\:mt-28 { margin-top: calc(var(--spacing) * 28) } .md\:mt-32 { margin-top: calc(var(--spacing) * 32) } .md\:mt-36 { margin-top: calc(var(--spacing) * 36) } .md\:mt-42 { margin-top: calc(var(--spacing) * 42) } .md\:mt-44 { margin-top: calc(var(--spacing) * 44) } .md\:mt-\[17\.5rem\] { margin-top: 17.5rem } .md\:mt-auto { margin-top: auto } .md\:-mr-4 { margin-right: calc(var(--spacing) * -4) } .md\:-mr-12 { margin-right: calc(var(--spacing) * -12) } .md\:mr-0 { margin-right: calc(var(--spacing) * 0) } .md\:mr-3 { margin-right: calc(var(--spacing) * 3) } .md\:mr-4 { margin-right: calc(var(--spacing) * 4) } .md\:mr-12 { margin-right: calc(var(--spacing) * 12) } .md\:mr-auto { margin-right: auto } .md\:-mb-20 { margin-bottom: calc(var(--spacing) * -20) } .md\:mb-0 { margin-bottom: calc(var(--spacing) * 0) } .md\:mb-2 { margin-bottom: calc(var(--spacing) * 2) } .md\:mb-3 { margin-bottom: calc(var(--spacing) * 3) } .md\:mb-4 { margin-bottom: calc(var(--spacing) * 4) } .md\:mb-5 { margin-bottom: calc(var(--spacing) * 5) } .md\:mb-6 { margin-bottom: calc(var(--spacing) * 6) } .md\:mb-7 { margin-bottom: calc(var(--spacing) * 7) } .md\:mb-8 { margin-bottom: calc(var(--spacing) * 8) } .md\:mb-9 { margin-bottom: calc(var(--spacing) * 9) } .md\:mb-10 { margin-bottom: calc(var(--spacing) * 10) } .md\:mb-11 { margin-bottom: calc(var(--spacing) * 11) } .md\:mb-12 { margin-bottom: calc(var(--spacing) * 12) } .md\:mb-14 { margin-bottom: calc(var(--spacing) * 14) } .md\:mb-16 { margin-bottom: calc(var(--spacing) * 16) } .md\:mb-20 { margin-bottom: calc(var(--spacing) * 20) } .md\:mb-24 { margin-bottom: calc(var(--spacing) * 24) } .md\:mb-28 { margin-bottom: calc(var(--spacing) * 28) } .md\:mb-\[-30px\] { margin-bottom: -30px } .md\:-ml-4 { margin-left: calc(var(--spacing) * -4) } .md\:-ml-5 { margin-left: calc(var(--spacing) * -5) } .md\:-ml-6 { margin-left: calc(var(--spacing) * -6) } .md\:-ml-20 { margin-left: calc(var(--spacing) * -20) } .md\:-ml-\[var\(--avatar-spacing-desktop\)\] { margin-left: calc(var(--avatar-spacing-desktop) * -1) } .md\:ml-0 { margin-left: calc(var(--spacing) * 0) } .md\:ml-3 { margin-left: calc(var(--spacing) * 3) } .md\:ml-4 { margin-left: calc(var(--spacing) * 4) } .md\:ml-6 { margin-left: calc(var(--spacing) * 6) } .md\:ml-8 { margin-left: calc(var(--spacing) * 8) } .md\:ml-10 { margin-left: calc(var(--spacing) * 10) } .md\:ml-12 { margin-left: calc(var(--spacing) * 12) } .md\:ml-32 { margin-left: calc(var(--spacing) * 32) } .md\:ml-58 { margin-left: calc(var(--spacing) * 58) } .md\:ml-auto { margin-left: auto } .md\:line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .md\:line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .md\:no-scrollbar { -ms-overflow-style: none; scrollbar-width: none } .md\:no-scrollbar::-webkit-scrollbar { display: none } .md\:block { display: block } .md\:contents { display: contents } .md\:flex { display: flex } .md\:grid { display: grid } .md\:hidden { display: none } .md\:inline { display: inline } .md\:inline-block { display: inline-block } .md\:inline-flex { display: inline-flex } .md\:table-cell { display: table-cell } .md\:\[aspect-ratio\:3\.8\/5\] { aspect-ratio: 3.8/5 } .md\:aspect-2\/1 { aspect-ratio: 2 } .md\:aspect-3\/4 { aspect-ratio: 3/4 } .md\:aspect-5\/4 { aspect-ratio: 5/4 } .md\:aspect-8\/5 { aspect-ratio: 8/5 } .md\:aspect-16\/10 { aspect-ratio: 16/10 } .md\:aspect-21\/9 { aspect-ratio: 21/9 } .md\:aspect-\[0\.8\] { aspect-ratio: .8 } .md\:aspect-\[0\.73\] { aspect-ratio: .73 } .md\:aspect-\[0\.96\] { aspect-ratio: .96 } .md\:aspect-\[1\.078947368\] { aspect-ratio: 1.07895 } .md\:aspect-\[2\] { aspect-ratio: 2 } .md\:aspect-\[3\] { aspect-ratio: 3 } .md\:aspect-\[21\/9\] { aspect-ratio: 21/9 } .md\:aspect-auto { aspect-ratio: auto } .md\:aspect-video { aspect-ratio: var(--aspect-video) } .md\:size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .md\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .md\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .md\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .md\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } .md\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .md\:size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9) } .md\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .md\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .md\:size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14) } .md\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16) } .md\:size-18 { width: calc(var(--spacing) * 18); height: calc(var(--spacing) * 18) } .md\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20) } .md\:size-22 { width: calc(var(--spacing) * 22); height: calc(var(--spacing) * 22) } .md\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24) } .md\:size-28 { width: calc(var(--spacing) * 28); height: calc(var(--spacing) * 28) } .md\:size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32) } .md\:size-40 { width: calc(var(--spacing) * 40); height: calc(var(--spacing) * 40) } .md\:size-100 { width: calc(var(--spacing) * 100); height: calc(var(--spacing) * 100) } .md\:size-220 { width: calc(var(--spacing) * 220); height: calc(var(--spacing) * 220) } .md\:size-\[55rem\] { width: 55rem; height: 55rem } .md\:size-\[1300px\] { width: 1300px; height: 1300px } .md\:size-\[3500px\] { width: 3500px; height: 3500px } .md\:size-\[var\(--avatar-size-desktop\)\] { width: var(--avatar-size-desktop); height: var(--avatar-size-desktop) } .md\:size-full { width: 100%; height: 100% } .md\:h-2\/3 { height: 66.6667% } .md\:h-4 { height: calc(var(--spacing) * 4) } .md\:h-5 { height: calc(var(--spacing) * 5) } .md\:h-6 { height: calc(var(--spacing) * 6) } .md\:h-7 { height: calc(var(--spacing) * 7) } .md\:h-8 { height: calc(var(--spacing) * 8) } .md\:h-10 { height: calc(var(--spacing) * 10) } .md\:h-11 { height: calc(var(--spacing) * 11) } .md\:h-12 { height: calc(var(--spacing) * 12) } .md\:h-14 { height: calc(var(--spacing) * 14) } .md\:h-16 { height: calc(var(--spacing) * 16) } .md\:h-20 { height: calc(var(--spacing) * 20) } .md\:h-22 { height: calc(var(--spacing) * 22) } .md\:h-27 { height: calc(var(--spacing) * 27) } .md\:h-28 { height: calc(var(--spacing) * 28) } .md\:h-30 { height: calc(var(--spacing) * 30) } .md\:h-34 { height: calc(var(--spacing) * 34) } .md\:h-36 { height: calc(var(--spacing) * 36) } .md\:h-40 { height: calc(var(--spacing) * 40) } .md\:h-42 { height: calc(var(--spacing) * 42) } .md\:h-45 { height: calc(var(--spacing) * 45) } .md\:h-48 { height: calc(var(--spacing) * 48) } .md\:h-52 { height: calc(var(--spacing) * 52) } .md\:h-56 { height: calc(var(--spacing) * 56) } .md\:h-64 { height: calc(var(--spacing) * 64) } .md\:h-65 { height: calc(var(--spacing) * 65) } .md\:h-70 { height: calc(var(--spacing) * 70) } .md\:h-72 { height: calc(var(--spacing) * 72) } .md\:h-78 { height: calc(var(--spacing) * 78) } .md\:h-80 { height: calc(var(--spacing) * 80) } .md\:h-84 { height: calc(var(--spacing) * 84) } .md\:h-90 { height: calc(var(--spacing) * 90) } .md\:h-96 { height: calc(var(--spacing) * 96) } .md\:h-122\.5 { height: calc(var(--spacing) * 122.5) } .md\:h-140 { height: calc(var(--spacing) * 140) } .md\:h-150 { height: calc(var(--spacing) * 150) } .md\:h-180 { height: calc(var(--spacing) * 180) } .md\:h-182\.5 { height: calc(var(--spacing) * 182.5) } .md\:h-190 { height: calc(var(--spacing) * 190) } .md\:h-\[2\.25rem\] { height: 2.25rem } .md\:h-\[7\.5rem\] { height: 7.5rem } .md\:h-\[17\%\] { height: 17% } .md\:h-\[28rem\] { height: 28rem } .md\:h-\[34\.375rem\] { height: 34.375rem } .md\:h-\[34rem\] { height: 34rem } .md\:h-\[37\.5rem\] { height: 37.5rem } .md\:h-\[40rem\] { height: 40rem } .md\:h-\[45\.625rem\] { height: 45.625rem } .md\:h-\[46rem\] { height: 46rem } .md\:h-\[50\%\] { height: 50% } .md\:h-\[50vh\] { height: 50vh } .md\:h-\[56\.25rem\] { height: 56.25rem } .md\:h-\[60cqi\] { height: 60cqi } .md\:h-\[60vh\] { height: 60vh } .md\:h-\[68rem\] { height: 68rem } .md\:h-\[69px\] { height: 69px } .md\:h-\[70vh\] { height: 70vh } .md\:h-\[80rem\] { height: 80rem } .md\:h-\[85rem\] { height: 85rem } .md\:h-\[122\%\] { height: 122% } .md\:h-\[192px\] { height: 192px } .md\:h-\[200px\] { height: 200px } .md\:h-\[250px\] { height: 250px } .md\:h-\[300px\] { height: 300px } .md\:h-\[350px\] { height: 350px } .md\:h-\[400px\] { height: 400px } .md\:h-\[420px\] { height: 420px } .md\:h-\[500px\] { height: 500px } .md\:h-\[540px\] { height: 540px } .md\:h-\[600px\] { height: 600px } .md\:h-\[840px\] { height: 840px } .md\:h-\[920px\] { height: 920px } .md\:h-\[1000px\] { height: 1000px } .md\:h-\[calc\(8rem\+0\.5rem\+2px\)\] { height: calc(8.5rem + 2px) } .md\:h-\[calc\(100dvh-\(2\*var\(--dialog-y-offset-desktop\)\)\)\] { height: calc(100dvh - (2 * var(--dialog-y-offset-desktop))) } .md\:h-\[calc\(100dvh-\(2\*var\(--dialog-y-offset-desktop\)\)-var\(--footer-height\)-var\(--header-height\)\)\] { height: calc(100dvh - (2 * var(--dialog-y-offset-desktop)) - var(--footer-height) - var(--header-height)) } .md\:h-\[calc\(100dvh-3rem\)\] { height: calc(100dvh - 3rem) } .md\:h-\[calc\(100dvh-5rem\)\] { height: calc(100dvh - 5rem) } .md\:h-\[calc\(100dvh-var\(--dialog-header-height\)-var\(--dialog-footer-height-desktop\)\)\] { height: calc(100dvh - var(--dialog-header-height) - var(--dialog-footer-height-desktop)) } .md\:h-\[min\(55vh\,30rem\)\] { height: min(55vh, 30rem) } .md\:h-\[var\(--dialog-footer-height-desktop\)\] { height: var(--dialog-footer-height-desktop) } .md\:h-\[var\(--dialog-height\)\] { height: var(--dialog-height) } .md\:h-\[var\(--height\)\] { height: var(--height) } .md\:h-\[var\(--menu-height-desktop\)\] { height: var(--menu-height-desktop) } .md\:h-auto { height: auto } .md\:h-fit { height: fit-content } .md\:h-full { height: 100% } .md\:h-screen { height: 100vh } .md\:h-svh { height: 100svh } .md\:max-h-8 { max-height: calc(var(--spacing) * 8) } .md\:max-h-9 { max-height: calc(var(--spacing) * 9) } .md\:max-h-60 { max-height: calc(var(--spacing) * 60) } .md\:max-h-64 { max-height: calc(var(--spacing) * 64) } .md\:max-h-96 { max-height: calc(var(--spacing) * 96) } .md\:max-h-160 { max-height: calc(var(--spacing) * 160) } .md\:max-h-\[430px\] { max-height: 430px } .md\:max-h-\[450px\] { max-height: 450px } .md\:max-h-\[496px\] { max-height: 496px } .md\:max-h-\[500px\] { max-height: 500px } .md\:max-h-\[630px\] { max-height: 630px } .md\:max-h-\[800px\] { max-height: 800px } .md\:max-h-\[1200px\] { max-height: 1200px } .md\:max-h-\[calc\(100dvh-2rem\)\] { max-height: calc(100dvh - 2rem) } .md\:max-h-\[calc\(100dvh-6rem\)\] { max-height: calc(100dvh - 6rem) } .md\:max-h-\[calc\(100dvh-9\.75rem\)\] { max-height: calc(100dvh - 9.75rem) } .md\:max-h-\[var\(--dialog-max-height\)\] { max-height: var(--dialog-max-height) } .md\:max-h-full { max-height: 100% } .md\:max-h-none { max-height: none } .md\:min-h-0 { min-height: calc(var(--spacing) * 0) } .md\:min-h-16 { min-height: calc(var(--spacing) * 16) } .md\:min-h-32 { min-height: calc(var(--spacing) * 32) } .md\:min-h-40 { min-height: calc(var(--spacing) * 40) } .md\:min-h-42 { min-height: calc(var(--spacing) * 42) } .md\:min-h-91\.5 { min-height: calc(var(--spacing) * 91.5) } .md\:min-h-100 { min-height: calc(var(--spacing) * 100) } .md\:min-h-150 { min-height: calc(var(--spacing) * 150) } .md\:min-h-\[24rem\] { min-height: 24rem } .md\:min-h-\[30rem\] { min-height: 30rem } .md\:min-h-\[32rem\] { min-height: 32rem } .md\:min-h-\[40\.5dvh\] { min-height: 40.5dvh } .md\:min-h-\[46rem\] { min-height: 46rem } .md\:min-h-\[85dvh\] { min-height: 85dvh } .md\:min-h-\[100px\] { min-height: 100px } .md\:min-h-\[180px\] { min-height: 180px } .md\:min-h-\[300px\] { min-height: 300px } .md\:min-h-\[440px\] { min-height: 440px } .md\:min-h-\[520px\] { min-height: 520px } .md\:min-h-full { min-height: 100% } .md\:min-h-min { min-height: min-content } .md\:w-\(--radix-navigation-menu-viewport-width\) { width: var(--radix-navigation-menu-viewport-width) } .md\:w-1\/2 { width: 50% } .md\:w-1\/3 { width: 33.3333% } .md\:w-1\/4 { width: 25% } .md\:w-1\/5 { width: 20% } .md\:w-2\/3 { width: 66.6667% } .md\:w-2\/5 { width: 40% } .md\:w-3\/4 { width: 75% } .md\:w-3\/5 { width: 60% } .md\:w-4 { width: calc(var(--spacing) * 4) } .md\:w-4\/5 { width: 80% } .md\:w-5 { width: calc(var(--spacing) * 5) } .md\:w-6 { width: calc(var(--spacing) * 6) } .md\:w-7 { width: calc(var(--spacing) * 7) } .md\:w-8 { width: calc(var(--spacing) * 8) } .md\:w-10 { width: calc(var(--spacing) * 10) } .md\:w-12 { width: calc(var(--spacing) * 12) } .md\:w-14 { width: calc(var(--spacing) * 14) } .md\:w-16 { width: calc(var(--spacing) * 16) } .md\:w-20 { width: calc(var(--spacing) * 20) } .md\:w-24 { width: calc(var(--spacing) * 24) } .md\:w-25 { width: calc(var(--spacing) * 25) } .md\:w-28 { width: calc(var(--spacing) * 28) } .md\:w-36 { width: calc(var(--spacing) * 36) } .md\:w-38 { width: calc(var(--spacing) * 38) } .md\:w-40 { width: calc(var(--spacing) * 40) } .md\:w-44 { width: calc(var(--spacing) * 44) } .md\:w-45 { width: calc(var(--spacing) * 45) } .md\:w-50 { width: calc(var(--spacing) * 50) } .md\:w-52 { width: calc(var(--spacing) * 52) } .md\:w-55 { width: calc(var(--spacing) * 55) } .md\:w-56 { width: calc(var(--spacing) * 56) } .md\:w-58 { width: calc(var(--spacing) * 58) } .md\:w-60 { width: calc(var(--spacing) * 60) } .md\:w-64 { width: calc(var(--spacing) * 64) } .md\:w-72 { width: calc(var(--spacing) * 72) } .md\:w-80 { width: calc(var(--spacing) * 80) } .md\:w-83 { width: calc(var(--spacing) * 83) } .md\:w-85 { width: calc(var(--spacing) * 85) } .md\:w-96 { width: calc(var(--spacing) * 96) } .md\:w-110 { width: calc(var(--spacing) * 110) } .md\:w-140 { width: calc(var(--spacing) * 140) } .md\:w-215\! { width: calc(var(--spacing) * 215) !important } .md\:w-240 { width: calc(var(--spacing) * 240) } .md\:w-253\.75 { width: calc(var(--spacing) * 253.75) } .md\:w-\[1px\] { width: 1px } .md\:w-\[6\.25rem\] { width: 6.25rem } .md\:w-\[7\.5rem\] { width: 7.5rem } .md\:w-\[14\%\] { width: 14% } .md\:w-\[21\.25rem\] { width: 21.25rem } .md\:w-\[28\%\] { width: 28% } .md\:w-\[36\%\] { width: 36% } .md\:w-\[42\%\] { width: 42% } .md\:w-\[42\.5rem\] { width: 42.5rem } .md\:w-\[45\%\] { width: 45% } .md\:w-\[52\%\] { width: 52% } .md\:w-\[63\.4375rem\] { width: 63.4375rem } .md\:w-\[80\%\] { width: 80% } .md\:w-\[120px\] { width: 120px } .md\:w-\[120rem\] { width: 120rem } .md\:w-\[150px\] { width: 150px } .md\:w-\[200px\] { width: 200px } .md\:w-\[250px\] { width: 250px } .md\:w-\[280px\] { width: 280px } .md\:w-\[320px\] { width: 320px } .md\:w-\[330px\] { width: 330px } .md\:w-\[340px\] { width: 340px } .md\:w-\[350px\] { width: 350px } .md\:w-\[400px\] { width: 400px } .md\:w-\[416px\] { width: 416px } .md\:w-\[450px\] { width: 450px } .md\:w-\[550px\] { width: 550px } .md\:w-\[1200px\] { width: 1200px } .md\:w-\[calc\(60cqi-2rem\)\] { width: calc(60cqi - 2rem) } .md\:w-\[calc\(62\%\+14rem\)\] { width: calc(62% + 14rem) } .md\:w-\[calc\(100\%\+3rem\)\] { width: calc(100% + 3rem) } .md\:w-\[calc\(100dvw-\(2\*var\(--dialog-x-offset-desktop\)\)\)\] { width: calc(100dvw - (2 * var(--dialog-x-offset-desktop))) } .md\:w-\[calc\(100dvw-4rem\)\] { width: calc(100dvw - 4rem) } .md\:w-\[min\(52rem\,94vw\)\] { width: min(52rem, 94vw) } .md\:w-\[var\(--product-card-width-desktop\)\] { width: var(--product-card-width-desktop) } .md\:w-auto { width: auto } .md\:w-dvw { width: 100dvw } .md\:w-fit { width: fit-content } .md\:w-full { width: 100% } .md\:\!max-w-3xl { max-width: var(--container-3xl) !important } .md\:\!max-w-150 { max-width: calc(var(--spacing) * 150) !important } .md\:\!max-w-200 { max-width: calc(var(--spacing) * 200) !important } .md\:max-w-1\/2 { max-width: 50% } .md\:max-w-2xl { max-width: var(--container-2xl) } .md\:max-w-3xl { max-width: var(--container-3xl) } .md\:max-w-4xl { max-width: var(--container-4xl) } .md\:max-w-5xl { max-width: var(--container-5xl) } .md\:max-w-6xl { max-width: var(--container-6xl) } .md\:max-w-24 { max-width: calc(var(--spacing) * 24) } .md\:max-w-32 { max-width: calc(var(--spacing) * 32) } .md\:max-w-40 { max-width: calc(var(--spacing) * 40) } .md\:max-w-60 { max-width: calc(var(--spacing) * 60) } .md\:max-w-64 { max-width: calc(var(--spacing) * 64) } .md\:max-w-80 { max-width: calc(var(--spacing) * 80) } .md\:max-w-96 { max-width: calc(var(--spacing) * 96) } .md\:max-w-100 { max-width: calc(var(--spacing) * 100) } .md\:max-w-120 { max-width: calc(var(--spacing) * 120) } .md\:max-w-150 { max-width: calc(var(--spacing) * 150) } .md\:max-w-175 { max-width: calc(var(--spacing) * 175) } .md\:max-w-187\.5 { max-width: calc(var(--spacing) * 187.5) } .md\:max-w-250 { max-width: calc(var(--spacing) * 250) } .md\:max-w-\[8rem\] { max-width: 8rem } .md\:max-w-\[10\.625rem\] { max-width: 10.625rem } .md\:max-w-\[16\.5625rem\] { max-width: 16.5625rem } .md\:max-w-\[21\.25rem\] { max-width: 21.25rem } .md\:max-w-\[25rem\] { max-width: 25rem } .md\:max-w-\[28\.125rem\] { max-width: 28.125rem } .md\:max-w-\[30rem\] { max-width: 30rem } .md\:max-w-\[31\.25rem\] { max-width: 31.25rem } .md\:max-w-\[34\.375rem\] { max-width: 34.375rem } .md\:max-w-\[35rem\] { max-width: 35rem } .md\:max-w-\[36rem\] { max-width: 36rem } .md\:max-w-\[37\.5rem\] { max-width: 37.5rem } .md\:max-w-\[40rem\] { max-width: 40rem } .md\:max-w-\[42\.5rem\] { max-width: 42.5rem } .md\:max-w-\[43\.75rem\] { max-width: 43.75rem } .md\:max-w-\[50rem\] { max-width: 50rem } .md\:max-w-\[51\.25rem\] { max-width: 51.25rem } .md\:max-w-\[57\.5rem\] { max-width: 57.5rem } .md\:max-w-\[60\%\] { max-width: 60% } .md\:max-w-\[70\%\] { max-width: 70% } .md\:max-w-\[85\%\] { max-width: 85% } .md\:max-w-\[160px\] { max-width: 160px } .md\:max-w-\[240px\] { max-width: 240px } .md\:max-w-\[400px\] { max-width: 400px } .md\:max-w-\[440px\] { max-width: 440px } .md\:max-w-\[452px\] { max-width: 452px } .md\:max-w-\[800px\] { max-width: 800px } .md\:max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem) } .md\:max-w-\[calc\(100dvw-\(var\(--dialog-content-p-desktop\)\*2\)-\(2\*var\(--dialog-x-offset-desktop\)\)\)\] { max-width: calc(100dvw - (var(--dialog-content-p-desktop) * 2) - (2 * var(--dialog-x-offset-desktop))) } .md\:max-w-\[calc\(100dvw-2rem\)\]\! { max-width: calc(100dvw - 2rem) !important } .md\:max-w-\[calc\(var\(--avatar-size-desktop\)\*var\(--avatar-count-desktop\)\+\(var\(--avatar-spacing-desktop\)\*\(var\(--avatar-count-desktop\)-1\)\)\)\] { max-width: calc(var(--avatar-size-desktop) * var(--avatar-count-desktop) + (var(--avatar-spacing-desktop) * (var(--avatar-count-desktop) - 1))) } .md\:max-w-full { max-width: 100% } .md\:max-w-lg { max-width: var(--container-lg) } .md\:max-w-md { max-width: var(--container-md) } .md\:max-w-none { max-width: none } .md\:max-w-sm { max-width: var(--container-sm) } .md\:max-w-xl { max-width: var(--container-xl) } .md\:max-w-xs { max-width: var(--container-xs) } .md\:min-w-0 { min-width: calc(var(--spacing) * 0) } .md\:min-w-\[24rem\] { min-width: 24rem } .md\:min-w-\[70vw\] { min-width: 70vw } .md\:min-w-\[100rem\] { min-width: 100rem } .md\:min-w-\[240px\] { min-width: 240px } .md\:min-w-\[280px\] { min-width: 280px } .md\:min-w-fit { min-width: fit-content } .md\:flex-1 { flex: 1 } .md\:flex-1\/2 { flex: 50% } .md\:flex-1\/4 { flex: 25% } .md\:flex-2\/3 { flex: 66.6667% } .md\:flex-\[0\.5\] { flex: .5 } .md\:flex-\[0\.5_0_0\] { flex: .5 0 0 } .md\:flex-\[45\%\] { flex: 45% } .md\:flex-none { flex: none } .md\:shrink { flex-shrink: 1 } .md\:shrink-0 { flex-shrink: 0 } .md\:basis-0 { flex-basis: calc(var(--spacing) * 0) } .md\:basis-1\/2 { flex-basis: 50% } .md\:basis-1\/3 { flex-basis: 33.3333% } .md\:basis-1\/5 { flex-basis: 20% } .md\:basis-1\/6 { flex-basis: 16.6667% } .md\:basis-1\/10 { flex-basis: 10% } .md\:basis-2\/5 { flex-basis: 40% } .md\:basis-3\/5 { flex-basis: 60% } .md\:basis-4\/5 { flex-basis: 80% } .md\:basis-5\/11 { flex-basis: 45.4545% } .md\:basis-6\/11 { flex-basis: 54.5455% } .md\:basis-10 { flex-basis: calc(var(--spacing) * 10) } .md\:basis-11\/12 { flex-basis: 91.6667% } .md\:basis-22\.5 { flex-basis: calc(var(--spacing) * 22.5) } .md\:basis-30 { flex-basis: calc(var(--spacing) * 30) } .md\:basis-35 { flex-basis: calc(var(--spacing) * 35) } .md\:basis-36 { flex-basis: calc(var(--spacing) * 36) } .md\:basis-70 { flex-basis: calc(var(--spacing) * 70) } .md\:basis-80 { flex-basis: calc(var(--spacing) * 80) } .md\:basis-100 { flex-basis: calc(var(--spacing) * 100) } .md\:basis-122\.5 { flex-basis: calc(var(--spacing) * 122.5) } .md\:basis-150 { flex-basis: calc(var(--spacing) * 150) } .md\:basis-176 { flex-basis: calc(var(--spacing) * 176) } .md\:basis-\[6\.375rem\] { flex-basis: 6.375rem } .md\:basis-\[24\%\] { flex-basis: 24% } .md\:basis-\[30\%\] { flex-basis: 30% } .md\:basis-\[33\.5\%\] { flex-basis: 33.5% } .md\:basis-\[45\%\] { flex-basis: 45% } .md\:basis-\[55\%\] { flex-basis: 55% } .md\:basis-\[65\%\] { flex-basis: 65% } .md\:basis-\[72\%\] { flex-basis: 72% } .md\:basis-\[calc\(1\/var\(--avatar-count-desktop\)\*100\%\)\] { flex-basis: calc(1 / var(--avatar-count-desktop) * 100%) } .md\:basis-\[var\(--basis\)\] { flex-basis: var(--basis) } .md\:basis-\[var\(--product-img-size-desktop\)\] { flex-basis: var(--product-img-size-desktop) } .md\:basis-auto { flex-basis: auto } .md\:basis-full { flex-basis: 100% } .md\:-translate-x-1\/2 { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:-translate-x-3\/4 { --tw-translate-x: -75%; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:-translate-x-8 { --tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:-translate-x-40 { --tw-translate-x: calc(var(--spacing) * -40); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-x-1\/2 { --tw-translate-x: 50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-x-10 { --tw-translate-x: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-x-16 { --tw-translate-x: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-x-40 { --tw-translate-x: calc(var(--spacing) * 40); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-x-\[45\%\] { --tw-translate-x: 45%; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:-translate-y-1\/2 { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:-translate-y-1\/3 { --tw-translate-y: calc(calc(1 / 3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:-translate-y-8 { --tw-translate-y: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:-translate-y-14 { --tw-translate-y: calc(var(--spacing) * -14); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:-translate-y-\[2rem\] { --tw-translate-y: -2rem; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:-translate-y-\[58\%\] { --tw-translate-y: -58%; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-y-3 { --tw-translate-y: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-y-4 { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-y-8 { --tw-translate-y: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-y-12 { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-y-14 { --tw-translate-y: calc(var(--spacing) * 14); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y) } .md\:scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .md\:scale-125 { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y) } .md\:scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y) } .md\:-rotate-45 { rotate: -45deg } .md\:rotate-0 { rotate: none } .md\:rotate-12 { rotate: 12deg } .md\:rotate-20 { rotate: 20deg } .md\:rotate-45 { rotate: 45deg } .md\:-skew-y-12 { --tw-skew-y: skewY(-12deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .md\:\[transform\:translateX\(2\%\)_scale\(1\.2\)_rotateX\(47deg\)_rotateY\(31deg\)_rotate\(324deg\)\] { transform: translate(2%)scale(1.2)rotateX(47deg)rotateY(31deg)rotate(324deg) } .md\:columns-2 { columns: 2 } .md\:auto-rows-\[minmax\(0\,1fr\)\] { grid-auto-rows: minmax(0, 1fr) } .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-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .md\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .md\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } .md\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .md\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .md\:grid-cols-30 { grid-template-columns: repeat(30, minmax(0, 1fr)) } .md\:grid-cols-\[1\.4fr_1fr\] { grid-template-columns: 1.4fr 1fr } .md\:grid-cols-\[1fr_1fr\] { grid-template-columns: 1fr 1fr } .md\:grid-cols-\[1fr_160px\] { grid-template-columns: 1fr 160px } .md\:grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto } .md\:grid-cols-\[3fr_2fr\] { grid-template-columns: 3fr 2fr } .md\:grid-cols-\[12rem_1fr\] { grid-template-columns: 12rem 1fr } .md\:grid-cols-\[14rem_repeat\(6\,_minmax\(0\,_1fr\)\)\] { grid-template-columns: 14rem repeat(6, minmax(0, 1fr)) } .md\:grid-cols-\[160px_1fr\] { grid-template-columns: 160px 1fr } .md\:grid-cols-\[200px_1fr\] { grid-template-columns: 200px 1fr } .md\:grid-cols-\[220px_minmax\(0\,1fr\)\] { grid-template-columns: 220px minmax(0, 1fr) } .md\:grid-cols-\[min-content_minmax\(0\,1fr\)\] { grid-template-columns: min-content minmax(0, 1fr) } .md\:grid-cols-\[minmax\(0\,17rem\)_1fr\] { grid-template-columns: minmax(0, 17rem) 1fr } .md\:grid-cols-\[minmax\(0\,_58\.7fr\)_minmax\(0\,_41\.3fr\)\] { grid-template-columns: minmax(0, 58.7fr) minmax(0, 41.3fr) } .md\:grid-cols-\[minmax\(18\.75rem\,25rem\)_1fr\] { grid-template-columns: minmax(18.75rem, 25rem) 1fr } .md\:grid-cols-\[repeat\(2\,1fr\)\] { grid-template-columns: repeat(2, 1fr) } .md\:grid-cols-\[repeat\(2\,_minmax\(12\.5rem\,_18\.75rem\)\)\] { grid-template-columns: repeat(2, minmax(12.5rem, 18.75rem)) } .md\:grid-cols-\[repeat\(4\,1fr\)\] { grid-template-columns: repeat(4, 1fr) } .md\:grid-cols-\[repeat\(4\,1fr\)_5rem\] { grid-template-columns: repeat(4, 1fr) 5rem } .md\:grid-cols-\[repeat\(4\,minmax\(50px\,1fr\)\)\] { grid-template-columns: repeat(4, minmax(50px, 1fr)) } .md\:grid-cols-\[repeat\(auto-fit\,minmax\(var\(--container-xs\)\,auto\)\)\] { grid-template-columns: repeat(auto-fit, minmax(var(--container-xs), auto)) } .md\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) } .md\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) } .md\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) } .md\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) } .md\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) } .md\:grid-rows-\[31\.25rem\] { grid-template-rows: 31.25rem } .md\:grid-rows-\[80\%_minmax\(20\%\,9\.375rem\)\] { grid-template-rows: 80% minmax(20%, 9.375rem) } .md\:grid-rows-\[repeat\(1\,minmax\(0\,1fr\)\)\] { grid-template-rows: repeat(1, minmax(0, 1fr)) } .md\:flex-col { flex-direction: column } .md\:flex-col-reverse { flex-direction: column-reverse } .md\:flex-row { flex-direction: row } .md\:flex-row-reverse { flex-direction: row-reverse } .md\:flex-nowrap { flex-wrap: nowrap } .md\:flex-wrap { flex-wrap: wrap } .md\:items-center { align-items: center } .md\:items-end { align-items: flex-end } .md\:items-start { align-items: flex-start } .md\:items-stretch { align-items: stretch } .md\:justify-between { justify-content: space-between } .md\:justify-center { justify-content: center } .md\:justify-end { justify-content: flex-end } .md\:justify-start { justify-content: flex-start } .md\:gap-0 { gap: calc(var(--spacing) * 0) } .md\:gap-0\.5 { gap: calc(var(--spacing) * .5) } .md\:gap-1 { gap: calc(var(--spacing) * 1) } .md\:gap-1\.5 { gap: calc(var(--spacing) * 1.5) } .md\:gap-2 { gap: calc(var(--spacing) * 2) } .md\:gap-2\.5 { gap: calc(var(--spacing) * 2.5) } .md\:gap-3 { gap: calc(var(--spacing) * 3) } .md\:gap-4 { gap: calc(var(--spacing) * 4) } .md\:gap-5 { gap: calc(var(--spacing) * 5) } .md\:gap-6 { gap: calc(var(--spacing) * 6) } .md\:gap-7 { gap: calc(var(--spacing) * 7) } .md\:gap-7\.5 { gap: calc(var(--spacing) * 7.5) } .md\:gap-8 { gap: calc(var(--spacing) * 8) } .md\:gap-9 { gap: calc(var(--spacing) * 9) } .md\:gap-10 { gap: calc(var(--spacing) * 10) } .md\:gap-10\.5 { gap: calc(var(--spacing) * 10.5) } .md\:gap-12 { gap: calc(var(--spacing) * 12) } .md\:gap-12\.5 { gap: calc(var(--spacing) * 12.5) } .md\:gap-14 { gap: calc(var(--spacing) * 14) } .md\:gap-16 { gap: calc(var(--spacing) * 16) } .md\:gap-20 { gap: calc(var(--spacing) * 20) } .md\:gap-24 { gap: calc(var(--spacing) * 24) } .md\:gap-28 { gap: calc(var(--spacing) * 28) } .md\:gap-30 { gap: calc(var(--spacing) * 30) } .md\:gap-32 { gap: calc(var(--spacing) * 32) } .md\:gap-40 { gap: calc(var(--spacing) * 40) } .md\:gap-60 { gap: calc(var(--spacing) * 60) } :where(.md\:space-y-0>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-1>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-2>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-4>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-6>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-8>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-10>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-12>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-14>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-15>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 15) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 15) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-16>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-20>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-24>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-25>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 25) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 25) * calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-y-\[5cqi\]>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(5cqi * var(--tw-space-y-reverse)); margin-block-end: calc(5cqi * calc(1 - var(--tw-space-y-reverse))) } .md\:gap-x-3 { column-gap: calc(var(--spacing) * 3) } .md\:gap-x-4 { column-gap: calc(var(--spacing) * 4) } .md\:gap-x-5 { column-gap: calc(var(--spacing) * 5) } .md\:gap-x-6 { column-gap: calc(var(--spacing) * 6) } .md\:gap-x-8 { column-gap: calc(var(--spacing) * 8) } .md\:gap-x-12 { column-gap: calc(var(--spacing) * 12) } .md\:gap-x-20 { column-gap: calc(var(--spacing) * 20) } .md\:gap-x-24 { column-gap: calc(var(--spacing) * 24) } :where(.md\:-space-x-26>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -26) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -26) * calc(1 - var(--tw-space-x-reverse))) } :where(.md\:space-x-4>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) } :where(.md\:space-x-5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))) } :where(.md\:space-x-12>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse))) } .md\:gap-y-0 { row-gap: calc(var(--spacing) * 0) } .md\:gap-y-2 { row-gap: calc(var(--spacing) * 2) } .md\:gap-y-3 { row-gap: calc(var(--spacing) * 3) } .md\:gap-y-4 { row-gap: calc(var(--spacing) * 4) } .md\:gap-y-6 { row-gap: calc(var(--spacing) * 6) } .md\:gap-y-8 { row-gap: calc(var(--spacing) * 8) } .md\:gap-y-16 { row-gap: calc(var(--spacing) * 16) } .md\:gap-y-\[1\.875rem\] { row-gap: 1.875rem } :where(.md\:divide-x>:not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) } :where(.md\:divide-y-0>:not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(0px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))) } :where(.md\:divide-background\/20>:not(:last-child)) { border-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { :where(.md\:divide-background\/20>:not(:last-child)) { border-color: color-mix(in oklab, var(--background) 20%, transparent) } } :where(.md\:divide-border>:not(:last-child)) { border-color: var(--border) } .md\:self-end { align-self: flex-end } .md\:self-stretch { align-self: stretch } .md\:justify-self-end { justify-self: flex-end } .md\:overflow-auto { overflow: auto } .md\:overflow-clip { overflow: clip } .md\:overflow-hidden { overflow: hidden } .md\:overflow-visible { overflow: visible } .md\:rounded-2xl { border-radius: var(--radius-2xl) } .md\:rounded-3xl { border-radius: var(--radius-3xl) } .md\:rounded-4xl { border-radius: var(--radius-4xl) } .md\:rounded-\[2\.25rem\] { border-radius: 2.25rem } .md\:rounded-\[30px\] { border-radius: 30px } .md\:rounded-\[40px\] { border-radius: 40px } .md\:rounded-\[70px\] { border-radius: 70px } .md\:rounded-lg { border-radius: var(--radius) } .md\:rounded-none { border-radius: 0 } .md\:rounded-xl { border-radius: calc(var(--radius) + 4px) } .md\:rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-top-right-radius: var(--radius-3xl) } .md\:rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0 } .md\:rounded-t-xl { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px) } .md\:rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px) } .md\:rounded-l-xl { border-top-left-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px) } .md\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0 } .md\:rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl) } .md\:rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .md\:border { border-style: var(--tw-border-style); border-width: 1px } .md\:border-0 { border-style: var(--tw-border-style); border-width: 0 } .md\:border-\[25px\] { border-style: var(--tw-border-style); border-width: 25px } .md\:border-\[50px\] { border-style: var(--tw-border-style); border-width: 50px } .md\:border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px } .md\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px } .md\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0 } .md\:border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px } .md\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px } .md\:border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px } .md\:border-r-\[1px\] { border-right-style: var(--tw-border-style); border-right-width: 1px } .md\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } .md\:border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px } .md\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px } .md\:border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px } .md\:border-background\/40 { border-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .md\:border-background\/40 { border-color: color-mix(in oklab, var(--background) 40%, transparent) } } .md\:border-border { border-color: var(--border) } .md\:border-primary { border-color: var(--primary) } .md\:border-white { border-color: var(--color-white) } .md\:bg-\[var\(--shell-chrome\)\] { background-color: var(--shell-chrome) } .md\:bg-background, .md\:bg-background\/40 { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .md\:bg-background\/40 { background-color: color-mix(in oklab, var(--background) 40%, transparent) } } .md\:bg-foreground\/20 { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .md\:bg-foreground\/20 { background-color: color-mix(in oklab, var(--foreground) 20%, transparent) } } .md\:bg-muted, .md\:bg-muted\/50 { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .md\:bg-muted\/50 { background-color: color-mix(in oklab, var(--muted) 50%, transparent) } } .md\:bg-transparent { background-color: #0000 } .md\:bg-linear-to-t { --tw-gradient-position: to top } @supports (background-image:linear-gradient(in lab, red, red)) { .md\:bg-linear-to-t { --tw-gradient-position: to top in oklab } } .md\:bg-linear-to-t { background-image: linear-gradient(var(--tw-gradient-stops)) } .md\:bg-\[linear-gradient\(transparent\,hsl\(var\(--color-primary\)\)_50\%\)\] { background-image: linear-gradient(transparent, hsl(var(--color-primary)) 50%) } .md\:from-background { --tw-gradient-from: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .md\:from-background\/90 { --tw-gradient-from: var(--background) } @supports (color:color-mix(in lab, red, red)) { .md\:from-background\/90 { --tw-gradient-from: color-mix(in oklab, var(--background) 90%, transparent) } } .md\:from-background\/90 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .md\:from-black\/40 { --tw-gradient-from: #0006 } @supports (color:color-mix(in lab, red, red)) { .md\:from-black\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent) } } .md\:from-black\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .md\:from-primary\/80 { --tw-gradient-from: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .md\:from-primary\/80 { --tw-gradient-from: color-mix(in oklab, var(--primary) 80%, transparent) } } .md\:from-primary\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .md\:via-background\/60 { --tw-gradient-via: var(--background) } @supports (color:color-mix(in lab, red, red)) { .md\:via-background\/60 { --tw-gradient-via: color-mix(in oklab, var(--background) 60%, transparent) } } .md\:via-background\/60 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .md\:via-background\/80 { --tw-gradient-via: var(--background) } @supports (color:color-mix(in lab, red, red)) { .md\:via-background\/80 { --tw-gradient-via: color-mix(in oklab, var(--background) 80%, transparent) } } .md\:via-background\/80 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .md\:to-black\/30 { --tw-gradient-to: #0000004d } @supports (color:color-mix(in lab, red, red)) { .md\:to-black\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 30%, transparent) } } .md\:to-black\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .md\:to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .md\:mask-\[linear-gradient\(to_bottom\,black_80\%\,transparent_90\%\)\] { -webkit-mask-image: linear-gradient(#000 80%, #0000 90%); mask-image: linear-gradient(#000 80%, #0000 90%) } .md\:bg-size-\[18px_18px\] { background-size: 18px 18px } .md\:bg-center { background-position: 50% } .md\:object-fill { object-fit: fill } .md\:object-top { object-position: top } .md\:object-top-right { object-position: right top } .md\:p-0 { padding: calc(var(--spacing) * 0) } .md\:p-1 { padding: calc(var(--spacing) * 1) } .md\:p-2 { padding: calc(var(--spacing) * 2) } .md\:p-3 { padding: calc(var(--spacing) * 3) } .md\:p-4 { padding: calc(var(--spacing) * 4) } .md\:p-5 { padding: calc(var(--spacing) * 5) } .md\:p-6 { padding: calc(var(--spacing) * 6) } .md\:p-7 { padding: calc(var(--spacing) * 7) } .md\:p-7\.5 { padding: calc(var(--spacing) * 7.5) } .md\:p-8 { padding: calc(var(--spacing) * 8) } .md\:p-10 { padding: calc(var(--spacing) * 10) } .md\:p-12 { padding: calc(var(--spacing) * 12) } .md\:p-14 { padding: calc(var(--spacing) * 14) } .md\:p-16 { padding: calc(var(--spacing) * 16) } .md\:p-20 { padding: calc(var(--spacing) * 20) } .md\:p-32 { padding: calc(var(--spacing) * 32) } .md\:p-\[3\.75rem\] { padding: 3.75rem } .md\:p-\[var\(--dialog-content-p-desktop\)\] { padding: var(--dialog-content-p-desktop) } .md\:px-0 { padding-inline: calc(var(--spacing) * 0) } .md\:px-2 { padding-inline: calc(var(--spacing) * 2) } .md\:px-3 { padding-inline: calc(var(--spacing) * 3) } .md\:px-4 { padding-inline: calc(var(--spacing) * 4) } .md\:px-5 { padding-inline: calc(var(--spacing) * 5) } .md\:px-6 { padding-inline: calc(var(--spacing) * 6) } .md\:px-7 { padding-inline: calc(var(--spacing) * 7) } .md\:px-7\.5 { padding-inline: calc(var(--spacing) * 7.5) } .md\:px-8 { padding-inline: calc(var(--spacing) * 8) } .md\:px-9 { padding-inline: calc(var(--spacing) * 9) } .md\:px-10 { padding-inline: calc(var(--spacing) * 10) } .md\:px-11 { padding-inline: calc(var(--spacing) * 11) } .md\:px-12 { padding-inline: calc(var(--spacing) * 12) } .md\:px-12\.5 { padding-inline: calc(var(--spacing) * 12.5) } .md\:px-14 { padding-inline: calc(var(--spacing) * 14) } .md\:px-15 { padding-inline: calc(var(--spacing) * 15) } .md\:px-16 { padding-inline: calc(var(--spacing) * 16) } .md\:px-18 { padding-inline: calc(var(--spacing) * 18) } .md\:px-20 { padding-inline: calc(var(--spacing) * 20) } .md\:px-24 { padding-inline: calc(var(--spacing) * 24) } .md\:px-45 { padding-inline: calc(var(--spacing) * 45) } .md\:py-0 { padding-block: calc(var(--spacing) * 0) } .md\:py-2 { padding-block: calc(var(--spacing) * 2) } .md\:py-3 { padding-block: calc(var(--spacing) * 3) } .md\:py-3\.5 { padding-block: calc(var(--spacing) * 3.5) } .md\:py-4 { padding-block: calc(var(--spacing) * 4) } .md\:py-5 { padding-block: calc(var(--spacing) * 5) } .md\:py-6 { padding-block: calc(var(--spacing) * 6) } .md\:py-7 { padding-block: calc(var(--spacing) * 7) } .md\:py-8 { padding-block: calc(var(--spacing) * 8) } .md\:py-9 { padding-block: calc(var(--spacing) * 9) } .md\:py-10 { padding-block: calc(var(--spacing) * 10) } .md\:py-11 { padding-block: calc(var(--spacing) * 11) } .md\:py-12 { padding-block: calc(var(--spacing) * 12) } .md\:py-14 { padding-block: calc(var(--spacing) * 14) } .md\:py-15 { padding-block: calc(var(--spacing) * 15) } .md\:py-16 { padding-block: calc(var(--spacing) * 16) } .md\:py-20 { padding-block: calc(var(--spacing) * 20) } .md\:py-24 { padding-block: calc(var(--spacing) * 24) } .md\:py-28 { padding-block: calc(var(--spacing) * 28) } .md\:py-32 { padding-block: calc(var(--spacing) * 32) } .md\:py-40 { padding-block: calc(var(--spacing) * 40) } .md\:py-52 { padding-block: calc(var(--spacing) * 52) } .md\:pe-6 { padding-inline-end: calc(var(--spacing) * 6) } .md\:pt-0 { padding-top: calc(var(--spacing) * 0) } .md\:pt-2 { padding-top: calc(var(--spacing) * 2) } .md\:pt-4 { padding-top: calc(var(--spacing) * 4) } .md\:pt-5 { padding-top: calc(var(--spacing) * 5) } .md\:pt-6 { padding-top: calc(var(--spacing) * 6) } .md\:pt-8 { padding-top: calc(var(--spacing) * 8) } .md\:pt-10 { padding-top: calc(var(--spacing) * 10) } .md\:pt-11 { padding-top: calc(var(--spacing) * 11) } .md\:pt-12 { padding-top: calc(var(--spacing) * 12) } .md\:pt-14 { padding-top: calc(var(--spacing) * 14) } .md\:pt-15 { padding-top: calc(var(--spacing) * 15) } .md\:pt-16 { padding-top: calc(var(--spacing) * 16) } .md\:pt-20 { padding-top: calc(var(--spacing) * 20) } .md\:pt-24 { padding-top: calc(var(--spacing) * 24) } .md\:pt-28 { padding-top: calc(var(--spacing) * 28) } .md\:pt-36 { padding-top: calc(var(--spacing) * 36) } .md\:pt-40 { padding-top: calc(var(--spacing) * 40) } .md\:pr-0 { padding-right: calc(var(--spacing) * 0) } .md\:pr-2 { padding-right: calc(var(--spacing) * 2) } .md\:pr-3 { padding-right: calc(var(--spacing) * 3) } .md\:pr-4 { padding-right: calc(var(--spacing) * 4) } .md\:pr-5 { padding-right: calc(var(--spacing) * 5) } .md\:pr-6 { padding-right: calc(var(--spacing) * 6) } .md\:pr-8 { padding-right: calc(var(--spacing) * 8) } .md\:pr-10 { padding-right: calc(var(--spacing) * 10) } .md\:pr-12 { padding-right: calc(var(--spacing) * 12) } .md\:pr-14 { padding-right: calc(var(--spacing) * 14) } .md\:pr-16 { padding-right: calc(var(--spacing) * 16) } .md\:pr-24 { padding-right: calc(var(--spacing) * 24) } .md\:pr-40 { padding-right: calc(var(--spacing) * 40) } .md\:pr-\[calc\(\(var\(--product-card-width-desktop\)\/2\)\+1rem\)\] { padding-right: calc((var(--product-card-width-desktop) / 2) + 1rem) } .md\:pb-0 { padding-bottom: calc(var(--spacing) * 0) } .md\:pb-3 { padding-bottom: calc(var(--spacing) * 3) } .md\:pb-4 { padding-bottom: calc(var(--spacing) * 4) } .md\:pb-5 { padding-bottom: calc(var(--spacing) * 5) } .md\:pb-6 { padding-bottom: calc(var(--spacing) * 6) } .md\:pb-7 { padding-bottom: calc(var(--spacing) * 7) } .md\:pb-8 { padding-bottom: calc(var(--spacing) * 8) } .md\:pb-10 { padding-bottom: calc(var(--spacing) * 10) } .md\:pb-12 { padding-bottom: calc(var(--spacing) * 12) } .md\:pb-14 { padding-bottom: calc(var(--spacing) * 14) } .md\:pb-16 { padding-bottom: calc(var(--spacing) * 16) } .md\:pb-20 { padding-bottom: calc(var(--spacing) * 20) } .md\:pb-22 { padding-bottom: calc(var(--spacing) * 22) } .md\:pb-24 { padding-bottom: calc(var(--spacing) * 24) } .md\:pb-32 { padding-bottom: calc(var(--spacing) * 32) } .md\:pb-36 { padding-bottom: calc(var(--spacing) * 36) } .md\:pb-52 { padding-bottom: calc(var(--spacing) * 52) } .md\:pb-\[16rem\] { padding-bottom: 16rem } .md\:pl-0 { padding-left: calc(var(--spacing) * 0) } .md\:pl-3 { padding-left: calc(var(--spacing) * 3) } .md\:pl-4 { padding-left: calc(var(--spacing) * 4) } .md\:pl-5 { padding-left: calc(var(--spacing) * 5) } .md\:pl-6 { padding-left: calc(var(--spacing) * 6) } .md\:pl-8 { padding-left: calc(var(--spacing) * 8) } .md\:pl-9 { padding-left: calc(var(--spacing) * 9) } .md\:pl-10 { padding-left: calc(var(--spacing) * 10) } .md\:pl-12 { padding-left: calc(var(--spacing) * 12) } .md\:pl-14 { padding-left: calc(var(--spacing) * 14) } .md\:pl-16 { padding-left: calc(var(--spacing) * 16) } .md\:pl-30 { padding-left: calc(var(--spacing) * 30) } .md\:pl-\[var\(--avatar-spacing-desktop\)\] { padding-left: var(--avatar-spacing-desktop) } .md\:text-center { text-align: center } .md\:text-end { text-align: end } .md\:text-left { text-align: left } .md\:text-right { text-align: right } .md\:text-start { text-align: start } .md\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .md\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)) } .md\:text-6xl\/tight { font-size: var(--text-6xl); line-height: var(--leading-tight) } .md\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)) } .md\:text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)) } .md\:text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)) } .md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .md\:text-xl\/relaxed { font-size: var(--text-xl); line-height: var(--leading-relaxed) } .md\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .md\:text-xs\/relaxed { font-size: var(--text-xs); line-height: var(--leading-relaxed) } .md\:text-\[1\.75rem\] { font-size: 1.75rem } .md\:text-\[2\.5rem\] { font-size: 2.5rem } .md\:text-\[2\.25rem\] { font-size: 2.25rem } .md\:text-\[2\.75rem\] { font-size: 2.75rem } .md\:text-\[2rem\] { font-size: 2rem } .md\:text-\[2vw\] { font-size: 2vw } .md\:text-\[3\.5rem\] { font-size: 3.5rem } .md\:text-\[4\.2rem\] { font-size: 4.2rem } .md\:text-\[4\.25rem\] { font-size: 4.25rem } .md\:text-\[4rem\] { font-size: 4rem } .md\:text-\[5\.8rem\] { font-size: 5.8rem } .md\:text-\[5\.625rem\] { font-size: 5.625rem } .md\:text-\[5rem\] { font-size: 5rem } .md\:text-\[7vw\] { font-size: 7vw } .md\:text-\[8vw\] { font-size: 8vw } .md\:text-\[40px\] { font-size: 40px } .md\:text-\[54px\] { font-size: 54px } .md\:text-\[56px\] { font-size: 56px } .md\:text-\[80px\] { font-size: 80px } .md\:text-\[90px\] { font-size: 90px } .md\:text-\[100px\] { font-size: 100px } .md\:text-\[105px\] { font-size: 105px } .md\:leading-20 { --tw-leading: calc(var(--spacing) * 20); line-height: calc(var(--spacing) * 20) } .md\:leading-22 { --tw-leading: calc(var(--spacing) * 22); line-height: calc(var(--spacing) * 22) } .md\:leading-\[1\.08\] { --tw-leading: 1.08; line-height: 1.08 } .md\:leading-\[1\.15\] { --tw-leading: 1.15; line-height: 1.15 } .md\:leading-\[1\.15\]\! { --tw-leading: 1.15 !important; line-height: 1.15 !important } .md\:leading-\[4\.25rem\] { --tw-leading: 4.25rem; line-height: 4.25rem } .md\:leading-\[6\.18rem\] { --tw-leading: 6.18rem; line-height: 6.18rem } .md\:leading-\[96px\] { --tw-leading: 96px; line-height: 96px } .md\:leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal) } .md\:leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed) } .md\:leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug) } .md\:leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight) } .md\:font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal) } .md\:font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .md\:tracking-\[-4\.32px\] { --tw-tracking: -4.32px; letter-spacing: -4.32px } .md\:tracking-\[-13px\] { --tw-tracking: -13px; letter-spacing: -13px } .md\:text-balance { text-wrap: balance } .md\:text-pretty { text-wrap: pretty } .md\:text-clip { text-overflow: clip } .md\:whitespace-normal { white-space: normal } .md\:whitespace-nowrap { white-space: nowrap } .md\:text-background, .md\:text-background\/70 { color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .md\:text-background\/70 { color: color-mix(in oklab, var(--background) 70%, transparent) } } .md\:text-foreground { color: var(--foreground) } .md\:text-muted-foreground { color: var(--muted-foreground) } .md\:text-primary { color: var(--primary) } .md\:text-primary-foreground { color: var(--primary-foreground) } .md\:opacity-0 { opacity: 0 } .md\:opacity-50 { opacity: .5 } .md\:opacity-55 { opacity: .55 } .md\:shadow-\[0_-16px_0_-8px_var\(--color-gray-300\)\,0_-30px_0_-14px_var\(--color-gray-100\)\] { --tw-shadow: 0 -16px 0 -8px var(--tw-shadow-color, var(--color-gray-300)), 0 -30px 0 -14px var(--tw-shadow-color, var(--color-gray-100)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .md\:shadow-xl { --tw-shadow: var(--shadow-xl); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .md\:transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .md\:transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .md\:duration-300 { --tw-duration: .3s; transition-duration: .3s } :is(.md\:\*\:border-r>*) { border-right-style: var(--tw-border-style); border-right-width: 1px } .md\:not-last\:mb-15:not(:last-child) { margin-bottom: calc(var(--spacing) * 15) } .md\:not-last\:mb-\[5cqi\]:not(:last-child) { margin-bottom: 5cqi } .md\:group-odd\:flex-row-reverse:is(:where(.group):nth-child(odd) *) { flex-direction: row-reverse } .md\:group-even\:items-end:is(:where(.group):nth-child(2n) *) { align-items: flex-end } .md\:group-even\:justify-end:is(:where(.group):nth-child(2n) *) { justify-content: flex-end } .md\:group-even\:self-end:is(:where(.group):nth-child(2n) *) { align-self: flex-end } .md\:group-even\:text-right:is(:where(.group):nth-child(2n) *) { text-align: right } @media(hover:hover) { .md\:group-hover\:-translate-x-4:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:group-hover\:translate-x-0\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:group-hover\:bg-primary:is(:where(.group):hover *) { background-color: var(--primary) } } } @media(hover:hover) { @media(min-width:48rem) { .group-hover\:md\:from-black\/50:is(:where(.group):hover *) { --tw-gradient-from: #00000080 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:md\:from-black\/50:is(:where(.group):hover *) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, transparent) } } .group-hover\:md\:from-black\/50:is(:where(.group):hover *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .group-hover\:md\:to-black\/40:is(:where(.group):hover *) { --tw-gradient-to: #0006 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:md\:to-black\/40:is(:where(.group):hover *) { --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent) } } .group-hover\:md\:to-black\/40:is(:where(.group):hover *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } } } @media(min-width:48rem) { @media(hover:hover) { .md\:group-hover\:text-primary-foreground:is(:where(.group):hover *) { color: var(--primary-foreground) } .md\:group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1 } } .md\:group-data-open\:opacity-100:is(:is(:where(.group):where([data-state=open]), :where(.group):where([data-open]:not([data-open=false]))) *) { opacity: 1 } .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*) { margin: calc(var(--spacing) * 2) } .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*) { margin-left: calc(var(--spacing) * 0) } .md\:peer-data-\[variant\=inset\]\:rounded-none:is(:where(.peer)[data-variant=inset]~*) { border-radius: 0 } .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*) { border-radius: calc(var(--radius) + 4px) } .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*) { --tw-shadow: var(--shadow-sm); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*) { margin-left: calc(var(--spacing) * 2) } .md\:before\:h-20:before { content: var(--tw-content); height: calc(var(--spacing) * 20) } .md\:after\:-right-3:after { content: var(--tw-content); right: calc(var(--spacing) * -3) } .md\:after\:hidden:after { content: var(--tw-content); display: none } .md\:after\:h-96:after { content: var(--tw-content); height: calc(var(--spacing) * 96) } .md\:after\:text-4xl:after { content: var(--tw-content); font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .md\:after\:opacity-0:after { content: var(--tw-content); opacity: 0 } .md\:first\:col-span-2:first-child { grid-column: span 2/span 2 } .md\:first\:row-start-1:first-child { grid-row-start: 1 } .md\:odd\:basis-90:nth-child(odd) { flex-basis: calc(var(--spacing) * 90) } } @media(hover:hover) { @media(min-width:48rem) { .hover\:md\:w-2\/3:hover { width: 66.6667% } } } @media(min-width:48rem) { @media(hover:hover) { .md\:hover\:translate-y-16:hover { --tw-translate-y: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y) } } } @media(hover:hover) { @media(min-width:48rem) { .hover\:md\:bg-background\/90:hover { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .hover\:md\:bg-background\/90:hover { background-color: color-mix(in oklab, var(--background) 90%, transparent) } } } } @media(min-width:48rem) { @media(hover:hover) { .md\:hover\:bg-accent:hover { background-color: var(--accent) } .md\:hover\:bg-muted:hover { background-color: var(--muted) } .md\:hover\:bg-muted-foreground\/5:hover { background-color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .md\:hover\:bg-muted-foreground\/5:hover { background-color: color-mix(in oklab, var(--muted-foreground) 5%, transparent) } } } .md\:data-\[state\=active\]\:bg-muted-foreground\/10[data-state=active] { background-color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .md\:data-\[state\=active\]\:bg-muted-foreground\/10[data-state=active] { background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent) } } .md\:nth-2\:col-span-2:nth-child(2), .md\:nth-3\:col-span-2:nth-child(3) { grid-column: span 2/span 2 } .md\:nth-4\:col-span-3:nth-child(4), .md\:nth-5\:col-span-3:nth-child(5) { grid-column: span 3/span 3 } .md\:nth-\[2\]\:row-start-3:nth-child(2) { grid-row-start: 3 } .md\:nth-\[3\]\:row-start-1:nth-child(3), .md\:nth-\[4\]\:row-start-1:nth-child(4) { grid-row-start: 1 } .md\:nth-\[5\]\:row-start-4:nth-child(5) { grid-row-start: 4 } @media not all and (min-width:80rem) { .md\:max-xl\:-translate-x-\[6\%\] { --tw-translate-x: -6%; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:max-xl\:-translate-x-\[8\%\] { --tw-translate-x: -8%; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:max-xl\:translate-y-\[6\%\] { --tw-translate-y: 6%; translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:max-xl\:translate-y-\[16\%\] { --tw-translate-y: 16%; translate: var(--tw-translate-x) var(--tw-translate-y) } } @media not all and (min-width:64rem) { .md\:max-lg\:inset-x-\[50\%\] { inset-inline: 50% } .md\:max-lg\:hidden { display: none } .md\:max-lg\:aspect-1336\/420 { aspect-ratio: 1336/420 } .md\:max-lg\:w-\[50\%\] { width: 50% } .md\:max-lg\:flex-col { flex-direction: column } .md\:max-lg\:not-group-first\:opacity-0:not(:is(:where(.group):first-child *)) { opacity: 0 } .md\:max-lg\:last\:col-start-16:last-child { grid-column-start: 16 } .md\:max-lg\:nth-3\:hidden:nth-child(3) { display: none } .md\:max-lg\:nth-4\:col-start-6:nth-child(4) { grid-column-start: 6 } } } @media(min-width:64rem) { .lg\:pointer-events-auto { pointer-events: auto } .lg\:pointer-events-none { pointer-events: none } .lg\:not-sr-only { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible } .lg\:absolute { position: absolute } .lg\:relative { position: relative } .lg\:static { position: static } .lg\:sticky { position: sticky } .lg\:inset-0 { inset: calc(var(--spacing) * 0) } .lg\:-inset-x-3 { inset-inline: calc(var(--spacing) * -3) } .lg\:inset-x-0 { inset-inline: calc(var(--spacing) * 0) } .lg\:inset-x-3 { inset-inline: calc(var(--spacing) * 3) } .lg\:inset-x-\[calc\(100\%\/6\)\] { inset-inline: 16.6667% } .lg\:inset-x-\[max\(1rem\,calc\(\(100\%-1400px\)\/2\+1rem\)\)\] { inset-inline: max(1rem, 50% - 700px + 1rem) } .lg\:inset-y-auto { inset-block: auto } .lg\:start-6 { inset-inline-start: calc(var(--spacing) * 6) } .lg\:-top-0 { top: calc(var(--spacing) * 0) } .lg\:-top-3 { top: calc(var(--spacing) * -3) } .lg\:-top-\[10\%\] { top: -10% } .lg\:-top-\[1186\%\] { top: -1186% } .lg\:top-0 { top: calc(var(--spacing) * 0) } .lg\:top-1\/2 { top: 50% } .lg\:top-4 { top: calc(var(--spacing) * 4) } .lg\:top-5 { top: calc(var(--spacing) * 5) } .lg\:top-6 { top: calc(var(--spacing) * 6) } .lg\:top-8 { top: calc(var(--spacing) * 8) } .lg\:top-10 { top: calc(var(--spacing) * 10) } .lg\:top-12 { top: calc(var(--spacing) * 12) } .lg\:top-16 { top: calc(var(--spacing) * 16) } .lg\:top-20 { top: calc(var(--spacing) * 20) } .lg\:top-24 { top: calc(var(--spacing) * 24) } .lg\:top-28 { top: calc(var(--spacing) * 28) } .lg\:top-32 { top: calc(var(--spacing) * 32) } .lg\:top-100 { top: calc(var(--spacing) * 100) } .lg\:top-101\.5 { top: calc(var(--spacing) * 101.5) } .lg\:top-\[calc\(var\(--header-height\)\+1rem\)\] { top: calc(var(--header-height) + 1rem) } .lg\:top-auto { top: auto } .lg\:-right-8 { right: calc(var(--spacing) * -8) } .lg\:-right-14 { right: calc(var(--spacing) * -14) } .lg\:-right-64 { right: calc(var(--spacing) * -64) } .lg\:right-0 { right: calc(var(--spacing) * 0) } .lg\:right-8 { right: calc(var(--spacing) * 8) } .lg\:right-10 { right: calc(var(--spacing) * 10) } .lg\:right-16 { right: calc(var(--spacing) * 16) } .lg\:right-25 { right: calc(var(--spacing) * 25) } .lg\:right-28 { right: calc(var(--spacing) * 28) } .lg\:right-\[-9\.9375rem\] { right: -9.9375rem } .lg\:right-\[14\%\] { right: 14% } .lg\:right-\[35\%\] { right: 35% } .lg\:right-\[50\%\] { right: 50% } .lg\:right-\[max\(1rem\,calc\(\(100\%-1400px\)\/2\+1rem\)\)\] { right: max(1rem, 50% - 700px + 1rem) } .lg\:right-auto { right: auto } .lg\:-bottom-4 { bottom: calc(var(--spacing) * -4) } .lg\:bottom-0 { bottom: calc(var(--spacing) * 0) } .lg\:bottom-2 { bottom: calc(var(--spacing) * 2) } .lg\:bottom-3 { bottom: calc(var(--spacing) * 3) } .lg\:bottom-5 { bottom: calc(var(--spacing) * 5) } .lg\:bottom-6 { bottom: calc(var(--spacing) * 6) } .lg\:bottom-8 { bottom: calc(var(--spacing) * 8) } .lg\:bottom-10 { bottom: calc(var(--spacing) * 10) } .lg\:bottom-16 { bottom: calc(var(--spacing) * 16) } .lg\:bottom-24 { bottom: calc(var(--spacing) * 24) } .lg\:bottom-45 { bottom: calc(var(--spacing) * 45) } .lg\:bottom-auto { bottom: auto } .lg\:-left-14 { left: calc(var(--spacing) * -14) } .lg\:-left-44 { left: calc(var(--spacing) * -44) } .lg\:-left-62 { left: calc(var(--spacing) * -62) } .lg\:-left-\[25px\] { left: -25px } .lg\:-left-\[55px\] { left: -55px } .lg\:-left-\[380\%\] { left: -380% } .lg\:left-0 { left: calc(var(--spacing) * 0) } .lg\:left-1\/2 { left: 50% } .lg\:left-8 { left: calc(var(--spacing) * 8) } .lg\:left-16 { left: calc(var(--spacing) * 16) } .lg\:left-20 { left: calc(var(--spacing) * 20) } .lg\:left-24 { left: calc(var(--spacing) * 24) } .lg\:left-50 { left: calc(var(--spacing) * 50) } .lg\:left-52 { left: calc(var(--spacing) * 52) } .lg\:left-\[-9\.9375rem\] { left: -9.9375rem } .lg\:left-\[14\%\] { left: 14% } .lg\:left-\[30\%\] { left: 30% } .lg\:left-\[42\%\] { left: 42% } .lg\:left-\[58\%\] { left: 58% } .lg\:left-\[72\%\] { left: 72% } .lg\:left-\[85\%\] { left: 85% } .lg\:left-\[max\(1rem\,calc\(\(100\%-1400px\)\/2\+1rem\)\)\] { left: max(1rem, 50% - 700px + 1rem) } .lg\:left-auto { left: auto } .lg\:z-0 { z-index: 0 } .lg\:z-10 { z-index: 10 } .lg\:z-100 { z-index: 100 } .lg\:order-0 { order: 0 } .lg\:order-1 { order: 1 } .lg\:order-2 { order: 2 } .lg\:order-none { order: 0 } .lg\:col-\[6\/5\] { grid-column: 6/5 } .lg\:col-auto { grid-column: auto } .lg\:col-span-1 { grid-column: span 1/span 1 } .lg\:col-span-2 { grid-column: span 2/span 2 } .lg\:col-span-3 { grid-column: span 3/span 3 } .lg\:col-span-4 { grid-column: span 4/span 4 } .lg\:col-span-5 { grid-column: span 5/span 5 } .lg\:col-span-6 { grid-column: span 6/span 6 } .lg\:col-span-7 { grid-column: span 7/span 7 } .lg\:col-span-8 { grid-column: span 8/span 8 } .lg\:col-span-9 { grid-column: span 9/span 9 } .lg\:col-span-10 { grid-column: span 10/span 10 } .lg\:col-span-12 { grid-column: span 12/span 12 } .lg\:col-span-14 { grid-column: span 14/span 14 } .lg\:col-span-17 { grid-column: span 17/span 17 } .lg\:col-span-18 { grid-column: span 18/span 18 } .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\:col-start-5 { grid-column-start: 5 } .lg\:col-start-6 { grid-column-start: 6 } .lg\:col-start-7 { grid-column-start: 7 } .lg\:col-start-8 { grid-column-start: 8 } .lg\:col-start-10 { grid-column-start: 10 } .lg\:col-end-3 { grid-column-end: 3 } .lg\:col-end-5 { grid-column-end: 5 } .lg\:row-span-1 { grid-row: span 1/span 1 } .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\:row-end-2 { grid-row-end: 2 } .lg\:row-end-3 { grid-row-end: 3 } .lg\:row-end-4 { grid-row-end: 4 } .lg\:row-end-5 { grid-row-end: 5 } .lg\:container { width: 100% } @media(min-width:40rem) { .lg\:container { max-width: 40rem } } @media(min-width:48rem) { .lg\:container { max-width: 48rem } } .lg\:container { max-width: 64rem } @media(min-width:80rem) { .lg\:container { max-width: 80rem } } @media(min-width:96rem) { .lg\:container { max-width: 96rem } } .lg\:m-0 { margin: calc(var(--spacing) * 0) } .lg\:m-8 { margin: calc(var(--spacing) * 8) } .lg\:container { margin-inline: auto; padding-inline: 2rem } .lg\:-mx-7\.5 { margin-inline: calc(var(--spacing) * -7.5) } .lg\:-mx-10 { margin-inline: calc(var(--spacing) * -10) } .lg\:-mx-32 { margin-inline: calc(var(--spacing) * -32) } .lg\:mx-0 { margin-inline: calc(var(--spacing) * 0) } .lg\:mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5) } .lg\:mx-2 { margin-inline: calc(var(--spacing) * 2) } .lg\:mx-4 { margin-inline: calc(var(--spacing) * 4) } .lg\:mx-6 { margin-inline: calc(var(--spacing) * 6) } .lg\:mx-10 { margin-inline: calc(var(--spacing) * 10) } .lg\:mx-14 { margin-inline: calc(var(--spacing) * 14) } .lg\:mx-20 { margin-inline: calc(var(--spacing) * 20) } .lg\:mx-auto { margin-inline: auto } .lg\:-my-2 { margin-block: calc(var(--spacing) * -2) } .lg\:my-0 { margin-block: calc(var(--spacing) * 0) } .lg\:my-2 { margin-block: calc(var(--spacing) * 2) } .lg\:my-6 { margin-block: calc(var(--spacing) * 6) } .lg\:my-10 { margin-block: calc(var(--spacing) * 10) } .lg\:my-12 { margin-block: calc(var(--spacing) * 12) } .lg\:my-14 { margin-block: calc(var(--spacing) * 14) } .lg\:my-16 { margin-block: calc(var(--spacing) * 16) } .lg\:my-20 { margin-block: calc(var(--spacing) * 20) } .lg\:my-36 { margin-block: calc(var(--spacing) * 36) } .lg\:-me-\[calc\(\(100vw-var\(--container-xl\)\)\/2\)\] { margin-inline-end: calc(calc((100vw - var(--container-xl)) / 2) * -1) } .lg\:prose { color: var(--tw-prose-body); max-width: 65ch } .lg\:prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em; margin-bottom: 1.25em } .lg\:prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6 } .lg\:prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline } .lg\:prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-bold); font-weight: 600 } .lg\:prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)), .lg\:prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)), .lg\:prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit } .lg\:prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: decimal } .lg\:prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: upper-alpha } .lg\:prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: lower-alpha } .lg\:prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: upper-alpha } .lg\:prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: lower-alpha } .lg\:prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: upper-roman } .lg\:prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: lower-roman } .lg\:prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: upper-roman } .lg\:prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: lower-roman } .lg\:prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) { list-style-type: decimal } .lg\:prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: disc } .lg\:prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker { color: var(--tw-prose-counters); font-weight: 400 } .lg\:prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker { color: var(--tw-prose-bullets) } .lg\:prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600 } .lg\:prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em } .lg\:prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-quotes); border-inline-start-width: .25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "“" "”" "‘" "’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-style: italic; font-weight: 500 } .lg\:prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before { content: open-quote } .lg\:prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after { content: close-quote } .lg\:prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); margin-top: 0; margin-bottom: .888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111 } .lg\:prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-weight: 900 } .lg\:prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333 } .lg\:prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-weight: 800 } .lg\:prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: .6em; font-size: 1.25em; font-weight: 600; line-height: 1.6 } .lg\:prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-weight: 700 } .lg\:prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: .5em; font-weight: 600; line-height: 1.5 } .lg\:prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-weight: 700 } .lg\:prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 2em; margin-bottom: 2em } .lg\:prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 2em; margin-bottom: 2em; display: block } .lg\:prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 2em; margin-bottom: 2em } .lg\:prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); padding-top: .1875em; padding-inline-end: .375em; padding-bottom: .1875em; border-radius: .3125rem; padding-inline-start: .375em; font-family: inherit; font-size: .875em; font-weight: 500 } .lg\:prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-code); font-size: .875em; font-weight: 600 } .lg\:prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before, .lg\:prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after { content: "`" } .lg\:prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)), .lg\:prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit } .lg\:prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-size: .875em } .lg\:prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit; font-size: .9em } .lg\:prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)), .lg\:prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)), .lg\:prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) { color: inherit } .lg\:prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); padding-top: .857143em; padding-inline-end: 1.14286em; padding-bottom: .857143em; border-radius: .375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; padding-inline-start: 1.14286em; font-size: .875em; font-weight: 400; line-height: 1.71429; overflow-x: auto } .lg\:prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: #0000; border-width: 0; border-radius: 0; padding: 0 } .lg\:prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before, .lg\:prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after { content: none } .lg\:prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: .875em; line-height: 1.71429 } .lg\:prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders) } .lg\:prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; font-weight: 600 } .lg\:prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders) } .lg\:prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { border-bottom-width: 0 } .lg\:prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) { vertical-align: baseline } .lg\:prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders) } .lg\:prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) { vertical-align: top } .lg\:prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) { text-align: start } .lg\:prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0; margin-bottom: 0 } .lg\:prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--tw-prose-captions); margin-top: .857143em; font-size: .875em; line-height: 1.42857 } .lg\:prose { --tw-prose-body: oklch(37.3% .034 259.733); --tw-prose-headings: oklch(21% .034 264.665); --tw-prose-lead: oklch(44.6% .03 256.802); --tw-prose-links: oklch(21% .034 264.665); --tw-prose-bold: oklch(21% .034 264.665); --tw-prose-counters: oklch(55.1% .027 264.364); --tw-prose-bullets: oklch(87.2% .01 258.338); --tw-prose-hr: oklch(92.8% .006 264.531); --tw-prose-quotes: oklch(21% .034 264.665); --tw-prose-quote-borders: oklch(92.8% .006 264.531); --tw-prose-captions: oklch(55.1% .027 264.364); --tw-prose-kbd: oklch(21% .034 264.665); --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527/.1); --tw-prose-code: oklch(21% .034 264.665); --tw-prose-pre-code: oklch(92.8% .006 264.531); --tw-prose-pre-bg: oklch(27.8% .033 256.848); --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531); --tw-prose-invert-body: oklch(87.2% .01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% .022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% .022 261.325); --tw-prose-invert-bullets: oklch(44.6% .03 256.802); --tw-prose-invert-hr: oklch(37.3% .034 259.733); --tw-prose-invert-quotes: oklch(96.7% .003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); --tw-prose-invert-captions: oklch(70.7% .022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% .01 258.338); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 1rem; line-height: 1.75 } .lg\:prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0; margin-bottom: 0 } .lg\:prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .5em; margin-bottom: .5em } .lg\:prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)), .lg\:prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: .375em } .lg\:prose :where(.lg\:prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .75em; margin-bottom: .75em } .lg\:prose :where(.lg\:prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em } .lg\:prose :where(.lg\:prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 1.25em } .lg\:prose :where(.lg\:prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em } .lg\:prose :where(.lg\:prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 1.25em } .lg\:prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .75em; margin-bottom: .75em } .lg\:prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 1.25em; margin-bottom: 1.25em } .lg\:prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: .5em; padding-inline-start: 1.625em } .lg\:prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)), .lg\:prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)), .lg\:prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)), .lg\:prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0 } .lg\:prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: 0 } .lg\:prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-end: 0 } .lg\:prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-top: .571429em; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em } .lg\:prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-start: 0 } .lg\:prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-inline-end: 0 } .lg\:prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 2em; margin-bottom: 2em } .lg\:prose :where(.lg\:prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: 0 } .lg\:prose :where(.lg\:prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: 0 } .lg\:-mt-1 { margin-top: calc(var(--spacing) * -1) } .lg\:-mt-12 { margin-top: calc(var(--spacing) * -12) } .lg\:-mt-20 { margin-top: calc(var(--spacing) * -20) } .lg\:-mt-24 { margin-top: calc(var(--spacing) * -24) } .lg\:-mt-60 { margin-top: calc(var(--spacing) * -60) } .lg\:mt-0 { margin-top: calc(var(--spacing) * 0) } .lg\:mt-2\.5 { margin-top: calc(var(--spacing) * 2.5) } .lg\:mt-3 { margin-top: calc(var(--spacing) * 3) } .lg\:mt-4 { margin-top: calc(var(--spacing) * 4) } .lg\:mt-5 { margin-top: calc(var(--spacing) * 5) } .lg\:mt-6 { margin-top: calc(var(--spacing) * 6) } .lg\:mt-7 { margin-top: calc(var(--spacing) * 7) } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8) } .lg\:mt-9 { margin-top: calc(var(--spacing) * 9) } .lg\:mt-10 { margin-top: calc(var(--spacing) * 10) } .lg\:mt-12 { margin-top: calc(var(--spacing) * 12) } .lg\:mt-13 { margin-top: calc(var(--spacing) * 13) } .lg\:mt-14 { margin-top: calc(var(--spacing) * 14) } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16) } .lg\:mt-18 { margin-top: calc(var(--spacing) * 18) } .lg\:mt-20 { margin-top: calc(var(--spacing) * 20) } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24) } .lg\:mt-25 { margin-top: calc(var(--spacing) * 25) } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28) } .lg\:mt-30 { margin-top: calc(var(--spacing) * 30) } .lg\:mt-32 { margin-top: calc(var(--spacing) * 32) } .lg\:mt-34 { margin-top: calc(var(--spacing) * 34) } .lg\:mt-36 { margin-top: calc(var(--spacing) * 36) } .lg\:mt-40 { margin-top: calc(var(--spacing) * 40) } .lg\:mt-48 { margin-top: calc(var(--spacing) * 48) } .lg\:mt-\[5\%\] { margin-top: 5% } .lg\:mt-\[10\%\] { margin-top: 10% } .lg\:mt-\[80vh\] { margin-top: 80vh } .lg\:mt-\[160vh\] { margin-top: 160vh } .lg\:mt-auto { margin-top: auto } .lg\:-mr-16 { margin-right: calc(var(--spacing) * -16) } .lg\:mr-0 { margin-right: calc(var(--spacing) * 0) } .lg\:mr-1 { margin-right: calc(var(--spacing) * 1) } .lg\:mr-2 { margin-right: calc(var(--spacing) * 2) } .lg\:mr-6 { margin-right: calc(var(--spacing) * 6) } .lg\:mr-8 { margin-right: calc(var(--spacing) * 8) } .lg\:mr-12 { margin-right: calc(var(--spacing) * 12) } .lg\:mr-\[200px\] { margin-right: 200px } .lg\:mr-auto { margin-right: auto } .lg\:mb-0 { margin-bottom: calc(var(--spacing) * 0) } .lg\:mb-2 { margin-bottom: calc(var(--spacing) * 2) } .lg\:mb-3 { margin-bottom: calc(var(--spacing) * 3) } .lg\:mb-4 { margin-bottom: calc(var(--spacing) * 4) } .lg\:mb-5 { margin-bottom: calc(var(--spacing) * 5) } .lg\:mb-6 { margin-bottom: calc(var(--spacing) * 6) } .lg\:mb-7 { margin-bottom: calc(var(--spacing) * 7) } .lg\:mb-8 { margin-bottom: calc(var(--spacing) * 8) } .lg\:mb-9 { margin-bottom: calc(var(--spacing) * 9) } .lg\:mb-10 { margin-bottom: calc(var(--spacing) * 10) } .lg\:mb-10\.5 { margin-bottom: calc(var(--spacing) * 10.5) } .lg\:mb-12 { margin-bottom: calc(var(--spacing) * 12) } .lg\:mb-14 { margin-bottom: calc(var(--spacing) * 14) } .lg\:mb-16 { margin-bottom: calc(var(--spacing) * 16) } .lg\:mb-20 { margin-bottom: calc(var(--spacing) * 20) } .lg\:mb-24 { margin-bottom: calc(var(--spacing) * 24) } .lg\:mb-25 { margin-bottom: calc(var(--spacing) * 25) } .lg\:mb-32 { margin-bottom: calc(var(--spacing) * 32) } .lg\:mb-48 { margin-bottom: calc(var(--spacing) * 48) } .lg\:mb-\[3\.25rem\] { margin-bottom: 3.25rem } .lg\:-ml-4 { margin-left: calc(var(--spacing) * -4) } .lg\:-ml-6 { margin-left: calc(var(--spacing) * -6) } .lg\:-ml-10 { margin-left: calc(var(--spacing) * -10) } .lg\:-ml-14 { margin-left: calc(var(--spacing) * -14) } .lg\:-ml-16 { margin-left: calc(var(--spacing) * -16) } .lg\:ml-0 { margin-left: calc(var(--spacing) * 0) } .lg\:ml-2 { margin-left: calc(var(--spacing) * 2) } .lg\:ml-10 { margin-left: calc(var(--spacing) * 10) } .lg\:ml-32 { margin-left: calc(var(--spacing) * 32) } .lg\:ml-40 { margin-left: calc(var(--spacing) * 40) } .lg\:ml-\[50\%\] { margin-left: 50% } .lg\:ml-\[calc\(200px-40px\)\] { margin-left: 160px } .lg\:ml-auto { margin-left: auto } .lg\:line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .lg\:block { display: block } .lg\:contents { display: contents } .lg\:flex { display: flex } .lg\:grid { display: grid } .lg\:hidden { display: none } .lg\:inline { display: inline } .lg\:inline-block { display: inline-block } .lg\:table-cell { display: table-cell } .lg\:aspect-3\/1 { aspect-ratio: 3 } .lg\:aspect-4\/5 { aspect-ratio: 4/5 } .lg\:aspect-16\/9 { aspect-ratio: 16/9 } .lg\:aspect-1336\/420 { aspect-ratio: 1336/420 } .lg\:aspect-\[0\.780516432\] { aspect-ratio: .780516 } .lg\:aspect-\[1\.95\] { aspect-ratio: 1.95 } .lg\:aspect-\[1\.34529148\/1\] { aspect-ratio: 1.34529 } .lg\:aspect-\[1\.113139913\] { aspect-ratio: 1.11314 } .lg\:aspect-\[2\.4\] { aspect-ratio: 2.4 } .lg\:aspect-\[2\.498747584\] { aspect-ratio: 2.49875 } .lg\:aspect-\[3\/4\] { aspect-ratio: 3/4 } .lg\:aspect-\[5\/6\] { aspect-ratio: 5/6 } .lg\:aspect-\[8\.458\] { aspect-ratio: 8.458 } .lg\:aspect-\[9\/14\] { aspect-ratio: 9/14 } .lg\:aspect-\[16\/11\] { aspect-ratio: 16/11 } .lg\:aspect-\[25\/18\] { aspect-ratio: 25/18 } .lg\:aspect-auto { aspect-ratio: auto } .lg\:aspect-square { aspect-ratio: 1 } .lg\:aspect-video { aspect-ratio: var(--aspect-video) } .lg\:size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .lg\:size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5) } .lg\:size-4\! { width: calc(var(--spacing) * 4) !important; height: calc(var(--spacing) * 4) !important } .lg\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .lg\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .lg\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .lg\:size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9) } .lg\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .lg\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11) } .lg\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .lg\:size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14) } .lg\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16) } .lg\:size-18 { width: calc(var(--spacing) * 18); height: calc(var(--spacing) * 18) } .lg\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20) } .lg\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24) } .lg\:size-28 { width: calc(var(--spacing) * 28); height: calc(var(--spacing) * 28) } .lg\:size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32) } .lg\:size-40 { width: calc(var(--spacing) * 40); height: calc(var(--spacing) * 40) } .lg\:size-42 { width: calc(var(--spacing) * 42); height: calc(var(--spacing) * 42) } .lg\:size-50 { width: calc(var(--spacing) * 50); height: calc(var(--spacing) * 50) } .lg\:size-\[90\%\] { width: 90%; height: 90% } .lg\:size-\[4500px\] { width: 4500px; height: 4500px } .lg\:h-1 { height: calc(var(--spacing) * 1) } .lg\:h-1\/2 { height: 50% } .lg\:h-4 { height: calc(var(--spacing) * 4) } .lg\:h-5 { height: calc(var(--spacing) * 5) } .lg\:h-6 { height: calc(var(--spacing) * 6) } .lg\:h-7 { height: calc(var(--spacing) * 7) } .lg\:h-8 { height: calc(var(--spacing) * 8) } .lg\:h-10 { height: calc(var(--spacing) * 10) } .lg\:h-12 { height: calc(var(--spacing) * 12) } .lg\:h-13 { height: calc(var(--spacing) * 13) } .lg\:h-14 { height: calc(var(--spacing) * 14) } .lg\:h-16 { height: calc(var(--spacing) * 16) } .lg\:h-20 { height: calc(var(--spacing) * 20) } .lg\:h-24 { height: calc(var(--spacing) * 24) } .lg\:h-28 { height: calc(var(--spacing) * 28) } .lg\:h-30 { height: calc(var(--spacing) * 30) } .lg\:h-36 { height: calc(var(--spacing) * 36) } .lg\:h-48 { height: calc(var(--spacing) * 48) } .lg\:h-50 { height: calc(var(--spacing) * 50) } .lg\:h-54 { height: calc(var(--spacing) * 54) } .lg\:h-56 { height: calc(var(--spacing) * 56) } .lg\:h-58 { height: calc(var(--spacing) * 58) } .lg\:h-60 { height: calc(var(--spacing) * 60) } .lg\:h-62 { height: calc(var(--spacing) * 62) } .lg\:h-80 { height: calc(var(--spacing) * 80) } .lg\:h-82 { height: calc(var(--spacing) * 82) } .lg\:h-96 { height: calc(var(--spacing) * 96) } .lg\:h-105 { height: calc(var(--spacing) * 105) } .lg\:h-110 { height: calc(var(--spacing) * 110) } .lg\:h-112\.5 { height: calc(var(--spacing) * 112.5) } .lg\:h-115 { height: calc(var(--spacing) * 115) } .lg\:h-128 { height: calc(var(--spacing) * 128) } .lg\:h-130 { height: calc(var(--spacing) * 130) } .lg\:h-132 { height: calc(var(--spacing) * 132) } .lg\:h-135 { height: calc(var(--spacing) * 135) } .lg\:h-140 { height: calc(var(--spacing) * 140) } .lg\:h-142 { height: calc(var(--spacing) * 142) } .lg\:h-150 { height: calc(var(--spacing) * 150) } .lg\:h-152 { height: calc(var(--spacing) * 152) } .lg\:h-178\.5 { height: calc(var(--spacing) * 178.5) } .lg\:h-180 { height: calc(var(--spacing) * 180) } .lg\:h-190 { height: calc(var(--spacing) * 190) } .lg\:h-\[3\.125rem\] { height: 3.125rem } .lg\:h-\[3rem\] { height: 3rem } .lg\:h-\[4\.5rem\] { height: 4.5rem } .lg\:h-\[6\.875rem\] { height: 6.875rem } .lg\:h-\[25rem\] { height: 25rem } .lg\:h-\[32rem\] { height: 32rem } .lg\:h-\[38rem\] { height: 38rem } .lg\:h-\[45vh\] { height: 45vh } .lg\:h-\[50vh\] { height: 50vh } .lg\:h-\[60px\] { height: 60px } .lg\:h-\[62\.5rem\] { height: 62.5rem } .lg\:h-\[70vh\] { height: 70vh } .lg\:h-\[100vh\] { height: 100vh } .lg\:h-\[110\%\] { height: 110% } .lg\:h-\[112px\] { height: 112px } .lg\:h-\[115\%\] { height: 115% } .lg\:h-\[122px\] { height: 122px } .lg\:h-\[142px\] { height: 142px } .lg\:h-\[156px\] { height: 156px } .lg\:h-\[280px\] { height: 280px } .lg\:h-\[296px\] { height: 296px } .lg\:h-\[328px\] { height: 328px } .lg\:h-\[350px\] { height: 350px } .lg\:h-\[400px\] { height: 400px } .lg\:h-\[440px\] { height: 440px } .lg\:h-\[450px\] { height: 450px } .lg\:h-\[460px\] { height: 460px } .lg\:h-\[470px\] { height: 470px } .lg\:h-\[512px\] { height: 512px } .lg\:h-\[522px\] { height: 522px } .lg\:h-\[540px\] { height: 540px } .lg\:h-\[600px\] { height: 600px } .lg\:h-\[793px\] { height: 793px } .lg\:h-\[800px\] { height: 800px } .lg\:h-\[calc\(100\%\+2px\)\] { height: calc(100% + 2px) } .lg\:h-\[calc\(100\%\+3\.5rem\)\] { height: calc(100% + 3.5rem) } .lg\:h-\[calc\(100\%-var\(--carousel-btn-height\)\)\] { height: calc(100% - var(--carousel-btn-height)) } .lg\:h-\[calc\(100dvh-1\.5rem\)\] { height: calc(100dvh - 1.5rem) } .lg\:h-\[calc\(100dvh-6rem\)\] { height: calc(100dvh - 6rem) } .lg\:h-\[min\(60vh\,36rem\)\] { height: min(60vh, 36rem) } .lg\:h-auto { height: auto } .lg\:h-dvh { height: 100dvh } .lg\:h-full { height: 100% } .lg\:h-px { height: 1px } .lg\:h-screen { height: 100vh } .lg\:h-svh { height: 100svh } .lg\:max-h-6 { max-height: calc(var(--spacing) * 6) } .lg\:max-h-7 { max-height: calc(var(--spacing) * 7) } .lg\:max-h-8 { max-height: calc(var(--spacing) * 8) } .lg\:max-h-9 { max-height: calc(var(--spacing) * 9) } .lg\:max-h-12 { max-height: calc(var(--spacing) * 12) } .lg\:max-h-80 { max-height: calc(var(--spacing) * 80) } .lg\:max-h-96 { max-height: calc(var(--spacing) * 96) } .lg\:max-h-130 { max-height: calc(var(--spacing) * 130) } .lg\:max-h-150 { max-height: calc(var(--spacing) * 150) } .lg\:max-h-160 { max-height: calc(var(--spacing) * 160) } .lg\:max-h-\[37\.5rem\] { max-height: 37.5rem } .lg\:max-h-\[800px\] { max-height: 800px } .lg\:max-h-\[1200px\] { max-height: 1200px } .lg\:max-h-\[calc\(100dvh-2rem\)\] { max-height: calc(100dvh - 2rem) } .lg\:max-h-\[calc\(100dvh-6rem\)\] { max-height: calc(100dvh - 6rem) } .lg\:max-h-\[calc\(100vh-3\.75rem\)\] { max-height: calc(100vh - 3.75rem) } .lg\:max-h-dvh { max-height: 100dvh } .lg\:max-h-full { max-height: 100% } .lg\:max-h-none { max-height: none } .lg\:min-h-0 { min-height: calc(var(--spacing) * 0) } .lg\:min-h-125 { min-height: calc(var(--spacing) * 125) } .lg\:min-h-128 { min-height: calc(var(--spacing) * 128) } .lg\:min-h-144 { min-height: calc(var(--spacing) * 144) } .lg\:min-h-150 { min-height: calc(var(--spacing) * 150) } .lg\:min-h-\[28rem\] { min-height: 28rem } .lg\:min-h-\[40rem\] { min-height: 40rem } .lg\:min-h-\[66vh\] { min-height: 66vh } .lg\:min-h-\[280px\] { min-height: 280px } .lg\:min-h-\[292px\] { min-height: 292px } .lg\:min-h-\[360px\] { min-height: 360px } .lg\:min-h-\[420px\] { min-height: 420px } .lg\:min-h-\[480px\] { min-height: 480px } .lg\:min-h-\[500px\] { min-height: 500px } .lg\:min-h-\[800px\] { min-height: 800px } .lg\:min-h-\[862px\] { min-height: 862px } .lg\:min-h-\[min\(28rem\,70vh\)\] { min-height: min(28rem, 70vh) } .lg\:min-h-auto { min-height: auto } .lg\:min-h-screen { min-height: 100vh } .lg\:\!w-1\/2 { width: 50% !important } .lg\:\!w-3\/4 { width: 75% !important } .lg\:w-0 { width: calc(var(--spacing) * 0) } .lg\:w-1\/2 { width: 50% } .lg\:w-1\/3 { width: 33.3333% } .lg\:w-1\/4 { width: 25% } .lg\:w-1\/6 { width: 16.6667% } .lg\:w-1\/7 { width: 14.2857% } .lg\:w-2\/3 { width: 66.6667% } .lg\:w-2\/4 { width: 50% } .lg\:w-2\/5 { width: 40% } .lg\:w-3\/5 { width: 60% } .lg\:w-4\/5 { width: 80% } .lg\:w-4\/6 { width: 66.6667% } .lg\:w-5\/9 { width: 55.5556% } .lg\:w-6 { width: calc(var(--spacing) * 6) } .lg\:w-8 { width: calc(var(--spacing) * 8) } .lg\:w-8\/10 { width: 80% } .lg\:w-9 { width: calc(var(--spacing) * 9) } .lg\:w-10 { width: calc(var(--spacing) * 10) } .lg\:w-11 { width: calc(var(--spacing) * 11) } .lg\:w-14 { width: calc(var(--spacing) * 14) } .lg\:w-18 { width: calc(var(--spacing) * 18) } .lg\:w-20 { width: calc(var(--spacing) * 20) } .lg\:w-24 { width: calc(var(--spacing) * 24) } .lg\:w-27\.5 { width: calc(var(--spacing) * 27.5) } .lg\:w-28 { width: calc(var(--spacing) * 28) } .lg\:w-32 { width: calc(var(--spacing) * 32) } .lg\:w-36 { width: calc(var(--spacing) * 36) } .lg\:w-40 { width: calc(var(--spacing) * 40) } .lg\:w-48 { width: calc(var(--spacing) * 48) } .lg\:w-50 { width: calc(var(--spacing) * 50) } .lg\:w-52 { width: calc(var(--spacing) * 52) } .lg\:w-54 { width: calc(var(--spacing) * 54) } .lg\:w-56 { width: calc(var(--spacing) * 56) } .lg\:w-60 { width: calc(var(--spacing) * 60) } .lg\:w-62 { width: calc(var(--spacing) * 62) } .lg\:w-64 { width: calc(var(--spacing) * 64) } .lg\:w-66 { width: calc(var(--spacing) * 66) } .lg\:w-72 { width: calc(var(--spacing) * 72) } .lg\:w-80 { width: calc(var(--spacing) * 80) } .lg\:w-96 { width: calc(var(--spacing) * 96) } .lg\:w-\[3\.125rem\] { width: 3.125rem } .lg\:w-\[4\.5rem\] { width: 4.5rem } .lg\:w-\[6\.875rem\] { width: 6.875rem } .lg\:w-\[10\%\] { width: 10% } .lg\:w-\[25rem\] { width: 25rem } .lg\:w-\[26\%\] { width: 26% } .lg\:w-\[34\%\] { width: 34% } .lg\:w-\[40\%\] { width: 40% } .lg\:w-\[45\%\] { width: 45% } .lg\:w-\[46\.25rem\] { width: 46.25rem } .lg\:w-\[48\%\] { width: 48% } .lg\:w-\[50\%\] { width: 50% } .lg\:w-\[53\%\] { width: 53% } .lg\:w-\[80\%\] { width: 80% } .lg\:w-\[90\%\] { width: 90% } .lg\:w-\[93\.75rem\] { width: 93.75rem } .lg\:w-\[115\%\] { width: 115% } .lg\:w-\[200px\] { width: 200px } .lg\:w-\[220px\] { width: 220px } .lg\:w-\[224px\] { width: 224px } .lg\:w-\[250px\] { width: 250px } .lg\:w-\[265px\] { width: 265px } .lg\:w-\[280px\] { width: 280px } .lg\:w-\[300px\] { width: 300px } .lg\:w-\[400px\] { width: 400px } .lg\:w-\[445px\] { width: 445px } .lg\:w-\[520px\] { width: 520px } .lg\:w-\[1100px\] { width: 1100px } .lg\:w-\[calc\(100\%\+4rem\)\] { width: calc(100% + 4rem) } .lg\:w-\[calc\(100\%-41\.666667\%\)\] { width: 58.3333% } .lg\:w-\[calc\(100dvw-2rem\)\] { width: calc(100dvw - 2rem) } .lg\:w-\[max\(93\.75rem\,50vw\)\] { width: max(93.75rem, 50vw) } .lg\:w-auto { width: auto } .lg\:w-fit { width: fit-content } .lg\:w-full { width: 100% } .lg\:w-max { width: max-content } .lg\:\!max-w-5xl { max-width: var(--container-5xl) !important } .lg\:\!max-w-6xl { max-width: var(--container-6xl) !important } .lg\:\!max-w-240 { max-width: calc(var(--spacing) * 240) !important } .lg\:\!max-w-\[34rem\] { max-width: 34rem !important } .lg\:\!max-w-none { max-width: none !important } .lg\:\!max-w-sm { max-width: var(--container-sm) !important } .lg\:max-w-1\/2 { max-width: 50% } .lg\:max-w-1\/3 { max-width: 33.3333% } .lg\:max-w-2xl { max-width: var(--container-2xl) } .lg\:max-w-3xl { max-width: var(--container-3xl) } .lg\:max-w-4xl { max-width: var(--container-4xl) } .lg\:max-w-5xl { max-width: var(--container-5xl) } .lg\:max-w-6xl { max-width: var(--container-6xl) } .lg\:max-w-64 { max-width: calc(var(--spacing) * 64) } .lg\:max-w-72 { max-width: calc(var(--spacing) * 72) } .lg\:max-w-80 { max-width: calc(var(--spacing) * 80) } .lg\:max-w-96 { max-width: calc(var(--spacing) * 96) } .lg\:max-w-117\.5 { max-width: calc(var(--spacing) * 117.5) } .lg\:max-w-130 { max-width: calc(var(--spacing) * 130) } .lg\:max-w-140 { max-width: calc(var(--spacing) * 140) } .lg\:max-w-150 { max-width: calc(var(--spacing) * 150) } .lg\:max-w-220 { max-width: calc(var(--spacing) * 220) } .lg\:max-w-262\.5 { max-width: calc(var(--spacing) * 262.5) } .lg\:max-w-\[18rem\] { max-width: 18rem } .lg\:max-w-\[28\.125rem\] { max-width: 28.125rem } .lg\:max-w-\[30rem\] { max-width: 30rem } .lg\:max-w-\[35rem\] { max-width: 35rem } .lg\:max-w-\[36rem\] { max-width: 36rem } .lg\:max-w-\[37\.5rem\] { max-width: 37.5rem } .lg\:max-w-\[37rem\] { max-width: 37rem } .lg\:max-w-\[38\.9375rem\] { max-width: 38.9375rem } .lg\:max-w-\[40rem\] { max-width: 40rem } .lg\:max-w-\[43\.75rem\] { max-width: 43.75rem } .lg\:max-w-\[50\%\] { max-width: 50% } .lg\:max-w-\[50rem\] { max-width: 50rem } .lg\:max-w-\[56\.25rem\] { max-width: 56.25rem } .lg\:max-w-\[60vw\] { max-width: 60vw } .lg\:max-w-\[80\%\] { max-width: 80% } .lg\:max-w-\[300px\] { max-width: 300px } .lg\:max-w-\[320px\] { max-width: 320px } .lg\:max-w-\[360px\] { max-width: 360px } .lg\:max-w-\[500px\] { max-width: 500px } .lg\:max-w-\[668px\] { max-width: 668px } .lg\:max-w-\[692px\] { max-width: 692px } .lg\:max-w-\[800px\] { max-width: 800px } .lg\:max-w-\[1100px\] { max-width: 1100px } .lg\:max-w-\[1200px\] { max-width: 1200px } .lg\:max-w-\[1400px\] { max-width: 1400px } .lg\:max-w-full { max-width: 100% } .lg\:max-w-lg { max-width: var(--container-lg) } .lg\:max-w-md { max-width: var(--container-md) } .lg\:max-w-none { max-width: none } .lg\:max-w-prose { max-width: 65ch } .lg\:max-w-sm { max-width: var(--container-sm) } .lg\:max-w-xl { max-width: var(--container-xl) } .lg\:max-w-xs { max-width: var(--container-xs) } .lg\:min-w-0 { min-width: calc(var(--spacing) * 0) } .lg\:min-w-5xl { min-width: var(--container-5xl) } .lg\:min-w-40 { min-width: calc(var(--spacing) * 40) } .lg\:min-w-90 { min-width: calc(var(--spacing) * 90) } .lg\:min-w-\[140px\] { min-width: 140px } .lg\:min-w-\[320px\] { min-width: 320px } .lg\:min-w-auto { min-width: auto } .lg\:flex-1 { flex: 1 } .lg\:flex-1\/3 { flex: 33.3333% } .lg\:flex-2\/3 { flex: 66.6667% } .lg\:flex-none { flex: none } .lg\:shrink { flex-shrink: 1 } .lg\:shrink-0 { flex-shrink: 0 } .lg\:grow { flex-grow: 1 } .lg\:grow-0 { flex-grow: 0 } .lg\:basis-1\/2 { flex-basis: 50% } .lg\:basis-1\/3 { flex-basis: 33.3333% } .lg\:basis-1\/4 { flex-basis: 25% } .lg\:basis-1\/5 { flex-basis: 20% } .lg\:basis-1\/6 { flex-basis: 16.6667% } .lg\:basis-1\/7 { flex-basis: 14.2857% } .lg\:basis-1\/9 { flex-basis: 11.1111% } .lg\:basis-2\/5 { flex-basis: 40% } .lg\:basis-3\/4 { flex-basis: 75% } .lg\:basis-3\/5 { flex-basis: 60% } .lg\:basis-5\/12 { flex-basis: 41.6667% } .lg\:basis-7\/12 { flex-basis: 58.3333% } .lg\:basis-22 { flex-basis: calc(var(--spacing) * 22) } .lg\:basis-27\.5 { flex-basis: calc(var(--spacing) * 27.5) } .lg\:basis-28 { flex-basis: calc(var(--spacing) * 28) } .lg\:basis-34 { flex-basis: calc(var(--spacing) * 34) } .lg\:basis-40 { flex-basis: calc(var(--spacing) * 40) } .lg\:basis-50 { flex-basis: calc(var(--spacing) * 50) } .lg\:basis-105 { flex-basis: calc(var(--spacing) * 105) } .lg\:basis-125 { flex-basis: calc(var(--spacing) * 125) } .lg\:basis-\[8\.4375rem\] { flex-basis: 8.4375rem } .lg\:basis-\[22\%\] { flex-basis: 22% } .lg\:basis-\[28\%\] { flex-basis: 28% } .lg\:basis-\[42\%\] { flex-basis: 42% } .lg\:basis-\[45\%\] { flex-basis: 45% } .lg\:basis-\[50\%\] { flex-basis: 50% } .lg\:basis-\[55\%\] { flex-basis: 55% } .lg\:basis-\[58\%\] { flex-basis: 58% } .lg\:basis-\[60\%\] { flex-basis: 60% } .lg\:basis-\[920px\] { flex-basis: 920px } .lg\:basis-\[calc\(100\%-620px\)\] { flex-basis: calc(100% - 620px) } .lg\:basis-auto { flex-basis: auto } .lg\:basis-full { flex-basis: 100% } .lg\:basis-lg { flex-basis: var(--container-lg) } .lg\:basis-xs { flex-basis: var(--container-xs) } .lg\:origin-\[0\%_50\%\] { transform-origin: 0% } .lg\:-translate-x-1\/2 { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:-translate-x-2 { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:-translate-x-10 { --tw-translate-x: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:-translate-x-32 { --tw-translate-x: calc(var(--spacing) * -32); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-x-1\/2 { --tw-translate-x: 50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-x-2 { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-x-6 { --tw-translate-x: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-x-20 { --tw-translate-x: calc(var(--spacing) * 20); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-x-32 { --tw-translate-x: calc(var(--spacing) * 32); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:-translate-y-1\/2 { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:-translate-y-4 { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:-translate-y-10 { --tw-translate-y: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:-translate-y-14 { --tw-translate-y: calc(var(--spacing) * -14); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:-translate-y-20 { --tw-translate-y: calc(var(--spacing) * -20); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:-translate-y-55 { --tw-translate-y: calc(var(--spacing) * -55); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-y-2 { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-y-4 { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-y-6 { --tw-translate-y: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-y-9 { --tw-translate-y: calc(var(--spacing) * 9); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-y-10 { --tw-translate-y: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-y-12 { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-y-16 { --tw-translate-y: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:translate-y-\[calc\(100\%\+1rem\)\] { --tw-translate-y: calc(100% + 1rem); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:scale-50 { --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y) } .lg\:scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .lg\:scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .lg\:scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y) } .lg\:scale-\[1\.02\] { scale: 1.02 } .lg\:rotate-2 { rotate: 2deg } .lg\:skew-x-\[-8deg\] { --tw-skew-x: skewX(-8deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .lg\:skew-x-\[-10deg\] { --tw-skew-x: skewX(-10deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .lg\:skew-y-1 { --tw-skew-y: skewY(1deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .lg\:transform-gpu { transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .lg\:columns-3 { columns: 3 } .lg\:auto-rows-auto { grid-auto-rows: auto } .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-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .lg\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .lg\:grid-cols-13 { grid-template-columns: repeat(13, minmax(0, 1fr)) } .lg\:grid-cols-15 { grid-template-columns: repeat(15, minmax(0, 1fr)) } .lg\:grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)) } .lg\:grid-cols-18 { grid-template-columns: repeat(18, minmax(0, 1fr)) } .lg\:grid-cols-24 { grid-template-columns: repeat(24, minmax(0, 1fr)) } .lg\:grid-cols-32 { grid-template-columns: repeat(32, minmax(0, 1fr)) } .lg\:grid-cols-\[1\.2fr_1fr\] { grid-template-columns: 1.2fr 1fr } .lg\:grid-cols-\[1fr_0\.5fr_0\.5fr\] { grid-template-columns: 1fr .5fr .5fr } .lg\:grid-cols-\[1fr_1\.2fr\] { grid-template-columns: 1fr 1.2fr } .lg\:grid-cols-\[1fr_1\.5fr\] { grid-template-columns: 1fr 1.5fr } .lg\:grid-cols-\[1fr_25rem\] { grid-template-columns: 1fr 25rem } .lg\:grid-cols-\[1fr_200px\] { grid-template-columns: 1fr 200px } .lg\:grid-cols-\[1fr_240px\] { grid-template-columns: 1fr 240px } .lg\:grid-cols-\[1fr_400px\] { grid-template-columns: 1fr 400px } .lg\:grid-cols-\[2fr_1fr\] { grid-template-columns: 2fr 1fr } .lg\:grid-cols-\[3fr_2fr\] { grid-template-columns: 3fr 2fr } .lg\:grid-cols-\[7fr_3fr\] { grid-template-columns: 7fr 3fr } .lg\:grid-cols-\[20rem_repeat\(6\,_minmax\(0\,_1fr\)\)\] { grid-template-columns: 20rem repeat(6, minmax(0, 1fr)) } .lg\:grid-cols-\[200px_minmax\(0\,1fr\)\] { grid-template-columns: 200px minmax(0, 1fr) } .lg\:grid-cols-\[240px_minmax\(0\,1fr\)\] { grid-template-columns: 240px minmax(0, 1fr) } .lg\:grid-cols-\[280px_1fr\] { grid-template-columns: 280px 1fr } .lg\:grid-cols-\[300px_1fr\] { grid-template-columns: 300px 1fr } .lg\:grid-cols-\[400px_1fr\] { grid-template-columns: 400px 1fr } .lg\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) } .lg\:grid-cols-\[minmax\(0\,1fr\)_280px\] { grid-template-columns: minmax(0, 1fr) 280px } .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.45fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr) } .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,26\.5rem\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 26.5rem) } .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,26\.25rem\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 26.25rem) } .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(11rem\,14rem\)\] { grid-template-columns: minmax(0, 1fr) minmax(11rem, 14rem) } .lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,3fr\)\] { grid-template-columns: minmax(0, 7fr) minmax(0, 3fr) } .lg\:grid-cols-\[minmax\(0\,180px\)_1fr\] { grid-template-columns: minmax(0, 180px) 1fr } .lg\:grid-cols-\[minmax\(0\,220px\)_1fr\] { grid-template-columns: minmax(0, 220px) 1fr } .lg\:grid-cols-\[minmax\(18\.75rem\,1fr\)_minmax\(12\.5rem\,28\.125rem\)\] { grid-template-columns: minmax(18.75rem, 1fr) minmax(12.5rem, 28.125rem) } .lg\:grid-cols-\[minmax\(33\.75rem\,1fr\)_1\.5fr\] { grid-template-columns: minmax(33.75rem, 1fr) 1.5fr } .lg\:grid-cols-\[minmax\(260px\,320px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(260px, 320px) minmax(0, 1fr) } .lg\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) } .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) } .lg\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) } .lg\:grid-rows-\[43\.75rem\] { grid-template-rows: 43.75rem } .lg\:grid-rows-\[53\.75rem\] { grid-template-rows: 53.75rem } .lg\:grid-rows-\[240px_180px_220px\] { grid-template-rows: 240px 180px 220px } .lg\:grid-rows-\[auto_auto_auto\] { grid-template-rows: auto auto auto } .lg\:grid-rows-\[min-content_1fr\] { grid-template-rows: min-content 1fr } .lg\:grid-rows-\[minmax\(36\.25rem\,_40rem\)\] { grid-template-rows: minmax(36.25rem, 40rem) } .lg\:grid-rows-subgrid { grid-template-rows: subgrid } .lg\:flex-col { flex-direction: column } .lg\:flex-col-reverse { flex-direction: column-reverse } .lg\:flex-row { flex-direction: row } .lg\:flex-row\! { flex-direction: row !important } .lg\:flex-row-reverse { flex-direction: row-reverse } .lg\:flex-nowrap { flex-wrap: nowrap } .lg\:flex-wrap { flex-wrap: wrap } .lg\:items-baseline { align-items: baseline } .lg\:items-center { align-items: center } .lg\:items-end { align-items: flex-end } .lg\:items-start { align-items: flex-start } .lg\:items-stretch { align-items: stretch } .lg\:justify-between { justify-content: space-between } .lg\:justify-center { justify-content: center } .lg\:justify-end { justify-content: flex-end } .lg\:justify-normal { justify-content: normal } .lg\:justify-start { justify-content: flex-start } .lg\:gap-0 { gap: calc(var(--spacing) * 0) } .lg\:gap-1 { gap: calc(var(--spacing) * 1) } .lg\:gap-2 { gap: calc(var(--spacing) * 2) } .lg\:gap-2\.5 { gap: calc(var(--spacing) * 2.5) } .lg\:gap-3 { gap: calc(var(--spacing) * 3) } .lg\:gap-3\.5 { gap: calc(var(--spacing) * 3.5) } .lg\:gap-4 { gap: calc(var(--spacing) * 4) } .lg\:gap-5 { gap: calc(var(--spacing) * 5) } .lg\:gap-6 { gap: calc(var(--spacing) * 6) } .lg\:gap-6\.25 { gap: calc(var(--spacing) * 6.25) } .lg\:gap-7 { gap: calc(var(--spacing) * 7) } .lg\:gap-7\.5 { gap: calc(var(--spacing) * 7.5) } .lg\:gap-8 { gap: calc(var(--spacing) * 8) } .lg\:gap-9 { gap: calc(var(--spacing) * 9) } .lg\:gap-10 { gap: calc(var(--spacing) * 10) } .lg\:gap-10\.5 { gap: calc(var(--spacing) * 10.5) } .lg\:gap-12 { gap: calc(var(--spacing) * 12) } .lg\:gap-14 { gap: calc(var(--spacing) * 14) } .lg\:gap-15 { gap: calc(var(--spacing) * 15) } .lg\:gap-15\.5 { gap: calc(var(--spacing) * 15.5) } .lg\:gap-16 { gap: calc(var(--spacing) * 16) } .lg\:gap-17 { gap: calc(var(--spacing) * 17) } .lg\:gap-17\.5 { gap: calc(var(--spacing) * 17.5) } .lg\:gap-18\.5 { gap: calc(var(--spacing) * 18.5) } .lg\:gap-20 { gap: calc(var(--spacing) * 20) } .lg\:gap-24 { gap: calc(var(--spacing) * 24) } .lg\:gap-25 { gap: calc(var(--spacing) * 25) } .lg\:gap-28 { gap: calc(var(--spacing) * 28) } .lg\:gap-30 { gap: calc(var(--spacing) * 30) } .lg\:gap-32 { gap: calc(var(--spacing) * 32) } .lg\:gap-34 { gap: calc(var(--spacing) * 34) } .lg\:gap-36 { gap: calc(var(--spacing) * 36) } .lg\:gap-40 { gap: calc(var(--spacing) * 40) } .lg\:gap-56 { gap: calc(var(--spacing) * 56) } .lg\:gap-60 { gap: calc(var(--spacing) * 60) } .lg\:gap-\[7\.5rem\] { gap: 7.5rem } .lg\:gap-\[10vw\] { gap: 10vw } .lg\:gap-\[60px\] { gap: 60px } .lg\:gap-px { gap: 1px } :where(.lg\:space-y-0>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-2>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-3>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-4>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-6>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-10>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-12>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-14>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-15>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 15) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 15) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-16>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-20>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-25>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 25) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 25) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-32>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse))) } :where(.lg\:space-y-\[8cqi\]>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(8cqi * var(--tw-space-y-reverse)); margin-block-end: calc(8cqi * calc(1 - var(--tw-space-y-reverse))) } .lg\:gap-x-0 { column-gap: calc(var(--spacing) * 0) } .lg\:gap-x-3 { column-gap: calc(var(--spacing) * 3) } .lg\:gap-x-4 { column-gap: calc(var(--spacing) * 4) } .lg\:gap-x-5 { column-gap: calc(var(--spacing) * 5) } .lg\:gap-x-6 { column-gap: calc(var(--spacing) * 6) } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12) } .lg\:gap-x-16 { column-gap: calc(var(--spacing) * 16) } .lg\:gap-x-17 { column-gap: calc(var(--spacing) * 17) } .lg\:gap-x-20 { column-gap: calc(var(--spacing) * 20) } .lg\:gap-x-28 { column-gap: calc(var(--spacing) * 28) } :where(.lg\:space-x-4>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) } :where(.lg\:space-x-6>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))) } :where(.lg\:space-x-8>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))) } .lg\:gap-y-0 { row-gap: calc(var(--spacing) * 0) } .lg\:gap-y-2 { row-gap: calc(var(--spacing) * 2) } .lg\:gap-y-4 { row-gap: calc(var(--spacing) * 4) } .lg\:gap-y-5 { row-gap: calc(var(--spacing) * 5) } .lg\:gap-y-6 { row-gap: calc(var(--spacing) * 6) } .lg\:gap-y-7 { row-gap: calc(var(--spacing) * 7) } .lg\:gap-y-8 { row-gap: calc(var(--spacing) * 8) } .lg\:gap-y-10 { row-gap: calc(var(--spacing) * 10) } .lg\:gap-y-12 { row-gap: calc(var(--spacing) * 12) } .lg\:gap-y-20 { row-gap: calc(var(--spacing) * 20) } :where(.lg\:divide-x>:not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) } :where(.lg\:divide-y-0>:not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(0px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))) } .lg\:place-self-end { place-self: end } .lg\:place-self-start { place-self: start } .lg\:self-auto { align-self: auto } .lg\:self-center { align-self: center } .lg\:self-end { align-self: flex-end } .lg\:self-start { align-self: flex-start } .lg\:justify-self-end { justify-self: flex-end } .lg\:justify-self-start { justify-self: flex-start } .lg\:overflow-auto { overflow: auto } .lg\:overflow-hidden { overflow: hidden } .lg\:rounded-2xl { border-radius: var(--radius-2xl) } .lg\:rounded-3xl { border-radius: var(--radius-3xl) } .lg\:rounded-\[0\.75rem\] { border-radius: .75rem } .lg\:rounded-\[1\.2vw\] { border-radius: 1.2vw } .lg\:rounded-full { border-radius: 3.40282e38px } .lg\:rounded-lg { border-radius: var(--radius) } .lg\:rounded-md { border-radius: calc(var(--radius) - 2px) } .lg\:rounded-none { border-radius: 0 } .lg\:rounded-xl { border-radius: calc(var(--radius) + 4px) } .lg\:rounded-xs { border-radius: calc(var(--radius) - 6px) } .lg\:rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl) } .lg\:rounded-t-xl { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px) } .lg\:rounded-l-full { border-top-left-radius: 3.40282e38px; border-bottom-left-radius: 3.40282e38px } .lg\:rounded-l-lg { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius) } .lg\:rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px) } .lg\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0 } .lg\:rounded-tl-lg { border-top-left-radius: var(--radius) } .lg\:rounded-r-lg { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius) } .lg\:rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px) } .lg\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0 } .lg\:rounded-tr-none { border-top-right-radius: 0 } .lg\:rounded-tr-xl { border-top-right-radius: calc(var(--radius) + 4px) } .lg\:rounded-bl-none { border-bottom-left-radius: 0 } .lg\:rounded-bl-xl { border-bottom-left-radius: calc(var(--radius) + 4px) } .lg\:border { border-style: var(--tw-border-style); border-width: 1px } .lg\:border-0 { border-style: var(--tw-border-style); border-width: 0 } .lg\:border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px } .lg\:border-y { border-block-style: var(--tw-border-style); border-block-width: 1px } .lg\:border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px } .lg\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px } .lg\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0 } .lg\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px } .lg\:border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0 } .lg\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .lg\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } .lg\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px } .lg\:border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0 } .lg\:border-none { --tw-border-style: none; border-style: none } .lg\:border-border, .lg\:border-border\/70 { border-color: var(--border) } @supports (color:color-mix(in lab, red, red)) { .lg\:border-border\/70 { border-color: color-mix(in oklab, var(--border) 70%, transparent) } } .lg\:border-transparent { border-color: #0000 } .lg\:bg-background { background-color: var(--background) } .lg\:bg-muted, .lg\:bg-muted\/30 { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .lg\:bg-muted\/30 { background-color: color-mix(in oklab, var(--muted) 30%, transparent) } } .lg\:bg-muted\/60 { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .lg\:bg-muted\/60 { background-color: color-mix(in oklab, var(--muted) 60%, transparent) } } .lg\:bg-transparent { background-color: #0000 } .lg\:bg-linear-to-r { --tw-gradient-position: to right } @supports (background-image:linear-gradient(in lab, red, red)) { .lg\:bg-linear-to-r { --tw-gradient-position: to right in oklab } } .lg\:bg-linear-to-r { background-image: linear-gradient(var(--tw-gradient-stops)) } .lg\:bg-\[radial-gradient\(ellipse_12\%_20\%_at_60\%_45\%\,hsl\(var\(--accent\)\)_0\%\,transparent_100\%\)\] { background-image: radial-gradient(ellipse 12% 20% at 60% 45%, hsl(var(--accent)) 0%, transparent 100%) } .lg\:bg-\[radial-gradient\(ellipse_15\%_30\%_at_70\%_65\%\,hsl\(var\(--accent\)\)_0\%\,transparent_80\%\)\] { background-image: radial-gradient(ellipse 15% 30% at 70% 65%, hsl(var(--accent)) 0%, transparent 80%) } .lg\:bg-\[radial-gradient\(ellipse_50\%_80\%_at_40\%_120\%\,var\(--color-gray-200\)\,transparent\)\] { background-image: radial-gradient(ellipse 50% 80% at 40% 120%, var(--color-gray-200), transparent) } .lg\:from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .lg\:to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .lg\:mask-\[linear-gradient\(90deg\,transparent\,black_2\.5rem\,black_calc\(100\%-2\.5rem\)\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 2.5rem calc(100% - 2.5rem), #0000); mask-image: linear-gradient(90deg, #0000, #000 2.5rem calc(100% - 2.5rem), #0000) } .lg\:mask-\[linear-gradient\(to_right\,_transparent\,_black_30\%\,_black\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 30%, #000); mask-image: linear-gradient(90deg, #0000, #000 30%, #000) } .lg\:bg-top { background-position: top } .lg\:object-center { object-position: center } .lg\:\!p-8 { padding: calc(var(--spacing) * 8) !important } .lg\:p-0 { padding: calc(var(--spacing) * 0) } .lg\:p-1\.5\! { padding: calc(var(--spacing) * 1.5) !important } .lg\:p-2 { padding: calc(var(--spacing) * 2) } .lg\:p-3 { padding: calc(var(--spacing) * 3) } .lg\:p-4 { padding: calc(var(--spacing) * 4) } .lg\:p-5 { padding: calc(var(--spacing) * 5) } .lg\:p-6 { padding: calc(var(--spacing) * 6) } .lg\:p-7 { padding: calc(var(--spacing) * 7) } .lg\:p-7\.5 { padding: calc(var(--spacing) * 7.5) } .lg\:p-8 { padding: calc(var(--spacing) * 8) } .lg\:p-10 { padding: calc(var(--spacing) * 10) } .lg\:p-11 { padding: calc(var(--spacing) * 11) } .lg\:p-12 { padding: calc(var(--spacing) * 12) } .lg\:p-12\.5 { padding: calc(var(--spacing) * 12.5) } .lg\:p-14 { padding: calc(var(--spacing) * 14) } .lg\:p-16 { padding: calc(var(--spacing) * 16) } .lg\:p-20 { padding: calc(var(--spacing) * 20) } .lg\:px-0 { padding-inline: calc(var(--spacing) * 0) } .lg\:px-0\! { padding-inline: calc(var(--spacing) * 0) !important } .lg\:px-3 { padding-inline: calc(var(--spacing) * 3) } .lg\:px-4 { padding-inline: calc(var(--spacing) * 4) } .lg\:px-5 { padding-inline: calc(var(--spacing) * 5) } .lg\:px-6 { padding-inline: calc(var(--spacing) * 6) } .lg\:px-6\.5 { padding-inline: calc(var(--spacing) * 6.5) } .lg\:px-7 { padding-inline: calc(var(--spacing) * 7) } .lg\:px-7\.5 { padding-inline: calc(var(--spacing) * 7.5) } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8) } .lg\:px-9 { padding-inline: calc(var(--spacing) * 9) } .lg\:px-10 { padding-inline: calc(var(--spacing) * 10) } .lg\:px-12 { padding-inline: calc(var(--spacing) * 12) } .lg\:px-12\.5 { padding-inline: calc(var(--spacing) * 12.5) } .lg\:px-14 { padding-inline: calc(var(--spacing) * 14) } .lg\:px-15 { padding-inline: calc(var(--spacing) * 15) } .lg\:px-16 { padding-inline: calc(var(--spacing) * 16) } .lg\:px-18 { padding-inline: calc(var(--spacing) * 18) } .lg\:px-20 { padding-inline: calc(var(--spacing) * 20) } .lg\:px-24 { padding-inline: calc(var(--spacing) * 24) } .lg\:px-30 { padding-inline: calc(var(--spacing) * 30) } .lg\:px-32 { padding-inline: calc(var(--spacing) * 32) } .lg\:px-40 { padding-inline: calc(var(--spacing) * 40) } .lg\:px-64 { padding-inline: calc(var(--spacing) * 64) } .lg\:px-\[4rem\] { padding-inline: 4rem } .lg\:py-0 { padding-block: calc(var(--spacing) * 0) } .lg\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5) } .lg\:py-2 { padding-block: calc(var(--spacing) * 2) } .lg\:py-3 { padding-block: calc(var(--spacing) * 3) } .lg\:py-3\.5 { padding-block: calc(var(--spacing) * 3.5) } .lg\:py-4 { padding-block: calc(var(--spacing) * 4) } .lg\:py-5 { padding-block: calc(var(--spacing) * 5) } .lg\:py-6 { padding-block: calc(var(--spacing) * 6) } .lg\:py-7 { padding-block: calc(var(--spacing) * 7) } .lg\:py-8 { padding-block: calc(var(--spacing) * 8) } .lg\:py-10 { padding-block: calc(var(--spacing) * 10) } .lg\:py-11 { padding-block: calc(var(--spacing) * 11) } .lg\:py-12 { padding-block: calc(var(--spacing) * 12) } .lg\:py-14 { padding-block: calc(var(--spacing) * 14) } .lg\:py-15 { padding-block: calc(var(--spacing) * 15) } .lg\:py-16 { padding-block: calc(var(--spacing) * 16) } .lg\:py-20 { padding-block: calc(var(--spacing) * 20) } .lg\:py-24 { padding-block: calc(var(--spacing) * 24) } .lg\:py-27\.5 { padding-block: calc(var(--spacing) * 27.5) } .lg\:py-28 { padding-block: calc(var(--spacing) * 28) } .lg\:py-32 { padding-block: calc(var(--spacing) * 32) } .lg\:py-36 { padding-block: calc(var(--spacing) * 36) } .lg\:py-44 { padding-block: calc(var(--spacing) * 44) } .lg\:py-\[20\%\] { padding-block: 20% } .lg\:ps-8 { padding-inline-start: calc(var(--spacing) * 8) } .lg\:ps-10 { padding-inline-start: calc(var(--spacing) * 10) } .lg\:pt-0 { padding-top: calc(var(--spacing) * 0) } .lg\:pt-1 { padding-top: calc(var(--spacing) * 1) } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4) } .lg\:pt-6 { padding-top: calc(var(--spacing) * 6) } .lg\:pt-8 { padding-top: calc(var(--spacing) * 8) } .lg\:pt-10 { padding-top: calc(var(--spacing) * 10) } .lg\:pt-12 { padding-top: calc(var(--spacing) * 12) } .lg\:pt-14 { padding-top: calc(var(--spacing) * 14) } .lg\:pt-16 { padding-top: calc(var(--spacing) * 16) } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20) } .lg\:pt-24 { padding-top: calc(var(--spacing) * 24) } .lg\:pt-28 { padding-top: calc(var(--spacing) * 28) } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32) } .lg\:pt-36 { padding-top: calc(var(--spacing) * 36) } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40) } .lg\:pt-44 { padding-top: calc(var(--spacing) * 44) } .lg\:pt-48 { padding-top: calc(var(--spacing) * 48) } .lg\:pt-\[3\.75rem\] { padding-top: 3.75rem } .lg\:pt-\[calc\(100\%\*0\.12\)\] { padding-top: 12% } .lg\:pr-0 { padding-right: calc(var(--spacing) * 0) } .lg\:pr-5 { padding-right: calc(var(--spacing) * 5) } .lg\:pr-6 { padding-right: calc(var(--spacing) * 6) } .lg\:pr-7\.5 { padding-right: calc(var(--spacing) * 7.5) } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8) } .lg\:pr-10 { padding-right: calc(var(--spacing) * 10) } .lg\:pr-12\.5 { padding-right: calc(var(--spacing) * 12.5) } .lg\:pr-16 { padding-right: calc(var(--spacing) * 16) } .lg\:pr-20 { padding-right: calc(var(--spacing) * 20) } .lg\:pr-24 { padding-right: calc(var(--spacing) * 24) } .lg\:pr-30 { padding-right: calc(var(--spacing) * 30) } .lg\:pr-32 { padding-right: calc(var(--spacing) * 32) } .lg\:pr-\[13\.75rem\] { padding-right: 13.75rem } .lg\:pb-0 { padding-bottom: calc(var(--spacing) * 0) } .lg\:pb-1 { padding-bottom: calc(var(--spacing) * 1) } .lg\:pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5) } .lg\:pb-2 { padding-bottom: calc(var(--spacing) * 2) } .lg\:pb-3 { padding-bottom: calc(var(--spacing) * 3) } .lg\:pb-5 { padding-bottom: calc(var(--spacing) * 5) } .lg\:pb-6 { padding-bottom: calc(var(--spacing) * 6) } .lg\:pb-7 { padding-bottom: calc(var(--spacing) * 7) } .lg\:pb-8 { padding-bottom: calc(var(--spacing) * 8) } .lg\:pb-10 { padding-bottom: calc(var(--spacing) * 10) } .lg\:pb-11 { padding-bottom: calc(var(--spacing) * 11) } .lg\:pb-12 { padding-bottom: calc(var(--spacing) * 12) } .lg\:pb-14 { padding-bottom: calc(var(--spacing) * 14) } .lg\:pb-15 { padding-bottom: calc(var(--spacing) * 15) } .lg\:pb-16 { padding-bottom: calc(var(--spacing) * 16) } .lg\:pb-17 { padding-bottom: calc(var(--spacing) * 17) } .lg\:pb-20 { padding-bottom: calc(var(--spacing) * 20) } .lg\:pb-32 { padding-bottom: calc(var(--spacing) * 32) } .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40) } .lg\:pb-56 { padding-bottom: calc(var(--spacing) * 56) } .lg\:pb-\[20rem\] { padding-bottom: 20rem } .lg\:pb-\[50px\] { padding-bottom: 50px } .lg\:pl-0 { padding-left: calc(var(--spacing) * 0) } .lg\:pl-2 { padding-left: calc(var(--spacing) * 2) } .lg\:pl-3 { padding-left: calc(var(--spacing) * 3) } .lg\:pl-5 { padding-left: calc(var(--spacing) * 5) } .lg\:pl-6 { padding-left: calc(var(--spacing) * 6) } .lg\:pl-8 { padding-left: calc(var(--spacing) * 8) } .lg\:pl-10 { padding-left: calc(var(--spacing) * 10) } .lg\:pl-12 { padding-left: calc(var(--spacing) * 12) } .lg\:pl-12\.5 { padding-left: calc(var(--spacing) * 12.5) } .lg\:pl-15 { padding-left: calc(var(--spacing) * 15) } .lg\:pl-20 { padding-left: calc(var(--spacing) * 20) } .lg\:pl-22 { padding-left: calc(var(--spacing) * 22) } .lg\:pl-24 { padding-left: calc(var(--spacing) * 24) } .lg\:pl-30 { padding-left: calc(var(--spacing) * 30) } .lg\:pl-\[0\.8cqi\] { padding-left: .8cqi } .lg\:text-center { text-align: center } .lg\:text-left { text-align: left } .lg\:text-right { text-align: right } .lg\:text-start { text-align: start } .lg\:\!text-3xl { font-size: var(--text-3xl) !important; line-height: var(--tw-leading, var(--text-3xl--line-height)) !important } .lg\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .lg\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .lg\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .lg\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .lg\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)) } .lg\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)) } .lg\:text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)) } .lg\:text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)) } .lg\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .lg\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .lg\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .lg\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .lg\:text-\[1\.75rem\] { font-size: 1.75rem } .lg\:text-\[2\.5rem\] { font-size: 2.5rem } .lg\:text-\[2\.75rem\] { font-size: 2.75rem } .lg\:text-\[2rem\] { font-size: 2rem } .lg\:text-\[3\.5rem\] { font-size: 3.5rem } .lg\:text-\[3\.6rem\] { font-size: 3.6rem } .lg\:text-\[3\.375rem\] { font-size: 3.375rem } .lg\:text-\[3\.625rem\] { font-size: 3.625rem } .lg\:text-\[4\.2rem\] { font-size: 4.2rem } .lg\:text-\[4\.25rem\] { font-size: 4.25rem } .lg\:text-\[4\.375rem\] { font-size: 4.375rem } .lg\:text-\[5\.5rem\] { font-size: 5.5rem } .lg\:text-\[5\.3125rem\] { font-size: 5.3125rem } .lg\:text-\[5rem\] { font-size: 5rem } .lg\:text-\[7\.5rem\] { font-size: 7.5rem } .lg\:text-\[10rem\] { font-size: 10rem } .lg\:text-\[10vw\] { font-size: 10vw } .lg\:text-\[12vw\] { font-size: 12vw } .lg\:text-\[28px\] { font-size: 28px } .lg\:text-\[42px\] { font-size: 42px } .lg\:text-\[52px\] { font-size: 52px } .lg\:text-\[56px\] { font-size: 56px } .lg\:text-\[64px\] { font-size: 64px } .lg\:text-\[76px\] { font-size: 76px } .lg\:text-\[85px\] { font-size: 85px } .lg\:text-\[88px\] { font-size: 88px } .lg\:leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7) } .lg\:leading-10 { --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10) } .lg\:leading-17 { --tw-leading: calc(var(--spacing) * 17); line-height: calc(var(--spacing) * 17) } .lg\:leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1 } .lg\:leading-\[1\.02\] { --tw-leading: 1.02; line-height: 1.02 } .lg\:leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5 } .lg\:leading-\[1\.12\] { --tw-leading: 1.12; line-height: 1.12 } .lg\:leading-\[3rem\]\! { --tw-leading: 3rem !important; line-height: 3rem !important } .lg\:leading-\[4rem\] { --tw-leading: 4rem; line-height: 4rem } .lg\:leading-\[5\.5rem\] { --tw-leading: 5.5rem; line-height: 5.5rem } .lg\:leading-\[86px\] { --tw-leading: 86px; line-height: 86px } .lg\:leading-none { --tw-leading: 1; line-height: 1 } .lg\:leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug) } .lg\:leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight) } .lg\:font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } .lg\:font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } .lg\:font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal) } .lg\:font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .lg\:tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight) } .lg\:tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter) } .lg\:text-balance { text-wrap: balance } .lg\:text-wrap { text-wrap: wrap } .lg\:whitespace-nowrap { white-space: nowrap } .lg\:\!text-primary { color: var(--primary) !important } .lg\:text-foreground { color: var(--foreground) } .lg\:text-muted-foreground { color: var(--muted-foreground) } .lg\:text-primary { color: var(--primary) } .lg\:text-primary-foreground { color: var(--primary-foreground) } .lg\:text-white { color: var(--color-white) } .lg\:opacity-0 { opacity: 0 } .lg\:opacity-40 { opacity: .4 } .lg\:shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .lg\:ring { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .lg\:ring-border { --tw-ring-color: var(--border) } .lg\:brightness-50 { --tw-brightness: brightness(50%); 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, ) } .lg\:transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .lg\:transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .lg\:transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .lg\:transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .lg\:\[-webkit-mask-image\:linear-gradient\(90deg\,transparent\,black_2\.5rem\,black_calc\(100\%-2\.5rem\)\,transparent\)\] { -webkit-mask-image: linear-gradient(90deg, #0000, #000 2.5rem calc(100% - 2.5rem), #0000) } .lg\:not-last\:mb-\[8cqi\]:not(:last-child) { margin-bottom: 8cqi } .lg\:group-first\:h-\[max\(100dvh\,50rem\)\]:is(:where(.group):first-child *) { height: max(100dvh, 50rem) } .lg\:group-first\:text-4xl:is(:where(.group):first-child *) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } @media(hover:hover) { .lg\:group-hover\:-translate-x-4:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:group-hover\:translate-x-0:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:group-hover\:translate-x-8:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .lg\:group-hover\:border-transparent:is(:where(.group):hover *) { border-color: #0000 } .lg\:group-hover\:pl-2:is(:where(.group):hover *) { padding-left: calc(var(--spacing) * 2) } .lg\:group-hover\:text-primary:is(:where(.group):hover *) { color: var(--primary) } .lg\:group-hover\:text-secondary:is(:where(.group):hover *) { color: var(--secondary) } .lg\:group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0 } .lg\:group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1 } } .lg\:group-data-\[state\=\"closed\"\]\:translate-y-3:is(:where(.group)[data-state=closed] *) { --tw-translate-y: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:group-data-\[state\=\"closed\"\]\:translate-y-4:is(:where(.group)[data-state=closed] *) { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:group-data-\[state\=\"closed\"\]\:opacity-0:is(:where(.group)[data-state=closed] *) { opacity: 0 } .lg\:group-data-\[state\=\"closed\"\]\:blur-sm:is(:where(.group)[data-state=closed] *) { --tw-blur: blur(var(--blur-sm)); 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, ) } .lg\:group-data-\[state\=\\\"closed\\\"\]\:translate-y-3:is(:where(.group)[data-state='"closed"'] *) { --tw-translate-y: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y) } .lg\:group-data-\[state\=\\\"closed\\\"\]\:opacity-0:is(:where(.group)[data-state='"closed"'] *) { opacity: 0 } .lg\:group-data-\[state\=\\\"closed\\\"\]\:blur-sm:is(:where(.group)[data-state='"closed"'] *) { --tw-blur: blur(var(--blur-sm)); 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, ) } .lg\:group-data-\[state\=active\]\:bg-primary:is(:where(.group)[data-state=active] *) { background-color: var(--primary) } .lg\:group-data-\[state\=active\]\:text-background:is(:where(.group)[data-state=active] *) { color: var(--background) } .lg\:group-data-\[state\=active\]\:opacity-0:is(:where(.group)[data-state=active] *) { opacity: 0 } .lg\:group-data-\[state\=active\]\:ring:is(:where(.group)[data-state=active] *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .lg\:group-data-\[state\=active\]\:ring-muted-foreground\/40:is(:where(.group)[data-state=active] *) { --tw-ring-color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .lg\:group-data-\[state\=active\]\:ring-muted-foreground\/40:is(:where(.group)[data-state=active] *) { --tw-ring-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent) } } .lg\:group-data-\[state\=open\]\:animate-in:is(:where(.group)[data-state=open] *) { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .lg\:group-data-\[state\=open\]\:opacity-100:is(:where(.group)[data-state=open] *) { opacity: 1 } .lg\:group-data-\[state\=open\]\:delay-510:is(:where(.group)[data-state=open] *) { transition-delay: .51s } .lg\:group-data-\[state\=open\]\:duration-700:is(:where(.group)[data-state=open] *) { --tw-duration: .7s; transition-duration: .7s } .lg\:group-data-\[state\=open\]\:delay-510:is(:where(.group)[data-state=open] *) { --tw-animation-delay: 510ms; animation-delay: .51s } .lg\:group-data-\[state\=open\]\:fade-in-0:is(:where(.group)[data-state=open] *) { --tw-enter-opacity: 0 } .lg\:group-data-\[state\=open\]\:slide-in-from-bottom-5:is(:where(.group)[data-state=open] *) { --tw-enter-translate-y: 5% } .lg\:before\:hidden:before { content: var(--tw-content); display: none } .lg\:before\:w-\[43\.75rem\]:before { content: var(--tw-content); width: 43.75rem } .lg\:first\:col-span-1:first-child { grid-column: span 1/span 1 } .lg\:first\:col-span-5:first-child { grid-column: span 5/span 5 } .lg\:first\:row-span-2:first-child { grid-row: span 2/span 2 } .last\:lg\:flex:last-child { display: flex } .lg\:last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } .lg\:even\:flex-row-reverse:nth-child(2n) { flex-direction: row-reverse } @media(hover:hover) { .lg\:hover\:rounded-lg:hover { border-radius: var(--radius) } .lg\:hover\:bg-muted:hover { background-color: var(--muted) } .lg\:hover\:font-medium:hover { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } .lg\:hover\:text-secondary:hover { color: var(--secondary) } .lg\:hover\:shadow-lg:hover { --tw-shadow: var(--shadow-lg); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } } .data-\[sale\=true\]\:lg\:text-base[data-sale=true] { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .data-\[show-dots\=false\]\:lg\:hidden[data-show-dots=false] { display: none } .lg\:data-\[state\=\"closed\"\]\:w-\[20\%\][data-state=closed] { width: 20% } .lg\:data-\[state\=\"closed\"\]\:duration-500[data-state=closed] { --tw-duration: .5s; transition-duration: .5s } .lg\:data-\[state\=\"open\"\]\:w-\[60\%\][data-state=open] { width: 60% } .lg\:data-\[state\=\"open\"\]\:duration-400[data-state=open] { --tw-duration: .4s; transition-duration: .4s } .lg\:data-\[state\=\\\"closed\\\"\]\:w-\[20\%\][data-state='"closed"'] { width: 20% } .lg\:data-\[state\=\\\"open\\\"\]\:w-\[60\%\][data-state='"open"'] { width: 60% } .lg\:data-\[state\=closed\]\:w-1\/5[data-state=closed] { width: 20% } .lg\:data-\[state\=open\]\:w-3\/5[data-state=open] { width: 60% } .data-\[state\=open\]\:lg\:animate-in[data-state=open] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .lg\:nth-2\:col-span-4:nth-child(2) { grid-column: span 4/span 4 } .lg\:nth-3\:col-span-3:nth-child(3) { grid-column: span 3/span 3 } .lg\:nth-5\:col-span-4:nth-child(5) { grid-column: span 4/span 4 } } @media(prefers-reduced-motion:reduce) { @media(min-width:64rem) { .motion-reduce\:lg\:transition-none { transition-property: none } } } @media(min-width:64rem) { @media not all and (min-width:80rem) { .lg\:max-xl\:col-span-2 { grid-column: span 2/span 2 } .lg\:max-xl\:col-span-3 { grid-column: span 3/span 3 } .lg\:max-xl\:-me-\[calc\(100vw-var\(--breakpoint-lg\)\+2rem\)\] { margin-inline-end: calc(calc(100vw - var(--breakpoint-lg) + 2rem) * -1) } .lg\:max-xl\:last\:pr-\[calc\(100vw-var\(--breakpoint-lg\)\+2rem\)\]:last-child { padding-right: calc(100vw - var(--breakpoint-lg) + 2rem) } .lg\:max-xl\:nth-2\:pt-5:nth-child(2) { padding-top: calc(var(--spacing) * 5) } } } @media(min-width:80rem) { .xl\:absolute { position: absolute } .xl\:relative { position: relative } .xl\:static { position: static } .xl\:inset-8 { inset: calc(var(--spacing) * 8) } .xl\:inset-x-3 { inset-inline: calc(var(--spacing) * 3) } .xl\:-top-\[100px\] { top: -100px } .xl\:-top-\[1200\%\] { top: -1200% } .xl\:top-0 { top: calc(var(--spacing) * 0) } .xl\:top-1\/2 { top: 50% } .xl\:top-\[12\%\] { top: 12% } .xl\:-right-10 { right: calc(var(--spacing) * -10) } .xl\:-right-12 { right: calc(var(--spacing) * -12) } .xl\:-right-14 { right: calc(var(--spacing) * -14) } .xl\:-right-\[600px\] { right: -600px } .xl\:right-0 { right: calc(var(--spacing) * 0) } .xl\:right-5 { right: calc(var(--spacing) * 5) } .xl\:right-10 { right: calc(var(--spacing) * 10) } .xl\:right-16 { right: calc(var(--spacing) * 16) } .xl\:right-\[-22\%\] { right: -22% } .xl\:-bottom-24 { bottom: calc(var(--spacing) * -24) } .xl\:bottom-3 { bottom: calc(var(--spacing) * 3) } .xl\:bottom-28 { bottom: calc(var(--spacing) * 28) } .xl\:-left-10 { left: calc(var(--spacing) * -10) } .xl\:-left-12 { left: calc(var(--spacing) * -12) } .xl\:-left-\[350\%\] { left: -350% } .xl\:left-1\/2 { left: 50% } .xl\:left-32 { left: calc(var(--spacing) * 32) } .xl\:order-0 { order: 0 } .xl\:order-1 { order: 1 } .xl\:order-2 { order: 2 } .xl\:order-3 { order: 3 } .xl\:order-4 { order: 4 } .xl\:order-5 { order: 5 } .xl\:order-6 { order: 6 } .xl\:col-span-1 { grid-column: span 1/span 1 } .xl\:col-span-2 { grid-column: span 2/span 2 } .xl\:col-span-3 { grid-column: span 3/span 3 } .xl\:col-span-4 { grid-column: span 4/span 4 } .xl\:col-span-8 { grid-column: span 8/span 8 } .xl\:col-start-1 { grid-column-start: 1 } .xl\:col-start-2 { grid-column-start: 2 } .xl\:-col-end-1 { grid-column-end: -1 } .xl\:col-end-4 { grid-column-end: 4 } .xl\:row-auto { grid-row: auto } .xl\:row-span-2 { grid-row: span 2/span 2 } .xl\:row-start-1 { grid-row-start: 1 } .xl\:mx-0 { margin-inline: calc(var(--spacing) * 0) } .xl\:mx-6 { margin-inline: calc(var(--spacing) * 6) } .xl\:-mt-36 { margin-top: calc(var(--spacing) * -36) } .xl\:mt-0 { margin-top: calc(var(--spacing) * 0) } .xl\:mt-2\.5 { margin-top: calc(var(--spacing) * 2.5) } .xl\:mt-3 { margin-top: calc(var(--spacing) * 3) } .xl\:mt-4 { margin-top: calc(var(--spacing) * 4) } .xl\:mt-5 { margin-top: calc(var(--spacing) * 5) } .xl\:mt-7 { margin-top: calc(var(--spacing) * 7) } .xl\:mt-8 { margin-top: calc(var(--spacing) * 8) } .xl\:mt-12 { margin-top: calc(var(--spacing) * 12) } .xl\:mt-14 { margin-top: calc(var(--spacing) * 14) } .xl\:mt-25 { margin-top: calc(var(--spacing) * 25) } .xl\:mt-32 { margin-top: calc(var(--spacing) * 32) } .xl\:mr-8 { margin-right: calc(var(--spacing) * 8) } .xl\:mr-12 { margin-right: calc(var(--spacing) * 12) } .xl\:mb-0 { margin-bottom: calc(var(--spacing) * 0) } .xl\:mb-4 { margin-bottom: calc(var(--spacing) * 4) } .xl\:mb-6 { margin-bottom: calc(var(--spacing) * 6) } .xl\:mb-20 { margin-bottom: calc(var(--spacing) * 20) } .xl\:mb-\[0\.7cqi\] { margin-bottom: .7cqi } .xl\:-ml-14 { margin-left: calc(var(--spacing) * -14) } .xl\:-ml-18 { margin-left: calc(var(--spacing) * -18) } .xl\:ml-0 { margin-left: calc(var(--spacing) * 0) } .xl\:ml-32 { margin-left: calc(var(--spacing) * 32) } .xl\:ml-48 { margin-left: calc(var(--spacing) * 48) } .xl\:block { display: block } .xl\:contents { display: contents } .xl\:flex { display: flex } .xl\:grid { display: grid } .xl\:hidden { display: none } .xl\:inline { display: inline } .xl\:inline-block { display: inline-block } .xl\:aspect-\[1\.12\] { aspect-ratio: 1.12 } .xl\:aspect-\[1\.896296296\/1\] { aspect-ratio: 1.8963 } .xl\:aspect-\[1\.933988764\/1\] { aspect-ratio: 1.93399 } .xl\:aspect-\[16\/7\] { aspect-ratio: 16/7 } .xl\:aspect-auto { aspect-ratio: auto } .xl\:aspect-square { aspect-ratio: 1 } .xl\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .xl\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .xl\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16) } .xl\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20) } .xl\:size-25 { width: calc(var(--spacing) * 25); height: calc(var(--spacing) * 25) } .xl\:size-27 { width: calc(var(--spacing) * 27); height: calc(var(--spacing) * 27) } .xl\:size-70 { width: calc(var(--spacing) * 70); height: calc(var(--spacing) * 70) } .xl\:h-5 { height: calc(var(--spacing) * 5) } .xl\:h-12\.5 { height: calc(var(--spacing) * 12.5) } .xl\:h-14 { height: calc(var(--spacing) * 14) } .xl\:h-16 { height: calc(var(--spacing) * 16) } .xl\:h-28 { height: calc(var(--spacing) * 28) } .xl\:h-42 { height: calc(var(--spacing) * 42) } .xl\:h-140 { height: calc(var(--spacing) * 140) } .xl\:h-155 { height: calc(var(--spacing) * 155) } .xl\:h-210 { height: calc(var(--spacing) * 210) } .xl\:h-\[5\.5rem\] { height: 5.5rem } .xl\:h-\[5\.25rem\] { height: 5.25rem } .xl\:h-\[40rem\] { height: 40rem } .xl\:h-\[41\.5625rem\] { height: 41.5625rem } .xl\:h-\[450px\] { height: 450px } .xl\:h-\[580px\] { height: 580px } .xl\:h-\[600px\] { height: 600px } .xl\:h-auto { height: auto } .xl\:h-full { height: 100% } .xl\:h-svh { height: 100svh } .xl\:max-h-96 { max-height: calc(var(--spacing) * 96) } .xl\:max-h-200 { max-height: calc(var(--spacing) * 200) } .xl\:max-h-\[40rem\] { max-height: 40rem } .xl\:max-h-\[550px\] { max-height: 550px } .xl\:max-h-none { max-height: none } .xl\:min-h-112 { min-height: calc(var(--spacing) * 112) } .xl\:min-h-\[32rem\] { min-height: 32rem } .xl\:min-h-\[600px\] { min-height: 600px } .xl\:min-h-fit { min-height: fit-content } .xl\:w-1\/2 { width: 50% } .xl\:w-1\/4 { width: 25% } .xl\:w-3\/5 { width: 60% } .xl\:w-9\/10 { width: 90% } .xl\:w-14 { width: calc(var(--spacing) * 14) } .xl\:w-16 { width: calc(var(--spacing) * 16) } .xl\:w-20 { width: calc(var(--spacing) * 20) } .xl\:w-28 { width: calc(var(--spacing) * 28) } .xl\:w-30 { width: calc(var(--spacing) * 30) } .xl\:w-66 { width: calc(var(--spacing) * 66) } .xl\:w-\[7\.5rem\] { width: 7.5rem } .xl\:w-\[8rem\] { width: 8rem } .xl\:w-\[87\.5\%\] { width: 87.5% } .xl\:w-\[290px\] { width: 290px } .xl\:w-\[360px\] { width: 360px } .xl\:w-\[400px\] { width: 400px } .xl\:w-\[410px\] { width: 410px } .xl\:w-\[420px\] { width: 420px } .xl\:w-\[800px\] { width: 800px } .xl\:w-\[calc\(100\%\+1\.75rem\)\] { width: calc(100% + 1.75rem) } .xl\:w-auto { width: auto } .xl\:w-fit { width: fit-content } .xl\:w-full { width: 100% } .xl\:max-w-1\/4 { max-width: 25% } .xl\:max-w-3xl { max-width: var(--container-3xl) } .xl\:max-w-5xl { max-width: var(--container-5xl) } .xl\:max-w-7xl { max-width: var(--container-7xl) } .xl\:max-w-72 { max-width: calc(var(--spacing) * 72) } .xl\:max-w-80 { max-width: calc(var(--spacing) * 80) } .xl\:max-w-95 { max-width: calc(var(--spacing) * 95) } .xl\:max-w-96 { max-width: calc(var(--spacing) * 96) } .xl\:max-w-155 { max-width: calc(var(--spacing) * 155) } .xl\:max-w-160 { max-width: calc(var(--spacing) * 160) } .xl\:max-w-\[20rem\] { max-width: 20rem } .xl\:max-w-\[34\.0625rem\] { max-width: 34.0625rem } .xl\:max-w-\[37\.5rem\] { max-width: 37.5rem } .xl\:max-w-\[40cqi\] { max-width: 40cqi } .xl\:max-w-\[43\.125rem\] { max-width: 43.125rem } .xl\:max-w-\[62\.5rem\] { max-width: 62.5rem } .xl\:max-w-\[66\.875rem\] { max-width: 66.875rem } .xl\:max-w-\[100rem\] { max-width: 100rem } .xl\:max-w-\[400px\] { max-width: 400px } .xl\:max-w-full { max-width: 100% } .xl\:max-w-lg { max-width: var(--container-lg) } .xl\:max-w-none { max-width: none } .xl\:max-w-xl { max-width: var(--container-xl) } .xl\:max-w-xs { max-width: var(--container-xs) } .xl\:min-w-0 { min-width: calc(var(--spacing) * 0) } .xl\:min-w-130 { min-width: calc(var(--spacing) * 130) } .xl\:min-w-\[400px\] { min-width: 400px } .xl\:min-w-\[480px\] { min-width: 480px } .xl\:flex-1 { flex: 1 } .xl\:flex-\[44\%\] { flex: 44% } .xl\:flex-\[56\%\] { flex: 56% } .xl\:flex-initial { flex: 0 auto } .xl\:shrink-0 { flex-shrink: 0 } .xl\:basis-1\/3 { flex-basis: 33.3333% } .xl\:basis-1\/4 { flex-basis: 25% } .xl\:basis-1\/5 { flex-basis: 20% } .xl\:basis-1\/6 { flex-basis: 16.6667% } .xl\:basis-1\/8 { flex-basis: 12.5% } .xl\:basis-2\/3 { flex-basis: 66.6667% } .xl\:basis-9\/12 { flex-basis: 75% } .xl\:basis-130 { flex-basis: calc(var(--spacing) * 130) } .xl\:basis-160 { flex-basis: calc(var(--spacing) * 160) } .xl\:basis-\[23\%\] { flex-basis: 23% } .xl\:basis-\[28\%\] { flex-basis: 28% } .xl\:basis-\[40\%\] { flex-basis: 40% } .xl\:-translate-0 { --tw-translate-x: calc(var(--spacing) * 0); --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:-translate-x-1\/5 { --tw-translate-x: -20%; translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:-translate-x-10 { --tw-translate-x: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:translate-x-10 { --tw-translate-x: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:-translate-y-1\/2 { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:-translate-y-5 { --tw-translate-y: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:-translate-y-28 { --tw-translate-y: calc(var(--spacing) * -28); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:-translate-y-52 { --tw-translate-y: calc(var(--spacing) * -52); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:translate-y-6 { --tw-translate-y: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:translate-y-8 { --tw-translate-y: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:translate-y-12 { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:translate-y-18 { --tw-translate-y: calc(var(--spacing) * 18); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .xl\:transform-\[perspective\(4000px\)_rotateX\(42deg\)_rotateY\(-20deg\)_rotateZ\(24deg\)\] { transform: perspective(4000px)rotateX(42deg)rotateY(-20deg)rotate(24deg) } .xl\:columns-3 { columns: 3 } .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-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .xl\:grid-cols-\[\.33fr_\.66fr\] { grid-template-columns: .33fr .66fr } .xl\:grid-cols-\[\.66fr_\.33fr\] { grid-template-columns: .66fr .33fr } .xl\:grid-cols-\[1fr_200px\] { grid-template-columns: 1fr 200px } .xl\:grid-cols-\[8\.5rem_10rem_19\.3rem\] { grid-template-columns: 8.5rem 10rem 19.3rem } .xl\:grid-cols-\[25rem_repeat\(6\,_minmax\(0\,_1fr\)\)\] { grid-template-columns: 25rem repeat(6, minmax(0, 1fr)) } .xl\:grid-cols-\[37\.5rem_1fr\] { grid-template-columns: 37.5rem 1fr } .xl\:grid-cols-\[600px_500px\] { grid-template-columns: 600px 500px } .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(12rem\,16rem\)\] { grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem) } .xl\:grid-cols-\[minmax\(15\.625rem\,_1fr\)_minmax\(15\.625rem\,_1fr\)_repeat\(3\,_1fr\)_6\.25rem\] { grid-template-columns: minmax(15.625rem, 1fr) minmax(15.625rem, 1fr) repeat(3, 1fr) 6.25rem } .xl\:grid-cols-\[minmax\(36\.25rem\,48\.125rem\)_1fr\] { grid-template-columns: minmax(36.25rem, 48.125rem) 1fr } .xl\:grid-cols-\[repeat\(4\,_minmax\(12\.5rem\,_18\.75rem\)\)\] { grid-template-columns: repeat(4, minmax(12.5rem, 18.75rem)) } .xl\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) } .xl\:grid-rows-\[16\.625rem_15\.5rem_1\.375rem_6\.9rem\] { grid-template-rows: 16.625rem 15.5rem 1.375rem 6.9rem } .xl\:grid-rows-\[31\.25rem\] { grid-template-rows: 31.25rem } .xl\:grid-rows-\[48\.875rem\] { grid-template-rows: 48.875rem } .xl\:\!flex-row { flex-direction: row !important } .xl\:flex-col { flex-direction: column } .xl\:flex-col-reverse { flex-direction: column-reverse } .xl\:flex-row { flex-direction: row } .xl\:flex-row-reverse { flex-direction: row-reverse } .xl\:flex-nowrap { flex-wrap: nowrap } .xl\:items-center { align-items: center } .xl\:items-end { align-items: flex-end } .xl\:items-start { align-items: flex-start } .xl\:items-stretch { align-items: stretch } .xl\:justify-between { justify-content: space-between } .xl\:justify-center { justify-content: center } .xl\:justify-end { justify-content: flex-end } .xl\:justify-normal { justify-content: normal } .xl\:justify-start { justify-content: flex-start } .xl\:gap-0 { gap: calc(var(--spacing) * 0) } .xl\:gap-1 { gap: calc(var(--spacing) * 1) } .xl\:gap-3 { gap: calc(var(--spacing) * 3) } .xl\:gap-4 { gap: calc(var(--spacing) * 4) } .xl\:gap-5 { gap: calc(var(--spacing) * 5) } .xl\:gap-6 { gap: calc(var(--spacing) * 6) } .xl\:gap-7 { gap: calc(var(--spacing) * 7) } .xl\:gap-8 { gap: calc(var(--spacing) * 8) } .xl\:gap-10 { gap: calc(var(--spacing) * 10) } .xl\:gap-12 { gap: calc(var(--spacing) * 12) } .xl\:gap-14 { gap: calc(var(--spacing) * 14) } .xl\:gap-15 { gap: calc(var(--spacing) * 15) } .xl\:gap-15\.5 { gap: calc(var(--spacing) * 15.5) } .xl\:gap-16 { gap: calc(var(--spacing) * 16) } .xl\:gap-18 { gap: calc(var(--spacing) * 18) } .xl\:gap-20 { gap: calc(var(--spacing) * 20) } .xl\:gap-24 { gap: calc(var(--spacing) * 24) } .xl\:gap-25 { gap: calc(var(--spacing) * 25) } .xl\:gap-28 { gap: calc(var(--spacing) * 28) } .xl\:gap-30 { gap: calc(var(--spacing) * 30) } .xl\:gap-32 { gap: calc(var(--spacing) * 32) } .xl\:gap-40 { gap: calc(var(--spacing) * 40) } .xl\:gap-\[1\.25rem\] { gap: 1.25rem } .xl\:gap-\[1cqi\] { gap: 1cqi } :where(.xl\:space-y-6>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) } :where(.xl\:space-y-7\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 7.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 7.5) * calc(1 - var(--tw-space-y-reverse))) } :where(.xl\:space-y-8>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) } :where(.xl\:space-y-15>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 15) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 15) * calc(1 - var(--tw-space-y-reverse))) } :where(.xl\:space-y-\[0\.85cqi\]>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(.85cqi * var(--tw-space-y-reverse)); margin-block-end: calc(.85cqi * calc(1 - var(--tw-space-y-reverse))) } .xl\:gap-x-3 { column-gap: calc(var(--spacing) * 3) } .xl\:gap-x-5 { column-gap: calc(var(--spacing) * 5) } .xl\:gap-x-14 { column-gap: calc(var(--spacing) * 14) } .xl\:gap-x-16 { column-gap: calc(var(--spacing) * 16) } .xl\:gap-x-48 { column-gap: calc(var(--spacing) * 48) } :where(.xl\:space-x-8>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))) } .xl\:gap-y-0 { row-gap: calc(var(--spacing) * 0) } .xl\:gap-y-3 { row-gap: calc(var(--spacing) * 3) } .xl\:gap-y-4 { row-gap: calc(var(--spacing) * 4) } .xl\:place-self-end { place-self: end } .xl\:place-self-start { place-self: start } .xl\:self-end { align-self: flex-end } .xl\:overflow-hidden { overflow: hidden } .xl\:overflow-visible { overflow: visible } .xl\:overflow-x-clip { overflow-x: clip } .xl\:rounded-2xl { border-radius: var(--radius-2xl) } .xl\:rounded-3xl { border-radius: var(--radius-3xl) } .xl\:rounded-tr-2xl { border-top-right-radius: var(--radius-2xl) } .xl\:border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px } .xl\:border-y { border-block-style: var(--tw-border-style); border-block-width: 1px } .xl\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0 } .xl\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px } .xl\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px } .xl\:border-none { --tw-border-style: none; border-style: none } .xl\:bg-background\/60 { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .xl\:bg-background\/60 { background-color: color-mix(in oklab, var(--background) 60%, transparent) } } .xl\:bg-foreground { background-color: var(--foreground) } .xl\:bg-transparent { background-color: #0000 } .xl\:bg-cover { background-size: cover } .xl\:p-5 { padding: calc(var(--spacing) * 5) } .xl\:p-7 { padding: calc(var(--spacing) * 7) } .xl\:p-8 { padding: calc(var(--spacing) * 8) } .xl\:p-10 { padding: calc(var(--spacing) * 10) } .xl\:p-16 { padding: calc(var(--spacing) * 16) } .xl\:p-20 { padding: calc(var(--spacing) * 20) } .xl\:px-2 { padding-inline: calc(var(--spacing) * 2) } .xl\:px-3 { padding-inline: calc(var(--spacing) * 3) } .xl\:px-4 { padding-inline: calc(var(--spacing) * 4) } .xl\:px-6 { padding-inline: calc(var(--spacing) * 6) } .xl\:px-8 { padding-inline: calc(var(--spacing) * 8) } .xl\:px-12 { padding-inline: calc(var(--spacing) * 12) } .xl\:px-15\.5 { padding-inline: calc(var(--spacing) * 15.5) } .xl\:px-16 { padding-inline: calc(var(--spacing) * 16) } .xl\:px-17\.5 { padding-inline: calc(var(--spacing) * 17.5) } .xl\:px-18 { padding-inline: calc(var(--spacing) * 18) } .xl\:px-20 { padding-inline: calc(var(--spacing) * 20) } .xl\:px-24 { padding-inline: calc(var(--spacing) * 24) } .xl\:px-25 { padding-inline: calc(var(--spacing) * 25) } .xl\:px-28 { padding-inline: calc(var(--spacing) * 28) } .xl\:px-30 { padding-inline: calc(var(--spacing) * 30) } .xl\:px-32 { padding-inline: calc(var(--spacing) * 32) } .xl\:px-36 { padding-inline: calc(var(--spacing) * 36) } .xl\:px-52 { padding-inline: calc(var(--spacing) * 52) } .xl\:py-0 { padding-block: calc(var(--spacing) * 0) } .xl\:py-4 { padding-block: calc(var(--spacing) * 4) } .xl\:py-5 { padding-block: calc(var(--spacing) * 5) } .xl\:py-6 { padding-block: calc(var(--spacing) * 6) } .xl\:py-7\.5 { padding-block: calc(var(--spacing) * 7.5) } .xl\:py-10 { padding-block: calc(var(--spacing) * 10) } .xl\:py-14 { padding-block: calc(var(--spacing) * 14) } .xl\:py-20 { padding-block: calc(var(--spacing) * 20) } .xl\:py-22\.5 { padding-block: calc(var(--spacing) * 22.5) } .xl\:py-28 { padding-block: calc(var(--spacing) * 28) } .xl\:py-32 { padding-block: calc(var(--spacing) * 32) } .xl\:py-36 { padding-block: calc(var(--spacing) * 36) } .xl\:py-\[26\%\] { padding-block: 26% } .xl\:pt-8 { padding-top: calc(var(--spacing) * 8) } .xl\:pt-12 { padding-top: calc(var(--spacing) * 12) } .xl\:pt-20 { padding-top: calc(var(--spacing) * 20) } .xl\:pt-48 { padding-top: calc(var(--spacing) * 48) } .xl\:pr-0 { padding-right: calc(var(--spacing) * 0) } .xl\:pr-20 { padding-right: calc(var(--spacing) * 20) } .xl\:pr-24 { padding-right: calc(var(--spacing) * 24) } .xl\:pr-32 { padding-right: calc(var(--spacing) * 32) } .xl\:pb-0 { padding-bottom: calc(var(--spacing) * 0) } .xl\:pb-14 { padding-bottom: calc(var(--spacing) * 14) } .xl\:pb-15 { padding-bottom: calc(var(--spacing) * 15) } .xl\:pb-15\.5 { padding-bottom: calc(var(--spacing) * 15.5) } .xl\:pb-16 { padding-bottom: calc(var(--spacing) * 16) } .xl\:pb-40 { padding-bottom: calc(var(--spacing) * 40) } .xl\:pb-\[30rem\] { padding-bottom: 30rem } .xl\:pb-\[60px\] { padding-bottom: 60px } .xl\:pl-0 { padding-left: calc(var(--spacing) * 0) } .xl\:pl-8 { padding-left: calc(var(--spacing) * 8) } .xl\:pl-12 { padding-left: calc(var(--spacing) * 12) } .xl\:pl-18 { padding-left: calc(var(--spacing) * 18) } .xl\:pl-20 { padding-left: calc(var(--spacing) * 20) } .xl\:pl-30 { padding-left: calc(var(--spacing) * 30) } .xl\:pl-34 { padding-left: calc(var(--spacing) * 34) } .xl\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .xl\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .xl\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .xl\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .xl\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)) } .xl\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)) } .xl\:text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)) } .xl\:text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)) } .xl\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .xl\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .xl\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .xl\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .xl\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .xl\:text-\[0\.85cqi\] { font-size: .85cqi } .xl\:text-\[0\.625rem\] { font-size: .625rem } .xl\:text-\[2\.5rem\] { font-size: 2.5rem } .xl\:text-\[3\.6rem\] { font-size: 3.6rem } .xl\:text-\[3\.125rem\] { font-size: 3.125rem } .xl\:text-\[3rem\] { font-size: 3rem } .xl\:text-\[4\.4rem\] { font-size: 4.4rem } .xl\:text-\[5\.5rem\] { font-size: 5.5rem } .xl\:text-\[5rem\] { font-size: 5rem } .xl\:text-\[6cqi\] { font-size: 6cqi } .xl\:text-\[10rem\] { font-size: 10rem } .xl\:text-\[48px\] { font-size: 48px } .xl\:text-\[85px\] { font-size: 85px } .xl\:text-\[110px\] { font-size: 110px } .xl\:leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05 } .xl\:leading-\[5\.5rem\]\! { --tw-leading: 5.5rem !important; line-height: 5.5rem !important } .xl\:leading-\[56px\] { --tw-leading: 56px; line-height: 56px } .xl\:leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight) } .xl\:whitespace-nowrap { white-space: nowrap } .xl\:text-background { color: var(--background) } .xl\:text-foreground { color: var(--foreground) } .xl\:opacity-0 { opacity: 0 } .xl\:shadow-\[-24px_-28px_48px_rgba\(0\,0\,0\,0\.15\)\] { --tw-shadow: -24px -28px 48px var(--tw-shadow-color, #00000026); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .xl\:backdrop-blur-\[5px\] { --tw-backdrop-blur: blur(5px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .xl\:group-first\:text-5xl:is(:where(.group):first-child *) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } @media(hover:hover) { .xl\:group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0 } } .xl\:first\:sticky:first-child { position: sticky } .xl\:first\:top-28:first-child { top: calc(var(--spacing) * 28) } .xl\:first\:col-span-2:first-child { grid-column: span 2/span 2 } .xl\:first\:col-start-1:first-child { grid-column-start: 1 } .xl\:first\:col-end-3:first-child { grid-column-end: 3 } .xl\:first\:row-start-1:first-child { grid-row-start: 1 } .xl\:first\:row-end-3:first-child { grid-row-end: 3 } .xl\:odd\:basis-125:nth-child(odd) { flex-basis: calc(var(--spacing) * 125) } @media(hover:hover) { .xl\:hover\:translate-x-44:hover { --tw-translate-x: calc(var(--spacing) * 44); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:hover\:translate-y-24:hover { --tw-translate-y: calc(var(--spacing) * 24); translate: var(--tw-translate-x) var(--tw-translate-y) } .xl\:hover\:transform-none:hover { transform: none } } .data-\[sale\=true\]\:xl\:text-base[data-sale=true] { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } } @media(min-width:96rem) { .\32xl\:-top-\[1196\%\] { top: -1196% } .\32xl\:-left-28 { left: calc(var(--spacing) * -28) } .\32xl\:-left-\[345\%\] { left: -345% } .\32xl\:left-32 { left: calc(var(--spacing) * 32) } .\32xl\:-mx-8 { margin-inline: calc(var(--spacing) * -8) } .\32xl\:mt-6 { margin-top: calc(var(--spacing) * 6) } .\32xl\:mr-\[calc\(50vw-700px\+20px\)\] { margin-right: calc(50vw - 680px) } .\32xl\:mr-\[calc\(50vw-700px\+200px\)\] { margin-right: calc(50vw - 500px) } .\32xl\:mr-\[max\(0rem\,calc\(50vw-700px\)\)\] { margin-right: max(0rem, 50vw - 700px) } .\32xl\:mr-\[max\(0rem\,calc\(50vw-700px-1rem\)\)\] { margin-right: max(0rem, 50vw - 700px - 1rem) } .\32xl\:mb-0 { margin-bottom: calc(var(--spacing) * 0) } .\32xl\:ml-56 { margin-left: calc(var(--spacing) * 56) } .\32xl\:ml-\[calc\(50vw-700px\+20px\)\] { margin-left: calc(50vw - 680px) } .\32xl\:ml-\[calc\(50vw-700px\+200px-40px\)\] { margin-left: calc(50vw - 540px) } .\32xl\:ml-\[max\(8rem\,calc\(50vw-700px\)\)\] { margin-left: max(8rem, 50vw - 700px) } .\32xl\:ml-\[max\(8rem\,calc\(50vw-700px\+1rem\)\)\] { margin-left: max(8rem, 50vw - 700px + 1rem) } .\32xl\:block { display: block } .\32xl\:flex { display: flex } .\32xl\:grid { display: grid } .\32xl\:hidden { display: none } .\32xl\:inline { display: inline } .\32xl\:inline-block { display: inline-block } .\32xl\:aspect-auto { aspect-ratio: auto } .\32xl\:h-36 { height: calc(var(--spacing) * 36) } .\32xl\:h-52 { height: calc(var(--spacing) * 52) } .\32xl\:h-\[70vh\] { height: 70vh } .\32xl\:max-h-none { max-height: none } .\32xl\:min-h-10 { min-height: calc(var(--spacing) * 10) } .\32xl\:min-h-full { min-height: 100% } .\32xl\:w-1\/7 { width: 14.2857% } .\32xl\:w-62 { width: calc(var(--spacing) * 62) } .\32xl\:w-64 { width: calc(var(--spacing) * 64) } .\32xl\:w-\[960px\] { width: 960px } .\32xl\:max-w-7xl { max-width: var(--container-7xl) } .\32xl\:min-w-\[calc\(1400px-4rem\)\] { min-width: calc(1400px - 4rem) } .\32xl\:basis-1\/4 { flex-basis: 25% } .\32xl\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .\32xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .\32xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .\32xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .\32xl\:justify-end { justify-content: flex-end } .\32xl\:rounded-\[4rem\] { border-radius: 4rem } .\32xl\:border { border-style: var(--tw-border-style); border-width: 1px } .\32xl\:bg-background { background-color: var(--background) } .\32xl\:p-4 { padding: calc(var(--spacing) * 4) } .\32xl\:px-3\.5 { padding-inline: calc(var(--spacing) * 3.5) } .\32xl\:px-8 { padding-inline: calc(var(--spacing) * 8) } .\32xl\:px-14 { padding-inline: calc(var(--spacing) * 14) } .\32xl\:py-10 { padding-block: calc(var(--spacing) * 10) } .\32xl\:pr-32 { padding-right: calc(var(--spacing) * 32) } .\32xl\:pl-32 { padding-left: calc(var(--spacing) * 32) } .\32xl\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .\32xl\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .\32xl\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .\32xl\:text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)) } .\32xl\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .\32xl\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .\32xl\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } @media(hover:hover) { .\32xl\:hover\:translate-x-0:hover { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } } } @container card (min-width:600px) { .\@\[600px\]\/card\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } } @container (min-width:680px) { .\@min-\[680px\]\:col-span-2 { grid-column: span 2/span 2 } .\@min-\[680px\]\:col-span-3 { grid-column: span 3/span 3 } .\@min-\[680px\]\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .\@min-\[680px\]\:gap-x-12\.5 { column-gap: calc(var(--spacing) * 12.5) } .\@min-\[680px\]\:gap-y-6 { row-gap: calc(var(--spacing) * 6) } } @container card (min-width:800px) { .\@\[800px\]\/card\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } } @container (min-width:20rem) { .\@xs\:flex-col { flex-direction: column } .\@xs\:flex-row { flex-direction: row } .\@xs\:items-center { align-items: center } .\@xs\:items-end { align-items: flex-end } .\@xs\:justify-center { justify-content: center } .\@xs\:gap-2 { gap: calc(var(--spacing) * 2) } .\@xs\:gap-5 { gap: calc(var(--spacing) * 5) } .\@xs\:rounded-2xl { border-radius: var(--radius-2xl) } .\@xs\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } } @container (min-width:28rem) { .\@md\:left-6 { left: calc(var(--spacing) * 6) } .\@md\:mt-6 { margin-top: calc(var(--spacing) * 6) } .\@md\:mt-8 { margin-top: calc(var(--spacing) * 8) } .\@md\:h-7 { height: calc(var(--spacing) * 7) } .\@md\:h-11 { height: calc(var(--spacing) * 11) } .\@md\:h-12 { height: calc(var(--spacing) * 12) } .\@md\:h-20 { height: calc(var(--spacing) * 20) } .\@md\:h-32 { height: calc(var(--spacing) * 32) } .\@md\:h-36 { height: calc(var(--spacing) * 36) } .\@md\:w-7 { width: calc(var(--spacing) * 7) } .\@md\:w-11 { width: calc(var(--spacing) * 11) } .\@md\:w-12 { width: calc(var(--spacing) * 12) } .\@md\:w-20 { width: calc(var(--spacing) * 20) } } @container field-group (min-width:28rem) { .\@md\/field-group\:flex-row { flex-direction: row } .\@md\/field-group\:items-center { align-items: center } } @container (min-width:28rem) { .\@md\:gap-6 { gap: calc(var(--spacing) * 6) } .\@md\:gap-20 { gap: calc(var(--spacing) * 20) } .\@md\:p-5 { padding: calc(var(--spacing) * 5) } .\@md\:p-6 { padding: calc(var(--spacing) * 6) } .\@md\:px-4 { padding-inline: calc(var(--spacing) * 4) } .\@md\:py-2 { padding-block: calc(var(--spacing) * 2) } .\@md\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .\@md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .\@md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .\@md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .\@md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .\@md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .\@md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .\@md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } } @container field-group (min-width:28rem) { :is(.\@md\/field-group\:\*\:w-auto>*) { width: auto } .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) { align-items: flex-start } :is(.\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label] { flex: auto } } .ltr\:-translate-x-1\/2:where(:dir(ltr), [dir=ltr], [dir=ltr] *), .rtl\:-translate-x-1\/2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *)>:not(:last-child)) { --tw-space-x-reverse: 1 } .peer-data-\[state\=checked\]\:rtl\:translate-x-full:is(:where(.peer)[data-state=checked]~*):where(:dir(rtl), [dir=rtl], [dir=rtl] *) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .peer-data-\[state\=unchecked\]\:rtl\:-translate-x-full:is(:where(.peer)[data-state=unchecked]~*):where(:dir(rtl), [dir=rtl], [dir=rtl] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .dark\:block:where(.dark, .dark *) { display: block } .dark\:hidden:where(.dark, .dark *) { display: none } .dark\:inline-block:where(.dark, .dark *) { display: inline-block } .dark\:border:where(.dark, .dark *) { border-style: var(--tw-border-style); border-width: 1px } .dark\:border-amber-500\/40:where(.dark, .dark *) { border-color: #f99c0066 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-amber-500\/40:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent) } } .dark\:border-amber-800:where(.dark, .dark *) { border-color: var(--color-amber-800) } .dark\:border-amber-800\/60:where(.dark, .dark *) { border-color: #953d0099 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-amber-800\/60:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-amber-800) 60%, transparent) } } .dark\:border-amber-900\/30:where(.dark, .dark *) { border-color: #7b33064d } @supports (color:color-mix(in lab, red, red)) { .dark\:border-amber-900\/30:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent) } } .dark\:border-blue-500\/50:where(.dark, .dark *) { border-color: #3080ff80 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-blue-500\/50:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent) } } .dark\:border-blue-800:where(.dark, .dark *) { border-color: var(--color-blue-800) } .dark\:border-blue-900:where(.dark, .dark *) { border-color: var(--color-blue-900) } .dark\:border-border:where(.dark, .dark *), .dark\:border-border\/80:where(.dark, .dark *) { border-color: var(--border) } @supports (color:color-mix(in lab, red, red)) { .dark\:border-border\/80:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--border) 80%, transparent) } } .dark\:border-emerald-500\/40:where(.dark, .dark *) { border-color: #00bb7f66 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-emerald-500\/40:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent) } } .dark\:border-emerald-900\/30:where(.dark, .dark *) { border-color: #004e3b4d } @supports (color:color-mix(in lab, red, red)) { .dark\:border-emerald-900\/30:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent) } } .dark\:border-emerald-900\/40:where(.dark, .dark *) { border-color: #004e3b66 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-emerald-900\/40:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent) } } .dark\:border-green-900:where(.dark, .dark *) { border-color: var(--color-green-900) } .dark\:border-input:where(.dark, .dark *) { border-color: var(--input) } .dark\:border-muted:where(.dark, .dark *) { border-color: var(--muted) } .dark\:border-neutral-200:where(.dark, .dark *) { border-color: var(--color-neutral-200) } .dark\:border-neutral-600:where(.dark, .dark *) { border-color: var(--color-neutral-600) } .dark\:border-neutral-800:where(.dark, .dark *) { border-color: var(--color-neutral-800) } .dark\:border-neutral-900:where(.dark, .dark *) { border-color: var(--color-neutral-900) } .dark\:border-orange-900:where(.dark, .dark *) { border-color: var(--color-orange-900) } .dark\:border-pink-500\/50:where(.dark, .dark *) { border-color: #f6339a80 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-pink-500\/50:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-pink-500) 50%, transparent) } } .dark\:border-primary\/50:where(.dark, .dark *) { border-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .dark\:border-primary\/50:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--primary) 50%, transparent) } } .dark\:border-purple-400\/45:where(.dark, .dark *) { border-color: #c07eff73 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-purple-400\/45:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-purple-400) 45%, transparent) } } .dark\:border-purple-700:where(.dark, .dark *) { border-color: var(--color-purple-700) } .dark\:border-red-500\/35:where(.dark, .dark *) { border-color: #fb2c3659 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-red-500\/35:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-red-500) 35%, transparent) } } .dark\:border-red-500\/50:where(.dark, .dark *) { border-color: #fb2c3680 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-red-500\/50:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent) } } .dark\:border-red-800:where(.dark, .dark *) { border-color: var(--color-red-800) } .dark\:border-red-900:where(.dark, .dark *) { border-color: var(--color-red-900) } .dark\:border-rose-500\/40:where(.dark, .dark *) { border-color: #ff235766 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-rose-500\/40:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent) } } .dark\:border-sky-500\/40:where(.dark, .dark *) { border-color: #00a5ef66 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-sky-500\/40:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent) } } .dark\:border-slate-500\/40:where(.dark, .dark *) { border-color: #62748e66 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-slate-500\/40:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-slate-500) 40%, transparent) } } .dark\:border-violet-500\/40:where(.dark, .dark *) { border-color: #8d54ff66 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-violet-500\/40:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-violet-500) 40%, transparent) } } .dark\:border-white\/15:where(.dark, .dark *) { border-color: #ffffff26 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/15:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent) } } .dark\:border-white\/20:where(.dark, .dark *) { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/20:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .dark\:border-white\/\[0\.1\]:where(.dark, .dark *) { border-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/\[0\.1\]:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .dark\:border-white\/\[0\.2\]:where(.dark, .dark *) { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-white\/\[0\.2\]:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .dark\:border-yellow-900:where(.dark, .dark *) { border-color: var(--color-yellow-900) } .dark\:border-zinc-500\/50:where(.dark, .dark *) { border-color: #71717b80 } @supports (color:color-mix(in lab, red, red)) { .dark\:border-zinc-500\/50:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-zinc-500) 50%, transparent) } } .dark\:border-zinc-700:where(.dark, .dark *) { border-color: var(--color-zinc-700) } .dark\:\!bg-transparent:where(.dark, .dark *) { background-color: #0000 !important } .dark\:bg-\[\#24242B\]:where(.dark, .dark *) { background-color: #24242b } .dark\:bg-amber-200\/20:where(.dark, .dark *) { background-color: #fee68533 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-amber-200\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-200) 20%, transparent) } } .dark\:bg-amber-300\/30:where(.dark, .dark *) { background-color: #ffd2364d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-amber-300\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent) } } .dark\:bg-amber-500\/10:where(.dark, .dark *) { background-color: #f99c001a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-amber-500\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent) } } .dark\:bg-amber-500\/15:where(.dark, .dark *) { background-color: #f99c0026 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-amber-500\/15:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent) } } .dark\:bg-amber-500\/45:where(.dark, .dark *) { background-color: #f99c0073 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-amber-500\/45:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-500) 45%, transparent) } } .dark\:bg-amber-800:where(.dark, .dark *) { background-color: var(--color-amber-800) } .dark\:bg-amber-900\/30:where(.dark, .dark *) { background-color: #7b33064d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-amber-900\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent) } } .dark\:bg-amber-900\/40:where(.dark, .dark *) { background-color: #7b330666 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-amber-900\/40:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent) } } .dark\:bg-amber-950:where(.dark, .dark *) { background-color: var(--color-amber-950) } .dark\:bg-amber-950\/10:where(.dark, .dark *) { background-color: #4619011a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-amber-950\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-950) 10%, transparent) } } .dark\:bg-amber-950\/30:where(.dark, .dark *) { background-color: #4619014d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-amber-950\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent) } } .dark\:bg-background:where(.dark, .dark *) { background-color: var(--background) } .dark\:bg-black:where(.dark, .dark *) { background-color: var(--color-black) } .dark\:bg-black\/20:where(.dark, .dark *) { background-color: #0003 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-black\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) } } .dark\:bg-black\/30:where(.dark, .dark *) { background-color: #0000004d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-black\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) } } .dark\:bg-black\/90:where(.dark, .dark *) { background-color: #000000e6 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-black\/90:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-black) 90%, transparent) } } .dark\:bg-black\/\[0\.8\]:where(.dark, .dark *) { background-color: #000c } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-black\/\[0\.8\]:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent) } } .dark\:bg-blue-800:where(.dark, .dark *) { background-color: var(--color-blue-800) } .dark\:bg-blue-900:where(.dark, .dark *) { background-color: var(--color-blue-900) } .dark\:bg-blue-900\/30:where(.dark, .dark *) { background-color: #1c398e4d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-blue-900\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent) } } .dark\:bg-blue-950:where(.dark, .dark *) { background-color: var(--color-blue-950) } .dark\:bg-blue-950\/10:where(.dark, .dark *) { background-color: #1624561a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-blue-950\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-blue-950) 10%, transparent) } } .dark\:bg-blue-950\/30:where(.dark, .dark *) { background-color: #1624564d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-blue-950\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent) } } .dark\:bg-card:where(.dark, .dark *) { background-color: var(--card) } .dark\:bg-destructive\/20:where(.dark, .dark *) { background-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-destructive\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--destructive) 20%, transparent) } } .dark\:bg-destructive\/60:where(.dark, .dark *) { background-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-destructive\/60:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--destructive) 60%, transparent) } } .dark\:bg-emerald-400:where(.dark, .dark *) { background-color: var(--color-emerald-400) } .dark\:bg-emerald-400\/35:where(.dark, .dark *) { background-color: #00d29459 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-emerald-400\/35:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-emerald-400) 35%, transparent) } } .dark\:bg-emerald-500\/10:where(.dark, .dark *) { background-color: #00bb7f1a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-emerald-500\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent) } } .dark\:bg-emerald-500\/15:where(.dark, .dark *) { background-color: #00bb7f26 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-emerald-500\/15:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent) } } .dark\:bg-emerald-700\/\[0\.2\]:where(.dark, .dark *) { background-color: #00795633 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-emerald-700\/\[0\.2\]:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-emerald-700) 20%, transparent) } } .dark\:bg-emerald-800:where(.dark, .dark *) { background-color: var(--color-emerald-800) } .dark\:bg-emerald-800\/60:where(.dark, .dark *) { background-color: #005f4699 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-emerald-800\/60:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-emerald-800) 60%, transparent) } } .dark\:bg-emerald-900:where(.dark, .dark *) { background-color: var(--color-emerald-900) } .dark\:bg-emerald-900\/30:where(.dark, .dark *) { background-color: #004e3b4d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-emerald-900\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent) } } .dark\:bg-emerald-900\/40:where(.dark, .dark *) { background-color: #004e3b66 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-emerald-900\/40:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent) } } .dark\:bg-emerald-950:where(.dark, .dark *) { background-color: var(--color-emerald-950) } .dark\:bg-foreground:where(.dark, .dark *), .dark\:bg-foreground\/60:where(.dark, .dark *) { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-foreground\/60:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--foreground) 60%, transparent) } } .dark\:bg-gray-800:where(.dark, .dark *) { background-color: var(--color-gray-800) } .dark\:bg-gray-800\/50:where(.dark, .dark *) { background-color: #1e293980 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-gray-800\/50:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent) } } .dark\:bg-gray-900:where(.dark, .dark *) { background-color: var(--color-gray-900) } .dark\:bg-green-400:where(.dark, .dark *) { background-color: var(--color-green-400) } .dark\:bg-green-900:where(.dark, .dark *) { background-color: var(--color-green-900) } .dark\:bg-green-950:where(.dark, .dark *) { background-color: var(--color-green-950) } .dark\:bg-green-950\/10:where(.dark, .dark *) { background-color: #032e151a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-green-950\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-green-950) 10%, transparent) } } .dark\:bg-green-950\/20:where(.dark, .dark *) { background-color: #032e1533 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-green-950\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-green-950) 20%, transparent) } } .dark\:bg-green-950\/30:where(.dark, .dark *) { background-color: #032e154d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-green-950\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent) } } .dark\:bg-green-950\/40:where(.dark, .dark *) { background-color: #032e1566 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-green-950\/40:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-green-950) 40%, transparent) } } .dark\:bg-indigo-800:where(.dark, .dark *) { background-color: var(--color-indigo-800) } .dark\:bg-indigo-900:where(.dark, .dark *) { background-color: var(--color-indigo-900) } .dark\:bg-input\/30:where(.dark, .dark *) { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-input\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--input) 30%, transparent) } } .dark\:bg-muted:where(.dark, .dark *), .dark\:bg-muted\/30:where(.dark, .dark *) { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-muted\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--muted) 30%, transparent) } } .dark\:bg-neutral-800:where(.dark, .dark *) { background-color: var(--color-neutral-800) } .dark\:bg-neutral-900:where(.dark, .dark *) { background-color: var(--color-neutral-900) } .dark\:bg-neutral-950:where(.dark, .dark *) { background-color: var(--color-neutral-950) } .dark\:bg-orange-900:where(.dark, .dark *) { background-color: var(--color-orange-900) } .dark\:bg-orange-900\/20:where(.dark, .dark *) { background-color: #7e2a0c33 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-orange-900\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent) } } .dark\:bg-orange-950:where(.dark, .dark *) { background-color: var(--color-orange-950) } .dark\:bg-pink-900:where(.dark, .dark *) { background-color: var(--color-pink-900) } .dark\:bg-popover:where(.dark, .dark *) { background-color: var(--popover) } .dark\:bg-primary:where(.dark, .dark *) { background-color: var(--primary) } .dark\:bg-purple-500\/20:where(.dark, .dark *) { background-color: #ac4bff33 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-purple-500\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent) } } .dark\:bg-purple-900:where(.dark, .dark *) { background-color: var(--color-purple-900) } .dark\:bg-purple-900\/50:where(.dark, .dark *) { background-color: #59168b80 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-purple-900\/50:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent) } } .dark\:bg-purple-950\/20:where(.dark, .dark *) { background-color: #3c036633 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-purple-950\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-purple-950) 20%, transparent) } } .dark\:bg-purple-950\/30:where(.dark, .dark *) { background-color: #3c03664d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-purple-950\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-purple-950) 30%, transparent) } } .dark\:bg-red-500\/10:where(.dark, .dark *) { background-color: #fb2c361a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-red-500\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent) } } .dark\:bg-red-500\/15:where(.dark, .dark *) { background-color: #fb2c3626 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-red-500\/15:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent) } } .dark\:bg-red-800:where(.dark, .dark *) { background-color: var(--color-red-800) } .dark\:bg-red-900:where(.dark, .dark *) { background-color: var(--color-red-900) } .dark\:bg-red-900\/30:where(.dark, .dark *) { background-color: #82181a4d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-red-900\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent) } } .dark\:bg-red-950:where(.dark, .dark *) { background-color: var(--color-red-950) } .dark\:bg-red-950\/10:where(.dark, .dark *) { background-color: #4608091a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-red-950\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-red-950) 10%, transparent) } } .dark\:bg-red-950\/20:where(.dark, .dark *) { background-color: #46080933 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-red-950\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent) } } .dark\:bg-red-950\/30:where(.dark, .dark *) { background-color: #4608094d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-red-950\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent) } } .dark\:bg-rose-500\/10:where(.dark, .dark *) { background-color: #ff23571a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-rose-500\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent) } } .dark\:bg-rose-800:where(.dark, .dark *) { background-color: var(--color-rose-800) } .dark\:bg-secondary\/20:where(.dark, .dark *) { background-color: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-secondary\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--secondary) 20%, transparent) } } .dark\:bg-sky-500\/10:where(.dark, .dark *) { background-color: #00a5ef1a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-sky-500\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent) } } .dark\:bg-sky-500\/15:where(.dark, .dark *) { background-color: #00a5ef26 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-sky-500\/15:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent) } } .dark\:bg-sky-800:where(.dark, .dark *) { background-color: var(--color-sky-800) } .dark\:bg-slate-500\/10:where(.dark, .dark *) { background-color: #62748e1a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-slate-500\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent) } } .dark\:bg-slate-800:where(.dark, .dark *) { background-color: var(--color-slate-800) } .dark\:bg-slate-800\/\[0\.8\]:where(.dark, .dark *) { background-color: #1d293dcc } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-slate-800\/\[0\.8\]:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent) } } .dark\:bg-transparent:where(.dark, .dark *) { background-color: #0000 } .dark\:bg-violet-400:where(.dark, .dark *) { background-color: var(--color-violet-400) } .dark\:bg-violet-500\/10:where(.dark, .dark *) { background-color: #8d54ff1a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-violet-500\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent) } } .dark\:bg-violet-500\/15:where(.dark, .dark *) { background-color: #8d54ff26 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-violet-500\/15:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent) } } .dark\:bg-violet-900\/30:where(.dark, .dark *) { background-color: #4d179a4d } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-violet-900\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-violet-900) 30%, transparent) } } .dark\:bg-violet-900\/40:where(.dark, .dark *) { background-color: #4d179a66 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-violet-900\/40:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-violet-900) 40%, transparent) } } .dark\:bg-white:where(.dark, .dark *) { background-color: var(--color-white) } .dark\:bg-white\/1:where(.dark, .dark *) { background-color: #ffffff03 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/1:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-white) 1%, transparent) } } .dark\:bg-white\/10:where(.dark, .dark *) { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-white\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .dark\:bg-yellow-500\/60:where(.dark, .dark *) { background-color: #edb20099 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-yellow-500\/60:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-yellow-500) 60%, transparent) } } .dark\:bg-yellow-900:where(.dark, .dark *) { background-color: var(--color-yellow-900) } .dark\:bg-yellow-950:where(.dark, .dark *) { background-color: var(--color-yellow-950) } .dark\:bg-zinc-500\/10:where(.dark, .dark *) { background-color: #71717b1a } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-zinc-500\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) } } .dark\:bg-zinc-800:where(.dark, .dark *) { background-color: var(--color-zinc-800) } .dark\:bg-zinc-900:where(.dark, .dark *) { background-color: var(--color-zinc-900) } .dark\:bg-zinc-900\/60:where(.dark, .dark *) { background-color: #18181b99 } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-zinc-900\/60:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-zinc-900) 60%, transparent) } } .dark\:\[background-image\:var\(--dark-gradient\)\,var\(--aurora\)\]:where(.dark, .dark *) { background-image: var(--dark-gradient), var(--aurora) } .dark\:bg-\[linear-gradient\(\#0a0a0a\,\#0a0a0a\)\,linear-gradient\(\#0a0a0a_50\%\,rgba\(255\,255\,255\,0\.6\)_80\%\,rgba\(0\,0\,0\,0\)\)\,linear-gradient\(90deg\,var\(--color-1\)\,var\(--color-5\)\,var\(--color-3\)\,var\(--color-4\)\,var\(--color-2\)\)\]:where(.dark, .dark *) { background-image: linear-gradient(#0a0a0a, #0a0a0a), linear-gradient(#0a0a0a 50%, #fff9 80%, #0000), linear-gradient(90deg, var(--color-1), var(--color-5), var(--color-3), var(--color-4), var(--color-2)) } .dark\:bg-\[linear-gradient\(\#fff\,\#fff\)\,linear-gradient\(\#fff_50\%\,rgba\(255\,255\,255\,0\.6\)_80\%\,rgba\(0\,0\,0\,0\)\)\,linear-gradient\(90deg\,var\(--color-1\)\,var\(--color-5\)\,var\(--color-3\)\,var\(--color-4\)\,var\(--color-2\)\)\]:where(.dark, .dark *) { background-image: linear-gradient(#fff, #fff), linear-gradient(#fff 50%, #fff9 80%, #0000), linear-gradient(90deg, var(--color-1), var(--color-5), var(--color-3), var(--color-4), var(--color-2)) } .dark\:bg-\[linear-gradient\(to_bottom\,var\(--color-dark\)\,var\(--color-dark\)_50\%\,transparent_0\,transparent\)\]:where(.dark, .dark *) { background-image: linear-gradient(to bottom, var(--color-dark), var(--color-dark) 50%, transparent 0, transparent) } .dark\:bg-\[linear-gradient\(to_right\,var\(--color-dark\)\,var\(--color-dark\)_50\%\,transparent_0\,transparent\)\]:where(.dark, .dark *) { background-image: linear-gradient(to right, var(--color-dark), var(--color-dark) 50%, transparent 0, transparent) } .dark\:bg-\[radial-gradient\(circle_at_0\%_0\%\,--theme\(--color-amber-900\/30\)\,transparent_60\%\)\,radial-gradient\(circle_at_100\%_100\%\,--theme\(--color-rose-900\/30\)\,transparent_60\%\)\]:where(.dark, .dark *) { background-image: radial-gradient(circle at 0 0, #7b3306, #0000 60%), radial-gradient(circle at 100% 100%, #8b0836, #0000 60%) } @supports (color:color-mix(in lab, red, red)) { .dark\:bg-\[radial-gradient\(circle_at_0\%_0\%\,--theme\(--color-amber-900\/30\)\,transparent_60\%\)\,radial-gradient\(circle_at_100\%_100\%\,--theme\(--color-rose-900\/30\)\,transparent_60\%\)\]:where(.dark, .dark *) { background-image: radial-gradient(circle at 0% 0%, color-mix(in oklab, var(--color-amber-900) 3000%, transparent), transparent 60%), radial-gradient(circle at 100% 100%, color-mix(in oklab, var(--color-rose-900) 3000%, transparent), transparent 60%) } } .dark\:bg-\[radial-gradient\(circle_at_center\,white_2px\,transparent_2px\)\]:where(.dark, .dark *) { background-image: radial-gradient(circle, #fff 2px, #0000 2px) } .dark\:bg-\[radial-gradient\(ellipse_70\%_60\%_at_50\%_52\%\,rgb\(0_0_0\/0\.14\)_0\%\,rgb\(0_0_0\/0\.04\)_45\%\,transparent_74\%\)\]:where(.dark, .dark *) { background-image: radial-gradient(70% 60% at 50% 52%, #00000024, #0000000a 45%, #0000 74%) } .dark\:bg-\[url\(\'data\:image\/png\;base64\,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8\/9hAAAALklEQVR4nGP8\+vWrCAMewM3N\/QafPBM\+SWLAqAGDwQBGQgoIpZOB98KoAVQwAADxzQcSVIRCfQAAAABJRU5ErkJggg\=\=\'\)\]:where(.dark, .dark *) { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAALklEQVR4nGP8+vWrCAMewM3N/QafPBM+SWLAqAGDwQBGQgoIpZOB98KoAVQwAADxzQcSVIRCfQAAAABJRU5ErkJggg==) } .dark\:from-amber-950:where(.dark, .dark *) { --tw-gradient-from: var(--color-amber-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:from-background:where(.dark, .dark *) { --tw-gradient-from: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:from-background\/70:where(.dark, .dark *) { --tw-gradient-from: var(--background) } @supports (color:color-mix(in lab, red, red)) { .dark\:from-background\/70:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--background) 70%, transparent) } } .dark\:from-background\/70:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:from-black\/35:where(.dark, .dark *) { --tw-gradient-from: #00000059 } @supports (color:color-mix(in lab, red, red)) { .dark\:from-black\/35:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 35%, transparent) } } .dark\:from-black\/35:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:from-emerald-950\/20:where(.dark, .dark *) { --tw-gradient-from: #002c2233 } @supports (color:color-mix(in lab, red, red)) { .dark\:from-emerald-950\/20:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-950) 20%, transparent) } } .dark\:from-emerald-950\/20:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:from-foreground\/20:where(.dark, .dark *) { --tw-gradient-from: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .dark\:from-foreground\/20:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--foreground) 20%, transparent) } } .dark\:from-foreground\/20:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:from-muted:where(.dark, .dark *) { --tw-gradient-from: var(--muted); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:from-muted\/30:where(.dark, .dark *) { --tw-gradient-from: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .dark\:from-muted\/30:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--muted) 30%, transparent) } } .dark\:from-muted\/30:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:from-neutral-950:where(.dark, .dark *) { --tw-gradient-from: var(--color-neutral-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:from-purple-900:where(.dark, .dark *) { --tw-gradient-from: var(--color-purple-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:from-purple-950:where(.dark, .dark *) { --tw-gradient-from: var(--color-purple-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:from-yellow-400\/15:where(.dark, .dark *) { --tw-gradient-from: #fac80026 } @supports (color:color-mix(in lab, red, red)) { .dark\:from-yellow-400\/15:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--color-yellow-400) 15%, transparent) } } .dark\:from-yellow-400\/15:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:via-background\/50:where(.dark, .dark *) { --tw-gradient-via: var(--background) } @supports (color:color-mix(in lab, red, red)) { .dark\:via-background\/50:where(.dark, .dark *) { --tw-gradient-via: color-mix(in oklab, var(--background) 50%, transparent) } } .dark\:via-background\/50:where(.dark, .dark *) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .dark\:via-emerald-400\/10:where(.dark, .dark *) { --tw-gradient-via: #00d2941a } @supports (color:color-mix(in lab, red, red)) { .dark\:via-emerald-400\/10:where(.dark, .dark *) { --tw-gradient-via: color-mix(in oklab, var(--color-emerald-400) 10%, transparent) } } .dark\:via-emerald-400\/10:where(.dark, .dark *) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .dark\:to-\[\#2A3633\]:where(.dark, .dark *) { --tw-gradient-to: #2a3633; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:to-background:where(.dark, .dark *) { --tw-gradient-to: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:to-muted\/50:where(.dark, .dark *) { --tw-gradient-to: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .dark\:to-muted\/50:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--muted) 50%, transparent) } } .dark\:to-muted\/50:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:to-neutral-800:where(.dark, .dark *) { --tw-gradient-to: var(--color-neutral-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:to-pink-900:where(.dark, .dark *) { --tw-gradient-to: var(--color-pink-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:to-pink-950:where(.dark, .dark *) { --tw-gradient-to: var(--color-pink-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:to-slate-900:where(.dark, .dark *) { --tw-gradient-to: var(--color-slate-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:to-violet-400\/15:where(.dark, .dark *) { --tw-gradient-to: #a685ff26 } @supports (color:color-mix(in lab, red, red)) { .dark\:to-violet-400\/15:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--color-violet-400) 15%, transparent) } } .dark\:to-violet-400\/15:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:to-white\/50:where(.dark, .dark *) { --tw-gradient-to: #ffffff80 } @supports (color:color-mix(in lab, red, red)) { .dark\:to-white\/50:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--color-white) 50%, transparent) } } .dark\:to-white\/50:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .dark\:fill-\[\#262626\]:where(.dark, .dark *) { fill: #262626 } .dark\:fill-\[\#404040\]:where(.dark, .dark *) { fill: #404040 } .dark\:fill-amber-400:where(.dark, .dark *) { fill: var(--color-amber-400) } .dark\:stroke-\[\#404040\]:where(.dark, .dark *) { stroke: #404040 } .dark\:stroke-amber-400:where(.dark, .dark *) { stroke: var(--color-amber-400) } .dark\:stroke-amber-400\/70:where(.dark, .dark *) { stroke: #fcbb00b3 } @supports (color:color-mix(in lab, red, red)) { .dark\:stroke-amber-400\/70:where(.dark, .dark *) { stroke: color-mix(in oklab, var(--color-amber-400) 70%, transparent) } } .dark\:stroke-border\/75:where(.dark, .dark *) { stroke: var(--border) } @supports (color:color-mix(in lab, red, red)) { .dark\:stroke-border\/75:where(.dark, .dark *) { stroke: color-mix(in oklab, var(--border) 75%, transparent) } } .dark\:stroke-neutral-800:where(.dark, .dark *) { stroke: var(--color-neutral-800) } .dark\:text-amber-50:where(.dark, .dark *) { color: var(--color-amber-50) } .dark\:text-amber-100:where(.dark, .dark *) { color: var(--color-amber-100) } .dark\:text-amber-200:where(.dark, .dark *) { color: var(--color-amber-200) } .dark\:text-amber-300:where(.dark, .dark *) { color: var(--color-amber-300) } .dark\:text-amber-400:where(.dark, .dark *) { color: var(--color-amber-400) } .dark\:text-amber-500:where(.dark, .dark *) { color: var(--color-amber-500) } .dark\:text-background:where(.dark, .dark *) { color: var(--background) } .dark\:text-black:where(.dark, .dark *) { color: var(--color-black) } .dark\:text-blue-100:where(.dark, .dark *) { color: var(--color-blue-100) } .dark\:text-blue-200:where(.dark, .dark *) { color: var(--color-blue-200) } .dark\:text-blue-300:where(.dark, .dark *) { color: var(--color-blue-300) } .dark\:text-blue-400:where(.dark, .dark *) { color: var(--color-blue-400) } .dark\:text-emerald-300:where(.dark, .dark *) { color: var(--color-emerald-300) } .dark\:text-emerald-400:where(.dark, .dark *) { color: var(--color-emerald-400) } .dark\:text-emerald-500:where(.dark, .dark *) { color: var(--color-emerald-500) } .dark\:text-foreground:where(.dark, .dark *), .dark\:text-foreground\/50:where(.dark, .dark *) { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .dark\:text-foreground\/50:where(.dark, .dark *) { color: color-mix(in oklab, var(--foreground) 50%, transparent) } } .dark\:text-foreground\/80:where(.dark, .dark *) { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .dark\:text-foreground\/80:where(.dark, .dark *) { color: color-mix(in oklab, var(--foreground) 80%, transparent) } } .dark\:text-gray-300:where(.dark, .dark *) { color: var(--color-gray-300) } .dark\:text-gray-400:where(.dark, .dark *) { color: var(--color-gray-400) } .dark\:text-gray-600:where(.dark, .dark *) { color: var(--color-gray-600) } .dark\:text-green-300:where(.dark, .dark *) { color: var(--color-green-300) } .dark\:text-green-400:where(.dark, .dark *) { color: var(--color-green-400) } .dark\:text-green-500:where(.dark, .dark *) { color: var(--color-green-500) } .dark\:text-indigo-300:where(.dark, .dark *) { color: var(--color-indigo-300) } .dark\:text-muted-foreground:where(.dark, .dark *) { color: var(--muted-foreground) } .dark\:text-neutral-100:where(.dark, .dark *) { color: var(--color-neutral-100) } .dark\:text-neutral-200:where(.dark, .dark *) { color: var(--color-neutral-200) } .dark\:text-neutral-400:where(.dark, .dark *) { color: var(--color-neutral-400) } .dark\:text-orange-100:where(.dark, .dark *) { color: var(--color-orange-100) } .dark\:text-orange-300:where(.dark, .dark *) { color: var(--color-orange-300) } .dark\:text-orange-400:where(.dark, .dark *) { color: var(--color-orange-400) } .dark\:text-primary:where(.dark, .dark *), .dark\:text-primary\/70:where(.dark, .dark *) { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .dark\:text-primary\/70:where(.dark, .dark *) { color: color-mix(in oklab, var(--primary) 70%, transparent) } } .dark\:text-primary\/80:where(.dark, .dark *) { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .dark\:text-primary\/80:where(.dark, .dark *) { color: color-mix(in oklab, var(--primary) 80%, transparent) } } .dark\:text-purple-200:where(.dark, .dark *) { color: var(--color-purple-200) } .dark\:text-purple-400:where(.dark, .dark *) { color: var(--color-purple-400) } .dark\:text-red-100:where(.dark, .dark *) { color: var(--color-red-100) } .dark\:text-red-400:where(.dark, .dark *) { color: var(--color-red-400) } .dark\:text-red-500:where(.dark, .dark *) { color: var(--color-red-500) } .dark\:text-rose-300:where(.dark, .dark *) { color: var(--color-rose-300) } .dark\:text-rose-400:where(.dark, .dark *) { color: var(--color-rose-400) } .dark\:text-sky-300:where(.dark, .dark *) { color: var(--color-sky-300) } .dark\:text-sky-400:where(.dark, .dark *) { color: var(--color-sky-400) } .dark\:text-slate-300:where(.dark, .dark *) { color: var(--color-slate-300) } .dark\:text-transparent:where(.dark, .dark *) { color: #0000 } .dark\:text-violet-300:where(.dark, .dark *) { color: var(--color-violet-300) } .dark\:text-violet-400:where(.dark, .dark *) { color: var(--color-violet-400) } .dark\:text-violet-950:where(.dark, .dark *) { color: var(--color-violet-950) } .dark\:text-white:where(.dark, .dark *) { color: var(--color-white) } .dark\:text-white\/20:where(.dark, .dark *) { color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .dark\:text-white\/20:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .dark\:text-yellow-100:where(.dark, .dark *) { color: var(--color-yellow-100) } .dark\:text-yellow-200:where(.dark, .dark *) { color: var(--color-yellow-200) } .dark\:text-yellow-300:where(.dark, .dark *) { color: var(--color-yellow-300) } .dark\:text-yellow-400:where(.dark, .dark *) { color: var(--color-yellow-400) } .dark\:text-zinc-300:where(.dark, .dark *) { color: var(--color-zinc-300) } .dark\:text-zinc-400:where(.dark, .dark *) { color: var(--color-zinc-400) } .dark\:opacity-20:where(.dark, .dark *) { opacity: .2 } .dark\:opacity-30:where(.dark, .dark *) { opacity: .3 } .dark\:opacity-50:where(.dark, .dark *) { opacity: .5 } .dark\:opacity-60:where(.dark, .dark *) { opacity: .6 } .dark\:opacity-\[0\.2\]:where(.dark, .dark *) { opacity: .2 } .dark\:opacity-\[0\.12\]:where(.dark, .dark *) { opacity: .12 } .dark\:mix-blend-overlay:where(.dark, .dark *) { mix-blend-mode: overlay } .dark\:mix-blend-soft-light:where(.dark, .dark *) { mix-blend-mode: soft-light } .dark\:shadow-\[-0\.65rem_0\.4rem_1\.25rem_-0\.25rem_rgb\(0_0_0\/0\.12\)\]:where(.dark, .dark *) { --tw-shadow: -.65rem .4rem 1.25rem -.25rem var(--tw-shadow-color, #0000001f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[-12px_-14px_28px_rgba\(0\,0\,0\,0\.28\)\]:where(.dark, .dark *) { --tw-shadow: -12px -14px 28px var(--tw-shadow-color, #00000047); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[-24px_-28px_48px_rgba\(0\,0\,0\,0\.45\)\]:where(.dark, .dark *) { --tw-shadow: -24px -28px 48px var(--tw-shadow-color, #00000073); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[0\.65rem_0\.4rem_1\.25rem_-0\.25rem_rgb\(0_0_0\/0\.12\)\]:where(.dark, .dark *) { --tw-shadow: .65rem .4rem 1.25rem -.25rem var(--tw-shadow-color, #0000001f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[0\.65rem_0\.4rem_1\.25rem_-0\.25rem_rgb\(0_0_0\/0\.18\)\]:where(.dark, .dark *) { --tw-shadow: .65rem .4rem 1.25rem -.25rem var(--tw-shadow-color, #0000002e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[0_0\.4rem_1\.25rem_-0\.4rem_rgb\(0_0_0\/0\.14\)\,0_1rem_2\.25rem_-0\.6rem_rgb\(0_0_0\/0\.1\)\]:where(.dark, .dark *) { --tw-shadow: 0 .4rem 1.25rem -.4rem var(--tw-shadow-color, #00000024), 0 1rem 2.25rem -.6rem var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[0_0_0_1px_rgb\(255_255_255\/0\.08\)\,0_2px_4px_-1px_rgb\(0_0_0\/0\.35\)\,0_16px_32px_-6px_rgb\(0_0_0\/0\.55\)\]:where(.dark, .dark *) { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ffffff14), 0 2px 4px -1px var(--tw-shadow-color, #00000059), 0 16px 32px -6px var(--tw-shadow-color, #0000008c); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[0_0_12px_rgba\(255\,255\,255\,0\.1\)\]:where(.dark, .dark *) { --tw-shadow: 0 0 12px var(--tw-shadow-color, #ffffff1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[0_0_15px_rgba\(255\,255\,255\,0\.1\)\]:where(.dark, .dark *) { --tw-shadow: 0 0 15px var(--tw-shadow-color, #ffffff1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[0_0_15px_rgba\(255\,255\,255\,0\.2\)\]:where(.dark, .dark *) { --tw-shadow: 0 0 15px var(--tw-shadow-color, #fff3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[0_0_40px_\#ffffff80\]:where(.dark, .dark *) { --tw-shadow: 0 0 40px var(--tw-shadow-color, #ffffff80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[0_10px_36px_-10px_rgb\(0_0_0\/0\.22\)\,inset_0_-24px_48px_-24px_rgb\(0_0_0\/0\.14\)\]:where(.dark, .dark *) { --tw-shadow: 0 10px 36px -10px var(--tw-shadow-color, #00000038), inset 0 -24px 48px -24px var(--tw-shadow-color, #00000024); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[0_24px_48px_-20px_rgba\(0\,0\,0\,0\.5\)\]:where(.dark, .dark *) { --tw-shadow: 0 24px 48px -20px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[inset_0_-1px_\#10171e\,inset_0_0_0_1px_hsla\(205\,89\%\,46\%\,\.24\)\,_0_4px_8px_\#00000052\]:where(.dark, .dark *) { --tw-shadow: inset 0 -1px var(--tw-shadow-color, #10171e), inset 0 0 0 1px var(--tw-shadow-color, #0d87de3d), 0 4px 8px var(--tw-shadow-color, #00000052); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-\[inset_0_1px_1px_0_rgba\(255\,255\,255\,0\.06\)\]:where(.dark, .dark *) { --tw-shadow: inset 0 1px 1px 0 var(--tw-shadow-color, #ffffff0f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:\[box-shadow\:0_-20px_80px_-20px_\#ffffff1f_inset\]:where(.dark, .dark *) { box-shadow: inset 0 -20px 80px -20px #ffffff1f } .dark\:shadow-black\/35:where(.dark, .dark *) { --tw-shadow-color: #00000059 } @supports (color:color-mix(in lab, red, red)) { .dark\:shadow-black\/35:where(.dark, .dark *) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 35%, transparent) var(--tw-shadow-alpha), transparent) } } .dark\:shadow-white\/\[0\.05\]:where(.dark, .dark *) { --tw-shadow-color: #ffffff0d } @supports (color:color-mix(in lab, red, red)) { .dark\:shadow-white\/\[0\.05\]:where(.dark, .dark *) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 5%, transparent) var(--tw-shadow-alpha), transparent) } } .dark\:ring-amber-400\/20:where(.dark, .dark *) { --tw-ring-color: #fcbb0033 } @supports (color:color-mix(in lab, red, red)) { .dark\:ring-amber-400\/20:where(.dark, .dark *) { --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent) } } .dark\:ring-blue-400\/20:where(.dark, .dark *) { --tw-ring-color: #54a2ff33 } @supports (color:color-mix(in lab, red, red)) { .dark\:ring-blue-400\/20:where(.dark, .dark *) { --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent) } } .dark\:ring-emerald-400\/20:where(.dark, .dark *) { --tw-ring-color: #00d29433 } @supports (color:color-mix(in lab, red, red)) { .dark\:ring-emerald-400\/20:where(.dark, .dark *) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent) } } .dark\:ring-gray-400\/20:where(.dark, .dark *) { --tw-ring-color: #99a1af33 } @supports (color:color-mix(in lab, red, red)) { .dark\:ring-gray-400\/20:where(.dark, .dark *) { --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 20%, transparent) } } .dark\:ring-red-400\/20:where(.dark, .dark *) { --tw-ring-color: #ff656833 } @supports (color:color-mix(in lab, red, red)) { .dark\:ring-red-400\/20:where(.dark, .dark *) { --tw-ring-color: color-mix(in oklab, var(--color-red-400) 20%, transparent) } } .dark\:ring-violet-500\/35:where(.dark, .dark *) { --tw-ring-color: #8d54ff59 } @supports (color:color-mix(in lab, red, red)) { .dark\:ring-violet-500\/35:where(.dark, .dark *) { --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 35%, transparent) } } .dark\:ring-white\/5:where(.dark, .dark *) { --tw-ring-color: #ffffff0d } @supports (color:color-mix(in lab, red, red)) { .dark\:ring-white\/5:where(.dark, .dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent) } } .dark\:invert:where(.dark, .dark *) { --tw-invert: invert(100%); 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, ) } .dark\:invert-0:where(.dark, .dark *) { --tw-invert: invert(0%); 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, ) } .dark\:prose-invert:where(.dark, .dark *) { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders) } .dark\:\[--dt-header-bg\:var\(--card\)\]:where(.dark, .dark *) { --dt-header-bg: var(--card) } .dark\:\[--dt-row-hover-bg\:var\(--muted\)\]:where(.dark, .dark *) { --dt-row-hover-bg: var(--muted) } .dark\:\[--dt-row-selected-bg\:var\(--muted\)\]:where(.dark, .dark *) { --dt-row-selected-bg: var(--muted) } .dark\:\[--dt-row-selected-hover-bg\:color-mix\(in_oklab\,var\(--muted\)_80\%\,var\(--foreground\)_20\%\)\]:where(.dark, .dark *) { --dt-row-selected-hover-bg: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .dark\:\[--dt-row-selected-hover-bg\:color-mix\(in_oklab\,var\(--muted\)_80\%\,var\(--foreground\)_20\%\)\]:where(.dark, .dark *) { --dt-row-selected-hover-bg: color-mix(in oklab, var(--muted) 80%, var(--foreground) 20%) } } .dark\:\[background\:linear-gradient\(to_bottom\,\#374151\,\#1f2937\)\]:where(.dark, .dark *) { background: linear-gradient(#374151, #1f2937) } @media(hover:hover) { .dark\:group-hover\:bg-muted\/70:where(.dark, .dark *):is(:where(.group):hover *) { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .dark\:group-hover\:bg-muted\/70:where(.dark, .dark *):is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--muted) 70%, transparent) } } .dark\:group-hover\:text-gray-100:where(.dark, .dark *):is(:where(.group):hover *) { color: var(--color-gray-100) } } .before\:dark\:from-white\/15:before { content: var(--tw-content) } .dark\:before\:invert:where(.dark, .dark *):before { content: var(--tw-content); --tw-invert: invert(100%); 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, ) } .after\:dark\:\[background-image\:var\(--dark-gradient\)\,var\(--aurora\)\]:after { content: var(--tw-content) } .dark\:after\:mix-blend-lighten:where(.dark, .dark *):after { content: var(--tw-content); mix-blend-mode: lighten } .dark\:after\:invert:where(.dark, .dark *):after { content: var(--tw-content); --tw-invert: invert(100%); 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, ) } @media(hover:hover) { .dark\:hover\:border-neutral-800:where(.dark, .dark *):hover { border-color: var(--color-neutral-800) } .dark\:hover\:bg-accent\/40:where(.dark, .dark *):hover { background-color: var(--accent) } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-accent\/40:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--accent) 40%, transparent) } } .dark\:hover\:bg-accent\/50:where(.dark, .dark *):hover { background-color: var(--accent) } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-accent\/50:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent) } } .dark\:hover\:bg-amber-700:where(.dark, .dark *):hover { background-color: var(--color-amber-700) } .dark\:hover\:bg-amber-950\/20:where(.dark, .dark *):hover { background-color: #46190133 } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-amber-950\/20:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent) } } .dark\:hover\:bg-black:where(.dark, .dark *):hover { background-color: var(--color-black) } .dark\:hover\:bg-black\/50:where(.dark, .dark *):hover { background-color: #00000080 } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-black\/50:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--color-black) 50%, transparent) } } .dark\:hover\:bg-blue-700:where(.dark, .dark *):hover { background-color: var(--color-blue-700) } .dark\:hover\:bg-card:where(.dark, .dark *):hover { background-color: var(--card) } .dark\:hover\:bg-destructive:where(.dark, .dark *):hover, .dark\:hover\:bg-destructive\/30:where(.dark, .dark *):hover { background-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-destructive\/30:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--destructive) 30%, transparent) } } .dark\:hover\:bg-foreground\/8:where(.dark, .dark *):hover { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-foreground\/8:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--foreground) 8%, transparent) } } .dark\:hover\:bg-input\/50:where(.dark, .dark *):hover { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-input\/50:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--input) 50%, transparent) } } .dark\:hover\:bg-muted:where(.dark, .dark *):hover, .dark\:hover\:bg-muted\/25:where(.dark, .dark *):hover { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-muted\/25:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--muted) 25%, transparent) } } .dark\:hover\:bg-muted\/50:where(.dark, .dark *):hover { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-muted\/50:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--muted) 50%, transparent) } } .dark\:hover\:bg-purple-500\/10:where(.dark, .dark *):hover { background-color: #ac4bff1a } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-purple-500\/10:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent) } } .dark\:hover\:bg-purple-500\/25:where(.dark, .dark *):hover { background-color: #ac4bff40 } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-purple-500\/25:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent) } } .dark\:hover\:bg-purple-950\/20:where(.dark, .dark *):hover { background-color: #3c036633 } @supports (color:color-mix(in lab, red, red)) { .dark\:hover\:bg-purple-950\/20:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--color-purple-950) 20%, transparent) } } .dark\:hover\:bg-red-700:where(.dark, .dark *):hover { background-color: var(--color-red-700) } .dark\:hover\:bg-white:where(.dark, .dark *):hover { background-color: var(--color-white) } .dark\:hover\:bg-yellow-600:where(.dark, .dark *):hover { background-color: var(--color-yellow-600) } .dark\:hover\:bg-zinc-800:where(.dark, .dark *):hover { background-color: var(--color-zinc-800) } .dark\:hover\:text-amber-300:where(.dark, .dark *):hover { color: var(--color-amber-300) } .dark\:hover\:text-emerald-300:where(.dark, .dark *):hover { color: var(--color-emerald-300) } .dark\:hover\:text-foreground:where(.dark, .dark *):hover { color: var(--foreground) } .dark\:hover\:text-green-500:where(.dark, .dark *):hover { color: var(--color-green-500) } .dark\:hover\:text-purple-400:where(.dark, .dark *):hover { color: var(--color-purple-400) } .dark\:hover\:text-red-500:where(.dark, .dark *):hover { color: var(--color-red-500) } .dark\:hover\:text-violet-300:where(.dark, .dark *):hover { color: var(--color-violet-300) } .dark\:hover\:text-white:where(.dark, .dark *):hover { color: var(--color-white) } .dark\:hover\:opacity-90:where(.dark, .dark *):hover { opacity: .9 } .dark\:hover\:shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.2\)\]:where(.dark, .dark *):hover { --tw-shadow: 0 0 20px var(--tw-shadow-color, #fff3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:hover\:shadow-\[0_0_25px_rgba\(255\,255\,255\,0\.4\)\]:where(.dark, .dark *):hover { --tw-shadow: 0 0 25px var(--tw-shadow-color, #fff6); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:hover\:shadow-\[0_0_25px_rgba\(255\,255\,255\,0\.15\)\]:where(.dark, .dark *):hover { --tw-shadow: 0 0 25px var(--tw-shadow-color, #ffffff26); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } } .dark\:focus\:bg-muted\/25:where(.dark, .dark *):focus { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .dark\:focus\:bg-muted\/25:where(.dark, .dark *):focus { background-color: color-mix(in oklab, var(--muted) 25%, transparent) } } .dark\:focus-visible\:ring-destructive\/40:where(.dark, .dark *):focus-visible { --tw-ring-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .dark\:focus-visible\:ring-destructive\/40:where(.dark, .dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent) } } .dark\:active\:border-purple-400\/45:where(.dark, .dark *):active { border-color: #c07eff73 } @supports (color:color-mix(in lab, red, red)) { .dark\:active\:border-purple-400\/45:where(.dark, .dark *):active { border-color: color-mix(in oklab, var(--color-purple-400) 45%, transparent) } } .dark\:active\:border-purple-400\/55:where(.dark, .dark *):active { border-color: #c07eff8c } @supports (color:color-mix(in lab, red, red)) { .dark\:active\:border-purple-400\/55:where(.dark, .dark *):active { border-color: color-mix(in oklab, var(--color-purple-400) 55%, transparent) } } .dark\:active\:bg-purple-500\/18:where(.dark, .dark *):active { background-color: #ac4bff2e } @supports (color:color-mix(in lab, red, red)) { .dark\:active\:bg-purple-500\/18:where(.dark, .dark *):active { background-color: color-mix(in oklab, var(--color-purple-500) 18%, transparent) } } .dark\:active\:bg-purple-500\/30:where(.dark, .dark *):active { background-color: #ac4bff4d } @supports (color:color-mix(in lab, red, red)) { .dark\:active\:bg-purple-500\/30:where(.dark, .dark *):active { background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent) } } .dark\:disabled\:bg-input\/80:where(.dark, .dark *):disabled { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { .dark\:disabled\:bg-input\/80:where(.dark, .dark *):disabled { background-color: color-mix(in oklab, var(--input) 80%, transparent) } } .dark\:disabled\:bg-transparent:where(.dark, .dark *):disabled { background-color: #0000 } .dark\:disabled\:bg-zinc-800:where(.dark, .dark *):disabled { background-color: var(--color-zinc-800) } :where([data-slot=tooltip-content]) .dark\:in-data-\[slot\=tooltip-content\]\:bg-background\/10:where(.dark, .dark *) { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { :where([data-slot=tooltip-content]) .dark\:in-data-\[slot\=tooltip-content\]\:bg-background\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--background) 10%, transparent) } } .dark\:has-disabled\:bg-input\/80:where(.dark, .dark *):has(:disabled) { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { .dark\:has-disabled\:bg-input\/80:where(.dark, .dark *):has(:disabled) { background-color: color-mix(in oklab, var(--input) 80%, transparent) } } .dark\:has-aria-invalid\:border-destructive\/50:where(.dark, .dark *):has([aria-invalid=true]) { border-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .dark\:has-aria-invalid\:border-destructive\/50:where(.dark, .dark *):has([aria-invalid=true]) { border-color: color-mix(in oklab, var(--destructive) 50%, transparent) } } .dark\:has-aria-invalid\:ring-destructive\/40:where(.dark, .dark *):has([aria-invalid=true]) { --tw-ring-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .dark\:has-aria-invalid\:ring-destructive\/40:where(.dark, .dark *):has([aria-invalid=true]) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent) } } .dark\:has-data-checked\:border-primary\/20:where(.dark, .dark *):has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { border-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .dark\:has-data-checked\:border-primary\/20:where(.dark, .dark *):has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { border-color: color-mix(in oklab, var(--primary) 20%, transparent) } } .dark\:has-data-checked\:bg-background:where(.dark, .dark *):has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { background-color: var(--background) } .dark\:has-data-checked\:bg-primary:where(.dark, .dark *):has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))), .dark\:has-data-checked\:bg-primary\/10:where(.dark, .dark *):has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .dark\:has-data-checked\:bg-primary\/10:where(.dark, .dark *):has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { background-color: color-mix(in oklab, var(--primary) 10%, transparent) } } .dark\:has-data-checked\:bg-transparent:where(.dark, .dark *):has(:where([data-state=checked]), :where([data-checked]:not([data-checked=false]))) { background-color: #0000 } .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:where(.dark, .dark *):has([data-slot][aria-invalid=true]) { --tw-ring-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:where(.dark, .dark *):has([data-slot][aria-invalid=true]) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent) } } .dark\:aria-invalid\:border-destructive\/50:where(.dark, .dark *)[aria-invalid=true] { border-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .dark\:aria-invalid\:border-destructive\/50:where(.dark, .dark *)[aria-invalid=true] { border-color: color-mix(in oklab, var(--destructive) 50%, transparent) } } .dark\:aria-invalid\:ring-destructive\/40:where(.dark, .dark *)[aria-invalid=true] { --tw-ring-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .dark\:aria-invalid\:ring-destructive\/40:where(.dark, .dark *)[aria-invalid=true] { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent) } } .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:where(.dark, .dark *)[data-active=true][aria-invalid=true] { --tw-ring-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:where(.dark, .dark *)[data-active=true][aria-invalid=true] { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent) } } .dark\:data-\[level\=\"0\"\]\:fill-\[\#161b22\]:where(.dark, .dark *)[data-level="0"] { fill: #161b22 } .dark\:data-\[level\=\"1\"\]\:fill-\[\#0e4429\]:where(.dark, .dark *)[data-level="1"] { fill: #0e4429 } .dark\:data-\[level\=\"2\"\]\:fill-\[\#006d32\]:where(.dark, .dark *)[data-level="2"] { fill: #006d32 } .dark\:data-\[level\=\"3\"\]\:fill-\[\#26a641\]:where(.dark, .dark *)[data-level="3"] { fill: #26a641 } .dark\:data-\[level\=\"4\"\]\:fill-\[\#39d353\]:where(.dark, .dark *)[data-level="4"] { fill: #39d353 } .dark\:data-\[level\=\'0\'\]\:fill-\[\#161b22\]:where(.dark, .dark *)[data-level="0"] { fill: #161b22 } .dark\:data-\[level\=\'1\'\]\:fill-\[\#0a3069\]:where(.dark, .dark *)[data-level="1"] { fill: #0a3069 } .dark\:data-\[level\=\'2\'\]\:fill-\[\#0969da\]:where(.dark, .dark *)[data-level="2"] { fill: #0969da } .dark\:data-\[level\=\'3\'\]\:fill-\[\#54aeff\]:where(.dark, .dark *)[data-level="3"] { fill: #54aeff } .dark\:data-\[level\=\'4\'\]\:fill-\[\#b6e3ff\]:where(.dark, .dark *)[data-level="4"] { fill: #b6e3ff } .dark\:data-\[selected\=true\]\:bg-muted\/40:where(.dark, .dark *)[data-selected=true] { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .dark\:data-\[selected\=true\]\:bg-muted\/40:where(.dark, .dark *)[data-selected=true] { background-color: color-mix(in oklab, var(--muted) 40%, transparent) } } .dark\:data-\[state\=active\]\:\!bg-transparent:where(.dark, .dark *)[data-state=active] { background-color: #0000 !important } .dark\:data-\[state\=active\]\:text-white:where(.dark, .dark *)[data-state=active] { color: var(--color-white) } .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark, .dark *)[data-variant=destructive]:focus { background-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark, .dark *)[data-variant=destructive]:focus { background-color: color-mix(in oklab, var(--destructive) 20%, transparent) } } @media(min-width:48rem) { .dark\:md\:block:where(.dark, .dark *) { display: block } } @media(min-width:64rem) { .dark\:lg\:text-primary:where(.dark, .dark *) { color: var(--primary) } } @media(min-width:80rem) { .xl\:dark\:shadow-\[-24px_-28px_48px_rgba\(0\,0\,0\,0\.45\)\]:where(.dark, .dark *) { --tw-shadow: -24px -28px 48px var(--tw-shadow-color, #00000073); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } } .prose-headings\:scroll-m-20 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *)) { scroll-margin: calc(var(--spacing) * 20) } .prose-headings\:tracking-tight :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *)) { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight) } .prose-headings\:text-foreground :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--foreground) } .prose-h1\:mb-6 :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: calc(var(--spacing) * 6) } .prose-h1\:text-2xl :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .prose-h1\:text-3xl :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .prose-h1\:font-bold :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } .prose-h1\:font-semibold :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .prose-h1\:tracking-tight :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight) } @media(min-width:64rem) { .lg\:prose-h1\:text-3xl :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } } .prose-h2\:mt-10 :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: calc(var(--spacing) * 10) } .prose-h2\:mb-4 :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: calc(var(--spacing) * 4) } .prose-h2\:scroll-m-10 :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { scroll-margin: calc(var(--spacing) * 10) } .prose-h2\:border-b :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .prose-h2\:pb-2 :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-bottom: calc(var(--spacing) * 2) } .prose-h2\:text-2xl :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .prose-h2\:text-xl :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .prose-h2\:font-semibold :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .prose-h3\:mt-8 :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: calc(var(--spacing) * 8) } .prose-h3\:mt-14 :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: calc(var(--spacing) * 14) } .prose-h3\:mb-3 :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: calc(var(--spacing) * 3) } .prose-h3\:scroll-mt-14 :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) { scroll-margin-top: calc(var(--spacing) * 14) } .prose-h3\:text-lg :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .prose-h3\:text-xl :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .prose-h3\:font-semibold :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .prose-h4\:mt-6 :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: calc(var(--spacing) * 6) } .prose-h4\:mb-2 :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-bottom: calc(var(--spacing) * 2) } .prose-h4\:text-lg :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .prose-h4\:font-semibold :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .prose-p\:leading-7 :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7) } .prose-p\:text-muted-foreground :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--muted-foreground) } .prose-a\:text-primary :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--primary) } .prose-a\:underline :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) { text-decoration-line: underline } .prose-a\:underline-offset-4 :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) { text-underline-offset: 4px } @media(hover:hover) { .hover\:prose-a\:text-primary\/80:hover :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .hover\:prose-a\:text-primary\/80:hover :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) { color: color-mix(in oklab, var(--primary) 80%, transparent) } } } .prose-blockquote\:mt-6 :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-top: calc(var(--spacing) * 6) } .prose-blockquote\:border-l-2 :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) { border-left-style: var(--tw-border-style); border-left-width: 2px } .prose-blockquote\:border-primary :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) { border-color: var(--primary) } .prose-blockquote\:border-l-primary :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) { border-left-color: var(--primary) } .prose-blockquote\:pl-6 :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) { padding-left: calc(var(--spacing) * 6) } .prose-blockquote\:text-muted-foreground :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--muted-foreground) } .prose-blockquote\:italic :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) { font-style: italic } .prose-strong\:text-foreground :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-em\:text-foreground :where(em):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--foreground) } .prose-pre\:my-4 :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-block: calc(var(--spacing) * 4) } .prose-pre\:max-w-full :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { max-width: 100% } .prose-pre\:overflow-x-auto :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { overflow-x: auto } .prose-pre\:rounded-lg :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { border-radius: var(--radius) } .prose-pre\:border :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { border-style: var(--tw-border-style); border-width: 1px } .prose-pre\:bg-zinc-950 :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { background-color: var(--color-zinc-950) } .prose-pre\:p-4 :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { padding: calc(var(--spacing) * 4) } .prose-pre\:whitespace-pre-wrap :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { white-space: pre-wrap } .dark\:prose-pre\:bg-zinc-900:where(.dark, .dark *) :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) { background-color: var(--color-zinc-900) } .prose-ol\:text-muted-foreground :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-ul\:text-muted-foreground :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)), .prose-li\:text-muted-foreground :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) { color: var(--muted-foreground) } .prose-li\:marker\:text-muted-foreground :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) ::marker { color: var(--muted-foreground) } .prose-li\:marker\:text-muted-foreground :where(li):not(:where([class~=not-prose], [class~=not-prose] *))::marker { color: var(--muted-foreground) } .prose-li\:marker\:text-muted-foreground :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) ::-webkit-details-marker { color: var(--muted-foreground) } .prose-li\:marker\:text-muted-foreground :where(li):not(:where([class~=not-prose], [class~=not-prose] *))::-webkit-details-marker { color: var(--muted-foreground) } .prose-img\:my-6 :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) { margin-block: calc(var(--spacing) * 6) } .prose-img\:rounded-lg :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) { border-radius: var(--radius) } .prose-img\:border :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) { border-style: var(--tw-border-style); border-width: 1px } .data-open\:animate-accordion-down:where([data-state=open]), .data-open\:animate-accordion-down:where([data-open]:not([data-open=false])) { animation: .2s ease-out accordion-down } .data-open\:animate-in:where([data-state=open]), .data-open\:animate-in:where([data-open]:not([data-open=false])) { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-open\:bg-accent:where([data-state=open]), .data-open\:bg-accent:where([data-open]:not([data-open=false])) { background-color: var(--accent) } .data-open\:bg-muted\/50:where([data-state=open]), .data-open\:bg-muted\/50:where([data-open]:not([data-open=false])) { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .data-open\:bg-muted\/50:where([data-state=open]), .data-open\:bg-muted\/50:where([data-open]:not([data-open=false])) { background-color: color-mix(in oklab, var(--muted) 50%, transparent) } } .data-open\:text-accent-foreground:where([data-state=open]), .data-open\:text-accent-foreground:where([data-open]:not([data-open=false])) { color: var(--accent-foreground) } .data-open\:fade-in-0:where([data-state=open]), .data-open\:fade-in-0:where([data-open]:not([data-open=false])) { --tw-enter-opacity: 0 } .data-open\:zoom-in-90:where([data-state=open]), .data-open\:zoom-in-90:where([data-open]:not([data-open=false])) { --tw-enter-scale: .9 } .data-open\:zoom-in-95:where([data-state=open]), .data-open\:zoom-in-95:where([data-open]:not([data-open=false])) { --tw-enter-scale: .95 } .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-state=open]), .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-open]:not([data-open=false])) { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-state=open]), .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-open]:not([data-open=false])) { --tw-enter-opacity: 0 } .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-state=open]), .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-open]:not([data-open=false])) { --tw-enter-scale: .95 } @media(hover:hover) { :is(.data-open\:hover\:bg-muted:where([data-state=open]), .data-open\:hover\:bg-muted:where([data-open]:not([data-open=false]))):hover { background-color: var(--muted) } :is(.data-open\:hover\:bg-sidebar-accent:where([data-state=open]), .data-open\:hover\:bg-sidebar-accent:where([data-open]:not([data-open=false]))):hover { background-color: var(--sidebar-accent) } :is(.data-open\:hover\:text-sidebar-accent-foreground:where([data-state=open]), .data-open\:hover\:text-sidebar-accent-foreground:where([data-open]:not([data-open=false]))):hover { color: var(--sidebar-accent-foreground) } } :is(.data-open\:focus\:bg-muted:where([data-state=open]), .data-open\:focus\:bg-muted:where([data-open]:not([data-open=false]))):focus { background-color: var(--muted) } .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side=bottom]:where([data-state=open]), .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side=bottom]:where([data-open]:not([data-open=false])) { --tw-enter-translate-y: 10% } .data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side=left]:where([data-state=open]), .data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side=left]:where([data-open]:not([data-open=false])) { --tw-enter-translate-x: -10% } .data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side=right]:where([data-state=open]), .data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side=right]:where([data-open]:not([data-open=false])) { --tw-enter-translate-x: 10% } .data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side=top]:where([data-state=open]), .data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side=top]:where([data-open]:not([data-open=false])) { --tw-enter-translate-y: -10% } .data-closed\:animate-accordion-up:where([data-state=closed]), .data-closed\:animate-accordion-up:where([data-closed]:not([data-closed=false])) { animation: .2s ease-out accordion-up } .data-closed\:animate-out:where([data-state=closed]), .data-closed\:animate-out:where([data-closed]:not([data-closed=false])) { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .data-closed\:overflow-hidden:where([data-state=closed]), .data-closed\:overflow-hidden:where([data-closed]:not([data-closed=false])) { overflow: hidden } .data-closed\:fade-out-0:where([data-state=closed]), .data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])) { --tw-exit-opacity: 0 } .data-closed\:zoom-out-95:where([data-state=closed]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])) { --tw-exit-scale: .95 } .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-state=closed]), .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-closed]:not([data-closed=false])) { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none) } .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-state=closed]), .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-closed]:not([data-closed=false])) { --tw-exit-opacity: 0 } .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-state=closed]), .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *):where([data-closed]:not([data-closed=false])) { --tw-exit-scale: .95 } .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side=bottom]:where([data-state=closed]), .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side=bottom]:where([data-closed]:not([data-closed=false])) { --tw-exit-translate-y: 10% } .data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side=left]:where([data-state=closed]), .data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side=left]:where([data-closed]:not([data-closed=false])) { --tw-exit-translate-x: -10% } .data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side=right]:where([data-state=closed]), .data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side=right]:where([data-closed]:not([data-closed=false])) { --tw-exit-translate-x: 10% } .data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side=top]:where([data-state=closed]), .data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side=top]:where([data-closed]:not([data-closed=false])) { --tw-exit-translate-y: -10% } .data-checked\:border-primary:where([data-state=checked]), .data-checked\:border-primary:where([data-checked]:not([data-checked=false])) { border-color: var(--primary) } .data-checked\:bg-primary:where([data-state=checked]), .data-checked\:bg-primary:where([data-checked]:not([data-checked=false])) { background-color: var(--primary) } .data-checked\:text-primary-foreground:where([data-state=checked]), .data-checked\:text-primary-foreground:where([data-checked]:not([data-checked=false])) { color: var(--primary-foreground) } .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=default] *):where([data-state=checked]), .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=default] *):where([data-checked]:not([data-checked=false])), .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=sm] *):where([data-state=checked]), .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=sm] *):where([data-checked]:not([data-checked=false])) { --tw-translate-x: calc(100% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y) } .dark\:data-checked\:bg-primary:where(.dark, .dark *):where([data-state=checked]), .dark\:data-checked\:bg-primary:where(.dark, .dark *):where([data-checked]:not([data-checked=false])) { background-color: var(--primary) } .dark\:data-checked\:bg-primary-foreground:where(.dark, .dark *):where([data-state=checked]), .dark\:data-checked\:bg-primary-foreground:where(.dark, .dark *):where([data-checked]:not([data-checked=false])) { background-color: var(--primary-foreground) } .data-unchecked\:bg-input:where([data-state=unchecked]), .data-unchecked\:bg-input:where([data-unchecked]:not([data-unchecked=false])) { background-color: var(--input) } .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=default] *):where([data-state=unchecked]), .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=default] *):where([data-unchecked]:not([data-unchecked=false])), .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=sm] *):where([data-state=unchecked]), .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=sm] *):where([data-unchecked]:not([data-unchecked=false])) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .dark\:data-unchecked\:bg-foreground:where(.dark, .dark *):where([data-state=unchecked]), .dark\:data-unchecked\:bg-foreground:where(.dark, .dark *):where([data-unchecked]:not([data-unchecked=false])) { background-color: var(--foreground) } .dark\:data-unchecked\:bg-input\/80:where(.dark, .dark *):where([data-state=unchecked]), .dark\:data-unchecked\:bg-input\/80:where(.dark, .dark *):where([data-unchecked]:not([data-unchecked=false])) { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { .dark\:data-unchecked\:bg-input\/80:where(.dark, .dark *):where([data-state=unchecked]), .dark\:data-unchecked\:bg-input\/80:where(.dark, .dark *):where([data-unchecked]:not([data-unchecked=false])) { background-color: color-mix(in oklab, var(--input) 80%, transparent) } } .data-selected\:bg-muted:where([data-selected=true]) { background-color: var(--muted) } .data-selected\:text-foreground:where([data-selected=true]) { color: var(--foreground) } .data-disabled\:pointer-events-none:where([data-disabled=true]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])) { pointer-events: none } .data-disabled\:cursor-not-allowed:where([data-disabled=true]), .data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled=false])) { cursor: not-allowed } .data-disabled\:opacity-50:where([data-disabled=true]), .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])) { opacity: .5 } .data-active\:\!border-transparent:where([data-state=active]), .data-active\:\!border-transparent:where([data-active]:not([data-active=false])) { border-color: #0000 !important } .data-active\:bg-background:where([data-state=active]), .data-active\:bg-background:where([data-active]:not([data-active=false])) { background-color: var(--background) } .data-active\:bg-muted\/50:where([data-state=active]), .data-active\:bg-muted\/50:where([data-active]:not([data-active=false])) { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .data-active\:bg-muted\/50:where([data-state=active]), .data-active\:bg-muted\/50:where([data-active]:not([data-active=false])) { background-color: color-mix(in oklab, var(--muted) 50%, transparent) } } .data-active\:bg-primary:where([data-state=active]), .data-active\:bg-primary:where([data-active]:not([data-active=false])) { background-color: var(--primary) } .data-active\:bg-sidebar-accent:where([data-state=active]), .data-active\:bg-sidebar-accent:where([data-active]:not([data-active=false])) { background-color: var(--sidebar-accent) } .data-active\:bg-transparent:where([data-state=active]), .data-active\:bg-transparent:where([data-active]:not([data-active=false])) { background-color: #0000 } .data-active\:font-medium:where([data-state=active]), .data-active\:font-medium:where([data-active]:not([data-active=false])) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } .data-active\:text-foreground:where([data-state=active]), .data-active\:text-foreground:where([data-active]:not([data-active=false])) { color: var(--foreground) } .data-active\:text-primary:where([data-state=active]), .data-active\:text-primary:where([data-active]:not([data-active=false])) { color: var(--primary) } .data-active\:text-primary-foreground:where([data-state=active]), .data-active\:text-primary-foreground:where([data-active]:not([data-active=false])) { color: var(--primary-foreground) } .data-active\:text-sidebar-accent-foreground:where([data-state=active]), .data-active\:text-sidebar-accent-foreground:where([data-active]:not([data-active=false])) { color: var(--sidebar-accent-foreground) } .data-active\:underline:where([data-state=active]), .data-active\:underline:where([data-active]:not([data-active=false])) { text-decoration-line: underline } .data-active\:underline-offset-8:where([data-state=active]), .data-active\:underline-offset-8:where([data-active]:not([data-active=false])) { text-underline-offset: 8px } .data-active\:opacity-100:where([data-state=active]), .data-active\:opacity-100:where([data-active]:not([data-active=false])) { opacity: 1 } .data-active\:\!shadow-none:where([data-state=active]), .data-active\:\!shadow-none:where([data-active]:not([data-active=false])) { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .data-active\:shadow-none:where([data-state=active]), .data-active\:shadow-none:where([data-active]:not([data-active=false])) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .data-active\:shadow-none\!:where([data-state=active]), .data-active\:shadow-none\!:where([data-active]:not([data-active=false])) { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .group-data-\[variant\=default\]\/tabs-list\:data-active\:border-primary:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]), .group-data-\[variant\=default\]\/tabs-list\:data-active\:border-primary:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])) { border-color: var(--primary) } .group-data-\[variant\=default\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]), .group-data-\[variant\=default\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])) { background-color: #0000 } .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]), .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]), .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])) { --tw-shadow: var(--shadow-sm); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])) { background-color: #0000 } .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } :is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-20:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-20:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after { content: var(--tw-content); opacity: .2 } :is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after { content: var(--tw-content); opacity: 1 } @media(hover:hover) { :is(.data-active\:hover\:bg-muted:where([data-state=active]), .data-active\:hover\:bg-muted:where([data-active]:not([data-active=false]))):hover { background-color: var(--muted) } .hover\:data-active\:text-primary-foreground:hover:where([data-state=active]), .hover\:data-active\:text-primary-foreground:hover:where([data-active]:not([data-active=false])) { color: var(--primary-foreground) } } :is(.data-active\:focus\:bg-muted:where([data-state=active]), .data-active\:focus\:bg-muted:where([data-active]:not([data-active=false]))):focus { background-color: var(--muted) } .dark\:data-active\:border-input:where(.dark, .dark *):where([data-state=active]), .dark\:data-active\:border-input:where(.dark, .dark *):where([data-active]:not([data-active=false])) { border-color: var(--input) } .dark\:data-active\:border-transparent:where(.dark, .dark *):where([data-state=active]), .dark\:data-active\:border-transparent:where(.dark, .dark *):where([data-active]:not([data-active=false])) { border-color: #0000 } .dark\:data-active\:bg-input\/30:where(.dark, .dark *):where([data-state=active]), .dark\:data-active\:bg-input\/30:where(.dark, .dark *):where([data-active]:not([data-active=false])) { background-color: var(--input) } @supports (color:color-mix(in lab, red, red)) { .dark\:data-active\:bg-input\/30:where(.dark, .dark *):where([data-state=active]), .dark\:data-active\:bg-input\/30:where(.dark, .dark *):where([data-active]:not([data-active=false])) { background-color: color-mix(in oklab, var(--input) 30%, transparent) } } .dark\:data-active\:bg-transparent:where(.dark, .dark *):where([data-state=active]), .dark\:data-active\:bg-transparent:where(.dark, .dark *):where([data-active]:not([data-active=false])) { background-color: #0000 } .dark\:data-active\:text-foreground:where(.dark, .dark *):where([data-state=active]), .dark\:data-active\:text-foreground:where(.dark, .dark *):where([data-active]:not([data-active=false])) { color: var(--foreground) } .dark\:group-data-\[variant\=default\]\/tabs-list\:data-active\:border-none:where(.dark, .dark *):is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]), .dark\:group-data-\[variant\=default\]\/tabs-list\:data-active\:border-none:where(.dark, .dark *):is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])) { --tw-border-style: none; border-style: none } .dark\:group-data-\[variant\=default\]\/tabs-list\:data-active\:bg-transparent:where(.dark, .dark *):is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]), .dark\:group-data-\[variant\=default\]\/tabs-list\:data-active\:bg-transparent:where(.dark, .dark *):is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])) { background-color: #0000 } .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:where(.dark, .dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:where(.dark, .dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])) { border-color: #0000 } .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:where(.dark, .dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:where(.dark, .dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])) { background-color: #0000 } .data-horizontal\:mx-px:where([data-orientation=horizontal]) { margin-inline: 1px } .data-horizontal\:h-0:where([data-orientation=horizontal]) { height: calc(var(--spacing) * 0) } .data-horizontal\:h-1:where([data-orientation=horizontal]) { height: calc(var(--spacing) * 1) } .data-horizontal\:h-1\.5:where([data-orientation=horizontal]) { height: calc(var(--spacing) * 1.5) } .data-horizontal\:h-2\.5:where([data-orientation=horizontal]) { height: calc(var(--spacing) * 2.5) } .data-horizontal\:h-3:where([data-orientation=horizontal]) { height: calc(var(--spacing) * 3) } .data-horizontal\:h-full:where([data-orientation=horizontal]) { height: 100% } .data-horizontal\:h-px:where([data-orientation=horizontal]) { height: 1px } .data-horizontal\:w-auto:where([data-orientation=horizontal]) { width: auto } .data-horizontal\:w-full:where([data-orientation=horizontal]) { width: 100% } .data-horizontal\:flex-col:where([data-orientation=horizontal]) { flex-direction: column } .data-horizontal\:border-t:where([data-orientation=horizontal]) { border-top-style: var(--tw-border-style); border-top-width: 1px } .data-horizontal\:border-t-transparent:where([data-orientation=horizontal]) { border-top-color: #0000 } .data-vertical\:my-px:where([data-orientation=vertical]) { margin-block: 1px } .data-vertical\:h-auto:where([data-orientation=vertical]) { height: auto } .data-vertical\:h-full:where([data-orientation=vertical]) { height: 100% } .data-vertical\:min-h-40:where([data-orientation=vertical]) { min-height: calc(var(--spacing) * 40) } .data-vertical\:w-1:where([data-orientation=vertical]) { width: calc(var(--spacing) * 1) } .data-vertical\:w-1\.5:where([data-orientation=vertical]) { width: calc(var(--spacing) * 1.5) } .data-vertical\:w-2\.5:where([data-orientation=vertical]) { width: calc(var(--spacing) * 2.5) } .data-vertical\:w-3:where([data-orientation=vertical]) { width: calc(var(--spacing) * 3) } .data-vertical\:w-auto:where([data-orientation=vertical]) { width: auto } .data-vertical\:w-full:where([data-orientation=vertical]) { width: 100% } .data-vertical\:w-px:where([data-orientation=vertical]) { width: 1px } .data-vertical\:flex-col:where([data-orientation=vertical]) { flex-direction: column } .data-vertical\:items-stretch:where([data-orientation=vertical]) { align-items: stretch } .data-vertical\:self-stretch:where([data-orientation=vertical]) { align-self: stretch } .data-vertical\:border-l:where([data-orientation=vertical]) { border-left-style: var(--tw-border-style); border-left-width: 1px } .data-vertical\:border-l-transparent:where([data-orientation=vertical]) { border-left-color: #0000 } .\[\&_\*\]\:pointer-events-none * { pointer-events: none } .\[\&_\*\]\:border-0 * { border-style: var(--tw-border-style); border-width: 0 } .\[\&_\*\]\:\!text-foreground * { color: var(--foreground) !important } .\[\&_\*\]\:\!text-shadow-none * { text-shadow: none !important } .\[\&_\.ProseMirror\]\:min-h-40 .ProseMirror { min-height: calc(var(--spacing) * 40) } .\[\&_\.ProseMirror\]\:min-h-48 .ProseMirror { min-height: calc(var(--spacing) * 48) } .\[\&_\.ProseMirror\]\:min-h-72 .ProseMirror { min-height: calc(var(--spacing) * 72) } .\[\&_\.ProseMirror\]\:p-4 .ProseMirror { padding: calc(var(--spacing) * 4) } .\[\&_\.ProseMirror-focused\]\:outline-none .ProseMirror-focused { --tw-outline-style: none; outline-style: none } .\[\&_\.container\]\:mx-0 .container { margin-inline: calc(var(--spacing) * 0) } .\[\&_\.container\]\:w-full .container { width: 100% } .\[\&_\.container\]\:max-w-none .container { max-width: none } .\[\&_\.container\]\:px-0 .container { padding-inline: calc(var(--spacing) * 0) } .\[\&_\.flex-col\]\:gap-4 .flex-col { gap: calc(var(--spacing) * 4) } @media(min-width:48rem) { .md\:\[\&_\.flex-col\]\:gap-6 .flex-col { gap: calc(var(--spacing) * 6) } } .\[\&_\.grid\]\:gap-4 .grid { gap: calc(var(--spacing) * 4) } @media(min-width:48rem) { .md\:\[\&_\.grid\]\:gap-6 .grid { gap: calc(var(--spacing) * 6) } } .\[\&_\.grid\>div\]\:\!rounded-xl .grid>div { border-radius: calc(var(--radius) + 4px) !important } .\[\&_\.grid\>div\]\:\!border-border .grid>div { border-color: var(--border) !important } .\[\&_\.highlighted-word\]\:bg-blue-50 .highlighted-word { background-color: var(--color-blue-50) } .dark\:\[\&_\.highlighted-word\]\:\!bg-blue-500\/10:where(.dark, .dark *) .highlighted-word { background-color: #3080ff1a !important } @supports (color:color-mix(in lab, red, red)) { .dark\:\[\&_\.highlighted-word\]\:\!bg-blue-500\/10:where(.dark, .dark *) .highlighted-word { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent) !important } } .\[\&_\.hljs-addition\]\:bg-\[\#f0fff4\] .hljs-addition { background-color: #f0fff4 } .\[\&_\.hljs-addition\]\:text-\[\#22863a\] .hljs-addition { color: #22863a } .\[\&_\.hljs-attr\]\:text-\[\#005cc5\] .hljs-attr, .\[\&_\.hljs-attribute\]\:text-\[\#005cc5\] .hljs-attribute { color: #005cc5 } .\[\&_\.hljs-built_in\]\:text-\[\#e36209\] .hljs-built in { color: #e36209 } .\[\&_\.hljs-bullet\]\:text-\[\#735c0f\] .hljs-bullet { color: #735c0f } .\[\&_\.hljs-code\]\:text-\[\#6a737d\] .hljs-code, .\[\&_\.hljs-comment\]\:text-\[\#6a737d\] .hljs-comment { color: #6a737d } .\[\&_\.hljs-deletion\]\:bg-\[\#ffeef0\] .hljs-deletion { background-color: #ffeef0 } .\[\&_\.hljs-deletion\]\:text-\[\#b31d28\] .hljs-deletion { color: #b31d28 } .\[\&_\.hljs-doctag\]\:text-\[\#d73a49\] .hljs-doctag { color: #d73a49 } .\[\&_\.hljs-emphasis\]\:text-\[\#24292e\] .hljs-emphasis { color: #24292e } .\[\&_\.hljs-emphasis\]\:italic .hljs-emphasis { font-style: italic } .\[\&_\.hljs-formula\]\:text-\[\#6a737d\] .hljs-formula { color: #6a737d } .\[\&_\.hljs-keyword\]\:text-\[\#d73a49\] .hljs-keyword { color: #d73a49 } .\[\&_\.hljs-literal\]\:text-\[\#005cc5\] .hljs-literal, .\[\&_\.hljs-meta\]\:text-\[\#005cc5\] .hljs-meta { color: #005cc5 } .\[\&_\.hljs-meta_\.hljs-keyword\]\:text-\[\#d73a49\] .hljs-meta .hljs-keyword { color: #d73a49 } .\[\&_\.hljs-meta_\.hljs-string\]\:text-\[\#032f62\] .hljs-meta .hljs-string { color: #032f62 } .\[\&_\.hljs-name\]\:text-\[\#22863a\] .hljs-name { color: #22863a } .\[\&_\.hljs-number\]\:text-\[\#005cc5\] .hljs-number, .\[\&_\.hljs-operator\]\:text-\[\#005cc5\] .hljs-operator { color: #005cc5 } .\[\&_\.hljs-quote\]\:text-\[\#22863a\] .hljs-quote { color: #22863a } .\[\&_\.hljs-regexp\]\:text-\[\#032f62\] .hljs-regexp { color: #032f62 } .\[\&_\.hljs-section\]\:font-bold .hljs-section { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } .\[\&_\.hljs-section\]\:text-\[\#005cc5\] .hljs-section, .\[\&_\.hljs-selector-attr\]\:text-\[\#005cc5\] .hljs-selector-attr, .\[\&_\.hljs-selector-class\]\:text-\[\#005cc5\] .hljs-selector-class, .\[\&_\.hljs-selector-id\]\:text-\[\#005cc5\] .hljs-selector-id { color: #005cc5 } .\[\&_\.hljs-selector-pseudo\]\:text-\[\#22863a\] .hljs-selector-pseudo, .\[\&_\.hljs-selector-tag\]\:text-\[\#22863a\] .hljs-selector-tag { color: #22863a } .\[\&_\.hljs-string\]\:text-\[\#032f62\] .hljs-string { color: #032f62 } .\[\&_\.hljs-strong\]\:font-bold .hljs-strong { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } .\[\&_\.hljs-strong\]\:text-\[\#24292e\] .hljs-strong, .\[\&_\.hljs-subst\]\:text-\[\#24292e\] .hljs-subst { color: #24292e } .\[\&_\.hljs-symbol\]\:text-\[\#e36209\] .hljs-symbol { color: #e36209 } .\[\&_\.hljs-template-tag\]\:text-\[\#d73a49\] .hljs-template-tag, .\[\&_\.hljs-template-variable\]\:text-\[\#d73a49\] .hljs-template-variable { color: #d73a49 } .\[\&_\.hljs-title\]\:text-\[\#6f42c1\] .hljs-title, .\[\&_\.hljs-title\.class_\]\:text-\[\#6f42c1\] .hljs-title.class, .\[\&_\.hljs-title\.class_\.inherited__\]\:text-\[\#6f42c1\] .hljs-title.class .inherited, .\[\&_\.hljs-title\.function_\]\:text-\[\#6f42c1\] .hljs-title.function { color: #6f42c1 } .\[\&_\.hljs-type\]\:text-\[\#d73a49\] .hljs-type { color: #d73a49 } .\[\&_\.hljs-variable\]\:text-\[\#005cc5\] .hljs-variable { color: #005cc5 } .\[\&_\.hljs-variable\.language_\]\:text-\[\#d73a49\] .hljs-variable.language { color: #d73a49 } .\[\&_\.line\]\:relative .line { position: relative } .\[\&_\.line\]\:w-full .line { width: 100% } .\[\&_\.line\]\:px-4 .line { padding-inline: calc(var(--spacing) * 4) } .\[\&_\.line\]\:before\:mr-4 .line:before { content: var(--tw-content); margin-right: calc(var(--spacing) * 4) } .\[\&_\.line\]\:before\:inline-block .line:before { content: var(--tw-content); display: inline-block } .\[\&_\.line\]\:before\:w-4 .line:before { content: var(--tw-content); width: calc(var(--spacing) * 4) } .\[\&_\.line\]\:before\:text-right .line:before { content: var(--tw-content); text-align: right } .\[\&_\.line\]\:before\:font-mono .line:before { content: var(--tw-content); font-family: var(--font-mono) } .\[\&_\.line\]\:before\:text-\[13px\] .line:before { content: var(--tw-content); font-size: 13px } .\[\&_\.line\]\:before\:text-muted-foreground\/50 .line:before { content: var(--tw-content); color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .\[\&_\.line\]\:before\:text-muted-foreground\/50 .line:before { color: color-mix(in oklab, var(--muted-foreground) 50%, transparent) } } .\[\&_\.line\]\:before\:content-\[counter\(line\)\] .line:before { --tw-content: counter(line); content: var(--tw-content) } .\[\&_\.line\]\:before\:select-none .line:before { content: var(--tw-content); -webkit-user-select: none; user-select: none } .\[\&_\.line\]\:before\:\[counter-increment\:line\] .line:before { content: var(--tw-content); counter-increment: line } .\[\&_\.line\.diff\]\:after\:absolute .line.diff:after { content: var(--tw-content); position: absolute } .\[\&_\.line\.diff\]\:after\:top-0 .line.diff:after { content: var(--tw-content); top: calc(var(--spacing) * 0) } .\[\&_\.line\.diff\]\:after\:bottom-0 .line.diff:after { content: var(--tw-content); bottom: calc(var(--spacing) * 0) } .\[\&_\.line\.diff\]\:after\:left-0 .line.diff:after { content: var(--tw-content); left: calc(var(--spacing) * 0) } .\[\&_\.line\.diff\]\:after\:w-0\.5 .line.diff:after { content: var(--tw-content); width: calc(var(--spacing) * .5) } .\[\&_\.line\.diff\.add\]\:bg-emerald-50 .line.diff.add { background-color: var(--color-emerald-50) } .\[\&_\.line\.diff\.add\]\:after\:bg-emerald-500 .line.diff.add:after { content: var(--tw-content); background-color: var(--color-emerald-500) } .dark\:\[\&_\.line\.diff\.add\]\:\!bg-emerald-500\/10:where(.dark, .dark *) .line.diff.add { background-color: #00bb7f1a !important } @supports (color:color-mix(in lab, red, red)) { .dark\:\[\&_\.line\.diff\.add\]\:\!bg-emerald-500\/10:where(.dark, .dark *) .line.diff.add { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent) !important } } .\[\&_\.line\.diff\.remove\]\:bg-rose-50 .line.diff.remove { background-color: var(--color-rose-50) } .\[\&_\.line\.diff\.remove\]\:after\:bg-rose-500 .line.diff.remove:after { content: var(--tw-content); background-color: var(--color-rose-500) } .dark\:\[\&_\.line\.diff\.remove\]\:\!bg-rose-500\/10:where(.dark, .dark *) .line.diff.remove { background-color: #ff23571a !important } @supports (color:color-mix(in lab, red, red)) { .dark\:\[\&_\.line\.diff\.remove\]\:\!bg-rose-500\/10:where(.dark, .dark *) .line.diff.remove { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent) !important } } .\[\&_\.line\.highlighted\]\:bg-blue-50 .line.highlighted { background-color: var(--color-blue-50) } .\[\&_\.line\.highlighted\]\:after\:absolute .line.highlighted:after { content: var(--tw-content); position: absolute } .\[\&_\.line\.highlighted\]\:after\:top-0 .line.highlighted:after { content: var(--tw-content); top: calc(var(--spacing) * 0) } .\[\&_\.line\.highlighted\]\:after\:bottom-0 .line.highlighted:after { content: var(--tw-content); bottom: calc(var(--spacing) * 0) } .\[\&_\.line\.highlighted\]\:after\:left-0 .line.highlighted:after { content: var(--tw-content); left: calc(var(--spacing) * 0) } .\[\&_\.line\.highlighted\]\:after\:w-0\.5 .line.highlighted:after { content: var(--tw-content); width: calc(var(--spacing) * .5) } .\[\&_\.line\.highlighted\]\:after\:bg-blue-500 .line.highlighted:after { content: var(--tw-content); background-color: var(--color-blue-500) } .dark\:\[\&_\.line\.highlighted\]\:\!bg-blue-500\/10:where(.dark, .dark *) .line.highlighted { background-color: #3080ff1a !important } @supports (color:color-mix(in lab, red, red)) { .dark\:\[\&_\.line\.highlighted\]\:\!bg-blue-500\/10:where(.dark, .dark *) .line.highlighted { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent) !important } } .\[\&_\.mt-4\]\:mt-0 .mt-4 { margin-top: calc(var(--spacing) * 0) } .\[\&_\.recharts-cartesian-axis-line\]\:stroke-transparent .recharts-cartesian-axis-line, .\[\&_\.recharts-cartesian-axis-tick_line\]\:stroke-transparent .recharts-cartesian-axis-tick line { stroke: #0000 } .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: var(--muted-foreground) } .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke: var(--border) } @supports (color:color-mix(in lab, red, red)) { .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke: color-mix(in oklab, var(--border) 50%, transparent) } } .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: var(--border) } .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { stroke: #0000 } .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { --tw-outline-style: none; outline-style: none } @media(forced-colors:active) { .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer { outline-offset: 2px; outline: 2px solid #0000 } } .\[\&_\.recharts-pie-label-text\]\:fill-foreground .recharts-pie-label-text { fill: var(--foreground) } .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] { stroke: var(--border) } .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: var(--muted) } .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] { stroke: var(--border) } .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { --tw-outline-style: none; outline-style: none } @media(forced-colors:active) { .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector { outline-offset: 2px; outline: 2px solid #0000 } } .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { stroke: #0000 } .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { --tw-outline-style: none; outline-style: none } @media(forced-colors:active) { .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface { outline-offset: 2px; outline: 2px solid #0000 } } .\[\&_\.recharts-text\]\:fill-background .recharts-text { fill: var(--background) } .\[\&_\.shiki\]\:\!bg-\[var\(--shiki-bg\)\] .shiki { background-color: var(--shiki-bg) !important } .dark\:\[\&_\.shiki\]\:\!bg-\[var\(--shiki-dark-bg\)\]:where(.dark, .dark *) .shiki { background-color: var(--shiki-dark-bg) !important } .dark\:\[\&_\.shiki\]\:\!\[font-weight\:var\(--shiki-dark-font-weight\)\]:where(.dark, .dark *) .shiki { font-weight: var(--shiki-dark-font-weight) !important } .dark\:\[\&_\.shiki\]\:\!text-\[var\(--shiki-dark\)\]:where(.dark, .dark *) .shiki { color: var(--shiki-dark) !important } .dark\:\[\&_\.shiki\]\:\!\[font-style\:var\(--shiki-dark-font-style\)\]:where(.dark, .dark *) .shiki { font-style: var(--shiki-dark-font-style) !important } .dark\:\[\&_\.shiki\]\:\!\[text-decoration\:var\(--shiki-dark-text-decoration\)\]:where(.dark, .dark *) .shiki { -webkit-text-decoration: var(--shiki-dark-text-decoration) !important; text-decoration: var(--shiki-dark-text-decoration) !important } .dark\:\[\&_\.shiki_span\]\:\!\[font-weight\:var\(--shiki-dark-font-weight\)\]:where(.dark, .dark *) .shiki span { font-weight: var(--shiki-dark-font-weight) !important } .dark\:\[\&_\.shiki_span\]\:\!text-\[var\(--shiki-dark\)\]:where(.dark, .dark *) .shiki span { color: var(--shiki-dark) !important } .dark\:\[\&_\.shiki_span\]\:\!\[font-style\:var\(--shiki-dark-font-style\)\]:where(.dark, .dark *) .shiki span { font-style: var(--shiki-dark-font-style) !important } .dark\:\[\&_\.shiki_span\]\:\!\[text-decoration\:var\(--shiki-dark-text-decoration\)\]:where(.dark, .dark *) .shiki span { -webkit-text-decoration: var(--shiki-dark-text-decoration) !important; text-decoration: var(--shiki-dark-text-decoration) !important } .\[\&_\.text-2xl\]\:tracking-tighter\! .text-2xl { --tw-tracking: var(--tracking-tighter) !important; letter-spacing: var(--tracking-tighter) !important } .\[\&_\.text-2xl\]\:text-foreground .text-2xl { color: var(--foreground) } .\[\&_\[data-rmiz-btn-unzoom\]\]\:absolute [data-rmiz-btn-unzoom] { position: absolute } .\[\&_\[data-rmiz-btn-unzoom\]\]\:top-5 [data-rmiz-btn-unzoom] { top: calc(var(--spacing) * 5) } .\[\&_\[data-rmiz-btn-unzoom\]\]\:right-5 [data-rmiz-btn-unzoom] { right: calc(var(--spacing) * 5) } .\[\&_\[data-rmiz-btn-unzoom\]\]\:bottom-auto [data-rmiz-btn-unzoom] { bottom: auto } .\[\&_\[data-rmiz-btn-unzoom\]\]\:left-auto [data-rmiz-btn-unzoom] { left: auto } .\[\&_\[data-rmiz-btn-unzoom\]\]\:z-\[1\] [data-rmiz-btn-unzoom] { z-index: 1 } .\[\&_\[data-rmiz-btn-unzoom\]\]\:m-0 [data-rmiz-btn-unzoom] { margin: calc(var(--spacing) * 0) } .\[\&_\[data-rmiz-btn-unzoom\]\]\:size-10 [data-rmiz-btn-unzoom] { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .\[\&_\[data-rmiz-btn-unzoom\]\]\:cursor-zoom-out [data-rmiz-btn-unzoom] { cursor: zoom-out } .\[\&_\[data-rmiz-btn-unzoom\]\]\:touch-manipulation [data-rmiz-btn-unzoom] { touch-action: manipulation } .\[\&_\[data-rmiz-btn-unzoom\]\]\:appearance-none [data-rmiz-btn-unzoom] { appearance: none } .\[\&_\[data-rmiz-btn-unzoom\]\]\:rounded-\[50\%\] [data-rmiz-btn-unzoom] { border-radius: 50% } .\[\&_\[data-rmiz-btn-unzoom\]\]\:border-none [data-rmiz-btn-unzoom] { --tw-border-style: none; border-style: none } .\[\&_\[data-rmiz-btn-unzoom\]\]\:bg-foreground\/70 [data-rmiz-btn-unzoom] { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .\[\&_\[data-rmiz-btn-unzoom\]\]\:bg-foreground\/70 [data-rmiz-btn-unzoom] { background-color: color-mix(in oklab, var(--foreground) 70%, transparent) } } .\[\&_\[data-rmiz-btn-unzoom\]\]\:p-2 [data-rmiz-btn-unzoom] { padding: calc(var(--spacing) * 2) } .\[\&_\[data-rmiz-btn-unzoom\]\]\:text-background [data-rmiz-btn-unzoom] { color: var(--background) } .\[\&_\[data-rmiz-btn-unzoom\]\]\:outline-offset-2 [data-rmiz-btn-unzoom] { outline-offset: 2px } .\[\&_\[data-rmiz-btn-zoom\]\]\:absolute [data-rmiz-btn-zoom] { position: absolute } .\[\&_\[data-rmiz-btn-zoom\]\]\:top-2\.5 [data-rmiz-btn-zoom] { top: calc(var(--spacing) * 2.5) } .\[\&_\[data-rmiz-btn-zoom\]\]\:right-2\.5 [data-rmiz-btn-zoom] { right: calc(var(--spacing) * 2.5) } .\[\&_\[data-rmiz-btn-zoom\]\]\:bottom-auto [data-rmiz-btn-zoom] { bottom: auto } .\[\&_\[data-rmiz-btn-zoom\]\]\:left-auto [data-rmiz-btn-zoom] { left: auto } .\[\&_\[data-rmiz-btn-zoom\]\]\:m-0 [data-rmiz-btn-zoom] { margin: calc(var(--spacing) * 0) } .\[\&_\[data-rmiz-btn-zoom\]\]\:size-10 [data-rmiz-btn-zoom] { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .\[\&_\[data-rmiz-btn-zoom\]\]\:cursor-zoom-in [data-rmiz-btn-zoom] { cursor: zoom-in } .\[\&_\[data-rmiz-btn-zoom\]\]\:touch-manipulation [data-rmiz-btn-zoom] { touch-action: manipulation } .\[\&_\[data-rmiz-btn-zoom\]\]\:appearance-none [data-rmiz-btn-zoom] { appearance: none } .\[\&_\[data-rmiz-btn-zoom\]\]\:rounded-\[50\%\] [data-rmiz-btn-zoom] { border-radius: 50% } .\[\&_\[data-rmiz-btn-zoom\]\]\:border-none [data-rmiz-btn-zoom] { --tw-border-style: none; border-style: none } .\[\&_\[data-rmiz-btn-zoom\]\]\:bg-foreground\/70 [data-rmiz-btn-zoom] { background-color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .\[\&_\[data-rmiz-btn-zoom\]\]\:bg-foreground\/70 [data-rmiz-btn-zoom] { background-color: color-mix(in oklab, var(--foreground) 70%, transparent) } } .\[\&_\[data-rmiz-btn-zoom\]\]\:p-2 [data-rmiz-btn-zoom] { padding: calc(var(--spacing) * 2) } .\[\&_\[data-rmiz-btn-zoom\]\]\:text-background [data-rmiz-btn-zoom] { color: var(--background) } .\[\&_\[data-rmiz-btn-zoom\]\]\:outline-offset-2 [data-rmiz-btn-zoom] { outline-offset: 2px } .\[\&_\[data-rmiz-btn-zoom\]\:not\(\:focus\)\:not\(\:active\)\]\:pointer-events-none [data-rmiz-btn-zoom]:not(:focus):not(:active) { pointer-events: none } .\[\&_\[data-rmiz-btn-zoom\]\:not\(\:focus\)\:not\(\:active\)\]\:absolute [data-rmiz-btn-zoom]:not(:focus):not(:active) { position: absolute } .\[\&_\[data-rmiz-btn-zoom\]\:not\(\:focus\)\:not\(\:active\)\]\:size-px [data-rmiz-btn-zoom]:not(:focus):not(:active) { width: 1px; height: 1px } .\[\&_\[data-rmiz-btn-zoom\]\:not\(\:focus\)\:not\(\:active\)\]\:overflow-hidden [data-rmiz-btn-zoom]:not(:focus):not(:active) { overflow: hidden } .\[\&_\[data-rmiz-btn-zoom\]\:not\(\:focus\)\:not\(\:active\)\]\:whitespace-nowrap [data-rmiz-btn-zoom]:not(:focus):not(:active) { white-space: nowrap } .\[\&_\[data-rmiz-btn-zoom\]\:not\(\:focus\)\:not\(\:active\)\]\:\[clip-path\:inset\(50\%\)\] [data-rmiz-btn-zoom]:not(:focus):not(:active) { clip-path: inset(50%) } .\[\&_\[data-rmiz-btn-zoom\]\:not\(\:focus\)\:not\(\:active\)\]\:\[clip\:rect\(0_0_0_0\)\] [data-rmiz-btn-zoom]:not(:focus):not(:active) { clip: rect(0 0 0 0) } .\[\&_\[data-rmiz-content\=\"found\"\]_\[data-zoom\]\]\:cursor-zoom-in [data-rmiz-content=found] [data-zoom], .\[\&_\[data-rmiz-content\=\"found\"\]_\[role\=\"img\"\]\]\:cursor-zoom-in [data-rmiz-content=found] [role=img], .\[\&_\[data-rmiz-content\=\"found\"\]_img\]\:cursor-zoom-in [data-rmiz-content=found] img, .\[\&_\[data-rmiz-content\=\"found\"\]_svg\]\:cursor-zoom-in [data-rmiz-content=found] svg { cursor: zoom-in } .\[\&_\[data-rmiz-ghost\]\]\:pointer-events-none [data-rmiz-ghost] { pointer-events: none } .\[\&_\[data-rmiz-ghost\]\]\:absolute [data-rmiz-ghost] { position: absolute } .\[\&_\[data-rmiz-modal-content\]\]\:relative [data-rmiz-modal-content] { position: relative } .\[\&_\[data-rmiz-modal-content\]\]\:size-full [data-rmiz-modal-content] { width: 100%; height: 100% } .\[\&_\[data-rmiz-modal-img\]\]\:absolute [data-rmiz-modal-img] { position: absolute } .\[\&_\[data-rmiz-modal-img\]\]\:origin-top-left [data-rmiz-modal-img] { transform-origin: 0 0 } .\[\&_\[data-rmiz-modal-img\]\]\:cursor-zoom-out [data-rmiz-modal-img] { cursor: zoom-out } .\[\&_\[data-rmiz-modal-img\]\]\:transition-transform [data-rmiz-modal-img] { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } @media(prefers-reduced-motion:reduce) { .motion-reduce\:\[\&_\[data-rmiz-modal-img\]\]\:transition-none [data-rmiz-modal-img] { transition-property: none } } .\[\&_\[data-rmiz-modal-overlay\=\"hidden\"\]\]\:bg-transparent [data-rmiz-modal-overlay=hidden] { background-color: #0000 } .\[\&_\[data-rmiz-modal-overlay\=\"visible\"\]\]\:bg-background\/80 [data-rmiz-modal-overlay=visible] { background-color: var(--background) } @supports (color:color-mix(in lab, red, red)) { .\[\&_\[data-rmiz-modal-overlay\=\"visible\"\]\]\:bg-background\/80 [data-rmiz-modal-overlay=visible] { background-color: color-mix(in oklab, var(--background) 80%, transparent) } } .\[\&_\[data-rmiz-modal-overlay\=\"visible\"\]\]\:backdrop-blur-md [data-rmiz-modal-overlay=visible] { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) } .\[\&_\[data-rmiz-modal-overlay\]\]\:absolute [data-rmiz-modal-overlay] { position: absolute } .\[\&_\[data-rmiz-modal-overlay\]\]\:inset-0 [data-rmiz-modal-overlay] { inset: calc(var(--spacing) * 0) } .\[\&_\[data-rmiz-modal-overlay\]\]\:transition-all [data-rmiz-modal-overlay] { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } @media(prefers-reduced-motion:reduce) { .motion-reduce\:\[\&_\[data-rmiz-modal-overlay\]\]\:transition-none [data-rmiz-modal-overlay] { transition-property: none } } .\[\&_\[data-slot\=\"avatar\"\]\]\:size-full [data-slot=avatar] { width: 100%; height: 100% } .focus\:\[\&_\[data-slot\=badge\]\]\:bg-primary:focus [data-slot=badge] { background-color: var(--primary) } .focus\:\[\&_\[data-slot\=badge\]\]\:text-primary-foreground:focus [data-slot=badge] { color: var(--primary-foreground) } .\[\&_\[data-slot\=card\]\]\:\!rounded-xl [data-slot=card] { border-radius: calc(var(--radius) + 4px) !important } .\[\&_\[data-slot\=card\]\]\:border [data-slot=card] { border-style: var(--tw-border-style); border-width: 1px } .\[\&_\[data-slot\=card\]\]\:border-border [data-slot=card] { border-color: var(--border) } .\[\&_\[data-slot\=card\]\]\:\!shadow-none [data-slot=card] { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .\[\&_\[data-slot\=card\]\]\:\!ring-0 [data-slot=card] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .\[\&_\[data-slot\=command-input-wrapper\]\]\:pt-0 [data-slot=command-input-wrapper] { padding-top: calc(var(--spacing) * 0) } .\[\&_\[data-slot\=select-value\]\]\:min-w-0 [data-slot=select-value] { min-width: calc(var(--spacing) * 0) } .\[\&_\[data-slot\=select-value\]\]\:flex-1 [data-slot=select-value] { flex: 1 } .\[\&_\[data-slot\=select-value\]\]\:truncate [data-slot=select-value] { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .\[\&_\[data-slot\=slider-range\]\]\:bg-green-500 [data-slot=slider-range] { background-color: var(--color-green-500) } .\[\&_\[data-slot\=slider-range\]\]\:bg-transparent [data-slot=slider-range] { background-color: #0000 } .\[\&_\[data-slot\=slider-range\]\]\:bg-yellow-500 [data-slot=slider-range] { background-color: var(--color-yellow-500) } .\[\&_\[data-slot\=slider-thumb\]\]\:size-6 [data-slot=slider-thumb] { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .\[\&_\[data-slot\=slider-thumb\]\]\:border-2 [data-slot=slider-thumb] { border-style: var(--tw-border-style); border-width: 2px } .\[\&_\[data-slot\=slider-thumb\]\]\:border-green-500 [data-slot=slider-thumb] { border-color: var(--color-green-500) } .\[\&_\[data-slot\=slider-thumb\]\]\:border-yellow-500 [data-slot=slider-thumb] { border-color: var(--color-yellow-500) } .\[\&_\[data-slot\=slider-track\]\]\:h-3 [data-slot=slider-track] { height: calc(var(--spacing) * 3) } .\[\&_\[data-slot\=slider-track\]\]\:border [data-slot=slider-track] { border-style: var(--tw-border-style); border-width: 1px } .\[\&_\[data-slot\=slider-track\]\]\:bg-transparent [data-slot=slider-track] { background-color: #0000 } .\[\&_\[data-slot\=slider-track\]\]\:bg-gradient-to-r [data-slot=slider-track] { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .\[\&_\[data-slot\=slider-track\]\]\:from-blue-400 [data-slot=slider-track] { --tw-gradient-from: var(--color-blue-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .\[\&_\[data-slot\=slider-track\]\]\:from-blue-500 [data-slot=slider-track] { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .\[\&_\[data-slot\=slider-track\]\]\:to-red-400 [data-slot=slider-track] { --tw-gradient-to: var(--color-red-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .\[\&_\[data-slot\=slider-track\]\]\:to-red-500 [data-slot=slider-track] { --tw-gradient-to: var(--color-red-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .\[\&_a\]\:bg-transparent a { background-color: #0000 } .\[\&_a\]\:text-foreground a { color: var(--foreground) } .\[\&_a\]\:no-underline a { text-decoration-line: none } .\[\&_a\]\:underline a { text-decoration-line: underline } .\[\&_a\]\:underline-offset-3 a { text-underline-offset: 3px } @media(hover:hover) { .\[\&_a\]\:hover\:bg-accent-foreground\/10 a:hover { background-color: var(--accent-foreground) } @supports (color:color-mix(in lab, red, red)) { .\[\&_a\]\:hover\:bg-accent-foreground\/10 a:hover { background-color: color-mix(in oklab, var(--accent-foreground) 10%, transparent) } } .\[\&_a\]\:hover\:text-foreground a:hover, .hover\:\[\&_a\]\:text-foreground\/80:hover a { color: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .hover\:\[\&_a\]\:text-foreground\/80:hover a { color: color-mix(in oklab, var(--foreground) 80%, transparent) } } .hover\:\[\&_a\]\:no-underline:hover a { text-decoration-line: none } } .\[\&_button\]\:bg-transparent button { background-color: #0000 } @media(hover:hover) { .\[\&_button\]\:hover\:bg-accent-foreground\/10 button:hover { background-color: var(--accent-foreground) } @supports (color:color-mix(in lab, red, red)) { .\[\&_button\]\:hover\:bg-accent-foreground\/10 button:hover { background-color: color-mix(in oklab, var(--accent-foreground) 10%, transparent) } } } .\[\&_code\]\:grid code { display: grid } .\[\&_code\]\:w-full code { width: 100% } .\[\&_code\]\:overflow-x-auto code { overflow-x: auto } .\[\&_code\]\:bg-transparent code { background-color: #0000 } .\[\&_code\]\:\[counter-increment\:line_0\] code { counter-increment: line 0 } .\[\&_code\]\:\[counter-reset\:line\] code { counter-reset: line } .\[\&_code\:has\(\.focused\)_\.line\]\:blur-\[2px\] code:has(.focused) .line { --tw-blur: blur(2px); 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, ) } .\[\&_code\:has\(\.focused\)_\.line\.focused\]\:blur-none code:has(.focused) .line.focused { --tw-blur: ; 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, ) } .\[\&_div\]\:flex div { display: flex } .\[\&_div\]\:items-center div { align-items: center } .\[\&_div\]\:justify-center div { justify-content: center } .\[\&_div\]\:gap-1 div { gap: calc(var(--spacing) * 1) } .\[\&_div\]\:gap-1\.5 div { gap: calc(var(--spacing) * 1.5) } .\[\&_div\]\:font-semibold div { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .\[\&_div\]\:text-muted-foreground\/80 div { color: var(--muted-foreground) } @supports (color:color-mix(in lab, red, red)) { .\[\&_div\]\:text-muted-foreground\/80 div { color: color-mix(in oklab, var(--muted-foreground) 80%, transparent) } } .\[\&_div_svg\]\:size-4 div svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .\[\&_img\]\:size-full img { width: 100%; height: 100% } .\[\&_img\]\:h-5 img { height: calc(var(--spacing) * 5) } .\[\&_img\]\:h-8 img { height: calc(var(--spacing) * 8) } .\[\&_img\]\:max-w-none img { max-width: none } .\[\&_img\]\:object-cover img { object-fit: cover } .\[\&_img\]\:opacity-50 img { opacity: .5 } .\[\&_img\]\:opacity-60 img { opacity: .6 } .\[\&_img\]\:transition-opacity img { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } @media(hover:hover) { .\[\&_img\]\:hover\:opacity-90 img:hover { opacity: .9 } } @media(min-width:64rem) { .lg\:\[\&_img\]\:h-8 img { height: calc(var(--spacing) * 8) } } .\[\&_p\]\:max-w-\[22\.5rem\] p { max-width: 22.5rem } .\[\&_p\:not\(\:last-child\)\]\:mb-2 p:not(:last-child) { margin-bottom: calc(var(--spacing) * 2) } .\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child) { margin-bottom: calc(var(--spacing) * 4) } .\[\&_pre\]\:py-4 pre { padding-block: calc(var(--spacing) * 4) } .\[\&_span\]\:z-10 span { z-index: 10 } .\[\&_span\]\:size-4 span { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .\[\&_span\]\:h-full span { height: 100% } .\[\&_span\]\:w-1\/2 span { width: 50% } .\[\&_span\]\:flex-1 span { flex: 1 } .\[\&_span\]\:rounded span { border-radius: .25rem } .\[\&_span\]\:rounded-sm span { border-radius: calc(var(--radius) - 4px) } .\[\&_span\]\:text-foreground\! span { color: var(--foreground) !important } .\[\&_span\]\:transition-transform span { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .\[\&_span\]\:duration-300 span { --tw-duration: .3s; transition-duration: .3s } .\[\&_span\]\:ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] span { --tw-ease: cubic-bezier(.16, 1, .3, 1); transition-timing-function: cubic-bezier(.16, 1, .3, 1) } .\[\&_span\]\:data-\[state\=checked\]\:translate-x-full span[data-state=checked] { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .\[\&_span\]\:data-\[state\=checked\]\:rtl\:-translate-x-full span[data-state=checked]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none } .\[\&_svg\]\:invisible svg { visibility: hidden } .\[\&_svg\]\:size-3 svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .\[\&_svg\]\:size-3\.5 svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5) } .\[\&_svg\]\:size-4 svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .\[\&_svg\]\:size-4\.5 svg { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5) } .\[\&_svg\]\:size-5 svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .\[\&_svg\]\:size-10 svg { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .\[\&_svg\]\:size-full svg { width: 100%; height: 100% } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0 } .\[\&_svg\]\:fill-yellow-400 svg { fill: var(--color-yellow-400) } .\[\&_svg\]\:fill-yellow-500 svg { fill: var(--color-yellow-500) } .\[\&_svg\]\:stroke-yellow-400 svg { stroke: var(--color-yellow-400) } .\[\&_svg\]\:stroke-yellow-500 svg { stroke: var(--color-yellow-500) } .\[\&_svg\:last-child\]\:text-foreground svg:last-child { color: var(--foreground) } .\[\&_svg\:last-child\]\:opacity-100 svg:last-child { opacity: 1 } .\[\&_svg\:last-of-type\]\:self-center svg:last-of-type { align-self: center } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-2\.5 svg:not([class*=size-]) { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5) } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5) } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*=size-]) { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:stroke-2 svg:not([class*=size-]) { stroke-width: 2px } .\[\&_td\]\:border td { border-style: var(--tw-border-style); border-width: 1px } .\[\&_td\]\:border-border td { border-color: var(--border) } .\[\&_tfoot_td\]\:border-t tfoot td { border-top-style: var(--tw-border-style); border-top-width: 1px } .\[\&_th\]\:border th { border-style: var(--tw-border-style); border-width: 1px } .\[\&_th\]\:border-b th { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .\[\&_th\]\:border-border th { border-color: var(--border) } .\[\&_tr\]\:border-0 tr { border-style: var(--tw-border-style); border-width: 0 } .\[\&_tr\]\:border-b tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .\[\&_tr\]\:border-none tr { --tw-border-style: none; border-style: none } .\[\&_tr\]\:border-border\/60 tr { border-color: var(--border) } @supports (color:color-mix(in lab, red, red)) { .\[\&_tr\]\:border-border\/60 tr { border-color: color-mix(in oklab, var(--border) 60%, transparent) } } .\[\&_tr\:hover_td\[data-pinned\]\]\:bg-muted\/50 tr:hover td[data-pinned] { background-color: var(--muted) } @supports (color:color-mix(in lab, red, red)) { .\[\&_tr\:hover_td\[data-pinned\]\]\:bg-muted\/50 tr:hover td[data-pinned] { background-color: color-mix(in oklab, var(--muted) 50%, transparent) } } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0 } .\[\&_tr\:not\(\:last-child\)_td\]\:border-b tr:not(:last-child) td { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .\[\&_tr\[data-state\=selected\]_td\[data-pinned\]\]\:bg-muted tr[data-state=selected] td[data-pinned], .\[\&_tr\[data-state\=selected\]\:hover_td\[data-pinned\]\]\:bg-muted tr[data-state=selected]:hover td[data-pinned] { background-color: var(--muted) } .\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content] { flex: none } .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { display: none } .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button { appearance: none } .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button { appearance: none } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none } .\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar { width: calc(var(--spacing) * 2) } .\[\&\:\:after\]\:content-\[\'\\201D\'\]:after { --tw-content: "”"; content: var(--tw-content) } .\[\&\:\:after\]\:content-\[\'\\\\201D\'\]:after { --tw-content: "\\201D"; content: var(--tw-content) } .\[\&\:\:backdrop\]\:hidden::backdrop { display: none } .\[\&\:\:before\]\:font-semibold:before { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .\[\&\:\:before\]\:content-\[\'\\201C\'\]:before { --tw-content: "“"; content: var(--tw-content) } .\[\&\:\:before\]\:content-\[\'\\\\201C\'\]:before { --tw-content: "\\201C"; content: var(--tw-content) } .\[\&\:first-child\>td\:first-child\]\:rounded-tl-lg:first-child>td:first-child { border-top-left-radius: var(--radius) } .\[\&\:first-child\>td\:last-child\]\:rounded-tr-lg:first-child>td:last-child { border-top-right-radius: var(--radius) } .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):first-child[data-selected=true] button { border-top-left-radius: var(--cell-radius); border-bottom-left-radius: var(--cell-radius) } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { padding-right: calc(var(--spacing) * 0) } .\[\.border-b\]\:pb-2.border-b { padding-bottom: calc(var(--spacing) * 2) } .\[\.border-b\]\:pb-3.border-b { padding-bottom: calc(var(--spacing) * 3) } .\[\.border-b\]\:pb-4.border-b { padding-bottom: calc(var(--spacing) * 4) } .\[\.border-b\]\:pb-6.border-b { padding-bottom: calc(var(--spacing) * 6) } .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b { padding-bottom: calc(var(--spacing) * 3) } .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-4:is(:where(.group\/card)[data-size=sm] *).border-b { padding-bottom: calc(var(--spacing) * 4) } .\[\.border-t\]\:pt-2.border-t { padding-top: calc(var(--spacing) * 2) } .\[\.border-t\]\:pt-3.border-t { padding-top: calc(var(--spacing) * 3) } .\[\.border-t\]\:pt-4.border-t { padding-top: calc(var(--spacing) * 4) } .\[\.border-t\]\:pt-6.border-t { padding-top: calc(var(--spacing) * 6) } .group-data-\[size\=sm\]\/card\:\[\.border-t\]\:pt-3:is(:where(.group\/card)[data-size=sm] *).border-t { padding-top: calc(var(--spacing) * 3) } .group-data-\[size\=sm\]\/card\:\[\.border-t\]\:pt-4:is(:where(.group\/card)[data-size=sm] *).border-t { padding-top: calc(var(--spacing) * 4) } :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) *):is(.rdp-button_next>svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) *):is(.rdp-button_previous>svg) { rotate: 180deg } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *)[cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2) } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2\.5 *)[cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2.5) } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-3 *)[cmdk-group-heading] { padding-inline: calc(var(--spacing) * 3) } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 *)[cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5) } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-2 *)[cmdk-group-heading] { padding-block: calc(var(--spacing) * 2) } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-xs *)[cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium *)[cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-muted-foreground *)[cmdk-group-heading] { color: var(--muted-foreground) } .\[a\]\:transition-colors:is(a) { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } :is(.\*\:\[a\]\:underline>*):is(a) { text-decoration-line: underline } :is(.\*\:\[a\]\:underline-offset-3>*):is(a) { text-underline-offset: 3px } @media(hover:hover) { .\[a\]\:hover\:bg-destructive\/20:is(a):hover { background-color: var(--destructive) } @supports (color:color-mix(in lab, red, red)) { .\[a\]\:hover\:bg-destructive\/20:is(a):hover { background-color: color-mix(in oklab, var(--destructive) 20%, transparent) } } .\[a\]\:hover\:bg-muted:is(a):hover { background-color: var(--muted) } .\[a\]\:hover\:bg-primary:is(a):hover, .\[a\]\:hover\:bg-primary\/80:is(a):hover { background-color: var(--primary) } @supports (color:color-mix(in lab, red, red)) { .\[a\]\:hover\:bg-primary\/80:is(a):hover { background-color: color-mix(in oklab, var(--primary) 80%, transparent) } } .\[a\]\:hover\:bg-secondary\/80:is(a):hover { background-color: var(--secondary) } @supports (color:color-mix(in lab, red, red)) { .\[a\]\:hover\:bg-secondary\/80:is(a):hover { background-color: color-mix(in oklab, var(--secondary) 80%, transparent) } } .\[a\]\:hover\:text-muted-foreground:is(a):hover { color: var(--muted-foreground) } :is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover { color: var(--foreground) } } :is(.\*\:\[img\:first-child\]\:rounded-none>*):is(img:first-child) { border-radius: 0 } :is(.\*\:\[img\:first-child\]\:rounded-t-lg>*):is(img:first-child) { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius) } :is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child) { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px) } :is(.\*\:\[img\:last-child\]\:rounded-none>*):is(img:last-child) { border-radius: 0 } :is(.\*\:\[img\:last-child\]\:rounded-b-lg>*):is(img:last-child) { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius) } :is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child) { border-bottom-right-radius: calc(var(--radius) + 4px); border-bottom-left-radius: calc(var(--radius) + 4px) } :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child { display: flex } :is(.\*\:\[span\]\:last\:w-full>*):is(span):last-child { width: 100% } :is(.\*\:\[span\]\:last\:flex-col>*):is(span):last-child { flex-direction: column } :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child { align-items: center } :is(.\*\:\[span\]\:last\:items-start>*):is(span):last-child { align-items: flex-start } :is(.\*\:\[span\]\:last\:gap-0\.5>*):is(span):last-child { gap: calc(var(--spacing) * .5) } :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child { gap: calc(var(--spacing) * 2) } :is(.\*\:\[svg\]\:row-span-2>*):is(svg) { grid-row: span 2/span 2 } :is(.\*\:\[svg\]\:translate-y-0>*):is(svg) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } :is(.\*\:\[svg\]\:translate-y-0\.5>*):is(svg) { --tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y) } :is(.\*\:\[svg\]\:text-current>*):is(svg) { color: currentColor } :is(.focus\:\*\:\[svg\]\:text-accent-foreground:focus>*):is(svg) { color: var(--accent-foreground) } :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant=destructive]>*):is(svg) { color: var(--destructive) } :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant=destructive]>*):is(svg) { color: var(--destructive) !important } :is(.data-selected\:\*\:\[svg\]\:text-foreground:where([data-selected=true])>*):is(svg), :is(.data-selected\:\*\*\:\[svg\]\:text-foreground:where([data-selected=true]) *):is(svg) { color: var(--foreground) } :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>*):is(svg:not([class*=size-])) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5) } :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>*):is(svg:not([class*=size-])) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6>*):is(svg:not([class*=size-])) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):is(svg:not([class*=size-])) { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .\[\&\:last-child\>td\:first-child\]\:rounded-bl-lg:last-child>td:first-child { border-bottom-left-radius: var(--radius) } .\[\&\:last-child\>td\:last-child\]\:rounded-br-lg:last-child>td:last-child { border-bottom-right-radius: var(--radius) } .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\):last-child[data-selected=true] button { border-top-right-radius: var(--cell-radius); border-bottom-right-radius: var(--cell-radius) } .\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } @media(min-width:64rem) { .lg\:\[\&\:nth-child\(2\)\]\:border-r:nth-child(2) { border-right-style: var(--tw-border-style); border-right-width: 1px } .lg\:\[\&\:nth-child\(2\)\]\:border-l:nth-child(2) { border-left-style: var(--tw-border-style); border-left-width: 1px } } .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):nth-child(2)[data-selected=true] button { border-top-left-radius: var(--cell-radius); border-bottom-left-radius: var(--cell-radius) } .\[\&\>\*\]\:flex-1>* { flex: 1 } .\[\&\>\*\]\:border-r>* { border-right-style: var(--tw-border-style); border-right-width: 1px } .\[\&\>\*\]\:border-b>* { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .\[\&\>\*\]\:border-dotted>* { --tw-border-style: dotted; border-style: dotted } .\[\&\>\*\]\:border-border\/40>* { border-color: var(--border) } @supports (color:color-mix(in lab, red, red)) { .\[\&\>\*\]\:border-border\/40>* { border-color: color-mix(in oklab, var(--border) 40%, transparent) } } .\[\&\>\*\]\:transition-all>* { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .\[\&\>\*\]\:\[transform-style\:preserve-3d\]>* { transform-style: preserve-3d } .\[\&\>\*\]\:data-\[slot\=field\]\:p-0>[data-slot=field] { padding: calc(var(--spacing) * 0) } @media(min-width:48rem) { .md\:\[\&\>\*\]\:border-r>* { border-right-style: var(--tw-border-style); border-right-width: 1px } } .\[\&\>\*\:first-child\]\:rounded-l-\[9px\]>:first-child { border-top-left-radius: 9px; border-bottom-left-radius: 9px } @media(min-width:48rem) { .md\:\[\&\>\*\:first-child\]\:order-2>:first-child { order: 2 } } .\[\&\>\*\:last-child\]\:rounded-r-\[9px\]>:last-child { border-top-right-radius: 9px; border-bottom-right-radius: 9px } .\[\&\>\*\:last-child\]\:border-r-0>:last-child { border-right-style: var(--tw-border-style); border-right-width: 0 } .\[\&\>\*\:last-child\]\:pb-20>:last-child { padding-bottom: calc(var(--spacing) * 20) } .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 } .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child) { border-top-style: var(--tw-border-style); border-top-width: 0 } .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child) { border-left-style: var(--tw-border-style); border-left-width: 0 } .\[\&\>\*\:not\(\:first-of-type\)\]\:\[mask-image\:radial-gradient\(circle_9px_at_-4px_50\%\,transparent_99\%\,white_100\%\)\]>:not(:first-of-type) { -webkit-mask-image: radial-gradient(9px at -4px, #0000 99%, #fff 100%); mask-image: radial-gradient(9px at -4px, #0000 99%, #fff) } .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } @media(min-width:48rem) { .md\:\[\&\>\*\:nth-child\(3n\)\]\:border-r-0>:nth-child(3n) { border-right-style: var(--tw-border-style); border-right-width: 0 } } .\[\&\>\*\:nth-child\(odd\)\]\:border-r>:nth-child(odd) { border-right-style: var(--tw-border-style); border-right-width: 1px } .\[\&\>\.image-container\]\:flex-1>.image-container { flex: 1 } .\[\&\>\.image-container\]\:translate-x-2>.image-container { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y) } @media(min-width:48rem) { .md\:\[\&\>\.image-container\]\:-translate-y-3>.image-container { --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y) } .md\:\[\&\>\.image-container\]\:place-items-center>.image-container { place-items: center } } @media(min-width:80rem) { .xl\:\[\&\>\.image-container\]\:translate-x-6>.image-container { --tw-translate-x: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y) } } .\[\&\>\.sr-only\]\:w-auto>.sr-only { width: auto } .\[\&\>\.title-container\]\:mb-5>.title-container { margin-bottom: calc(var(--spacing) * 5) } .\[\&\>\.title-container\]\:translate-x-0>.title-container { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } @media(min-width:48rem) { .md\:\[\&\>\.title-container\]\:mb-0>.title-container { margin-bottom: calc(var(--spacing) * 0) } .md\:\[\&\>\.title-container\]\:mb-8>.title-container { margin-bottom: calc(var(--spacing) * 8) } .md\:\[\&\>\.title-container\]\:translate-x-2>.title-container { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y) } } @media(min-width:80rem) { .xl\:\[\&\>\.title-container\]\:translate-x-4>.title-container { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y) } } .\[\&\>\:first-child\]\:opacity-70>:first-child { opacity: .7 } .\[\&\>\:last-child_div\]\:rounded-b-md>:last-child div { border-bottom-right-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px) } .\[\&\>\[data-slot\=progress-indicator\]\]\:bg-blue-500>[data-slot=progress-indicator] { background-color: var(--color-blue-500) } .\[\&\>\[data-slot\=progress-indicator\]\]\:bg-green-500>[data-slot=progress-indicator] { background-color: var(--color-green-500) } .\[\&\>\[data-slot\=progress-indicator\]\]\:bg-red-500>[data-slot=progress-indicator] { background-color: var(--color-red-500) } .\[\&\>\[data-slot\=progress-indicator\]\]\:bg-yellow-500>[data-slot=progress-indicator] { background-color: var(--color-yellow-500) } .\[\&\>\[data-slot\=progress-indicator\]\]\:bg-gradient-to-r>[data-slot=progress-indicator] { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)) } .\[\&\>\[data-slot\=progress-indicator\]\]\:from-blue-500>[data-slot=progress-indicator] { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .\[\&\>\[data-slot\=progress-indicator\]\]\:to-purple-500>[data-slot=progress-indicator] { --tw-gradient-to: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) } .\[\&\>\[data-slot\=scroll-area-viewport\]\>div\]\:\!block>[data-slot=scroll-area-viewport]>div { display: block !important } .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-none:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type { border-radius: 0 } .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-4xl:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type { border-top-right-radius: var(--radius-4xl); border-bottom-right-radius: var(--radius-4xl) } .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius) } .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px) } .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]) { width: fit-content } .\[\&\>\[data-slot\=sidebar-inner\]\]\:overflow-visible>[data-slot=sidebar-inner] { overflow: visible } .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-4xl\!>[data-slot]:not(:has(~[data-slot])) { border-top-right-radius: var(--radius-4xl) !important; border-bottom-right-radius: var(--radius-4xl) !important } .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-lg\!>[data-slot]:not(:has(~[data-slot])) { border-top-right-radius: var(--radius) !important; border-bottom-right-radius: var(--radius) !important } .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-md\!>[data-slot]:not(:has(~[data-slot])) { border-top-right-radius: calc(var(--radius) - 2px) !important; border-bottom-right-radius: calc(var(--radius) - 2px) !important } .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-4xl\!>[data-slot]:not(:has(~[data-slot])) { border-bottom-right-radius: var(--radius-4xl) !important; border-bottom-left-radius: var(--radius-4xl) !important } .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-lg\!>[data-slot]:not(:has(~[data-slot])) { border-bottom-right-radius: var(--radius) !important; border-bottom-left-radius: var(--radius) !important } .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-md\!>[data-slot]:not(:has(~[data-slot])) { border-bottom-right-radius: calc(var(--radius) - 2px) !important; border-bottom-left-radius: calc(var(--radius) - 2px) !important } .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-t-none>[data-slot]~[data-slot] { border-top-left-radius: 0; border-top-right-radius: 0 } .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-l-none>[data-slot]~[data-slot] { border-top-left-radius: 0; border-bottom-left-radius: 0 } .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-t-0>[data-slot]~[data-slot] { border-top-style: var(--tw-border-style); border-top-width: 0 } .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-l-0>[data-slot]~[data-slot] { border-left-style: var(--tw-border-style); border-left-width: 0 } .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio] { margin-top: 1px } @container field-group (min-width:28rem) { .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio] { margin-top: 1px } } .\[\&\>a\]\:underline>a { text-decoration-line: underline } .\[\&\>a\]\:underline-offset-4>a { text-underline-offset: 4px } .\[\&\>a\:hover\]\:text-primary>a:hover { color: var(--primary) } .\[\&\>button\]\:sr-only>button { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden } .\[\&\>button\]\:hidden>button { display: none } .\[\&\>button\:hover\>svg\]\:rotate-180>button:hover>svg { rotate: 180deg } .\[\&\>button\:not\(\:last-child\)\]\:border-b>button:not(:last-child) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .\[\&\>button\:not\(\:last-child\)\]\:border-border>button:not(:last-child) { border-color: var(--border) } .\[\&\>button\>svg\]\:size-5>button>svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .\[\&\>button\>svg\]\:transition-all>button>svg { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .\[\&\>div\]\:mb-8>div { margin-bottom: calc(var(--spacing) * 8) } .\[\&\>div\]\:aspect-square>div { aspect-ratio: 1 } .\[\&\>div\]\:size-3>div { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .\[\&\>div\]\:size-3\.5>div { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5) } .\[\&\>div\]\:size-4>div { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .\[\&\>div\]\:size-4\.5>div { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5) } .\[\&\>div\]\:size-5>div { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .\[\&\>div\]\:size-10>div { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .\[\&\>div\]\:size-56>div { width: calc(var(--spacing) * 56); height: calc(var(--spacing) * 56) } .\[\&\>div\]\:size-full>div { width: 100%; height: 100% } .\[\&\>div\]\:\!h-auto>div { height: auto !important } .\[\&\>div\]\:h-\[var\(--selected-item-height\)\]>div { height: var(--selected-item-height) } .\[\&\>div\]\:h-full>div { height: 100% } .\[\&\>div\]\:w-full>div { width: 100% } .\[\&\>div\]\:max-w-md>div { max-width: var(--container-md) } .\[\&\>div\]\:break-inside-avoid>div { break-inside: avoid } .\[\&\>div\]\:overflow-visible>div { overflow: visible } .\[\&\>div\]\:bg-blue-500\/20>div { background-color: #3080ff33 } @supports (color:color-mix(in lab, red, red)) { .\[\&\>div\]\:bg-blue-500\/20>div { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent) } } .\[\&\>div\]\:bg-purple-500\/20>div { background-color: #ac4bff33 } @supports (color:color-mix(in lab, red, red)) { .\[\&\>div\]\:bg-purple-500\/20>div { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent) } } .\[\&\>div\]\:bg-white>div { background-color: var(--color-white) } .\[\&\>div\]\:bg-yellow-500>div { background-color: var(--color-yellow-500) } .\[\&\>div\]\:p-1>div { padding: calc(var(--spacing) * 1) } .\[\&\>div\]\:py-2>div { padding-block: calc(var(--spacing) * 2) } .\[\&\>div\]\:transition-transform>div { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .\[\&\>div\]\:transition-none>div { transition-property: none } .\[\&\>div\]\:duration-300>div { --tw-duration: .3s; transition-duration: .3s } .\[\&\>div\]\:\[perspective-origin\:50\%_50\%\]>div { perspective-origin: 50% } .\[\&\>div\]\:perspective-\[1000px\]>div { perspective: 1000px } .peer-has-data-\[state\=checked\]\:\[\&\>div\]\:ring-primary:is(:where(.peer):has([data-state=checked])~*)>div { --tw-ring-color: var(--primary) } .data-\[state\=active\]\:\[\&\>div\]\:bg-green-500[data-state=active]>div { background-color: var(--color-green-500) } @media not all and (min-width:64rem) { .max-lg\:\[\&\>div\]\:overflow-visible>div { overflow: visible } } @media not all and (min-width:48rem) { .max-md\:\[\&\>div\]\:overflow-visible>div { overflow: visible } } @media(min-width:40rem) { .sm\:\[\&\>div\]\:size-64>div { width: calc(var(--spacing) * 64); height: calc(var(--spacing) * 64) } .sm\:\[\&\>div\]\:overflow-auto>div { overflow: auto } } @media(min-width:48rem) { .md\:\[\&\>div\]\:h-full>div { height: 100% } .md\:\[\&\>div\]\:overflow-visible>div { overflow: visible } } @media(min-width:64rem) { .lg\:\[\&\>div\]\:overflow-visible>div { overflow: visible } } @media(min-width:80rem) { .xl\:\[\&\>div\]\:overflow-visible>div { overflow: visible } } .\[\&\>div\:first-child\]\:\!bg-background>div:first-child { background-color: var(--background) !important } .\[\&\>div\:hover\]\:rotate-0>div:hover { rotate: none } .\[\&\>div\:last-child\]\:left-1\/2>div:last-child { left: 50% } .\[\&\>div\:last-child\]\:left-auto>div:last-child { left: auto } .\[\&\>div\:last-child\]\:-translate-x-1\/2>div:last-child { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .\[\&\>div\:last-child\>div\]\:mt-0>div:last-child>div { margin-top: calc(var(--spacing) * 0) } .\[\&\>div\:last-child\>div\]\:animate-none>div:last-child>div { animation: none } .\[\&\>div\:last-child\>div\]\:rounded-none>div:last-child>div { border-radius: 0 } .\[\&\>div\:last-child\>div\]\:border-0>div:last-child>div { border-style: var(--tw-border-style); border-width: 0 } .\[\&\>div\:last-child\>div\]\:border-b>div:last-child>div { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .\[\&\>div\:last-child\>div\]\:\!shadow-\[0px_-1px_0px_0px_rgba\(0\,0\,0\,0\.05\)\,0px_0px_0px_1px_rgba\(17\,26\,37\,0\.05\)\,0px_2px_5px_0px_rgba\(16\,25\,36\,0\.1\)\,0px_5px_20px_0px_rgba\(16\,25\,36\,0\.1\)\]>div:last-child>div { --tw-shadow: 0px -1px 0px 0px var(--tw-shadow-color, #0000000d), 0px 0px 0px 1px var(--tw-shadow-color, #111a250d), 0px 2px 5px 0px var(--tw-shadow-color, #1019241a), 0px 5px 20px 0px var(--tw-shadow-color, #1019241a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important } .\[\&\>div\:nth-child\(1\)\]\:-rotate-3>div:first-child { rotate: -3deg } @media(min-width:48rem) { .\[\&\>div\:nth-child\(1\)\]\:md\:overflow-visible>div:first-child { overflow: visible } } .\[\&\>div\:nth-child\(2\)\]\:left-1\/2>div:nth-child(2) { left: 50% } .\[\&\>div\:nth-child\(2\)\]\:-translate-x-1\/2>div:nth-child(2) { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y) } .\[\&\>div\:nth-child\(2\)\]\:rotate-2>div:nth-child(2) { rotate: 2deg } .\[\&\>div\:nth-child\(2\)\>div\]\:mt-0>div:nth-child(2)>div { margin-top: calc(var(--spacing) * 0) } .\[\&\>div\:nth-child\(3\)\]\:-rotate-1>div:nth-child(3) { rotate: -1deg } .\[\&\>div\:nth-child\(n\+5\)\]\:hidden>div:nth-child(n+5) { display: none } @media(min-width:40rem) { .sm\:\[\&\>div\:nth-child\(n\+5\)\]\:inline-block>div:nth-child(n+5) { display: inline-block } .sm\:\[\&\>div\:nth-child\(n\+9\)\]\:hidden>div:nth-child(n+9) { display: none } } @media(min-width:64rem) { .lg\:\[\&\>div\:nth-child\(n\+9\)\]\:inline-block>div:nth-child(n+9) { display: inline-block } } .\[\&\>div\:nth-last-child\(-n\+3\)\]\:rounded-b-md>div:nth-last-child(-n+3) { border-bottom-right-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px) } .\[\&\>div\:nth-last-child\(-n\+3\)\]\:border-b-0>div:nth-last-child(-n+3) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } .\[\&\>div\>div\]\:border-border>div>div { border-color: var(--border) } .\[\&\>div\>div\:first-child\]\:pt-20\!>div>div:first-child { padding-top: calc(var(--spacing) * 20) !important } .\[\&\>div\[data-slot\=carousel-content\]\]\:overflow-visible>div[data-slot=carousel-content] { overflow: visible } .\[\&\>div\[data-slot\=carousel-content\]\]\:\[clip-path\:inset\(-100vw_-100vw_-100vw_0\)\]>div[data-slot=carousel-content] { clip-path: inset(-100vw -100vw -100vw 0) } .\[\&\>h2\]\:mt-0>h2 { margin-top: calc(var(--spacing) * 0) } .first\:\[\&\>img\]\:scale-105:first-child>img { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .first\:\[\&\>img\]\:scale-110:first-child>img { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y) } .first\:\[\&\>img\]\:delay-50:first-child>img { --tw-animation-delay: 50ms; transition-delay: 50ms; animation-delay: 50ms } @media(hover:hover) { .group-hover\:first\:\[\&\>img\]\:scale-100:is(:where(.group):hover *):first-child>img { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } } .last\:\[\&\>img\]\:scale-105:last-child>img { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .last\:\[\&\>img\]\:scale-110:last-child>img { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y) } @media(hover:hover) { .group-hover\:last\:\[\&\>img\]\:scale-100:is(:where(.group):hover *):last-child>img { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } } .\[\&\>input\]\:flex-1>input { flex: 1 } .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input { padding-top: calc(var(--spacing) * 3) } .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input { padding-bottom: calc(var(--spacing) * 3) } .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has(>[data-align=inline-end])>input { padding-right: calc(var(--spacing) * 1.5) } .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has(>[data-align=inline-start])>input { padding-left: calc(var(--spacing) * 1.5) } .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd { border-radius: calc(var(--radius) - 5px) } .\[\&\>kbd\]\:rounded-none>kbd { border-radius: 0 } .\[\&\>li\]\:overflow-hidden>li { overflow: hidden } .\[\&\>li\]\:rounded-xl>li { border-radius: calc(var(--radius) + 4px) } .\[\&\>li\]\:bg-accent>li { background-color: var(--accent) } .\[\&\>li\]\:pl-0>li { padding-left: calc(var(--spacing) * 0) } .\[\&\>span\]\:hidden>span { display: none } .\[\&\>span\]\:bg-foreground>span { background-color: var(--foreground) } .\[\&\>span\]\:p-1>span { padding: calc(var(--spacing) * 1) } .\[\&\>span\]\:text-xs>span { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .\[\&\>span\]\:text-background>span { color: var(--background) } .\[\&\>span\]\:opacity-0>span { opacity: 0 } .\[\&\>span\]\:opacity-70>span { opacity: .7 } .data-\[current\=true\]\:\[\&\>span\]\:scale-150[data-current=true]>span { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y) } .data-\[current\=true\]\:\[\&\>span\]\:bg-primary[data-current=true]>span, .data-\[state\=active\]\:\[\&\>span\]\:bg-primary[data-state=active]>span { background-color: var(--primary) } .\[\&\>span\:last-child\]\:truncate>span:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .\[\&\>span\:nth-child\(2\)\>svg\]\:bg-background>span:nth-child(2)>svg { background-color: var(--background) } .\[\&\>span\:nth-child\(2\)\>svg\]\:fill-background>span:nth-child(2)>svg { fill: var(--background) } .\[\&\>span\>svg\]\:opacity-0>span>svg { opacity: 0 } .\[\&\>svg\]\:pointer-events-none>svg { pointer-events: none } .\[\&\>svg\]\:hidden>svg { display: none } .\[\&\>svg\]\:\!size-6>svg { width: calc(var(--spacing) * 6) !important; height: calc(var(--spacing) * 6) !important } .\[\&\>svg\]\:\!size-7>svg { width: calc(var(--spacing) * 7) !important; height: calc(var(--spacing) * 7) !important } .\[\&\>svg\]\:size-2\.5\!>svg { width: calc(var(--spacing) * 2.5) !important; height: calc(var(--spacing) * 2.5) !important } .\[\&\>svg\]\:size-3>svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .\[\&\>svg\]\:size-3\!>svg { width: calc(var(--spacing) * 3) !important; height: calc(var(--spacing) * 3) !important } .\[\&\>svg\]\:size-3\.5>svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5) } .\[\&\>svg\]\:size-4>svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .\[\&\>svg\]\:size-5>svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .\[\&\>svg\]\:size-6>svg { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .\[\&\>svg\]\:size-6\!>svg { width: calc(var(--spacing) * 6) !important; height: calc(var(--spacing) * 6) !important } .\[\&\>svg\]\:size-10>svg { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .\[\&\>svg\]\:h-2\.5>svg { height: calc(var(--spacing) * 2.5) } .\[\&\>svg\]\:h-3>svg { height: calc(var(--spacing) * 3) } .\[\&\>svg\]\:h-6>svg { height: calc(var(--spacing) * 6) } .\[\&\>svg\]\:h-full>svg { height: 100% } .\[\&\>svg\]\:w-2\.5>svg { width: calc(var(--spacing) * 2.5) } .\[\&\>svg\]\:w-3>svg { width: calc(var(--spacing) * 3) } .\[\&\>svg\]\:w-6>svg { width: calc(var(--spacing) * 6) } .\[\&\>svg\]\:w-full>svg { width: 100% } .\[\&\>svg\]\:shrink-0>svg { flex-shrink: 0 } .\[\&\>svg\]\:translate-y-0>svg { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .\[\&\>svg\]\:transform>svg { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) } .\[\&\>svg\]\:fill-foreground\/50>svg { fill: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .\[\&\>svg\]\:fill-foreground\/50>svg { fill: color-mix(in oklab, var(--foreground) 50%, transparent) } } .\[\&\>svg\]\:fill-yellow-500>svg { fill: var(--color-yellow-500) } .\[\&\>svg\]\:stroke-foreground>svg, .\[\&\>svg\]\:stroke-foreground\/10>svg { stroke: var(--foreground) } @supports (color:color-mix(in lab, red, red)) { .\[\&\>svg\]\:stroke-foreground\/10>svg { stroke: color-mix(in oklab, var(--foreground) 10%, transparent) } } .\[\&\>svg\]\:stroke-primary-foreground>svg { stroke: var(--primary-foreground) } .\[\&\>svg\]\:stroke-yellow-500>svg { stroke: var(--color-yellow-500) } .\[\&\>svg\]\:text-muted-foreground>svg { color: var(--muted-foreground) } .\[\&\>svg\]\:text-sidebar-accent-foreground>svg { color: var(--sidebar-accent-foreground) } .\[\&\>svg\]\:transition-transform>svg { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg, .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2) } .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg { display: none } .has-data-\[state\=checked\]\:\[\&\>svg\]\:opacity-100:has([data-state=checked])>svg { opacity: 1 } @media(min-width:40rem) { .sm\:\[\&\>svg\]\:size-5>svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } } @media(min-width:48rem) { .md\:\[\&\>svg\]\:size-7>svg { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } } @media(min-width:64rem) { .lg\:\[\&\>svg\]\:hidden>svg { display: none } .lg\:\[\&\>svg\]\:size-6>svg { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .lg\:\[\&\>svg\]\:size-8>svg { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } } .dark\:\[\&\>svg\]\:stroke-black:where(.dark, .dark *)>svg { stroke: var(--color-black) } .\[\&\>svg\:last-child\]\:hidden>svg:last-child { display: none } @media(min-width:64rem) { .lg\:\[\&\>svg\:last-child\]\:block>svg:last-child { display: block } } .\[\&\>svg\:last-of-type\]\:hidden>svg:last-of-type { display: none } .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3>svg:not([class*=size-]) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5) } .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .\[\&\>td\:first-child\]\:rounded-tl-lg>td:first-child { border-top-left-radius: var(--radius) } .\[\&\>td\:first-child\]\:rounded-bl-lg>td:first-child { border-bottom-left-radius: var(--radius) } .\[\&\>td\:last-child\]\:rounded-tr-lg>td:last-child { border-top-right-radius: var(--radius) } .\[\&\>td\:last-child\]\:rounded-br-lg>td:last-child { border-bottom-right-radius: var(--radius) } .\[\&\>tr\]\:last\:border-b-0>tr:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal]>div { rotate: 90deg } .\[\&\[data-pinned\=left\]\[data-last-col\=left\]\]\:border-r[data-pinned=left][data-last-col=left] { border-right-style: var(--tw-border-style); border-right-width: 1px } .\[\&\[data-pinned\=right\]\[data-last-col\=right\]\]\:border-l[data-pinned=right][data-last-col=right] { border-left-style: var(--tw-border-style); border-left-width: 1px } .\[\&\[data-state\=active\]\]\:shadow-none[data-state=active] { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .\[\&\[data-state\=closed\]\>svg\:nth-of-type\(2\)\]\:hidden[data-state=closed]>svg:nth-of-type(2) { display: none } .\[\&\[data-state\=open\]\>button\>svg\:first-child\]\:rotate-90[data-state=open]>button>svg:first-child, .\[\&\[data-state\=open\]\>svg\]\:rotate-90[data-state=open]>svg { rotate: 90deg } .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg { rotate: 180deg } .\[\&\[data-state\=open\]\>svg\:nth-of-type\(1\)\]\:hidden[data-state=open]>svg:first-of-type { display: none } .\[\&\[data-state\=open\]\>svg\:nth-of-type\(2\)\]\:block[data-state=open]>svg:nth-of-type(2), .\[\&\[hidden\]\]\:block[hidden] { display: block } .\[\&\[open\]\]\:fixed[open] { position: fixed } .\[\&\[open\]\]\:m-0[open] { margin: calc(var(--spacing) * 0) } .\[\&\[open\]\]\:h-dvh[open] { height: 100dvh } .\[\&\[open\]\]\:max-h-none[open] { max-height: none } .\[\&\[open\]\]\:w-dvw[open] { width: 100dvw } .\[\&\[open\]\]\:max-w-none[open] { max-width: none } .\[\&\[open\]\]\:overflow-hidden[open] { overflow: hidden } .\[\&\[open\]\]\:border-0[open] { border-style: var(--tw-border-style); border-width: 0 } .\[\&\[open\]\]\:bg-transparent[open] { background-color: #0000 } .\[\&\[open\]\]\:p-0[open] { padding: calc(var(--spacing) * 0) } @media(hover:none) { .\[\@media\(hover\:none\)\]\:scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .\[\@media\(hover\:none\)\]\:opacity-100 { opacity: 1 } } [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right: calc(var(--spacing) * -2) } [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor: e-resize } [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left: calc(var(--spacing) * -2) } [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize } [data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 { margin-top: calc(var(--spacing) * -1.5) } .perspective-distant { perspective: 1000px } .transform-3d { transform-style: preserve-3d } .backface-hidden { backface-visibility: hidden } .rotate-y-180, .group-hover\/kibo-credit-card\:-rotate-y-180:hover { transform: rotateY(180deg) } .group-hover\/kibo-credit-card\:shadow-lg:hover { box-shadow: var(--shadow-lg) } } @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s } @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal } @property --tw-animation-duration { syntax: "*"; inherits: false } @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none } @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0 } :root { --background: oklch(100% 0 0); --foreground: oklch(14.5% 0 0); --card: oklch(100% 0 0); --card-foreground: oklch(14.5% 0 0); --popover: oklch(100% 0 0); --popover-foreground: oklch(14.5% 0 0); --primary: oklch(20.5% 0 0); --primary-foreground: oklch(98.5% 0 0); --secondary: oklch(97% 0 0); --secondary-foreground: oklch(20.5% 0 0); --muted: oklch(97% 0 0); --muted-foreground: oklch(55.6% 0 0); --accent: oklch(97% 0 0); --accent-foreground: oklch(20.5% 0 0); --destructive: oklch(57.7% .245 27.325); --border: oklch(92.2% 0 0); --input: oklch(92.2% 0 0); --ring: oklch(70.8% 0 0); --chart-1: oklch(64.6% .222 41.116); --chart-2: oklch(60% .118 184.704); --chart-3: oklch(39.8% .07 227.392); --chart-4: oklch(82.8% .189 84.429); --chart-5: oklch(76.9% .188 70.08); --sidebar: oklch(98.5% 0 0); --sidebar-foreground: oklch(14.5% 0 0); --sidebar-primary: oklch(20.5% 0 0); --sidebar-primary-foreground: oklch(98.5% 0 0); --sidebar-accent: oklch(97% 0 0); --sidebar-accent-foreground: oklch(20.5% 0 0); --sidebar-border: oklch(92.2% 0 0); --sidebar-ring: oklch(70.8% 0 0); --radius: 8px; --shadow-2xs: 0 1px 3px 0px #0000000d; --shadow-xs: 0 1px 3px 0px #0000000d; --shadow-sm: 0 1px 3px 0px #0000001a, 0 1px 2px -1px #0000001a; --shadow: 0 1px 3px 0px #0000001a, 0 1px 2px -1px #0000001a; --shadow-md: 0 1px 3px 0px #0000001a, 0 2px 4px -1px #0000001a; --shadow-lg: 0 1px 3px 0px #0000001a, 0 4px 6px -1px #0000001a; --shadow-xl: 0 1px 3px 0px #0000001a, 0 8px 10px -1px #0000001a; --shadow-2xl: 0 1px 3px 0px #00000040; --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; --font-mono: "IBM Plex Mono", ui-monospace, monospace; --font-serif: "Playfair Display", ui-serif, Georgia, serif; --font-display: "Inter", ui-sans-serif, system-ui, sans-serif; --font-text: "Inter", ui-sans-serif, system-ui, sans-serif; --font-handwriting: "Caveat", cursive } .dark { --background: oklch(14.5% 0 0); --foreground: oklch(98.5% 0 0); --card: oklch(20.5% 0 0); --card-foreground: oklch(98.5% 0 0); --popover: oklch(20.5% 0 0); --popover-foreground: oklch(98.5% 0 0); --primary: oklch(92.2% 0 0); --primary-foreground: oklch(20.5% 0 0); --secondary: oklch(26.9% 0 0); --secondary-foreground: oklch(98.5% 0 0); --muted: oklch(26.9% 0 0); --muted-foreground: oklch(70.8% 0 0); --accent: oklch(26.9% 0 0); --accent-foreground: oklch(98.5% 0 0); --destructive: oklch(70.4% .191 22.216); --border: oklch(100% 0 0/.1); --input: oklch(100% 0 0/.15); --ring: oklch(55.6% 0 0); --chart-1: oklch(48.8% .243 264.376); --chart-2: oklch(69.6% .17 162.48); --chart-3: oklch(76.9% .188 70.08); --chart-4: oklch(62.7% .265 303.9); --chart-5: oklch(64.5% .246 16.439); --sidebar: oklch(20.5% 0 0); --sidebar-foreground: oklch(98.5% 0 0); --sidebar-primary: oklch(48.8% .243 264.376); --sidebar-primary-foreground: oklch(98.5% 0 0); --sidebar-accent: oklch(26.9% 0 0); --sidebar-accent-foreground: oklch(98.5% 0 0); --sidebar-border: oklch(100% 0 0/.1); --sidebar-ring: oklch(55.6% 0 0) } @property --tw-border-spacing-x { syntax: ""; inherits: false; initial-value: 0 } @property --tw-border-spacing-y { syntax: ""; inherits: false; initial-value: 0 } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-pan-x { syntax: "*"; inherits: false } @property --tw-pan-y { syntax: "*"; inherits: false } @property --tw-pinch-zoom { syntax: "*"; inherits: false } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000 } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000 } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000 } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0% } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50% } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100% } @property --tw-mask-linear { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff) } @property --tw-mask-radial { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff) } @property --tw-mask-conic { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff) } @property --tw-mask-left { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff) } @property --tw-mask-right { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff) } @property --tw-mask-bottom { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff) } @property --tw-mask-top { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff) } @property --tw-mask-right-from-position { syntax: "*"; inherits: false; initial-value: 0% } @property --tw-mask-right-to-position { syntax: "*"; inherits: false; initial-value: 100% } @property --tw-mask-right-from-color { syntax: "*"; inherits: false; initial-value: black } @property --tw-mask-right-to-color { syntax: "*"; inherits: false; initial-value: transparent } @property --tw-mask-left-from-position { syntax: "*"; inherits: false; initial-value: 0% } @property --tw-mask-left-to-position { syntax: "*"; inherits: false; initial-value: 100% } @property --tw-mask-left-from-color { syntax: "*"; inherits: false; initial-value: black } @property --tw-mask-left-to-color { syntax: "*"; inherits: false; initial-value: transparent } @property --tw-mask-bottom-from-position { syntax: "*"; inherits: false; initial-value: 0% } @property --tw-mask-bottom-to-position { syntax: "*"; inherits: false; initial-value: 100% } @property --tw-mask-bottom-from-color { syntax: "*"; inherits: false; initial-value: black } @property --tw-mask-bottom-to-color { syntax: "*"; inherits: false; initial-value: transparent } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-tracking { syntax: "*"; inherits: false } @property --tw-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100% } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100% } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0 } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100% } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-text-shadow-color { syntax: "*"; inherits: false } @property --tw-text-shadow-alpha { syntax: ""; inherits: false; initial-value: 100% } @property --tw-content { syntax: "*"; inherits: false; initial-value: "" } @keyframes spin { to { transform: rotate(360deg) } } @keyframes ping { 75%, to { opacity: 0; transform: scale(2) } } @keyframes pulse { 50% { opacity: .5 } } @keyframes bounce { 0%, to { animation-timing-function: cubic-bezier(.8, 0, 1, 1); transform: translateY(-25%) } 50% { animation-timing-function: cubic-bezier(0, 0, .2, 1); transform: none } } @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)); filter: blur(var(--tw-enter-blur, 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)); filter: blur(var(--tw-exit-blur, 0)) } } @keyframes accordion-down { 0% { height: 0 } to { height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto)) } } @keyframes accordion-up { 0% { height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto)) } to { height: 0 } } @keyframes collapsible-down { 0% { height: 0 } to { height: var(--radix-collapsible-content-height, var(--bits-collapsible-content-height, var(--reka-collapsible-content-height, var(--kb-collapsible-content-height, auto)))) } } @keyframes collapsible-up { 0% { height: var(--radix-collapsible-content-height, var(--bits-collapsible-content-height, var(--reka-collapsible-content-height, var(--kb-collapsible-content-height, auto)))) } to { height: 0 } } @keyframes caret-blink { 0%, 70%, to { opacity: 1 } 20%, 50% { opacity: 0 } } @keyframes fade-in-out { 0% { opacity: 0 } 20% { opacity: 1 } 80% { opacity: 1 } to { opacity: 0 } } @keyframes progress { 0% { width: "0%" } to { width: "100%" } } @keyframes infiniteSlider { 0% { transform: "translateX(0)" } to { transform: "translateX(calc(-250px * 5))" } } @keyframes infiniteSliderReverse { 0% { transform: "translateX(calc(-250px * 5))" } to { transform: "translateX(0)" } } @keyframes fade-in-slide-down { 0% { opacity: 0; transform: translateY(-24px) } to { opacity: 1; transform: translateY(0) } } @keyframes transform1 { 0%, 25%, to { width: 100%; padding-bottom: 120% } 33.33%, 58.33% { width: 0%; padding-bottom: 0% } 66.66%, 91.66% { width: 90%; padding-bottom: 100% } } @keyframes transform2 { 0%, 25%, to { width: 65%; padding-bottom: 65% } 33.33%, 58.33% { width: 95%; padding-bottom: 114% } 66.66%, 91.66% { width: 52%; padding-bottom: 52% } } @keyframes transform3 { 0%, 25%, to { width: 78%; padding-bottom: 100% } 33.33%, 58.33% { width: 78%; padding-bottom: 94% } 66.66%, 91.66% { width: 95%; padding-bottom: 76% } } @keyframes transform4 { 0%, 25%, 66.66%, 91.66%, to { width: 0%; padding-bottom: 0% } 33.33%, 58.33% { width: 65%; padding-bottom: 46% } } @keyframes image1 { 0%, 25%, to { opacity: 1 } 33.33%, 58.33%, 66.66%, 91.66% { opacity: 0 } } @keyframes image2 { 0%, 25%, 33.33%, 58.33%, to { opacity: 0 } 66.66%, 91.66% { opacity: 1 } } @keyframes image3 { 0%, 25%, 66.66%, 91.66%, to { opacity: 0 } 33.33%, 58.33% { opacity: 1 } } @keyframes shadow-ping { 0% { box-shadow: 0 0 0 0 var(--color-neutral-100) } 50% { box-shadow: 0 0 0 12px var(--color-neutral-300) } to { box-shadow: 0 0 0 12px #0000 } } @keyframes show-text { 0%, 14.28% { opacity: 0 } 17%, 26% { opacity: 1 } 28.58%, to { opacity: 0 } } @keyframes flip-btn { to { transform: rotate(360deg) } } @keyframes rotate-btn { to { transform: rotate(90deg) } } @keyframes slide-to-right { 0% { opacity: 0; left: 0 } 50% { opacity: 1 } to { opacity: 0; left: 80% } } @keyframes slide-to-top { 0% { opacity: 0; bottom: 0 } 50% { opacity: 1 } to { opacity: 0; bottom: 80% } } @keyframes light-to-right { 0% { opacity: 0; transform: translate(0) } 50% { opacity: 1 } to { opacity: 0; transform: translate(100%) } } @keyframes marquee { 0% { transform: translate(0) } to { transform: translate(calc(-100% - var(--gap, 0px))) } } @keyframes marquee-vertical { 0% { transform: translateY(0) } to { transform: translateY(calc(-100% - var(--gap, 0px))) } } @keyframes fade-in { 0% { opacity: 0; transform: translateY(20px) } to { opacity: 1; transform: translateY(0) } } @keyframes shimmer-slide { to { transform: translate(calc(100cqw - 100%)) } } @keyframes spin-around { 0% { transform: translateZ(0)rotate(0) } 15%, 35% { transform: translateZ(0)rotate(90deg) } 65%, 85% { transform: translateZ(0)rotate(270deg) } to { transform: translateZ(0)rotate(360deg) } } @keyframes shine { 0% { background-position: 0 0 } 50% { background-position: 100% 100% } to { background-position: 0 0 } } @keyframes aurora-background { 0% { background-position: 50%, 50% } to { background-position: 350%, 350% } } @keyframes aurora { 0% { background-position: 0%; transform: rotate(-5deg)scale(.9) } 25% { background-position: 50% 100%; transform: rotate(5deg)scale(1.1) } 50% { background-position: 100%; transform: rotate(-3deg)scale(.95) } 75% { background-position: 50% 0; transform: rotate(3deg)scale(1.05) } to { background-position: 0%; transform: rotate(-5deg)scale(.9) } } @keyframes ripple { 0%, to { transform: translate(-50%, -50%)scale(1) } 50% { transform: translate(-50%, -50%)scale(.9) } } @keyframes orbit { 0% { transform: rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg)) } to { transform: rotate(calc(var(--angle) * 1deg + 360deg)) translateY(calc(var(--radius) * 1px)) rotate(calc((var(--angle) * -1deg) - 360deg)) } } @keyframes meteor { 0% { transform: rotate(var(--angle)) translate(0); opacity: 1 } 70% { opacity: 1 } to { transform: rotate(var(--angle)) translate(-500px); opacity: 0 } } @keyframes line-shadow { 0% { background-position: 0 0 } to { background-position: 100% -100% } } @keyframes slideDown { 0% { height: 0 } to { height: var(--radix-collapsible-content-height) } } @keyframes slideUp { 0% { height: var(--radix-collapsible-content-height) } to { height: 0 } } @keyframes slideLeft { 0% { width: 0 } to { width: var(--radix-collapsible-content-width) } } @keyframes slideRight { 0% { width: var(--radix-collapsible-content-width) } to { width: 0 } } @keyframes rainbow { 0% { background-position: 0% } to { background-position: 200% } } body[data-scroll-locked] { margin-right: 0 !important; margin-left: 0 !important; overflow: visible !important } html body.preview-iframe[data-scroll-locked] { overflow: hidden !important } .explorer-sidebar { --sidebar-width: 280px !important } @media(min-width:768px)and (max-width:1023px) { .explorer-sidebar { --sidebar-width: 240px !important } } [data-block-preview-canvas] :where(.h-dvh, .h-svh, .h-lvh, .h-screen) { height: min(100svh, 48rem) !important } [data-block-preview-canvas] :where(.min-h-dvh, .min-h-svh, .min-h-lvh, .min-h-screen) { min-height: min(100svh, 48rem) !important } [data-block-preview-canvas] :where(.max-h-dvh) { max-height: min(100svh, 48rem) !important } [data-block-preview-canvas] :where(.h-\[100dvh\], .h-\[100vh\], .h-\[100svh\]) { height: min(100svh, 48rem) !important } [data-block-preview-canvas] :where(.min-h-\[100vh\], .min-h-\[100dvh\], .min-h-\[100svh\]) { min-height: min(100svh, 48rem) !important } [data-block-preview-canvas] :where(.w-\[100dvw\], .w-dvw, .max-w-\[100dvw\]) { width: 100% !important; max-width: 100% !important } [data-block-preview-canvas] :where(.w-screen, .w-\[100vw\]) { width: 100% !important; max-width: 100% !important } main[data-block-preview-canvas] section { max-width: 100%; overflow-x: clip } @media(width>=64rem) { [data-block-preview-canvas] :where(.lg\:h-dvh, .lg\:h-svh, .lg\:h-lvh, .lg\:h-screen) { height: min(100svh, 48rem) !important } [data-block-preview-canvas] :where(.lg\:min-h-dvh, .lg\:min-h-svh, .lg\:min-h-lvh, .lg\:min-h-screen) { min-height: min(100svh, 48rem) !important } } @media(width<64rem) { [data-block-preview-canvas] :where(.max-lg\:h-dvh, .max-lg\:h-svh, .max-lg\:h-screen) { height: min(100svh, 48rem) !important } } :where(.prose, .prose-sm) :where(code):not(:where(pre code)) { font-size: .875em; font-weight: 500; background-color: #fce9ea; border: 1px solid oklch(.88 .03 15); border-radius: .25rem; padding: .125rem .375rem; color: #833b43 } :where(.prose, .prose-sm) :where(code):before, :where(.prose, .prose-sm) :where(code):after { content: none } .docs-prose pre[data-title] { display: flex; flex-direction: column; padding: 0 !important } .docs-prose pre[data-title]:before { content: attr(data-title); display: block; padding: .5rem 1rem; border-bottom: 1px solid rgb(255 255 255 / .08); font-family: var(--font-mono); font-size: .75rem; line-height: 1rem; color: #ffffff8c; background-color: #00000040 } .docs-prose pre[data-title] code { flex: 1 } .docs-prose pre[data-title]:not(.has-diff) code { padding-block: 1rem } .docs-prose pre[data-title]:not(.has-diff) code .line { padding-inline: 1rem } .docs-prose pre code { display: grid; width: 100%; background: transparent !important; padding: 0 !important; border-radius: 0 !important } .docs-prose pre code .line { display: block; width: 100%; position: relative } .docs-prose code:not(pre code) { background-color: var(--muted); border: none; color: inherit; padding: .2rem .3rem; border-radius: .25rem; font-size: .875rem; font-weight: 400 } .docs-prose code:before, .docs-prose code:after { content: none !important } .docs-prose pre.has-diff { padding-inline: 0 } .docs-prose pre.has-diff code .line { padding-inline: 1rem } .docs-prose pre.has-diff code .line.diff:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px } .docs-prose pre.has-diff code .line.diff.add { background-color: #10b98126 } .docs-prose pre.has-diff code .line.diff.add:before { background-color: #10b981 } .docs-prose a.docs-external-link { display: inline-flex; align-items: center; gap: .125rem } .docs-prose a.docs-external-link:after { content: ""; display: inline-block; width: .875em; height: .875em; flex-shrink: 0; background-color: currentColor; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http: //www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E"); mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E"); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center } .docs-cli-snippet { margin-block: 1rem } .docs-cli-snippet-title { padding: .5rem 1rem; border: 1px solid rgb(255 255 255 / .08); border-bottom: none; border-radius: .5rem .5rem 0 0; font-family: var(--font-mono); font-size: .75rem; line-height: 1rem; color: #ffffff8c; background-color: #09090b } .docs-cli-snippet-title+.group { border-top-left-radius: 0; border-top-right-radius: 0 } .docs-cli-snippet .group { overflow: hidden; border-radius: .5rem; border-color: #ffffff14; background-color: #09090b } .docs-cli-snippet-header { border-color: #ffffff14; background-color: #00000040; padding-inline: .75rem } .docs-cli-snippet-tabs { height: auto; gap: .25rem; background: transparent; padding: 0 } .docs-cli-snippet-tab { height: 1.75rem; border-radius: .375rem; border: 1px solid transparent; padding-inline: .625rem; font-size: .8125rem; font-weight: 500; color: #ffffff8c; background: transparent; box-shadow: none } .docs-cli-snippet-tab[data-state=active] { border-color: #ffffff1f; color: #fffffff2; background: #ffffff0a } .docs-cli-snippet-copy { color: #ffffff8c } .docs-cli-snippet-copy:hover { color: #fffffff2; background: #ffffff0f } .docs-cli-snippet-content { margin: 0; padding: 1rem; font-family: var(--font-mono); font-size: .875rem; line-height: 1.5; color: #fffffff2; background: transparent } .docs-cli-snippet-content pre { margin: 0; overflow-x: auto; white-space: pre }