/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: 'Sora', ui-sans-serif, system-ui, sans-serif; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, monospace; --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-red-950: oklch(25.8% 0.092 26.042); --color-orange-50: oklch(98% 0.016 73.684); --color-orange-100: oklch(95.4% 0.038 75.164); --color-orange-200: oklch(90.1% 0.076 70.697); --color-orange-400: oklch(75% 0.183 55.934); --color-orange-500: oklch(70.5% 0.213 47.604); --color-orange-600: oklch(64.6% 0.222 41.116); --color-orange-700: oklch(55.3% 0.195 38.402); --color-orange-800: oklch(47% 0.157 37.304); --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-900: oklch(41.4% 0.112 45.904); --color-amber-950: oklch(27.9% 0.077 45.635); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-yellow-700: oklch(55.4% 0.135 66.442); --color-lime-50: oklch(98.6% 0.031 120.757); --color-lime-100: oklch(96.7% 0.067 122.328); --color-lime-200: oklch(93.8% 0.127 124.321); --color-lime-500: oklch(76.8% 0.233 130.85); --color-lime-700: oklch(53.2% 0.157 131.589); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-800: oklch(44.8% 0.119 151.328); --color-emerald-50: oklch(97.9% 0.021 166.113); --color-emerald-100: oklch(95% 0.052 163.051); --color-emerald-200: oklch(90.5% 0.093 164.15); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-700: oklch(50.8% 0.118 165.612); --color-emerald-800: oklch(43.2% 0.095 166.913); --color-emerald-900: oklch(37.8% 0.077 168.94); --color-teal-50: oklch(98.4% 0.014 180.72); --color-teal-100: oklch(95.3% 0.051 180.801); --color-teal-500: oklch(70.4% 0.14 182.503); --color-teal-700: oklch(51.1% 0.096 186.391); --color-cyan-50: oklch(98.4% 0.019 200.873); --color-cyan-100: oklch(95.6% 0.045 203.388); --color-cyan-200: oklch(91.7% 0.08 205.041); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-cyan-700: oklch(52% 0.105 223.128); --color-sky-50: oklch(97.7% 0.013 236.62); --color-sky-100: oklch(95.1% 0.026 236.824); --color-sky-200: oklch(90.1% 0.058 230.902); --color-sky-300: oklch(82.8% 0.111 230.318); --color-sky-400: oklch(74.6% 0.16 232.661); --color-sky-500: oklch(68.5% 0.169 237.323); --color-sky-600: oklch(58.8% 0.158 241.966); --color-sky-700: oklch(50% 0.134 242.749); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); --color-blue-900: oklch(37.9% 0.146 265.522); --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-200: oklch(87% 0.065 274.039); --color-indigo-400: oklch(67.3% 0.182 276.935); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-700: oklch(45.7% 0.24 277.023); --color-violet-50: oklch(96.9% 0.016 293.756); --color-violet-100: oklch(94.3% 0.029 294.588); --color-violet-200: oklch(89.4% 0.057 293.283); --color-violet-300: oklch(81.1% 0.111 293.571); --color-violet-400: oklch(70.2% 0.183 293.541); --color-violet-500: oklch(60.6% 0.25 292.717); --color-violet-600: oklch(54.1% 0.281 293.009); --color-violet-700: oklch(49.1% 0.27 292.581); --color-violet-900: oklch(38% 0.189 293.745); --color-purple-50: oklch(97.7% 0.014 308.299); --color-purple-100: oklch(94.6% 0.033 307.174); --color-purple-200: oklch(90.2% 0.063 306.703); --color-purple-300: oklch(82.7% 0.119 306.383); --color-purple-400: oklch(71.4% 0.203 305.504); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-600: oklch(55.8% 0.288 302.321); --color-purple-700: oklch(49.6% 0.265 301.924); --color-purple-800: oklch(43.8% 0.218 303.724); --color-purple-900: oklch(38.1% 0.176 304.987); --color-fuchsia-50: oklch(97.7% 0.017 320.058); --color-fuchsia-100: oklch(95.2% 0.037 318.852); --color-fuchsia-200: oklch(90.3% 0.076 319.62); --color-fuchsia-500: oklch(66.7% 0.295 322.15); --color-fuchsia-600: oklch(59.1% 0.293 322.896); --color-fuchsia-700: oklch(51.8% 0.253 323.949); --color-pink-50: oklch(97.1% 0.014 343.198); --color-pink-100: oklch(94.8% 0.028 342.258); --color-pink-200: oklch(89.9% 0.061 343.231); --color-pink-400: oklch(71.8% 0.202 349.761); --color-pink-500: oklch(65.6% 0.241 354.308); --color-pink-600: oklch(59.2% 0.249 0.584); --color-pink-700: oklch(52.5% 0.223 3.958); --color-pink-800: oklch(45.9% 0.187 3.815); --color-rose-50: oklch(96.9% 0.015 12.422); --color-rose-100: oklch(94.1% 0.03 12.58); --color-rose-200: oklch(89.2% 0.058 10.001); --color-rose-300: oklch(81% 0.117 11.638); --color-rose-400: oklch(71.2% 0.194 13.428); --color-rose-500: oklch(64.5% 0.246 16.439); --color-rose-600: oklch(58.6% 0.253 17.585); --color-rose-700: oklch(51.4% 0.222 16.935); --color-rose-800: oklch(45.5% 0.188 13.697); --color-rose-900: oklch(41% 0.159 10.272); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-neutral-50: oklch(98.5% 0 0); --color-stone-50: #faf9f7; --color-stone-100: #f5f5f4; --color-stone-200: #e7e5e4; --color-stone-300: #d1cec9; --color-stone-400: #a8a29e; --color-stone-500: #78716c; --color-stone-600: #57534e; --color-stone-700: #44403c; --color-stone-800: oklch(26.8% 0.007 34.298); --color-stone-900: #1c1917; --color-stone-950: oklch(14.7% 0.004 49.25); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --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: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-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: calc(2.25 / 1.875); --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; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: 0.125rem; --radius-sm: 0.125rem; --radius-md: 0.25rem; --radius-lg: 0.375rem; --radius-xl: 0.5rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-sm: 8px; --blur-xl: 24px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --radius: 0.25rem; --color-primary-500: #fe7bcd; --color-primary-700: #db2777; --color-origami-pink: #fe7bcd; --color-origami-pink-hover: #f472b6; --color-origami-pink-light: #fdf2f8; --color-origami-pink-dark: #D64A9E; --color-origami-pink-bg: #FEF0F7; --color-origami-pink-bg-hover: #FDDEED; --color-success-50: #ecfdf3; --color-warning-50: #fffaeb; --color-error-50: #fef3f2; --color-background: #FAFAFA; --color-foreground: #09090b; --color-card: #ffffff; --color-card-foreground: #09090b; --color-popover: #ffffff; --color-popover-foreground: #09090b; --color-muted: #f4f4f5; --color-muted-foreground: #71717a; --color-accent: #f4f4f5; --color-accent-foreground: #18181b; --color-border: #f0f0f2; --color-input: #e4e4e7; --color-ring: #a1a1aa; --color-destructive: #f04438; --color-chart-1: #fe7bcd; --color-chart-2: #ec4899; --color-chart-3: #db2777; --color-chart-4: #f472b6; --color-chart-5: #f9a8d4; --font-display: 'Sora', ui-sans-serif, system-ui, sans-serif; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; 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 { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :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)) { 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .\@container\/bulk-bar { container-type: inline-size; container-name: bulk-bar; } .\@container\/card-header { container-type: inline-size; container-name: card-header; } .\@container { container-type: inline-size; } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-3 { inset: calc(var(--spacing) * 3); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-x-3 { inset-inline: calc(var(--spacing) * 3); } .inset-x-10 { inset-inline: calc(var(--spacing) * 10); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-top-0\.5 { top: calc(var(--spacing) * -0.5); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-3 { top: calc(var(--spacing) * -3); } .-top-4 { top: calc(var(--spacing) * -4); } .-top-6 { top: calc(var(--spacing) * -6); } .-top-8 { top: calc(var(--spacing) * -8); } .-top-12 { top: calc(var(--spacing) * -12); } .-top-\[20\%\] { top: calc(20% * -1); } .top-0 { top: calc(var(--spacing) * 0); } .top-0\.5 { top: calc(var(--spacing) * 0.5); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: calc(1/2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-6 { top: calc(var(--spacing) * 6); } .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-11 { top: calc(var(--spacing) * 11); } .top-12 { top: calc(var(--spacing) * 12); } .top-16 { top: calc(var(--spacing) * 16); } .top-24 { top: calc(var(--spacing) * 24); } .top-30 { top: calc(var(--spacing) * 30); } .top-\[3px\] { top: 3px; } .top-\[40px\] { top: 40px; } .top-\[50\%\] { top: 50%; } .top-\[65px\] { top: 65px; } .top-\[68px\] { top: 68px; } .top-\[90px\] { top: 90px; } .top-\[92px\] { top: 92px; } .top-full { top: 100%; } .-right-0\.5 { right: calc(var(--spacing) * -0.5); } .-right-1 { right: calc(var(--spacing) * -1); } .-right-4 { right: calc(var(--spacing) * -4); } .-right-6 { right: calc(var(--spacing) * -6); } .-right-8 { right: calc(var(--spacing) * -8); } .-right-10 { right: calc(var(--spacing) * -10); } .-right-12 { right: calc(var(--spacing) * -12); } .-right-px { right: -1px; } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-2 { right: calc(var(--spacing) * 2); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-3 { right: calc(var(--spacing) * 3); } .right-3\.5 { right: calc(var(--spacing) * 3.5); } .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-20 { right: calc(var(--spacing) * 20); } .right-24 { right: calc(var(--spacing) * 24); } .right-\[60px\] { right: 60px; } .-bottom-0\.5 { bottom: calc(var(--spacing) * -0.5); } .-bottom-4 { bottom: calc(var(--spacing) * -4); } .-bottom-8 { bottom: calc(var(--spacing) * -8); } .-bottom-12 { bottom: calc(var(--spacing) * -12); } .-bottom-\[20\%\] { bottom: calc(20% * -1); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-0\.5 { bottom: calc(var(--spacing) * 0.5); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-10 { bottom: calc(var(--spacing) * 10); } .bottom-12 { bottom: calc(var(--spacing) * 12); } .bottom-16 { bottom: calc(var(--spacing) * 16); } .bottom-32 { bottom: calc(var(--spacing) * 32); } .bottom-\[-1px\] { bottom: -1px; } .bottom-full { bottom: 100%; } .-left-4 { left: calc(var(--spacing) * -4); } .-left-8 { left: calc(var(--spacing) * -8); } .-left-10 { left: calc(var(--spacing) * -10); } .-left-12 { left: calc(var(--spacing) * -12); } .-left-px { left: -1px; } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\/2 { left: calc(1/2 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-3\.5 { left: calc(var(--spacing) * 3.5); } .left-8 { left: calc(var(--spacing) * 8); } .left-\[3px\] { left: 3px; } .left-\[13px\] { left: 13px; } .left-\[15px\] { left: 15px; } .left-\[19px\] { left: 19px; } .left-\[50\%\] { left: 50%; } .left-\[60px\] { left: 60px; } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[50\] { z-index: 50; } .z-\[51\] { z-index: 51; } .z-\[60\] { z-index: 60; } .z-\[100\] { z-index: 100; } .z-\[9998\] { z-index: 9998; } .z-\[9999\] { z-index: 9999; } .z-\[10000\] { z-index: 10000; } .z-\[10001\] { z-index: 10001; } .z-\[99999\] { z-index: 99999; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-first { order: -9999; } .order-last { order: 9999; } .col-1 { grid-column: 1; } .col-2 { grid-column: 2; } .col-3 { grid-column: 3; } .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-full { grid-column: 1 / -1; } .col-start-2 { grid-column-start: 2; } .row-1 { grid-row: 1; } .row-2 { grid-row: 2; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 1; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .\!m-0 { margin: calc(var(--spacing) * 0) !important; } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-\[5px\] { margin: calc(5px * -1); } .m-0 { margin: calc(var(--spacing) * 0); } .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); } .-mx-0\.5 { margin-inline: calc(var(--spacing) * -0.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-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .-mx-px { margin-inline: -1px; } .mx-0\.5 { margin-inline: calc(var(--spacing) * 0.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-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-auto { margin-inline: auto; } .-my-1\.5 { margin-block: calc(var(--spacing) * -1.5); } .my-0\.5 { margin-block: calc(var(--spacing) * 0.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-3 { margin-block: calc(var(--spacing) * 3); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-10 { margin-block: calc(var(--spacing) * 10); } .my-16 { margin-block: calc(var(--spacing) * 16); } .prose { color: var(--tw-prose-body); max-width: 65ch; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } :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; } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; } :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } --tw-prose-body: oklch(37.3% 0.034 259.733); --tw-prose-headings: oklch(21% 0.034 264.665); --tw-prose-lead: oklch(44.6% 0.03 256.802); --tw-prose-links: oklch(21% 0.034 264.665); --tw-prose-bold: oklch(21% 0.034 264.665); --tw-prose-counters: oklch(55.1% 0.027 264.364); --tw-prose-bullets: oklch(87.2% 0.01 258.338); --tw-prose-hr: oklch(92.8% 0.006 264.531); --tw-prose-quotes: oklch(21% 0.034 264.665); --tw-prose-quote-borders: oklch(92.8% 0.006 264.531); --tw-prose-captions: oklch(55.1% 0.027 264.364); --tw-prose-kbd: oklch(21% 0.034 264.665); --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent); --tw-prose-code: oklch(21% 0.034 264.665); --tw-prose-pre-code: oklch(92.8% 0.006 264.531); --tw-prose-pre-bg: oklch(27.8% 0.033 256.848); --tw-prose-th-borders: oklch(87.2% 0.01 258.338); --tw-prose-td-borders: oklch(92.8% 0.006 264.531); --tw-prose-invert-body: oklch(87.2% 0.01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% 0.022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% 0.022 261.325); --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802); --tw-prose-invert-hr: oklch(37.3% 0.034 259.733); --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733); --tw-prose-invert-captions: oklch(70.7% 0.022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802); --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733); font-size: 1rem; line-height: 1.75; :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } } .prose-lg { font-size: 1.125rem; line-height: 1.7777778; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2222222em; line-height: 1.4545455; margin-top: 1.0909091em; margin-bottom: 1.0909091em; } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.6666667em; margin-bottom: 1.6666667em; padding-inline-start: 1em; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2.6666667em; margin-top: 0; margin-bottom: 0.8333333em; line-height: 1; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.6666667em; margin-top: 1.8666667em; margin-bottom: 1.0666667em; line-height: 1.3333333; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.3333333em; margin-top: 1.6666667em; margin-bottom: 0.6666667em; line-height: 1.5; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 0.4444444em; line-height: 1.5555556; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; border-radius: 0.3125rem; padding-top: 0.2222222em; padding-inline-end: 0.4444444em; padding-bottom: 0.2222222em; padding-inline-start: 0.4444444em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8666667em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.875em; } :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; line-height: 1.75; margin-top: 2em; margin-bottom: 2em; border-radius: 0.375rem; padding-top: 1em; padding-inline-end: 1.5em; padding-bottom: 1em; padding-inline-start: 1.5em; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.5555556em; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.5555556em; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6666667em; margin-bottom: 0.6666667em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4444444em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4444444em; } :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.3333333em; } :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.3333333em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6666667em; padding-inline-start: 1.5555556em; } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 3.1111111em; margin-bottom: 3.1111111em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; line-height: 1.5; } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0.75em; padding-bottom: 0.75em; padding-inline-start: 0.75em; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.75em; padding-inline-end: 0.75em; padding-bottom: 0.75em; padding-inline-start: 0.75em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; line-height: 1.5; margin-top: 1em; } :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } } .prose-sm { font-size: 0.875rem; line-height: 1.7142857; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2857143em; line-height: 1.5555556; margin-top: 0.8888889em; margin-bottom: 0.8888889em; } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.1111111em; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2.1428571em; margin-top: 0; margin-bottom: 0.8em; line-height: 1.2; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.4285714em; margin-top: 1.6em; margin-bottom: 0.8em; line-height: 1.4; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2857143em; margin-top: 1.5555556em; margin-bottom: 0.4444444em; line-height: 1.5555556; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.4285714em; margin-bottom: 0.5714286em; line-height: 1.4285714; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; border-radius: 0.3125rem; padding-top: 0.1428571em; padding-inline-end: 0.3571429em; padding-bottom: 0.1428571em; padding-inline-start: 0.3571429em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; } :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; line-height: 1.6666667; margin-top: 1.6666667em; margin-bottom: 1.6666667em; border-radius: 0.25rem; padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.2857143em; margin-bottom: 0.2857143em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4285714em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4285714em; } :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5714286em; margin-bottom: 0.5714286em; } :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.1428571em; } :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.1428571em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5714286em; margin-bottom: 0.5714286em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.2857143em; padding-inline-start: 1.5714286em; } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2.8571429em; margin-bottom: 2.8571429em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; line-height: 1.5; } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; line-height: 1.3333333; margin-top: 0.6666667em; } :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } } .-mt-0\.5 { margin-top: calc(var(--spacing) * -0.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-4 { margin-top: calc(var(--spacing) * -4); } .-mt-11 { margin-top: calc(var(--spacing) * -11); } .-mt-16 { margin-top: calc(var(--spacing) * -16); } .-mt-\[44px\] { margin-top: calc(44px * -1); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.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-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-\[1px\] { margin-top: 1px; } .mt-\[2px\] { margin-top: 2px; } .mt-\[3px\] { margin-top: 3px; } .mt-\[5px\] { margin-top: 5px; } .mt-\[6px\] { margin-top: 6px; } .mt-\[7px\] { margin-top: 7px; } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .-mr-0\.5 { margin-right: calc(var(--spacing) * -0.5); } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .mr-0\.5 { margin-right: calc(var(--spacing) * 0.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-4 { margin-right: calc(var(--spacing) * 4); } .mr-8 { margin-right: calc(var(--spacing) * 8); } .mr-auto { margin-right: auto; } .-mb-0\.5 { margin-bottom: calc(var(--spacing) * -0.5); } .-mb-1 { margin-bottom: calc(var(--spacing) * -1); } .-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.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-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .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); } .-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-3 { margin-left: calc(var(--spacing) * -3); } .-ml-4 { margin-left: calc(var(--spacing) * -4); } .-ml-px { margin-left: -1px; } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.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-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .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-9 { margin-left: calc(var(--spacing) * 9); } .ml-\[-1px\] { margin-left: -1px; } .ml-\[1px\] { margin-left: 1px; } .ml-\[22px\] { margin-left: 22px; } .ml-auto { margin-left: auto; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .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-\[1\/1\] { aspect-ratio: 1/1; } .aspect-\[5\/4\] { aspect-ratio: 5/4; } .aspect-square { aspect-ratio: 1 / 1; } .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-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\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-4\.5 { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } .size-\[3px\] { width: 3px; height: 3px; } .size-\[5px\] { width: 5px; height: 5px; } .size-\[6px\] { width: 6px; height: 6px; } .size-\[7px\] { width: 7px; height: 7px; } .size-\[10px\] { width: 10px; height: 10px; } .size-\[12px\] { width: 12px; height: 12px; } .size-\[14px\] { width: 14px; height: 14px; } .size-\[16px\] { width: 16px; height: 16px; } .size-\[18px\] { width: 18px; height: 18px; } .size-\[20px\] { width: 20px; height: 20px; } .size-\[22px\] { width: 22px; height: 22px; } .size-auto { width: auto; height: auto; } .size-full { width: 100%; height: 100%; } .\!h-4 { height: calc(var(--spacing) * 4) !important; } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-3\/5 { height: calc(3/5 * 100%); } .h-4 { height: calc(var(--spacing) * 4); } .h-4\.5 { height: calc(var(--spacing) * 4.5); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-13 { height: calc(var(--spacing) * 13); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-28 { height: calc(var(--spacing) * 28); } .h-36 { height: calc(var(--spacing) * 36); } .h-44 { height: calc(var(--spacing) * 44); } .h-48 { height: calc(var(--spacing) * 48); } .h-64 { height: calc(var(--spacing) * 64); } .h-96 { height: calc(var(--spacing) * 96); } .h-\[1\.05em\] { height: 1.05em; } .h-\[1px\] { height: 1px; } .h-\[2px\] { height: 2px; } .h-\[3px\] { height: 3px; } .h-\[5px\] { height: 5px; } .h-\[10px\] { height: 10px; } .h-\[11px\] { height: 11px; } .h-\[13px\] { height: 13px; } .h-\[14px\] { height: 14px; } .h-\[15px\] { height: 15px; } .h-\[16px\] { height: 16px; } .h-\[18px\] { height: 18px; } .h-\[20px\] { height: 20px; } .h-\[22px\] { height: 22px; } .h-\[34px\] { height: 34px; } .h-\[36px\] { height: 36px; } .h-\[44px\] { height: 44px; } .h-\[52px\] { height: 52px; } .h-\[72px\] { height: 72px; } .h-\[88px\] { height: 88px; } .h-\[120px\] { height: 120px; } .h-\[132px\] { height: 132px; } .h-\[140px\] { height: 140px; } .h-\[150px\] { height: 150px; } .h-\[160px\] { height: 160px; } .h-\[170px\] { height: 170px; } .h-\[180px\] { height: 180px; } .h-\[200px\] { height: 200px; } .h-\[210px\] { height: 210px; } .h-\[320px\] { height: 320px; } .h-\[360px\] { height: 360px; } .h-\[420px\] { height: 420px; } .h-\[500px\] { height: 500px; } .h-\[600px\] { height: 600px; } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .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-4 { max-height: calc(var(--spacing) * 4); } .max-h-10 { max-height: calc(var(--spacing) * 10); } .max-h-24 { max-height: calc(var(--spacing) * 24); } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-38 { max-height: calc(var(--spacing) * 38); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-72 { max-height: calc(var(--spacing) * 72); } .max-h-80 { max-height: calc(var(--spacing) * 80); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-\[11\.5rem\] { max-height: 11.5rem; } .max-h-\[22rem\] { max-height: 22rem; } .max-h-\[30vh\] { max-height: 30vh; } .max-h-\[40vh\] { max-height: 40vh; } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[52vh\] { max-height: 52vh; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[150px\] { max-height: 150px; } .max-h-\[180px\] { max-height: 180px; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[240px\] { max-height: 240px; } .max-h-\[250px\] { max-height: 250px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[480px\] { max-height: 480px; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[520px\] { max-height: 520px; } .max-h-\[600px\] { max-height: 600px; } .max-h-\[calc\(100vh-1rem\)\] { max-height: calc(100vh - 1rem); } .max-h-\[calc\(100vh-8rem\)\] { max-height: calc(100vh - 8rem); } .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-2 { min-height: calc(var(--spacing) * 2); } .min-h-4 { min-height: calc(var(--spacing) * 4); } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-11 { min-height: calc(var(--spacing) * 11); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-\[16px\] { min-height: 16px; } .min-h-\[22px\] { min-height: 22px; } .min-h-\[24px\] { min-height: 24px; } .min-h-\[70vh\] { min-height: 70vh; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[260px\] { min-height: 260px; } .min-h-\[320px\] { min-height: 320px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[420px\] { min-height: 420px; } .min-h-\[480px\] { min-height: 480px; } .min-h-\[min\(52vh\,680px\)\] { min-height: min(52vh, 680px); } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .\!w-4 { width: calc(var(--spacing) * 4) !important; } .w-0 { width: calc(var(--spacing) * 0); } .w-0\.5 { width: calc(var(--spacing) * 0.5); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/3 { width: calc(1/3 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: calc(2/3 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: calc(3/4 * 100%); } .w-3\/5 { width: calc(3/5 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-4\.5 { width: calc(var(--spacing) * 4.5); } .w-4\/5 { width: calc(4/5 * 100%); } .w-5 { width: calc(var(--spacing) * 5); } .w-5\/6 { width: calc(5/6 * 100%); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-7\/12 { width: calc(7/12 * 100%); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-9\/12 { width: calc(9/12 * 100%); } .w-10 { width: calc(var(--spacing) * 10); } .w-10\/12 { width: calc(10/12 * 100%); } .w-11 { width: calc(var(--spacing) * 11); } .w-11\/12 { width: calc(11/12 * 100%); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-\[1\.5px\] { width: 1.5px; } .w-\[2px\] { width: 2px; } .w-\[5px\] { width: 5px; } .w-\[6px\] { width: 6px; } .w-\[10px\] { width: 10px; } .w-\[13\.5rem\] { width: 13.5rem; } .w-\[14px\] { width: 14px; } .w-\[16px\] { width: 16px; } .w-\[18px\] { width: 18px; } .w-\[22px\] { width: 22px; } .w-\[40\%\] { width: 40%; } .w-\[48px\] { width: 48px; } .w-\[50\%\] { width: 50%; } .w-\[54px\] { width: 54px; } .w-\[70px\] { width: 70px; } .w-\[72px\] { width: 72px; } .w-\[80px\] { width: 80px; } .w-\[88px\] { width: 88px; } .w-\[90\%\] { width: 90%; } .w-\[90vw\] { width: 90vw; } .w-\[92vw\] { width: 92vw; } .w-\[100\%\] { width: 100%; } .w-\[100px\] { width: 100px; } .w-\[120px\] { width: 120px; } .w-\[130px\] { width: 130px; } .w-\[132px\] { width: 132px; } .w-\[140px\] { width: 140px; } .w-\[150px\] { width: 150px; } .w-\[160px\] { width: 160px; } .w-\[180px\] { width: 180px; } .w-\[200px\] { width: 200px; } .w-\[240px\] { width: 240px; } .w-\[280px\] { width: 280px; } .w-\[300px\] { width: 300px; } .w-\[320px\] { width: 320px; } .w-\[340px\] { width: 340px; } .w-\[350px\] { width: 350px; } .w-\[400px\] { width: 400px; } .w-\[420px\] { width: 420px; } .w-\[450px\] { width: 450px; } .w-\[560px\] { width: 560px; } .w-\[760px\] { width: 760px; } .w-\[1400px\] { width: 1400px; } .w-\[calc\(100\%-1\.75rem\)\] { width: calc(100% - 1.75rem); } .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .w-sm { width: var(--container-sm); } .max-w-0 { max-width: calc(var(--spacing) * 0); } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .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-36 { max-width: calc(var(--spacing) * 36); } .max-w-60 { max-width: calc(var(--spacing) * 60); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-\[9rem\] { max-width: 9rem; } .max-w-\[12rem\] { max-width: 12rem; } .max-w-\[16rem\] { max-width: 16rem; } .max-w-\[36px\] { max-width: 36px; } .max-w-\[50\%\] { max-width: 50%; } .max-w-\[78\%\] { max-width: 78%; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[82\%\] { max-width: 82%; } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[92\%\] { max-width: 92%; } .max-w-\[92vw\] { max-width: 92vw; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[160px\] { max-width: 160px; } .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-\[260px\] { max-width: 260px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[340px\] { max-width: 340px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[450px\] { max-width: 450px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[520px\] { max-width: 520px; } .max-w-\[540px\] { max-width: 540px; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[580px\] { max-width: 580px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[620px\] { max-width: 620px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[680px\] { max-width: 680px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[720px\] { max-width: 720px; } .max-w-\[760px\] { max-width: 760px; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[820px\] { max-width: 820px; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[960px\] { max-width: 960px; } .max-w-\[1000px\] { max-width: 1000px; } .max-w-\[1060px\] { max-width: 1060px; } .max-w-\[1080px\] { max-width: 1080px; } .max-w-\[1100px\] { max-width: 1100px; } .max-w-\[1180px\] { max-width: 1180px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[1280px\] { max-width: 1280px; } .max-w-\[1300px\] { max-width: 1300px; } .max-w-\[1400px\] { max-width: 1400px; } .max-w-\[calc\(100\%-1rem\)\] { max-width: calc(100% - 1rem); } .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); } .max-w-\[calc\(100\%-24px\)\] { max-width: calc(100% - 24px); } .max-w-\[calc\(100vw-1\.5rem\)\] { max-width: calc(100vw - 1.5rem); } .max-w-\[calc\(100vw-1rem\)\] { max-width: calc(100vw - 1rem); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-prose { max-width: 65ch; } .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-0 { min-width: calc(var(--spacing) * 0); } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-16 { min-width: calc(var(--spacing) * 16); } .min-w-44 { min-width: calc(var(--spacing) * 44); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-60 { min-width: calc(var(--spacing) * 60); } .min-w-\[1\.25rem\] { min-width: 1.25rem; } .min-w-\[2\.5rem\] { min-width: 2.5rem; } .min-w-\[3\.5rem\] { min-width: 3.5rem; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[12px\] { min-width: 12px; } .min-w-\[14px\] { min-width: 14px; } .min-w-\[50px\] { min-width: 50px; } .min-w-\[56px\] { min-width: 56px; } .min-w-\[60px\] { min-width: 60px; } .min-w-\[64px\] { min-width: 64px; } .min-w-\[65px\] { min-width: 65px; } .min-w-\[70px\] { min-width: 70px; } .min-w-\[72px\] { min-width: 72px; } .min-w-\[80px\] { min-width: 80px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[120px\] { min-width: 120px; } .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-\[260px\] { min-width: 260px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[320px\] { min-width: 320px; } .min-w-\[400px\] { min-width: 400px; } .min-w-\[640px\] { min-width: 640px; } .min-w-\[680px\] { min-width: 680px; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-full { min-width: 100%; } .min-w-max { min-width: max-content; } .flex-1 { flex: 1; } .flex-\[1\] { flex: 1; } .flex-\[3\] { flex: 3; } .flex-\[4\] { flex: 4; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-1\/3 { flex-basis: calc(1/3 * 100%); } .basis-full { flex-basis: 100%; } .table-fixed { table-layout: fixed; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .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-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-bottom { transform-origin: bottom; } .origin-top { transform-origin: top; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-1\/6 { --tw-translate-x: calc(calc(1/6 * 100%) * -1); 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-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * 0.5); 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-3 { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-3\.5 { --tw-translate-x: calc(var(--spacing) * 3.5); 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-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[3px\] { --tw-translate-x: 3px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[14px\] { --tw-translate-x: 14px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[18px\] { --tw-translate-x: 18px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[20px\] { --tw-translate-x: 20px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[22px\] { --tw-translate-x: 22px; 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-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); 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-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * 0.5); 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-4 { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-1px\] { --tw-translate-y: -1px; 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-\[2px\] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[3px\] { --tw-translate-y: 3px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x) var(--tw-translate-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-\[1\.03\] { scale: 1.03; } .-rotate-12 { rotate: calc(12deg * -1); } .-rotate-90 { rotate: calc(90deg * -1); } .rotate-0 { rotate: 0deg; } .rotate-12 { rotate: 12deg; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .rotate-\[-3deg\] { rotate: -3deg; } .rotate-\[-5deg\] { rotate: -5deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-\[float_3s_ease-in-out_infinite\] { animation: float 3s ease-in-out infinite; } .animate-\[tab-flash_600ms_ease-out_forwards\] { animation: tab-flash 600ms ease-out forwards; } .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-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-col-resize { cursor: col-resize; } .cursor-default { cursor: default; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-ns-resize { cursor: ns-resize; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .touch-manipulation { touch-action: manipulation; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-start { scroll-snap-align: start; } .scroll-my-1 { scroll-margin-block: calc(var(--spacing) * 1); } .scroll-mt-4 { scroll-margin-top: calc(var(--spacing) * 4); } .scroll-mt-8 { scroll-margin-top: calc(var(--spacing) * 8); } .scroll-mt-20 { scroll-margin-top: calc(var(--spacing) * 20); } .scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24); } .scroll-py-1 { scroll-padding-block: calc(var(--spacing) * 1); } .list-inside { list-style-position: inside; } .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; } .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-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-\[0_1fr\] { grid-template-columns: 0 1fr; } .grid-cols-\[0fr\] { grid-template-columns: 0fr; } .grid-cols-\[1fr_48px_1fr\] { grid-template-columns: 1fr 48px 1fr; } .grid-cols-\[1fr_160px_160px_80px\] { grid-template-columns: 1fr 160px 160px 80px; } .grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .grid-cols-\[36px_60px_1fr_90px_60px_100px_1fr\] { grid-template-columns: 36px 60px 1fr 90px 60px 100px 1fr; } .grid-cols-\[36px_minmax\(140px\,1\.5fr\)_minmax\(90px\,1fr\)_minmax\(120px\,1fr\)_minmax\(120px\,1fr\)\] { grid-template-columns: 36px minmax(140px,1.5fr) minmax(90px,1fr) minmax(120px,1fr) minmax(120px,1fr); } .grid-cols-\[80px_1fr\] { grid-template-columns: 80px 1fr; } .grid-cols-\[120px_1fr\] { grid-template-columns: 120px 1fr; } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[auto_1fr_auto_1fr\] { grid-template-columns: auto 1fr auto 1fr; } .grid-rows-\[0fr\] { grid-template-rows: 0fr; } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .content-start { align-content: flex-start; } .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-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .justify-items-start { justify-items: start; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-14 { gap: calc(var(--spacing) * 14); } .gap-\[3px\] { gap: 3px; } .gap-px { gap: 1px; } .space-y-0 { :where(& > :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))); } } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :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))); } } .space-y-1\.5 { :where(& > :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))); } } .space-y-2 { :where(& > :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))); } } .space-y-2\.5 { :where(& > :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))); } } .space-y-3 { :where(& > :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))); } } .space-y-3\.5 { :where(& > :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))); } } .space-y-4 { :where(& > :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))); } } .space-y-5 { :where(& > :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))); } } .space-y-6 { :where(& > :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))); } } .space-y-7 { :where(& > :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))); } } .space-y-8 { :where(& > :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))); } } .space-y-10 { :where(& > :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))); } } .space-y-12 { :where(& > :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))); } } .gap-x-0\.5 { column-gap: calc(var(--spacing) * 0.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-8 { column-gap: calc(var(--spacing) * 8); } .gap-x-16 { column-gap: calc(var(--spacing) * 16); } .-space-x-1 { :where(& > :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))); } } .space-x-1\.5 { :where(& > :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))); } } .space-x-2 { :where(& > :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))); } } .gap-y-0\.5 { row-gap: calc(var(--spacing) * 0.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-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .divide-x { :where(& > :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))); } } .divide-y { :where(& > :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))); } } .divide-dashed { :where(& > :not(:last-child)) { --tw-border-style: dashed; border-style: dashed; } } .divide-\[\#e4e4e7\] { :where(& > :not(:last-child)) { border-color: #e4e4e7; } } .divide-\[\#ececef\] { :where(& > :not(:last-child)) { border-color: #ececef; } } .divide-\[\#f4f4f5\] { :where(& > :not(:last-child)) { border-color: #f4f4f5; } } .divide-border { :where(& > :not(:last-child)) { border-color: var(--color-border); } } .divide-gray-50 { :where(& > :not(:last-child)) { border-color: var(--color-gray-50); } } .divide-gray-100 { :where(& > :not(:last-child)) { border-color: var(--color-gray-100); } } .divide-gray-200 { :where(& > :not(:last-child)) { border-color: var(--color-gray-200); } } .divide-stone-100 { :where(& > :not(:last-child)) { border-color: var(--color-stone-100); } } .divide-stone-200 { :where(& > :not(:last-child)) { border-color: var(--color-stone-200); } } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: flex-end; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\!overflow-visible { overflow: visible !important; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overscroll-contain { overscroll-behavior: contain; } .scroll-smooth { scroll-behavior: smooth; } .rounded { border-radius: var(--radius); } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-\[0\.75rem\] { border-radius: 0.75rem; } .rounded-\[1px\] { border-radius: 1px; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[calc\(var\(--radius\)-5px\)\] { border-radius: calc(var(--radius) - 5px); } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xs { border-radius: var(--radius-xs); } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .rounded-l-full { border-top-left-radius: calc(infinity * 1px); border-bottom-left-radius: calc(infinity * 1px); } .rounded-tl-lg { border-top-left-radius: var(--radius-lg); } .rounded-tl-md { border-top-left-radius: var(--radius-md); } .rounded-tl-xl { border-top-left-radius: var(--radius-xl); } .rounded-r-full { border-top-right-radius: calc(infinity * 1px); border-bottom-right-radius: calc(infinity * 1px); } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-tr-md { border-top-right-radius: var(--radius-md); } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-b-md { border-bottom-right-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-br-2xl { border-bottom-right-radius: var(--radius-2xl); } .rounded-br-md { border-bottom-right-radius: var(--radius-md); } .rounded-bl-2xl { border-bottom-left-radius: var(--radius-2xl); } .rounded-bl-md { border-bottom-left-radius: var(--radius-md); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-\[0\.5px\] { border-style: var(--tw-border-style); border-width: 0.5px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .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: 0px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { 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-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-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .border-\[\#09090b\] { border-color: #09090b; } .border-\[\#09090b\]\/20 { border-color: color-mix(in oklab, #09090b 20%, transparent); } .border-\[\#71717a\] { border-color: #71717a; } .border-\[\#171717\] { border-color: #171717; } .border-\[\#D64A9E\] { border-color: #D64A9E; } .border-\[\#EBEBEB\] { border-color: #EBEBEB; } .border-\[\#FBC2DE\] { border-color: #FBC2DE; } .border-\[\#FBC8DF\] { border-color: #FBC8DF; } .border-\[\#FE7BCD\] { border-color: #FE7BCD; } .border-\[\#FE7BCD\]\/15 { border-color: color-mix(in oklab, #FE7BCD 15%, transparent); } .border-\[\#FE7BCD\]\/20 { border-color: color-mix(in oklab, #FE7BCD 20%, transparent); } .border-\[\#FE7BCD\]\/30 { border-color: color-mix(in oklab, #FE7BCD 30%, transparent); } .border-\[\#FE7BCD\]\/35 { border-color: color-mix(in oklab, #FE7BCD 35%, transparent); } .border-\[\#FE7BCD\]\/40 { border-color: color-mix(in oklab, #FE7BCD 40%, transparent); } .border-\[\#FE7BCD\]\/50 { border-color: color-mix(in oklab, #FE7BCD 50%, transparent); } .border-\[\#FECCE8\] { border-color: #FECCE8; } .border-\[\#bbf7d0\] { border-color: #bbf7d0; } .border-\[\#bfdbfe\] { border-color: #bfdbfe; } .border-\[\#d4d4d8\] { border-color: #d4d4d8; } .border-\[\#e0e0ff\] { border-color: #e0e0ff; } .border-\[\#e4e4e7\] { border-color: #e4e4e7; } .border-\[\#e5e5e5\] { border-color: #e5e5e5; } .border-\[\#e8e8ec\] { border-color: #e8e8ec; } .border-\[\#e9d5ff\] { border-color: #e9d5ff; } .border-\[\#ececef\] { border-color: #ececef; } .border-\[\#f0f0f0\] { border-color: #f0f0f0; } .border-\[\#f4f4f5\] { border-color: #f4f4f5; } .border-\[\#fbcfe8\] { border-color: #fbcfe8; } .border-\[\#fe7bcd\] { border-color: #fe7bcd; } .border-\[\#fe7bcd\]\/30 { border-color: color-mix(in oklab, #fe7bcd 30%, transparent); } .border-\[color\:var\(--origami-find-shell\)\] { border-color: var(--origami-find-shell); } .border-\[oklch\(92\.5\%_0_0\)\] { border-color: oklch(92.5% 0 0); } .border-amber-100 { border-color: var(--color-amber-100); } .border-amber-200 { border-color: var(--color-amber-200); } .border-amber-200\/60 { border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-200) 60%, transparent); } } .border-amber-200\/70 { border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-200) 70%, transparent); } } .border-amber-200\/80 { border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent); } } .border-amber-300 { border-color: var(--color-amber-300); } .border-amber-400 { border-color: var(--color-amber-400); } .border-amber-500 { border-color: var(--color-amber-500); } .border-amber-500\/20 { border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .border-black\/5 { border-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .border-blue-100 { border-color: var(--color-blue-100); } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-200\/50 { border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-200) 50%, transparent); } } .border-blue-200\/70 { border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-200) 70%, transparent); } } .border-blue-300 { border-color: var(--color-blue-300); } .border-blue-500 { border-color: var(--color-blue-500); } .border-blue-700 { border-color: var(--color-blue-700); } .border-border { border-color: var(--color-border); } .border-border\/60 { border-color: color-mix(in srgb, #f0f0f2 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border) 60%, transparent); } } .border-cyan-200 { border-color: var(--color-cyan-200); } .border-emerald-100 { border-color: var(--color-emerald-100); } .border-emerald-200 { border-color: var(--color-emerald-200); } .border-emerald-200\/50 { border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent); } } .border-emerald-200\/70 { border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-200) 70%, transparent); } } .border-emerald-200\/80 { border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent); } } .border-emerald-300 { border-color: var(--color-emerald-300); } .border-emerald-400 { border-color: var(--color-emerald-400); } .border-foreground { border-color: var(--color-foreground); } .border-foreground\/10 { border-color: color-mix(in srgb, #09090b 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 10%, transparent); } } .border-foreground\/12 { border-color: color-mix(in srgb, #09090b 12%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 12%, transparent); } } .border-foreground\/\[0\.1\] { border-color: color-mix(in srgb, #09090b 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 10%, transparent); } } .border-foreground\/\[0\.04\] { border-color: color-mix(in srgb, #09090b 4%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 4%, transparent); } } .border-foreground\/\[0\.06\] { border-color: color-mix(in srgb, #09090b 6%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 6%, transparent); } } .border-foreground\/\[0\.08\] { border-color: color-mix(in srgb, #09090b 8%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 8%, transparent); } } .border-foreground\/\[0\.14\] { border-color: color-mix(in srgb, #09090b 14.000000000000002%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 14.000000000000002%, transparent); } } .border-foreground\/\[0\.15\] { border-color: color-mix(in srgb, #09090b 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 15%, transparent); } } .border-fuchsia-200 { border-color: var(--color-fuchsia-200); } .border-gray-50 { border-color: var(--color-gray-50); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-200\/60 { border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-200) 60%, transparent); } } .border-gray-200\/80 { border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-200) 80%, transparent); } } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-300\/50 { border-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-300) 50%, transparent); } } .border-gray-300\/80 { border-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-300) 80%, transparent); } } .border-gray-400 { border-color: var(--color-gray-400); } .border-gray-700 { border-color: var(--color-gray-700); } .border-gray-900 { border-color: var(--color-gray-900); } .border-green-200 { border-color: var(--color-green-200); } .border-indigo-100 { border-color: var(--color-indigo-100); } .border-indigo-200 { border-color: var(--color-indigo-200); } .border-indigo-200\/50 { border-color: color-mix(in srgb, oklch(87% 0.065 274.039) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-indigo-200) 50%, transparent); } } .border-input { border-color: var(--color-input); } .border-lime-200 { border-color: var(--color-lime-200); } .border-muted { border-color: var(--color-muted); } .border-muted-foreground\/20 { border-color: color-mix(in srgb, #71717a 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-muted-foreground) 20%, transparent); } } .border-muted-foreground\/40 { border-color: color-mix(in srgb, #71717a 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent); } } .border-muted-foreground\/50 { border-color: color-mix(in srgb, #71717a 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent); } } .border-orange-100 { border-color: var(--color-orange-100); } .border-orange-200 { border-color: var(--color-orange-200); } .border-origami-pink { border-color: var(--color-origami-pink); } .border-origami-pink-dark { border-color: var(--color-origami-pink-dark); } .border-origami-pink-dark\/15 { border-color: color-mix(in srgb, #D64A9E 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-origami-pink-dark) 15%, transparent); } } .border-origami-pink\/20 { border-color: color-mix(in srgb, #fe7bcd 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-origami-pink) 20%, transparent); } } .border-origami-pink\/30 { border-color: color-mix(in srgb, #fe7bcd 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-origami-pink) 30%, transparent); } } .border-origami-pink\/40 { border-color: color-mix(in srgb, #fe7bcd 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-origami-pink) 40%, transparent); } } .border-pink-100 { border-color: var(--color-pink-100); } .border-pink-200 { border-color: var(--color-pink-200); } .border-pink-200\/50 { border-color: color-mix(in srgb, oklch(89.9% 0.061 343.231) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-200) 50%, transparent); } } .border-pink-400 { border-color: var(--color-pink-400); } .border-pink-400\/60 { border-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-400) 60%, transparent); } } .border-purple-100 { border-color: var(--color-purple-100); } .border-purple-200 { border-color: var(--color-purple-200); } .border-purple-200\/50 { border-color: color-mix(in srgb, oklch(90.2% 0.063 306.703) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-200) 50%, transparent); } } .border-purple-200\/70 { border-color: color-mix(in srgb, oklch(90.2% 0.063 306.703) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-200) 70%, transparent); } } .border-purple-300 { border-color: var(--color-purple-300); } .border-purple-600 { border-color: var(--color-purple-600); } .border-red-100 { border-color: var(--color-red-100); } .border-red-200 { border-color: var(--color-red-200); } .border-red-200\/50 { border-color: color-mix(in srgb, oklch(88.5% 0.062 18.334) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-200) 50%, transparent); } } .border-red-300 { border-color: var(--color-red-300); } .border-red-600 { border-color: var(--color-red-600); } .border-rose-100 { border-color: var(--color-rose-100); } .border-rose-200 { border-color: var(--color-rose-200); } .border-rose-200\/70 { border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-200) 70%, transparent); } } .border-rose-200\/80 { border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent); } } .border-sky-100 { border-color: var(--color-sky-100); } .border-sky-200 { border-color: var(--color-sky-200); } .border-stone-50 { border-color: var(--color-stone-50); } .border-stone-100 { border-color: var(--color-stone-100); } .border-stone-200 { border-color: var(--color-stone-200); } .border-stone-200\/40 { border-color: color-mix(in srgb, #e7e5e4 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-200) 40%, transparent); } } .border-stone-200\/50 { border-color: color-mix(in srgb, #e7e5e4 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-200) 50%, transparent); } } .border-stone-200\/60 { border-color: color-mix(in srgb, #e7e5e4 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-200) 60%, transparent); } } .border-stone-200\/65 { border-color: color-mix(in srgb, #e7e5e4 65%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-200) 65%, transparent); } } .border-stone-200\/70 { border-color: color-mix(in srgb, #e7e5e4 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-200) 70%, transparent); } } .border-stone-200\/80 { border-color: color-mix(in srgb, #e7e5e4 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-200) 80%, transparent); } } .border-stone-200\/90 { border-color: color-mix(in srgb, #e7e5e4 90%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-200) 90%, transparent); } } .border-stone-300 { border-color: var(--color-stone-300); } .border-stone-300\/50 { border-color: color-mix(in srgb, #d1cec9 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-300) 50%, transparent); } } .border-stone-300\/70 { border-color: color-mix(in srgb, #d1cec9 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-300) 70%, transparent); } } .border-stone-400 { border-color: var(--color-stone-400); } .border-stone-400\/80 { border-color: color-mix(in srgb, #a8a29e 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-400) 80%, transparent); } } .border-stone-700 { border-color: var(--color-stone-700); } .border-stone-700\/50 { border-color: color-mix(in srgb, #44403c 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-700) 50%, transparent); } } .border-stone-900 { border-color: var(--color-stone-900); } .border-stone-900\/\[0\.06\] { border-color: color-mix(in srgb, #1c1917 6%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-900) 6%, transparent); } } .border-teal-100 { border-color: var(--color-teal-100); } .border-transparent { border-color: transparent; } .border-violet-100 { border-color: var(--color-violet-100); } .border-violet-200 { border-color: var(--color-violet-200); } .border-violet-200\/50 { border-color: color-mix(in srgb, oklch(89.4% 0.057 293.283) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-violet-200) 50%, transparent); } } .border-violet-300 { border-color: var(--color-violet-300); } .border-violet-400 { border-color: var(--color-violet-400); } .border-white { border-color: var(--color-white); } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/40 { border-color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .border-yellow-200 { border-color: var(--color-yellow-200); } .border-t-gray-200 { border-top-color: var(--color-gray-200); } .border-t-stone-500 { border-top-color: var(--color-stone-500); } .border-t-stone-900 { border-top-color: var(--color-stone-900); } .border-t-transparent { border-top-color: transparent; } .border-b-white { border-bottom-color: var(--color-white); } .border-l-\[\#FE7BCD\] { border-left-color: #FE7BCD; } .border-l-amber-400 { border-left-color: var(--color-amber-400); } .border-l-emerald-400 { border-left-color: var(--color-emerald-400); } .border-l-purple-400 { border-left-color: var(--color-purple-400); } .border-l-red-400 { border-left-color: var(--color-red-400); } .border-l-stone-200 { border-left-color: var(--color-stone-200); } .border-l-stone-300 { border-left-color: var(--color-stone-300); } .border-l-transparent { border-left-color: transparent; } .bg-\[\#0a66c2\] { background-color: #0a66c2; } .bg-\[\#0f0f12\] { background-color: #0f0f12; } .bg-\[\#1c1917\] { background-color: #1c1917; } .bg-\[\#1e1e1e\] { background-color: #1e1e1e; } .bg-\[\#10b981\] { background-color: #10b981; } .bg-\[\#16a34a\] { background-color: #16a34a; } .bg-\[\#09090b\] { background-color: #09090b; } .bg-\[\#52525b\] { background-color: #52525b; } .bg-\[\#71717a\] { background-color: #71717a; } .bg-\[\#171717\] { background-color: #171717; } .bg-\[\#D64A9E\] { background-color: #D64A9E; } .bg-\[\#D64A9E\]\/10 { background-color: color-mix(in oklab, #D64A9E 10%, transparent); } .bg-\[\#D64A9E\]\/60 { background-color: color-mix(in oklab, #D64A9E 60%, transparent); } .bg-\[\#EFF5FD\] { background-color: #EFF5FD; } .bg-\[\#F0EFEF\] { background-color: #F0EFEF; } .bg-\[\#F1F0EF\] { background-color: #F1F0EF; } .bg-\[\#F2F2F2\] { background-color: #F2F2F2; } .bg-\[\#F5F5F5\] { background-color: #F5F5F5; } .bg-\[\#F5F5F5\]\/72 { background-color: color-mix(in oklab, #F5F5F5 72%, transparent); } .bg-\[\#F6F4F3\] { background-color: #F6F4F3; } .bg-\[\#F7F4EF\] { background-color: #F7F4EF; } .bg-\[\#F9F9F9\] { background-color: #F9F9F9; } .bg-\[\#FAFAFA\] { background-color: #FAFAFA; } .bg-\[\#FB44B8\] { background-color: #FB44B8; } .bg-\[\#FB44B8\]\/20 { background-color: color-mix(in oklab, #FB44B8 20%, transparent); } .bg-\[\#FD7BCD\] { background-color: #FD7BCD; } .bg-\[\#FE7BCD\] { background-color: #FE7BCD; } .bg-\[\#FE7BCD\]\/30 { background-color: color-mix(in oklab, #FE7BCD 30%, transparent); } .bg-\[\#FE7BCD\]\/40 { background-color: color-mix(in oklab, #FE7BCD 40%, transparent); } .bg-\[\#FE7BCD\]\/50 { background-color: color-mix(in oklab, #FE7BCD 50%, transparent); } .bg-\[\#FEF0F7\] { background-color: #FEF0F7; } .bg-\[\#FEF0F7\]\/40 { background-color: color-mix(in oklab, #FEF0F7 40%, transparent); } .bg-\[\#FEF0F7\]\/60 { background-color: color-mix(in oklab, #FEF0F7 60%, transparent); } .bg-\[\#e4e4e7\] { background-color: #e4e4e7; } .bg-\[\#e4e4e7\]\/50 { background-color: color-mix(in oklab, #e4e4e7 50%, transparent); } .bg-\[\#e8e8ec\] { background-color: #e8e8ec; } .bg-\[\#eff6ff\] { background-color: #eff6ff; } .bg-\[\#f0f0f0\] { background-color: #f0f0f0; } .bg-\[\#f0f0ff\] { background-color: #f0f0ff; } .bg-\[\#f0fdf4\] { background-color: #f0fdf4; } .bg-\[\#f4f4f4\] { background-color: #f4f4f4; } .bg-\[\#f4f4f5\] { background-color: #f4f4f5; } .bg-\[\#f5f5f5\] { background-color: #f5f5f5; } .bg-\[\#f7f7f7\] { background-color: #f7f7f7; } .bg-\[\#f9f9f9\] { background-color: #f9f9f9; } .bg-\[\#f59e0b\] { background-color: #f59e0b; } .bg-\[\#faf5ff\] { background-color: #faf5ff; } .bg-\[\#fafaf8\] { background-color: #fafaf8; } .bg-\[\#fafaf9\] { background-color: #fafaf9; } .bg-\[\#fafafa\] { background-color: #fafafa; } .bg-\[\#fafafa\]\/90 { background-color: color-mix(in oklab, #fafafa 90%, transparent); } .bg-\[\#fdf2f8\] { background-color: #fdf2f8; } .bg-\[\#fe7bcd\] { background-color: #fe7bcd; } .bg-\[color\:var\(--origami-find-shell\)\] { background-color: var(--origami-find-shell); } .bg-\[color\:var\(--origami-find-surface\)\] { background-color: var(--origami-find-surface); } .bg-\[oklch\(91\%_0\.008_340\)\] { background-color: oklch(91% 0.008 340); } .bg-\[oklch\(92\.5\%_0_0\)\] { background-color: oklch(92.5% 0 0); } .bg-\[oklch\(93\%_0\.005_340\)\] { background-color: oklch(93% 0.005 340); } .bg-\[oklch\(96\.5\%_0\.003_340\)\] { background-color: oklch(96.5% 0.003 340); } .bg-\[oklch\(96\.5\%_0\.025_75\)\] { background-color: oklch(96.5% 0.025 75); } .bg-\[oklch\(98\.5\%_0\.002_340\)\] { background-color: oklch(98.5% 0.002 340); } .bg-\[rgba\(0\,0\,0\,0\.5\)\] { background-color: rgba(0,0,0,0.5); } .bg-accent { background-color: var(--color-accent); } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-50\/30 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent); } } .bg-amber-50\/40 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent); } } .bg-amber-50\/50 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent); } } .bg-amber-50\/60 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent); } } .bg-amber-50\/70 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent); } } .bg-amber-100 { background-color: var(--color-amber-100); } .bg-amber-200\/80 { background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent); } } .bg-amber-400 { background-color: var(--color-amber-400); } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-amber-500\/10 { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .bg-amber-600 { background-color: var(--color-amber-600); } .bg-background { background-color: var(--color-background); } .bg-background\/50 { background-color: color-mix(in srgb, #FAFAFA 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-background) 50%, transparent); } } .bg-background\/80 { background-color: color-mix(in srgb, #FAFAFA 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-background) 80%, transparent); } } .bg-background\/95 { background-color: color-mix(in srgb, #FAFAFA 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-background) 95%, transparent); } } .bg-black { background-color: var(--color-black); } .bg-black\/30 { background-color: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/40 { background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/50 { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/\[0\.015\] { background-color: color-mix(in srgb, #000 1.5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 1.5%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-50\/30 { background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent); } } .bg-blue-50\/70 { background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 70%, 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\/25 { background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-400) 25%, transparent); } } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-500\/10 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-border { background-color: var(--color-border); } .bg-card { background-color: var(--color-card); } .bg-current { background-color: currentcolor; } .bg-cyan-50 { background-color: var(--color-cyan-50); } .bg-cyan-50\/30 { background-color: color-mix(in srgb, oklch(98.4% 0.019 200.873) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-50) 30%, transparent); } } .bg-cyan-100 { background-color: var(--color-cyan-100); } .bg-cyan-500 { background-color: var(--color-cyan-500); } .bg-destructive { background-color: var(--color-destructive); } .bg-emerald-50 { background-color: var(--color-emerald-50); } .bg-emerald-50\/30 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 30%, transparent); } } .bg-emerald-50\/40 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 40%, transparent); } } .bg-emerald-50\/50 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent); } } .bg-emerald-50\/60 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent); } } .bg-emerald-100 { background-color: var(--color-emerald-100); } .bg-emerald-100\/60 { background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-100) 60%, transparent); } } .bg-emerald-200 { background-color: var(--color-emerald-200); } .bg-emerald-400 { background-color: var(--color-emerald-400); } .bg-emerald-400\/40 { background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent); } } .bg-emerald-500 { background-color: var(--color-emerald-500); } .bg-emerald-500\/95 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 95%, transparent); } } .bg-emerald-600 { background-color: var(--color-emerald-600); } .bg-emerald-600\/15 { background-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-600) 15%, transparent); } } .bg-emerald-700 { background-color: var(--color-emerald-700); } .bg-foreground { background-color: var(--color-foreground); } .bg-foreground\/25 { background-color: color-mix(in srgb, #09090b 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 25%, transparent); } } .bg-foreground\/\[0\.01\] { background-color: color-mix(in srgb, #09090b 1%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 1%, transparent); } } .bg-foreground\/\[0\.03\] { background-color: color-mix(in srgb, #09090b 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 3%, transparent); } } .bg-foreground\/\[0\.04\] { background-color: color-mix(in srgb, #09090b 4%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 4%, transparent); } } .bg-foreground\/\[0\.05\] { background-color: color-mix(in srgb, #09090b 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent); } } .bg-foreground\/\[0\.06\] { background-color: color-mix(in srgb, #09090b 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 6%, transparent); } } .bg-foreground\/\[0\.07\] { background-color: color-mix(in srgb, #09090b 7.000000000000001%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 7.000000000000001%, transparent); } } .bg-foreground\/\[0\.08\] { background-color: color-mix(in srgb, #09090b 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 8%, transparent); } } .bg-foreground\/\[0\.015\] { background-color: color-mix(in srgb, #09090b 1.5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 1.5%, transparent); } } .bg-foreground\/\[0\.025\] { background-color: color-mix(in srgb, #09090b 2.5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 2.5%, transparent); } } .bg-fuchsia-50 { background-color: var(--color-fuchsia-50); } .bg-fuchsia-50\/30 { background-color: color-mix(in srgb, oklch(97.7% 0.017 320.058) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-fuchsia-50) 30%, transparent); } } .bg-fuchsia-100 { background-color: var(--color-fuchsia-100); } .bg-fuchsia-500 { background-color: var(--color-fuchsia-500); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-50\/30 { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 30%, transparent); } } .bg-gray-50\/40 { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 40%, transparent); } } .bg-gray-50\/50 { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } } .bg-gray-50\/60 { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 60%, transparent); } } .bg-gray-50\/70 { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent); } } .bg-gray-50\/80 { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent); } } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-100\/70 { background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-100) 70%, transparent); } } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-200\/60 { background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-200) 60%, transparent); } } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-300\/40 { background-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-300) 40%, transparent); } } .bg-gray-400 { background-color: var(--color-gray-400); } .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\/70 { background-color: color-mix(in srgb, oklch(98.2% 0.018 155.826) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-50) 70%, transparent); } } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-200 { background-color: var(--color-green-200); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-600 { background-color: var(--color-green-600); } .bg-indigo-50 { background-color: var(--color-indigo-50); } .bg-indigo-50\/70 { background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-50) 70%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-400 { background-color: var(--color-indigo-400); } .bg-input { background-color: var(--color-input); } .bg-lime-50\/30 { background-color: color-mix(in srgb, oklch(98.6% 0.031 120.757) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-lime-50) 30%, transparent); } } .bg-lime-100 { background-color: var(--color-lime-100); } .bg-lime-500 { background-color: var(--color-lime-500); } .bg-muted { background-color: var(--color-muted); } .bg-muted-foreground { background-color: var(--color-muted-foreground); } .bg-muted-foreground\/10 { background-color: color-mix(in srgb, #71717a 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted-foreground) 10%, transparent); } } .bg-muted-foreground\/25 { background-color: color-mix(in srgb, #71717a 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted-foreground) 25%, transparent); } } .bg-muted\/10 { background-color: color-mix(in srgb, #f4f4f5 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted) 10%, transparent); } } .bg-muted\/20 { background-color: color-mix(in srgb, #f4f4f5 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted) 20%, transparent); } } .bg-muted\/30 { background-color: color-mix(in srgb, #f4f4f5 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted) 30%, transparent); } } .bg-muted\/40 { background-color: color-mix(in srgb, #f4f4f5 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted) 40%, transparent); } } .bg-muted\/50 { background-color: color-mix(in srgb, #f4f4f5 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted) 50%, transparent); } } .bg-neutral-50 { background-color: var(--color-neutral-50); } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-400 { background-color: var(--color-orange-400); } .bg-origami-pink { background-color: var(--color-origami-pink); } .bg-origami-pink-bg { background-color: var(--color-origami-pink-bg); } .bg-origami-pink-bg\/40 { background-color: color-mix(in srgb, #FEF0F7 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-origami-pink-bg) 40%, transparent); } } .bg-origami-pink-bg\/50 { background-color: color-mix(in srgb, #FEF0F7 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-origami-pink-bg) 50%, transparent); } } .bg-origami-pink-bg\/60 { background-color: color-mix(in srgb, #FEF0F7 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-origami-pink-bg) 60%, transparent); } } .bg-origami-pink-dark { background-color: var(--color-origami-pink-dark); } .bg-origami-pink-light { background-color: var(--color-origami-pink-light); } .bg-origami-pink\/5 { background-color: color-mix(in srgb, #fe7bcd 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-origami-pink) 5%, transparent); } } .bg-origami-pink\/10 { background-color: color-mix(in srgb, #fe7bcd 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-origami-pink) 10%, transparent); } } .bg-pink-50 { background-color: var(--color-pink-50); } .bg-pink-50\/40 { background-color: color-mix(in srgb, oklch(97.1% 0.014 343.198) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-50) 40%, transparent); } } .bg-pink-100 { background-color: var(--color-pink-100); } .bg-pink-400 { background-color: var(--color-pink-400); } .bg-pink-400\/60 { background-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-400) 60%, transparent); } } .bg-pink-500 { background-color: var(--color-pink-500); } .bg-pink-600 { background-color: var(--color-pink-600); } .bg-popover { background-color: var(--color-popover); } .bg-purple-50 { background-color: var(--color-purple-50); } .bg-purple-50\/40 { background-color: color-mix(in srgb, oklch(97.7% 0.014 308.299) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-50) 40%, transparent); } } .bg-purple-50\/50 { background-color: color-mix(in srgb, oklch(97.7% 0.014 308.299) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-50) 50%, transparent); } } .bg-purple-50\/95 { background-color: color-mix(in srgb, oklch(97.7% 0.014 308.299) 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-50) 95%, transparent); } } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-200 { background-color: var(--color-purple-200); } .bg-purple-400 { background-color: var(--color-purple-400); } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-purple-600 { background-color: var(--color-purple-600); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-50\/30 { background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-50) 30%, transparent); } } .bg-red-50\/50 { background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-50) 50%, transparent); } } .bg-red-50\/60 { background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-50) 60%, transparent); } } .bg-red-50\/70 { background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-50) 70%, transparent); } } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-100\/60 { background-color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-100) 60%, transparent); } } .bg-red-300 { background-color: var(--color-red-300); } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-500\/10 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .bg-red-600 { background-color: var(--color-red-600); } .bg-rose-50 { background-color: var(--color-rose-50); } .bg-rose-50\/30 { background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-50) 30%, transparent); } } .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-600 { background-color: var(--color-rose-600); } .bg-sky-50 { background-color: var(--color-sky-50); } .bg-sky-50\/30 { background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-50) 30%, transparent); } } .bg-sky-50\/50 { background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-50) 50%, transparent); } } .bg-sky-100 { background-color: var(--color-sky-100); } .bg-sky-500 { background-color: var(--color-sky-500); } .bg-slate-300 { background-color: var(--color-slate-300); } .bg-slate-700 { background-color: var(--color-slate-700); } .bg-stone-50 { background-color: var(--color-stone-50); } .bg-stone-50\/40 { background-color: color-mix(in srgb, #faf9f7 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-50) 40%, transparent); } } .bg-stone-50\/50 { background-color: color-mix(in srgb, #faf9f7 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-50) 50%, transparent); } } .bg-stone-50\/60 { background-color: color-mix(in srgb, #faf9f7 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-50) 60%, transparent); } } .bg-stone-50\/70 { background-color: color-mix(in srgb, #faf9f7 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-50) 70%, transparent); } } .bg-stone-50\/80 { background-color: color-mix(in srgb, #faf9f7 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-50) 80%, transparent); } } .bg-stone-50\/90 { background-color: color-mix(in srgb, #faf9f7 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-50) 90%, transparent); } } .bg-stone-100 { background-color: var(--color-stone-100); } .bg-stone-100\/60 { background-color: color-mix(in srgb, #f5f5f4 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-100) 60%, transparent); } } .bg-stone-100\/70 { background-color: color-mix(in srgb, #f5f5f4 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-100) 70%, transparent); } } .bg-stone-100\/80 { background-color: color-mix(in srgb, #f5f5f4 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-100) 80%, transparent); } } .bg-stone-200 { background-color: var(--color-stone-200); } .bg-stone-200\/40 { background-color: color-mix(in srgb, #e7e5e4 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-200) 40%, transparent); } } .bg-stone-200\/50 { background-color: color-mix(in srgb, #e7e5e4 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-200) 50%, transparent); } } .bg-stone-200\/60 { background-color: color-mix(in srgb, #e7e5e4 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-200) 60%, transparent); } } .bg-stone-200\/70 { background-color: color-mix(in srgb, #e7e5e4 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-200) 70%, transparent); } } .bg-stone-200\/80 { background-color: color-mix(in srgb, #e7e5e4 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-200) 80%, transparent); } } .bg-stone-200\/90 { background-color: color-mix(in srgb, #e7e5e4 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-200) 90%, transparent); } } .bg-stone-300 { background-color: var(--color-stone-300); } .bg-stone-300\/35 { background-color: color-mix(in srgb, #d1cec9 35%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-300) 35%, transparent); } } .bg-stone-400 { background-color: var(--color-stone-400); } .bg-stone-600 { background-color: var(--color-stone-600); } .bg-stone-700 { background-color: var(--color-stone-700); } .bg-stone-800 { background-color: var(--color-stone-800); } .bg-stone-900 { background-color: var(--color-stone-900); } .bg-stone-900\/10 { background-color: color-mix(in srgb, #1c1917 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-900) 10%, transparent); } } .bg-stone-900\/25 { background-color: color-mix(in srgb, #1c1917 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-900) 25%, transparent); } } .bg-stone-900\/\[0\.045\] { background-color: color-mix(in srgb, #1c1917 4.5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-900) 4.5%, transparent); } } .bg-stone-950\/25 { background-color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-950) 25%, transparent); } } .bg-teal-50 { background-color: var(--color-teal-50); } .bg-teal-100 { background-color: var(--color-teal-100); } .bg-transparent { background-color: transparent; } .bg-violet-50 { background-color: var(--color-violet-50); } .bg-violet-50\/30 { background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-50) 30%, transparent); } } .bg-violet-50\/50 { background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-50) 50%, transparent); } } .bg-violet-50\/60 { background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-50) 60%, transparent); } } .bg-violet-100 { background-color: var(--color-violet-100); } .bg-violet-300 { background-color: var(--color-violet-300); } .bg-violet-400 { background-color: var(--color-violet-400); } .bg-violet-400\/40 { background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-400) 40%, transparent); } } .bg-violet-500 { background-color: var(--color-violet-500); } .bg-violet-600 { background-color: var(--color-violet-600); } .bg-white { background-color: var(--color-white); } .bg-white\/20 { background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/30 { background-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/50 { background-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .bg-white\/60 { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-white\/70 { background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .bg-white\/80 { background-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-white\/85 { background-color: color-mix(in srgb, #fff 85%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 85%, transparent); } } .bg-white\/95 { background-color: color-mix(in srgb, #fff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-400 { background-color: var(--color-yellow-400); } .bg-gradient-to-b { --tw-gradient-position: to bottom 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)); } .\[background-image\:radial-gradient\(\#d4d4d4_1px\,transparent_1px\)\] { background-image: radial-gradient(#d4d4d4 1px,transparent 1px); } .bg-\[linear-gradient\(110deg\,transparent_33\%\,rgba\(120\,113\,108\,0\.05\)_50\%\,transparent_67\%\)\] { background-image: linear-gradient(110deg,transparent 33%,rgba(120,113,108,0.05) 50%,transparent 67%); } .bg-\[radial-gradient\(\#3b82f6_40\%\,transparent_60\%\)\] { background-image: radial-gradient(#3b82f6 40%,transparent 60%); } .bg-\[radial-gradient\(\#ec4899_40\%\,transparent_60\%\)\] { background-image: radial-gradient(#ec4899 40%,transparent 60%); } .bg-\[radial-gradient\(ellipse_60\%_50\%_at_50\%_-10\%\,rgba\(168\,162\,158\,0\.08\)\,transparent\)\] { background-image: radial-gradient(ellipse 60% 50% at 50% -10%,rgba(168,162,158,0.08),transparent); } .bg-\[radial-gradient\(var\(--color-primary-500\)_40\%\,transparent_60\%\)\] { background-image: radial-gradient(var(--color-primary-500) 40%,transparent 60%); } .bg-\[url\(\'data\:image\/svg\+xml\;charset\=utf-8\,\%3Csvg\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%20width\%3D\%2210\%22\%20height\%3D\%2210\%22\%20viewBox\%3D\%220\%200\%2024\%2024\%22\%20fill\%3D\%22none\%22\%20stroke\%3D\%22\%239ca3af\%22\%20stroke-width\%3D\%222\%22\%3E\%3Cpath\%20d\%3D\%22m6\%209\%206\%206\%206-6\%22\%2F\%3E\%3C\%2Fsvg\%3E\'\)\] { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239ca3af%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E'); } .from-\[\#EBEBEB\] { --tw-gradient-from: #EBEBEB; --tw-gradient-stops: var(--tw-gradient-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-\[\#F3F8FE\] { --tw-gradient-from: #F3F8FE; --tw-gradient-stops: var(--tw-gradient-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-\[\#FAFAFA\] { --tw-gradient-from: #FAFAFA; --tw-gradient-stops: var(--tw-gradient-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-\[\#FB44B8\] { --tw-gradient-from: #FB44B8; --tw-gradient-stops: var(--tw-gradient-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-\[\#FB44B8\]\/8 { --tw-gradient-from: color-mix(in oklab, #FB44B8 8%, 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-\[\#FB44B8\]\/15 { --tw-gradient-from: color-mix(in oklab, #FB44B8 15%, 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-\[\#FEF0F7\]\/50 { --tw-gradient-from: color-mix(in oklab, #FEF0F7 50%, 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-\[\#FEF0F7\]\/80 { --tw-gradient-from: color-mix(in oklab, #FEF0F7 80%, 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-\[\#f4f4f4\] { --tw-gradient-from: #f4f4f4; --tw-gradient-stops: var(--tw-gradient-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-\[\#fafafa\] { --tw-gradient-from: #fafafa; --tw-gradient-stops: var(--tw-gradient-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-\[\#fe7bcd\] { --tw-gradient-from: #fe7bcd; --tw-gradient-stops: var(--tw-gradient-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-50 { --tw-gradient-from: var(--color-blue-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-blue-50\/80 { --tw-gradient-from: color-mix(in srgb, oklch(97% 0.014 254.604) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-50) 80%, 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-blue-100\/70 { --tw-gradient-from: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-100) 70%, 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-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-emerald-50\/80 { --tw-gradient-from: color-mix(in srgb, oklch(97.9% 0.021 166.113) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-50) 80%, 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-gray-50 { --tw-gradient-from: var(--color-gray-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-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-900 { --tw-gradient-from: 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)); } .from-muted { --tw-gradient-from: var(--color-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-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-origami-pink { --tw-gradient-from: var(--color-origami-pink); --tw-gradient-stops: var(--tw-gradient-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-origami-pink-light { --tw-gradient-from: var(--color-origami-pink-light); --tw-gradient-stops: var(--tw-gradient-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-red-50 { --tw-gradient-from: var(--color-red-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-stone-50 { --tw-gradient-from: var(--color-stone-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-stone-50\/80 { --tw-gradient-from: color-mix(in srgb, #faf9f7 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-stone-50) 80%, 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-stone-100 { --tw-gradient-from: var(--color-stone-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-stone-300 { --tw-gradient-from: var(--color-stone-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)); } .from-stone-900 { --tw-gradient-from: var(--color-stone-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-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-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)); } .via-\[\#EBEBEB\]\/90 { --tw-gradient-via: color-mix(in oklab, #EBEBEB 90%, 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-\[\#FAFAFA\]\/50 { --tw-gradient-via: color-mix(in oklab, #FAFAFA 50%, 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-\[\#FAFAFA\]\/80 { --tw-gradient-via: color-mix(in oklab, #FAFAFA 80%, 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-\[\#fe7bcd\]\/30 { --tw-gradient-via: color-mix(in oklab, #fe7bcd 30%, 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-sky-400 { --tw-gradient-via: var(--color-sky-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); } .via-stone-50\/60 { --tw-gradient-via: color-mix(in srgb, #faf9f7 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-stone-50) 60%, 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-stone-50\/70 { --tw-gradient-via: color-mix(in srgb, #faf9f7 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-stone-50) 70%, 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-stone-50\/80 { --tw-gradient-via: color-mix(in srgb, #faf9f7 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-stone-50) 80%, 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-stone-200 { --tw-gradient-via: var(--color-stone-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-white { --tw-gradient-via: var(--color-white); --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-white\/80 { --tw-gradient-via: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-white) 80%, 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); } .to-\[\#E03AA4\] { --tw-gradient-to: #E03AA4; --tw-gradient-stops: var(--tw-gradient-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-\[\#FB44B8\]\/5 { --tw-gradient-to: color-mix(in oklab, #FB44B8 5%, 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-\[\#FE7BCD\] { --tw-gradient-to: #FE7BCD; --tw-gradient-stops: var(--tw-gradient-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-\[\#FEF0F7\]\/40 { --tw-gradient-to: color-mix(in oklab, #FEF0F7 40%, 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-\[\#FEF0F7\]\/50 { --tw-gradient-to: color-mix(in oklab, #FEF0F7 50%, 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-\[\#fe7bcd\]\/60 { --tw-gradient-to: color-mix(in oklab, #fe7bcd 60%, 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-blue-50\/40 { --tw-gradient-to: color-mix(in srgb, oklch(97% 0.014 254.604) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-blue-50) 40%, 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-blue-200\/60 { --tw-gradient-to: color-mix(in srgb, oklch(88.2% 0.059 254.128) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-blue-200) 60%, 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-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-emerald-100\/30 { --tw-gradient-to: color-mix(in srgb, oklch(95% 0.052 163.051) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-100) 30%, 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-emerald-200 { --tw-gradient-to: var(--color-emerald-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-gray-800 { --tw-gradient-to: 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)); } .to-gray-950 { --tw-gradient-to: 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)); } .to-indigo-50 { --tw-gradient-to: var(--color-indigo-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-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-origami-pink { --tw-gradient-to: var(--color-origami-pink); --tw-gradient-stops: var(--tw-gradient-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-origami-pink-hover { --tw-gradient-to: var(--color-origami-pink-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)); } .to-origami-pink\/10 { --tw-gradient-to: color-mix(in srgb, #fe7bcd 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-origami-pink) 10%, 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-rose-50 { --tw-gradient-to: var(--color-rose-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-stone-200 { --tw-gradient-to: var(--color-stone-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-stone-800 { --tw-gradient-to: var(--color-stone-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-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-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)); } .\[mask-image\:radial-gradient\(ellipse_at_center\,transparent_20\%\,black\)\] { mask-image: radial-gradient(ellipse at center,transparent 20%,black); } .\[background-size\:20px_20px\] { background-size: 20px 20px; } .bg-\[length\:200\%_100\%\] { background-size: 200% 100%; } .bg-\[length\:250\%_100\%\,auto\] { background-size: 250% 100%,auto; } .bg-cover { background-size: cover; } .bg-clip-text { background-clip: text; } .bg-\[right_4px_center\] { background-position: right 4px center; } .bg-left { background-position: left; } .\[background-repeat\:no-repeat\,padding-box\] { background-repeat: no-repeat,padding-box; } .bg-no-repeat { background-repeat: no-repeat; } .fill-amber-400 { fill: var(--color-amber-400); } .fill-current { fill: currentcolor; } .fill-gray-400 { fill: var(--color-gray-400); } .fill-stone-600 { fill: var(--color-stone-600); } .fill-white { fill: var(--color-white); } .stroke-emerald-400 { stroke: var(--color-emerald-400); } .stroke-ring { stroke: var(--color-ring); } .stroke-stone-200\/70 { stroke: color-mix(in srgb, #e7e5e4 70%, transparent); @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-stone-200) 70%, transparent); } } .stroke-stone-300 { stroke: var(--color-stone-300); } .stroke-stone-400 { stroke: var(--color-stone-400); } .stroke-stone-500 { stroke: var(--color-stone-500); } .stroke-stone-800 { stroke: var(--color-stone-800); } .stroke-1 { stroke-width: 1; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-center { object-position: center; } .object-top { object-position: top; } .\!p-0 { padding: calc(var(--spacing) * 0) !important; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .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\.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-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-\[1px\] { padding: 1px; } .p-\[2px\] { padding: 2px; } .p-\[5px\] { padding: 5px; } .p-\[12px_16px\] { padding: 12px 16px; } .p-px { padding: 1px; } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.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-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .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-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-9 { padding-block: calc(var(--spacing) * 9); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-14 { padding-block: calc(var(--spacing) * 14); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-\[3px\] { padding-block: 3px; } .py-\[5px\] { padding-block: 5px; } .py-px { padding-block: 1px; } .ps-1\.5 { padding-inline-start: calc(var(--spacing) * 1.5); } .pe-3 { padding-inline-end: calc(var(--spacing) * 3); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-0\.5 { padding-top: calc(var(--spacing) * 0.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-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-7 { padding-top: calc(var(--spacing) * 7); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pt-28 { padding-top: calc(var(--spacing) * 28); } .pt-\[100px\] { padding-top: 100px; } .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-2 { padding-right: calc(var(--spacing) * 2); } .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-6 { padding-right: calc(var(--spacing) * 6); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-11 { padding-right: calc(var(--spacing) * 11); } .pr-20 { padding-right: calc(var(--spacing) * 20); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-0\.5 { padding-bottom: calc(var(--spacing) * 0.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-7 { padding-bottom: calc(var(--spacing) * 7); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .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-40 { padding-bottom: calc(var(--spacing) * 40); } .pb-\[env\(safe-area-inset-bottom\,0px\)\] { padding-bottom: env(safe-area-inset-bottom,0px); } .pb-\[env\(safe-area-inset-bottom\,20px\)\] { padding-bottom: env(safe-area-inset-bottom,20px); } .pb-px { padding-bottom: 1px; } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .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-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-7 { padding-left: calc(var(--spacing) * 7); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-11 { padding-left: calc(var(--spacing) * 11); } .pl-\[2\.375rem\] { padding-left: 2.375rem; } .text-center { text-align: center; } .text-end { text-align: end; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .align-\[-1px\] { vertical-align: -1px; } .align-\[-2px\] { vertical-align: -2px; } .align-baseline { vertical-align: baseline; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-\[family-name\:var\(--font-display\)\] { font-family: var(--font-display); } .font-\[family-name\:var\(--font-frank-ruhl-libre\)\] { font-family: var(--font-frank-ruhl-libre); } .font-\[family-name\:var\(--font-geist-mono\)\] { font-family: var(--font-geist-mono); } .font-\[inherit\] { font-family: inherit; } .font-display { font-family: var(--font-display); } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .font-serif { font-family: var(--font-serif); } .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-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[0\.9em\] { font-size: 0.9em; } .text-\[7px\] { font-size: 7px; } .text-\[8px\] { font-size: 8px; } .text-\[9\.5px\] { font-size: 9.5px; } .text-\[9px\] { font-size: 9px; } .text-\[10\.5px\] { font-size: 10.5px; } .text-\[10px\] { font-size: 10px; } .text-\[11\.5px\] { font-size: 11.5px; } .text-\[11px\] { font-size: 11px; } .text-\[12\.5px\] { font-size: 12.5px; } .text-\[12px\] { font-size: 12px; } .text-\[13\.5px\] { font-size: 13.5px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[24px\] { font-size: 24px; } .text-\[26px\] { font-size: 26px; } .text-\[28px\] { font-size: 28px; } .text-\[32px\] { font-size: 32px; } .text-\[44px\] { font-size: 44px; } .text-\[48px\] { font-size: 48px; } .text-\[length\:inherit\] { font-size: inherit; } .text-\[length\:var\(--chat-font-size\)\] { font-size: var(--chat-font-size); } .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-\[0\.92\] { --tw-leading: 0.92; line-height: 0.92; } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; } .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; } .leading-\[1\.7\] { --tw-leading: 1.7; line-height: 1.7; } .leading-\[1\.15\] { --tw-leading: 1.15; line-height: 1.15; } .leading-\[1\.25\] { --tw-leading: 1.25; line-height: 1.25; } .leading-\[1\.55\] { --tw-leading: 1.55; line-height: 1.55; } .leading-\[1\.65\] { --tw-leading: 1.65; line-height: 1.65; } .leading-\[14px\] { --tw-leading: 14px; line-height: 14px; } .leading-\[18px\] { --tw-leading: 18px; line-height: 18px; } .leading-\[32px\] { --tw-leading: 32px; line-height: 32px; } .leading-\[inherit\] { --tw-leading: inherit; line-height: inherit; } .leading-\[var\(--chat-line-height\)\] { --tw-leading: var(--chat-line-height); line-height: var(--chat-line-height); } .leading-none { --tw-leading: 1; line-height: 1; } .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-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .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-\[-0\.01em\] { --tw-tracking: -0.01em; letter-spacing: -0.01em; } .tracking-\[-0\.02em\] { --tw-tracking: -0.02em; letter-spacing: -0.02em; } .tracking-\[-0\.2px\] { --tw-tracking: -0.2px; letter-spacing: -0.2px; } .tracking-\[-0\.03em\] { --tw-tracking: -0.03em; letter-spacing: -0.03em; } .tracking-\[-0\.3px\] { --tw-tracking: -0.3px; letter-spacing: -0.3px; } .tracking-\[-0\.4px\] { --tw-tracking: -0.4px; letter-spacing: -0.4px; } .tracking-\[-0\.5px\] { --tw-tracking: -0.5px; letter-spacing: -0.5px; } .tracking-\[-0\.6px\] { --tw-tracking: -0.6px; letter-spacing: -0.6px; } .tracking-\[-0\.25px\] { --tw-tracking: -0.25px; letter-spacing: -0.25px; } .tracking-\[-1px\] { --tw-tracking: -1px; letter-spacing: -1px; } .tracking-\[0\.1em\] { --tw-tracking: 0.1em; letter-spacing: 0.1em; } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.4em\] { --tw-tracking: 0.4em; letter-spacing: 0.4em; } .tracking-\[0\.06em\] { --tw-tracking: 0.06em; letter-spacing: 0.06em; } .tracking-\[0\.08em\] { --tw-tracking: 0.08em; letter-spacing: 0.08em; } .tracking-\[0\.12em\] { --tw-tracking: 0.12em; letter-spacing: 0.12em; } .tracking-\[0\.14em\] { --tw-tracking: 0.14em; letter-spacing: 0.14em; } .tracking-\[0\.15em\] { --tw-tracking: 0.15em; letter-spacing: 0.15em; } .tracking-\[0\.16em\] { --tw-tracking: 0.16em; letter-spacing: 0.16em; } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .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-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-wrap { text-wrap: wrap; } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } .break-words { overflow-wrap: break-word; } .wrap-anywhere { overflow-wrap: anywhere; } .break-all { word-break: break-all; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-\[\#0A66C2\] { color: #0A66C2; } .text-\[\#0f0f12\] { color: #0f0f12; } .text-\[\#1c1917\] { color: #1c1917; } .text-\[\#1e1e1e\] { color: #1e1e1e; } .text-\[\#3f3f46\] { color: #3f3f46; } .text-\[\#16a34a\] { color: #16a34a; } .text-\[\#2563eb\] { color: #2563eb; } .text-\[\#6366f1\] { color: #6366f1; } .text-\[\#09090b\] { color: #09090b; } .text-\[\#09090b\]\/30 { color: color-mix(in oklab, #09090b 30%, transparent); } .text-\[\#09090b\]\/40 { color: color-mix(in oklab, #09090b 40%, transparent); } .text-\[\#09090b\]\/50 { color: color-mix(in oklab, #09090b 50%, transparent); } .text-\[\#9333ea\] { color: #9333ea; } .text-\[\#15803d\] { color: #15803d; } .text-\[\#27272a\] { color: #27272a; } .text-\[\#52525b\] { color: #52525b; } .text-\[\#57534e\] { color: #57534e; } .text-\[\#059669\] { color: #059669; } .text-\[\#71717a\] { color: #71717a; } .text-\[\#78716c\] { color: #78716c; } .text-\[\#525252\] { color: #525252; } .text-\[\#737373\] { color: #737373; } .text-\[\#D64A9E\] { color: #D64A9E; } .text-\[\#D64A9E\]\/50 { color: color-mix(in oklab, #D64A9E 50%, transparent); } .text-\[\#D64A9E\]\/60 { color: color-mix(in oklab, #D64A9E 60%, transparent); } .text-\[\#D64A9E\]\/70 { color: color-mix(in oklab, #D64A9E 70%, transparent); } .text-\[\#D64A9E\]\/80 { color: color-mix(in oklab, #D64A9E 80%, transparent); } .text-\[\#FB44B8\] { color: #FB44B8; } .text-\[\#FD7BCD\] { color: #FD7BCD; } .text-\[\#FE7BCD\] { color: #FE7BCD; } .text-\[\#a1a1aa\] { color: #a1a1aa; } .text-\[\#d4d4d8\] { color: #d4d4d8; } .text-\[\#e4e4e7\] { color: #e4e4e7; } .text-\[\#fe7bcd\] { color: #fe7bcd; } .text-\[oklch\(20\.5\%_0_0\)\] { color: oklch(20.5% 0 0); } .text-\[oklch\(24\%_0\.008_340\)\] { color: oklch(24% 0.008 340); } .text-\[oklch\(32\%_0\.008_340\)\] { color: oklch(32% 0.008 340); } .text-\[oklch\(34\%_0\.06_75\)\] { color: oklch(34% 0.06 75); } .text-\[oklch\(38\%_0\.014_340\)\] { color: oklch(38% 0.014 340); } .text-\[oklch\(45\%_0\.09_75\)\] { color: oklch(45% 0.09 75); } .text-\[oklch\(48\%_0\.04_75\)\] { color: oklch(48% 0.04 75); } .text-\[oklch\(51\%_0_0\)\] { color: oklch(51% 0 0); } .text-\[oklch\(54\%_0\.012_340\)\] { color: oklch(54% 0.012 340); } .text-\[oklch\(58\%_0\.012_340\)\] { color: oklch(58% 0.012 340); } .text-\[oklch\(58\%_0\.13_75\)\] { color: oklch(58% 0.13 75); } .text-\[oklch\(59\%_0_0\)\] { color: oklch(59% 0 0); } .text-accent-foreground { color: var(--color-accent-foreground); } .text-amber-300 { color: var(--color-amber-300); } .text-amber-400 { color: var(--color-amber-400); } .text-amber-500 { color: var(--color-amber-500); } .text-amber-500\/50 { color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-500) 50%, transparent); } } .text-amber-500\/60 { color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-500) 60%, transparent); } } .text-amber-600 { color: var(--color-amber-600); } .text-amber-600\/70 { color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-600) 70%, transparent); } } .text-amber-600\/80 { color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-600) 80%, transparent); } } .text-amber-700 { color: var(--color-amber-700); } .text-amber-700\/80 { color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-700) 80%, transparent); } } .text-amber-800 { color: var(--color-amber-800); } .text-amber-800\/80 { color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-800) 80%, transparent); } } .text-amber-900 { color: var(--color-amber-900); } .text-amber-950 { color: var(--color-amber-950); } .text-background { color: var(--color-background); } .text-black { color: var(--color-black); } .text-blue-200 { color: var(--color-blue-200); } .text-blue-300 { color: var(--color-blue-300); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-600\/70 { color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-blue-600) 70%, 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-card-foreground { color: var(--color-card-foreground); } .text-cyan-500 { color: var(--color-cyan-500); } .text-cyan-700 { color: var(--color-cyan-700); } .text-destructive { color: var(--color-destructive); } .text-emerald-300 { color: var(--color-emerald-300); } .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-600\/80 { color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-emerald-600) 80%, transparent); } } .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 { color: var(--color-foreground); } .text-foreground\/20 { color: color-mix(in srgb, #09090b 20%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 20%, transparent); } } .text-foreground\/25 { color: color-mix(in srgb, #09090b 25%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 25%, transparent); } } .text-foreground\/30 { color: color-mix(in srgb, #09090b 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 30%, transparent); } } .text-foreground\/35 { color: color-mix(in srgb, #09090b 35%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 35%, transparent); } } .text-foreground\/40 { color: color-mix(in srgb, #09090b 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 40%, transparent); } } .text-foreground\/45 { color: color-mix(in srgb, #09090b 45%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 45%, transparent); } } .text-foreground\/50 { color: color-mix(in srgb, #09090b 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 50%, transparent); } } .text-foreground\/55 { color: color-mix(in srgb, #09090b 55%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 55%, transparent); } } .text-foreground\/60 { color: color-mix(in srgb, #09090b 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 60%, transparent); } } .text-foreground\/70 { color: color-mix(in srgb, #09090b 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 70%, transparent); } } .text-foreground\/80 { color: color-mix(in srgb, #09090b 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 80%, transparent); } } .text-foreground\/85 { color: color-mix(in srgb, #09090b 85%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 85%, transparent); } } .text-foreground\/90 { color: color-mix(in srgb, #09090b 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 90%, transparent); } } .text-fuchsia-500 { color: var(--color-fuchsia-500); } .text-fuchsia-600 { color: var(--color-fuchsia-600); } .text-fuchsia-700 { color: var(--color-fuchsia-700); } .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-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-indigo-400 { color: var(--color-indigo-400); } .text-indigo-500 { color: var(--color-indigo-500); } .text-indigo-700 { color: var(--color-indigo-700); } .text-indigo-700\/70 { color: color-mix(in srgb, oklch(45.7% 0.24 277.023) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-indigo-700) 70%, transparent); } } .text-indigo-700\/80 { color: color-mix(in srgb, oklch(45.7% 0.24 277.023) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-indigo-700) 80%, transparent); } } .text-lime-500 { color: var(--color-lime-500); } .text-lime-700 { color: var(--color-lime-700); } .text-muted-foreground { color: var(--color-muted-foreground); } .text-muted-foreground\/30 { color: color-mix(in srgb, #71717a 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-muted-foreground) 30%, transparent); } } .text-muted-foreground\/40 { color: color-mix(in srgb, #71717a 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent); } } .text-muted-foreground\/50 { color: color-mix(in srgb, #71717a 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent); } } .text-muted-foreground\/60 { color: color-mix(in srgb, #71717a 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-muted-foreground) 60%, transparent); } } .text-muted-foreground\/70 { color: color-mix(in srgb, #71717a 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-muted-foreground) 70%, transparent); } } .text-muted-foreground\/80 { color: color-mix(in srgb, #71717a 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-muted-foreground) 80%, transparent); } } .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-origami-pink { color: var(--color-origami-pink); } .text-origami-pink-dark { color: var(--color-origami-pink-dark); } .text-origami-pink\/70 { color: color-mix(in srgb, #fe7bcd 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-origami-pink) 70%, transparent); } } .text-pink-400 { color: var(--color-pink-400); } .text-pink-500 { color: var(--color-pink-500); } .text-pink-600 { color: var(--color-pink-600); } .text-pink-700 { color: var(--color-pink-700); } .text-popover-foreground { color: var(--color-popover-foreground); } .text-primary-700 { color: var(--color-primary-700); } .text-purple-300 { color: var(--color-purple-300); } .text-purple-400 { color: var(--color-purple-400); } .text-purple-500 { color: var(--color-purple-500); } .text-purple-600 { color: var(--color-purple-600); } .text-purple-700 { color: var(--color-purple-700); } .text-purple-700\/70 { color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-purple-700) 70%, transparent); } } .text-purple-700\/80 { color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-purple-700) 80%, transparent); } } .text-purple-800 { color: var(--color-purple-800); } .text-purple-900 { color: var(--color-purple-900); } .text-red-300 { color: var(--color-red-300); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-700\/80 { color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-red-700) 80%, transparent); } } .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-700 { color: var(--color-rose-700); } .text-rose-800 { color: var(--color-rose-800); } .text-sky-500 { color: var(--color-sky-500); } .text-sky-600 { color: var(--color-sky-600); } .text-sky-700 { color: var(--color-sky-700); } .text-slate-500 { color: var(--color-slate-500); } .text-slate-800 { color: var(--color-slate-800); } .text-stone-100 { color: var(--color-stone-100); } .text-stone-200 { color: var(--color-stone-200); } .text-stone-300 { color: var(--color-stone-300); } .text-stone-400 { color: var(--color-stone-400); } .text-stone-500 { color: var(--color-stone-500); } .text-stone-600 { color: var(--color-stone-600); } .text-stone-700 { color: var(--color-stone-700); } .text-stone-800 { color: var(--color-stone-800); } .text-stone-900 { color: var(--color-stone-900); } .text-stone-950 { color: var(--color-stone-950); } .text-teal-500 { color: var(--color-teal-500); } .text-teal-700 { color: var(--color-teal-700); } .text-teal-700\/70 { color: color-mix(in srgb, oklch(51.1% 0.096 186.391) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-teal-700) 70%, transparent); } } .text-transparent { color: transparent; } .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-600\/80 { color: color-mix(in srgb, oklch(54.1% 0.281 293.009) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-violet-600) 80%, transparent); } } .text-violet-700 { color: var(--color-violet-700); } .text-violet-700\/70 { color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-violet-700) 70%, transparent); } } .text-violet-900 { color: var(--color-violet-900); } .text-white { color: var(--color-white); } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/90 { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-700 { color: var(--color-yellow-700); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .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; } .underline { text-decoration-line: underline; } .decoration-foreground\/20 { text-decoration-color: color-mix(in srgb, #09090b 20%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix(in oklab, var(--color-foreground) 20%, transparent); } } .decoration-gray-300 { text-decoration-color: var(--color-gray-300); } .decoration-origami-pink\/30 { text-decoration-color: color-mix(in srgb, #fe7bcd 30%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix(in oklab, var(--color-origami-pink) 30%, transparent); } } .decoration-stone-300 { text-decoration-color: var(--color-stone-300); } .decoration-stone-400 { text-decoration-color: var(--color-stone-400); } .decoration-dashed { text-decoration-style: dashed; } .decoration-dotted { text-decoration-style: dotted; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-gray-400 { &::placeholder { color: var(--color-gray-400); } } .accent-\[\#D64A9E\] { accent-color: #D64A9E; } .accent-amber-600 { accent-color: var(--color-amber-600); } .accent-origami-pink { accent-color: var(--color-origami-pink); } .accent-pink-600 { accent-color: var(--color-pink-600); } .accent-stone-700 { accent-color: var(--color-stone-700); } .opacity-0 { opacity: 0%; } .opacity-10 { opacity: 10%; } .opacity-18 { opacity: 18%; } .opacity-20 { opacity: 20%; } .opacity-25 { opacity: 25%; } .opacity-30 { opacity: 30%; } .opacity-40 { opacity: 40%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-90 { opacity: 90%; } .opacity-100 { opacity: 100%; } .opacity-\[0\.06\] { opacity: 0.06; } .opacity-\[0\.8\] { opacity: 0.8; } .opacity-\[0\.16\] { opacity: 0.16; } .opacity-\[0\.35\] { opacity: 0.35; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[-8px_0_32px_-12px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: -8px 0 32px -12px var(--tw-shadow-color, rgba(0,0,0,0.12)); 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_-4px_12px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0 -4px 12px var(--tw-shadow-color, rgba(0,0,0,0.04)); 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_-4px_20px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 -4px 20px var(--tw-shadow-color, rgba(0,0,0,0.08)); 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_2px_rgba\(16\,185\,129\,0\.15\)\] { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, rgba(16,185,129,0.15)); 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_2px_rgba\(248\,113\,113\,0\.15\)\] { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, rgba(248,113,113,0.15)); 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_3px_rgba\(59\,130\,246\,0\.15\)\] { --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(59,130,246,0.15)); 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\(214\,74\,158\,0\.25\)\,0_0_4px_rgba\(214\,74\,158\,0\.15\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(214,74,158,0.25)), 0 0 4px var(--tw-shadow-color, rgba(214,74,158,0.15)); 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_0_0_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(0,0,0,0.05)); 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_0_oklch\(0\.92_0\.005_60\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, oklch(0.92 0.005 60)); 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_0_oklch\(0\.94_0\.005_60\)\,0_2px_8px_-2px_oklch\(0_0_0_\/_0\.04\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, oklch(0.94 0.005 60)), 0 2px 8px -2px var(--tw-shadow-color, oklch(0 0 0 / 0.04)); 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_0_oklch\(0\.94_0\.005_60\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, oklch(0.94 0.005 60)); 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_0_rgba\(255\,255\,255\,0\.8\)_inset\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.8)) 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_1px_2px_0_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0,0,0,0.05)); 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_2px_oklch\(0\%_0_0_\/_0\.04\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, oklch(0% 0 0 / 0.04)); 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_2px_rgba\(0\,0\,0\,0\.03\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.03)); 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_2px_rgba\(0\,0\,0\,0\.04\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.04)), 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.05)); 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_2px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.04)); 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_2px_rgba\(0\,0\,0\,0\.06\)\,0_1px_0_rgba\(0\,0\,0\,0\.02\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.06)), 0 1px 0 var(--tw-shadow-color, rgba(0,0,0,0.02)); 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_2px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.08)); 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_2px_rgba\(15\,15\,15\,0\.03\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(15,15,15,0.03)); 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_3px_rgba\(0\,0\,0\,0\.04\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.04)), 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.04)); 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_3px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.04)); 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_3px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.05)); 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_3px_rgba\(0\,0\,0\,0\.06\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.02\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.06)), 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.02)); 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_3px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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_3px_rgba\(0\,0\,0\,0\.12\)\,0_1px_2px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.08)); 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_3px_rgba\(15\,15\,15\,0\.05\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(15,15,15,0.05)); 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_2px_8px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.04)); 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_2px_8px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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_2px_12px_rgba\(0\,0\,0\,0\.04\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.03\)\] { --tw-shadow: 0 2px 12px var(--tw-shadow-color, rgba(0,0,0,0.04)), 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.03)); 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_2px_12px_rgba\(0\,0\,0\,0\.06\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0 2px 12px var(--tw-shadow-color, rgba(0,0,0,0.06)), 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.04)); 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_4px_8px_0_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 4px 8px 0 var(--tw-shadow-color, rgba(0,0,0,0.1)); 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_4px_16px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,0.08)); 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_4px_16px_rgba\(15\,15\,15\,0\.06\)\,0_1px_3px_rgba\(15\,15\,15\,0\.05\)\] { --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(15,15,15,0.06)), 0 1px 3px var(--tw-shadow-color, rgba(15,15,15,0.05)); 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_4px_20px_-6px_rgba\(214\,74\,158\,0\.2\)\] { --tw-shadow: 0 4px 20px -6px var(--tw-shadow-color, rgba(214,74,158,0.2)); 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_4px_20px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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_30px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 6px 30px var(--tw-shadow-color, rgba(0,0,0,0.12)); 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_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.12)); 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_32px_-10px_rgba\(214\,74\,158\,0\.22\)\] { --tw-shadow: 0 8px 32px -10px var(--tw-shadow-color, rgba(214,74,158,0.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_20px_60px_-15px_rgb\(28_25_23\/0\.18\)\] { --tw-shadow: 0 20px 60px -15px var(--tw-shadow-color, rgb(28 25 23/0.18)); 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_30px_70px_-25px_rgba\(15\,15\,30\,0\.15\)\,0_10px_24px_-10px_rgba\(15\,15\,30\,0\.06\)\] { --tw-shadow: 0 30px 70px -25px var(--tw-shadow-color, rgba(15,15,30,0.15)), 0 10px 24px -10px var(--tw-shadow-color, rgba(15,15,30,0.06)); 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_2px_0px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0,0,0,0.05)); 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_8px_0px_rgba\(0\,0\,0\,0\.04\)\,0px_1px_3px_0px_rgba\(0\,0\,0\,0\.02\)\] { --tw-shadow: 0px 2px 8px 0px var(--tw-shadow-color, rgba(0,0,0,0.04)), 0px 1px 3px 0px var(--tw-shadow-color, rgba(0,0,0,0.02)); 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_8px_0px_rgba\(0\,0\,0\,0\.08\)\,0px_1px_3px_0px_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: 0px 2px 8px 0px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0px 1px 3px 0px var(--tw-shadow-color, rgba(0,0,0,0.04)); 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_4px_16px_-4px_rgba\(0\,0\,0\,0\.08\)\,0px_2px_6px_0px_rgba\(0\,0\,0\,0\.03\)\] { --tw-shadow: 0px 4px 16px -4px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0px 2px 6px 0px var(--tw-shadow-color, rgba(0,0,0,0.03)); 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\(0\,0\,0\,0\.04\)\,0_1px_2px_0_rgba\(0\,0\,0\,0\.04\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.04)), 0 1px 2px 0 var(--tw-shadow-color, rgba(0,0,0,0.04)); 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_rgba\(255\,255\,255\,0\.8\)\,0_1px_2px_rgba\(0\,0\,0\,0\.04\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.8)), 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.04)), 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[var\(--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-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); 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: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow\/elevation { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .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-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); } .shadow-\[\#FB44B8\]\/25 { --tw-shadow-color: color-mix(in srgb, #FB44B8 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #FB44B8 25%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/8 { --tw-shadow-color: color-mix(in srgb, #000 8%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 8%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-origami-pink\/20 { --tw-shadow-color: color-mix(in srgb, #fe7bcd 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-origami-pink) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-stone-900\/5 { --tw-shadow-color: color-mix(in srgb, #1c1917 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-900) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-stone-900\/8 { --tw-shadow-color: color-mix(in srgb, #1c1917 8%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-900) 8%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-stone-900\/10 { --tw-shadow-color: color-mix(in srgb, #1c1917 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-900) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-stone-900\/15 { --tw-shadow-color: color-mix(in srgb, #1c1917 15%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-900) 15%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-stone-900\/\[0\.04\] { --tw-shadow-color: color-mix(in srgb, #1c1917 4%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-900) 4%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-stone-900\/\[0\.06\] { --tw-shadow-color: color-mix(in srgb, #1c1917 6%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-900) 6%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-\[\#FAFAFA\] { --tw-ring-color: #FAFAFA; } .ring-\[\#FE7BCD\]\/15 { --tw-ring-color: color-mix(in oklab, #FE7BCD 15%, transparent); } .ring-\[oklch\(91\%_0\.035_75\)\] { --tw-ring-color: oklch(91% 0.035 75); } .ring-amber-200 { --tw-ring-color: var(--color-amber-200); } .ring-amber-200\/80 { --tw-ring-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent); } } .ring-amber-300 { --tw-ring-color: var(--color-amber-300); } .ring-amber-300\/70 { --tw-ring-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-300) 70%, transparent); } } .ring-amber-300\/80 { --tw-ring-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-300) 80%, transparent); } } .ring-amber-400\/80 { --tw-ring-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 80%, transparent); } } .ring-amber-600\/20 { --tw-ring-color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-600) 20%, transparent); } } .ring-blue-100 { --tw-ring-color: var(--color-blue-100); } .ring-blue-400\/50 { --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent); } } .ring-emerald-200 { --tw-ring-color: var(--color-emerald-200); } .ring-emerald-200\/80 { --tw-ring-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent); } } .ring-emerald-300 { --tw-ring-color: var(--color-emerald-300); } .ring-emerald-300\/70 { --tw-ring-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 70%, transparent); } } .ring-emerald-300\/80 { --tw-ring-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 80%, transparent); } } .ring-emerald-400 { --tw-ring-color: var(--color-emerald-400); } .ring-emerald-400\/80 { --tw-ring-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent); } } .ring-emerald-600\/20 { --tw-ring-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-600) 20%, transparent); } } .ring-gray-200 { --tw-ring-color: var(--color-gray-200); } .ring-gray-300 { --tw-ring-color: var(--color-gray-300); } .ring-green-200 { --tw-ring-color: var(--color-green-200); } .ring-origami-pink\/10 { --tw-ring-color: color-mix(in srgb, #fe7bcd 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-origami-pink) 10%, transparent); } } .ring-origami-pink\/20 { --tw-ring-color: color-mix(in srgb, #fe7bcd 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-origami-pink) 20%, transparent); } } .ring-red-200 { --tw-ring-color: var(--color-red-200); } .ring-red-300 { --tw-ring-color: var(--color-red-300); } .ring-rose-200\/80 { --tw-ring-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent); } } .ring-rose-300 { --tw-ring-color: var(--color-rose-300); } .ring-rose-300\/70 { --tw-ring-color: color-mix(in srgb, oklch(81% 0.117 11.638) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-rose-300) 70%, transparent); } } .ring-rose-300\/80 { --tw-ring-color: color-mix(in srgb, oklch(81% 0.117 11.638) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-rose-300) 80%, transparent); } } .ring-rose-400\/80 { --tw-ring-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-rose-400) 80%, transparent); } } .ring-sky-200 { --tw-ring-color: var(--color-sky-200); } .ring-stone-50 { --tw-ring-color: var(--color-stone-50); } .ring-stone-200 { --tw-ring-color: var(--color-stone-200); } .ring-stone-200\/70 { --tw-ring-color: color-mix(in srgb, #e7e5e4 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-200) 70%, transparent); } } .ring-stone-200\/80 { --tw-ring-color: color-mix(in srgb, #e7e5e4 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-200) 80%, transparent); } } .ring-stone-300 { --tw-ring-color: var(--color-stone-300); } .ring-stone-300\/80 { --tw-ring-color: color-mix(in srgb, #d1cec9 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-300) 80%, transparent); } } .ring-stone-700\/30 { --tw-ring-color: color-mix(in srgb, #44403c 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-700) 30%, transparent); } } .ring-stone-900\/5 { --tw-ring-color: color-mix(in srgb, #1c1917 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-900) 5%, transparent); } } .ring-stone-900\/10 { --tw-ring-color: color-mix(in srgb, #1c1917 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-900) 10%, transparent); } } .ring-stone-900\/\[0\.04\] { --tw-ring-color: color-mix(in srgb, #1c1917 4%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-900) 4%, transparent); } } .ring-stone-900\/\[0\.05\] { --tw-ring-color: color-mix(in srgb, #1c1917 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-900) 5%, transparent); } } .ring-stone-900\/\[0\.06\] { --tw-ring-color: color-mix(in srgb, #1c1917 6%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-900) 6%, transparent); } } .ring-stone-900\/\[0\.08\] { --tw-ring-color: color-mix(in srgb, #1c1917 8%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-900) 8%, transparent); } } .ring-violet-200 { --tw-ring-color: var(--color-violet-200); } .ring-white { --tw-ring-color: var(--color-white); } .ring-offset-background { --tw-ring-offset-color: var(--color-background); } .outline-hidden { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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,); } .grayscale { --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,); } .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,); } .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-\[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-\[3px\] { --tw-backdrop-blur: blur(3px); -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-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-\[border-color\,background-color\,box-shadow\,color\] { transition-property: border-color,background-color,box-shadow,color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[box-shadow\,border-color\,background-color\] { transition-property: box-shadow,border-color,background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[box-shadow\,border-color\] { transition-property: box-shadow,border-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,background-color\,border-color\,box-shadow\] { transition-property: color,background-color,border-color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,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-\[grid-template-columns\] { transition-property: grid-template-columns; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[grid-template-rows\] { transition-property: grid-template-rows; 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-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)); } .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-250 { --tw-duration: 250ms; transition-duration: 250ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-400 { --tw-duration: 400ms; transition-duration: 400ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-\[400ms\] { --tw-duration: 400ms; transition-duration: 400ms; } .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] { --tw-ease: cubic-bezier(0.4,0,0.2,1); transition-timing-function: cubic-bezier(0.4,0,0.2,1); } .ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] { --tw-ease: cubic-bezier(0.16,1,0.3,1); transition-timing-function: cubic-bezier(0.16,1,0.3,1); } .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] { --tw-ease: cubic-bezier(0.32,0.72,0,1); transition-timing-function: cubic-bezier(0.32,0.72,0,1); } .ease-\[var\(--ease-spring\)\] { --tw-ease: var(--ease-spring); transition-timing-function: var(--ease-spring); } .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-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .\[contain\:layout_paint_size\] { contain: layout paint size; } .prose-gray { --tw-prose-body: oklch(37.3% 0.034 259.733); --tw-prose-headings: oklch(21% 0.034 264.665); --tw-prose-lead: oklch(44.6% 0.03 256.802); --tw-prose-links: oklch(21% 0.034 264.665); --tw-prose-bold: oklch(21% 0.034 264.665); --tw-prose-counters: oklch(55.1% 0.027 264.364); --tw-prose-bullets: oklch(87.2% 0.01 258.338); --tw-prose-hr: oklch(92.8% 0.006 264.531); --tw-prose-quotes: oklch(21% 0.034 264.665); --tw-prose-quote-borders: oklch(92.8% 0.006 264.531); --tw-prose-captions: oklch(55.1% 0.027 264.364); --tw-prose-kbd: oklch(21% 0.034 264.665); --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent); --tw-prose-code: oklch(21% 0.034 264.665); --tw-prose-pre-code: oklch(92.8% 0.006 264.531); --tw-prose-pre-bg: oklch(27.8% 0.033 256.848); --tw-prose-th-borders: oklch(87.2% 0.01 258.338); --tw-prose-td-borders: oklch(92.8% 0.006 264.531); --tw-prose-invert-body: oklch(87.2% 0.01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% 0.022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% 0.022 261.325); --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802); --tw-prose-invert-hr: oklch(37.3% 0.034 259.733); --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733); --tw-prose-invert-captions: oklch(70.7% 0.022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802); --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733); } .prose-stone { --tw-prose-body: oklch(37.4% 0.01 67.558); --tw-prose-headings: oklch(21.6% 0.006 56.043); --tw-prose-lead: oklch(44.4% 0.011 73.639); --tw-prose-links: oklch(21.6% 0.006 56.043); --tw-prose-bold: oklch(21.6% 0.006 56.043); --tw-prose-counters: oklch(55.3% 0.013 58.071); --tw-prose-bullets: oklch(86.9% 0.005 56.366); --tw-prose-hr: oklch(92.3% 0.003 48.717); --tw-prose-quotes: oklch(21.6% 0.006 56.043); --tw-prose-quote-borders: oklch(92.3% 0.003 48.717); --tw-prose-captions: oklch(55.3% 0.013 58.071); --tw-prose-kbd: oklch(21.6% 0.006 56.043); --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21.6% 0.006 56.043) 10%, transparent); --tw-prose-code: oklch(21.6% 0.006 56.043); --tw-prose-pre-code: oklch(92.3% 0.003 48.717); --tw-prose-pre-bg: oklch(26.8% 0.007 34.298); --tw-prose-th-borders: oklch(86.9% 0.005 56.366); --tw-prose-td-borders: oklch(92.3% 0.003 48.717); --tw-prose-invert-body: oklch(86.9% 0.005 56.366); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.9% 0.01 56.259); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.9% 0.01 56.259); --tw-prose-invert-bullets: oklch(44.4% 0.011 73.639); --tw-prose-invert-hr: oklch(37.4% 0.01 67.558); --tw-prose-invert-quotes: oklch(97% 0.001 106.424); --tw-prose-invert-quote-borders: oklch(37.4% 0.01 67.558); --tw-prose-invert-captions: oklch(70.9% 0.01 56.259); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(86.9% 0.005 56.366); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(44.4% 0.011 73.639); --tw-prose-invert-td-borders: oklch(37.4% 0.01 67.558); } .fade-in-0 { --tw-enter-opacity: calc(0/100); --tw-enter-opacity: 0; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-all { -webkit-user-select: all; user-select: all; } .select-none { -webkit-user-select: none; user-select: none; } .zoom-in-75 { --tw-enter-scale: calc(75*1%); --tw-enter-scale: .75; } .zoom-in-95 { --tw-enter-scale: calc(95*1%); --tw-enter-scale: .95; } .\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--color-background\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\] { --bg: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--color-background),#0000 calc(50% + var(--spread))); } .\[animation-duration\:4s\] { animation-duration: 4s; } .\[code-fix\:\\] { code-fix: ; } .\[crm-discovery\:agent\] { crm-discovery: agent; } .\[db\:pool\] { db: pool; } .\[db\:query-error\] { db: query-error; } .\[db\:slow-query\] { db: slow-query; } .\[scrollbar-gutter\:stable\] { scrollbar-gutter: stable; } .\[sequencer\:emailRoundtrip\] { sequencer: emailRoundtrip; } .\[webhook\:\\] { webhook: ; } .\[webhook\:sub-created\] { webhook: sub-created; } .\[webhook\:sub-deleted\] { webhook: sub-deleted; } .\[webhook\:sub-updated\] { webhook: sub-updated; } .fade-in { --tw-enter-opacity: 0; } .paused { animation-play-state: paused; } .ring-inset { --tw-ring-inset: inset; } .running { animation-play-state: running; } .slide-in-from-bottom-2 { --tw-enter-translate-y: calc(2*var(--spacing)); } .slide-in-from-bottom-4 { --tw-enter-translate-y: calc(4*var(--spacing)); } .slide-in-from-right { --tw-enter-translate-x: 100%; } .slide-in-from-top-2 { --tw-enter-translate-y: calc(2*var(--spacing)*-1); } .zoom-in { --tw-enter-scale: 0; } .group-focus-within\:text-stone-500 { &:is(:where(.group):focus-within *) { color: var(--color-stone-500); } } .group-focus-within\:opacity-100 { &:is(:where(.group):focus-within *) { opacity: 100%; } } .group-focus-within\/custom\:bg-stone-200\/80 { &:is(:where(.group\/custom):focus-within *) { background-color: color-mix(in srgb, #e7e5e4 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-200) 80%, transparent); } } } .group-focus-within\/custom\:text-stone-700 { &:is(:where(.group\/custom):focus-within *) { color: var(--color-stone-700); } } .group-hover\:pointer-events-auto { &:is(:where(.group):hover *) { @media (hover: hover) { pointer-events: auto; } } } .group-hover\:-translate-x-0\.5 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:translate-x-0\.5 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:translate-x-\[1px\] { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:-translate-y-0\.5 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:-translate-y-1 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:-translate-y-\[1px\] { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-y: calc(1px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:-translate-y-px { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:translate-y-0\.5 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:-rotate-1 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: calc(1deg * -1); } } } .group-hover\:-rotate-2 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: calc(2deg * -1); } } } .group-hover\:-rotate-\[2deg\] { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: calc(2deg * -1); } } } .group-hover\:rotate-180 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 180deg; } } } .group-hover\:grid-cols-\[1fr\] { &:is(:where(.group):hover *) { @media (hover: hover) { grid-template-columns: 1fr; } } } .group-hover\:border-\[\#d4d4d8\] { &:is(:where(.group):hover *) { @media (hover: hover) { border-color: #d4d4d8; } } } .group-hover\:border-violet-600 { &:is(:where(.group):hover *) { @media (hover: hover) { border-color: var(--color-violet-600); } } } .group-hover\:bg-accent { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-accent); } } } .group-hover\:bg-amber-100 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-amber-100); } } } .group-hover\:bg-amber-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-amber-200); } } } .group-hover\:bg-pink-100 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-pink-100); } } } .group-hover\:bg-stone-200 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-stone-200); } } } .group-hover\:bg-stone-300 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-stone-300); } } } .group-hover\:bg-stone-400 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-stone-400); } } } .group-hover\:bg-white { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-white); } } } .group-hover\:from-\[\#E4E4E4\] { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-from: #E4E4E4; --tw-gradient-stops: var(--tw-gradient-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-\[\#E4E4E4\]\/90 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-gradient-via: color-mix(in oklab, #E4E4E4 90%, 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); } } } .group-hover\:text-\[\#09090b\] { &:is(:where(.group):hover *) { @media (hover: hover) { color: #09090b; } } } .group-hover\:text-\[\#52525b\] { &:is(:where(.group):hover *) { @media (hover: hover) { color: #52525b; } } } .group-hover\:text-\[\#71717a\] { &:is(:where(.group):hover *) { @media (hover: hover) { color: #71717a; } } } .group-hover\:text-\[\#D64A9E\] { &:is(:where(.group):hover *) { @media (hover: hover) { color: #D64A9E; } } } .group-hover\:text-\[\#FB44B8\] { &:is(:where(.group):hover *) { @media (hover: hover) { color: #FB44B8; } } } .group-hover\:text-\[\#a1a1aa\] { &:is(:where(.group):hover *) { @media (hover: hover) { color: #a1a1aa; } } } .group-hover\:text-amber-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-amber-600); } } } .group-hover\:text-amber-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-amber-700); } } } .group-hover\:text-amber-800 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-amber-800); } } } .group-hover\:text-blue-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-600); } } } .group-hover\:text-blue-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-700); } } } .group-hover\:text-foreground\/50 { &:is(:where(.group):hover *) { @media (hover: hover) { color: color-mix(in srgb, #09090b 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 50%, transparent); } } } } .group-hover\:text-foreground\/70 { &:is(:where(.group):hover *) { @media (hover: hover) { color: color-mix(in srgb, #09090b 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 70%, transparent); } } } } .group-hover\:text-foreground\/80 { &:is(:where(.group):hover *) { @media (hover: hover) { color: color-mix(in srgb, #09090b 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 80%, transparent); } } } } .group-hover\:text-gray-500 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-500); } } } .group-hover\:text-gray-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-600); } } } .group-hover\:text-gray-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-700); } } } .group-hover\:text-orange-500 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-orange-500); } } } .group-hover\:text-orange-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-orange-600); } } } .group-hover\:text-origami-pink-hover { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-origami-pink-hover); } } } .group-hover\:text-stone-500 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-stone-500); } } } .group-hover\:text-stone-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-stone-600); } } } .group-hover\:text-stone-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-stone-700); } } } .group-hover\:text-stone-800 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-stone-800); } } } .group-hover\:text-stone-900 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-stone-900); } } } .group-hover\:text-violet-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-violet-600); } } } .group-hover\:text-violet-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-violet-700); } } } .group-hover\:underline { &:is(:where(.group):hover *) { @media (hover: hover) { text-decoration-line: underline; } } } .group-hover\:opacity-0 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 0%; } } } .group-hover\:opacity-60 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 60%; } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\:shadow-sm { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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\/breakdown\:text-stone-500 { &:is(:where(.group\/breakdown):hover *) { @media (hover: hover) { color: var(--color-stone-500); } } } .group-hover\/card\:opacity-100 { &:is(:where(.group\/card):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/cell\:flex { &:is(:where(.group\/cell):hover *) { @media (hover: hover) { display: flex; } } } .group-hover\/cell\:hidden { &:is(:where(.group\/cell):hover *) { @media (hover: hover) { display: none; } } } .group-hover\/cell\:grid-cols-\[1fr\] { &:is(:where(.group\/cell):hover *) { @media (hover: hover) { grid-template-columns: 1fr; } } } .group-hover\/cell\:border-stone-200 { &:is(:where(.group\/cell):hover *) { @media (hover: hover) { border-color: var(--color-stone-200); } } } .group-hover\/cell\:text-stone-500 { &:is(:where(.group\/cell):hover *) { @media (hover: hover) { color: var(--color-stone-500); } } } .group-hover\/cell\:opacity-100 { &:is(:where(.group\/cell):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/cta\:translate-x-0\.5 { &:is(:where(.group\/cta):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/err\:hidden { &:is(:where(.group\/err):hover *) { @media (hover: hover) { display: none; } } } .group-hover\/err\:inline { &:is(:where(.group\/err):hover *) { @media (hover: hover) { display: inline; } } } .group-hover\/expand\:translate-x-0\.5 { &:is(:where(.group\/expand):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/expand\:text-stone-600 { &:is(:where(.group\/expand):hover *) { @media (hover: hover) { color: var(--color-stone-600); } } } .group-hover\/extras\:text-stone-600 { &:is(:where(.group\/extras):hover *) { @media (hover: hover) { color: var(--color-stone-600); } } } .group-hover\/header\:opacity-100 { &:is(:where(.group\/header):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/item\:opacity-100 { &:is(:where(.group\/item):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/jump\:text-stone-600 { &:is(:where(.group\/jump):hover *) { @media (hover: hover) { color: var(--color-stone-600); } } } .group-hover\/jump\:text-stone-700 { &:is(:where(.group\/jump):hover *) { @media (hover: hover) { color: var(--color-stone-700); } } } .group-hover\/link\:underline { &:is(:where(.group\/link):hover *) { @media (hover: hover) { text-decoration-line: underline; } } } .group-hover\/link\:opacity-100 { &:is(:where(.group\/link):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/ls\:text-stone-500 { &:is(:where(.group\/ls):hover *) { @media (hover: hover) { color: var(--color-stone-500); } } } .group-hover\/name\:opacity-100 { &:is(:where(.group\/name):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/pipe\:text-stone-500 { &:is(:where(.group\/pipe):hover *) { @media (hover: hover) { color: var(--color-stone-500); } } } .group-hover\/row\:opacity-100 { &:is(:where(.group\/row):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/score\:border-amber-300\/80 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-300) 80%, transparent); } } } } .group-hover\/score\:border-emerald-300\/80 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { border-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-300) 80%, transparent); } } } } .group-hover\/score\:border-rose-300\/80 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { border-color: color-mix(in srgb, oklch(81% 0.117 11.638) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-300) 80%, transparent); } } } } .group-hover\/score\:border-stone-300\/80 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { border-color: color-mix(in srgb, #d1cec9 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-stone-300) 80%, transparent); } } } } .group-hover\/score\:bg-amber-100 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { background-color: var(--color-amber-100); } } } .group-hover\/score\:bg-emerald-100 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { background-color: var(--color-emerald-100); } } } .group-hover\/score\:bg-rose-100 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { background-color: var(--color-rose-100); } } } .group-hover\/score\:bg-stone-100 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { background-color: var(--color-stone-100); } } } .group-hover\/score\:text-amber-600 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { color: var(--color-amber-600); } } } .group-hover\/score\:text-emerald-600 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { color: var(--color-emerald-600); } } } .group-hover\/score\:text-rose-600 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { color: var(--color-rose-600); } } } .group-hover\/score\:text-stone-500 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { color: var(--color-stone-500); } } } .group-hover\/score\:shadow-md { &:is(:where(.group\/score):hover *) { @media (hover: hover) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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\/score\:shadow-stone-900\/12 { &:is(:where(.group\/score):hover *) { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #1c1917 12%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-stone-900) 12%, transparent) var(--tw-shadow-alpha), transparent); } } } } .group-hover\/send\:bg-pink-100 { &:is(:where(.group\/send):hover *) { @media (hover: hover) { background-color: var(--color-pink-100); } } } .group-hover\/send\:text-stone-700 { &:is(:where(.group\/send):hover *) { @media (hover: hover) { color: var(--color-stone-700); } } } .group-hover\/tip\:opacity-100 { &:is(:where(.group\/tip):hover *) { @media (hover: hover) { opacity: 100%; } } } .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\:pb-2 { &:is(:where(.group\/input-group):has(>input) *) { padding-bottom: calc(var(--spacing) * 2); } } .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"] *) { opacity: 50%; } } .group-data-\[disabled\=true\]\/input-group\:opacity-50 { &:is(:where(.group\/input-group)[data-disabled="true"] *) { opacity: 50%; } } .group-data-\[state\=closed\]\:-rotate-90 { &:is(:where(.group)[data-state="closed"] *) { rotate: calc(90deg * -1); } } .group-data-\[state\=open\]\:rotate-180 { &:is(:where(.group)[data-state="open"] *) { rotate: 180deg; } } .peer-disabled\:cursor-not-allowed { &:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } } .peer-disabled\:opacity-50 { &:is(:where(.peer):disabled ~ *) { opacity: 50%; } } .marker\:text-stone-300 { & *::marker { color: var(--color-stone-300); } &::marker { color: var(--color-stone-300); } & *::-webkit-details-marker { color: var(--color-stone-300); } &::-webkit-details-marker { color: var(--color-stone-300); } } .marker\:text-stone-400 { & *::marker { color: var(--color-stone-400); } &::marker { color: var(--color-stone-400); } & *::-webkit-details-marker { color: var(--color-stone-400); } &::-webkit-details-marker { color: var(--color-stone-400); } } .file\:inline-flex { &::file-selector-button { display: inline-flex; } } .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: 0px; } } .file\:bg-transparent { &::file-selector-button { background-color: transparent; } } .file\:text-sm { &::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .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(--color-foreground); } } .placeholder\:font-normal { &::placeholder { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } } .placeholder\:text-\[\#a1a1aa\] { &::placeholder { color: #a1a1aa; } } .placeholder\:text-foreground\/25 { &::placeholder { color: color-mix(in srgb, #09090b 25%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 25%, transparent); } } } .placeholder\:text-foreground\/30 { &::placeholder { color: color-mix(in srgb, #09090b 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 30%, transparent); } } } .placeholder\:text-gray-300 { &::placeholder { color: var(--color-gray-300); } } .placeholder\:text-gray-400 { &::placeholder { color: var(--color-gray-400); } } .placeholder\:text-muted-foreground { &::placeholder { color: var(--color-muted-foreground); } } .placeholder\:text-stone-300 { &::placeholder { color: var(--color-stone-300); } } .placeholder\:text-stone-400 { &::placeholder { color: var(--color-stone-400); } } .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } .after\:inset-y-0 { &::after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } } .after\:left-1\/2 { &::after { content: var(--tw-content); left: calc(1/2 * 100%); } } .after\:w-1 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 1); } } .after\:-translate-x-1\/2 { &::after { content: var(--tw-content); --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .first\:mt-0 { &:first-child { margin-top: calc(var(--spacing) * 0); } } .first\:pl-3\.5 { &:first-child { padding-left: calc(var(--spacing) * 3.5); } } .last\:mb-0 { &:last-child { margin-bottom: calc(var(--spacing) * 0); } } .last\:border-0 { &:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .last\:border-r-0 { &:last-child { border-right-style: var(--tw-border-style); border-right-width: 0px; } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .last\:pr-3\.5 { &:last-child { padding-right: calc(var(--spacing) * 3.5); } } .focus-within\:border-\[\#d4d4d8\] { &:focus-within { border-color: #d4d4d8; } } .focus-within\:border-origami-pink\/40 { &:focus-within { border-color: color-mix(in srgb, #fe7bcd 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-origami-pink) 40%, transparent); } } } .focus-within\:border-stone-300 { &:focus-within { border-color: var(--color-stone-300); } } .focus-within\:border-stone-400 { &:focus-within { border-color: var(--color-stone-400); } } .focus-within\:border-violet-300 { &:focus-within { border-color: var(--color-violet-300); } } .focus-within\:bg-\[\#F5F5F5\] { &:focus-within { background-color: #F5F5F5; } } .focus-within\:opacity-100 { &:focus-within { opacity: 100%; } } .focus-within\:shadow-\[0_2px_20px_rgba\(0\,0\,0\,0\.1\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.08\)\] { &:focus-within { --tw-shadow: 0 2px 20px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.08)); 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\:shadow-\[0px_8px_30px_-4px_rgba\(0\,0\,0\,0\.07\)\,0px_4px_10px_0px_rgba\(0\,0\,0\,0\.03\)\] { &:focus-within { --tw-shadow: 0px 8px 30px -4px var(--tw-shadow-color, rgba(0,0,0,0.07)), 0px 4px 10px 0px var(--tw-shadow-color, rgba(0,0,0,0.03)); 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\:shadow-\[0px_8px_30px_-4px_rgba\(0\,0\,0\,0\.12\)\,0px_4px_10px_0px_rgba\(0\,0\,0\,0\.06\)\] { &:focus-within { --tw-shadow: 0px 8px 30px -4px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0px 4px 10px 0px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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-4 { &:focus-within { --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-within\:ring-origami-pink\/10 { &:focus-within { --tw-ring-color: color-mix(in srgb, #fe7bcd 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-origami-pink) 10%, transparent); } } } .focus-within\:ring-stone-100 { &:focus-within { --tw-ring-color: var(--color-stone-100); } } .focus-within\:ring-stone-200\/60 { &:focus-within { --tw-ring-color: color-mix(in srgb, #e7e5e4 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-200) 60%, transparent); } } } .focus-within\:ring-violet-100 { &:focus-within { --tw-ring-color: var(--color-violet-100); } } .hover\:w-\[3\.25rem\] { &:hover { @media (hover: hover) { width: 3.25rem; } } } .hover\:-translate-y-0\.5 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:-translate-y-1 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:scale-105 { &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-\[1\.03\] { &:hover { @media (hover: hover) { scale: 1.03; } } } .hover\:rotate-\[-1deg\] { &:hover { @media (hover: hover) { rotate: -1deg; } } } .hover\:overflow-x-auto { &:hover { @media (hover: hover) { overflow-x: auto; } } } .hover\:\!border-origami-pink { &:hover { @media (hover: hover) { border-color: var(--color-origami-pink) !important; } } } .hover\:\!border-stone-300 { &:hover { @media (hover: hover) { border-color: var(--color-stone-300) !important; } } } .hover\:border-\[\#D64A9E\] { &:hover { @media (hover: hover) { border-color: #D64A9E; } } } .hover\:border-\[\#FD7BCD\] { &:hover { @media (hover: hover) { border-color: #FD7BCD; } } } .hover\:border-\[\#FE7BCD\] { &:hover { @media (hover: hover) { border-color: #FE7BCD; } } } .hover\:border-\[\#FE7BCD\]\/50 { &:hover { @media (hover: hover) { border-color: color-mix(in oklab, #FE7BCD 50%, transparent); } } } .hover\:border-\[\#FECCE8\] { &:hover { @media (hover: hover) { border-color: #FECCE8; } } } .hover\:border-\[\#a1a1aa\] { &:hover { @media (hover: hover) { border-color: #a1a1aa; } } } .hover\:border-\[\#d4d4d4\] { &:hover { @media (hover: hover) { border-color: #d4d4d4; } } } .hover\:border-\[\#d4d4d8\] { &:hover { @media (hover: hover) { border-color: #d4d4d8; } } } .hover\:border-accent { &:hover { @media (hover: hover) { border-color: var(--color-accent); } } } .hover\:border-amber-200 { &:hover { @media (hover: hover) { border-color: var(--color-amber-200); } } } .hover\:border-emerald-200 { &:hover { @media (hover: hover) { border-color: var(--color-emerald-200); } } } .hover\:border-foreground\/20 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #09090b 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 20%, transparent); } } } } .hover\:border-foreground\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #09090b 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 30%, transparent); } } } } .hover\:border-foreground\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #09090b 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 40%, transparent); } } } } .hover\:border-foreground\/60 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #09090b 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 60%, transparent); } } } } .hover\:border-foreground\/\[0\.15\] { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #09090b 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 15%, transparent); } } } } .hover\:border-foreground\/\[0\.22\] { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #09090b 22%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 22%, transparent); } } } } .hover\:border-gray-200 { &:hover { @media (hover: hover) { border-color: var(--color-gray-200); } } } .hover\:border-gray-300 { &:hover { @media (hover: hover) { border-color: var(--color-gray-300); } } } .hover\:border-gray-400 { &:hover { @media (hover: hover) { border-color: var(--color-gray-400); } } } .hover\:border-orange-500 { &:hover { @media (hover: hover) { border-color: var(--color-orange-500); } } } .hover\:border-origami-pink-dark { &:hover { @media (hover: hover) { border-color: var(--color-origami-pink-dark); } } } .hover\:border-pink-200 { &:hover { @media (hover: hover) { border-color: var(--color-pink-200); } } } .hover\:border-red-200 { &:hover { @media (hover: hover) { border-color: var(--color-red-200); } } } .hover\:border-red-300 { &:hover { @media (hover: hover) { border-color: var(--color-red-300); } } } .hover\:border-rose-300 { &:hover { @media (hover: hover) { border-color: var(--color-rose-300); } } } .hover\:border-sky-200 { &:hover { @media (hover: hover) { border-color: var(--color-sky-200); } } } .hover\:border-sky-300 { &:hover { @media (hover: hover) { border-color: var(--color-sky-300); } } } .hover\:border-stone-300 { &:hover { @media (hover: hover) { border-color: var(--color-stone-300); } } } .hover\:border-stone-400 { &:hover { @media (hover: hover) { border-color: var(--color-stone-400); } } } .hover\:border-stone-700 { &:hover { @media (hover: hover) { border-color: var(--color-stone-700); } } } .hover\:border-violet-200 { &:hover { @media (hover: hover) { border-color: var(--color-violet-200); } } } .hover\:border-violet-300 { &:hover { @media (hover: hover) { border-color: var(--color-violet-300); } } } .hover\:\!bg-\[\#FEF0F7\] { &:hover { @media (hover: hover) { background-color: #FEF0F7 !important; } } } .hover\:\!bg-stone-50 { &:hover { @media (hover: hover) { background-color: var(--color-stone-50) !important; } } } .hover\:bg-\[\#2a2a2a\] { &:hover { @media (hover: hover) { background-color: #2a2a2a; } } } .hover\:bg-\[\#3f3f46\] { &:hover { @media (hover: hover) { background-color: #3f3f46; } } } .hover\:bg-\[\#004182\] { &:hover { @media (hover: hover) { background-color: #004182; } } } .hover\:bg-\[\#09090b\]\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #09090b 80%, transparent); } } } .hover\:bg-\[\#27272a\] { &:hover { @media (hover: hover) { background-color: #27272a; } } } .hover\:bg-\[\#C03E8C\] { &:hover { @media (hover: hover) { background-color: #C03E8C; } } } .hover\:bg-\[\#D64A9E\] { &:hover { @media (hover: hover) { background-color: #D64A9E; } } } .hover\:bg-\[\#E4E4E4\] { &:hover { @media (hover: hover) { background-color: #E4E4E4; } } } .hover\:bg-\[\#F2F2F2\] { &:hover { @media (hover: hover) { background-color: #F2F2F2; } } } .hover\:bg-\[\#F7F5F5\] { &:hover { @media (hover: hover) { background-color: #F7F5F5; } } } .hover\:bg-\[\#FAFAFA\] { &:hover { @media (hover: hover) { background-color: #FAFAFA; } } } .hover\:bg-\[\#FAFAFA\]\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #FAFAFA 50%, transparent); } } } .hover\:bg-\[\#FCDDEF\] { &:hover { @media (hover: hover) { background-color: #FCDDEF; } } } .hover\:bg-\[\#FDDEED\] { &:hover { @media (hover: hover) { background-color: #FDDEED; } } } .hover\:bg-\[\#FDE8F3\] { &:hover { @media (hover: hover) { background-color: #FDE8F3; } } } .hover\:bg-\[\#FE7BCD\]\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #FE7BCD 90%, transparent); } } } .hover\:bg-\[\#FEF0F7\]\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #FEF0F7 30%, transparent); } } } .hover\:bg-\[\#e4e4e7\] { &:hover { @media (hover: hover) { background-color: #e4e4e7; } } } .hover\:bg-\[\#f0f0f2\] { &:hover { @media (hover: hover) { background-color: #f0f0f2; } } } .hover\:bg-\[\#f4f4f5\] { &:hover { @media (hover: hover) { background-color: #f4f4f5; } } } .hover\:bg-\[\#f5f5f5\] { &:hover { @media (hover: hover) { background-color: #f5f5f5; } } } .hover\:bg-\[\#f472b6\] { &:hover { @media (hover: hover) { background-color: #f472b6; } } } .hover\:bg-\[\#fafaf8\] { &:hover { @media (hover: hover) { background-color: #fafaf8; } } } .hover\:bg-\[\#fafafa\] { &:hover { @media (hover: hover) { background-color: #fafafa; } } } .hover\:bg-\[\#fefafc\] { &:hover { @media (hover: hover) { background-color: #fefafc; } } } .hover\:bg-\[oklch\(0\%_0_0_\/_0\.04\)\] { &:hover { @media (hover: hover) { background-color: oklch(0% 0 0 / 0.04); } } } .hover\:bg-accent { &:hover { @media (hover: hover) { background-color: var(--color-accent); } } } .hover\:bg-amber-50 { &:hover { @media (hover: hover) { background-color: var(--color-amber-50); } } } .hover\:bg-amber-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent); } } } } .hover\:bg-amber-100 { &:hover { @media (hover: hover) { background-color: var(--color-amber-100); } } } .hover\:bg-amber-100\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-100) 60%, transparent); } } } } .hover\:bg-amber-100\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-100) 80%, transparent); } } } } .hover\:bg-amber-200 { &:hover { @media (hover: hover) { background-color: var(--color-amber-200); } } } .hover\:bg-amber-200\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent); } } } } .hover\:bg-amber-500\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent); } } } } .hover\:bg-amber-600 { &:hover { @media (hover: hover) { background-color: var(--color-amber-600); } } } .hover\:bg-amber-700 { &:hover { @media (hover: hover) { background-color: var(--color-amber-700); } } } .hover\:bg-background { &:hover { @media (hover: hover) { background-color: var(--color-background); } } } .hover\:bg-black { &:hover { @media (hover: hover) { background-color: var(--color-black); } } } .hover\:bg-black\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } } } .hover\:bg-black\/\[0\.03\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 3%, transparent); } } } } .hover\:bg-black\/\[0\.015\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 1.5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 1.5%, transparent); } } } } .hover\:bg-blue-100 { &:hover { @media (hover: hover) { background-color: var(--color-blue-100); } } } .hover\:bg-blue-500\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } } } .hover\:bg-blue-600 { &:hover { @media (hover: hover) { background-color: var(--color-blue-600); } } } .hover\:bg-blue-700 { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } .hover\:bg-destructive\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f04438 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent); } } } } .hover\:bg-emerald-50 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-50); } } } .hover\:bg-emerald-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent); } } } } .hover\:bg-emerald-50\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent); } } } } .hover\:bg-emerald-100 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-100); } } } .hover\:bg-emerald-200 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-200); } } } .hover\:bg-emerald-200\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent); } } } } .hover\:bg-emerald-700 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-700); } } } .hover\:bg-foreground\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #09090b 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent); } } } } .hover\:bg-foreground\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #09090b 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 10%, transparent); } } } } .hover\:bg-foreground\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #09090b 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 90%, transparent); } } } } .hover\:bg-foreground\/\[0\.01\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #09090b 1%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 1%, transparent); } } } } .hover\:bg-foreground\/\[0\.04\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #09090b 4%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 4%, transparent); } } } } .hover\:bg-foreground\/\[0\.05\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #09090b 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 5%, transparent); } } } } .hover\:bg-foreground\/\[0\.06\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #09090b 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-foreground) 6%, transparent); } } } } .hover\:bg-gray-50 { &:hover { @media (hover: hover) { background-color: var(--color-gray-50); } } } .hover\:bg-gray-50\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 40%, transparent); } } } } .hover\:bg-gray-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } } } } .hover\:bg-gray-50\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 60%, transparent); } } } } .hover\:bg-gray-50\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent); } } } } .hover\:bg-gray-100 { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } } .hover\:bg-gray-100\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-100) 50%, transparent); } } } } .hover\:bg-gray-100\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-100) 60%, transparent); } } } } .hover\:bg-gray-200 { &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } } .hover\:bg-gray-400 { &:hover { @media (hover: hover) { background-color: var(--color-gray-400); } } } .hover\:bg-gray-400\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-400) 60%, transparent); } } } } .hover\:bg-gray-800 { &:hover { @media (hover: hover) { background-color: var(--color-gray-800); } } } .hover\:bg-gray-900 { &:hover { @media (hover: hover) { background-color: var(--color-gray-900); } } } .hover\:bg-muted { &:hover { @media (hover: hover) { background-color: var(--color-muted); } } } .hover\:bg-muted-foreground\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #71717a 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted-foreground) 10%, transparent); } } } } .hover\:bg-muted\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f4f4f5 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted) 20%, transparent); } } } } .hover\:bg-muted\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f4f4f5 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted) 30%, transparent); } } } } .hover\:bg-muted\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f4f4f5 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted) 50%, transparent); } } } } .hover\:bg-orange-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98% 0.016 73.684) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-50) 50%, transparent); } } } } .hover\:bg-origami-pink-bg-hover { &:hover { @media (hover: hover) { background-color: var(--color-origami-pink-bg-hover); } } } .hover\:bg-origami-pink-dark\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #D64A9E 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-origami-pink-dark) 90%, transparent); } } } } .hover\:bg-origami-pink-hover { &:hover { @media (hover: hover) { background-color: var(--color-origami-pink-hover); } } } .hover\:bg-origami-pink\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fe7bcd 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-origami-pink) 15%, transparent); } } } } .hover\:bg-pink-100 { &:hover { @media (hover: hover) { background-color: var(--color-pink-100); } } } .hover\:bg-pink-200 { &:hover { @media (hover: hover) { background-color: var(--color-pink-200); } } } .hover\:bg-pink-700 { &:hover { @media (hover: hover) { background-color: var(--color-pink-700); } } } .hover\:bg-purple-50 { &:hover { @media (hover: hover) { background-color: var(--color-purple-50); } } } .hover\:bg-purple-100 { &:hover { @media (hover: hover) { background-color: var(--color-purple-100); } } } .hover\:bg-purple-100\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(94.6% 0.033 307.174) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-100) 60%, transparent); } } } } .hover\:bg-purple-100\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(94.6% 0.033 307.174) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-100) 70%, transparent); } } } } .hover\:bg-purple-200 { &:hover { @media (hover: hover) { background-color: var(--color-purple-200); } } } .hover\:bg-purple-600 { &:hover { @media (hover: hover) { background-color: var(--color-purple-600); } } } .hover\:bg-purple-700 { &:hover { @media (hover: hover) { background-color: var(--color-purple-700); } } } .hover\:bg-red-50 { &:hover { @media (hover: hover) { background-color: var(--color-red-50); } } } .hover\:bg-red-100 { &:hover { @media (hover: hover) { background-color: var(--color-red-100); } } } .hover\:bg-red-100\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-100) 60%, transparent); } } } } .hover\:bg-red-200 { &:hover { @media (hover: hover) { background-color: var(--color-red-200); } } } .hover\:bg-red-500 { &:hover { @media (hover: hover) { background-color: var(--color-red-500); } } } .hover\:bg-red-500\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent); } } } } .hover\:bg-red-600 { &:hover { @media (hover: hover) { background-color: var(--color-red-600); } } } .hover\:bg-red-700 { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } .hover\:bg-rose-50 { &:hover { @media (hover: hover) { background-color: var(--color-rose-50); } } } .hover\:bg-rose-100 { &:hover { @media (hover: hover) { background-color: var(--color-rose-100); } } } .hover\:bg-rose-200\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent); } } } } .hover\:bg-rose-700 { &:hover { @media (hover: hover) { background-color: var(--color-rose-700); } } } .hover\:bg-sky-50 { &:hover { @media (hover: hover) { background-color: var(--color-sky-50); } } } .hover\:bg-sky-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-50) 50%, transparent); } } } } .hover\:bg-stone-50 { &:hover { @media (hover: hover) { background-color: var(--color-stone-50); } } } .hover\:bg-stone-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #faf9f7 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-50) 50%, transparent); } } } } .hover\:bg-stone-50\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #faf9f7 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-50) 60%, transparent); } } } } .hover\:bg-stone-50\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #faf9f7 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-50) 70%, transparent); } } } } .hover\:bg-stone-50\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #faf9f7 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-50) 80%, transparent); } } } } .hover\:bg-stone-100 { &:hover { @media (hover: hover) { background-color: var(--color-stone-100); } } } .hover\:bg-stone-100\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f5f5f4 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-100) 50%, transparent); } } } } .hover\:bg-stone-100\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f5f5f4 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-100) 60%, transparent); } } } } .hover\:bg-stone-100\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f5f5f4 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-100) 70%, transparent); } } } } .hover\:bg-stone-100\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f5f5f4 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-100) 80%, transparent); } } } } .hover\:bg-stone-200 { &:hover { @media (hover: hover) { background-color: var(--color-stone-200); } } } .hover\:bg-stone-200\/26 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #e7e5e4 26%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-200) 26%, transparent); } } } } .hover\:bg-stone-200\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #e7e5e4 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-200) 40%, transparent); } } } } .hover\:bg-stone-200\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #e7e5e4 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-200) 60%, transparent); } } } } .hover\:bg-stone-200\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #e7e5e4 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-200) 70%, transparent); } } } } .hover\:bg-stone-300\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #d1cec9 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-stone-300) 60%, transparent); } } } } .hover\:bg-stone-400 { &:hover { @media (hover: hover) { background-color: var(--color-stone-400); } } } .hover\:bg-stone-700 { &:hover { @media (hover: hover) { background-color: var(--color-stone-700); } } } .hover\:bg-stone-800 { &:hover { @media (hover: hover) { background-color: var(--color-stone-800); } } } .hover\:bg-stone-900 { &:hover { @media (hover: hover) { background-color: var(--color-stone-900); } } } .hover\:bg-violet-50\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-50) 30%, transparent); } } } } .hover\:bg-violet-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-50) 50%, transparent); } } } } .hover\:bg-violet-100 { &:hover { @media (hover: hover) { background-color: var(--color-violet-100); } } } .hover\:bg-violet-700 { &:hover { @media (hover: hover) { background-color: var(--color-violet-700); } } } .hover\:bg-white { &:hover { @media (hover: hover) { background-color: var(--color-white); } } } .hover\:bg-white\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } } .hover\:bg-white\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } } .hover\:bg-white\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } } .hover\:bg-white\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } } .hover\:bg-white\/75 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 75%, transparent); } } } } .hover\:bg-white\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } } } .hover\:text-clip { &:hover { @media (hover: hover) { text-overflow: clip; } } } .hover\:\!text-origami-pink { &:hover { @media (hover: hover) { color: var(--color-origami-pink) !important; } } } .hover\:\!text-stone-700 { &:hover { @media (hover: hover) { color: var(--color-stone-700) !important; } } } .hover\:text-\[\#0A66C2\] { &:hover { @media (hover: hover) { color: #0A66C2; } } } .hover\:text-\[\#0a66c2\] { &:hover { @media (hover: hover) { color: #0a66c2; } } } .hover\:text-\[\#1c1917\] { &:hover { @media (hover: hover) { color: #1c1917; } } } .hover\:text-\[\#09090b\] { &:hover { @media (hover: hover) { color: #09090b; } } } .hover\:text-\[\#18181b\] { &:hover { @media (hover: hover) { color: #18181b; } } } .hover\:text-\[\#52525b\] { &:hover { @media (hover: hover) { color: #52525b; } } } .hover\:text-\[\#737373\] { &:hover { @media (hover: hover) { color: #737373; } } } .hover\:text-\[\#B8408A\] { &:hover { @media (hover: hover) { color: #B8408A; } } } .hover\:text-\[\#C03E8C\] { &:hover { @media (hover: hover) { color: #C03E8C; } } } .hover\:text-\[\#D64A9E\] { &:hover { @media (hover: hover) { color: #D64A9E; } } } .hover\:text-\[\#FD6BB8\] { &:hover { @media (hover: hover) { color: #FD6BB8; } } } .hover\:text-\[\#FD7BCD\] { &:hover { @media (hover: hover) { color: #FD7BCD; } } } .hover\:text-\[\#b8367f\] { &:hover { @media (hover: hover) { color: #b8367f; } } } .hover\:text-\[\#fe7bcd\] { &:hover { @media (hover: hover) { color: #fe7bcd; } } } .hover\:text-accent-foreground { &:hover { @media (hover: hover) { color: var(--color-accent-foreground); } } } .hover\:text-amber-600 { &:hover { @media (hover: hover) { color: var(--color-amber-600); } } } .hover\:text-amber-700 { &:hover { @media (hover: hover) { color: var(--color-amber-700); } } } .hover\:text-amber-800 { &:hover { @media (hover: hover) { color: var(--color-amber-800); } } } .hover\:text-amber-900 { &:hover { @media (hover: hover) { color: var(--color-amber-900); } } } .hover\:text-black { &:hover { @media (hover: hover) { color: var(--color-black); } } } .hover\:text-blue-500 { &:hover { @media (hover: hover) { color: var(--color-blue-500); } } } .hover\:text-blue-600 { &:hover { @media (hover: hover) { color: var(--color-blue-600); } } } .hover\:text-blue-700 { &:hover { @media (hover: hover) { color: var(--color-blue-700); } } } .hover\:text-blue-800 { &:hover { @media (hover: hover) { color: var(--color-blue-800); } } } .hover\:text-blue-900 { &:hover { @media (hover: hover) { color: var(--color-blue-900); } } } .hover\:text-emerald-700 { &:hover { @media (hover: hover) { color: var(--color-emerald-700); } } } .hover\:text-emerald-800 { &:hover { @media (hover: hover) { color: var(--color-emerald-800); } } } .hover\:text-foreground { &:hover { @media (hover: hover) { color: var(--color-foreground); } } } .hover\:text-foreground\/50 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #09090b 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 50%, transparent); } } } } .hover\:text-foreground\/60 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #09090b 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 60%, transparent); } } } } .hover\:text-foreground\/70 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #09090b 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 70%, transparent); } } } } .hover\:text-foreground\/75 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #09090b 75%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 75%, transparent); } } } } .hover\:text-foreground\/80 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #09090b 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 80%, transparent); } } } } .hover\:text-gray-300 { &:hover { @media (hover: hover) { color: var(--color-gray-300); } } } .hover\:text-gray-600 { &:hover { @media (hover: hover) { color: var(--color-gray-600); } } } .hover\:text-gray-700 { &:hover { @media (hover: hover) { color: var(--color-gray-700); } } } .hover\:text-gray-800 { &:hover { @media (hover: hover) { color: var(--color-gray-800); } } } .hover\:text-gray-900 { &:hover { @media (hover: hover) { color: var(--color-gray-900); } } } .hover\:text-indigo-700 { &:hover { @media (hover: hover) { color: var(--color-indigo-700); } } } .hover\:text-muted-foreground { &:hover { @media (hover: hover) { color: var(--color-muted-foreground); } } } .hover\:text-orange-500 { &:hover { @media (hover: hover) { color: var(--color-orange-500); } } } .hover\:text-orange-600 { &:hover { @media (hover: hover) { color: var(--color-orange-600); } } } .hover\:text-origami-pink { &:hover { @media (hover: hover) { color: var(--color-origami-pink); } } } .hover\:text-origami-pink-dark { &:hover { @media (hover: hover) { color: var(--color-origami-pink-dark); } } } .hover\:text-origami-pink-hover { &:hover { @media (hover: hover) { color: var(--color-origami-pink-hover); } } } .hover\:text-pink-700 { &:hover { @media (hover: hover) { color: var(--color-pink-700); } } } .hover\:text-pink-800 { &:hover { @media (hover: hover) { color: var(--color-pink-800); } } } .hover\:text-purple-800 { &:hover { @media (hover: hover) { color: var(--color-purple-800); } } } .hover\:text-purple-900 { &:hover { @media (hover: hover) { color: var(--color-purple-900); } } } .hover\:text-red-400 { &:hover { @media (hover: hover) { color: var(--color-red-400); } } } .hover\:text-red-500 { &:hover { @media (hover: hover) { color: var(--color-red-500); } } } .hover\:text-red-600 { &:hover { @media (hover: hover) { color: var(--color-red-600); } } } .hover\:text-red-700 { &:hover { @media (hover: hover) { color: var(--color-red-700); } } } .hover\:text-red-800 { &:hover { @media (hover: hover) { color: var(--color-red-800); } } } .hover\:text-red-900 { &:hover { @media (hover: hover) { color: var(--color-red-900); } } } .hover\:text-rose-500 { &:hover { @media (hover: hover) { color: var(--color-rose-500); } } } .hover\:text-rose-600 { &:hover { @media (hover: hover) { color: var(--color-rose-600); } } } .hover\:text-rose-700 { &:hover { @media (hover: hover) { color: var(--color-rose-700); } } } .hover\:text-rose-900 { &:hover { @media (hover: hover) { color: var(--color-rose-900); } } } .hover\:text-sky-500 { &:hover { @media (hover: hover) { color: var(--color-sky-500); } } } .hover\:text-sky-700 { &:hover { @media (hover: hover) { color: var(--color-sky-700); } } } .hover\:text-stone-400 { &:hover { @media (hover: hover) { color: var(--color-stone-400); } } } .hover\:text-stone-500 { &:hover { @media (hover: hover) { color: var(--color-stone-500); } } } .hover\:text-stone-600 { &:hover { @media (hover: hover) { color: var(--color-stone-600); } } } .hover\:text-stone-700 { &:hover { @media (hover: hover) { color: var(--color-stone-700); } } } .hover\:text-stone-800 { &:hover { @media (hover: hover) { color: var(--color-stone-800); } } } .hover\:text-stone-900 { &:hover { @media (hover: hover) { color: var(--color-stone-900); } } } .hover\:text-stone-950 { &:hover { @media (hover: hover) { color: var(--color-stone-950); } } } .hover\:text-teal-700 { &:hover { @media (hover: hover) { color: var(--color-teal-700); } } } .hover\:text-violet-500 { &:hover { @media (hover: hover) { color: var(--color-violet-500); } } } .hover\:text-violet-600 { &:hover { @media (hover: hover) { color: var(--color-violet-600); } } } .hover\:text-violet-700 { &:hover { @media (hover: hover) { color: var(--color-violet-700); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:no-underline { &:hover { @media (hover: hover) { text-decoration-line: none; } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:decoration-foreground { &:hover { @media (hover: hover) { text-decoration-color: var(--color-foreground); } } } .hover\:decoration-gray-500 { &:hover { @media (hover: hover) { text-decoration-color: var(--color-gray-500); } } } .hover\:decoration-origami-pink { &:hover { @media (hover: hover) { text-decoration-color: var(--color-origami-pink); } } } .hover\:decoration-origami-pink\/60 { &:hover { @media (hover: hover) { text-decoration-color: color-mix(in srgb, #fe7bcd 60%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix(in oklab, var(--color-origami-pink) 60%, transparent); } } } } .hover\:decoration-stone-500 { &:hover { @media (hover: hover) { text-decoration-color: var(--color-stone-500); } } } .hover\:decoration-stone-600 { &:hover { @media (hover: hover) { text-decoration-color: var(--color-stone-600); } } } .hover\:decoration-stone-700 { &:hover { @media (hover: hover) { text-decoration-color: var(--color-stone-700); } } } .hover\:opacity-80 { &:hover { @media (hover: hover) { opacity: 80%; } } } .hover\:opacity-90 { &:hover { @media (hover: hover) { opacity: 90%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:\!shadow-sm { &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } } } .hover\:shadow { &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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_rgba\(254\,123\,205\,0\.25\)\,0_1px_0_rgba\(255\,255\,255\,0\.8\)_inset\] { &:hover { @media (hover: hover) { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(254,123,205,0.25)), 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.8)) inset; 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_12px_rgba\(214\,74\,158\,0\.15\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(214,74,158,0.15)); 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_8px_rgba\(0\,0\,0\,0\.05\)\,0_0_0_1px_rgba\(251\,68\,184\,0\.3\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.05)), 0 0 0 1px var(--tw-shadow-color, rgba(251,68,184,0.3)); 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_16px_rgba\(0\,0\,0\,0\.08\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.06\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 2px 16px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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_3px_8px_rgba\(0\,0\,0\,0\.06\)\,0_1px_3px_rgba\(0\,0\,0\,0\.03\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 3px 8px var(--tw-shadow-color, rgba(0,0,0,0.06)), 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.03)); 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_4px_12px_rgba\(0\,0\,0\,0\.08\)\,0_1px_3px_rgba\(0\,0\,0\,0\.04\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.04)); 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_4px_16px_-4px_rgba\(0\,0\,0\,0\.06\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 16px -4px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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_4px_16px_rgba\(0\,0\,0\,0\.08\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.06\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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_6px_24px_rgba\(0\,0\,0\,0\.08\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 6px 24px var(--tw-shadow-color, rgba(0,0,0,0.08)); 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_8px_30px_rgba\(0\,0\,0\,0\.08\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.08)); 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_8px_40px_rgba\(0\,0\,0\,0\.18\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 8px 40px var(--tw-shadow-color, rgba(0,0,0,0.18)); 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_14px_44px_-12px_rgba\(254\,123\,205\,0\.3\)\,0_4px_14px_-4px_rgba\(0\,0\,0\,0\.06\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 14px 44px -12px var(--tw-shadow-color, rgba(254,123,205,0.3)), 0 4px 14px -4px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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_20px_52px_-14px_rgba\(214\,74\,158\,0\.42\)\,0_10px_28px_-10px_rgba\(254\,123\,205\,0\.22\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 52px -14px var(--tw-shadow-color, rgba(214,74,158,0.42)), 0 10px 28px -10px var(--tw-shadow-color, rgba(254,123,205,0.22)); 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_4px_12px_-2px_rgba\(0\,0\,0\,0\.08\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0px 4px 12px -2px var(--tw-shadow-color, rgba(0,0,0,0.08)); 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-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.06\)\,0_2px_4px_-1px_rgba\(0\,0\,0\,0\.06\)\] { &:hover { @media (hover: hover) { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.06)), 0 2px 4px -1px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.9\)\,0_2px_8px_rgba\(251\,68\,184\,0\.08\)\,0_0_0_1px_rgba\(251\,68\,184\,0\.2\)\] { &:hover { @media (hover: hover) { --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.9)), 0 2px 8px var(--tw-shadow-color, rgba(251,68,184,0.08)), 0 0 0 1px var(--tw-shadow-color, rgba(251,68,184,0.2)); 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-\[inset_4px_0_0_0_\#FE7BCD\] { &:hover { @media (hover: hover) { --tw-shadow: inset 4px 0 0 0 var(--tw-shadow-color, #FE7BCD); 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 { @media (hover: hover) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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 { @media (hover: hover) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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 { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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 { @media (hover: hover) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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 { @media (hover: 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\:shadow-origami-pink\/25 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #fe7bcd 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-origami-pink) 25%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:ring-amber-300\/80 { &:hover { @media (hover: hover) { --tw-ring-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-300) 80%, transparent); } } } } .hover\:ring-emerald-300 { &:hover { @media (hover: hover) { --tw-ring-color: var(--color-emerald-300); } } } .hover\:ring-emerald-300\/80 { &:hover { @media (hover: hover) { --tw-ring-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 80%, transparent); } } } } .hover\:ring-rose-300\/80 { &:hover { @media (hover: hover) { --tw-ring-color: color-mix(in srgb, oklch(81% 0.117 11.638) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-rose-300) 80%, transparent); } } } } .hover\:ring-stone-300 { &:hover { @media (hover: hover) { --tw-ring-color: var(--color-stone-300); } } } .hover\:ring-violet-300 { &:hover { @media (hover: hover) { --tw-ring-color: var(--color-violet-300); } } } .hover\:brightness-105 { &:hover { @media (hover: 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,); } } } .hover\:grayscale-0 { &:hover { @media (hover: 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,); } } } .focus\:border-\[\#FE7BCD\] { &:focus { border-color: #FE7BCD; } } .focus\:border-\[\#fe7bcd\]\/50 { &:focus { border-color: color-mix(in oklab, #fe7bcd 50%, transparent); } } .focus\:border-amber-300 { &:focus { border-color: var(--color-amber-300); } } .focus\:border-amber-500 { &:focus { border-color: var(--color-amber-500); } } .focus\:border-blue-400 { &:focus { border-color: var(--color-blue-400); } } .focus\:border-blue-500 { &:focus { border-color: var(--color-blue-500); } } .focus\:border-foreground\/\[0\.25\] { &:focus { border-color: color-mix(in srgb, #09090b 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-foreground) 25%, transparent); } } } .focus\:border-gray-300 { &:focus { border-color: var(--color-gray-300); } } .focus\:border-gray-400 { &:focus { border-color: var(--color-gray-400); } } .focus\:border-origami-pink { &:focus { border-color: var(--color-origami-pink); } } .focus\:border-stone-300 { &:focus { border-color: var(--color-stone-300); } } .focus\:border-stone-400 { &:focus { border-color: var(--color-stone-400); } } .focus\:border-transparent { &:focus { border-color: transparent; } } .focus\:border-violet-300 { &:focus { border-color: var(--color-violet-300); } } .focus\:border-violet-400 { &:focus { border-color: var(--color-violet-400); } } .focus\:bg-accent { &:focus { background-color: var(--color-accent); } } .focus\:bg-gray-100 { &:focus { background-color: var(--color-gray-100); } } .focus\:bg-stone-100 { &:focus { background-color: var(--color-stone-100); } } .focus\:bg-white { &:focus { background-color: var(--color-white); } } .focus\:text-accent-foreground { &:focus { color: var(--color-accent-foreground); } } .focus\:text-red-600 { &:focus { color: var(--color-red-600); } } .focus\:text-red-700 { &:focus { color: var(--color-red-700); } } .focus\:text-stone-600 { &:focus { color: var(--color-stone-600); } } .focus\:text-stone-900 { &:focus { color: var(--color-stone-900); } } .focus\:shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.08\)\] { &:focus { --tw-shadow: 0 1px 4px var(--tw-shadow-color, rgba(0,0,0,0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:shadow-\[0_1px_6px_rgba\(0\,0\,0\,0\.1\)\] { &:focus { --tw-shadow: 0 1px 6px var(--tw-shadow-color, rgba(0,0,0,0.1)); 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-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-\[\#FE7BCD\] { &:focus { --tw-ring-color: #FE7BCD; } } .focus\:ring-\[\#FE7BCD\]\/20 { &:focus { --tw-ring-color: color-mix(in oklab, #FE7BCD 20%, transparent); } } .focus\:ring-\[\#fe7bcd\]\/20 { &:focus { --tw-ring-color: color-mix(in oklab, #fe7bcd 20%, transparent); } } .focus\:ring-\[\#fe7bcd\]\/30 { &:focus { --tw-ring-color: color-mix(in oklab, #fe7bcd 30%, transparent); } } .focus\:ring-amber-300\/60 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent); } } } .focus\:ring-amber-400 { &:focus { --tw-ring-color: var(--color-amber-400); } } .focus\:ring-amber-500\/30 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } } .focus\:ring-blue-400 { &:focus { --tw-ring-color: var(--color-blue-400); } } .focus\:ring-blue-500 { &:focus { --tw-ring-color: var(--color-blue-500); } } .focus\:ring-blue-500\/20 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } } .focus\:ring-foreground\/20 { &:focus { --tw-ring-color: color-mix(in srgb, #09090b 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-foreground) 20%, transparent); } } } .focus\:ring-gray-200 { &:focus { --tw-ring-color: var(--color-gray-200); } } .focus\:ring-gray-300 { &:focus { --tw-ring-color: var(--color-gray-300); } } .focus\:ring-gray-900 { &:focus { --tw-ring-color: var(--color-gray-900); } } .focus\:ring-gray-900\/20 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .focus\:ring-pink-500\/30 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent); } } } .focus\:ring-purple-500 { &:focus { --tw-ring-color: var(--color-purple-500); } } .focus\:ring-ring { &:focus { --tw-ring-color: var(--color-ring); } } .focus\:ring-stone-200 { &:focus { --tw-ring-color: var(--color-stone-200); } } .focus\:ring-stone-300 { &:focus { --tw-ring-color: var(--color-stone-300); } } .focus\:ring-stone-900\/10 { &:focus { --tw-ring-color: color-mix(in srgb, #1c1917 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-900) 10%, transparent); } } } .focus\:ring-violet-200 { &:focus { --tw-ring-color: var(--color-violet-200); } } .focus\:ring-violet-300 { &:focus { --tw-ring-color: var(--color-violet-300); } } .focus\:ring-offset-0 { &:focus { --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\: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) { outline: 2px solid transparent; outline-offset: 2px; } } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus-visible\:border-0 { &:focus-visible { border-style: var(--tw-border-style); border-width: 0px; } } .focus-visible\:border-red-400 { &:focus-visible { border-color: var(--color-red-400); } } .focus-visible\:border-ring { &:focus-visible { border-color: var(--color-ring); } } .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-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-\[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-\[\#FE7BCD\]\/30 { &:focus-visible { --tw-ring-color: color-mix(in oklab, #FE7BCD 30%, transparent); } } .focus-visible\:ring-\[\#FE7BCD\]\/45 { &:focus-visible { --tw-ring-color: color-mix(in oklab, #FE7BCD 45%, transparent); } } .focus-visible\:ring-destructive\/20 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #f04438 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } } .focus-visible\:ring-origami-pink-dark\/30 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #D64A9E 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-origami-pink-dark) 30%, transparent); } } } .focus-visible\:ring-origami-pink-dark\/40 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #D64A9E 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-origami-pink-dark) 40%, transparent); } } } .focus-visible\:ring-red-100 { &:focus-visible { --tw-ring-color: var(--color-red-100); } } .focus-visible\:ring-red-200 { &:focus-visible { --tw-ring-color: var(--color-red-200); } } .focus-visible\:ring-red-400\/50 { &:focus-visible { --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-400) 50%, transparent); } } } .focus-visible\:ring-ring { &:focus-visible { --tw-ring-color: var(--color-ring); } } .focus-visible\:ring-ring\/50 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #a1a1aa 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } } .focus-visible\:ring-stone-300 { &:focus-visible { --tw-ring-color: var(--color-stone-300); } } .focus-visible\:ring-stone-300\/80 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #d1cec9 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-300) 80%, transparent); } } } .focus-visible\:ring-stone-400 { &:focus-visible { --tw-ring-color: var(--color-stone-400); } } .focus-visible\:ring-stone-400\/40 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #a8a29e 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-400) 40%, transparent); } } } .focus-visible\:ring-stone-400\/50 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #a8a29e 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent); } } } .focus-visible\:ring-stone-900\/10 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #1c1917 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-stone-900) 10%, 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-1 { &:focus-visible { --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); } } .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(--color-background); } } .focus-visible\:ring-offset-white { &:focus-visible { --tw-ring-offset-color: var(--color-white); } } .focus-visible\:outline-hidden { &:focus-visible { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .focus-visible\:outline-1 { &:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } } .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } .focus-visible\:ring-inset { &:focus-visible { --tw-ring-inset: inset; } } .active\:translate-y-0 { &:active { --tw-translate-y: calc(var(--spacing) * 0); 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-\[0\.97\] { &:active { scale: 0.97; } } .active\:scale-\[0\.98\] { &:active { scale: 0.98; } } .active\:bg-blue-500\/40 { &:active { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } } .active\:bg-stone-300 { &:active { background-color: var(--color-stone-300); } } .active\:text-foreground { &:active { color: var(--color-foreground); } } .active\:shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\] { &:active { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.04)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .active\:shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.06\)\] { &:active { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.06)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .disabled\:pointer-events-none { &:disabled { pointer-events: none; } } .disabled\:\!cursor-pointer { &:disabled { cursor: pointer !important; } } .disabled\:\!cursor-text { &:disabled { cursor: text !important; } } .disabled\:cursor-default { &:disabled { cursor: default; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:cursor-text { &:disabled { cursor: text; } } .disabled\:opacity-25 { &:disabled { opacity: 25%; } } .disabled\:opacity-30 { &:disabled { opacity: 30%; } } .disabled\:opacity-40 { &:disabled { opacity: 40%; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .disabled\:opacity-60 { &:disabled { opacity: 60%; } } .disabled\:opacity-70 { &:disabled { opacity: 70%; } } .disabled\:hover\:border-\[\#e5e5e5\] { &:disabled { &:hover { @media (hover: hover) { border-color: #e5e5e5; } } } } .disabled\:hover\:bg-transparent { &:disabled { &:hover { @media (hover: hover) { background-color: transparent; } } } } .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] { &:has(*[data-slot="card-action"]) { grid-template-columns: 1fr auto; } } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring { &:has(*:is([data-slot=input-group-control]:focus-visible)) { border-color: var(--color-ring); } } .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\] { &:has(*:is([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\/50 { &:has(*:is([data-slot=input-group-control]:focus-visible)) { --tw-ring-color: color-mix(in srgb, #a1a1aa 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } } .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive { &:has(*:is([data-slot][aria-invalid=true])) { border-color: var(--color-destructive); } } .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 { &:has(*:is([data-slot][aria-invalid=true])) { --tw-ring-color: color-mix(in srgb, #f04438 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } } .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-\[\>button\]\:mr-\[-0\.45rem\] { &:has(>button) { margin-right: -0.45rem; } } .has-\[\>button\]\:ml-\[-0\.45rem\] { &:has(>button) { margin-left: -0.45rem; } } .has-\[\>kbd\]\:mr-\[-0\.35rem\] { &:has(>kbd) { margin-right: -0.35rem; } } .has-\[\>kbd\]\:ml-\[-0\.35rem\] { &:has(>kbd) { margin-left: -0.35rem; } } .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] { &:has(>svg) { grid-template-columns: calc(var(--spacing) * 4) 1fr; } } .has-\[\>svg\]\:gap-x-3 { &:has(>svg) { column-gap: calc(var(--spacing) * 3); } } .has-\[\>svg\]\:p-0 { &:has(>svg) { padding: calc(var(--spacing) * 0); } } .has-\[\>svg\]\:px-2 { &:has(>svg) { padding-inline: calc(var(--spacing) * 2); } } .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-\[\>textarea\]\:h-auto { &:has(>textarea) { height: auto; } } .aria-expanded\:bg-accent { &[aria-expanded="true"] { background-color: var(--color-accent); } } .aria-expanded\:text-foreground { &[aria-expanded="true"] { color: var(--color-foreground); } } .aria-invalid\:border-destructive { &[aria-invalid="true"] { border-color: var(--color-destructive); } } .aria-invalid\:ring-destructive\/20 { &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, #f04438 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } } .data-\[disabled\]\:pointer-events-none { &[data-disabled] { pointer-events: none; } } .data-\[disabled\]\:opacity-50 { &[data-disabled] { opacity: 50%; } } .data-\[disabled\=true\]\:pointer-events-none { &[data-disabled="true"] { pointer-events: none; } } .data-\[disabled\=true\]\:opacity-50 { &[data-disabled="true"] { opacity: 50%; } } .data-\[inset\]\:pl-8 { &[data-inset] { padding-left: calc(var(--spacing) * 8); } } .data-\[orientation\=horizontal\]\:h-px { &[data-orientation="horizontal"] { height: 1px; } } .data-\[orientation\=horizontal\]\:w-full { &[data-orientation="horizontal"] { width: 100%; } } .data-\[orientation\=vertical\]\:h-auto { &[data-orientation="vertical"] { height: auto; } } .data-\[orientation\=vertical\]\:h-full { &[data-orientation="vertical"] { height: 100%; } } .data-\[orientation\=vertical\]\:w-px { &[data-orientation="vertical"] { width: 1px; } } .data-\[panel-group-direction\=vertical\]\:h-px { &[data-panel-group-direction="vertical"] { height: 1px; } } .data-\[panel-group-direction\=vertical\]\:w-full { &[data-panel-group-direction="vertical"] { width: 100%; } } .data-\[panel-group-direction\=vertical\]\:flex-col { &[data-panel-group-direction="vertical"] { flex-direction: column; } } .data-\[panel-group-direction\=vertical\]\:after\:left-0 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); left: calc(var(--spacing) * 0); } } } .data-\[panel-group-direction\=vertical\]\:after\:h-1 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); height: calc(var(--spacing) * 1); } } } .data-\[panel-group-direction\=vertical\]\:after\:w-full { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); width: 100%; } } } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 { &[data-panel-group-direction="vertical"] { &::after { content: var(--tw-content); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .data-\[placeholder\]\:text-muted-foreground { &[data-placeholder] { color: var(--color-muted-foreground); } } .data-\[selected\=true\]\:bg-accent { &[data-selected="true"] { background-color: var(--color-accent); } } .data-\[selected\=true\]\:text-accent-foreground { &[data-selected="true"] { color: var(--color-accent-foreground); } } .data-\[selected\=true\]\:text-red-600 { &[data-selected="true"] { color: var(--color-red-600); } } .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\]\:slide-in-from-top-2 { &[data-side="bottom"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); } } .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\]\:slide-in-from-right-2 { &[data-side="left"] { --tw-enter-translate-x: calc(2*var(--spacing)); } } .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\]\:slide-in-from-left-2 { &[data-side="right"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); } } .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\]\:slide-in-from-bottom-2 { &[data-side="top"] { --tw-enter-translate-y: calc(2*var(--spacing)); } } .data-\[size\=default\]\:h-9 { &[data-size="default"] { height: calc(var(--spacing) * 9); } } .data-\[size\=sm\]\:h-8 { &[data-size="sm"] { height: calc(var(--spacing) * 8); } } .\*\:data-\[slot\=alert-description\]\:text-destructive\/90 { :is(& > *) { &[data-slot="alert-description"] { color: color-mix(in srgb, #f04438 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-destructive) 90%, transparent); } } } } .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 { :is(& *) { &[data-slot="command-input-wrapper"] { height: calc(var(--spacing) * 12); } } } .\*\*\:data-\[slot\=command-input-wrapper\]\:h-auto { :is(& *) { &[data-slot="command-input-wrapper"] { height: auto; } } } .\*\:data-\[slot\=select-value\]\:line-clamp-1 { :is(& > *) { &[data-slot="select-value"] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } } } .\*\:data-\[slot\=select-value\]\:flex { :is(& > *) { &[data-slot="select-value"] { display: flex; } } } .\*\:data-\[slot\=select-value\]\:items-center { :is(& > *) { &[data-slot="select-value"] { align-items: center; } } } .\*\:data-\[slot\=select-value\]\:gap-2 { :is(& > *) { &[data-slot="select-value"] { gap: calc(var(--spacing) * 2); } } } .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\]\:duration-200 { &[data-state="closed"] { --tw-duration: 200ms; transition-duration: 200ms; } } .data-\[state\=closed\]\:fade-out-0 { &[data-state="closed"] { --tw-exit-opacity: calc(0/100); --tw-exit-opacity: 0; } } .data-\[state\=closed\]\:zoom-out-95 { &[data-state="closed"] { --tw-exit-scale: calc(95*1%); --tw-exit-scale: .95; } } .data-\[state\=closed\]\:slide-out-to-bottom { &[data-state="closed"] { --tw-exit-translate-y: 100%; } } .data-\[state\=closed\]\:slide-out-to-left { &[data-state="closed"] { --tw-exit-translate-x: -100%; } } .data-\[state\=closed\]\:slide-out-to-right { &[data-state="closed"] { --tw-exit-translate-x: 100%; } } .data-\[state\=closed\]\:slide-out-to-top { &[data-state="closed"] { --tw-exit-translate-y: -100%; } } .data-\[state\=closed\]\:slide-out-to-top-2 { &[data-state="closed"] { --tw-exit-translate-y: calc(2*var(--spacing)*-1); } } .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\]\:bg-accent { &[data-state="open"] { background-color: var(--color-accent); } } .data-\[state\=open\]\:bg-transparent { &[data-state="open"] { background-color: transparent; } } .data-\[state\=open\]\:text-accent-foreground { &[data-state="open"] { color: var(--color-accent-foreground); } } .data-\[state\=open\]\:text-muted-foreground { &[data-state="open"] { color: var(--color-muted-foreground); } } .data-\[state\=open\]\:text-stone-400 { &[data-state="open"] { color: var(--color-stone-400); } } .data-\[state\=open\]\:duration-300 { &[data-state="open"] { --tw-duration: 300ms; transition-duration: 300ms; } } .data-\[state\=open\]\:fade-in-0 { &[data-state="open"] { --tw-enter-opacity: calc(0/100); --tw-enter-opacity: 0; } } .data-\[state\=open\]\:zoom-in-95 { &[data-state="open"] { --tw-enter-scale: calc(95*1%); --tw-enter-scale: .95; } } .data-\[state\=open\]\:slide-in-from-bottom { &[data-state="open"] { --tw-enter-translate-y: 100%; } } .data-\[state\=open\]\:slide-in-from-left { &[data-state="open"] { --tw-enter-translate-x: -100%; } } .data-\[state\=open\]\:slide-in-from-right { &[data-state="open"] { --tw-enter-translate-x: 100%; } } .data-\[state\=open\]\:slide-in-from-top { &[data-state="open"] { --tw-enter-translate-y: -100%; } } .data-\[state\=open\]\:slide-in-from-top-2 { &[data-state="open"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); } } .data-\[state\=selected\]\:bg-muted { &[data-state="selected"] { background-color: var(--color-muted); } } .data-\[variant\=destructive\]\:text-destructive { &[data-variant="destructive"] { color: var(--color-destructive); } } .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 { &[data-variant="destructive"] { &:focus { background-color: color-mix(in srgb, #f04438 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent); } } } } .data-\[variant\=destructive\]\:focus\:text-destructive { &[data-variant="destructive"] { &:focus { color: var(--color-destructive); } } } .motion-reduce\:animate-none { @media (prefers-reduced-motion: reduce) { animation: none; } } .sm\:-top-5 { @media (width >= 40rem) { top: calc(var(--spacing) * -5); } } .sm\:top-9 { @media (width >= 40rem) { top: calc(var(--spacing) * 9); } } .sm\:-right-7 { @media (width >= 40rem) { right: calc(var(--spacing) * -7); } } .sm\:-right-12 { @media (width >= 40rem) { right: calc(var(--spacing) * -12); } } .sm\:-left-12 { @media (width >= 40rem) { left: calc(var(--spacing) * -12); } } .sm\:order-none { @media (width >= 40rem) { order: 0; } } .sm\:col-start-2 { @media (width >= 40rem) { grid-column-start: 2; } } .sm\:row-span-2 { @media (width >= 40rem) { grid-row: span 2 / span 2; } } .sm\:mt-4 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 4); } } .sm\:mt-6 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 6); } } .sm\:mt-10 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 10); } } .sm\:mr-auto { @media (width >= 40rem) { margin-right: auto; } } .sm\:mb-2 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 2); } } .sm\:mb-5 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 5); } } .sm\:mb-8 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 8); } } .sm\:mb-10 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 10); } } .sm\:mb-16 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 16); } } .sm\:mb-24 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 24); } } .sm\:ml-0 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 0); } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:contents { @media (width >= 40rem) { display: contents; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:grid { @media (width >= 40rem) { display: grid; } } .sm\:hidden { @media (width >= 40rem) { display: none; } } .sm\:inline { @media (width >= 40rem) { display: inline; } } .sm\:inline-flex { @media (width >= 40rem) { display: inline-flex; } } .sm\:table-cell { @media (width >= 40rem) { display: table-cell; } } .sm\:h-4 { @media (width >= 40rem) { height: calc(var(--spacing) * 4); } } .sm\:h-5 { @media (width >= 40rem) { height: calc(var(--spacing) * 5); } } .sm\:h-7 { @media (width >= 40rem) { height: calc(var(--spacing) * 7); } } .sm\:h-8 { @media (width >= 40rem) { height: calc(var(--spacing) * 8); } } .sm\:h-9 { @media (width >= 40rem) { height: calc(var(--spacing) * 9); } } .sm\:h-10 { @media (width >= 40rem) { height: calc(var(--spacing) * 10); } } .sm\:h-11 { @media (width >= 40rem) { height: calc(var(--spacing) * 11); } } .sm\:h-56 { @media (width >= 40rem) { height: calc(var(--spacing) * 56); } } .sm\:h-96 { @media (width >= 40rem) { height: calc(var(--spacing) * 96); } } .sm\:h-\[54px\] { @media (width >= 40rem) { height: 54px; } } .sm\:h-\[190px\] { @media (width >= 40rem) { height: 190px; } } .sm\:h-\[200px\] { @media (width >= 40rem) { height: 200px; } } .sm\:h-\[230px\] { @media (width >= 40rem) { height: 230px; } } .sm\:max-h-5 { @media (width >= 40rem) { max-height: calc(var(--spacing) * 5); } } .sm\:max-h-\[12\.25rem\] { @media (width >= 40rem) { max-height: 12.25rem; } } .sm\:max-h-\[calc\(100vh-4rem\)\] { @media (width >= 40rem) { max-height: calc(100vh - 4rem); } } .sm\:max-h-none { @media (width >= 40rem) { max-height: none; } } .sm\:min-h-0 { @media (width >= 40rem) { min-height: calc(var(--spacing) * 0); } } .sm\:min-h-9 { @media (width >= 40rem) { min-height: calc(var(--spacing) * 9); } } .sm\:min-h-\[28px\] { @media (width >= 40rem) { min-height: 28px; } } .sm\:min-h-\[540px\] { @media (width >= 40rem) { min-height: 540px; } } .sm\:w-4 { @media (width >= 40rem) { width: calc(var(--spacing) * 4); } } .sm\:w-5 { @media (width >= 40rem) { width: calc(var(--spacing) * 5); } } .sm\:w-7 { @media (width >= 40rem) { width: calc(var(--spacing) * 7); } } .sm\:w-8 { @media (width >= 40rem) { width: calc(var(--spacing) * 8); } } .sm\:w-9 { @media (width >= 40rem) { width: calc(var(--spacing) * 9); } } .sm\:w-10 { @media (width >= 40rem) { width: calc(var(--spacing) * 10); } } .sm\:w-11 { @media (width >= 40rem) { width: calc(var(--spacing) * 11); } } .sm\:w-32 { @media (width >= 40rem) { width: calc(var(--spacing) * 32); } } .sm\:w-72 { @media (width >= 40rem) { width: calc(var(--spacing) * 72); } } .sm\:w-\[280px\] { @media (width >= 40rem) { width: 280px; } } .sm\:w-\[320px\] { @media (width >= 40rem) { width: 320px; } } .sm\:w-\[550px\] { @media (width >= 40rem) { width: 550px; } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:max-w-2xl { @media (width >= 40rem) { max-width: var(--container-2xl); } } .sm\:max-w-3xl { @media (width >= 40rem) { max-width: var(--container-3xl); } } .sm\:max-w-4xl { @media (width >= 40rem) { max-width: var(--container-4xl); } } .sm\:max-w-\[68rem\] { @media (width >= 40rem) { max-width: 68rem; } } .sm\:max-w-\[360px\] { @media (width >= 40rem) { max-width: 360px; } } .sm\:max-w-\[380px\] { @media (width >= 40rem) { max-width: 380px; } } .sm\:max-w-\[400px\] { @media (width >= 40rem) { max-width: 400px; } } .sm\:max-w-\[440px\] { @media (width >= 40rem) { max-width: 440px; } } .sm\:max-w-\[480px\] { @media (width >= 40rem) { max-width: 480px; } } .sm\:max-w-\[500px\] { @media (width >= 40rem) { max-width: 500px; } } .sm\:max-w-\[520px\] { @media (width >= 40rem) { max-width: 520px; } } .sm\:max-w-\[540px\] { @media (width >= 40rem) { max-width: 540px; } } .sm\:max-w-\[600px\] { @media (width >= 40rem) { max-width: 600px; } } .sm\:max-w-\[640px\] { @media (width >= 40rem) { max-width: 640px; } } .sm\:max-w-\[680px\] { @media (width >= 40rem) { max-width: 680px; } } .sm\:max-w-\[1200px\] { @media (width >= 40rem) { max-width: 1200px; } } .sm\:max-w-\[calc\(100vw-4rem\)\] { @media (width >= 40rem) { max-width: calc(100vw - 4rem); } } .sm\:max-w-lg { @media (width >= 40rem) { max-width: var(--container-lg); } } .sm\:max-w-md { @media (width >= 40rem) { max-width: var(--container-md); } } .sm\:max-w-none { @media (width >= 40rem) { max-width: none; } } .sm\:max-w-sm { @media (width >= 40rem) { max-width: var(--container-sm); } } .sm\:flex-shrink-0 { @media (width >= 40rem) { flex-shrink: 0; } } .sm\:grid-cols-1 { @media (width >= 40rem) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:grid-cols-4 { @media (width >= 40rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sm\:grid-cols-\[1fr_1fr_minmax\(0\,1\.6fr\)\] { @media (width >= 40rem) { grid-template-columns: 1fr 1fr minmax(0,1.6fr); } } .sm\:grid-cols-\[1fr_160px_160px_80px\] { @media (width >= 40rem) { grid-template-columns: 1fr 160px 160px 80px; } } .sm\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,7fr\)\] { @media (width >= 40rem) { grid-template-columns: minmax(0,3fr) minmax(0,7fr); } } .sm\:grid-cols-\[minmax\(0\,180px\)_1fr\] { @media (width >= 40rem) { grid-template-columns: minmax(0,180px) 1fr; } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:items-end { @media (width >= 40rem) { align-items: flex-end; } } .sm\:items-start { @media (width >= 40rem) { align-items: flex-start; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:justify-end { @media (width >= 40rem) { justify-content: flex-end; } } .sm\:gap-0 { @media (width >= 40rem) { gap: calc(var(--spacing) * 0); } } .sm\:gap-2 { @media (width >= 40rem) { gap: calc(var(--spacing) * 2); } } .sm\:gap-3 { @media (width >= 40rem) { gap: calc(var(--spacing) * 3); } } .sm\:gap-4 { @media (width >= 40rem) { gap: calc(var(--spacing) * 4); } } .sm\:gap-6 { @media (width >= 40rem) { gap: calc(var(--spacing) * 6); } } .sm\:gap-x-8 { @media (width >= 40rem) { column-gap: calc(var(--spacing) * 8); } } .sm\:gap-y-0 { @media (width >= 40rem) { row-gap: calc(var(--spacing) * 0); } } .sm\:divide-x { @media (width >= 40rem) { :where(& > :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))); } } } .sm\:divide-gray-100 { @media (width >= 40rem) { :where(& > :not(:last-child)) { border-color: var(--color-gray-100); } } } .sm\:self-auto { @media (width >= 40rem) { align-self: auto; } } .sm\:truncate { @media (width >= 40rem) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .sm\:overflow-y-visible { @media (width >= 40rem) { overflow-y: visible; } } .sm\:rounded-xl { @media (width >= 40rem) { border-radius: var(--radius-xl); } } .sm\:border-t-0 { @media (width >= 40rem) { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .sm\:border-r { @media (width >= 40rem) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .sm\:border-b-0 { @media (width >= 40rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .sm\:border-l { @media (width >= 40rem) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .sm\:bg-center { @media (width >= 40rem) { background-position: center; } } .sm\:p-1\.5 { @media (width >= 40rem) { padding: calc(var(--spacing) * 1.5); } } .sm\:p-4 { @media (width >= 40rem) { padding: calc(var(--spacing) * 4); } } .sm\:p-5 { @media (width >= 40rem) { padding: calc(var(--spacing) * 5); } } .sm\:p-6 { @media (width >= 40rem) { padding: calc(var(--spacing) * 6); } } .sm\:p-7 { @media (width >= 40rem) { padding: calc(var(--spacing) * 7); } } .sm\:p-8 { @media (width >= 40rem) { padding: calc(var(--spacing) * 8); } } .sm\:p-10 { @media (width >= 40rem) { padding: calc(var(--spacing) * 10); } } .sm\:px-4 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 4); } } .sm\:px-5 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 5); } } .sm\:px-6 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 6); } } .sm\:px-7 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 7); } } .sm\:px-8 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 8); } } .sm\:py-0 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 0); } } .sm\:py-4 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 4); } } .sm\:py-5 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 5); } } .sm\:py-6 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 6); } } .sm\:py-7 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 7); } } .sm\:py-8 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 8); } } .sm\:py-16 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 16); } } .sm\:py-20 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 20); } } .sm\:pt-4 { @media (width >= 40rem) { padding-top: calc(var(--spacing) * 4); } } .sm\:pt-7 { @media (width >= 40rem) { padding-top: calc(var(--spacing) * 7); } } .sm\:pt-8 { @media (width >= 40rem) { padding-top: calc(var(--spacing) * 8); } } .sm\:pt-32 { @media (width >= 40rem) { padding-top: calc(var(--spacing) * 32); } } .sm\:pt-\[12vh\] { @media (width >= 40rem) { padding-top: 12vh; } } .sm\:pt-\[92px\] { @media (width >= 40rem) { padding-top: 92px; } } .sm\:pr-1 { @media (width >= 40rem) { padding-right: calc(var(--spacing) * 1); } } .sm\:pr-2 { @media (width >= 40rem) { padding-right: calc(var(--spacing) * 2); } } .sm\:pb-2\.5 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 2.5); } } .sm\:pb-3\.5 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 3.5); } } .sm\:pb-5 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 5); } } .sm\:pb-6 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 6); } } .sm\:pb-8 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 8); } } .sm\:pb-18 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 18); } } .sm\:pb-28 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 28); } } .sm\:pl-8 { @media (width >= 40rem) { padding-left: calc(var(--spacing) * 8); } } .sm\:text-center { @media (width >= 40rem) { text-align: center; } } .sm\:text-left { @media (width >= 40rem) { text-align: left; } } .sm\:text-2xl { @media (width >= 40rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .sm\:text-3xl { @media (width >= 40rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .sm\:text-4xl { @media (width >= 40rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .sm\:text-5xl { @media (width >= 40rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .sm\:text-base { @media (width >= 40rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .sm\:text-lg { @media (width >= 40rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .sm\:text-sm { @media (width >= 40rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .sm\:text-xl { @media (width >= 40rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .sm\:text-xs { @media (width >= 40rem) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .sm\:text-\[13px\] { @media (width >= 40rem) { font-size: 13px; } } .sm\:text-\[14px\] { @media (width >= 40rem) { font-size: 14px; } } .sm\:text-\[15px\] { @media (width >= 40rem) { font-size: 15px; } } .sm\:text-\[16px\] { @media (width >= 40rem) { font-size: 16px; } } .sm\:text-\[20px\] { @media (width >= 40rem) { font-size: 20px; } } .sm\:text-\[24px\] { @media (width >= 40rem) { font-size: 24px; } } .sm\:text-\[26px\] { @media (width >= 40rem) { font-size: 26px; } } .sm\:text-\[28px\] { @media (width >= 40rem) { font-size: 28px; } } .sm\:text-\[32px\] { @media (width >= 40rem) { font-size: 32px; } } .sm\:text-\[34px\] { @media (width >= 40rem) { font-size: 34px; } } .sm\:leading-\[34px\] { @media (width >= 40rem) { --tw-leading: 34px; line-height: 34px; } } .sm\:leading-\[40px\] { @media (width >= 40rem) { --tw-leading: 40px; line-height: 40px; } } .sm\:tracking-\[-0\.3px\] { @media (width >= 40rem) { --tw-tracking: -0.3px; letter-spacing: -0.3px; } } .sm\:tracking-\[-0\.8px\] { @media (width >= 40rem) { --tw-tracking: -0.8px; letter-spacing: -0.8px; } } .sm\:tracking-\[-0\.035em\] { @media (width >= 40rem) { --tw-tracking: -0.035em; letter-spacing: -0.035em; } } .sm\:shadow-\[0px_4px_16px_-2px_rgba\(0\,0\,0\,0\.05\)\,0px_2px_6px_0px_rgba\(0\,0\,0\,0\.025\)\] { @media (width >= 40rem) { --tw-shadow: 0px 4px 16px -2px var(--tw-shadow-color, rgba(0,0,0,0.05)), 0px 2px 6px 0px var(--tw-shadow-color, rgba(0,0,0,0.025)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .md\:order-1 { @media (width >= 48rem) { order: 1; } } .md\:order-2 { @media (width >= 48rem) { order: 2; } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:col-span-3 { @media (width >= 48rem) { grid-column: span 3 / span 3; } } .md\:col-span-4 { @media (width >= 48rem) { grid-column: span 4 / span 4; } } .md\:col-span-5 { @media (width >= 48rem) { grid-column: span 5 / span 5; } } .md\:col-span-6 { @media (width >= 48rem) { grid-column: span 6 / span 6; } } .md\:col-span-7 { @media (width >= 48rem) { grid-column: span 7 / span 7; } } .md\:col-span-8 { @media (width >= 48rem) { grid-column: span 8 / span 8; } } .md\:mx-0 { @media (width >= 48rem) { margin-inline: calc(var(--spacing) * 0); } } .md\:my-20 { @media (width >= 48rem) { margin-block: calc(var(--spacing) * 20); } } .md\:mt-1 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 1); } } .md\:mt-2 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 2); } } .md\:mt-10 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 10); } } .md\:mr-2 { @media (width >= 48rem) { margin-right: calc(var(--spacing) * 2); } } .md\:mb-6 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 6); } } .md\:mb-10 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 10); } } .md\:mb-12 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 12); } } .md\:mb-14 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 14); } } .md\:mb-24 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 24); } } .md\:ml-0 { @media (width >= 48rem) { margin-left: calc(var(--spacing) * 0); } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:contents { @media (width >= 48rem) { display: contents; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:grid { @media (width >= 48rem) { display: grid; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:table-cell { @media (width >= 48rem) { display: table-cell; } } .md\:w-1\/3 { @media (width >= 48rem) { width: calc(1/3 * 100%); } } .md\:w-\[200px\] { @media (width >= 48rem) { width: 200px; } } .md\:w-\[420px\] { @media (width >= 48rem) { width: 420px; } } .md\:max-w-4xl { @media (width >= 48rem) { max-width: var(--container-4xl); } } .md\:max-w-\[680px\] { @media (width >= 48rem) { max-width: 680px; } } .md\:flex-1 { @media (width >= 48rem) { flex: 1; } } .md\:scale-\[0\.85\] { @media (width >= 48rem) { scale: 0.85; } } .md\:scroll-mt-28 { @media (width >= 48rem) { scroll-margin-top: calc(var(--spacing) * 28); } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:grid-cols-5 { @media (width >= 48rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .md\:grid-cols-6 { @media (width >= 48rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .md\:grid-cols-12 { @media (width >= 48rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .md\:grid-cols-\[200px_1fr_1fr\] { @media (width >= 48rem) { grid-template-columns: 200px 1fr 1fr; } } .md\:grid-cols-\[340px_1fr\] { @media (width >= 48rem) { grid-template-columns: 340px 1fr; } } .md\:grid-cols-\[minmax\(0\,260px\)_1fr\] { @media (width >= 48rem) { grid-template-columns: minmax(0,260px) 1fr; } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:items-start { @media (width >= 48rem) { align-items: flex-start; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:gap-5 { @media (width >= 48rem) { gap: calc(var(--spacing) * 5); } } .md\:gap-6 { @media (width >= 48rem) { gap: calc(var(--spacing) * 6); } } .md\:gap-8 { @media (width >= 48rem) { gap: calc(var(--spacing) * 8); } } .md\:gap-10 { @media (width >= 48rem) { gap: calc(var(--spacing) * 10); } } .md\:gap-12 { @media (width >= 48rem) { gap: calc(var(--spacing) * 12); } } .md\:gap-16 { @media (width >= 48rem) { gap: calc(var(--spacing) * 16); } } .md\:space-y-10 { @media (width >= 48rem) { :where(& > :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))); } } } .md\:divide-x { @media (width >= 48rem) { :where(& > :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))); } } } .md\:divide-y-0 { @media (width >= 48rem) { :where(& > :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))); } } } .md\:divide-\[\#e4e4e7\] { @media (width >= 48rem) { :where(& > :not(:last-child)) { border-color: #e4e4e7; } } } .md\:self-stretch { @media (width >= 48rem) { align-self: stretch; } } .md\:rounded-t-xl { @media (width >= 48rem) { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } } .md\:rounded-tl-xl { @media (width >= 48rem) { border-top-left-radius: var(--radius-xl); } } .md\:rounded-b-xl { @media (width >= 48rem) { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } } .md\:border { @media (width >= 48rem) { border-style: var(--tw-border-style); border-width: 1px; } } .md\:border-r { @media (width >= 48rem) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .md\:border-b-0 { @media (width >= 48rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .md\:border-l { @media (width >= 48rem) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .md\:border-\[\#FBC2DE\] { @media (width >= 48rem) { border-color: #FBC2DE; } } .md\:p-5 { @media (width >= 48rem) { padding: calc(var(--spacing) * 5); } } .md\:p-8 { @media (width >= 48rem) { padding: calc(var(--spacing) * 8); } } .md\:p-10 { @media (width >= 48rem) { padding: calc(var(--spacing) * 10); } } .md\:px-4 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 4); } } .md\:px-5 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 5); } } .md\:px-6 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 6); } } .md\:px-8 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 8); } } .md\:px-12 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 12); } } .md\:px-16 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 16); } } .md\:py-5 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 5); } } .md\:py-6 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 6); } } .md\:py-7 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 7); } } .md\:py-9 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 9); } } .md\:py-10 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 10); } } .md\:py-14 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 14); } } .md\:py-16 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 16); } } .md\:py-20 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 20); } } .md\:py-24 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 24); } } .md\:py-28 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 28); } } .md\:pt-4 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 4); } } .md\:pt-16 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 16); } } .md\:pt-20 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 20); } } .md\:pt-24 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 24); } } .md\:pt-\[14vh\] { @media (width >= 48rem) { padding-top: 14vh; } } .md\:pr-4 { @media (width >= 48rem) { padding-right: calc(var(--spacing) * 4); } } .md\:pb-3 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 3); } } .md\:pb-10 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 10); } } .md\:pb-14 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 14); } } .md\:pb-16 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 16); } } .md\:pb-20 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 20); } } .md\:pb-24 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 24); } } .md\:pb-28 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 28); } } .md\:pb-36 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 36); } } .md\:pl-0 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 0); } } .md\:pl-6 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 6); } } .md\:pl-8 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 8); } } .md\:text-2xl { @media (width >= 48rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .md\:text-3xl { @media (width >= 48rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .md\:text-4xl { @media (width >= 48rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .md\:text-5xl { @media (width >= 48rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .md\:text-6xl { @media (width >= 48rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .md\:text-base { @media (width >= 48rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .md\:text-lg { @media (width >= 48rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .md\:text-sm { @media (width >= 48rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:text-xs { @media (width >= 48rem) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .md\:text-\[11px\] { @media (width >= 48rem) { font-size: 11px; } } .md\:text-\[13px\] { @media (width >= 48rem) { font-size: 13px; } } .md\:text-\[26px\] { @media (width >= 48rem) { font-size: 26px; } } .md\:text-\[28px\] { @media (width >= 48rem) { font-size: 28px; } } .md\:text-\[30px\] { @media (width >= 48rem) { font-size: 30px; } } .md\:text-\[32px\] { @media (width >= 48rem) { font-size: 32px; } } .md\:text-\[34px\] { @media (width >= 48rem) { font-size: 34px; } } .md\:text-\[38px\] { @media (width >= 48rem) { font-size: 38px; } } .md\:text-\[40px\] { @media (width >= 48rem) { font-size: 40px; } } .md\:text-\[42px\] { @media (width >= 48rem) { font-size: 42px; } } .md\:tracking-\[-1px\] { @media (width >= 48rem) { --tw-tracking: -1px; letter-spacing: -1px; } } .md\:shadow-\[0px_4px_16px_-4px_rgba\(0\,0\,0\,0\.08\)\,0px_2px_6px_0px_rgba\(0\,0\,0\,0\.03\)\] { @media (width >= 48rem) { --tw-shadow: 0px 4px 16px -4px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0px 2px 6px 0px var(--tw-shadow-color, rgba(0,0,0,0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .first\:md\:pl-0 { &:first-child { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 0); } } } .last\:md\:pr-0 { &:last-child { @media (width >= 48rem) { padding-right: calc(var(--spacing) * 0); } } } .lg\:sticky { @media (width >= 64rem) { position: sticky; } } .lg\:top-8 { @media (width >= 64rem) { top: calc(var(--spacing) * 8); } } .lg\:col-span-2 { @media (width >= 64rem) { grid-column: span 2 / span 2; } } .lg\:col-span-3 { @media (width >= 64rem) { grid-column: span 3 / span 3; } } .lg\:col-span-4 { @media (width >= 64rem) { grid-column: span 4 / span 4; } } .lg\:col-span-5 { @media (width >= 64rem) { grid-column: span 5 / span 5; } } .lg\:col-span-8 { @media (width >= 64rem) { grid-column: span 8 / span 8; } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:inline { @media (width >= 64rem) { display: inline; } } .lg\:h-\[600px\] { @media (width >= 64rem) { height: 600px; } } .lg\:h-\[720px\] { @media (width >= 64rem) { height: 720px; } } .lg\:max-h-\[600px\] { @media (width >= 64rem) { max-height: 600px; } } .lg\:w-1\/2 { @media (width >= 64rem) { width: calc(1/2 * 100%); } } .lg\:max-w-\[720px\] { @media (width >= 64rem) { max-width: 720px; } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-5 { @media (width >= 64rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .lg\:grid-cols-6 { @media (width >= 64rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:items-stretch { @media (width >= 64rem) { align-items: stretch; } } .lg\:gap-5 { @media (width >= 64rem) { gap: calc(var(--spacing) * 5); } } .lg\:gap-6 { @media (width >= 64rem) { gap: calc(var(--spacing) * 6); } } .lg\:gap-8 { @media (width >= 64rem) { gap: calc(var(--spacing) * 8); } } .lg\:gap-12 { @media (width >= 64rem) { gap: calc(var(--spacing) * 12); } } .lg\:gap-16 { @media (width >= 64rem) { gap: calc(var(--spacing) * 16); } } .lg\:gap-20 { @media (width >= 64rem) { gap: calc(var(--spacing) * 20); } } .lg\:self-start { @media (width >= 64rem) { align-self: flex-start; } } .lg\:overflow-y-auto { @media (width >= 64rem) { overflow-y: auto; } } .lg\:px-6 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 6); } } .lg\:px-8 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } } .lg\:px-10 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 10); } } .lg\:px-12 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 12); } } .lg\:px-16 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 16); } } .lg\:py-20 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 20); } } .lg\:pt-8 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 8); } } .lg\:pb-6 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 6); } } .lg\:text-left { @media (width >= 64rem) { text-align: left; } } .lg\:text-7xl { @media (width >= 64rem) { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } } .lg\:text-\[32px\] { @media (width >= 64rem) { font-size: 32px; } } .xl\:p-14 { @media (width >= 80rem) { padding: calc(var(--spacing) * 14); } } .xl\:px-16 { @media (width >= 80rem) { padding-inline: calc(var(--spacing) * 16); } } .xl\:px-20 { @media (width >= 80rem) { padding-inline: calc(var(--spacing) * 20); } } .xl\:text-2xl { @media (width >= 80rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .xl\:text-4xl { @media (width >= 80rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .xl\:text-5xl { @media (width >= 80rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .xl\:text-8xl { @media (width >= 80rem) { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)); } } .xl\:text-lg { @media (width >= 80rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .\@max-\[480px\]\/bulk-bar\:hidden { @container bulk-bar (width < 480px) { display: none; } } .\@max-\[420px\]\/bulk-bar\:sr-only { @container bulk-bar (width < 420px) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } } .\@max-\[420px\]\/bulk-bar\:inline-block { @container bulk-bar (width < 420px) { display: inline-block; } } .\@max-\[420px\]\/bulk-bar\:w-7 { @container bulk-bar (width < 420px) { width: calc(var(--spacing) * 7); } } .\@max-\[420px\]\/bulk-bar\:px-0 { @container bulk-bar (width < 420px) { padding-inline: calc(var(--spacing) * 0); } } .\@max-\[420px\]\/bulk-bar\:pr-1\.5 { @container bulk-bar (width < 420px) { padding-right: calc(var(--spacing) * 1.5); } } .\@max-\[420px\]\/bulk-bar\:pl-2 { @container bulk-bar (width < 420px) { padding-left: calc(var(--spacing) * 2); } } .dark\:border-red-900 { @media (prefers-color-scheme: dark) { border-color: var(--color-red-900); } } .dark\:border-red-900\/50 { @media (prefers-color-scheme: dark) { border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent); } } } .dark\:bg-destructive\/60 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, #f04438 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent); } } } .dark\:bg-input\/30 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, #e4e4e7 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } } .dark\:bg-red-950\/30 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent); } } } .dark\:bg-transparent { @media (prefers-color-scheme: dark) { background-color: transparent; } } .dark\:text-blue-400 { @media (prefers-color-scheme: dark) { color: var(--color-blue-400); } } .dark\:text-emerald-400 { @media (prefers-color-scheme: dark) { color: var(--color-emerald-400); } } .dark\:text-green-400 { @media (prefers-color-scheme: dark) { color: var(--color-green-400); } } .dark\:text-orange-400 { @media (prefers-color-scheme: dark) { color: var(--color-orange-400); } } .dark\:text-purple-400 { @media (prefers-color-scheme: dark) { color: var(--color-purple-400); } } .dark\:text-red-400 { @media (prefers-color-scheme: dark) { color: var(--color-red-400); } } .dark\:invert { @media (prefers-color-scheme: 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\:hover\:bg-accent\/50 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f4f4f5 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 50%, transparent); } } } } } .dark\:hover\:bg-input\/50 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #e4e4e7 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 50%, transparent); } } } } } .dark\:hover\:bg-red-950\/20 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent); } } } } } .dark\:hover\:bg-red-950\/50 { @media (prefers-color-scheme: dark) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent); } } } } } .dark\:focus-visible\:ring-destructive\/40 { @media (prefers-color-scheme: dark) { &:focus-visible { --tw-ring-color: color-mix(in srgb, #f04438 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } } .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40 { @media (prefers-color-scheme: dark) { &:has(*:is([data-slot][aria-invalid=true])) { --tw-ring-color: color-mix(in srgb, #f04438 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } } .dark\:aria-invalid\:ring-destructive\/40 { @media (prefers-color-scheme: dark) { &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, #f04438 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } } .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 { @media (prefers-color-scheme: dark) { &[data-variant="destructive"] { &:focus { background-color: color-mix(in srgb, #f04438 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } } } } .prose-headings\:mt-3 { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 3); } } .prose-headings\:mt-4 { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 4); } } .prose-headings\:mb-1 { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 1); } } .prose-headings\:font-medium { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .prose-headings\:font-semibold { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .prose-headings\:tracking-tight { & :is(: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-\[\#09090b\] { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: #09090b; } } .prose-headings\:text-gray-900 { & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-gray-900); } } .prose-h1\:mt-8 { & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 8); } } .prose-h1\:mb-6 { & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 6); } } .prose-h1\:text-3xl { & :is(: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\:text-lg { & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .prose-h2\:mt-5 { & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 5); } } .prose-h2\:mt-10 { & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 10); } } .prose-h2\:mb-2 { & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 2); } } .prose-h2\:mb-4 { & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 4); } } .prose-h2\:text-2xl { & :is(: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-base { & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .prose-h2\:text-sm { & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .prose-h3\:mt-4 { & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 4); } } .prose-h3\:mt-6 { & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 6); } } .prose-h3\:mt-8 { & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 8); } } .prose-h3\:mb-1\.5 { & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 1.5); } } .prose-h3\:mb-2 { & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 2); } } .prose-h3\:mb-3 { & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 3); } } .prose-h3\:text-lg { & :is(: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-sm { & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .prose-h3\:text-xl { & :is(: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\:text-\[13px\] { & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 13px; } } .prose-p\:my-1 { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 1); } } .prose-p\:my-1\.5 { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 1.5); } } .prose-p\:mb-4 { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 4); } } .prose-p\:mb-6 { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: calc(var(--spacing) * 6); } } .prose-p\:leading-relaxed { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } } .prose-p\:text-\[\#52525b\] { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: #52525b; } } .prose-p\:text-gray-600 { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-gray-600); } } .prose-p\:text-gray-700 { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-gray-700); } } .prose-a\:text-\[\#09090b\] { & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: #09090b; } } .prose-a\:text-blue-600 { & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-blue-600); } } .prose-a\:no-underline { & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { text-decoration-line: none; } } .prose-a\:underline { & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { text-decoration-line: underline; } } .prose-a\:underline-offset-2 { & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { text-underline-offset: 2px; } } .hover\:prose-a\:underline { &:hover { @media (hover: hover) { & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { text-decoration-line: underline; } } } } .hover\:prose-a\:opacity-70 { &:hover { @media (hover: hover) { & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { opacity: 70%; } } } } .prose-blockquote\:border-l-2 { & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-left-style: var(--tw-border-style); border-left-width: 2px; } } .prose-blockquote\:border-l-4 { & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-left-style: var(--tw-border-style); border-left-width: 4px; } } .prose-blockquote\:border-gray-200 { & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: var(--color-gray-200); } } .prose-blockquote\:border-violet-300 { & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: var(--color-violet-300); } } .prose-blockquote\:bg-gray-50 { & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { background-color: var(--color-gray-50); } } .prose-blockquote\:py-4 { & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-block: calc(var(--spacing) * 4); } } .prose-blockquote\:pl-3 { & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-left: calc(var(--spacing) * 3); } } .prose-blockquote\:pl-6 { & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-left: calc(var(--spacing) * 6); } } .prose-blockquote\:text-gray-600 { & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-gray-600); } } .prose-blockquote\:italic { & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-style: italic; } } .prose-strong\:font-semibold { & :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .prose-strong\:text-\[\#09090b\] { & :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: #09090b; } } .prose-strong\:text-gray-800 { & :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-gray-800); } } .prose-strong\:text-gray-900 { & :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-gray-900); } } .prose-code\:rounded { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-radius: var(--radius); } } .prose-code\:bg-\[\#f4f4f5\] { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { background-color: #f4f4f5; } } .prose-code\:bg-gray-100 { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { background-color: var(--color-gray-100); } } .prose-code\:px-1 { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-inline: calc(var(--spacing) * 1); } } .prose-code\:px-1\.5 { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-inline: calc(var(--spacing) * 1.5); } } .prose-code\:py-0\.5 { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-block: calc(var(--spacing) * 0.5); } } .prose-code\:font-mono { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-family: var(--font-mono); } } .prose-code\:text-sm { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .prose-code\:text-xs { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .prose-code\:text-\[11px\] { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 11px; } } .prose-code\:text-gray-700 { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-gray-700); } } .prose-code\:before\:content-none { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); --tw-content: none; content: none; } } } .prose-code\:after\:content-none { & :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::after { content: var(--tw-content); --tw-content: none; content: none; } } } .prose-pre\:overflow-x-auto { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { overflow-x: auto; } } .prose-pre\:rounded-lg { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-radius: var(--radius-lg); } } .prose-pre\:border { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-style: var(--tw-border-style); border-width: 1px; } } .prose-pre\:border-gray-200 { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: var(--color-gray-200); } } .prose-pre\:bg-gray-100 { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { background-color: var(--color-gray-100); } } .prose-pre\:bg-gray-900 { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { background-color: var(--color-gray-900); } } .prose-pre\:bg-white { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { background-color: var(--color-white); } } .prose-pre\:p-4 { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding: calc(var(--spacing) * 4); } } .prose-pre\:text-xs { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .prose-pre\:text-\[11px\] { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 11px; } } .prose-pre\:text-gray-100 { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-gray-100); } } .prose-pre\:text-gray-800 { & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-gray-800); } } .prose-ol\:my-1 { & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 1); } } .prose-ol\:my-1\.5 { & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 1.5); } } .prose-ol\:my-4 { & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 4); } } .prose-ol\:space-y-2 { & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) { :where(& > :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))); } } } .prose-ol\:pl-4 { & :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-left: calc(var(--spacing) * 4); } } .prose-ul\:my-1 { & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 1); } } .prose-ul\:my-1\.5 { & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 1.5); } } .prose-ul\:my-4 { & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 4); } } .prose-ul\:space-y-2 { & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) { :where(& > :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))); } } } .prose-ul\:pl-4 { & :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-left: calc(var(--spacing) * 4); } } .prose-li\:my-0\.5 { & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 0.5); } } .prose-li\:leading-relaxed { & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } } .prose-li\:text-\[\#52525b\] { & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: #52525b; } } .prose-li\:text-gray-600 { & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-gray-600); } } .prose-li\:text-gray-700 { & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-gray-700); } } .prose-table\:w-full { & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { width: 100%; } } .prose-table\:border-collapse { & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-collapse: collapse; } } .prose-th\:border { & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-style: var(--tw-border-style); border-width: 1px; } } .prose-th\:border-gray-300 { & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: var(--color-gray-300); } } .prose-th\:bg-gray-50 { & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { background-color: var(--color-gray-50); } } .prose-th\:px-4 { & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-inline: calc(var(--spacing) * 4); } } .prose-th\:py-2 { & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-block: calc(var(--spacing) * 2); } } .prose-th\:text-left { & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { text-align: left; } } .prose-th\:font-medium { & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .prose-td\:border { & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-style: var(--tw-border-style); border-width: 1px; } } .prose-td\:border-gray-300 { & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: var(--color-gray-300); } } .prose-td\:px-4 { & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-inline: calc(var(--spacing) * 4); } } .prose-td\:py-2 { & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-block: calc(var(--spacing) * 2); } } .prose-hr\:border-gray-100 { & :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: var(--color-gray-100); } } .prose-hr\:border-gray-200 { & :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: var(--color-gray-200); } } .\[\&_\[cmdk-group-heading\]\]\:px-2 { & [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 { & [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } } .\[\&_\[cmdk-group-heading\]\]\:text-xs { & [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\[\&_\[cmdk-group-heading\]\]\:font-medium { & [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground { & [cmdk-group-heading] { color: var(--color-muted-foreground); } } .\[\&_\[cmdk-group\]\]\:px-2 { & [cmdk-group] { padding-inline: calc(var(--spacing) * 2); } } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 { & [cmdk-group]:not([hidden]) ~[cmdk-group] { padding-top: calc(var(--spacing) * 0); } } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 { & [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); } } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 { & [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); } } .\[\&_\[cmdk-input\]\]\:h-12 { & [cmdk-input] { height: calc(var(--spacing) * 12); } } .\[\&_\[cmdk-item\]\]\:px-2 { & [cmdk-item] { padding-inline: calc(var(--spacing) * 2); } } .\[\&_\[cmdk-item\]\]\:py-3 { & [cmdk-item] { padding-block: calc(var(--spacing) * 3); } } .\[\&_\[cmdk-item\]_svg\]\:h-5 { & [cmdk-item] svg { height: calc(var(--spacing) * 5); } } .\[\&_\[cmdk-item\]_svg\]\:w-5 { & [cmdk-item] svg { width: calc(var(--spacing) * 5); } } .\[\&_em\]\:text-stone-400 { & em { color: var(--color-stone-400); } } .\[\&_em\]\:italic { & em { font-style: italic; } } .\[\&_h1\]\:mt-4 { & h1 { margin-top: calc(var(--spacing) * 4); } } .\[\&_h1\]\:mb-2 { & h1 { margin-bottom: calc(var(--spacing) * 2); } } .\[\&_h1\]\:text-xl { & h1 { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .\[\&_h1\]\:text-\[16px\] { & h1 { font-size: 16px; } } .\[\&_h1\]\:font-semibold { & h1 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_h2\]\:mt-3 { & h2 { margin-top: calc(var(--spacing) * 3); } } .\[\&_h2\]\:mt-3\.5 { & h2 { margin-top: calc(var(--spacing) * 3.5); } } .\[\&_h2\]\:mb-2 { & h2 { margin-bottom: calc(var(--spacing) * 2); } } .\[\&_h2\]\:text-base { & h2 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .\[\&_h2\]\:text-\[15px\] { & h2 { font-size: 15px; } } .\[\&_h2\]\:font-semibold { & h2 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_h3\]\:mt-2 { & h3 { margin-top: calc(var(--spacing) * 2); } } .\[\&_h3\]\:mt-3 { & h3 { margin-top: calc(var(--spacing) * 3); } } .\[\&_h3\]\:mb-1\.5 { & h3 { margin-bottom: calc(var(--spacing) * 1.5); } } .\[\&_h3\]\:text-sm { & h3 { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .\[\&_h3\]\:text-\[length\:var\(--chat-font-size\)\] { & h3 { font-size: var(--chat-font-size); } } .\[\&_h3\]\:font-semibold { & h3 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_hr\]\:my-3 { & hr { margin-block: calc(var(--spacing) * 3); } } .\[\&_hr\]\:my-6 { & hr { margin-block: calc(var(--spacing) * 6); } } .\[\&_hr\]\:border-t { & hr { border-top-style: var(--tw-border-style); border-top-width: 1px; } } .\[\&_hr\]\:border-gray-200 { & hr { border-color: var(--color-gray-200); } } .\[\&_hr\]\:border-stone-200 { & hr { border-color: var(--color-stone-200); } } .\[\&_li\]\:mb-0 { & li { margin-bottom: calc(var(--spacing) * 0); } } .\[\&_li\]\:mb-1 { & li { margin-bottom: calc(var(--spacing) * 1); } } .\[\&_li\]\:pl-1 { & li { padding-left: calc(var(--spacing) * 1); } } .\[\&_li\]\:text-\[length\:var\(--chat-font-size\)\] { & li { font-size: var(--chat-font-size); } } .\[\&_li\]\:leading-\[var\(--chat-line-height\)\] { & li { --tw-leading: var(--chat-line-height); line-height: var(--chat-line-height); } } .\[\&_ol\]\:mb-2 { & ol { margin-bottom: calc(var(--spacing) * 2); } } .\[\&_ol\]\:list-decimal { & ol { list-style-type: decimal; } } .\[\&_ol\]\:pl-5 { & ol { padding-left: calc(var(--spacing) * 5); } } .\[\&_ol\]\:marker\:text-\[oklch\(51\%_0_0\)\] { & ol { & *::marker { color: oklch(51% 0 0); } &::marker { color: oklch(51% 0 0); } & *::-webkit-details-marker { color: oklch(51% 0 0); } &::-webkit-details-marker { color: oklch(51% 0 0); } } } .\[\&_ol_ol\]\:mt-1 { & ol ol { margin-top: calc(var(--spacing) * 1); } } .\[\&_ol_ol\]\:mb-0 { & ol ol { margin-bottom: calc(var(--spacing) * 0); } } .\[\&_p\]\:mb-1\.5 { & p { margin-bottom: calc(var(--spacing) * 1.5); } } .\[\&_p\]\:mb-3 { & p { margin-bottom: calc(var(--spacing) * 3); } } .\[\&_p\]\:mb-4 { & p { margin-bottom: calc(var(--spacing) * 4); } } .\[\&_p\]\:leading-relaxed { & p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } } .\[\&_p\:last-child\]\:mb-0 { & p:last-child { margin-bottom: calc(var(--spacing) * 0); } } .\[\&_pre_code\]\:border-0 { & pre code { border-style: var(--tw-border-style); border-width: 0px; } } .\[\&_pre_code\]\:bg-transparent { & pre code { background-color: transparent; } } .\[\&_pre_code\]\:p-0 { & pre code { padding: calc(var(--spacing) * 0); } } .\[\&_pre_code\]\:text-xs { & pre code { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\[\&_pre_code\]\:text-gray-800 { & pre code { color: var(--color-gray-800); } } .\[\&_strong\]\:font-semibold { & strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_strong\]\:text-stone-900 { & strong { color: var(--color-stone-900); } } .\[\&_svg\]\:pointer-events-none { & svg { pointer-events: none; } } .\[\&_svg\]\:shrink-0 { & svg { flex-shrink: 0; } } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 { & svg:not([class*='size-']) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground { & svg:not([class*='text-']) { color: var(--color-muted-foreground); } } .\[\&_table\]\:my-3 { & table { margin-block: calc(var(--spacing) * 3); } } .\[\&_table\]\:w-full { & table { width: 100%; } } .\[\&_td\]\:px-3 { & td { padding-inline: calc(var(--spacing) * 3); } } .\[\&_td\]\:py-1\.5 { & td { padding-block: calc(var(--spacing) * 1.5); } } .\[\&_td\]\:text-sm { & td { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .\[\&_th\]\:px-3 { & th { padding-inline: calc(var(--spacing) * 3); } } .\[\&_th\]\:py-1\.5 { & th { padding-block: calc(var(--spacing) * 1.5); } } .\[\&_th\]\:text-left { & th { text-align: left; } } .\[\&_th\]\:text-xs { & th { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\[\&_th\]\:font-semibold { & th { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_tr\]\:border-b { & tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .\[\&_tr\:last-child\]\:border-0 { & tr:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .\[\&_ul\]\:mb-2 { & ul { margin-bottom: calc(var(--spacing) * 2); } } .\[\&_ul\]\:list-disc { & ul { list-style-type: disc; } } .\[\&_ul\]\:pl-5 { & ul { padding-left: calc(var(--spacing) * 5); } } .\[\&_ul\]\:marker\:text-\[8px\] { & ul { & *::marker { font-size: 8px; } &::marker { font-size: 8px; } & *::-webkit-details-marker { font-size: 8px; } &::-webkit-details-marker { font-size: 8px; } } } .\[\&_ul\]\:marker\:text-\[oklch\(51\%_0_0\)\] { & ul { & *::marker { color: oklch(51% 0 0); } &::marker { color: oklch(51% 0 0); } & *::-webkit-details-marker { color: oklch(51% 0 0); } &::-webkit-details-marker { color: oklch(51% 0 0); } } } .\[\&_ul_ul\]\:mt-1 { & ul ul { margin-top: calc(var(--spacing) * 1); } } .\[\&_ul_ul\]\:mb-0 { & ul ul { margin-bottom: calc(var(--spacing) * 0); } } .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none { &::-webkit-inner-spin-button { appearance: none; } } .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none { &::-webkit-outer-spin-button { appearance: none; } } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 { &:has([role=checkbox]) { padding-right: calc(var(--spacing) * 0); } } .\[\.border-b\]\:pb-2 { &:is(.border-b) { padding-bottom: calc(var(--spacing) * 2); } } .\[\.border-b\]\:pb-6 { &:is(.border-b) { padding-bottom: calc(var(--spacing) * 6); } } .\[\.border-t\]\:pt-2 { &:is(.border-t) { padding-top: calc(var(--spacing) * 2); } } .\[\.border-t\]\:pt-6 { &:is(.border-t) { padding-top: calc(var(--spacing) * 6); } } .\*\:\[span\]\:last\:flex { :is(& > *) { &:is(span) { &:last-child { display: flex; } } } } .\*\:\[span\]\:last\:items-center { :is(& > *) { &:is(span) { &:last-child { align-items: center; } } } } .\*\:\[span\]\:last\:gap-2 { :is(& > *) { &:is(span) { &:last-child { gap: calc(var(--spacing) * 2); } } } } .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive { &[data-variant="destructive"] { :is(& > *) { &:is(svg) { color: var(--color-destructive) !important; } } } } .\[\&\>\*\]\:focus-visible\:relative { &>* { &:focus-visible { position: relative; } } } .\[\&\>\*\]\:focus-visible\:z-10 { &>* { &:focus-visible { z-index: 10; } } } .\[\&\>\*\:first-child\]\:mt-0 { &>*:first-child { margin-top: calc(var(--spacing) * 0); } } .\[\&\>\*\:last-child\]\:mb-0 { &>*:last-child { margin-bottom: calc(var(--spacing) * 0); } } .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none { &>*:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } } .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-md { &>*:not(:first-child) { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } } .\[\&\>\*\: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: 0px; } } .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 { &>*:not(:first-child) { border-left-style: var(--tw-border-style); border-left-width: 0px; } } .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-md { &>*:not(:last-child) { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } } .\[\&\>\*\: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; } } .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: var(--radius-md); border-bottom-right-radius: var(--radius-md); } } } .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit { &>[data-slot=select-trigger]:not([class*='w-']) { width: fit-content; } } .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] { &>[role=checkbox] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } } .\[\&\>button\]\:rounded-md { &>button { border-radius: var(--radius-md); } } .\[\&\>button\]\:border-none\! { &>button { --tw-border-style: none !important; border-style: none !important; } } .\[\&\>button\]\:bg-transparent\! { &>button { background-color: transparent !important; } } .\[\&\>div\]\:pb-0 { &>div { padding-bottom: calc(var(--spacing) * 0); } } .\[\&\>img\]\:rounded-full { &>img { border-radius: calc(infinity * 1px); } } .\[\&\>img\]\:bg-background { &>img { background-color: var(--color-background); } } .\[\&\>img\]\:p-px { &>img { padding: 1px; } } .\[\&\>img\]\:ring-1 { &>img { --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); } } .dark\:\[\&\>img\]\:bg-foreground { @media (prefers-color-scheme: dark) { &>img { background-color: var(--color-foreground); } } } .\[\&\>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-2 { &:has(>[data-align=inline-end]) { &>input { padding-right: calc(var(--spacing) * 2); } } } .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2 { &:has(>[data-align=inline-start]) { &>input { padding-left: calc(var(--spacing) * 2); } } } .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] { &>kbd { border-radius: calc(var(--radius) - 5px); } } .\[\&\>svg\]\:pointer-events-none { &>svg { pointer-events: none; } } .\[\&\>svg\]\:size-2\.5 { &>svg { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } } .\[\&\>svg\]\:size-3 { &>svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } } .\[\&\>svg\]\:size-4 { &>svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&\>svg\]\:translate-y-0\.5 { &>svg { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } .\[\&\>svg\]\:text-current { &>svg { color: currentcolor; } } .\[\&\>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); } } .\[\&\>tr\]\:last\:border-b-0 { &>tr { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 { &[data-panel-group-direction=vertical]>div { rotate: 90deg; } } .\[a\&\]\:hover\:bg-accent { a& { &:hover { @media (hover: hover) { background-color: var(--color-accent); } } } } .\[a\&\]\:hover\:bg-destructive\/90 { a& { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f04438 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent); } } } } } .\[a\&\]\:hover\:text-accent-foreground { a& { &:hover { @media (hover: hover) { color: var(--color-accent-foreground); } } } } } @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; } @font-face { font-family: 'Roboto Flex'; src: url('/fonts/RobotoFlex-Latin.woff2') format('woff2'); font-weight: 100 1000; font-display: swap; font-style: normal; } @font-face { font-family: 'Geist Sans'; src: url('/fonts/GeistVF.woff') format('woff'); font-weight: 100 900; font-display: swap; font-style: normal; } @font-face { font-family: 'Geist Mono'; src: url('/fonts/GeistMonoVF.woff') format('woff'); font-weight: 100 900; font-display: swap; font-style: normal; } :root { --ease-spring: cubic-bezier(0.32, 0.72, 0, 1); --chat-font-size: 13px; --chat-line-height: 20px; --chat-font-size-small: 12px; --v0-gray-100: oklch(96.1% 0 0); --v0-gray-200: oklch(94% 0 0); --v0-gray-300: oklch(92.5% 0 0); --v0-gray-400: oklch(93.7% 0 0); --v0-gray-500: oklch(83.6% 0 0); --v0-gray-600: oklch(73.2% 0 0); --v0-gray-700: oklch(65% 0 0); --v0-gray-800: oklch(59% 0 0); --v0-gray-900: oklch(51% 0 0); --v0-gray-1000: oklch(20.5% 0 0); --v0-background-100: oklch(100% 0 0); --v0-background-200: oklch(98.5% 0 0); --v0-alpha-100: oklch(0% 0 0 / 0.051); --v0-alpha-200: oklch(0% 0 0 / 0.082); --v0-alpha-300: oklch(0% 0 0 / 0.102); --v0-alpha-400: oklch(0% 0 0 / 0.078); --v0-alpha-500: oklch(0% 0 0 / 0.212); --v0-blue-700: oklch(57.3% 0.2146 258.2); } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { border-color: var(--color-gray-200, currentcolor); } html, body { overscroll-behavior: none; overflow: hidden; position: fixed; inset: 0; height: 100%; width: 100%; } button, [role="button"], [type="button"], [type="submit"], [type="reset"], a, .cursor-pointer { cursor: pointer; } button:disabled, [disabled] { cursor: not-allowed; } } .background { overflow: hidden; background: #f8f8f8; background-image: repeating-linear-gradient( 0deg, transparent, transparent 11px, #f2f2f2 11px, #f2f2f2 12px ), repeating-linear-gradient( 90deg, transparent, transparent 11px, #f2f2f2 11px, #f2f2f2 12px ); } .mask { mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 40px, rgba(0, 0, 0, 1) calc(100% - 20px), rgba(0, 0, 0, 0) 100% ); } @media (max-width: 767px) { html { touch-action: manipulation; } input, textarea, select { font-size: 16px !important; } .ag-theme-custom .ag-body-viewport, .ag-theme-custom .ag-header-viewport { padding-right: 0 !important; } } .ag-theme-custom { --ag-background-color: #ffffff; --ag-header-background-color: #ffffff; --ag-odd-row-background-color: #ffffff; --ag-even-row-background-color: #ffffff; --ag-row-hover-color: transparent !important; --ag-column-hover-color: transparent !important; --ag-cell-hover-background-color: transparent !important; --ag-header-cell-hover-background-color: transparent !important; --ag-cell-horizontal-padding: 0; --ag-selected-row-background-color: #fde3f1; --ag-border-color: #f0f0f2; --ag-header-foreground-color: #71717a; --ag-foreground-color: #09090b; --ag-font-family: inherit; --ag-font-size: 12px; --ag-row-border-color: #f0f0f2; --ag-header-column-separator-display: block; --ag-cell-horizontal-border: none; --ag-range-selection-border-color: #71717a; --ag-range-selection-background-color: #F4F4F5; --ag-range-selection-highlight-color: #F4F4F5; --ag-input-focus-box-shadow: none; --ag-input-focus-border-color: transparent; --ag-wrapper-border-radius: 0; --ag-border-radius: 0; --ag-checkbox-checked-color: #71717a; --ag-checkbox-unchecked-color: #d4d4d8; --ag-checkbox-indeterminate-color: #71717a; --ag-checkbox-background-color: white; } .ag-theme-custom .ag-root-wrapper { border-radius: 0; border: none; z-index: 0; position: relative; } .ag-theme-custom .ag-header, .ag-theme-custom .ag-body-viewport, .ag-theme-custom .ag-pinned-left-header, .ag-theme-custom .ag-pinned-left-cols-container, .ag-theme-custom .ag-center-cols-viewport { z-index: auto; } .ag-theme-custom .ag-header { border-top: 1px solid #e4e4e7; border-bottom: 1px solid #e4e4e7; } .ag-theme-custom .ag-header-cell { font-weight: 500; font-size: 12px; text-transform: none; color: #71717a; padding: 0 !important; border-right: 1px solid #e4e4e7; } .ag-theme-custom .ag-header-cell:last-child, .ag-theme-custom .ag-header-cell:last-of-type, .ag-theme-custom .ag-header-row .ag-header-cell:last-child { border-right: none !important; } .ag-theme-custom .ag-header-viewport, .ag-theme-custom .ag-body-viewport, .ag-theme-custom .ag-center-cols-viewport, .ag-theme-custom .ag-center-cols-container { background: white; } .ag-theme-custom .ag-body-viewport, .ag-theme-custom .ag-center-cols-viewport, .ag-theme-custom .ag-body-horizontal-scroll-viewport, .ag-theme-custom .ag-body-vertical-scroll-viewport { overscroll-behavior-x: contain; } .ag-theme-custom .ag-center-cols-container { padding-right: 16px; } .ag-theme-custom .ag-header-container { padding-right: 16px; } .ag-theme-custom .ag-cell:empty { border-right: none !important; } .ag-theme-custom .ag-center-cols-container .ag-row .ag-cell:last-child, .ag-theme-custom .ag-center-cols-container .ag-row .ag-cell:last-of-type { border-right: none !important; } .ag-theme-custom .ag-header-cell:last-child .ag-header-cell-resize, .ag-theme-custom .ag-header-cell:last-of-type .ag-header-cell-resize { display: block; } .ag-theme-custom .ag-header-cell-comp-wrapper { width: 100%; height: 100%; } .ag-theme-custom .ag-row { border-bottom: 1px solid #f0f0f2; } .ag-theme-custom .ag-cell { border-right: 1px solid #f0f0f2; } .ag-theme-custom .ag-cell:last-child { border-right: none !important; } .ag-theme-custom .ag-row:hover, .ag-theme-custom .ag-row-hover, .ag-theme-custom .ag-row.ag-row-hover, .ag-theme-custom .ag-row-even:hover, .ag-theme-custom .ag-row-odd:hover { background-color: transparent !important; background: transparent !important; } .ag-theme-custom .ag-cell:hover, .ag-theme-custom .ag-cell-value:hover, .ag-theme-custom .ag-cell-wrapper:hover, .ag-theme-custom .ag-row:hover .ag-cell, .ag-theme-custom .ag-row-hover .ag-cell, .ag-theme-custom .ag-row.ag-row-hover .ag-cell { background-color: transparent !important; background: transparent !important; } .ag-theme-custom .ag-row::before, .ag-theme-custom .ag-row::after, .ag-theme-custom .ag-row:hover::before, .ag-theme-custom .ag-row:hover::after, .ag-theme-custom .ag-row-hover::before, .ag-theme-custom .ag-row-hover::after, .ag-theme-custom .ag-row.ag-row-hover::before, .ag-theme-custom .ag-row.ag-row-hover::after, .ag-theme-custom .ag-cell::before, .ag-theme-custom .ag-cell::after, .ag-theme-custom .ag-cell:hover::before, .ag-theme-custom .ag-cell:hover::after { background-color: transparent !important; background: transparent !important; display: none !important; content: none !important; } .ag-theme-custom .ag-column-hover, .ag-theme-custom .ag-header-cell-hover, .ag-theme-custom .ag-header-cell:hover { background-color: transparent !important; background: transparent !important; } .ag-theme-custom .ag-row-selected, .ag-theme-custom .ag-row-selected:hover, .ag-theme-custom .ag-row.ag-row-selected:hover { background-color: #F4F4F5 !important; } .ag-theme-custom .ag-row-selected::before, .ag-theme-custom .ag-row-selected::after, .ag-theme-custom .ag-row-hover.ag-row-selected::before, .ag-theme-custom .ag-row-hover.ag-row-selected::after, .ag-theme-custom .ag-row-selected:hover::before, .ag-theme-custom .ag-row-selected:hover::after { background-color: transparent !important; display: none !important; content: none !important; } .ag-theme-custom .ag-pinned-left-header, .ag-theme-custom .ag-pinned-left-cols-container { border-right: 1px solid #f0f0f2; } .ag-theme-custom .first-data-column { font-weight: 500; } .ag-theme-custom .ag-cell { display: flex; align-items: center; overflow: hidden; padding: 0 !important; border-right: 1px solid #f0f0f2; } .ag-theme-custom .ag-cell:last-child { border-right: none; } .ag-theme-custom .ag-cell a, .ag-theme-custom .ag-cell a *, .ag-theme-custom .ag-cell a span, .ag-theme-custom .ag-cell a img { cursor: pointer !important; user-select: none !important; } .ag-theme-custom .ag-cell, .ag-theme-custom .ag-cell-value, .ag-theme-custom .ag-cell-wrapper { cursor: default !important; } .export-csv-grid.ag-theme-custom .ag-root-wrapper { border: 1px solid #e4e4e7; border-radius: 8px; overflow: hidden; } .export-csv-grid.ag-theme-custom .ag-header { border-top: none; background-color: #fafafa; } .export-csv-grid.ag-theme-custom .ag-header-cell { border-right-color: #e4e4e7; } .export-csv-grid.ag-theme-custom .ag-cell { padding: 0 12px !important; } .export-csv-grid.ag-theme-custom .ag-row { border-bottom-color: #e4e4e7; } .export-csv-grid.ag-theme-custom .ag-cell { border-right-color: #e4e4e7; } .export-csv-grid.ag-theme-custom .ag-center-cols-container, .export-csv-grid.ag-theme-custom .ag-header-container { padding-right: 0; } .ag-theme-custom .row-num-header { padding: 0 !important; } .ag-theme-custom .row-num-header .ag-header-cell-label { justify-content: center; } .ag-theme-custom .row-num-header .ag-header-cell-comp-wrapper { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; } .ag-theme-custom .row-num-header .ag-header-select-all { margin: 0 !important; } .ag-theme-custom .ag-cell[col-id="__row_num__"] .ag-cell-wrapper { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; } .ag-theme-custom .ag-cell .ag-cell-wrapper, .ag-theme-custom .ag-cell .ag-cell-value { width: 100%; height: 100%; display: flex; align-items: center; } .ag-theme-custom .ag-cell .ag-cell-value > div:first-child { width: 100%; height: 100%; } .ag-theme-custom .ag-checkbox-input-wrapper { width: 16px; height: 16px; } .ag-theme-custom .ag-checkbox-input-wrapper::after { border-radius: 0; } .ag-theme-custom .ag-checkbox-input-wrapper.ag-checked { background-color: white !important; border-color: #71717a !important; } .ag-theme-custom .ag-checkbox-input-wrapper.ag-checked::after { color: #71717a !important; } .ag-theme-custom .ag-checkbox-input-wrapper input[type="checkbox"] { accent-color: #71717a; } .ag-theme-custom .ag-checkbox-input-wrapper.ag-checked, .ag-theme-custom .ag-checkbox-input-wrapper.ag-indeterminate { --ag-checkbox-checked-color: #71717a; --ag-checkbox-unchecked-color: #d4d4d8; --ag-checkbox-indeterminate-color: #71717a; } .ag-theme-custom .ag-selection-checkbox .ag-checkbox-input-wrapper.ag-checked, .ag-theme-custom .ag-row .ag-checkbox-input-wrapper.ag-checked, .ag-theme-custom .ag-header-select-all .ag-checkbox-input-wrapper.ag-checked { background-color: white !important; border-color: #71717a !important; } .ag-theme-custom .ag-checkbox-input-wrapper { --ag-checkbox-checked-color: #71717a !important; } .ag-theme-custom .ag-checkbox-input-wrapper.ag-checked .ag-icon { color: #71717a !important; } .ag-theme-custom .ag-checkbox-input-wrapper[class*="checked"] { background-color: white !important; border-color: #71717a !important; } .ag-theme-custom .ag-header-cell .ag-checkbox-input-wrapper.ag-checked { background-color: white !important; border-color: #71717a !important; } .ag-theme-custom .add-column-header { padding: 0 !important; } .ag-theme-custom .add-column-header .ag-header-cell-comp-wrapper { height: 100%; } .ag-theme-custom .ag-cell-focus, .ag-theme-custom .ag-cell-focus:hover, .ag-theme-custom .ag-row:hover .ag-cell-focus { background-color: #F4F4F5 !important; outline: none !important; } .ag-theme-custom .ag-cell-focus::before, .ag-theme-custom .ag-cell-focus:hover::before { background-color: transparent !important; display: none !important; } .ag-theme-custom .ag-cell-range-selected, .ag-theme-custom .ag-cell-range-selected:hover, .ag-theme-custom .ag-row:hover .ag-cell-range-selected { background-color: #F4F4F5 !important; } .ag-theme-custom .ag-cell[col-id="__checkbox__"].ag-cell-focus, .ag-theme-custom .ag-cell[col-id="__row_num__"].ag-cell-focus, .ag-theme-custom .ag-cell[col-id="__add_column__"].ag-cell-focus { border: none !important; background-color: transparent !important; } .ag-theme-custom .ag-header-group-cell { padding: 0 !important; font-weight: 500; font-size: 12px; color: #71717a; } .ag-theme-custom .ag-header-group-cell-label { width: 100%; height: 100%; } .ag-theme-custom .ag-header-group-cell::after { display: none !important; } .ag-theme-custom .ag-header-cell-resize { width: 4px; cursor: col-resize; opacity: 0; transition: opacity 0.2s ease; } .ag-theme-custom .ag-header-cell:hover .ag-header-cell-resize { opacity: 1; background-color: #d1d5db; } .ag-theme-custom .ag-header-cell-resize:hover { opacity: 1 !important; background-color: #3b82f6 !important; } .ag-theme-custom .ag-header-group-cell + .ag-header-cell { padding: 0 !important; } .ag-theme-custom .ag-header-cell.ag-header-cell-sortable { padding: 0 !important; } .ag-theme-custom .ag-header-group-cell.empty-group-header { visibility: hidden; padding: 0 !important; } .ag-theme-custom .ag-header-row-column-group { display: none !important; } .ag-theme-custom .ag-header-row:last-child .ag-header-cell { background-color: #fafafa; } .ag-theme-custom .ag-header-cell.regular-column-header { background-color: #ffffff; } .ag-theme-custom .ag-cell[col-id*="."] { background-color: #ffffff; } .ag-theme-custom .ag-cell.range-selected, .ag-theme-custom .ag-cell.range-selected:hover, .ag-theme-custom .ag-row:hover .ag-cell.range-selected, .ag-theme-custom .ag-row-hover .ag-cell.range-selected { background-color: #F4F4F5 !important; } .ag-theme-custom .ag-cell.range-top { border-top: 1px solid #71717a !important; } .ag-theme-custom .ag-cell.range-bottom { border-bottom: 1px solid #71717a !important; } .ag-theme-custom .ag-cell.range-left { border-left: 1px solid #71717a !important; } .ag-theme-custom .ag-cell.range-right { border-right: 1px solid #71717a !important; } .ag-theme-custom .ag-cell.range-selected::before, .ag-theme-custom .ag-cell.range-selected:hover::before { background-color: transparent !important; display: none !important; } .ag-theme-custom .ag-cell[col-id="__row_num__"].range-selected, .ag-theme-custom .ag-cell[col-id="__add_column__"].range-selected, .ag-theme-custom .ag-cell[col-id="__checkbox__"].range-selected { background-color: transparent !important; } .ag-theme-custom .ag-header-cell:focus, .ag-theme-custom .ag-header-cell:focus-visible, .ag-theme-custom .ag-header-cell:focus-within { outline: none !important; } .ag-theme-custom .ag-header-cell button, .ag-theme-custom .ag-header-cell button:focus, .ag-theme-custom .ag-header-cell button:focus-visible, .ag-theme-custom .ag-header-cell button:active, .ag-theme-custom .ag-header-cell [data-slot="popover-trigger"], .ag-theme-custom .ag-header-cell [data-slot="popover-trigger"]:focus, .ag-theme-custom .ag-header-cell [data-slot="popover-trigger"]:focus-visible { outline: none !important; border: none !important; box-shadow: none !important; } .ag-theme-custom .ag-header-cell.empty-column-header { border-right: none !important; border-left: none !important; } .ag-theme-custom .ag-cell-value { user-select: text; -webkit-user-select: text; } @keyframes column-flash { 0% { background-color: #dbeafe; } 50% { background-color: #bfdbfe; } 100% { background-color: transparent; } } @keyframes tab-flash { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes column-flash-subtle { 0% { background-color: #eff6ff; } 50% { background-color: #dbeafe; } 100% { background-color: transparent; } } .ag-theme-custom .ag-header-cell.column-flash { animation: column-flash 1.5s ease-out; } .ag-theme-custom .ag-cell.column-flash { animation: column-flash-subtle 1.5s ease-out; } @keyframes flash-qualified { 0% { background-color: rgba(34, 197, 94, 0.3); } 100% { background-color: transparent; } } @keyframes flash-disqualified { 0% { background-color: rgba(239, 68, 68, 0.3); } 50% { background-color: rgba(239, 68, 68, 0.15); } 100% { background-color: transparent; opacity: 0.3; } } @keyframes flash-skipped { 0% { background-color: rgba(120, 113, 108, 0.15); } 60% { background-color: rgba(120, 113, 108, 0.07); } 100% { background-color: transparent; } } @media (hover: none) { .ag-theme-custom .ag-center-cols-viewport { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } .ag-theme-custom .ag-body-horizontal-scroll { display: none !important; } } @media (hover: hover) { .ag-theme-custom .ag-body-horizontal-scroll, .ag-theme-custom .ag-body-horizontal-scroll.ag-apple-scrollbar { visibility: visible !important; opacity: 1 !important; position: relative !important; min-height: 16px !important; height: 16px !important; max-height: 16px !important; overflow: hidden !important; border-top: none; background: #ffffff; } .ag-theme-custom .ag-body-horizontal-scroll-viewport, .ag-theme-custom .ag-body-horizontal-scroll.ag-apple-scrollbar .ag-body-horizontal-scroll-viewport { visibility: visible !important; overflow-x: scroll !important; min-height: 16px !important; height: 16px !important; max-height: 16px !important; scrollbar-width: initial !important; scrollbar-color: initial !important; } .ag-theme-custom .ag-body-horizontal-scroll-viewport::-webkit-scrollbar { height: 16px !important; display: block !important; } .ag-theme-custom .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track { background: #ffffff !important; } .ag-theme-custom .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.22) !important; border: 4px solid #ffffff !important; border-radius: 8px !important; transition: background 0.2s ease !important; } .ag-theme-custom:hover .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.35) !important; } .ag-theme-custom .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.5) !important; } .ag-theme-custom .ag-body-horizontal-scroll-container { height: 16px !important; } } .ag-theme-custom .ag-body-vertical-scroll { visibility: visible !important; opacity: 0; transition: opacity 0.2s ease; } .ag-theme-custom:hover .ag-body-vertical-scroll, .ag-theme-custom .ag-body-vertical-scroll.ag-scrollbar-scrolling { opacity: 1; } .ag-theme-custom .ag-body-vertical-scroll-viewport { visibility: visible !important; scrollbar-width: auto !important; scrollbar-color: auto !important; } .ag-theme-custom .ag-body-vertical-scroll-viewport::-webkit-scrollbar { width: 6px; } .ag-theme-custom .ag-body-vertical-scroll-viewport::-webkit-scrollbar-track { background: transparent; } .ag-theme-custom .ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); border-radius: 3px; } .ag-theme-custom .ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.35); } .ag-theme-custom .ag-cell *:focus, .ag-theme-custom .ag-cell *:focus-visible { outline: none !important; box-shadow: none !important; } .ag-dnd-ghost, .ag-theme-custom .ag-dnd-ghost { background-color: white !important; color: #57534e !important; border: 1px solid #e7e5e4 !important; border-radius: 0.375rem !important; padding: 6px 12px !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important; font-weight: 500 !important; font-size: 12px !important; line-height: 1.5 !important; z-index: 9999 !important; } .ag-dnd-ghost .ag-icon, .ag-theme-custom .ag-dnd-ghost .ag-icon { display: none !important; } .ag-dnd-ghost-label, .ag-theme-custom .ag-dnd-ghost-label { color: #57534e !important; font-weight: 500 !important; font-size: 12px !important; } @layer components { .tab-active-curve-left::before { content: ''; position: absolute; bottom: -1px; left: -6px; width: 6px; height: 6px; pointer-events: none; background: radial-gradient(circle at 0 0, transparent 4.5px, #e4e4e7 4.5px, #e4e4e7 5.5px, white 5.5px); } .tab-active-curve::after { content: ''; position: absolute; bottom: -1px; right: -6px; width: 6px; height: 6px; pointer-events: none; background: radial-gradient(circle at 100% 0, transparent 4.5px, #e4e4e7 4.5px, #e4e4e7 5.5px, white 5.5px); } ::-webkit-scrollbar { width: 3px; height: 3px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #e4e4e7; border-radius: 0; } ::-webkit-scrollbar-thumb:hover { background: #d4d4d8; } * { scrollbar-width: thin; scrollbar-color: #e4e4e7 transparent; } .scrollbar-thin::-webkit-scrollbar { width: 3px; height: 3px; } .scrollbar-thin::-webkit-scrollbar-track { background: transparent; } .scrollbar-thin::-webkit-scrollbar-thumb { background: #e4e4e7; border-radius: 0; } .scrollbar-thin::-webkit-scrollbar-thumb:hover { background: #d4d4d8; } .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } @media (prefers-color-scheme: dark) { ::-webkit-scrollbar-thumb { background: #3f3f46; } ::-webkit-scrollbar-thumb:hover { background: #52525b; } * { scrollbar-color: #3f3f46 transparent; } .scrollbar-thin::-webkit-scrollbar-thumb { background: #3f3f46; } .scrollbar-thin::-webkit-scrollbar-thumb:hover { background: #52525b; } } .focus-ring { --tw-outline-style: none; outline-style: none; &: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 { --tw-ring-color: var(--color-ring); } &: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); } } .card-shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); } .card-shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } } @keyframes onboarding-dot-fill { 0% { height: 0%; } 100% { height: 100%; } } .onboarding-dot-fill { animation: onboarding-dot-fill linear forwards; } @keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .animate-shimmer { animation: shimmer 2s linear infinite; } @keyframes origami-pulse { 0%, 100% { opacity: 0.4; transform: scale(1) translateY(0); } 50% { opacity: 1; transform: scale(1.05) translateY(-2px); } } .origami-loader { animation: origami-pulse 1.5s ease-in-out infinite; } @keyframes nudge { 0%, 100% { transform: translateX(0); opacity: 0.5; } 50% { transform: translateX(3px); opacity: 1; } } @keyframes slideInRight { from { opacity: 0; transform: translateX(12px) scale(0.95); } to { opacity: 1; transform: translateX(0) scale(1); } } [data-sonner-toast] { background-color: white !important; color: #57534e !important; border: 1px solid #e7e5e4 !important; border-radius: 0.75rem !important; padding: 12px 16px !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important; font-weight: 500 !important; font-size: 14px !important; } [data-sonner-toast] [data-icon] { width: 18px !important; height: 18px !important; } [data-sonner-toast] [data-icon] svg { color: #78716c !important; } .v0-chat-container { font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif; font-size: 14px; line-height: 20px; } .cell-popover-wrapper { position: relative; margin-right: 8px; overflow: visible !important; } .cell-popover-wrapper::before { content: ''; position: absolute; top: -1px; right: -9px; width: 0; height: 0; border-top: 14px solid #d1d5db; border-right: 9px solid transparent; z-index: 100; pointer-events: none; } .cell-popover-wrapper::after { content: ''; position: absolute; top: 0; right: -8px; width: 0; height: 0; border-top: 12px solid white; border-right: 8px solid transparent; z-index: 101; pointer-events: none; } .v0-user-message-wrapper { position: relative; width: calc(100% + 24px); margin-inline: -12px; } .v0-user-message { background: #EBEBEB; border-radius: 5px; color: var(--v0-gray-1000, oklch(20.5% 0 0)); font-size: var(--chat-font-size); line-height: var(--chat-line-height); padding: 10px 16px; position: relative; box-shadow: 0 1px 3px #FAFAFA; } .v0-assistant-message { color: var(--v0-gray-1000, oklch(20.5% 0 0)); font-size: var(--chat-font-size); line-height: var(--chat-line-height); } [data-preview-action] { display: none; } [data-assistant-message-latest] [data-preview-card]:not(:has(~ [data-preview-card])) [data-preview-action] { display: flex; } .v0-expandable-trigger { display: flex; align-items: center; gap: 6px; font-size: var(--chat-font-size); font-weight: 400; color: var(--v0-gray-900, oklch(51% 0 0)); background: transparent; border-radius: 0; min-height: 24px; padding: 0; cursor: pointer; transition: all 150ms; } .v0-expandable-trigger:hover { background: var(--v0-alpha-400, oklch(0% 0 0 / 0.078)); } .v0-expandable-trigger:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--v0-blue-700, oklch(57.3% 0.2146 258.2)); } .v0-tool-status { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--v0-gray-900, oklch(51% 0 0)); } .v0-tool-status.running { font-style: italic; color: var(--v0-gray-600, oklch(73.2% 0 0)); } .v0-chat-input { background: var(--v0-background-100, oklch(100% 0 0)); border: 1px solid var(--v0-gray-300, oklch(92.5% 0 0)); border-radius: 0; padding: 12px 16px; box-shadow: 0 0 0 1px var(--v0-alpha-400, oklch(0% 0 0 / 0.078)); } .v0-chat-input:focus-within { border-color: var(--v0-gray-500, oklch(83.6% 0 0)); } .v0-chat-textarea { font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif; font-size: 14px; line-height: 20px; color: var(--v0-gray-1000, oklch(20.5% 0 0)); background: transparent; border: none; outline: none; resize: none; } .v0-chat-textarea::placeholder { color: var(--v0-gray-900, oklch(51% 0 0)); } .v0-btn-ghost { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 8px; height: 28px; font-size: 14px; font-weight: 500; color: var(--v0-gray-1000, oklch(20.5% 0 0)); background: transparent; border: 1px solid transparent; border-radius: 0; cursor: pointer; transition: background 150ms; } .v0-btn-ghost:hover { background: var(--v0-alpha-400, oklch(0% 0 0 / 0.078)); } .v0-btn-icon { width: 28px; height: 28px; padding: 0; display: flex; align-items: center; justify-content: center; background: transparent; border: none; border-radius: 0; color: var(--v0-gray-900, oklch(51% 0 0)); cursor: pointer; transition: all 150ms; } .v0-btn-icon:hover { background: var(--v0-alpha-400, oklch(0% 0 0 / 0.078)); color: var(--v0-gray-1000, oklch(20.5% 0 0)); } .v0-inline-code { font-family: var(--font-mono), ui-monospace, SFMono-Regular, monospace; font-size: var(--chat-font-size-small); font-weight: 400; background: var(--v0-gray-100, oklch(96.1% 0 0)); color: rgb(24, 24, 27); padding: 2.4px 4px; border-radius: 0; border: 1px solid var(--v0-gray-300, oklch(92.5% 0 0)); } .v0-text-muted { color: var(--v0-gray-900, oklch(51% 0 0)); } .v0-text-secondary { color: var(--v0-gray-800, oklch(59% 0 0)); } .v0-chat-header { display: flex; align-items: center; gap: 6px; padding-top: 8px; padding-bottom: 8px; min-height: 44px; } .v0-response-actions { display: flex; gap: 4px; align-items: center; } .v0-timestamp { font-size: var(--chat-font-size-small); color: var(--v0-gray-900, oklch(51% 0 0)); } .v0-assistant-message ul, .v0-assistant-message ol { list-style-position: outside; } .v0-assistant-message ul { list-style-type: disc; } .v0-assistant-message ol { list-style-type: decimal; } .v0-assistant-message li::marker { color: var(--v0-gray-900, oklch(51% 0 0)); } .v0-assistant-message ul ul, .v0-assistant-message ol ol, .v0-assistant-message ul ol, .v0-assistant-message ol ul { list-style-type: circle; margin-top: 4px; } .v0-assistant-message [data-streamdown="table-wrapper"] { margin: 12px 0 !important; padding: 0 !important; gap: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; display: block !important; } .v0-assistant-message [data-streamdown="table-wrapper"] > div { border-radius: 10px !important; border: 1px solid oklch(93% 0 0) !important; background: #ffffff !important; overflow-x: auto; overflow-y: hidden; } .v0-assistant-message table, .v0-assistant-message td, .v0-assistant-message tr { font-size: var(--chat-font-size) !important; line-height: var(--chat-line-height) !important; } .v0-assistant-message table { width: 100%; border-collapse: collapse; background: transparent; } .v0-assistant-message thead th { padding: 9px 14px; text-align: left; font-size: var(--chat-font-size-small) !important; line-height: 18px !important; font-weight: 500; color: oklch(51% 0 0); background: oklch(98% 0 0); border-bottom: 1px solid oklch(93% 0 0); white-space: nowrap; letter-spacing: 0.005em; } .v0-assistant-message tbody td { padding: 10px 14px; text-align: left; color: oklch(20.5% 0 0); border-bottom: 1px solid oklch(95% 0 0); vertical-align: top; } .v0-assistant-message tbody tr:last-child td { border-bottom: none; } .v0-assistant-message tbody tr { transition: background-color 120ms ease-out; } .v0-assistant-message tbody tr:hover td { background: oklch(98.5% 0 0); } [data-radix-collapsible-content] { overflow: hidden; } [data-radix-collapsible-content][data-state="open"] { animation: slideDown 600ms cubic-bezier(0.32, 0.72, 0, 1); } [data-radix-collapsible-content][data-state="closed"] { animation: slideUp 500ms cubic-bezier(0.32, 0.72, 0, 1); } @keyframes slideDown { from { height: 0; opacity: 0; } to { height: var(--radix-collapsible-content-height); opacity: 1; } } @keyframes slideUp { from { height: var(--radix-collapsible-content-height); opacity: 1; } to { height: 0; opacity: 0; } } @keyframes dialogFadeIn { from { opacity: 0; scale: 0.96; } to { opacity: 1; scale: 1; } } @keyframes dialogFadeOut { from { opacity: 1; scale: 1; } to { opacity: 0; scale: 0.96; } } @keyframes overlayFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes overlayFadeOut { from { opacity: 1; } to { opacity: 0; } } [data-slot="dialog-overlay"][data-state="open"] { animation: overlayFadeIn 250ms var(--ease-spring) forwards; } [data-slot="dialog-overlay"][data-state="closed"] { animation: overlayFadeOut 200ms ease-out forwards; } [data-slot="dialog-content"][data-state="open"] { animation: dialogFadeIn 350ms var(--ease-spring) forwards; } [data-slot="dialog-content"][data-state="closed"] { animation: dialogFadeOut 200ms ease-out forwards; } @keyframes messageDropIn { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes thinkingShimmer { 0% { background-position: 200% center; } 100% { background-position: -200% center; } } .v0-chat-container > div { scrollbar-width: thin !important; scrollbar-color: rgba(0,0,0,0.1) transparent !important; } .v0-chat-container > div::-webkit-scrollbar { width: 6px !important; display: block !important; } .v0-chat-container > div::-webkit-scrollbar-track { background: transparent !important; } .v0-chat-container > div::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1) !important; border-radius: 3px !important; } .v0-chat-container > div::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.2) !important; } .eval-markdown h1 { font-size: 1.125rem; font-weight: 700; color: #18181b; margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #e4e4e7; font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif; } .eval-markdown h2 { font-size: 0.875rem; font-weight: 600; color: #27272a; margin-top: 1.5rem; margin-bottom: 0.375rem; padding-top: 1rem; border-top: 1px solid #f4f4f5; } .eval-markdown h3 { font-size: 0.8125rem; font-weight: 600; color: #3f3f46; margin-top: 1rem; margin-bottom: 0.25rem; } .eval-markdown blockquote { margin: 0.5rem 0; padding: 0.5rem 0.75rem; border-left: 3px solid #e4e4e7; background: #fafafa; border-radius: 0 0.375rem 0.375rem 0; font-size: 0.75rem; color: #52525b; } .eval-markdown blockquote strong { color: #3f3f46; } .eval-markdown table { width: 100%; border-collapse: collapse; font-size: 0.75rem; margin: 0.5rem 0; } .eval-markdown th, .eval-markdown td { text-align: left; padding: 0.375rem 0.625rem; border: 1px solid #f0f0f2; } .eval-markdown th { background: #fafafa; font-weight: 600; color: #71717a; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.025em; } .eval-markdown td { color: #3f3f46; } .eval-markdown hr { border: none; border-top: 1px solid #e4e4e7; margin: 1rem 0; } .eval-markdown a { color: #D64A9E; text-decoration: none; transition: color 150ms; } .eval-markdown a:hover { color: #fe7bcd; text-decoration: underline; } .eval-markdown p { margin: 0.375rem 0; line-height: 1.6; } .eval-markdown code { font-size: 0.75rem; background: #f4f4f5; padding: 0.125rem 0.375rem; border-radius: 0.25rem; color: #d92d20; } .eval-markdown strong { font-weight: 600; color: #27272a; } @keyframes toc-highlight { 0% { background-color: rgb(245 208 254 / 0.6); } 100% { background-color: transparent; } } .toc-flash { animation: toc-highlight 1.5s ease-out; border-radius: 0.25rem; } @property --credit-border-angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes sweep-border { to { --credit-border-angle: 360deg; } } .credit-notice-border { --credit-border-angle: 0deg; animation: sweep-border 3s linear infinite; border: 1.5px solid transparent; background: linear-gradient(white, white) padding-box, conic-gradient( from var(--credit-border-angle), #fca5a5 0%, #ef4444 20%, #fca5a5 40%, #e5e7eb 50%, #fca5a5 60%, #ef4444 80%, #fca5a5 100% ) border-box; } @media (prefers-reduced-motion: reduce) { .credit-notice-border { animation: none; } } @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-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-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: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-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-content { syntax: "*"; initial-value: ""; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes enter { from { 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)); } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-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-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-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; --credit-border-angle: 0deg; } } }