#root { position: relative; z-index: 1; } /* Scrollbar styling */ .scrollbar-thin::-webkit-scrollbar { width: 6px; } .scrollbar-thin::-webkit-scrollbar-track { background: transparent; } .scrollbar-thin::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 10px; } /* Custom scrollbar styles */ .custom-scrollbar::-webkit-scrollbar { width: 6px; } .custom-scrollbar::-webkit-scrollbar-track { background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 3px; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.2); } /* Fix pour les sélecteurs de ReportsSection */ select option { background-color: #1C1C1E !important; color: white !important; } select option:hover, select option:focus, select option:checked { background-color: #2C2C2E !important; color: white !important; } /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */ @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-scroll-snap-strictness: proximity; --tw-scrollbar-thumb: #0000; --tw-scrollbar-track: #0000; --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: ""; } } } @layer theme { :root, :host { --font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-900: oklch(40.8% .123 38.172); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-800: oklch(47.6% .114 61.907); --color-green-100: oklch(96.2% .044 156.743); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-500: oklch(70.4% .14 182.503); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-700: oklch(52% .105 223.128); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-700: oklch(50% .134 242.749); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-black: #000; --color-white: #fff; --spacing: .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: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 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; --font-weight-thin: 100; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace), ui-monospace, monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::-moz-placeholder { opacity: 1; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::-moz-placeholder { color: currentColor; } ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::-moz-placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } html, body { background-color: var(--app-bg); color: var(--app-text); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; font-family: DM Sans, ui-sans-serif, system-ui, sans-serif; overflow-x: hidden; } #root { z-index: 1; flex-direction: column; min-height: 100dvh; display: flex; position: relative; } } @layer components { .surface-1 { background-color: var(--color-zinc-950); } .surface-2 { background-color: var(--color-zinc-900); } .surface-3 { background-color: var(--color-zinc-800); } .surface-card { border-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-zinc-800); background-color: #18181b99; } @supports (color: color-mix(in lab, red, red)) { .surface-card { background-color: color-mix(in oklab, var(--color-zinc-900) 60%, transparent); } } .surface-card-hover { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .2s; transition-duration: .2s; } @media (hover: hover) { .surface-card-hover:hover { border-color: var(--color-zinc-700); background-color: #18181bcc; } @supports (color: color-mix(in lab, red, red)) { .surface-card-hover:hover { background-color: color-mix(in oklab, var(--color-zinc-900) 80%, transparent); } } } .text-primary { color: var(--color-zinc-100); } .text-secondary { color: var(--color-zinc-400); } .text-tertiary { color: var(--color-zinc-500); } .text-accent { color: var(--color-blue-400); } .label-section { padding-inline: calc(var(--spacing) * 3); font-family: var(--font-mono), ui-monospace, monospace; --tw-font-weight: var(--font-weight-extrabold); font-size: 10px; font-weight: var(--font-weight-extrabold); --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); color: var(--color-zinc-500); text-transform: uppercase; } .page-title { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--color-zinc-100); } .page-subtitle { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--color-zinc-400); } .section-title { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--color-zinc-300); } .section-kicker { font-family: var(--font-mono), ui-monospace, monospace; --tw-font-weight: var(--font-weight-extrabold); font-size: 10px; font-weight: var(--font-weight-extrabold); --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); color: var(--color-zinc-500); text-transform: uppercase; } .text-muted { color: var(--color-zinc-400); } .text-soft { color: var(--color-zinc-500); } .text-faint { color: var(--color-zinc-600); } .panel-base { border-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-zinc-800); background-color: var(--color-zinc-900); } .panel-soft { border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: #27272acc; } @supports (color: color-mix(in lab, red, red)) { .panel-soft { border-color: color-mix(in oklab, var(--color-zinc-800) 80%, transparent); } } .panel-soft { background-color: #18181b66; } @supports (color: color-mix(in lab, red, red)) { .panel-soft { background-color: color-mix(in oklab, var(--color-zinc-900) 40%, transparent); } } .panel-elevated { border-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-zinc-800); background-color: var(--color-zinc-900); --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .panel-elevated { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .empty-state-panel { border-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: 1px; border-color: #27272a80; flex-direction: column; justify-content: center; align-items: center; display: flex; } @supports (color: color-mix(in lab, red, red)) { .empty-state-panel { border-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent); } } .empty-state-panel { background-color: #18181b4d; } @supports (color: color-mix(in lab, red, red)) { .empty-state-panel { background-color: color-mix(in oklab, var(--color-zinc-900) 30%, transparent); } } .empty-state-panel { padding: calc(var(--spacing) * 8); text-align: center; } .segmented { gap: calc(var(--spacing) * 1); border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-zinc-800); background-color: var(--color-zinc-950); padding: calc(var(--spacing) * 1); display: flex; } .segmented-item { cursor: pointer; border-radius: var(--radius-lg); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); text-align: center; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--color-zinc-400); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); -webkit-user-select: none; -moz-user-select: none; user-select: none; flex: 1; } @media (hover: hover) { .segmented-item:hover { color: var(--color-zinc-200); } } .segmented-item-active { background-color: var(--color-blue-600); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: #1c398e33; } @supports (color: color-mix(in lab, red, red)) { .segmented-item-active { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .filter-chip { cursor: pointer; align-items: center; gap: calc(var(--spacing) * 1.5); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-zinc-800); background-color: #18181b99; border-radius: 3.40282e38px; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .filter-chip { background-color: color-mix(in oklab, var(--color-zinc-900) 60%, transparent); } } .filter-chip { padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-zinc-400); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } @media (hover: hover) { .filter-chip:hover { border-color: var(--color-zinc-700); color: var(--color-zinc-200); } } .filter-chip-active { border-color: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .filter-chip-active { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .filter-chip-active { background-color: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .filter-chip-active { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .filter-chip-active { color: var(--color-blue-400); } .toggle-track { height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 9); cursor: pointer; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-zinc-700); background-color: var(--color-zinc-800); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); border-radius: 3.40282e38px; position: relative; } .toggle-track: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); --tw-ring-color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .toggle-track:focus { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .toggle-track:focus { --tw-outline-style: none; outline-style: none; } .toggle-track-active { border-color: var(--color-blue-500); background-color: var(--color-blue-600); } .toggle-thumb { height: calc(var(--spacing) * 3); width: calc(var(--spacing) * 3); background-color: var(--color-zinc-400); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); border-radius: 3.40282e38px; position: absolute; top: 3px; left: 3px; } .toggle-thumb-active { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); background-color: var(--color-white); } .modal-overlay { inset: calc(var(--spacing) * 0); z-index: 50; background-color: #000000b3; justify-content: center; align-items: center; display: flex; position: fixed; } @supports (color: color-mix(in lab, red, red)) { .modal-overlay { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .modal-overlay { padding: calc(var(--spacing) * 4); --tw-backdrop-blur: blur(var(--blur-sm)); 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, ); } .modal-panel { width: 100%; max-height: 90dvh; max-width: var(--container-lg); border-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-zinc-800); background-color: var(--color-zinc-900); --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); flex-direction: column; display: flex; overflow-y: auto; } .modal-panel-lg { width: 100%; max-height: 90dvh; max-width: var(--container-2xl); border-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-zinc-800); background-color: var(--color-zinc-900); --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); flex-direction: column; display: flex; overflow-y: auto; } .modal-header { top: calc(var(--spacing) * 0); z-index: 10; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-zinc-800); background-color: var(--color-zinc-900); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4); justify-content: space-between; align-items: center; display: flex; position: sticky; } .modal-title { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--color-zinc-100); } .modal-body { flex: 1; } :where(.modal-body > :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))); } .modal-body { padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 5); } .modal-footer { bottom: calc(var(--spacing) * 0); justify-content: flex-end; align-items: center; gap: calc(var(--spacing) * 3); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-zinc-800); background-color: var(--color-zinc-900); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4); display: flex; position: sticky; } .btn { justify-content: center; align-items: center; gap: calc(var(--spacing) * 2); border-radius: var(--radius-xl); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .15s; transition-duration: .15s; display: inline-flex; } .btn: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); --tw-ring-color: var(--color-blue-500); --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); --tw-ring-offset-color: var(--color-zinc-950); --tw-outline-style: none; outline-style: none; } .btn:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .btn:disabled { cursor: not-allowed; opacity: .4; } .btn-sm { padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); } .btn-md { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); } .btn-lg { padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 2.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .btn-primary { justify-content: center; align-items: center; gap: calc(var(--spacing) * 2); border-radius: var(--radius-xl); background-color: var(--color-blue-600); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-medium); font-weight: var(--font-weight-semibold); color: var(--color-white); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .15s; transition-duration: .15s; display: inline-flex; } @media (hover: hover) { .btn-primary:hover { background-color: var(--color-blue-500); } } .btn-primary: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); --tw-ring-color: var(--color-blue-500); --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); --tw-ring-offset-color: var(--color-zinc-950); --tw-outline-style: none; outline-style: none; } .btn-primary:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .btn-primary:disabled { cursor: not-allowed; opacity: .4; } .btn-secondary { justify-content: center; align-items: center; gap: calc(var(--spacing) * 2); border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-zinc-700); background-color: var(--color-zinc-800); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-zinc-200); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .15s; transition-duration: .15s; display: inline-flex; } @media (hover: hover) { .btn-secondary:hover { border-color: var(--color-zinc-600); background-color: var(--color-zinc-700); } } .btn-secondary: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); --tw-ring-color: var(--color-blue-500); --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); --tw-ring-offset-color: var(--color-zinc-950); --tw-outline-style: none; outline-style: none; } .btn-secondary:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .btn-secondary:disabled { cursor: not-allowed; opacity: .4; } .btn-ghost { justify-content: center; align-items: center; gap: calc(var(--spacing) * 2); border-radius: var(--radius-xl); border-style: var(--tw-border-style); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-zinc-400); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .15s; background-color: #0000; border-width: 1px; border-color: #0000; transition-duration: .15s; display: inline-flex; } @media (hover: hover) { .btn-ghost:hover { border-color: var(--color-zinc-800); background-color: var(--color-zinc-800); color: var(--color-zinc-100); } } .btn-ghost: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); --tw-ring-color: var(--color-blue-500); --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); --tw-ring-offset-color: var(--color-zinc-950); --tw-outline-style: none; outline-style: none; } .btn-ghost:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .btn-ghost:disabled { cursor: not-allowed; opacity: .4; } .btn-danger { justify-content: center; align-items: center; gap: calc(var(--spacing) * 2); border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: #ff235733; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .btn-danger { border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .btn-danger { background-color: #ff23571a; } @supports (color: color-mix(in lab, red, red)) { .btn-danger { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } .btn-danger { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-rose-400); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .15s; transition-duration: .15s; } @media (hover: hover) { .btn-danger:hover { border-color: #ff235766; } @supports (color: color-mix(in lab, red, red)) { .btn-danger:hover { border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent); } } .btn-danger:hover { background-color: #ff235733; } @supports (color: color-mix(in lab, red, red)) { .btn-danger:hover { background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } } .btn-danger: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); --tw-ring-color: var(--color-rose-500); --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); --tw-ring-offset-color: var(--color-zinc-950); --tw-outline-style: none; outline-style: none; } .btn-danger:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .btn-danger:disabled { cursor: not-allowed; opacity: .4; } .btn-success { justify-content: center; align-items: center; gap: calc(var(--spacing) * 2); border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: #00bb7f33; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .btn-success { border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .btn-success { background-color: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .btn-success { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .btn-success { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-emerald-400); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .15s; transition-duration: .15s; } @media (hover: hover) { .btn-success:hover { border-color: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .btn-success:hover { border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .btn-success:hover { background-color: #00bb7f33; } @supports (color: color-mix(in lab, red, red)) { .btn-success:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } } .btn-success: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); --tw-ring-color: var(--color-emerald-500); --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); --tw-ring-offset-color: var(--color-zinc-950); --tw-outline-style: none; outline-style: none; } .btn-success:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .btn-success:disabled { cursor: not-allowed; opacity: .4; } .input-base { border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-zinc-700); background-color: #27272a99; width: 100%; } @supports (color: color-mix(in lab, red, red)) { .input-base { background-color: color-mix(in oklab, var(--color-zinc-800) 60%, transparent); } } .input-base { padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-zinc-100); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .15s; transition-duration: .15s; } .input-base::-moz-placeholder { color: var(--color-zinc-600); } .input-base::placeholder { color: var(--color-zinc-600); } .input-base:focus { border-color: #3080ff99; } @supports (color: color-mix(in lab, red, red)) { .input-base:focus { border-color: color-mix(in oklab, var(--color-blue-500) 60%, transparent); } } .input-base:focus { background-color: var(--color-zinc-800); --tw-outline-style: none; outline-style: none; } .input-label { margin-bottom: calc(var(--spacing) * 1.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-zinc-400); display: block; } .badge { align-items: center; gap: calc(var(--spacing) * 1); border-style: var(--tw-border-style); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * .5); --tw-font-weight: var(--font-weight-semibold); font-size: 11px; font-weight: var(--font-weight-semibold); border-width: 1px; border-radius: 3.40282e38px; display: inline-flex; } .badge-success { align-items: center; gap: calc(var(--spacing) * 1); border-style: var(--tw-border-style); border-width: 1px; border-color: #00bb7f33; border-radius: 3.40282e38px; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .badge-success { border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .badge-success { background-color: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .badge-success { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .badge-success { padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * .5); --tw-font-weight: var(--font-weight-semibold); font-size: 11px; font-weight: var(--font-weight-semibold); color: var(--color-emerald-400); } .badge-warning { align-items: center; gap: calc(var(--spacing) * 1); border-style: var(--tw-border-style); border-width: 1px; border-color: #f99c0033; border-radius: 3.40282e38px; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .badge-warning { border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .badge-warning { background-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .badge-warning { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .badge-warning { padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * .5); --tw-font-weight: var(--font-weight-semibold); font-size: 11px; font-weight: var(--font-weight-semibold); color: var(--color-amber-400); } .badge-danger { align-items: center; gap: calc(var(--spacing) * 1); border-style: var(--tw-border-style); border-width: 1px; border-color: #ff235733; border-radius: 3.40282e38px; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .badge-danger { border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .badge-danger { background-color: #ff23571a; } @supports (color: color-mix(in lab, red, red)) { .badge-danger { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } .badge-danger { padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * .5); --tw-font-weight: var(--font-weight-semibold); font-size: 11px; font-weight: var(--font-weight-semibold); color: var(--color-rose-400); } .badge-info { align-items: center; gap: calc(var(--spacing) * 1); border-style: var(--tw-border-style); border-width: 1px; border-color: #3080ff33; border-radius: 3.40282e38px; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .badge-info { border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .badge-info { background-color: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .badge-info { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .badge-info { padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * .5); --tw-font-weight: var(--font-weight-semibold); font-size: 11px; font-weight: var(--font-weight-semibold); color: var(--color-blue-400); } .badge-neutral { align-items: center; gap: calc(var(--spacing) * 1); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-zinc-700); background-color: var(--color-zinc-800); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * .5); --tw-font-weight: var(--font-weight-semibold); font-size: 11px; font-weight: var(--font-weight-semibold); color: var(--color-zinc-400); border-radius: 3.40282e38px; display: inline-flex; } .divider { margin-block: calc(var(--spacing) * 4); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-zinc-800); } .scroll-styled { scrollbar-width: thin; scrollbar-color: #ffffff14 transparent; } .scroll-styled::-webkit-scrollbar { width: 5px; height: 5px; } .scroll-styled::-webkit-scrollbar-track { background: none; } .scroll-styled::-webkit-scrollbar-thumb { background: #ffffff14; border-radius: 10px; } .scroll-styled::-webkit-scrollbar-thumb:hover { background: #ffffff26; } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .skeleton { --radius-sm: .25rem; --radius-full: 9999px; background: linear-gradient(90deg, var(--color-surface-offset) 25%, var(--color-surface-dynamic) 50%, var(--color-surface-offset) 75%); border-radius: var(--radius-sm); background-size: 200% 100%; animation: 1.5s ease-in-out infinite shimmer; } .skeleton-text { height: 1em; } .skeleton-avatar { border-radius: var(--radius-full); width: 32px; height: 32px; } } @layer utilities { .\@container { container-type: inline-size; } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .\!visible { visibility: visible !important; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .not-sr-only { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible; } .absolute { position: absolute; } .fixed { position: fixed; } .fixed\! { position: fixed !important; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-3\.5 { top: calc(var(--spacing) * -3.5); } .-top-4 { top: calc(var(--spacing) * -4); } .-top-10 { top: calc(var(--spacing) * -10); } .-top-16 { top: calc(var(--spacing) * -16); } .-top-20 { top: calc(var(--spacing) * -20); } .-top-24 { top: calc(var(--spacing) * -24); } .-top-40 { top: calc(var(--spacing) * -40); } .-top-\[4px\] { top: -4px; } .-top-\[10\%\] { top: -10%; } .top-0 { top: calc(var(--spacing) * 0); } .top-0\.5 { top: calc(var(--spacing) * .5); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: 50%; } .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-\[-2px\] { top: -2px; } .top-\[-10\%\] { top: -10%; } .top-\[80px\] { top: 80px; } .top-\[89px\] { top: 89px; } .top-full { top: 100%; } .-right-0\.5 { right: calc(var(--spacing) * -.5); } .-right-1 { right: calc(var(--spacing) * -1); } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-2 { right: calc(var(--spacing) * -2); } .-right-4 { right: calc(var(--spacing) * -4); } .-right-12 { right: calc(var(--spacing) * -12); } .-right-16 { right: calc(var(--spacing) * -16); } .-right-24 { right: calc(var(--spacing) * -24); } .-right-32 { right: calc(var(--spacing) * -32); } .right-0 { right: calc(var(--spacing) * 0); } .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-\[-10\%\] { right: -10%; } .right-\[84px\] { right: 84px; } .-bottom-0\.5 { bottom: calc(var(--spacing) * -.5); } .-bottom-2 { bottom: calc(var(--spacing) * -2); } .-bottom-12 { bottom: calc(var(--spacing) * -12); } .-bottom-24 { bottom: calc(var(--spacing) * -24); } .-bottom-\[4px\] { bottom: -4px; } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-1 { bottom: calc(var(--spacing) * 1); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-9 { bottom: calc(var(--spacing) * 9); } .bottom-\[-10\%\] { bottom: -10%; } .bottom-\[2px\] { bottom: 2px; } .bottom-\[3px\] { bottom: 3px; } .bottom-\[24px\] { bottom: 24px; } .bottom-full { bottom: 100%; } .-left-10 { left: calc(var(--spacing) * -10); } .-left-24 { left: calc(var(--spacing) * -24); } .-left-\[2px\] { left: -2px; } .-left-\[5px\] { left: -5px; } .left-0 { left: calc(var(--spacing) * 0); } .left-0\.5 { left: calc(var(--spacing) * .5); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\/2 { left: 50%; } .left-2 { left: calc(var(--spacing) * 2); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-3\.5 { left: calc(var(--spacing) * 3.5); } .left-4 { left: calc(var(--spacing) * 4); } .left-5 { left: calc(var(--spacing) * 5); } .left-6 { left: calc(var(--spacing) * 6); } .left-7 { left: calc(var(--spacing) * 7); } .left-\[-10\%\] { left: -10%; } .left-\[11px\] { left: 11px; } .left-\[15px\] { left: 15px; } .isolate { isolation: isolate; } .isolation-auto { isolation: auto; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-45 { z-index: 45; } .z-50 { z-index: 50; } .z-55 { z-index: 55; } .z-\[-1\] { z-index: -1; } .z-\[1\] { z-index: 1; } .z-\[45\] { z-index: 45; } .z-\[49\] { z-index: 49; } .z-\[50\] { z-index: 50; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .z-\[80\] { z-index: 80; } .z-\[100\] { z-index: 100; } .z-\[110\] { z-index: 110; } .z-\[120\] { z-index: 120; } .z-\[150\] { z-index: 150; } .z-\[160\] { z-index: 160; } .z-\[200\] { z-index: 200; } .z-\[220\] { z-index: 220; } .z-\[300\] { z-index: 300; } .z-\[1000\] { z-index: 1000; } .z-\[9000\] { z-index: 9000; } .z-\[9999\] { z-index: 9999; } .z-\[10000\] { z-index: 10000; } .z-\[10001\] { z-index: 10001; } .z-\[99999\] { z-index: 99999; } .z-\[999999\] { z-index: 999999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-full { grid-column: 1 / -1; } .container { width: 100%; } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-4 { margin: calc(var(--spacing) * -4); } .m-0 { margin: calc(var(--spacing) * 0); } .m-5 { margin: calc(var(--spacing) * 5); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .mx-0\.5 { margin-inline: calc(var(--spacing) * .5); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-auto { margin-inline: auto; } .-my-2 { margin-block: calc(var(--spacing) * -2); } .my-0\.5 { margin-block: calc(var(--spacing) * .5); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-12 { margin-block: calc(var(--spacing) * 12); } .my-auto { margin-block: auto; } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-14 { margin-top: calc(var(--spacing) * -14); } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-\[max\(10px\,env\(safe-area-inset-top\)\)\] { margin-top: max(10px, env(safe-area-inset-top)); } .mt-auto { margin-top: auto; } .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-4 { margin-right: calc(var(--spacing) * 4); } .mr-auto { margin-right: auto; } .\!mb-0 { margin-bottom: calc(var(--spacing) * 0) !important; } .-mb-px { margin-bottom: -1px; } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-3\.5 { margin-bottom: calc(var(--spacing) * 3.5); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-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-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-\[2px\] { margin-bottom: 2px; } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .ml-0\.5 { margin-left: calc(var(--spacing) * .5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-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-8 { margin-left: calc(var(--spacing) * 8); } .ml-10 { margin-left: calc(var(--spacing) * 10); } .ml-auto { margin-left: auto; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .hidden\! { display: none !important; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .inline-grid { display: inline-grid; } .inline-table { display: inline-table; } .list-item { display: list-item; } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-column { display: table-column; } .table-column-group { display: table-column-group; } .table-footer-group { display: table-footer-group; } .table-header-group { display: table-header-group; } .table-row { display: table-row; } .table-row-group { display: table-row-group; } .aspect-\[4\/3\] { aspect-ratio: 4 / 3; } .aspect-square { aspect-ratio: 1; } .\!h-9 { height: calc(var(--spacing) * 9) !important; } .\!h-24 { height: calc(var(--spacing) * 24) !important; } .\!h-32 { height: calc(var(--spacing) * 32) !important; } .h-0 { height: calc(var(--spacing) * 0); } .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-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-9\.5 { height: calc(var(--spacing) * 9.5); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-18 { height: calc(var(--spacing) * 18); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-32 { height: calc(var(--spacing) * 32); } .h-36 { height: calc(var(--spacing) * 36); } .h-40 { height: calc(var(--spacing) * 40); } .h-48 { height: calc(var(--spacing) * 48); } .h-56 { height: calc(var(--spacing) * 56); } .h-60 { height: calc(var(--spacing) * 60); } .h-64 { height: calc(var(--spacing) * 64); } .h-80 { height: calc(var(--spacing) * 80); } .h-96 { height: calc(var(--spacing) * 96); } .h-\[1\.5px\] { height: 1.5px; } .h-\[1px\] { height: 1px; } .h-\[2\.5px\] { height: 2.5px; } .h-\[2px\] { height: 2px; } .h-\[3px\] { height: 3px; } .h-\[4px\] { height: 4px; } .h-\[6px\] { height: 6px; } .h-\[7px\] { height: 7px; } .h-\[10px\] { height: 10px; } .h-\[11px\] { height: 11px; } .h-\[14px\] { height: 14px; } .h-\[17px\] { height: 17px; } .h-\[18px\] { height: 18px; } .h-\[22px\] { height: 22px; } .h-\[28px\] { height: 28px; } .h-\[34px\] { height: 34px; } .h-\[38px\] { height: 38px; } .h-\[40\%\] { height: 40%; } .h-\[40px\] { height: 40px; } .h-\[44px\] { height: 44px; } .h-\[48px\] { height: 48px; } .h-\[50\%\] { height: 50%; } .h-\[52px\] { height: 52px; } .h-\[56px\] { height: 56px; } .h-\[60vh\] { height: 60vh; } .h-\[62px\] { height: 62px; } .h-\[72px\] { height: 72px; } .h-\[82vh\] { height: 82vh; } .h-\[85vh\] { height: 85vh; } .h-\[88vh\] { height: 88vh; } .h-\[92vh\] { height: 92vh; } .h-\[110px\] { height: 110px; } .h-\[122px\] { height: 122px; } .h-\[140px\] { height: 140px; } .h-\[150px\] { height: 150px; } .h-\[180px\] { height: 180px; } .h-\[200px\] { height: 200px; } .h-\[220px\] { height: 220px; } .h-\[240px\] { height: 240px; } .h-\[250px\] { height: 250px; } .h-\[270px\] { height: 270px; } .h-\[286px\] { height: 286px; } .h-\[300px\] { height: 300px; } .h-\[390px\] { height: 390px; } .h-\[420px\] { height: 420px; } .h-\[450px\] { height: 450px; } .h-\[460px\] { height: 460px; } .h-\[500px\] { height: 500px; } .h-\[600px\] { height: 600px; } .h-\[650px\] { height: 650px; } .h-\[800px\] { height: 800px; } .h-\[calc\(100vh-80px\)\] { height: calc(100vh - 80px); } .h-\[calc\(100vh-100px\)\] { height: calc(100vh - 100px); } .h-\[calc\(100vh-140px\)\] { height: calc(100vh - 140px); } .h-\[calc\(100vh-200px\)\] { height: calc(100vh - 200px); } .h-\[calc\(100vh-270px\)\] { height: calc(100vh - 270px); } .h-\[min\(90dvh\,44rem\)\] { height: min(90dvh, 44rem); } .h-auto { height: auto; } .h-fit { height: -moz-fit-content; height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-12 { max-height: calc(var(--spacing) * 12); } .max-h-24 { max-height: calc(var(--spacing) * 24); } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-36 { max-height: calc(var(--spacing) * 36); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-56 { max-height: calc(var(--spacing) * 56); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-80 { max-height: calc(var(--spacing) * 80); } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[82vh\] { max-height: 82vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[94vh\] { max-height: 94vh; } .max-h-\[95vh\] { max-height: 95vh; } .max-h-\[120px\] { max-height: 120px; } .max-h-\[140px\] { max-height: 140px; } .max-h-\[160px\] { max-height: 160px; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[220px\] { max-height: 220px; } .max-h-\[240px\] { max-height: 240px; } .max-h-\[250px\] { max-height: 250px; } .max-h-\[270px\] { max-height: 270px; } .max-h-\[290px\] { max-height: 290px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[380px\] { max-height: 380px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[600px\] { max-height: 600px; } .max-h-\[680px\] { max-height: 680px; } .max-h-\[calc\(100dvh-2rem\)\] { max-height: calc(100dvh - 2rem); } .max-h-\[calc\(100vh-9rem\)\] { max-height: calc(100vh - 9rem); } .max-h-\[calc\(100vh-130px\)\] { max-height: calc(100vh - 130px); } .max-h-\[calc\(100vh-235px\)\] { max-height: calc(100vh - 235px); } .max-h-\[min\(88dvh\,760px\)\] { max-height: min(88dvh, 760px); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-4 { min-height: calc(var(--spacing) * 4); } .min-h-5 { min-height: calc(var(--spacing) * 5); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-11 { min-height: calc(var(--spacing) * 11); } .min-h-20 { min-height: calc(var(--spacing) * 20); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-28 { min-height: calc(var(--spacing) * 28); } .min-h-32 { min-height: calc(var(--spacing) * 32); } .min-h-40 { min-height: calc(var(--spacing) * 40); } .min-h-\[3rem\] { min-height: 3rem; } .min-h-\[16rem\] { min-height: 16rem; } .min-h-\[28rem\] { min-height: 28rem; } .min-h-\[32px\] { min-height: 32px; } .min-h-\[36px\] { min-height: 36px; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[42px\] { min-height: 42px; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[48px\] { min-height: 48px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[62px\] { min-height: 62px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[86px\] { min-height: 86px; } .min-h-\[90px\] { min-height: 90px; } .min-h-\[96px\] { min-height: 96px; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[130px\] { min-height: 130px; } .min-h-\[170px\] { min-height: 170px; } .min-h-\[178px\] { min-height: 178px; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[190px\] { min-height: 190px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[220px\] { min-height: 220px; } .min-h-\[240px\] { min-height: 240px; } .min-h-\[280px\] { min-height: 280px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[310px\] { min-height: 310px; } .min-h-\[320px\] { min-height: 320px; } .min-h-\[340px\] { min-height: 340px; } .min-h-\[360px\] { min-height: 360px; } .min-h-\[380px\] { min-height: 380px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[500px\] { min-height: 500px; } .min-h-\[520px\] { min-height: 520px; } .min-h-\[560px\] { min-height: 560px; } .min-h-\[600px\] { min-height: 600px; } .min-h-\[760px\] { min-height: 760px; } .min-h-\[860px\] { min-height: 860px; } .min-h-\[calc\(100vh-8rem\)\] { min-height: calc(100vh - 8rem); } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-0\.5 { width: calc(var(--spacing) * .5); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.3333%; } .w-1\/4 { width: 25%; } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: 66.6667%; } .w-2\/5 { width: 40%; } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: 75%; } .w-4 { width: calc(var(--spacing) * 4); } .w-4\.5 { width: calc(var(--spacing) * 4.5); } .w-4\/6 { width: 66.6667%; } .w-5 { width: calc(var(--spacing) * 5); } .w-5\/6 { width: 83.3333%; } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .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-48 { width: calc(var(--spacing) * 48); } .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-96 { width: calc(var(--spacing) * 96); } .w-\[2px\] { width: 2px; } .w-\[3px\] { width: 3px; } .w-\[4px\] { width: 4px; } .w-\[6px\] { width: 6px; } .w-\[7px\] { width: 7px; } .w-\[10\%\] { width: 10%; } .w-\[14px\] { width: 14px; } .w-\[16\%\] { width: 16%; } .w-\[18px\] { width: 18px; } .w-\[20\%\] { width: 20%; } .w-\[28px\] { width: 28px; } .w-\[34\%\] { width: 34%; } .w-\[40\%\] { width: 40%; } .w-\[48px\] { width: 48px; } .w-\[50\%\] { width: 50%; } .w-\[180px\] { width: 180px; } .w-\[200px\] { width: 200px; } .w-\[220px\] { width: 220px; } .w-\[272px\] { width: 272px; } .w-\[280px\] { width: 280px; } .w-\[320px\] { width: 320px; } .w-\[370px\] { width: 370px; } .w-\[400px\] { width: 400px; } .w-\[460px\] { width: 460px; } .w-\[500px\] { width: 500px; } .w-\[600px\] { width: 600px; } .w-\[800px\] { width: 800px; } .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); } .w-\[calc\(100\%-3rem\)\] { width: calc(100% - 3rem); } .w-\[calc\(100\%-36px\)\] { width: calc(100% - 36px); } .w-\[min\(720px\,100vw\)\] { width: min(720px, 100vw); } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .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-44 { max-width: calc(var(--spacing) * 44); } .max-w-48 { max-width: calc(var(--spacing) * 48); } .max-w-56 { max-width: calc(var(--spacing) * 56); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-\[60\%\] { max-width: 60%; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[125px\] { max-width: 125px; } .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-\[260px\] { max-width: 260px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[290px\] { max-width: 290px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[570px\] { max-width: 570px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[620px\] { max-width: 620px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[664px\] { max-width: 664px; } .max-w-\[1400px\] { max-width: 1400px; } .max-w-\[1440px\] { max-width: 1440px; } .max-w-\[1480px\] { max-width: 1480px; } .max-w-\[1600px\] { max-width: 1600px; } .max-w-\[1760px\] { max-width: 1760px; } .max-w-\[1920px\] { max-width: 1920px; } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-2 { min-width: calc(var(--spacing) * 2); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-20 { min-width: calc(var(--spacing) * 20); } .min-w-28 { min-width: calc(var(--spacing) * 28); } .min-w-36 { min-width: calc(var(--spacing) * 36); } .min-w-52 { min-width: calc(var(--spacing) * 52); } .min-w-\[2em\] { min-width: 2em; } .min-w-\[4px\] { min-width: 4px; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[20px\] { min-width: 20px; } .min-w-\[32px\] { min-width: 32px; } .min-w-\[40px\] { min-width: 40px; } .min-w-\[44px\] { min-width: 44px; } .min-w-\[50px\] { min-width: 50px; } .min-w-\[80px\] { min-width: 80px; } .min-w-\[86px\] { min-width: 86px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[110px\] { min-width: 110px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[130px\] { min-width: 130px; } .min-w-\[132px\] { min-width: 132px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[190px\] { min-width: 190px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[210px\] { min-width: 210px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[660px\] { min-width: 660px; } .min-w-\[680px\] { min-width: 680px; } .min-w-\[760px\] { min-width: 760px; } .min-w-\[900px\] { min-width: 900px; } .min-w-\[980px\] { min-width: 980px; } .min-w-\[1050px\] { min-width: 1050px; } .min-w-\[1160px\] { min-width: 1160px; } .min-w-max { min-width: -moz-max-content; min-width: max-content; } .flex-1 { flex: 1; } .flex-\[0_0_auto\] { flex: none; } .flex-\[1_1_0\] { flex: 1 1 0; } .flex-\[2\] { flex: 2; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow, .grow { flex-grow: 1; } .table-fixed { table-layout: fixed; } .border-collapse { border-collapse: collapse; } .origin-left { transform-origin: 0; } .origin-top-right { transform-origin: 100% 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 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) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/4 { --tw-translate-x: calc(1 / 4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-2 { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-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-\[14px\] { --tw-translate-x: 14px; 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-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/4 { --tw-translate-y: calc(calc(1 / 4 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-4 { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-none { translate: none; } .scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-3d { scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z); } .scale-\[0\.98\] { scale: .98; } .scale-\[0\.99\] { scale: .99; } .-rotate-90 { rotate: -90deg; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .animate-\[bounce_2s_ease-in-out_infinite\] { animation: 2s ease-in-out infinite bounce; } .animate-bounce { animation: var(--animate-bounce); } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .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-mt-5 { scroll-margin-top: calc(var(--spacing) * 5); } .scroll-mt-6 { scroll-margin-top: calc(var(--spacing) * 6); } .scrollbar-thin { scrollbar-width: thin; } .scrollbar-thumb-white\/10 { --tw-scrollbar-thumb: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .scrollbar-thumb-white\/10 { --tw-scrollbar-thumb: color-mix(in oklab, var(--color-white) 10%, transparent); } } .scrollbar-thumb-white\/10 { scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); } .scrollbar-track-transparent { --tw-scrollbar-track: transparent; scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); } .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-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[1fr_110px\] { grid-template-columns: 1fr 110px; } .grid-cols-\[42px_minmax\(260px\,1\.25fr\)_170px_minmax\(280px\,1fr\)_64px_130px_124px\] { grid-template-columns: 42px minmax(260px, 1.25fr) 170px minmax(280px, 1fr) 64px 130px 124px; } .grid-cols-\[44px_60px_minmax\(0\,1fr\)_88px_148px_108px_152px\] { grid-template-columns: 44px 60px minmax(0, 1fr) 88px 148px 108px 152px; } .grid-cols-\[90px_minmax\(0\,1fr\)\] { grid-template-columns: 90px minmax(0, 1fr); } .grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)_auto\] { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) auto; } .grid-cols-\[minmax\(34rem\,1fr\)_minmax\(20rem\,24rem\)\] { grid-template-columns: minmax(34rem, 1fr) minmax(20rem, 24rem); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .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) * .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-\[1px\] { gap: 1px; } .gap-\[2px\] { gap: 2px; } .gap-\[3px\] { gap: 3px; } .gap-px { gap: 1px; } :where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-7 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-12 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-reverse > :not(:last-child)) { --tw-space-y-reverse: 1; } .gap-x-2 { -moz-column-gap: calc(var(--spacing) * 2); column-gap: calc(var(--spacing) * 2); } .gap-x-3 { -moz-column-gap: calc(var(--spacing) * 3); column-gap: calc(var(--spacing) * 3); } .gap-x-4 { -moz-column-gap: calc(var(--spacing) * 4); column-gap: calc(var(--spacing) * 4); } .gap-x-5 { -moz-column-gap: calc(var(--spacing) * 5); column-gap: calc(var(--spacing) * 5); } .gap-x-6 { -moz-column-gap: calc(var(--spacing) * 6); column-gap: calc(var(--spacing) * 6); } .gap-x-8 { -moz-column-gap: calc(var(--spacing) * 8); column-gap: calc(var(--spacing) * 8); } :where(.-space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-6 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-reverse > :not(:last-child)) { --tw-space-x-reverse: 1; } .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-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } :where(.divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-y-reverse > :not(:last-child)) { --tw-divide-y-reverse: 1; } :where(.divide-\[\#262626\] > :not(:last-child)) { border-color: #262626; } :where(.divide-\[var\(--theme-border\)\] > :not(:last-child)) { border-color: var(--theme-border); } :where(.divide-rose-500\/10 > :not(:last-child)) { border-color: #ff23571a; } @supports (color: color-mix(in lab, red, red)) { :where(.divide-rose-500\/10 > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } :where(.divide-white\/5 > :not(:last-child)) { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { :where(.divide-white\/5 > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } :where(.divide-white\/\[\.05\] > :not(:last-child)) { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { :where(.divide-white\/\[\.05\] > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } :where(.divide-white\/\[0\.03\] > :not(:last-child)) { border-color: #ffffff08; } @supports (color: color-mix(in lab, red, red)) { :where(.divide-white\/\[0\.03\] > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } :where(.divide-white\/\[0\.04\] > :not(:last-child)) { border-color: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { :where(.divide-white\/\[0\.04\] > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } :where(.divide-white\/\[0\.05\] > :not(:last-child)) { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { :where(.divide-white\/\[0\.05\] > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } :where(.divide-white\/\[0\.06\] > :not(:last-child)) { border-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { :where(.divide-white\/\[0\.06\] > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } :where(.divide-zinc-800 > :not(:last-child)) { border-color: var(--color-zinc-800); } :where(.divide-zinc-900 > :not(:last-child)) { border-color: var(--color-zinc-900); } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .\!rounded-2xl { border-radius: var(--radius-2xl) !important; } .\!rounded-xl { border-radius: var(--radius-xl) !important; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-\[1px\] { border-radius: 1px; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[5px\] { border-radius: 5px; } .rounded-\[6px\] { border-radius: 6px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[26px\] { border-radius: 26px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-\[30px\] { border-radius: 30px; } .rounded-\[32px\] { border-radius: 32px; } .rounded-\[36px\] { border-radius: 36px; } .rounded-\[40px\] { border-radius: 40px; } .rounded-full { border-radius: 3.40282e38px; } .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-s { border-start-start-radius: .25rem; border-end-start-radius: .25rem; } .rounded-ss { border-start-start-radius: .25rem; } .rounded-e { border-start-end-radius: .25rem; border-end-end-radius: .25rem; } .rounded-se { border-start-end-radius: .25rem; } .rounded-ee { border-end-end-radius: .25rem; } .rounded-es { border-end-start-radius: .25rem; } .rounded-t { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-l { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .rounded-l-2xl { border-top-left-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .rounded-l-xl { border-top-left-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-tl { border-top-left-radius: .25rem; } .rounded-r { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .rounded-r-\[3px\] { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .rounded-r-full { border-top-right-radius: 3.40282e38px; border-bottom-right-radius: 3.40282e38px; } .rounded-tr { border-top-right-radius: .25rem; } .rounded-b { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .rounded-br { border-bottom-right-radius: .25rem; } .rounded-bl { border-bottom-left-radius: .25rem; } .\!border { border-style: var(--tw-border-style) !important; border-width: 1px !important; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-8 { border-style: var(--tw-border-style); border-width: 8px; } .border-\[3px\] { border-style: var(--tw-border-style); border-width: 3px; } .border-\[5px\] { border-style: var(--tw-border-style); border-width: 5px; } .border-\[76px\] { border-style: var(--tw-border-style); border-width: 76px; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } .border-bs { border-block-start-style: var(--tw-border-style); border-block-start-width: 1px; } .border-be { border-block-end-style: var(--tw-border-style); border-block-end-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-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-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-\[2px\] { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-\[3px\] { border-left-style: var(--tw-border-style); border-left-width: 3px; } .\!border-none { --tw-border-style: none !important; border-style: none !important; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-none { --tw-border-style: none; border-style: none; } .\!border-emerald-500\/30 { border-color: #00bb7f4d !important; } @supports (color: color-mix(in lab, red, red)) { .\!border-emerald-500\/30 { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent) !important; } } .\!border-white\/\[0\.08\] { border-color: #ffffff14 !important; } @supports (color: color-mix(in lab, red, red)) { .\!border-white\/\[0\.08\] { border-color: color-mix(in oklab, var(--color-white) 8%, transparent) !important; } } .border-\[\#0A0A0A\] { border-color: #0a0a0a; } .border-\[\#0A84FF\] { border-color: #0a84ff; } .border-\[\#0A84FF\]\/10 { border-color: oklab(62.4254% -.0515206 -.199017 / .1); } .border-\[\#0A84FF\]\/15 { border-color: oklab(62.4254% -.0515206 -.199017 / .15); } .border-\[\#0A84FF\]\/20 { border-color: oklab(62.4254% -.0515206 -.199017 / .2); } .border-\[\#0A84FF\]\/25 { border-color: oklab(62.4254% -.0515206 -.199017 / .25); } .border-\[\#0A84FF\]\/30 { border-color: oklab(62.4254% -.0515206 -.199017 / .3); } .border-\[\#0A84FF\]\/40 { border-color: oklab(62.4254% -.0515206 -.199017 / .4); } .border-\[\#0A84FF\]\/45 { border-color: oklab(62.4254% -.0515206 -.199017 / .45); } .border-\[\#0A84FF\]\/50 { border-color: oklab(62.4254% -.0515206 -.199017 / .5); } .border-\[\#0B6BCB\] { border-color: #0b6bcb; } .border-\[\#1C1C1E\] { border-color: #1c1c1e; } .border-\[\#1E40AF\] { border-color: #1e40af; } .border-\[\#2C2C2E\] { border-color: #2c2c2e; } .border-\[\#3a3a3c\] { border-color: #3a3a3c; } .border-\[\#4f46e5\]\/30 { border-color: oklab(51.0573% .0278994 -.228355 / .3); } .border-\[\#5E5CE6\]\/30 { border-color: oklab(55.6438% .0287955 -.201107 / .3); } .border-\[\#8B5CF6\]\/20 { border-color: oklab(60.5631% .0845415 -.201932 / .2); } .border-\[\#10B981\]\/20 { border-color: oklab(69.5873% -.142158 .0448781 / .2); } .border-\[\#10B981\]\/30 { border-color: oklab(69.5873% -.142158 .0448781 / .3); } .border-\[\#30D158\]\/20 { border-color: oklab(75.5551% -.174617 .113469 / .2); } .border-\[\#30D158\]\/25 { border-color: oklab(75.5551% -.174617 .113469 / .25); } .border-\[\#30D158\]\/30 { border-color: oklab(75.5551% -.174617 .113469 / .3); } .border-\[\#065F46\] { border-color: #065f46; } .border-\[\#0066FF\] { border-color: #06f; } .border-\[\#0066FF\]\/10 { border-color: oklab(56.3455% -.0384266 -.237719 / .1); } .border-\[\#0066FF\]\/15 { border-color: oklab(56.3455% -.0384266 -.237719 / .15); } .border-\[\#0066FF\]\/20 { border-color: oklab(56.3455% -.0384266 -.237719 / .2); } .border-\[\#0066FF\]\/25 { border-color: oklab(56.3455% -.0384266 -.237719 / .25); } .border-\[\#0066FF\]\/30 { border-color: oklab(56.3455% -.0384266 -.237719 / .3); } .border-\[\#0066FF\]\/35 { border-color: oklab(56.3455% -.0384266 -.237719 / .35); } .border-\[\#0066FF\]\/40 { border-color: oklab(56.3455% -.0384266 -.237719 / .4); } .border-\[\#0066FF\]\/50 { border-color: oklab(56.3455% -.0384266 -.237719 / .5); } .border-\[\#075eaf\] { border-color: #075eaf; } .border-\[\#333\] { border-color: #333; } .border-\[\#09090B\] { border-color: #09090b; } .border-\[\#92400E\] { border-color: #92400e; } .border-\[\#111113\] { border-color: #111113; } .border-\[\#161618\] { border-color: #161618; } .border-\[\#222222\] { border-color: #222; } .border-\[\#262626\] { border-color: #262626; } .border-\[\#333333\] { border-color: #333; } .border-\[\#334155\] { border-color: #334155; } .border-\[\#404040\] { border-color: #404040; } .border-\[\#881337\] { border-color: #881337; } .border-\[\#CBD5E1\] { border-color: #cbd5e1; } .border-\[\#FF9F0A\]\/20 { border-color: oklab(78.2365% .066223 .157716 / .2); } .border-\[\#FF9F0A\]\/30 { border-color: oklab(78.2365% .066223 .157716 / .3); } .border-\[\#FF453A\]\/20 { border-color: oklab(66.3303% .196898 .105983 / .2); } .border-\[\#FF453A\]\/25 { border-color: oklab(66.3303% .196898 .105983 / .25); } .border-\[\#FF453A\]\/30 { border-color: oklab(66.3303% .196898 .105983 / .3); } .border-\[\#FF9500\]\/20 { border-color: oklab(76.5241% .0807011 .155514 / .2); } .border-\[\#FFA500\]\/20 { border-color: oklab(79.2689% .0566112 .161385 / .2); } .border-\[color-mix\(in_srgb\,var\(--m-warning\)_28\%\,var\(--m-border\)\)\] { border-color: var(--m-warning); } @supports (color: color-mix(in lab, red, red)) { .border-\[color-mix\(in_srgb\,var\(--m-warning\)_28\%\,var\(--m-border\)\)\] { border-color: color-mix(in srgb,var(--m-warning) 28%,var(--m-border)); } } .border-\[var\(--admin-border\)\] { border-color: var(--admin-border); } .border-\[var\(--theme-border\)\] { border-color: var(--theme-border); } .border-\[var\(--theme-border-strong\)\] { border-color: var(--theme-border-strong); } .border-\[var\(--theme-surface\)\] { border-color: var(--theme-surface); } .border-amber-100 { border-color: var(--color-amber-100); } .border-amber-200 { border-color: var(--color-amber-200); } .border-amber-400\/15 { border-color: #fcbb0026; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/15 { border-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent); } } .border-amber-400\/20 { border-color: #fcbb0033; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/20 { border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent); } } .border-amber-400\/25 { border-color: #fcbb0040; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/25 { border-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent); } } .border-amber-400\/40 { border-color: #fcbb0066; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/40 { border-color: color-mix(in oklab, var(--color-amber-400) 40%, transparent); } } .border-amber-500 { border-color: var(--color-amber-500); } .border-amber-500\/10 { border-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/10 { border-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .border-amber-500\/15 { border-color: #f99c0026; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/15 { border-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } } .border-amber-500\/20 { border-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/20 { border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .border-amber-500\/25 { border-color: #f99c0040; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/25 { border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); } } .border-amber-500\/30 { border-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/30 { border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .border-amber-500\/40 { border-color: #f99c0066; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/40 { border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent); } } .border-amber-500\/50 { border-color: #f99c0080; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/50 { border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent); } } .border-amber-500\/60 { border-color: #f99c0099; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/60 { border-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent); } } .border-amber-600\/30 { border-color: #dd74004d; } @supports (color: color-mix(in lab, red, red)) { .border-amber-600\/30 { border-color: color-mix(in oklab, var(--color-amber-600) 30%, transparent); } } .border-amber-700\/50 { border-color: #b7500080; } @supports (color: color-mix(in lab, red, red)) { .border-amber-700\/50 { border-color: color-mix(in oklab, var(--color-amber-700) 50%, transparent); } } .border-black { border-color: var(--color-black); } .border-black\/10 { border-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .border-black\/10 { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .border-black\/20 { border-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .border-black\/20 { border-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .border-blue-100 { border-color: var(--color-blue-100); } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-300\/15 { border-color: #90c5ff26; } @supports (color: color-mix(in lab, red, red)) { .border-blue-300\/15 { border-color: color-mix(in oklab, var(--color-blue-300) 15%, transparent); } } .border-blue-400 { border-color: var(--color-blue-400); } .border-blue-400\/15 { border-color: #54a2ff26; } @supports (color: color-mix(in lab, red, red)) { .border-blue-400\/15 { border-color: color-mix(in oklab, var(--color-blue-400) 15%, transparent); } } .border-blue-400\/20 { border-color: #54a2ff33; } @supports (color: color-mix(in lab, red, red)) { .border-blue-400\/20 { border-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent); } } .border-blue-400\/25 { border-color: #54a2ff40; } @supports (color: color-mix(in lab, red, red)) { .border-blue-400\/25 { border-color: color-mix(in oklab, var(--color-blue-400) 25%, transparent); } } .border-blue-400\/30 { border-color: #54a2ff4d; } @supports (color: color-mix(in lab, red, red)) { .border-blue-400\/30 { border-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent); } } .border-blue-500 { border-color: var(--color-blue-500); } .border-blue-500\/10 { border-color: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/10 { border-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .border-blue-500\/15 { border-color: #3080ff26; } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/15 { border-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent); } } .border-blue-500\/20 { border-color: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/20 { border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .border-blue-500\/25 { border-color: #3080ff40; } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/25 { border-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent); } } .border-blue-500\/30 { border-color: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/30 { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .border-blue-500\/35 { border-color: #3080ff59; } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/35 { border-color: color-mix(in oklab, var(--color-blue-500) 35%, transparent); } } .border-blue-500\/40 { border-color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/40 { border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .border-blue-500\/50 { border-color: #3080ff80; } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/50 { border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } .border-blue-600 { border-color: var(--color-blue-600); } .border-current, .border-current\/15 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/15 { border-color: color-mix(in oklab, currentcolor 15%, transparent); } } .border-current\/20 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/20 { border-color: color-mix(in oklab, currentcolor 20%, transparent); } } .border-cyan-500\/20 { border-color: #00b7d733; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-500\/20 { border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent); } } .border-cyan-500\/25 { border-color: #00b7d740; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-500\/25 { border-color: color-mix(in oklab, var(--color-cyan-500) 25%, transparent); } } .border-emerald-100 { border-color: var(--color-emerald-100); } .border-emerald-200 { border-color: var(--color-emerald-200); } .border-emerald-400\/15 { border-color: #00d29426; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-400\/15 { border-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent); } } .border-emerald-400\/20 { border-color: #00d29433; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-400\/20 { border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent); } } .border-emerald-400\/25 { border-color: #00d29440; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-400\/25 { border-color: color-mix(in oklab, var(--color-emerald-400) 25%, transparent); } } .border-emerald-500 { border-color: var(--color-emerald-500); } .border-emerald-500\/10 { border-color: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/10 { border-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .border-emerald-500\/15 { border-color: #00bb7f26; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/15 { border-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } } .border-emerald-500\/20 { border-color: #00bb7f33; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/20 { border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .border-emerald-500\/25 { border-color: #00bb7f40; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/25 { border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent); } } .border-emerald-500\/30 { border-color: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/30 { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .border-emerald-500\/50 { border-color: #00bb7f80; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/50 { border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent); } } .border-emerald-600 { border-color: var(--color-emerald-600); } .border-emerald-900\/20 { border-color: #004e3b33; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-900\/20 { border-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent); } } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-green-500\/20 { border-color: #00c75833; } @supports (color: color-mix(in lab, red, red)) { .border-green-500\/20 { border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } .border-green-500\/50 { border-color: #00c75880; } @supports (color: color-mix(in lab, red, red)) { .border-green-500\/50 { border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent); } } .border-indigo-400\/30 { border-color: #7d87ff4d; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-400\/30 { border-color: color-mix(in oklab, var(--color-indigo-400) 30%, transparent); } } .border-indigo-400\/35 { border-color: #7d87ff59; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-400\/35 { border-color: color-mix(in oklab, var(--color-indigo-400) 35%, transparent); } } .border-indigo-500 { border-color: var(--color-indigo-500); } .border-indigo-500\/10 { border-color: #625fff1a; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-500\/10 { border-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); } } .border-indigo-500\/15 { border-color: #625fff26; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-500\/15 { border-color: color-mix(in oklab, var(--color-indigo-500) 15%, transparent); } } .border-indigo-500\/20 { border-color: #625fff33; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-500\/20 { border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); } } .border-indigo-500\/25 { border-color: #625fff40; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-500\/25 { border-color: color-mix(in oklab, var(--color-indigo-500) 25%, transparent); } } .border-indigo-500\/30 { border-color: #625fff4d; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-500\/30 { border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent); } } .border-indigo-500\/40 { border-color: #625fff66; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-500\/40 { border-color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent); } } .border-indigo-500\/50 { border-color: #625fff80; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-500\/50 { border-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent); } } .border-indigo-900\/35 { border-color: #312c8559; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-900\/35 { border-color: color-mix(in oklab, var(--color-indigo-900) 35%, transparent); } } .border-orange-500 { border-color: var(--color-orange-500); } .border-orange-500\/15 { border-color: #fe6e0026; } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/15 { border-color: color-mix(in oklab, var(--color-orange-500) 15%, transparent); } } .border-orange-500\/20 { border-color: #fe6e0033; } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/20 { border-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .border-orange-500\/30 { border-color: #fe6e004d; } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/30 { border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent); } } .border-orange-500\/50 { border-color: #fe6e0080; } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/50 { border-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent); } } .border-pink-500\/20 { border-color: #f6339a33; } @supports (color: color-mix(in lab, red, red)) { .border-pink-500\/20 { border-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent); } } .border-primary, .border-primary\/10 { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/10 { border-color: color-mix(in oklab, var(--theme-action) 10%, transparent); } } .border-primary\/20 { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/20 { border-color: color-mix(in oklab, var(--theme-action) 20%, transparent); } } .border-primary\/30 { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/30 { border-color: color-mix(in oklab, var(--theme-action) 30%, transparent); } } .border-primary\/40 { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/40 { border-color: color-mix(in oklab, var(--theme-action) 40%, transparent); } } .border-purple-400\/20 { border-color: #c07eff33; } @supports (color: color-mix(in lab, red, red)) { .border-purple-400\/20 { border-color: color-mix(in oklab, var(--color-purple-400) 20%, transparent); } } .border-purple-400\/25 { border-color: #c07eff40; } @supports (color: color-mix(in lab, red, red)) { .border-purple-400\/25 { border-color: color-mix(in oklab, var(--color-purple-400) 25%, transparent); } } .border-purple-500\/20 { border-color: #ac4bff33; } @supports (color: color-mix(in lab, red, red)) { .border-purple-500\/20 { border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .border-red-400\/15 { border-color: #ff656826; } @supports (color: color-mix(in lab, red, red)) { .border-red-400\/15 { border-color: color-mix(in oklab, var(--color-red-400) 15%, transparent); } } .border-red-400\/20 { border-color: #ff656833; } @supports (color: color-mix(in lab, red, red)) { .border-red-400\/20 { border-color: color-mix(in oklab, var(--color-red-400) 20%, transparent); } } .border-red-500 { border-color: var(--color-red-500); } .border-red-500\/10 { border-color: #fb2c361a; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/10 { border-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .border-red-500\/20 { border-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/20 { border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .border-red-500\/25 { border-color: #fb2c3640; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/25 { border-color: color-mix(in oklab, var(--color-red-500) 25%, transparent); } } .border-red-500\/30 { border-color: #fb2c364d; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/30 { border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .border-red-500\/35 { border-color: #fb2c3659; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/35 { border-color: color-mix(in oklab, var(--color-red-500) 35%, transparent); } } .border-red-500\/40 { border-color: #fb2c3666; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/40 { border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } .border-red-500\/50 { border-color: #fb2c3680; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/50 { border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .border-red-900\/20 { border-color: #82181a33; } @supports (color: color-mix(in lab, red, red)) { .border-red-900\/20 { border-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } .border-red-900\/40 { border-color: #82181a66; } @supports (color: color-mix(in lab, red, red)) { .border-red-900\/40 { border-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } .border-red-900\/50 { border-color: #82181a80; } @supports (color: color-mix(in lab, red, red)) { .border-red-900\/50 { border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent); } } .border-rose-100 { border-color: var(--color-rose-100); } .border-rose-200 { border-color: var(--color-rose-200); } .border-rose-300\/15 { border-color: #ffa2ae26; } @supports (color: color-mix(in lab, red, red)) { .border-rose-300\/15 { border-color: color-mix(in oklab, var(--color-rose-300) 15%, transparent); } } .border-rose-300\/20 { border-color: #ffa2ae33; } @supports (color: color-mix(in lab, red, red)) { .border-rose-300\/20 { border-color: color-mix(in oklab, var(--color-rose-300) 20%, transparent); } } .border-rose-400\/20 { border-color: #ff667f33; } @supports (color: color-mix(in lab, red, red)) { .border-rose-400\/20 { border-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent); } } .border-rose-400\/25 { border-color: #ff667f40; } @supports (color: color-mix(in lab, red, red)) { .border-rose-400\/25 { border-color: color-mix(in oklab, var(--color-rose-400) 25%, transparent); } } .border-rose-500 { border-color: var(--color-rose-500); } .border-rose-500\/10 { border-color: #ff23571a; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/10 { border-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } .border-rose-500\/15 { border-color: #ff235726; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/15 { border-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent); } } .border-rose-500\/19 { border-color: #ff235730; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/19 { border-color: color-mix(in oklab, var(--color-rose-500) 19%, transparent); } } .border-rose-500\/20 { border-color: #ff235733; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/20 { border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .border-rose-500\/25 { border-color: #ff235740; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/25 { border-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent); } } .border-rose-500\/30 { border-color: #ff23574d; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/30 { border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent); } } .border-rose-500\/40 { border-color: #ff235766; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/40 { border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent); } } .border-rose-500\/50 { border-color: #ff235780; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/50 { border-color: color-mix(in oklab, var(--color-rose-500) 50%, transparent); } } .border-rose-700\/50 { border-color: #c2003980; } @supports (color: color-mix(in lab, red, red)) { .border-rose-700\/50 { border-color: color-mix(in oklab, var(--color-rose-700) 50%, transparent); } } .border-sky-500\/15 { border-color: #00a5ef26; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/15 { border-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent); } } .border-sky-500\/20 { border-color: #00a5ef33; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/20 { border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent); } } .border-sky-500\/25 { border-color: #00a5ef40; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/25 { border-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent); } } .border-sky-700\/50 { border-color: #0069a480; } @supports (color: color-mix(in lab, red, red)) { .border-sky-700\/50 { border-color: color-mix(in oklab, var(--color-sky-700) 50%, transparent); } } .border-slate-100 { border-color: var(--color-slate-100); } .border-slate-200 { border-color: var(--color-slate-200); } .border-slate-200\/60 { border-color: #e2e8f099; } @supports (color: color-mix(in lab, red, red)) { .border-slate-200\/60 { border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent); } } .border-slate-300 { border-color: var(--color-slate-300); } .border-slate-500\/20 { border-color: #62748e33; } @supports (color: color-mix(in lab, red, red)) { .border-slate-500\/20 { border-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent); } } .border-slate-500\/25 { border-color: #62748e40; } @supports (color: color-mix(in lab, red, red)) { .border-slate-500\/25 { border-color: color-mix(in oklab, var(--color-slate-500) 25%, transparent); } } .border-slate-600 { border-color: var(--color-slate-600); } .border-slate-700 { border-color: var(--color-slate-700); } .border-slate-700\/50 { border-color: #31415880; } @supports (color: color-mix(in lab, red, red)) { .border-slate-700\/50 { border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .border-slate-800 { border-color: var(--color-slate-800); } .border-slate-950\/80 { border-color: #020618cc; } @supports (color: color-mix(in lab, red, red)) { .border-slate-950\/80 { border-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent); } } .border-surface { border-color: var(--theme-surface-raised); } .border-surface-alt { border-color: var(--theme-surface-muted); } .border-transparent { border-color: #0000; } .border-violet-500\/10 { border-color: #8d54ff1a; } @supports (color: color-mix(in lab, red, red)) { .border-violet-500\/10 { border-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent); } } .border-violet-500\/15 { border-color: #8d54ff26; } @supports (color: color-mix(in lab, red, red)) { .border-violet-500\/15 { border-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent); } } .border-violet-500\/20 { border-color: #8d54ff33; } @supports (color: color-mix(in lab, red, red)) { .border-violet-500\/20 { border-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent); } } .border-violet-500\/25 { border-color: #8d54ff40; } @supports (color: color-mix(in lab, red, red)) { .border-violet-500\/25 { border-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent); } } .border-white { border-color: var(--color-white); } .border-white\/5 { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .border-white\/5 { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .border-white\/7 { border-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .border-white\/7 { border-color: color-mix(in oklab, var(--color-white) 7%, transparent); } } .border-white\/8 { border-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .border-white\/8 { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .border-white\/10 { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/15 { border-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .border-white\/15 { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/20 { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-white\/25 { border-color: #ffffff40; } @supports (color: color-mix(in lab, red, red)) { .border-white\/25 { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .border-white\/30 { border-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .border-white\/30 { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .border-white\/70 { border-color: #ffffffb3; } @supports (color: color-mix(in lab, red, red)) { .border-white\/70 { border-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .border-white\/\[\.06\] { border-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[\.06\] { border-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .border-white\/\[\.07\] { border-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[\.07\] { border-color: color-mix(in oklab, var(--color-white) 7.0%, transparent); } } .border-white\/\[\.08\] { border-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[\.08\] { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .border-white\/\[0\.1\] { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.1\] { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/\[0\.03\] { border-color: #ffffff08; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.03\] { border-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } .border-white\/\[0\.04\] { border-color: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.04\] { border-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } .border-white\/\[0\.05\] { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.05\] { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .border-white\/\[0\.06\] { border-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.06\] { border-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .border-white\/\[0\.07\] { border-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.07\] { border-color: color-mix(in oklab, var(--color-white) 7.0%, transparent); } } .border-white\/\[0\.08\] { border-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.08\] { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .border-white\/\[0\.09\] { border-color: #ffffff17; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.09\] { border-color: color-mix(in oklab, var(--color-white) 9%, transparent); } } .border-white\/\[0\.10\] { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.10\] { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/\[0\.12\] { border-color: #ffffff1f; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.12\] { border-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .border-white\/\[0\.15\] { border-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.15\] { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/\[0\.18\] { border-color: #ffffff2e; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.18\] { border-color: color-mix(in oklab, var(--color-white) 18%, transparent); } } .border-white\/\[0\.045\] { border-color: #ffffff0b; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.045\] { border-color: color-mix(in oklab, var(--color-white) 4.5%, transparent); } } .border-white\/\[0\.055\] { border-color: #ffffff0e; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.055\] { border-color: color-mix(in oklab, var(--color-white) 5.5%, transparent); } } .border-yellow-500 { border-color: var(--color-yellow-500); } .border-yellow-500\/30 { border-color: #edb2004d; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-500\/30 { border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent); } } .border-yellow-500\/50 { border-color: #edb20080; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-500\/50 { border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent); } } .border-zinc-500 { border-color: var(--color-zinc-500); } .border-zinc-500\/20 { border-color: #71717b33; } @supports (color: color-mix(in lab, red, red)) { .border-zinc-500\/20 { border-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent); } } .border-zinc-700 { border-color: var(--color-zinc-700); } .border-zinc-800 { border-color: var(--color-zinc-800); } .border-zinc-800\/40 { border-color: #27272a66; } @supports (color: color-mix(in lab, red, red)) { .border-zinc-800\/40 { border-color: color-mix(in oklab, var(--color-zinc-800) 40%, transparent); } } .border-zinc-800\/50 { border-color: #27272a80; } @supports (color: color-mix(in lab, red, red)) { .border-zinc-800\/50 { border-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent); } } .border-zinc-800\/60 { border-color: #27272a99; } @supports (color: color-mix(in lab, red, red)) { .border-zinc-800\/60 { border-color: color-mix(in oklab, var(--color-zinc-800) 60%, transparent); } } .border-zinc-800\/80 { border-color: #27272acc; } @supports (color: color-mix(in lab, red, red)) { .border-zinc-800\/80 { border-color: color-mix(in oklab, var(--color-zinc-800) 80%, transparent); } } .border-zinc-900 { border-color: var(--color-zinc-900); } .border-t-\[\#0A84FF\] { border-top-color: #0a84ff; } .border-t-\[\#1C1C1E\] { border-top-color: #1c1c1e; } .border-t-\[\#2C2C2E\] { border-top-color: #2c2c2e; } .border-t-primary { border-top-color: var(--theme-action); } .border-t-rose-500 { border-top-color: var(--color-rose-500); } .border-t-transparent { border-top-color: #0000; } .border-t-white { border-top-color: var(--color-white); } .border-t-white\/60 { border-top-color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .border-t-white\/60 { border-top-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .\!bg-\[\#0A84FF\] { background-color: #0a84ff !important; } .\!bg-\[\#0c1624\] { background-color: #0c1624 !important; } .\!bg-\[rgba\(10\,132\,255\,0\.06\)\] { background-color: #0a84ff0f !important; } .\!bg-amber-500 { background-color: var(--color-amber-500) !important; } .\!bg-black\/60 { background-color: #0009 !important; } @supports (color: color-mix(in lab, red, red)) { .\!bg-black\/60 { background-color: color-mix(in oklab, var(--color-black) 60%, transparent) !important; } } .\!bg-emerald-500\/20 { background-color: #00bb7f33 !important; } @supports (color: color-mix(in lab, red, red)) { .\!bg-emerald-500\/20 { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent) !important; } } .\!bg-red-500\/5 { background-color: #fb2c360d !important; } @supports (color: color-mix(in lab, red, red)) { .\!bg-red-500\/5 { background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent) !important; } } .\!bg-white { background-color: var(--color-white) !important; } .bg-\[\#0A0A0A\] { background-color: #0a0a0a; } .bg-\[\#0A0A0A\]\/50 { background-color: oklab(14.4788% 7.45058e-9 7.45058e-9 / .5); } .bg-\[\#0A0A0A\]\/80 { background-color: oklab(14.4788% 7.45058e-9 7.45058e-9 / .8); } .bg-\[\#0A0A0B\] { background-color: #0a0a0b; } .bg-\[\#0A0A0F\] { background-color: #0a0a0f; } .bg-\[\#0A84FF\] { background-color: #0a84ff; } .bg-\[\#0A84FF\]\/5 { background-color: oklab(62.4254% -.0515206 -.199017 / .05); } .bg-\[\#0A84FF\]\/10 { background-color: oklab(62.4254% -.0515206 -.199017 / .1); } .bg-\[\#0A84FF\]\/12 { background-color: oklab(62.4254% -.0515206 -.199017 / .12); } .bg-\[\#0A84FF\]\/15 { background-color: oklab(62.4254% -.0515206 -.199017 / .15); } .bg-\[\#0A84FF\]\/20 { background-color: oklab(62.4254% -.0515206 -.199017 / .2); } .bg-\[\#0A84FF\]\/40 { background-color: oklab(62.4254% -.0515206 -.199017 / .4); } .bg-\[\#0A84FF\]\/50 { background-color: oklab(62.4254% -.0515206 -.199017 / .5); } .bg-\[\#0A84FF\]\/60 { background-color: oklab(62.4254% -.0515206 -.199017 / .6); } .bg-\[\#0A84FF\]\/\[0\.03\] { background-color: oklab(62.4254% -.0515206 -.199017 / .03); } .bg-\[\#0A84FF\]\/\[0\.04\] { background-color: oklab(62.4254% -.0515206 -.199017 / .04); } .bg-\[\#0A84FF\]\/\[0\.06\] { background-color: oklab(62.4254% -.0515206 -.199017 / .06); } .bg-\[\#0A84FF\]\/\[0\.07\] { background-color: oklab(62.4254% -.0515206 -.199017 / .07); } .bg-\[\#0A84FF\]\/\[0\.08\] { background-color: oklab(62.4254% -.0515206 -.199017 / .08); } .bg-\[\#0B0F17\] { background-color: #0b0f17; } .bg-\[\#0C0C0C\] { background-color: #0c0c0c; } .bg-\[\#0C0C0E\] { background-color: #0c0c0e; } .bg-\[\#0D0D0D\] { background-color: #0d0d0d; } .bg-\[\#0F0F0F\] { background-color: #0f0f0f; } .bg-\[\#0F0F10\] { background-color: #0f0f10; } .bg-\[\#0F0F10\]\/50 { background-color: oklab(16.886% .000573054 -.00197546 / .5); } .bg-\[\#0F0F10\]\/80 { background-color: oklab(16.886% .000573054 -.00197546 / .8); } .bg-\[\#0a84ff\]\/20 { background-color: oklab(62.4254% -.0515206 -.199017 / .2); } .bg-\[\#0b0b0c\] { background-color: #0b0b0c; } .bg-\[\#0b0b0c\]\/98 { background-color: oklab(15.0035% .000589281 -.002036 / .98); } .bg-\[\#0b2b44\] { background-color: #0b2b44; } .bg-\[\#0c0c0d\] { background-color: #0c0c0d; } .bg-\[\#0d0d0f\] { background-color: #0d0d0f; } .bg-\[\#0d0d0f\]\/95 { background-color: oklab(15.9988% .00114696 -.00402176 / .95); } .bg-\[\#0f0f0f\] { background-color: #0f0f0f; } .bg-\[\#1A1A1A\] { background-color: #1a1a1a; } .bg-\[\#1A1A1B\] { background-color: #1a1a1b; } .bg-\[\#1A1A1D\] { background-color: #1a1a1d; } .bg-\[\#1A1A1E\] { background-color: #1a1a1e; } .bg-\[\#1C1C1E\] { background-color: #1c1c1e; } .bg-\[\#1C1C1E\]\/30 { background-color: oklab(22.728% .00105973 -.00367355 / .3); } .bg-\[\#1C1C1E\]\/40 { background-color: oklab(22.728% .00105973 -.00367355 / .4); } .bg-\[\#1C1C1E\]\/80 { background-color: oklab(22.728% .00105973 -.00367355 / .8); } .bg-\[\#1C1C1E\]\/90 { background-color: oklab(22.728% .00105973 -.00367355 / .9); } .bg-\[\#1D4ED8\] { background-color: #1d4ed8; } .bg-\[\#1E1E22\] { background-color: #1e1e22; } .bg-\[\#1a1a1a\] { background-color: #1a1a1a; } .bg-\[\#1c1c1e\] { background-color: #1c1c1e; } .bg-\[\#1e1a1b\] { background-color: #1e1a1b; } .bg-\[\#1e1a17\] { background-color: #1e1a17; } .bg-\[\#1f1c1a\] { background-color: #1f1c1a; } .bg-\[\#1f1917\] { background-color: #1f1917; } .bg-\[\#2C2C2E\] { background-color: #2c2c2e; } .bg-\[\#3A3A3C\] { background-color: #3a3a3c; } .bg-\[\#4f46e5\]\/10 { background-color: oklab(51.0573% .0278994 -.228355 / .1); } .bg-\[\#5E5CE6\] { background-color: #5e5ce6; } .bg-\[\#5E5CE6\]\/10 { background-color: oklab(55.6438% .0287955 -.201107 / .1); } .bg-\[\#5E5CE6\]\/20 { background-color: oklab(55.6438% .0287955 -.201107 / .2); } .bg-\[\#06b6d4\]\/5 { background-color: oklab(71.4837% -.102719 -.0725165 / .05); } .bg-\[\#8B5CF6\]\/10 { background-color: oklab(60.5631% .0845415 -.201932 / .1); } .bg-\[\#10B981\] { background-color: #10b981; } .bg-\[\#10B981\]\/5 { background-color: oklab(69.5873% -.142158 .0448781 / .05); } .bg-\[\#10B981\]\/10 { background-color: oklab(69.5873% -.142158 .0448781 / .1); } .bg-\[\#10b981\] { background-color: #10b981; } .bg-\[\#30B0C7\]\/10 { background-color: oklab(69.9756% -.0933101 -.0599496 / .1); } .bg-\[\#30D158\] { background-color: #30d158; } .bg-\[\#30D158\]\/5 { background-color: oklab(75.5551% -.174617 .113469 / .05); } .bg-\[\#30D158\]\/10 { background-color: oklab(75.5551% -.174617 .113469 / .1); } .bg-\[\#30D158\]\/15 { background-color: oklab(75.5551% -.174617 .113469 / .15); } .bg-\[\#34D399\] { background-color: #34d399; } .bg-\[\#061d31\] { background-color: #061d31; } .bg-\[\#0066FF\] { background-color: #06f; } .bg-\[\#0066FF\]\/5 { background-color: oklab(56.3455% -.0384266 -.237719 / .05); } .bg-\[\#0066FF\]\/10 { background-color: oklab(56.3455% -.0384266 -.237719 / .1); } .bg-\[\#0066FF\]\/15 { background-color: oklab(56.3455% -.0384266 -.237719 / .15); } .bg-\[\#0066FF\]\/20 { background-color: oklab(56.3455% -.0384266 -.237719 / .2); } .bg-\[\#0066FF\]\/\[0\.03\] { background-color: oklab(56.3455% -.0384266 -.237719 / .03); } .bg-\[\#0066FF\]\/\[0\.05\] { background-color: oklab(56.3455% -.0384266 -.237719 / .05); } .bg-\[\#0066FF\]\/\[0\.06\] { background-color: oklab(56.3455% -.0384266 -.237719 / .06); } .bg-\[\#0066FF\]\/\[0\.08\] { background-color: oklab(56.3455% -.0384266 -.237719 / .08); } .bg-\[\#0071e3\] { background-color: #0071e3; } .bg-\[\#110B0C\] { background-color: #110b0c; } .bg-\[\#111\] { background-color: #111; } .bg-\[\#181d19\] { background-color: #181d19; } .bg-\[\#211b16\] { background-color: #211b16; } .bg-\[\#333\] { background-color: #333; } .bg-\[\#0878f9\] { background-color: #0878f9; } .bg-\[\#2563EB\] { background-color: #2563eb; } .bg-\[\#08080a\] { background-color: #08080a; } .bg-\[\#09090B\] { background-color: #09090b; } .bg-\[\#18181B\] { background-color: #18181b; } .bg-\[\#020811\] { background-color: #020811; } .bg-\[\#020811\]\/80 { background-color: oklab(13.1144% -.0088918 -.0234472 / .8); } .bg-\[\#047857\] { background-color: #047857; } .bg-\[\#080808\] { background-color: #080808; } .bg-\[\#111111\] { background-color: #111; } .bg-\[\#111112\] { background-color: #111112; } .bg-\[\#111113\] { background-color: #111113; } .bg-\[\#111114\] { background-color: #111114; } .bg-\[\#121214\] { background-color: #121214; } .bg-\[\#131314\] { background-color: #131314; } .bg-\[\#131315\] { background-color: #131315; } .bg-\[\#141414\] { background-color: #141414; } .bg-\[\#141415\] { background-color: #141415; } .bg-\[\#141415\]\/50 { background-color: oklab(19.168% .000556074 -.00191273 / .5); } .bg-\[\#141416\] { background-color: #141416; } .bg-\[\#141417\]\/80 { background-color: oklab(19.2583% .00163454 -.00576738 / .8); } .bg-\[\#151517\] { background-color: #151517; } .bg-\[\#161616\] { background-color: #161616; } .bg-\[\#161618\] { background-color: #161618; } .bg-\[\#171719\] { background-color: #171719; } .bg-\[\#201819\] { background-color: #201819; } .bg-\[\#262626\] { background-color: #262626; } .bg-\[\#333333\] { background-color: #333; } .bg-\[\#475569\] { background-color: #475569; } .bg-\[\#B45309\] { background-color: #b45309; } .bg-\[\#BE123C\] { background-color: #be123c; } .bg-\[\#BF5AF2\]\/15 { background-color: oklab(65.6049% .153392 -.167893 / .15); } .bg-\[\#D97706\] { background-color: #d97706; } .bg-\[\#DBEAFE\] { background-color: #dbeafe; } .bg-\[\#DCFCE7\] { background-color: #dcfce7; } .bg-\[\#EAF3FF\] { background-color: #eaf3ff; } .bg-\[\#F43F5E\] { background-color: #f43f5e; } .bg-\[\#FBBF24\] { background-color: #fbbf24; } .bg-\[\#FEF3C7\] { background-color: #fef3c7; } .bg-\[\#FF9F0A\] { background-color: #ff9f0a; } .bg-\[\#FF9F0A\]\/8 { background-color: oklab(78.2365% .066223 .157716 / .08); } .bg-\[\#FF9F0A\]\/10 { background-color: oklab(78.2365% .066223 .157716 / .1); } .bg-\[\#FF9F0A\]\/15 { background-color: oklab(78.2365% .066223 .157716 / .15); } .bg-\[\#FF453A\] { background-color: #ff453a; } .bg-\[\#FF453A\]\/5 { background-color: oklab(66.3303% .196898 .105983 / .05); } .bg-\[\#FF453A\]\/8 { background-color: oklab(66.3303% .196898 .105983 / .08); } .bg-\[\#FF453A\]\/10 { background-color: oklab(66.3303% .196898 .105983 / .1); } .bg-\[\#FF453A\]\/15 { background-color: oklab(66.3303% .196898 .105983 / .15); } .bg-\[\#FF9500\] { background-color: #ff9500; } .bg-\[\#FF9500\]\/10 { background-color: oklab(76.5241% .0807011 .155514 / .1); } .bg-\[\#FFA500\] { background-color: orange; } .bg-\[\#FFA500\]\/10 { background-color: oklab(79.2689% .0566112 .161385 / .1); } .bg-\[\#f4f7fa\] { background-color: #f4f7fa; } .bg-\[\#f43f5e\] { background-color: #f43f5e; } .bg-\[\#f59e0b\] { background-color: #f59e0b; } .bg-\[\#f97316\] { background-color: #f97316; } .bg-\[\#fb923c\] { background-color: #fb923c; } .bg-\[rgba\(10\,132\,255\,0\.10\)\] { background-color: #0a84ff1a; } .bg-\[rgba\(10\,132\,255\,0\.12\)\] { background-color: #0a84ff1f; } .bg-\[rgba\(10\,132\,255\,0\.15\)\] { background-color: #0a84ff26; } .bg-\[var\(--m-surface\)\] { background-color: var(--m-surface); } .bg-\[var\(--m-warning\)\] { background-color: var(--m-warning); } .bg-\[var\(--m-warning-soft\)\] { background-color: var(--m-warning-soft); } .bg-\[var\(--theme-action\)\] { background-color: var(--theme-action); } .bg-\[var\(--theme-border\)\] { background-color: var(--theme-border); } .bg-\[var\(--theme-canvas\)\] { background-color: var(--theme-canvas); } .bg-\[var\(--theme-control-bg\)\] { background-color: var(--theme-control-bg); } .bg-\[var\(--theme-surface\)\], .bg-\[var\(--theme-surface\)\]\/70 { background-color: var(--theme-surface); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--theme-surface\)\]\/70 { background-color: color-mix(in oklab, var(--theme-surface) 70%, transparent); } } .bg-\[var\(--theme-surface\)\]\/80 { background-color: var(--theme-surface); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--theme-surface\)\]\/80 { background-color: color-mix(in oklab, var(--theme-surface) 80%, transparent); } } .bg-\[var\(--theme-surface-muted\)\], .bg-\[var\(--theme-surface-muted\)\]\/50 { background-color: var(--theme-surface-muted); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--theme-surface-muted\)\]\/50 { background-color: color-mix(in oklab, var(--theme-surface-muted) 50%, transparent); } } .bg-\[var\(--theme-surface-muted\)\]\/60 { background-color: var(--theme-surface-muted); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--theme-surface-muted\)\]\/60 { background-color: color-mix(in oklab, var(--theme-surface-muted) 60%, transparent); } } .bg-\[var\(--theme-surface-raised\)\] { background-color: var(--theme-surface-raised); } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-50\/70 { background-color: #fffbebb3; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/70 { background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent); } } .bg-amber-100 { background-color: var(--color-amber-100); } .bg-amber-400 { background-color: var(--color-amber-400); } .bg-amber-400\/10 { background-color: #fcbb001a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/10 { background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent); } } .bg-amber-400\/15 { background-color: #fcbb0026; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/15 { background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent); } } .bg-amber-400\/\[0\.05\] { background-color: #fcbb000d; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-amber-400) 5%, transparent); } } .bg-amber-400\/\[0\.06\] { background-color: #fcbb000f; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-amber-400) 6%, transparent); } } .bg-amber-400\/\[0\.07\] { background-color: #fcbb0012; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-amber-400) 7.0%, transparent); } } .bg-amber-400\/\[0\.08\] { background-color: #fcbb0014; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/\[0\.08\] { background-color: color-mix(in oklab, var(--color-amber-400) 8%, transparent); } } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-amber-500\/5 { background-color: #f99c000d; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/5 { background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent); } } .bg-amber-500\/8 { background-color: #f99c0014; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/8 { background-color: color-mix(in oklab, var(--color-amber-500) 8%, transparent); } } .bg-amber-500\/10 { background-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/10 { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .bg-amber-500\/12 { background-color: #f99c001f; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/12 { background-color: color-mix(in oklab, var(--color-amber-500) 12%, transparent); } } .bg-amber-500\/15 { background-color: #f99c0026; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/15 { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } } .bg-amber-500\/20 { background-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/20 { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .bg-amber-500\/30 { background-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/30 { background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .bg-amber-500\/\[0\.03\] { background-color: #f99c0008; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/\[0\.03\] { background-color: color-mix(in oklab, var(--color-amber-500) 3%, transparent); } } .bg-amber-500\/\[0\.04\] { background-color: #f99c000a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-amber-500) 4%, transparent); } } .bg-amber-500\/\[0\.05\] { background-color: #f99c000d; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent); } } .bg-amber-500\/\[0\.06\] { background-color: #f99c000f; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-amber-500) 6%, transparent); } } .bg-amber-500\/\[0\.07\] { background-color: #f99c0012; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-amber-500) 7.0%, transparent); } } .bg-amber-500\/\[0\.08\] { background-color: #f99c0014; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/\[0\.08\] { background-color: color-mix(in oklab, var(--color-amber-500) 8%, transparent); } } .bg-amber-500\/\[0\.09\] { background-color: #f99c0017; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/\[0\.09\] { background-color: color-mix(in oklab, var(--color-amber-500) 9%, transparent); } } .bg-amber-500\/\[0\.025\] { background-color: #f99c0006; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/\[0\.025\] { background-color: color-mix(in oklab, var(--color-amber-500) 2.5%, transparent); } } .bg-amber-600 { background-color: var(--color-amber-600); } .bg-amber-950\/10 { background-color: #4619011a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-950\/10 { background-color: color-mix(in oklab, var(--color-amber-950) 10%, transparent); } } .bg-amber-950\/15 { background-color: #46190126; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-950\/15 { background-color: color-mix(in oklab, var(--color-amber-950) 15%, transparent); } } .bg-amber-950\/20 { background-color: #46190133; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-950\/20 { background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent); } } .bg-amber-950\/30 { background-color: #4619014d; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-950\/30 { background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent); } } .bg-amber-950\/60 { background-color: #46190199; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-950\/60 { background-color: color-mix(in oklab, var(--color-amber-950) 60%, transparent); } } .bg-app, .bg-background { background-color: var(--theme-canvas); } .bg-black { background-color: var(--color-black); } .bg-black\/5 { background-color: #0000000d; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/5 { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .bg-black\/10 { background-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/10 { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .bg-black\/15 { background-color: #00000026; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/15 { background-color: color-mix(in oklab, var(--color-black) 15%, transparent); } } .bg-black\/20 { background-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/20 { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .bg-black\/25 { background-color: #00000040; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/25 { background-color: color-mix(in oklab, var(--color-black) 25%, transparent); } } .bg-black\/30 { background-color: #0000004d; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/30 { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/40 { background-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/40 { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/50 { background-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/60 { background-color: #0009; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/60 { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .bg-black\/65 { background-color: #000000a6; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/65 { background-color: color-mix(in oklab, var(--color-black) 65%, transparent); } } .bg-black\/70 { background-color: #000000b3; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/70 { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .bg-black\/75 { background-color: #000000bf; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/75 { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } .bg-black\/80 { background-color: #000c; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/80 { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .bg-black\/85 { background-color: #000000d9; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/85 { background-color: color-mix(in oklab, var(--color-black) 85%, transparent); } } .bg-black\/90 { background-color: #000000e6; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/90 { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } } .bg-black\/95 { background-color: #000000f2; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/95 { background-color: color-mix(in oklab, var(--color-black) 95%, transparent); } } .bg-black\/\[0\.05\] { background-color: #0000000d; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-50\/5 { background-color: #eff6ff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-50\/5 { background-color: color-mix(in oklab, var(--color-blue-50) 5%, transparent); } } .bg-blue-50\/40 { background-color: #eff6ff66; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-50\/40 { background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent); } } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-400\/5 { background-color: #54a2ff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/5 { background-color: color-mix(in oklab, var(--color-blue-400) 5%, transparent); } } .bg-blue-400\/10 { background-color: #54a2ff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/10 { background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent); } } .bg-blue-400\/15 { background-color: #54a2ff26; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/15 { background-color: color-mix(in oklab, var(--color-blue-400) 15%, transparent); } } .bg-blue-400\/\[0\.05\] { background-color: #54a2ff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-blue-400) 5%, transparent); } } .bg-blue-400\/\[0\.07\] { background-color: #54a2ff12; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-blue-400) 7.0%, transparent); } } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-500\/5 { background-color: #3080ff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/5 { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .bg-blue-500\/6 { background-color: #3080ff0f; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/6 { background-color: color-mix(in oklab, var(--color-blue-500) 6%, transparent); } } .bg-blue-500\/7 { background-color: #3080ff12; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/7 { background-color: color-mix(in oklab, var(--color-blue-500) 7%, transparent); } } .bg-blue-500\/8 { background-color: #3080ff14; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/8 { background-color: color-mix(in oklab, var(--color-blue-500) 8%, transparent); } } .bg-blue-500\/10 { background-color: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/10 { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .bg-blue-500\/15 { background-color: #3080ff26; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/15 { background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent); } } .bg-blue-500\/20 { background-color: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/20 { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .bg-blue-500\/\[0\.03\] { background-color: #3080ff08; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/\[0\.03\] { background-color: color-mix(in oklab, var(--color-blue-500) 3%, transparent); } } .bg-blue-500\/\[0\.04\] { background-color: #3080ff0a; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-blue-500) 4%, transparent); } } .bg-blue-500\/\[0\.05\] { background-color: #3080ff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .bg-blue-500\/\[0\.06\] { background-color: #3080ff0f; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-blue-500) 6%, transparent); } } .bg-blue-500\/\[0\.07\] { background-color: #3080ff12; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-blue-500) 7.0%, transparent); } } .bg-blue-500\/\[0\.08\] { background-color: #3080ff14; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/\[0\.08\] { background-color: color-mix(in oklab, var(--color-blue-500) 8%, transparent); } } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-blue-600\/10 { background-color: #155dfc1a; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-600\/10 { background-color: color-mix(in oklab, var(--color-blue-600) 10%, transparent); } } .bg-blue-600\/20 { background-color: #155dfc33; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-600\/20 { background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent); } } .bg-blue-900\/20 { background-color: #1c398e33; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-900\/20 { background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } } .bg-blue-950\/30 { background-color: #1624564d; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-950\/30 { background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent); } } .bg-current, .bg-current\/10 { background-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .bg-current\/10 { background-color: color-mix(in oklab, currentcolor 10%, transparent); } } .bg-cyan-500 { background-color: var(--color-cyan-500); } .bg-cyan-500\/10 { background-color: #00b7d71a; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/10 { background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent); } } .bg-cyan-500\/\[0\.06\] { background-color: #00b7d70f; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-cyan-500) 6%, transparent); } } .bg-emerald-50 { background-color: var(--color-emerald-50); } .bg-emerald-50\/60 { background-color: #ecfdf599; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-50\/60 { background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent); } } .bg-emerald-50\/70 { background-color: #ecfdf5b3; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-50\/70 { background-color: color-mix(in oklab, var(--color-emerald-50) 70%, transparent); } } .bg-emerald-400 { background-color: var(--color-emerald-400); } .bg-emerald-400\/10 { background-color: #00d2941a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-400\/10 { background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent); } } .bg-emerald-400\/15 { background-color: #00d29426; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-400\/15 { background-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent); } } .bg-emerald-400\/\[0\.05\] { background-color: #00d2940d; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-400\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-emerald-400) 5%, transparent); } } .bg-emerald-400\/\[0\.07\] { background-color: #00d29412; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-400\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-emerald-400) 7.0%, transparent); } } .bg-emerald-500 { background-color: var(--color-emerald-500); } .bg-emerald-500\/5 { background-color: #00bb7f0d; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/5 { background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } .bg-emerald-500\/8 { background-color: #00bb7f14; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/8 { background-color: color-mix(in oklab, var(--color-emerald-500) 8%, transparent); } } .bg-emerald-500\/10 { background-color: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/10 { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .bg-emerald-500\/12 { background-color: #00bb7f1f; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/12 { background-color: color-mix(in oklab, var(--color-emerald-500) 12%, transparent); } } .bg-emerald-500\/15 { background-color: #00bb7f26; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/15 { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } } .bg-emerald-500\/20 { background-color: #00bb7f33; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/20 { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .bg-emerald-500\/60 { background-color: #00bb7f99; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/60 { background-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent); } } .bg-emerald-500\/\[0\.02\] { background-color: #00bb7f05; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/\[0\.02\] { background-color: color-mix(in oklab, var(--color-emerald-500) 2%, transparent); } } .bg-emerald-500\/\[0\.03\] { background-color: #00bb7f08; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/\[0\.03\] { background-color: color-mix(in oklab, var(--color-emerald-500) 3%, transparent); } } .bg-emerald-500\/\[0\.04\] { background-color: #00bb7f0a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-emerald-500) 4%, transparent); } } .bg-emerald-500\/\[0\.05\] { background-color: #00bb7f0d; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } .bg-emerald-500\/\[0\.06\] { background-color: #00bb7f0f; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-emerald-500) 6%, transparent); } } .bg-emerald-500\/\[0\.07\] { background-color: #00bb7f12; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-emerald-500) 7.0%, transparent); } } .bg-emerald-600 { background-color: var(--color-emerald-600); } .bg-emerald-600\/30 { background-color: #0097674d; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-600\/30 { background-color: color-mix(in oklab, var(--color-emerald-600) 30%, transparent); } } .bg-emerald-700\/40 { background-color: #00795666; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-700\/40 { background-color: color-mix(in oklab, var(--color-emerald-700) 40%, transparent); } } .bg-emerald-950\/10 { background-color: #002c221a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-950\/10 { background-color: color-mix(in oklab, var(--color-emerald-950) 10%, transparent); } } .bg-emerald-950\/20 { background-color: #002c2233; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-950\/20 { background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent); } } .bg-emerald-950\/90 { background-color: #002c22e6; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-950\/90 { background-color: color-mix(in oklab, var(--color-emerald-950) 90%, transparent); } } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-500\/5 { background-color: #00c7580d; } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/5 { background-color: color-mix(in oklab, var(--color-green-500) 5%, transparent); } } .bg-green-500\/10 { background-color: #00c7581a; } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/10 { background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); } } .bg-green-900\/20 { background-color: #0d542b33; } @supports (color: color-mix(in lab, red, red)) { .bg-green-900\/20 { background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent); } } .bg-indigo-400 { background-color: var(--color-indigo-400); } .bg-indigo-500 { background-color: var(--color-indigo-500); } .bg-indigo-500\/5 { background-color: #625fff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/5 { background-color: color-mix(in oklab, var(--color-indigo-500) 5%, transparent); } } .bg-indigo-500\/10 { background-color: #625fff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/10 { background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); } } .bg-indigo-500\/15 { background-color: #625fff26; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/15 { background-color: color-mix(in oklab, var(--color-indigo-500) 15%, transparent); } } .bg-indigo-500\/20 { background-color: #625fff33; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/20 { background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); } } .bg-indigo-500\/30 { background-color: #625fff4d; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/30 { background-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent); } } .bg-indigo-500\/\[0\.07\] { background-color: #625fff12; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-indigo-500) 7.0%, transparent); } } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-indigo-600\/5 { background-color: #4f39f60d; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-600\/5 { background-color: color-mix(in oklab, var(--color-indigo-600) 5%, transparent); } } .bg-indigo-600\/10 { background-color: #4f39f61a; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-600\/10 { background-color: color-mix(in oklab, var(--color-indigo-600) 10%, transparent); } } .bg-indigo-600\/15 { background-color: #4f39f626; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-600\/15 { background-color: color-mix(in oklab, var(--color-indigo-600) 15%, transparent); } } .bg-indigo-600\/20 { background-color: #4f39f633; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-600\/20 { background-color: color-mix(in oklab, var(--color-indigo-600) 20%, transparent); } } .bg-indigo-950 { background-color: var(--color-indigo-950); } .bg-indigo-950\/20 { background-color: #1e1a4d33; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-950\/20 { background-color: color-mix(in oklab, var(--color-indigo-950) 20%, transparent); } } .bg-muted { background-color: var(--theme-text-muted); } .bg-orange-400 { background-color: var(--color-orange-400); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-orange-500\/10 { background-color: #fe6e001a; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/10 { background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } .bg-orange-500\/15 { background-color: #fe6e0026; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/15 { background-color: color-mix(in oklab, var(--color-orange-500) 15%, transparent); } } .bg-orange-500\/20 { background-color: #fe6e0033; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/20 { background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .bg-orange-500\/\[0\.04\] { background-color: #fe6e000a; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-orange-500) 4%, transparent); } } .bg-orange-500\/\[0\.06\] { background-color: #fe6e000f; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-orange-500) 6%, transparent); } } .bg-orange-600 { background-color: var(--color-orange-600); } .bg-orange-900\/20 { background-color: #7e2a0c33; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-900\/20 { background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent); } } .bg-pink-500\/10 { background-color: #f6339a1a; } @supports (color: color-mix(in lab, red, red)) { .bg-pink-500\/10 { background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent); } } .bg-primary, .bg-primary\/5 { background-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/5 { background-color: color-mix(in oklab, var(--theme-action) 5%, transparent); } } .bg-primary\/10 { background-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/10 { background-color: color-mix(in oklab, var(--theme-action) 10%, transparent); } } .bg-purple-400\/10 { background-color: #c07eff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-400\/10 { background-color: color-mix(in oklab, var(--color-purple-400) 10%, transparent); } } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-purple-500\/10 { background-color: #ac4bff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/10 { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent); } } .bg-purple-500\/15 { background-color: #ac4bff26; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/15 { background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent); } } .bg-purple-600 { background-color: var(--color-purple-600); } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-400\/10 { background-color: #ff65681a; } @supports (color: color-mix(in lab, red, red)) { .bg-red-400\/10 { background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent); } } .bg-red-400\/\[0\.06\] { background-color: #ff65680f; } @supports (color: color-mix(in lab, red, red)) { .bg-red-400\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-red-400) 6%, transparent); } } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-500\/5 { background-color: #fb2c360d; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/5 { background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent); } } .bg-red-500\/8 { background-color: #fb2c3614; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/8 { background-color: color-mix(in oklab, var(--color-red-500) 8%, transparent); } } .bg-red-500\/10 { background-color: #fb2c361a; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/10 { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .bg-red-500\/15 { background-color: #fb2c3626; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/15 { background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent); } } .bg-red-500\/20 { background-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/20 { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .bg-red-500\/\[0\.04\] { background-color: #fb2c360a; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-red-500) 4%, transparent); } } .bg-red-500\/\[0\.05\] { background-color: #fb2c360d; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent); } } .bg-red-500\/\[0\.06\] { background-color: #fb2c360f; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-red-500) 6%, transparent); } } .bg-red-600 { background-color: var(--color-red-600); } .bg-red-600\/20 { background-color: #e4001433; } @supports (color: color-mix(in lab, red, red)) { .bg-red-600\/20 { background-color: color-mix(in oklab, var(--color-red-600) 20%, transparent); } } .bg-red-900\/20 { background-color: #82181a33; } @supports (color: color-mix(in lab, red, red)) { .bg-red-900\/20 { background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } .bg-red-900\/30 { background-color: #82181a4d; } @supports (color: color-mix(in lab, red, red)) { .bg-red-900\/30 { background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent); } } .bg-red-950\/10 { background-color: #4608091a; } @supports (color: color-mix(in lab, red, red)) { .bg-red-950\/10 { background-color: color-mix(in oklab, var(--color-red-950) 10%, transparent); } } .bg-red-950\/20 { background-color: #46080933; } @supports (color: color-mix(in lab, red, red)) { .bg-red-950\/20 { background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent); } } .bg-red-950\/30 { background-color: #4608094d; } @supports (color: color-mix(in lab, red, red)) { .bg-red-950\/30 { background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent); } } .bg-red-950\/40 { background-color: #46080966; } @supports (color: color-mix(in lab, red, red)) { .bg-red-950\/40 { background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent); } } .bg-rose-50 { background-color: var(--color-rose-50); } .bg-rose-50\/70 { background-color: #fff1f2b3; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-50\/70 { background-color: color-mix(in oklab, var(--color-rose-50) 70%, transparent); } } .bg-rose-400 { background-color: var(--color-rose-400); } .bg-rose-400\/10 { background-color: #ff667f1a; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-400\/10 { background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent); } } .bg-rose-400\/\[0\.07\] { background-color: #ff667f12; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-400\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-rose-400) 7.0%, transparent); } } .bg-rose-500 { background-color: var(--color-rose-500); } .bg-rose-500\/5 { background-color: #ff23570d; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/5 { background-color: color-mix(in oklab, var(--color-rose-500) 5%, transparent); } } .bg-rose-500\/10 { background-color: #ff23571a; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/10 { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } .bg-rose-500\/15 { background-color: #ff235726; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/15 { background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent); } } .bg-rose-500\/20 { background-color: #ff235733; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/20 { background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .bg-rose-500\/\[0\.02\] { background-color: #ff235705; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/\[0\.02\] { background-color: color-mix(in oklab, var(--color-rose-500) 2%, transparent); } } .bg-rose-500\/\[0\.03\] { background-color: #ff235708; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/\[0\.03\] { background-color: color-mix(in oklab, var(--color-rose-500) 3%, transparent); } } .bg-rose-500\/\[0\.04\] { background-color: #ff23570a; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-rose-500) 4%, transparent); } } .bg-rose-500\/\[0\.05\] { background-color: #ff23570d; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-rose-500) 5%, transparent); } } .bg-rose-500\/\[0\.06\] { background-color: #ff23570f; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-rose-500) 6%, transparent); } } .bg-rose-500\/\[0\.07\] { background-color: #ff235712; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-rose-500) 7.0%, transparent); } } .bg-rose-600 { background-color: var(--color-rose-600); } .bg-rose-950\/20 { background-color: #4d021833; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-950\/20 { background-color: color-mix(in oklab, var(--color-rose-950) 20%, transparent); } } .bg-rose-950\/70 { background-color: #4d0218b3; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-950\/70 { background-color: color-mix(in oklab, var(--color-rose-950) 70%, transparent); } } .bg-rose-950\/90 { background-color: #4d0218e6; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-950\/90 { background-color: color-mix(in oklab, var(--color-rose-950) 90%, transparent); } } .bg-sky-400 { background-color: var(--color-sky-400); } .bg-sky-500 { background-color: var(--color-sky-500); } .bg-sky-500\/5 { background-color: #00a5ef0d; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/5 { background-color: color-mix(in oklab, var(--color-sky-500) 5%, transparent); } } .bg-sky-500\/10 { background-color: #00a5ef1a; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/10 { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent); } } .bg-sky-500\/15 { background-color: #00a5ef26; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/15 { background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent); } } .bg-sky-500\/\[0\.04\] { background-color: #00a5ef0a; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-sky-500) 4%, transparent); } } .bg-sky-500\/\[0\.06\] { background-color: #00a5ef0f; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-sky-500) 6%, transparent); } } .bg-sky-950\/10 { background-color: #052f4a1a; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-950\/10 { background-color: color-mix(in oklab, var(--color-sky-950) 10%, transparent); } } .bg-sky-950\/20 { background-color: #052f4a33; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-950\/20 { background-color: color-mix(in oklab, var(--color-sky-950) 20%, transparent); } } .bg-sky-950\/30 { background-color: #052f4a4d; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-950\/30 { background-color: color-mix(in oklab, var(--color-sky-950) 30%, transparent); } } .bg-sky-950\/60 { background-color: #052f4a99; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-950\/60 { background-color: color-mix(in oklab, var(--color-sky-950) 60%, transparent); } } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-50\/30 { background-color: #f8fafc4d; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-50\/30 { background-color: color-mix(in oklab, var(--color-slate-50) 30%, transparent); } } .bg-slate-50\/50 { background-color: #f8fafc80; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-50\/50 { background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent); } } .bg-slate-50\/80 { background-color: #f8fafccc; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-50\/80 { background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent); } } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-100\/80 { background-color: #f1f5f9cc; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-100\/80 { background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent); } } .bg-slate-200 { background-color: var(--color-slate-200); } .bg-slate-300 { background-color: var(--color-slate-300); } .bg-slate-500 { background-color: var(--color-slate-500); } .bg-slate-500\/10 { background-color: #62748e1a; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-500\/10 { background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent); } } .bg-slate-700 { background-color: var(--color-slate-700); } .bg-slate-700\/30 { background-color: #3141584d; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-700\/30 { background-color: color-mix(in oklab, var(--color-slate-700) 30%, transparent); } } .bg-slate-700\/50 { background-color: #31415880; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-700\/50 { background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .bg-slate-800\/30 { background-color: #1d293d4d; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-800\/30 { background-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent); } } .bg-slate-800\/50 { background-color: #1d293d80; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-800\/50 { background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent); } } .bg-slate-900 { background-color: var(--color-slate-900); } .bg-slate-950\/45 { background-color: #02061873; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-950\/45 { background-color: color-mix(in oklab, var(--color-slate-950) 45%, transparent); } } .bg-surface { background-color: var(--theme-surface-raised); } .bg-surface-alt, .bg-surface-alt\/5 { background-color: var(--theme-surface-muted); } @supports (color: color-mix(in lab, red, red)) { .bg-surface-alt\/5 { background-color: color-mix(in oklab, var(--theme-surface-muted) 5%, transparent); } } .bg-surface-alt\/20 { background-color: var(--theme-surface-muted); } @supports (color: color-mix(in lab, red, red)) { .bg-surface-alt\/20 { background-color: color-mix(in oklab, var(--theme-surface-muted) 20%, transparent); } } .bg-surface-alt\/30 { background-color: var(--theme-surface-muted); } @supports (color: color-mix(in lab, red, red)) { .bg-surface-alt\/30 { background-color: color-mix(in oklab, var(--theme-surface-muted) 30%, transparent); } } .bg-surface-alt\/40 { background-color: var(--theme-surface-muted); } @supports (color: color-mix(in lab, red, red)) { .bg-surface-alt\/40 { background-color: color-mix(in oklab, var(--theme-surface-muted) 40%, transparent); } } .bg-transparent { background-color: #0000; } .bg-violet-500\/8 { background-color: #8d54ff14; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/8 { background-color: color-mix(in oklab, var(--color-violet-500) 8%, transparent); } } .bg-violet-500\/10 { background-color: #8d54ff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/10 { background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent); } } .bg-violet-500\/\[0\.04\] { background-color: #8d54ff0a; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-violet-500) 4%, transparent); } } .bg-violet-500\/\[0\.05\] { background-color: #8d54ff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-violet-500) 5%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-white\/3 { background-color: #ffffff08; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/3 { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } .bg-white\/5 { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/5 { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/8 { background-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/8 { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .bg-white\/10 { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/15 { background-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/15 { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .bg-white\/20 { background-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/20 { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/25 { background-color: #ffffff40; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/25 { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .bg-white\/30 { background-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/40 { background-color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/40 { background-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .bg-white\/\[\.03\] { background-color: #ffffff08; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[\.03\] { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } .bg-white\/\[\.025\] { background-color: #ffffff06; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[\.025\] { background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent); } } .bg-white\/\[0\.01\] { background-color: #ffffff03; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.01\] { background-color: color-mix(in oklab, var(--color-white) 1%, transparent); } } .bg-white\/\[0\.02\] { background-color: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.02\] { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } .bg-white\/\[0\.03\] { background-color: #ffffff08; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.03\] { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } .bg-white\/\[0\.04\] { background-color: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } .bg-white\/\[0\.005\] { background-color: #ffffff01; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.005\] { background-color: color-mix(in oklab, var(--color-white) 0.5%, transparent); } } .bg-white\/\[0\.05\] { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/\[0\.06\] { background-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .bg-white\/\[0\.07\] { background-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent); } } .bg-white\/\[0\.08\] { background-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.08\] { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .bg-white\/\[0\.10\] { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.10\] { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/\[0\.12\] { background-color: #ffffff1f; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.12\] { background-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .bg-white\/\[0\.015\] { background-color: #ffffff04; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.015\] { background-color: color-mix(in oklab, var(--color-white) 1.5%, transparent); } } .bg-white\/\[0\.022\] { background-color: #ffffff06; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.022\] { background-color: color-mix(in oklab, var(--color-white) 2.2%, transparent); } } .bg-white\/\[0\.025\] { background-color: #ffffff06; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.025\] { background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent); } } .bg-white\/\[0\.035\] { background-color: #ffffff09; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.035\] { background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent); } } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-yellow-500\/10 { background-color: #edb2001a; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/10 { background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent); } } .bg-yellow-500\/20 { background-color: #edb20033; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/20 { background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .bg-yellow-600 { background-color: var(--color-yellow-600); } .bg-zinc-500 { background-color: var(--color-zinc-500); } .bg-zinc-500\/10 { background-color: #71717b1a; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-500\/10 { background-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent); } } .bg-zinc-600 { background-color: var(--color-zinc-600); } .bg-zinc-800 { background-color: var(--color-zinc-800); } .bg-zinc-800\/40 { background-color: #27272a66; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-800\/40 { background-color: color-mix(in oklab, var(--color-zinc-800) 40%, transparent); } } .bg-zinc-800\/60 { background-color: #27272a99; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-800\/60 { background-color: color-mix(in oklab, var(--color-zinc-800) 60%, transparent); } } .bg-zinc-900 { background-color: var(--color-zinc-900); } .bg-zinc-900\/10 { background-color: #18181b1a; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/10 { background-color: color-mix(in oklab, var(--color-zinc-900) 10%, transparent); } } .bg-zinc-900\/20 { background-color: #18181b33; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/20 { background-color: color-mix(in oklab, var(--color-zinc-900) 20%, transparent); } } .bg-zinc-900\/30 { background-color: #18181b4d; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/30 { background-color: color-mix(in oklab, var(--color-zinc-900) 30%, transparent); } } .bg-zinc-900\/40 { background-color: #18181b66; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/40 { background-color: color-mix(in oklab, var(--color-zinc-900) 40%, transparent); } } .bg-zinc-900\/50 { background-color: #18181b80; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/50 { background-color: color-mix(in oklab, var(--color-zinc-900) 50%, transparent); } } .bg-zinc-900\/60 { background-color: #18181b99; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/60 { background-color: color-mix(in oklab, var(--color-zinc-900) 60%, transparent); } } .bg-zinc-900\/70 { background-color: #18181bb3; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/70 { background-color: color-mix(in oklab, var(--color-zinc-900) 70%, transparent); } } .bg-zinc-900\/80 { background-color: #18181bcc; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/80 { background-color: color-mix(in oklab, var(--color-zinc-900) 80%, transparent); } } .bg-zinc-950 { background-color: var(--color-zinc-950); } .bg-zinc-950\/20 { background-color: #09090b33; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-950\/20 { background-color: color-mix(in oklab, var(--color-zinc-950) 20%, transparent); } } .bg-zinc-950\/30 { background-color: #09090b4d; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-950\/30 { background-color: color-mix(in oklab, var(--color-zinc-950) 30%, transparent); } } .bg-zinc-950\/40 { background-color: #09090b66; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-950\/40 { background-color: color-mix(in oklab, var(--color-zinc-950) 40%, transparent); } } .bg-zinc-950\/50 { background-color: #09090b80; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-950\/50 { background-color: color-mix(in oklab, var(--color-zinc-950) 50%, transparent); } } .bg-zinc-950\/60 { background-color: #09090b99; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-950\/60 { background-color: color-mix(in oklab, var(--color-zinc-950) 60%, transparent); } } .bg-zinc-950\/80 { background-color: #09090bcc; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-950\/80 { background-color: color-mix(in oklab, var(--color-zinc-950) 80%, transparent); } } .bg-zinc-950\/95 { background-color: #09090bf2; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-950\/95 { background-color: color-mix(in oklab, var(--color-zinc-950) 95%, transparent); } } .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)); } .bg-gradient-to-tr { --tw-gradient-position: to top right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[linear-gradient\(118deg\,\#101f38_0\%\,\#173b66_52\%\,\#5b3b91_100\%\)\] { background-image: linear-gradient(118deg, #101f38 0%, #173b66 52%, #5b3b91 100%); } .bg-\[radial-gradient\(circle_at_top\,_var\(--tw-gradient-stops\)\)\] { background-image: radial-gradient(circle at top, var(--tw-gradient-stops)); } .from-\[\#0A0A0A\] { --tw-gradient-from: #0a0a0a; --tw-gradient-stops: var(--tw-gradient-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-\[\#0A0A0F\] { --tw-gradient-from: #0a0a0f; --tw-gradient-stops: var(--tw-gradient-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-\[\#0A84FF\] { --tw-gradient-from: #0a84ff; --tw-gradient-stops: var(--tw-gradient-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-\[\#0A84FF\]\/10 { --tw-gradient-from: oklab(62.4254% -.0515206 -.199017 / .1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#0A84FF\]\/20 { --tw-gradient-from: oklab(62.4254% -.0515206 -.199017 / .2); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#0A84FF\]\/\[0\.08\] { --tw-gradient-from: oklab(62.4254% -.0515206 -.199017 / .08); --tw-gradient-stops: var(--tw-gradient-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-\[\#0F0F10\] { --tw-gradient-from: #0f0f10; --tw-gradient-stops: var(--tw-gradient-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-\[\#1C1C1E\]\/90 { --tw-gradient-from: oklab(22.728% .00105973 -.00367355 / .9); --tw-gradient-stops: var(--tw-gradient-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-\[\#2a9aff\] { --tw-gradient-from: #2a9aff; --tw-gradient-stops: var(--tw-gradient-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-\[\#5E5CE6\] { --tw-gradient-from: #5e5ce6; --tw-gradient-stops: var(--tw-gradient-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-\[\#10B981\] { --tw-gradient-from: #10b981; --tw-gradient-stops: var(--tw-gradient-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-\[\#30D158\] { --tw-gradient-from: #30d158; --tw-gradient-stops: var(--tw-gradient-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-\[\#30D158\]\/10 { --tw-gradient-from: oklab(75.5551% -.174617 .113469 / .1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#30D158\]\/20 { --tw-gradient-from: oklab(75.5551% -.174617 .113469 / .2); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#FF9F0A\] { --tw-gradient-from: #ff9f0a; --tw-gradient-stops: var(--tw-gradient-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-\[\#FF9F0A\]\/10 { --tw-gradient-from: oklab(78.2365% .066223 .157716 / .1); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#FF9F0A\]\/20 { --tw-gradient-from: oklab(78.2365% .066223 .157716 / .2); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#FF453A\]\/20 { --tw-gradient-from: oklab(66.3303% .196898 .105983 / .2); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-amber-400 { --tw-gradient-from: var(--color-amber-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-amber-500\/10 { --tw-gradient-from: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .from-amber-500\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .from-amber-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-amber-600 { --tw-gradient-from: var(--color-amber-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/95 { --tw-gradient-from: #000000f2; } @supports (color: color-mix(in lab, red, red)) { .from-black\/95 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 95%, transparent); } } .from-black\/95 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500\/5 { --tw-gradient-from: #3080ff0d; } @supports (color: color-mix(in lab, red, red)) { .from-blue-500\/5 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .from-blue-500\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500\/20 { --tw-gradient-from: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .from-blue-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .from-blue-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500\/\[0\.12\] { --tw-gradient-from: #3080ff1f; } @supports (color: color-mix(in lab, red, red)) { .from-blue-500\/\[0\.12\] { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 12%, transparent); } } .from-blue-500\/\[0\.12\] { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-600 { --tw-gradient-from: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-600\/10 { --tw-gradient-from: #155dfc1a; } @supports (color: color-mix(in lab, red, red)) { .from-blue-600\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-600) 10%, transparent); } } .from-blue-600\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-600\/20 { --tw-gradient-from: #155dfc33; } @supports (color: color-mix(in lab, red, red)) { .from-blue-600\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-600) 20%, transparent); } } .from-blue-600\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-500 { --tw-gradient-from: var(--color-emerald-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-600 { --tw-gradient-from: var(--color-emerald-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-950\/40 { --tw-gradient-from: #002c2266; } @supports (color: color-mix(in lab, red, red)) { .from-emerald-950\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-950) 40%, transparent); } } .from-emerald-950\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-950\/20 { --tw-gradient-from: #1e1a4d33; } @supports (color: color-mix(in lab, red, red)) { .from-indigo-950\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-950) 20%, transparent); } } .from-indigo-950\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-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-primary { --tw-gradient-from: var(--theme-action); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/50 { --tw-gradient-from: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .from-primary\/50 { --tw-gradient-from: color-mix(in oklab, var(--theme-action) 50%, transparent); } } .from-primary\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-500 { --tw-gradient-from: var(--color-red-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-500\/20 { --tw-gradient-from: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .from-red-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .from-red-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-rose-500\/\[0\.05\] { --tw-gradient-from: #ff23570d; } @supports (color: color-mix(in lab, red, red)) { .from-rose-500\/\[0\.05\] { --tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 5%, transparent); } } .from-rose-500\/\[0\.05\] { --tw-gradient-stops: var(--tw-gradient-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-rose-600 { --tw-gradient-from: var(--color-rose-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-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\/5 { --tw-gradient-from: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .from-white\/5 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent); } } .from-white\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white\/10 { --tw-gradient-from: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .from-white\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent); } } .from-white\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white\/30 { --tw-gradient-from: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .from-white\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 30%, transparent); } } .from-white\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white\/\[0\.04\] { --tw-gradient-from: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { .from-white\/\[0\.04\] { --tw-gradient-from: color-mix(in oklab, var(--color-white) 4%, transparent); } } .from-white\/\[0\.04\] { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-yellow-500\/20 { --tw-gradient-from: #edb20033; } @supports (color: color-mix(in lab, red, red)) { .from-yellow-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .from-yellow-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-\[\#0A0A0A\]\/80 { --tw-gradient-via: oklab(14.4788% 7.45058e-9 7.45058e-9 / .8); --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-\[\#1A1A1D\] { --tw-gradient-via: #1a1a1d; --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-\[\#30D158\]\/5 { --tw-gradient-via: oklab(75.5551% -.174617 .113469 / .05); --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-\[\#409CFF\] { --tw-gradient-via: #409cff; --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-\[\#FF9F0A\]\/5 { --tw-gradient-via: oklab(78.2365% .066223 .157716 / .05); --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-\[\#FF453A\]\/5 { --tw-gradient-via: oklab(66.3303% .196898 .105983 / .05); --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-\[var\(--theme-surface\)\] { --tw-gradient-via: var(--theme-surface); --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-amber-500 { --tw-gradient-via: var(--color-amber-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/60 { --tw-gradient-via: #0009; } @supports (color: color-mix(in lab, red, red)) { .via-black\/60 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 60%, transparent); } } .via-black\/60 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-blue-400 { --tw-gradient-via: var(--color-blue-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-blue-500\/10 { --tw-gradient-via: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .via-blue-500\/10 { --tw-gradient-via: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .via-blue-500\/10 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-emerald-500 { --tw-gradient-via: var(--color-emerald-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-orange-500\/10 { --tw-gradient-via: #fe6e001a; } @supports (color: color-mix(in lab, red, red)) { .via-orange-500\/10 { --tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } .via-orange-500\/10 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-orange-500\/20 { --tw-gradient-via: #fe6e0033; } @supports (color: color-mix(in lab, red, red)) { .via-orange-500\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .via-orange-500\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary { --tw-gradient-via: var(--theme-action); --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-rose-500 { --tw-gradient-via: var(--color-rose-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/5 { --tw-gradient-via: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .via-white\/5 { --tw-gradient-via: color-mix(in oklab, var(--color-white) 5%, transparent); } } .via-white\/5 { --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\/20 { --tw-gradient-via: #fff3; } @supports (color: color-mix(in lab, red, red)) { .via-white\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-white) 20%, transparent); } } .via-white\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/\[0\.03\] { --tw-gradient-via: #ffffff08; } @supports (color: color-mix(in lab, red, red)) { .via-white\/\[0\.03\] { --tw-gradient-via: color-mix(in oklab, var(--color-white) 3%, transparent); } } .via-white\/\[0\.03\] { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-zinc-900 { --tw-gradient-via: var(--color-zinc-900); --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-\[\#0A84FF\] { --tw-gradient-to: #0a84ff; --tw-gradient-stops: var(--tw-gradient-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-\[\#0A84FF\]\/5 { --tw-gradient-to: oklab(62.4254% -.0515206 -.199017 / .05); --tw-gradient-stops: var(--tw-gradient-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-\[\#0A84FF\]\/\[0\.03\] { --tw-gradient-to: oklab(62.4254% -.0515206 -.199017 / .03); --tw-gradient-stops: var(--tw-gradient-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-\[\#0F0F10\] { --tw-gradient-to: #0f0f10; --tw-gradient-stops: var(--tw-gradient-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-\[\#5E5CE6\] { --tw-gradient-to: #5e5ce6; --tw-gradient-stops: var(--tw-gradient-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-\[\#7E7CFF\] { --tw-gradient-to: #7e7cff; --tw-gradient-stops: var(--tw-gradient-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-\[\#28A745\] { --tw-gradient-to: #28a745; --tw-gradient-stops: var(--tw-gradient-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-\[\#0055FF\] { --tw-gradient-to: #05f; --tw-gradient-stops: var(--tw-gradient-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-\[\#0066CC\] { --tw-gradient-to: #06c; --tw-gradient-stops: var(--tw-gradient-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-\[\#059669\] { --tw-gradient-to: #059669; --tw-gradient-stops: var(--tw-gradient-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-\[\#141416\]\/95 { --tw-gradient-to: oklab(19.2123% .00110122 -.00383586 / .95); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#FF8500\] { --tw-gradient-to: #ff8500; --tw-gradient-stops: var(--tw-gradient-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-amber-400 { --tw-gradient-to: var(--color-amber-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-amber-600 { --tw-gradient-to: var(--color-amber-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-400 { --tw-gradient-to: var(--color-blue-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-500 { --tw-gradient-to: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-500\/5 { --tw-gradient-to: #3080ff0d; } @supports (color: color-mix(in lab, red, red)) { .to-blue-500\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .to-blue-500\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-500\/20 { --tw-gradient-to: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .to-blue-500\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .to-blue-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-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-500\/\[0\.07\] { --tw-gradient-to: #00bb7f12; } @supports (color: color-mix(in lab, red, red)) { .to-emerald-500\/\[0\.07\] { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 7.0%, transparent); } } .to-emerald-500\/\[0\.07\] { --tw-gradient-stops: var(--tw-gradient-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-600 { --tw-gradient-to: var(--color-emerald-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-indigo-950\/40 { --tw-gradient-to: #1e1a4d66; } @supports (color: color-mix(in lab, red, red)) { .to-indigo-950\/40 { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-950) 40%, transparent); } } .to-indigo-950\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-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-primary\/50 { --tw-gradient-to: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .to-primary\/50 { --tw-gradient-to: color-mix(in oklab, var(--theme-action) 50%, transparent); } } .to-primary\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-500\/20 { --tw-gradient-to: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .to-red-500\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .to-red-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-600 { --tw-gradient-to: var(--color-red-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-rose-400 { --tw-gradient-to: var(--color-rose-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-rose-500\/\[0\.01\] { --tw-gradient-to: #ff235703; } @supports (color: color-mix(in lab, red, red)) { .to-rose-500\/\[0\.01\] { --tw-gradient-to: color-mix(in oklab, var(--color-rose-500) 1%, transparent); } } .to-rose-500\/\[0\.01\] { --tw-gradient-stops: var(--tw-gradient-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-600 { --tw-gradient-to: var(--color-rose-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white\/5 { --tw-gradient-to: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .to-white\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, transparent); } } .to-white\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white\/\[0\.02\] { --tw-gradient-to: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .to-white\/\[0\.02\] { --tw-gradient-to: color-mix(in oklab, var(--color-white) 2%, transparent); } } .to-white\/\[0\.02\] { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-500\/20 { --tw-gradient-to: #edb20033; } @supports (color: color-mix(in lab, red, red)) { .to-yellow-500\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .to-yellow-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-zinc-950 { --tw-gradient-to: var(--color-zinc-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .bg-repeat { background-repeat: repeat; } .mask-no-clip { -webkit-mask-clip: no-clip; mask-clip: no-clip; } .mask-repeat { -webkit-mask-repeat: repeat; mask-repeat: repeat; } .fill-amber-400 { fill: var(--color-amber-400); } .fill-none { fill: none; } .stroke-indigo-400 { stroke: var(--color-indigo-400); } .stroke-indigo-500 { stroke: var(--color-indigo-500); } .stroke-zinc-900 { stroke: var(--color-zinc-900); } .stroke-\[3\] { stroke-width: 3px; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * .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\.5 { padding: calc(var(--spacing) * 3.5); } .p-4 { padding: calc(var(--spacing) * 4); } .p-4\.5 { padding: calc(var(--spacing) * 4.5); } .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-9 { padding: calc(var(--spacing) * 9); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .p-16 { padding: calc(var(--spacing) * 16); } .p-20 { padding: calc(var(--spacing) * 20); } .p-\[2px\] { padding: 2px; } .p-\[3px\] { padding: 3px; } .\!px-3 { padding-inline: calc(var(--spacing) * 3) !important; } .\!px-5 { padding-inline: calc(var(--spacing) * 5) !important; } .\!px-6 { padding-inline: calc(var(--spacing) * 6) !important; } .\!px-8 { padding-inline: calc(var(--spacing) * 8) !important; } .px-0\.5 { padding-inline: calc(var(--spacing) * .5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-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-8 { padding-inline: calc(var(--spacing) * 8); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .px-12 { padding-inline: calc(var(--spacing) * 12); } .px-\[1\.5px\] { padding-inline: 1.5px; } .px-\[5px\] { padding-inline: 5px; } .\!py-2\.5 { padding-block: calc(var(--spacing) * 2.5) !important; } .\!py-6 { padding-block: calc(var(--spacing) * 6) !important; } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-4\.5 { padding-block: calc(var(--spacing) * 4.5); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-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-32 { padding-block: calc(var(--spacing) * 32); } .py-\[7px\] { padding-block: 7px; } .py-\[10px\] { padding-block: 10px; } .py-px { padding-block: 1px; } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-0\.5 { padding-top: calc(var(--spacing) * .5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[15vh\] { padding-top: 15vh; } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pr-14 { padding-right: calc(var(--spacing) * 14); } .pr-\[6px\] { padding-right: 6px; } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-0\.5 { padding-bottom: calc(var(--spacing) * .5); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-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-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-32 { padding-bottom: calc(var(--spacing) * 32); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .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-12 { padding-left: calc(var(--spacing) * 12); } .pl-14 { padding-left: calc(var(--spacing) * 14); } .pl-\[5px\] { padding-left: 5px; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-top { vertical-align: top; } .font-display { font-family: DM Sans, var(--font-body), ui-sans-serif, system-ui, sans-serif; } .font-mono { font-family: var(--font-mono), ui-monospace, monospace; } .font-sans { font-family: var(--font-sans); } .font-serif { font-family: var(--font-serif); } .\!text-xs { font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-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-\[13px\] { font-size: 13px !important; } .\!text-\[15px\] { font-size: 15px !important; } .text-\[7\.5px\] { font-size: 7.5px; } .text-\[7px\] { font-size: 7px; } .text-\[8px\] { font-size: 8px; } .text-\[9\.5px\] { font-size: 9.5px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11\.5px\] { font-size: 11.5px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .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-\[36px\] { font-size: 36px; } .text-\[40px\] { font-size: 40px; } .text-\[64px\] { font-size: 64px; } .text-\[clamp\(48px\,5\.2vw\,78px\)\] { font-size: clamp(48px, 5.2vw, 78px); } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-\[0\.98\] { --tw-leading: .98; line-height: .98; } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .leading-\[1\.35\] { --tw-leading: 1.35; line-height: 1.35; } .leading-\[18px\] { --tw-leading: 18px; line-height: 18px; } .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) !important; font-weight: var(--font-weight-bold) !important; } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .font-thin { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } .tracking-\[-0\.01em\] { --tw-tracking: -.01em; letter-spacing: -.01em; } .tracking-\[-0\.05em\] { --tw-tracking: -.05em; letter-spacing: -.05em; } .tracking-\[-0\.06em\] { --tw-tracking: -.06em; letter-spacing: -.06em; } .tracking-\[-0\.025em\] { --tw-tracking: -.025em; letter-spacing: -.025em; } .tracking-\[-0\.065em\] { --tw-tracking: -.065em; letter-spacing: -.065em; } .tracking-\[\.08em\] { --tw-tracking: .08em; letter-spacing: .08em; } .tracking-\[\.12em\] { --tw-tracking: .12em; letter-spacing: .12em; } .tracking-\[\.14em\] { --tw-tracking: .14em; letter-spacing: .14em; } .tracking-\[\.16em\] { --tw-tracking: .16em; letter-spacing: .16em; } .tracking-\[0\.1em\] { --tw-tracking: .1em; letter-spacing: .1em; } .tracking-\[0\.2em\] { --tw-tracking: .2em; letter-spacing: .2em; } .tracking-\[0\.4em\] { --tw-tracking: .4em; letter-spacing: .4em; } .tracking-\[0\.06em\] { --tw-tracking: .06em; letter-spacing: .06em; } .tracking-\[0\.08em\] { --tw-tracking: .08em; letter-spacing: .08em; } .tracking-\[0\.8px\] { --tw-tracking: .8px; letter-spacing: .8px; } .tracking-\[0\.11em\] { --tw-tracking: .11em; letter-spacing: .11em; } .tracking-\[0\.12em\] { --tw-tracking: .12em; letter-spacing: .12em; } .tracking-\[0\.13em\] { --tw-tracking: .13em; letter-spacing: .13em; } .tracking-\[0\.14em\] { --tw-tracking: .14em; letter-spacing: .14em; } .tracking-\[0\.15em\] { --tw-tracking: .15em; letter-spacing: .15em; } .tracking-\[0\.16em\] { --tw-tracking: .16em; letter-spacing: .16em; } .tracking-\[0\.18em\] { --tw-tracking: .18em; letter-spacing: .18em; } .tracking-\[0\.25em\] { --tw-tracking: .25em; letter-spacing: .25em; } .tracking-\[0\.35em\] { --tw-tracking: .35em; letter-spacing: .35em; } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-wrap { text-wrap: wrap; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .text-clip { text-overflow: clip; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .\!text-black { color: var(--color-black) !important; } .\!text-emerald-400 { color: var(--color-emerald-400) !important; } .\!text-red-400 { color: var(--color-red-400) !important; } .\!text-white { color: var(--color-white) !important; } .text-\[\#0A84FF\] { color: #0a84ff; } .text-\[\#0A84FF\]\/40 { color: oklab(62.4254% -.0515206 -.199017 / .4); } .text-\[\#0A84FF\]\/70 { color: oklab(62.4254% -.0515206 -.199017 / .7); } .text-\[\#0A84FF\]\/80 { color: oklab(62.4254% -.0515206 -.199017 / .8); } .text-\[\#0B3B66\] { color: #0b3b66; } .text-\[\#0F172A\] { color: #0f172a; } .text-\[\#1D4ED8\] { color: #1d4ed8; } .text-\[\#3B82F6\] { color: #3b82f6; } .text-\[\#3F3F46\] { color: #3f3f46; } .text-\[\#5E5CE6\] { color: #5e5ce6; } .text-\[\#5E5CE6\]\/70 { color: oklab(55.6438% .0287955 -.201107 / .7); } .text-\[\#5aaeff\] { color: #5aaeff; } .text-\[\#06b6d4\] { color: #06b6d4; } .text-\[\#007AFF\] { color: #007aff; } .text-\[\#8B5CF6\] { color: #8b5cf6; } .text-\[\#9dceff\] { color: #9dceff; } .text-\[\#10B981\] { color: #10b981; } .text-\[\#21d48c\] { color: #21d48c; } .text-\[\#30B0C7\] { color: #30b0c7; } .text-\[\#30D158\] { color: #30d158; } .text-\[\#55d8ad\] { color: #55d8ad; } .text-\[\#0066FF\] { color: #06f; } .text-\[\#075eaf\] { color: #075eaf; } .text-\[\#172B4D\] { color: #172b4d; } .text-\[\#409CFF\] { color: #409cff; } .text-\[\#0878f9\] { color: #0878f9; } .text-\[\#888\] { color: #888; } .text-\[\#52525B\] { color: #52525b; } .text-\[\#64748B\] { color: #64748b; } .text-\[\#71717A\] { color: #71717a; } .text-\[\#92400E\] { color: #92400e; } .text-\[\#166534\] { color: #166534; } .text-\[\#333333\] { color: #333; } .text-\[\#334155\] { color: #334155; } .text-\[\#404040\] { color: #404040; } .text-\[\#475569\] { color: #475569; } .text-\[\#525252\] { color: #525252; } .text-\[\#737373\] { color: #737373; } .text-\[\#A1A1AA\] { color: #a1a1aa; } .text-\[\#A3A3A3\] { color: #a3a3a3; } .text-\[\#B42318\] { color: #b42318; } .text-\[\#BF5AF2\] { color: #bf5af2; } .text-\[\#D1D5DB\] { color: #d1d5db; } .text-\[\#D4D4D8\] { color: #d4d4d8; } .text-\[\#E4E4E7\] { color: #e4e4e7; } .text-\[\#F59E0B\] { color: #f59e0b; } .text-\[\#FF9F0A\] { color: #ff9f0a; } .text-\[\#FF453A\] { color: #ff453a; } .text-\[\#FF9500\] { color: #ff9500; } .text-\[\#FFA500\] { color: orange; } .text-\[\#e8edf8\] { color: #e8edf8; } .text-\[var\(--m-muted\)\] { color: var(--m-muted); } .text-\[var\(--m-text\)\] { color: var(--m-text); } .text-\[var\(--m-warning\)\] { color: var(--m-warning); } .text-\[var\(--theme-action\)\] { color: var(--theme-action); } .text-\[var\(--theme-danger\)\] { color: var(--theme-danger); } .text-\[var\(--theme-on-action\)\] { color: var(--theme-on-action); } .text-\[var\(--theme-success\)\] { color: var(--theme-success); } .text-\[var\(--theme-text\)\] { color: var(--theme-text); } .text-\[var\(--theme-text-muted\)\] { color: var(--theme-text-muted); } .text-\[var\(--theme-text-secondary\)\] { color: var(--theme-text-secondary); } .text-\[var\(--theme-text-soft\)\] { color: var(--theme-text-soft); } .text-\[var\(--theme-text-tertiary\)\] { color: var(--theme-text-tertiary); } .text-\[var\(--theme-warning\)\] { color: var(--theme-warning); } .text-amber-100 { color: var(--color-amber-100); } .text-amber-100\/55 { color: #fef3c68c; } @supports (color: color-mix(in lab, red, red)) { .text-amber-100\/55 { color: color-mix(in oklab, var(--color-amber-100) 55%, transparent); } } .text-amber-100\/60 { color: #fef3c699; } @supports (color: color-mix(in lab, red, red)) { .text-amber-100\/60 { color: color-mix(in oklab, var(--color-amber-100) 60%, transparent); } } .text-amber-100\/70 { color: #fef3c6b3; } @supports (color: color-mix(in lab, red, red)) { .text-amber-100\/70 { color: color-mix(in oklab, var(--color-amber-100) 70%, transparent); } } .text-amber-100\/75 { color: #fef3c6bf; } @supports (color: color-mix(in lab, red, red)) { .text-amber-100\/75 { color: color-mix(in oklab, var(--color-amber-100) 75%, transparent); } } .text-amber-100\/80 { color: #fef3c6cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-100\/80 { color: color-mix(in oklab, var(--color-amber-100) 80%, transparent); } } .text-amber-200 { color: var(--color-amber-200); } .text-amber-200\/60 { color: #fee68599; } @supports (color: color-mix(in lab, red, red)) { .text-amber-200\/60 { color: color-mix(in oklab, var(--color-amber-200) 60%, transparent); } } .text-amber-200\/70 { color: #fee685b3; } @supports (color: color-mix(in lab, red, red)) { .text-amber-200\/70 { color: color-mix(in oklab, var(--color-amber-200) 70%, transparent); } } .text-amber-200\/80 { color: #fee685cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-200\/80 { color: color-mix(in oklab, var(--color-amber-200) 80%, transparent); } } .text-amber-300 { color: var(--color-amber-300); } .text-amber-300\/70 { color: #ffd236b3; } @supports (color: color-mix(in lab, red, red)) { .text-amber-300\/70 { color: color-mix(in oklab, var(--color-amber-300) 70%, transparent); } } .text-amber-300\/80 { color: #ffd236cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-300\/80 { color: color-mix(in oklab, var(--color-amber-300) 80%, transparent); } } .text-amber-400 { color: var(--color-amber-400); } .text-amber-400\/40 { color: #fcbb0066; } @supports (color: color-mix(in lab, red, red)) { .text-amber-400\/40 { color: color-mix(in oklab, var(--color-amber-400) 40%, transparent); } } .text-amber-400\/50 { color: #fcbb0080; } @supports (color: color-mix(in lab, red, red)) { .text-amber-400\/50 { color: color-mix(in oklab, var(--color-amber-400) 50%, transparent); } } .text-amber-400\/60 { color: #fcbb0099; } @supports (color: color-mix(in lab, red, red)) { .text-amber-400\/60 { color: color-mix(in oklab, var(--color-amber-400) 60%, transparent); } } .text-amber-400\/70 { color: #fcbb00b3; } @supports (color: color-mix(in lab, red, red)) { .text-amber-400\/70 { color: color-mix(in oklab, var(--color-amber-400) 70%, transparent); } } .text-amber-400\/80 { color: #fcbb00cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-400\/80 { color: color-mix(in oklab, var(--color-amber-400) 80%, transparent); } } .text-amber-400\/90 { color: #fcbb00e6; } @supports (color: color-mix(in lab, red, red)) { .text-amber-400\/90 { color: color-mix(in oklab, var(--color-amber-400) 90%, transparent); } } .text-amber-500 { color: var(--color-amber-500); } .text-amber-500\/60 { color: #f99c0099; } @supports (color: color-mix(in lab, red, red)) { .text-amber-500\/60 { color: color-mix(in oklab, var(--color-amber-500) 60%, transparent); } } .text-amber-500\/70 { color: #f99c00b3; } @supports (color: color-mix(in lab, red, red)) { .text-amber-500\/70 { color: color-mix(in oklab, var(--color-amber-500) 70%, transparent); } } .text-amber-500\/80 { color: #f99c00cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-500\/80 { color: color-mix(in oklab, var(--color-amber-500) 80%, transparent); } } .text-amber-500\/90 { color: #f99c00e6; } @supports (color: color-mix(in lab, red, red)) { .text-amber-500\/90 { color: color-mix(in oklab, var(--color-amber-500) 90%, transparent); } } .text-amber-500\/95 { color: #f99c00f2; } @supports (color: color-mix(in lab, red, red)) { .text-amber-500\/95 { color: color-mix(in oklab, var(--color-amber-500) 95%, transparent); } } .text-amber-600 { color: var(--color-amber-600); } .text-amber-700 { color: var(--color-amber-700); } .text-amber-800 { color: var(--color-amber-800); } .text-black { color: var(--color-black); } .text-blue-100 { color: var(--color-blue-100); } .text-blue-100\/70 { color: #dbeafeb3; } @supports (color: color-mix(in lab, red, red)) { .text-blue-100\/70 { color: color-mix(in oklab, var(--color-blue-100) 70%, transparent); } } .text-blue-200 { color: var(--color-blue-200); } .text-blue-200\/60 { color: #bedbff99; } @supports (color: color-mix(in lab, red, red)) { .text-blue-200\/60 { color: color-mix(in oklab, var(--color-blue-200) 60%, transparent); } } .text-blue-200\/70 { color: #bedbffb3; } @supports (color: color-mix(in lab, red, red)) { .text-blue-200\/70 { color: color-mix(in oklab, var(--color-blue-200) 70%, transparent); } } .text-blue-200\/80 { color: #bedbffcc; } @supports (color: color-mix(in lab, red, red)) { .text-blue-200\/80 { color: color-mix(in oklab, var(--color-blue-200) 80%, transparent); } } .text-blue-300 { color: var(--color-blue-300); } .text-blue-300\/45 { color: #90c5ff73; } @supports (color: color-mix(in lab, red, red)) { .text-blue-300\/45 { color: color-mix(in oklab, var(--color-blue-300) 45%, transparent); } } .text-blue-300\/70 { color: #90c5ffb3; } @supports (color: color-mix(in lab, red, red)) { .text-blue-300\/70 { color: color-mix(in oklab, var(--color-blue-300) 70%, transparent); } } .text-blue-300\/80 { color: #90c5ffcc; } @supports (color: color-mix(in lab, red, red)) { .text-blue-300\/80 { color: color-mix(in oklab, var(--color-blue-300) 80%, transparent); } } .text-blue-300\/90 { color: #90c5ffe6; } @supports (color: color-mix(in lab, red, red)) { .text-blue-300\/90 { color: color-mix(in oklab, var(--color-blue-300) 90%, transparent); } } .text-blue-400 { color: var(--color-blue-400); } .text-blue-400\/40 { color: #54a2ff66; } @supports (color: color-mix(in lab, red, red)) { .text-blue-400\/40 { color: color-mix(in oklab, var(--color-blue-400) 40%, transparent); } } .text-blue-400\/70 { color: #54a2ffb3; } @supports (color: color-mix(in lab, red, red)) { .text-blue-400\/70 { color: color-mix(in oklab, var(--color-blue-400) 70%, transparent); } } .text-blue-400\/75 { color: #54a2ffbf; } @supports (color: color-mix(in lab, red, red)) { .text-blue-400\/75 { color: color-mix(in oklab, var(--color-blue-400) 75%, transparent); } } .text-blue-400\/80 { color: #54a2ffcc; } @supports (color: color-mix(in lab, red, red)) { .text-blue-400\/80 { color: color-mix(in oklab, var(--color-blue-400) 80%, transparent); } } .text-blue-500 { color: var(--color-blue-500); } .text-blue-500\/60 { color: #3080ff99; } @supports (color: color-mix(in lab, red, red)) { .text-blue-500\/60 { color: color-mix(in oklab, var(--color-blue-500) 60%, transparent); } } .text-blue-500\/70 { color: #3080ffb3; } @supports (color: color-mix(in lab, red, red)) { .text-blue-500\/70 { color: color-mix(in oklab, var(--color-blue-500) 70%, transparent); } } .text-blue-500\/80 { color: #3080ffcc; } @supports (color: color-mix(in lab, red, red)) { .text-blue-500\/80 { color: color-mix(in oklab, var(--color-blue-500) 80%, transparent); } } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-current { color: currentColor; } .text-cyan-700 { color: var(--color-cyan-700); } .text-emerald-100\/50 { color: #d0fae580; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-100\/50 { color: color-mix(in oklab, var(--color-emerald-100) 50%, transparent); } } .text-emerald-200 { color: var(--color-emerald-200); } .text-emerald-200\/80 { color: #a4f4cfcc; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-200\/80 { color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent); } } .text-emerald-300 { color: var(--color-emerald-300); } .text-emerald-400 { color: var(--color-emerald-400); } .text-emerald-400\/40 { color: #00d29466; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-400\/40 { color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent); } } .text-emerald-400\/60 { color: #00d29499; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-400\/60 { color: color-mix(in oklab, var(--color-emerald-400) 60%, transparent); } } .text-emerald-400\/80 { color: #00d294cc; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-400\/80 { color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent); } } .text-emerald-500 { color: var(--color-emerald-500); } .text-emerald-500\/40 { color: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-500\/40 { color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .text-emerald-500\/50 { color: #00bb7f80; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-500\/50 { color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent); } } .text-emerald-500\/60 { color: #00bb7f99; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-500\/60 { color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent); } } .text-emerald-500\/70 { color: #00bb7fb3; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-500\/70 { color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent); } } .text-emerald-500\/80 { color: #00bb7fcc; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-500\/80 { color: color-mix(in oklab, var(--color-emerald-500) 80%, transparent); } } .text-emerald-600 { color: var(--color-emerald-600); } .text-emerald-700 { color: var(--color-emerald-700); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-800 { color: var(--color-green-800); } .text-indigo-100\/50 { color: #e0e7ff80; } @supports (color: color-mix(in lab, red, red)) { .text-indigo-100\/50 { color: color-mix(in oklab, var(--color-indigo-100) 50%, transparent); } } .text-indigo-100\/70 { color: #e0e7ffb3; } @supports (color: color-mix(in lab, red, red)) { .text-indigo-100\/70 { color: color-mix(in oklab, var(--color-indigo-100) 70%, transparent); } } .text-indigo-200 { color: var(--color-indigo-200); } .text-indigo-300 { color: var(--color-indigo-300); } .text-indigo-400 { color: var(--color-indigo-400); } .text-indigo-400\/80 { color: #7d87ffcc; } @supports (color: color-mix(in lab, red, red)) { .text-indigo-400\/80 { color: color-mix(in oklab, var(--color-indigo-400) 80%, transparent); } } .text-indigo-400\/90 { color: #7d87ffe6; } @supports (color: color-mix(in lab, red, red)) { .text-indigo-400\/90 { color: color-mix(in oklab, var(--color-indigo-400) 90%, transparent); } } .text-indigo-500 { color: var(--color-indigo-500); } .text-indigo-600 { color: var(--color-indigo-600); } .text-muted { color: var(--theme-text-muted); } .text-orange-200\/80 { color: #ffd7a8cc; } @supports (color: color-mix(in lab, red, red)) { .text-orange-200\/80 { color: color-mix(in oklab, var(--color-orange-200) 80%, transparent); } } .text-orange-300 { color: var(--color-orange-300); } .text-orange-400 { color: var(--color-orange-400); } .text-orange-400\/60 { color: #ff8b1a99; } @supports (color: color-mix(in lab, red, red)) { .text-orange-400\/60 { color: color-mix(in oklab, var(--color-orange-400) 60%, transparent); } } .text-orange-500 { color: var(--color-orange-500); } .text-orange-600 { color: var(--color-orange-600); } .text-pink-400 { color: var(--color-pink-400); } .text-pink-500 { color: var(--color-pink-500); } .text-primary, .text-primary\/70 { color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/70 { color: color-mix(in oklab, var(--theme-action) 70%, transparent); } } .text-primary\/80 { color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/80 { color: color-mix(in oklab, var(--theme-action) 80%, transparent); } } .text-purple-200 { color: var(--color-purple-200); } .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-red-200 { color: var(--color-red-200); } .text-red-300 { color: var(--color-red-300); } .text-red-300\/70 { color: #ffa3a3b3; } @supports (color: color-mix(in lab, red, red)) { .text-red-300\/70 { color: color-mix(in oklab, var(--color-red-300) 70%, transparent); } } .text-red-400 { color: var(--color-red-400); } .text-red-400\/60 { color: #ff656899; } @supports (color: color-mix(in lab, red, red)) { .text-red-400\/60 { color: color-mix(in oklab, var(--color-red-400) 60%, transparent); } } .text-red-500 { color: var(--color-red-500); } .text-red-500\/70 { color: #fb2c36b3; } @supports (color: color-mix(in lab, red, red)) { .text-red-500\/70 { color: color-mix(in oklab, var(--color-red-500) 70%, transparent); } } .text-red-500\/80 { color: #fb2c36cc; } @supports (color: color-mix(in lab, red, red)) { .text-red-500\/80 { color: color-mix(in oklab, var(--color-red-500) 80%, transparent); } } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-rose-50\/65 { color: #fff1f2a6; } @supports (color: color-mix(in lab, red, red)) { .text-rose-50\/65 { color: color-mix(in oklab, var(--color-rose-50) 65%, transparent); } } .text-rose-50\/70 { color: #fff1f2b3; } @supports (color: color-mix(in lab, red, red)) { .text-rose-50\/70 { color: color-mix(in oklab, var(--color-rose-50) 70%, transparent); } } .text-rose-100 { color: var(--color-rose-100); } .text-rose-100\/60 { color: #ffe4e699; } @supports (color: color-mix(in lab, red, red)) { .text-rose-100\/60 { color: color-mix(in oklab, var(--color-rose-100) 60%, transparent); } } .text-rose-100\/65 { color: #ffe4e6a6; } @supports (color: color-mix(in lab, red, red)) { .text-rose-100\/65 { color: color-mix(in oklab, var(--color-rose-100) 65%, transparent); } } .text-rose-100\/80 { color: #ffe4e6cc; } @supports (color: color-mix(in lab, red, red)) { .text-rose-100\/80 { color: color-mix(in oklab, var(--color-rose-100) 80%, transparent); } } .text-rose-200 { color: var(--color-rose-200); } .text-rose-200\/80 { color: #ffccd3cc; } @supports (color: color-mix(in lab, red, red)) { .text-rose-200\/80 { color: color-mix(in oklab, var(--color-rose-200) 80%, transparent); } } .text-rose-300 { color: var(--color-rose-300); } .text-rose-300\/60 { color: #ffa2ae99; } @supports (color: color-mix(in lab, red, red)) { .text-rose-300\/60 { color: color-mix(in oklab, var(--color-rose-300) 60%, transparent); } } .text-rose-300\/80 { color: #ffa2aecc; } @supports (color: color-mix(in lab, red, red)) { .text-rose-300\/80 { color: color-mix(in oklab, var(--color-rose-300) 80%, transparent); } } .text-rose-400 { color: var(--color-rose-400); } .text-rose-400\/60 { color: #ff667f99; } @supports (color: color-mix(in lab, red, red)) { .text-rose-400\/60 { color: color-mix(in oklab, var(--color-rose-400) 60%, transparent); } } .text-rose-400\/70 { color: #ff667fb3; } @supports (color: color-mix(in lab, red, red)) { .text-rose-400\/70 { color: color-mix(in oklab, var(--color-rose-400) 70%, transparent); } } .text-rose-400\/80 { color: #ff667fcc; } @supports (color: color-mix(in lab, red, red)) { .text-rose-400\/80 { color: color-mix(in oklab, var(--color-rose-400) 80%, transparent); } } .text-rose-500 { color: var(--color-rose-500); } .text-rose-500\/40 { color: #ff235766; } @supports (color: color-mix(in lab, red, red)) { .text-rose-500\/40 { color: color-mix(in oklab, var(--color-rose-500) 40%, transparent); } } .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-100\/70 { color: #dff2feb3; } @supports (color: color-mix(in lab, red, red)) { .text-sky-100\/70 { color: color-mix(in oklab, var(--color-sky-100) 70%, transparent); } } .text-sky-100\/75 { color: #dff2febf; } @supports (color: color-mix(in lab, red, red)) { .text-sky-100\/75 { color: color-mix(in oklab, var(--color-sky-100) 75%, transparent); } } .text-sky-200 { color: var(--color-sky-200); } .text-sky-300 { color: var(--color-sky-300); } .text-sky-400 { color: var(--color-sky-400); } .text-sky-400\/60 { color: #00bcfe99; } @supports (color: color-mix(in lab, red, red)) { .text-sky-400\/60 { color: color-mix(in oklab, var(--color-sky-400) 60%, transparent); } } .text-sky-500 { color: var(--color-sky-500); } .text-sky-700 { color: var(--color-sky-700); } .text-slate-100 { color: var(--color-slate-100); } .text-slate-300 { color: var(--color-slate-300); } .text-slate-400 { color: var(--color-slate-400); } .text-slate-500 { color: var(--color-slate-500); } .text-slate-600 { color: var(--color-slate-600); } .text-slate-700 { color: var(--color-slate-700); } .text-slate-800 { color: var(--color-slate-800); } .text-slate-900 { color: var(--color-slate-900); } .text-slate-950 { color: var(--color-slate-950); } .text-soft, .text-soft\/30 { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-soft\/30 { color: color-mix(in oklab, var(--theme-text-secondary) 30%, transparent); } } .text-soft\/40 { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-soft\/40 { color: color-mix(in oklab, var(--theme-text-secondary) 40%, transparent); } } .text-soft\/45 { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-soft\/45 { color: color-mix(in oklab, var(--theme-text-secondary) 45%, transparent); } } .text-soft\/50 { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-soft\/50 { color: color-mix(in oklab, var(--theme-text-secondary) 50%, transparent); } } .text-soft\/55 { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-soft\/55 { color: color-mix(in oklab, var(--theme-text-secondary) 55%, transparent); } } .text-soft\/60 { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-soft\/60 { color: color-mix(in oklab, var(--theme-text-secondary) 60%, transparent); } } .text-soft\/65 { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-soft\/65 { color: color-mix(in oklab, var(--theme-text-secondary) 65%, transparent); } } .text-soft\/70 { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-soft\/70 { color: color-mix(in oklab, var(--theme-text-secondary) 70%, transparent); } } .text-soft\/75 { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-soft\/75 { color: color-mix(in oklab, var(--theme-text-secondary) 75%, transparent); } } .text-soft\/80 { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-soft\/80 { color: color-mix(in oklab, var(--theme-text-secondary) 80%, transparent); } } .text-soft\/90 { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-soft\/90 { color: color-mix(in oklab, var(--theme-text-secondary) 90%, transparent); } } .text-teal-500 { color: var(--color-teal-500); } .text-transparent { color: #0000; } .text-violet-200\/70 { color: #ddd6ffb3; } @supports (color: color-mix(in lab, red, red)) { .text-violet-200\/70 { color: color-mix(in oklab, var(--color-violet-200) 70%, transparent); } } .text-violet-300 { color: var(--color-violet-300); } .text-violet-400 { color: var(--color-violet-400); } .text-violet-500 { color: var(--color-violet-500); } .text-violet-500\/70 { color: #8d54ffb3; } @supports (color: color-mix(in lab, red, red)) { .text-violet-500\/70 { color: color-mix(in oklab, var(--color-violet-500) 70%, transparent); } } .text-violet-600 { color: var(--color-violet-600); } .text-violet-700 { color: var(--color-violet-700); } .text-white { color: var(--color-white); } .text-white\/5 { color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .text-white\/5 { color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .text-white\/10 { color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .text-white\/10 { color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .text-white\/15 { color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .text-white\/15 { color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .text-white\/20 { color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .text-white\/20 { color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .text-white\/25 { color: #ffffff40; } @supports (color: color-mix(in lab, red, red)) { .text-white\/25 { color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .text-white\/30 { color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .text-white\/30 { color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .text-white\/35 { color: #ffffff59; } @supports (color: color-mix(in lab, red, red)) { .text-white\/35 { color: color-mix(in oklab, var(--color-white) 35%, transparent); } } .text-white\/40 { color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .text-white\/40 { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/45 { color: #ffffff73; } @supports (color: color-mix(in lab, red, red)) { .text-white\/45 { color: color-mix(in oklab, var(--color-white) 45%, transparent); } } .text-white\/50 { color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .text-white\/50 { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-white\/55 { color: #ffffff8c; } @supports (color: color-mix(in lab, red, red)) { .text-white\/55 { color: color-mix(in oklab, var(--color-white) 55%, transparent); } } .text-white\/60 { color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .text-white\/60 { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/65 { color: #ffffffa6; } @supports (color: color-mix(in lab, red, red)) { .text-white\/65 { color: color-mix(in oklab, var(--color-white) 65%, transparent); } } .text-white\/70 { color: #ffffffb3; } @supports (color: color-mix(in lab, red, red)) { .text-white\/70 { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/75 { color: #ffffffbf; } @supports (color: color-mix(in lab, red, red)) { .text-white\/75 { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .text-white\/80 { color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .text-white\/80 { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/85 { color: #ffffffd9; } @supports (color: color-mix(in lab, red, red)) { .text-white\/85 { color: color-mix(in oklab, var(--color-white) 85%, transparent); } } .text-white\/90 { color: #ffffffe6; } @supports (color: color-mix(in lab, red, red)) { .text-white\/90 { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .text-white\/95 { color: #fffffff2; } @supports (color: color-mix(in lab, red, red)) { .text-white\/95 { color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .text-yellow-200 { color: var(--color-yellow-200); } .text-yellow-300 { color: var(--color-yellow-300); } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-500\/90 { color: #edb200e6; } @supports (color: color-mix(in lab, red, red)) { .text-yellow-500\/90 { color: color-mix(in oklab, var(--color-yellow-500) 90%, transparent); } } .text-yellow-800 { color: var(--color-yellow-800); } .text-zinc-100 { color: var(--color-zinc-100); } .text-zinc-200 { color: var(--color-zinc-200); } .text-zinc-300 { color: var(--color-zinc-300); } .text-zinc-400 { color: var(--color-zinc-400); } .text-zinc-500 { color: var(--color-zinc-500); } .text-zinc-600 { color: var(--color-zinc-600); } .text-zinc-700 { color: var(--color-zinc-700); } .text-zinc-700\/60 { color: #3f3f4699; } @supports (color: color-mix(in lab, red, red)) { .text-zinc-700\/60 { color: color-mix(in oklab, var(--color-zinc-700) 60%, transparent); } } .text-zinc-950 { color: var(--color-zinc-950); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .lining-nums { --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .oldstyle-nums { --tw-numeric-figure: oldstyle-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .proportional-nums { --tw-numeric-spacing: proportional-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .slashed-zero { --tw-slashed-zero: slashed-zero; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .stacked-fractions { --tw-numeric-fraction: stacked-fractions; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .normal-nums { font-variant-numeric: normal; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .overline { text-decoration-line: overline; } .underline { text-decoration-line: underline; } .underline-offset-2 { text-underline-offset: 2px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .placeholder-blue-100\/30::-moz-placeholder { color: #dbeafe4d; } .placeholder-blue-100\/30::placeholder { color: #dbeafe4d; } @supports (color: color-mix(in lab, red, red)) { .placeholder-blue-100\/30::-moz-placeholder { color: color-mix(in oklab, var(--color-blue-100) 30%, transparent); } .placeholder-blue-100\/30::placeholder { color: color-mix(in oklab, var(--color-blue-100) 30%, transparent); } } .placeholder-gray-500::-moz-placeholder { color: var(--color-gray-500); } .placeholder-gray-500::placeholder { color: var(--color-gray-500); } .placeholder-muted::-moz-placeholder { color: var(--theme-text-muted); } .placeholder-muted::placeholder { color: var(--theme-text-muted); } .placeholder-white\/20::-moz-placeholder { color: #fff3; } .placeholder-white\/20::placeholder { color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .placeholder-white\/20::-moz-placeholder { color: color-mix(in oklab, var(--color-white) 20%, transparent); } .placeholder-white\/20::placeholder { color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .placeholder-white\/25::-moz-placeholder { color: #ffffff40; } .placeholder-white\/25::placeholder { color: #ffffff40; } @supports (color: color-mix(in lab, red, red)) { .placeholder-white\/25::-moz-placeholder { color: color-mix(in oklab, var(--color-white) 25%, transparent); } .placeholder-white\/25::placeholder { color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .placeholder-zinc-500::-moz-placeholder { color: var(--color-zinc-500); } .placeholder-zinc-500::placeholder { color: var(--color-zinc-500); } .placeholder-zinc-600::-moz-placeholder { color: var(--color-zinc-600); } .placeholder-zinc-600::placeholder { color: var(--color-zinc-600); } .accent-\[\#0A84FF\] { accent-color: #0a84ff; } .accent-\[\#0066FF\] { accent-color: #06f; } .accent-amber-500 { accent-color: var(--color-amber-500); } .accent-blue-500 { accent-color: var(--color-blue-500); } .accent-blue-600 { accent-color: var(--color-blue-600); } .accent-indigo-500 { accent-color: var(--color-indigo-500); } .accent-rose-500 { accent-color: var(--color-rose-500); } .\[color-scheme\:dark\] { color-scheme: dark; } .opacity-0 { opacity: 0; } .opacity-5 { opacity: .05; } .opacity-10 { opacity: .1; } .opacity-20 { opacity: .2; } .opacity-25 { opacity: .25; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-50 { opacity: .5; } .opacity-55 { opacity: .55; } .opacity-60 { opacity: .6; } .opacity-65 { opacity: .65; } .opacity-70 { opacity: .7; } .opacity-75 { opacity: .75; } .opacity-80 { opacity: .8; } .opacity-85 { opacity: .85; } .opacity-90 { opacity: .9; } .opacity-100 { opacity: 1; } .opacity-\[0\.03\] { opacity: .03; } .opacity-\[0\.08\] { opacity: .08; } .\!shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); 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\.12\)\] { --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #3b82f61f); 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_2px_rgba\(255\,255\,255\,0\.2\)\] { --tw-shadow: 0 0 2px var(--tw-shadow-color, #fff3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_4px_rgba\(10\,132\,255\,0\.7\)\] { --tw-shadow: 0 0 4px var(--tw-shadow-color, #0a84ffb3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_5px_rgba\(16\,185\,129\,0\.5\)\] { --tw-shadow: 0 0 5px var(--tw-shadow-color, #10b98180); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_5px_rgba\(245\,158\,11\,0\.5\)\] { --tw-shadow: 0 0 5px var(--tw-shadow-color, #f59e0b80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_6px_rgba\(10\,132\,255\,0\.8\)\] { --tw-shadow: 0 0 6px var(--tw-shadow-color, #0a84ffcc); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_6px_rgba\(251\,191\,36\,0\.8\)\] { --tw-shadow: 0 0 6px var(--tw-shadow-color, #fbbf24cc); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_6px_rgba\(255\,69\,58\,0\.7\)\] { --tw-shadow: 0 0 6px var(--tw-shadow-color, #ff453ab3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_6px_rgba\(255\,159\,10\,0\.7\)\] { --tw-shadow: 0 0 6px var(--tw-shadow-color, #ff9f0ab3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_8px_\#0A84FF\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #0a84ff); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_8px_rgba\(10\,132\,255\,0\.2\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #0a84ff33); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_8px_rgba\(10\,132\,255\,0\.6\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #0a84ff99); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_8px_rgba\(99\,102\,241\,0\.1\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #6366f11a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(0\,102\,255\,0\.3\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #0066ff4d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(10\,132\,255\,0\.3\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #0a84ff4d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(10\,132\,255\,0\.35\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #0a84ff59); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(16\,185\,129\,0\.4\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #10b98166); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(244\,63\,94\,0\.4\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #f43f5e66); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(245\,158\,11\,0\.4\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #f59e0b66); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(255\,255\,255\,0\.1\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #ffffff1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_12px_rgba\(10\,132\,255\,0\.4\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, #0a84ff66); 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_14px_rgba\(59\,130\,246\,0\.7\)\] { --tw-shadow: 0 0 14px var(--tw-shadow-color, #3b82f6b3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_15px_-3px_rgba\(0\,0\,0\,0\.3\)\] { --tw-shadow: 0 0 15px -3px var(--tw-shadow-color, #0000004d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_15px_rgba\(0\,102\,255\,0\.1\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #0066ff1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_15px_rgba\(10\,132\,255\,0\.1\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #0a84ff1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_15px_rgba\(10\,132\,255\,0\.4\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #0a84ff66); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_15px_rgba\(10\,132\,255\,0\.6\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #0a84ff99); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_18px_rgba\(0\,102\,255\,0\.22\)\] { --tw-shadow: 0 0 18px var(--tw-shadow-color, #0066ff38); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(0\,102\,255\,0\.1\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #0066ff1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(0\,102\,255\,0\.2\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #06f3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(0\,102\,255\,0\.05\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #0066ff0d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(10\,132\,255\,0\.1\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #0a84ff1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(10\,132\,255\,0\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #0a84ff4d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(10\,132\,255\,0\.05\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #0a84ff0d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(10\,132\,255\,0\.5\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #0a84ff80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(37\,99\,235\,0\.1\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #2563eb1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(48\,209\,88\,0\.15\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #30d15826); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(244\,63\,94\,0\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #f43f5e4d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(245\,158\,11\,0\.1\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #f59e0b1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(255\,69\,58\,0\.15\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #ff453a26); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(255\,159\,10\,0\.15\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #ff9f0a26); 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_30px_rgba\(10\,132\,255\,0\.08\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #0a84ff14); 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_30px_rgba\(16\,185\,129\,0\.1\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #10b9811a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_40px_rgba\(0\,102\,255\,0\.1\)\] { --tw-shadow: 0 0 40px var(--tw-shadow-color, #0066ff1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_40px_rgba\(10\,132\,255\,0\.08\)\] { --tw-shadow: 0 0 40px var(--tw-shadow-color, #0a84ff14); 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_60px_rgba\(10\,132\,255\,0\.18\)\] { --tw-shadow: 0 0 60px var(--tw-shadow-color, #0a84ff2e); 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_60px_rgba\(16\,185\,129\,0\.4\)\] { --tw-shadow: 0 0 60px var(--tw-shadow-color, #10b98166); 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_0_0_rgba\(255\,255\,255\,0\.1\)\] { --tw-shadow: 0 2px 0 0 var(--tw-shadow-color, #ffffff1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_16px_rgba\(0\,0\,0\,0\.35\)\] { --tw-shadow: 0 2px 16px var(--tw-shadow-color, #00000059); 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\(239\,68\,68\,0\.2\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, #ef444433); 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\(10\,132\,255\,0\.3\)\], .shadow-\[0_4px_16px_rgba\(10\,132\,255\,0\.30\)\] { --tw-shadow: 0 4px 16px var(--tw-shadow-color, #0a84ff4d); 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\.15\)\] { --tw-shadow: 0 4px 20px var(--tw-shadow-color, #00000026); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_20px_rgba\(10\,132\,255\,0\.40\)\] { --tw-shadow: 0 4px 20px var(--tw-shadow-color, #0a84ff66); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_16px_rgba\(0\,0\,0\,0\.4\)\] { --tw-shadow: 0 8px 16px var(--tw-shadow-color, #0006); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.55\)\] { --tw-shadow: 0 8px 32px var(--tw-shadow-color, #0000008c); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_40px_rgba\(0\,0\,0\,0\.65\)\,0_0_0_1px_rgba\(255\,255\,255\,0\.04\)_inset\] { --tw-shadow: 0 8px 40px var(--tw-shadow-color, #000000a6), 0 0 0 1px var(--tw-shadow-color, #ffffff0a) 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_12px_40px_rgba\(0\,0\,0\,0\.6\)\] { --tw-shadow: 0 12px 40px var(--tw-shadow-color, #0009); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_16px_48px_rgba\(0\,0\,0\,0\.7\)\] { --tw-shadow: 0 16px 48px var(--tw-shadow-color, #000000b3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.8\)\] { --tw-shadow: 0 24px 80px var(--tw-shadow-color, #000c); 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_28px_100px_rgba\(0\,0\,0\,0\.8\)\] { --tw-shadow: 0 28px 100px var(--tw-shadow-color, #000c); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_32px_80px_rgba\(0\,0\,0\,0\.75\)\] { --tw-shadow: 0 32px 80px var(--tw-shadow-color, #000000bf); 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_40px_80px_rgba\(0\,0\,0\,0\.6\)\] { --tw-shadow: 0 40px 80px var(--tw-shadow-color, #0009); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[4px_0_12px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: 4px 0 12px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[var\(--m-shadow\)\] { --tw-shadow: var(--m-shadow); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[var\(--theme-shadow-lg\)\] { --tw-shadow: var(--theme-shadow-lg); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[var\(--theme-shadow-sm\)\] { --tw-shadow: var(--theme-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, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-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-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring, .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); } .inset-ring { --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .\!shadow-\[\#0A84FF\]\/20 { --tw-shadow-color: #0a84ff33 !important; } @supports (color: color-mix(in lab, red, red)) { .\!shadow-\[\#0A84FF\]\/20 { --tw-shadow-color: color-mix(in oklab, oklab(62.4254% -.0515206 -.199017 / .2) var(--tw-shadow-alpha), transparent) !important; } } .shadow-\[\#0A84FF\]\/5 { --tw-shadow-color: #0a84ff0d; } @supports (color: color-mix(in lab, red, red)) { .shadow-\[\#0A84FF\]\/5 { --tw-shadow-color: color-mix(in oklab, oklab(62.4254% -.0515206 -.199017 / .05) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#0A84FF\]\/10 { --tw-shadow-color: #0a84ff1a; } @supports (color: color-mix(in lab, red, red)) { .shadow-\[\#0A84FF\]\/10 { --tw-shadow-color: color-mix(in oklab, oklab(62.4254% -.0515206 -.199017 / .1) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#0A84FF\]\/20 { --tw-shadow-color: #0a84ff33; } @supports (color: color-mix(in lab, red, red)) { .shadow-\[\#0A84FF\]\/20 { --tw-shadow-color: color-mix(in oklab, oklab(62.4254% -.0515206 -.199017 / .2) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#0A84FF\]\/30 { --tw-shadow-color: #0a84ff4d; } @supports (color: color-mix(in lab, red, red)) { .shadow-\[\#0A84FF\]\/30 { --tw-shadow-color: color-mix(in oklab, oklab(62.4254% -.0515206 -.199017 / .3) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#0A84FF\]\/40 { --tw-shadow-color: #0a84ff66; } @supports (color: color-mix(in lab, red, red)) { .shadow-\[\#0A84FF\]\/40 { --tw-shadow-color: color-mix(in oklab, oklab(62.4254% -.0515206 -.199017 / .4) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#5E5CE6\]\/25 { --tw-shadow-color: #5e5ce640; } @supports (color: color-mix(in lab, red, red)) { .shadow-\[\#5E5CE6\]\/25 { --tw-shadow-color: color-mix(in oklab, oklab(55.6438% .0287955 -.201107 / .25) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#10B981\]\/20 { --tw-shadow-color: #10b98133; } @supports (color: color-mix(in lab, red, red)) { .shadow-\[\#10B981\]\/20 { --tw-shadow-color: color-mix(in oklab, oklab(69.5873% -.142158 .0448781 / .2) var(--tw-shadow-alpha), transparent); } } .shadow-\[\#0066FF\]\/20 { --tw-shadow-color: #06f3; } @supports (color: color-mix(in lab, red, red)) { .shadow-\[\#0066FF\]\/20 { --tw-shadow-color: color-mix(in oklab, oklab(56.3455% -.0384266 -.237719 / .2) var(--tw-shadow-alpha), transparent); } } .shadow-amber-500\/5 { --tw-shadow-color: #f99c000d; } @supports (color: color-mix(in lab, red, red)) { .shadow-amber-500\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-amber-500\/10 { --tw-shadow-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .shadow-amber-500\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-amber-500\/20 { --tw-shadow-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .shadow-amber-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/10 { --tw-shadow-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/20 { --tw-shadow-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/60 { --tw-shadow-color: #0009; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/60 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/90 { --tw-shadow-color: #000000e6; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/90 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 90%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/5 { --tw-shadow-color: #3080ff0d; } @supports (color: color-mix(in lab, red, red)) { .shadow-blue-500\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/10 { --tw-shadow-color: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .shadow-blue-500\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/20 { --tw-shadow-color: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .shadow-blue-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/30 { --tw-shadow-color: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .shadow-blue-500\/30 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-600\/15 { --tw-shadow-color: #155dfc26; } @supports (color: color-mix(in lab, red, red)) { .shadow-blue-600\/15 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 15%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-600\/20 { --tw-shadow-color: #155dfc33; } @supports (color: color-mix(in lab, red, red)) { .shadow-blue-600\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-900\/20 { --tw-shadow-color: #1c398e33; } @supports (color: color-mix(in lab, red, red)) { .shadow-blue-900\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-emerald-500\/10 { --tw-shadow-color: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .shadow-emerald-500\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-emerald-500\/20 { --tw-shadow-color: #00bb7f33; } @supports (color: color-mix(in lab, red, red)) { .shadow-emerald-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-500\/10 { --tw-shadow-color: #625fff1a; } @supports (color: color-mix(in lab, red, red)) { .shadow-indigo-500\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-500\/20 { --tw-shadow-color: #625fff33; } @supports (color: color-mix(in lab, red, red)) { .shadow-indigo-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-600\/5 { --tw-shadow-color: #4f39f60d; } @supports (color: color-mix(in lab, red, red)) { .shadow-indigo-600\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-600\/10 { --tw-shadow-color: #4f39f61a; } @supports (color: color-mix(in lab, red, red)) { .shadow-indigo-600\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-600\/20 { --tw-shadow-color: #4f39f633; } @supports (color: color-mix(in lab, red, red)) { .shadow-indigo-600\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-950\/20 { --tw-shadow-color: #1e1a4d33; } @supports (color: color-mix(in lab, red, red)) { .shadow-indigo-950\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-950) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-950\/40 { --tw-shadow-color: #1e1a4d66; } @supports (color: color-mix(in lab, red, red)) { .shadow-indigo-950\/40 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-950) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-primary\/20 { --tw-shadow-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .shadow-primary\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--theme-action) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-primary\/30 { --tw-shadow-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .shadow-primary\/30 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--theme-action) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-rose-500\/5 { --tw-shadow-color: #ff23570d; } @supports (color: color-mix(in lab, red, red)) { .shadow-rose-500\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-rose-500\/10 { --tw-shadow-color: #ff23571a; } @supports (color: color-mix(in lab, red, red)) { .shadow-rose-500\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-rose-500\/20 { --tw-shadow-color: #ff235733; } @supports (color: color-mix(in lab, red, red)) { .shadow-rose-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-rose-600\/20 { --tw-shadow-color: #e7004433; } @supports (color: color-mix(in lab, red, red)) { .shadow-rose-600\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-white\/5 { --tw-shadow-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .shadow-white\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-yellow-500\/20 { --tw-shadow-color: #edb20033; } @supports (color: color-mix(in lab, red, red)) { .shadow-yellow-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-\[\#0A84FF\] { --tw-ring-color: #0a84ff; } .ring-\[\#0A84FF\]\/5 { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .05); } .ring-\[\#0A84FF\]\/20 { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .2); } .ring-\[\#FF9F0A\]\/40 { --tw-ring-color: oklab(78.2365% .066223 .157716 / .4); } .ring-\[var\(--theme-action\)\]\/30 { --tw-ring-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ring-\[var\(--theme-action\)\]\/30 { --tw-ring-color: color-mix(in oklab, var(--theme-action) 30%, transparent); } } .ring-amber-200 { --tw-ring-color: var(--color-amber-200); } .ring-amber-200\/80 { --tw-ring-color: #fee685cc; } @supports (color: color-mix(in lab, red, red)) { .ring-amber-200\/80 { --tw-ring-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent); } } .ring-black { --tw-ring-color: var(--color-black); } .ring-blue-200\/50 { --tw-ring-color: #bedbff80; } @supports (color: color-mix(in lab, red, red)) { .ring-blue-200\/50 { --tw-ring-color: color-mix(in oklab, var(--color-blue-200) 50%, transparent); } } .ring-blue-200\/80 { --tw-ring-color: #bedbffcc; } @supports (color: color-mix(in lab, red, red)) { .ring-blue-200\/80 { --tw-ring-color: color-mix(in oklab, var(--color-blue-200) 80%, transparent); } } .ring-blue-400\/20 { --tw-ring-color: #54a2ff33; } @supports (color: color-mix(in lab, red, red)) { .ring-blue-400\/20 { --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent); } } .ring-blue-500 { --tw-ring-color: var(--color-blue-500); } .ring-blue-500\/20 { --tw-ring-color: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .ring-blue-500\/20 { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .ring-emerald-200 { --tw-ring-color: var(--color-emerald-200); } .ring-emerald-500\/50 { --tw-ring-color: #00bb7f80; } @supports (color: color-mix(in lab, red, red)) { .ring-emerald-500\/50 { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent); } } .ring-primary, .ring-primary\/30 { --tw-ring-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/30 { --tw-ring-color: color-mix(in oklab, var(--theme-action) 30%, transparent); } } .ring-red-500\/50 { --tw-ring-color: #fb2c3680; } @supports (color: color-mix(in lab, red, red)) { .ring-red-500\/50 { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .ring-rose-200 { --tw-ring-color: var(--color-rose-200); } .ring-slate-200 { --tw-ring-color: var(--color-slate-200); } .ring-slate-200\/50 { --tw-ring-color: #e2e8f080; } @supports (color: color-mix(in lab, red, red)) { .ring-slate-200\/50 { --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent); } } .ring-slate-200\/80 { --tw-ring-color: #e2e8f0cc; } @supports (color: color-mix(in lab, red, red)) { .ring-slate-200\/80 { --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent); } } .ring-white\/5 { --tw-ring-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .ring-white\/5 { --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .ring-white\/10 { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .ring-white\/10 { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .ring-white\/\[0\.02\] { --tw-ring-color: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .ring-white\/\[0\.02\] { --tw-ring-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } .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, ); } .blur-2xl { --tw-blur: blur(var(--blur-2xl)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-3xl { --tw-blur: blur(var(--blur-3xl)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-\[2px\] { --tw-blur: blur(2px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-\[40px\] { --tw-blur: blur(40px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-\[80px\] { --tw-blur: blur(80px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-\[100px\] { --tw-blur: blur(100px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-\[120px\] { --tw-blur: blur(120px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-\[140px\] { --tw-blur: blur(140px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-\[150px\] { --tw-blur: blur(150px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-xl { --tw-blur: blur(var(--blur-xl)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .drop-shadow { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f)); --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .drop-shadow-lg { --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .drop-shadow-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .drop-shadow-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .drop-shadow-xl { --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .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, ); } .grayscale-\[0\.2\] { --tw-grayscale: grayscale(.2); 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-\[0\.5\] { --tw-grayscale: grayscale(.5); 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, ); } .sepia { --tw-sepia: sepia(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); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); 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); 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); 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); 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-\[6px\] { --tw-backdrop-blur: blur(6px); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); 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)); 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)); 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-grayscale { --tw-backdrop-grayscale: grayscale(100%); 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-invert { --tw-backdrop-invert: invert(100%); 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-sepia { --tw-backdrop-sepia: sepia(100%); 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 { 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, 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-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: .1s; transition-duration: .1s; } .duration-150 { --tw-duration: .15s; transition-duration: .15s; } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-250 { --tw-duration: .25s; transition-duration: .25s; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .duration-500 { --tw-duration: .5s; transition-duration: .5s; } .duration-700 { --tw-duration: .7s; transition-duration: .7s; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .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); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } :where(.divide-x-reverse > :not(:last-child)) { --tw-divide-x-reverse: 1; } .ring-inset { --tw-ring-inset: inset; } .group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) { display: none; } .group-open\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 45deg; } .group-open\:border-b:is(:where(.group):is([open], :popover-open, :open) *) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .group-open\:border-white\/5:is(:where(.group):is([open], :popover-open, :open) *) { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .group-open\:border-white\/5:is(:where(.group):is([open], :popover-open, :open) *) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .group-focus-within\:scale-110:is(:where(.group):focus-within *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-focus-within\:text-\[\#0A84FF\]:is(:where(.group):focus-within *) { color: #0a84ff; } .group-focus-within\:text-indigo-400:is(:where(.group):focus-within *) { color: var(--color-indigo-400); } @media (hover: hover) { .group-hover\:translate-x-0:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-0\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-x-full:is(:where(.group):hover *) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:gap-2\.5:is(:where(.group):hover *) { gap: calc(var(--spacing) * 2.5); } .group-hover\:border-\[\#0A84FF\]\/40:is(:where(.group):hover *) { border-color: oklab(62.4254% -.0515206 -.199017 / .4); } .group-hover\:border-blue-500:is(:where(.group):hover *) { border-color: var(--color-blue-500); } .group-hover\:border-white\/20:is(:where(.group):hover *) { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-white\/20:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .group-hover\:border-white\/30:is(:where(.group):hover *) { border-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-white\/30:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .group-hover\:border-white\/40:is(:where(.group):hover *) { border-color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-white\/40:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .group-hover\:bg-\[\#0A84FF\]\/10:is(:where(.group):hover *) { background-color: oklab(62.4254% -.0515206 -.199017 / .1); } .group-hover\:bg-\[\#111\]:is(:where(.group):hover *) { background-color: #111; } .group-hover\:bg-amber-500\/20:is(:where(.group):hover *) { background-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-amber-500\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .group-hover\:bg-blue-500\/20:is(:where(.group):hover *) { background-color: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-blue-500\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .group-hover\:bg-red-500\/20:is(:where(.group):hover *) { background-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-red-500\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .group-hover\:bg-white\/10:is(:where(.group):hover *) { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-white\/10:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .group-hover\:text-\[\#0A84FF\]:is(:where(.group):hover *) { color: #0a84ff; } .group-hover\:text-\[\#0A84FF\]\/60:is(:where(.group):hover *) { color: oklab(62.4254% -.0515206 -.199017 / .6); } .group-hover\:text-\[\#007AFF\]\/80:is(:where(.group):hover *) { color: oklab(60.2765% -.047404 -.212489 / .8); } .group-hover\:text-\[\#8B5CF6\]:is(:where(.group):hover *) { color: #8b5cf6; } .group-hover\:text-\[\#10B981\]:is(:where(.group):hover *) { color: #10b981; } .group-hover\:text-\[\#0066FF\]:is(:where(.group):hover *) { color: #06f; } .group-hover\:text-\[\#409CFF\]:is(:where(.group):hover *) { color: #409cff; } .group-hover\:text-\[\#FFA500\]:is(:where(.group):hover *) { color: orange; } .group-hover\:text-blue-300:is(:where(.group):hover *) { color: var(--color-blue-300); } .group-hover\:text-indigo-300:is(:where(.group):hover *) { color: var(--color-indigo-300); } .group-hover\:text-indigo-400:is(:where(.group):hover *) { color: var(--color-indigo-400); } .group-hover\:text-white:is(:where(.group):hover *) { color: var(--color-white); } .group-hover\:text-white\/40:is(:where(.group):hover *) { color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:text-white\/40:is(:where(.group):hover *) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .group-hover\:text-white\/60:is(:where(.group):hover *) { color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:text-white\/60:is(:where(.group):hover *) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .group-hover\:text-white\/80:is(:where(.group):hover *) { color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:text-white\/80:is(:where(.group):hover *) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .group-hover\:text-zinc-300:is(:where(.group):hover *) { color: var(--color-zinc-300); } .group-hover\:text-zinc-400:is(:where(.group):hover *) { color: var(--color-zinc-400); } .group-hover\:opacity-20:is(:where(.group):hover *) { opacity: .2; } .group-hover\:opacity-30:is(:where(.group):hover *) { opacity: .3; } .group-hover\:opacity-50:is(:where(.group):hover *) { opacity: .5; } .group-hover\:opacity-60:is(:where(.group):hover *) { opacity: .6; } .group-hover\:opacity-90:is(:where(.group):hover *) { opacity: .9; } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .group-hover\:opacity-\[0\.07\]:is(:where(.group):hover *) { opacity: .07; } .group-hover\:backdrop-blur-\[4px\]:is(:where(.group):hover *) { --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .group-hover\/btn\:translate-x-0\.5:is(:where(.group\/btn):hover *) { --tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\/btn\:translate-x-1:is(:where(.group\/btn):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\/btn\:border-white\/20:is(:where(.group\/btn):hover *) { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .group-hover\/btn\:border-white\/20:is(:where(.group\/btn):hover *) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .group-hover\/btn\:text-\[\#0A84FF\]:is(:where(.group\/btn):hover *) { color: #0a84ff; } .group-hover\/btn\:text-white:is(:where(.group\/btn):hover *) { color: var(--color-white); } .group-hover\/btn\:opacity-100:is(:where(.group\/btn):hover *) { opacity: 1; } .group-hover\/check\:text-white\/40:is(:where(.group\/check):hover *) { color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .group-hover\/check\:text-white\/40:is(:where(.group\/check):hover *) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .group-hover\/ctx\:text-white:is(:where(.group\/ctx):hover *) { color: var(--color-white); } .group-hover\/ctx\:opacity-100:is(:where(.group\/ctx):hover *) { opacity: 1; } .group-hover\/item\:bg-primary\/20:is(:where(.group\/item):hover *) { background-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .group-hover\/item\:bg-primary\/20:is(:where(.group\/item):hover *) { background-color: color-mix(in oklab, var(--theme-action) 20%, transparent); } } .group-hover\/main\:opacity-100:is(:where(.group\/main):hover *), .group-hover\/prompt\:opacity-100:is(:where(.group\/prompt):hover *), .group-hover\/rule\:opacity-100:is(:where(.group\/rule):hover *) { opacity: 1; } .group-hover\/upgrade\:text-amber-500:is(:where(.group\/upgrade):hover *) { color: var(--color-amber-500); } .group-hover\/upgrade\:underline:is(:where(.group\/upgrade):hover *) { text-decoration-line: underline; } } .peer-checked\:border-blue-500:is(:where(.peer):checked ~ *) { border-color: var(--color-blue-500); } .peer-checked\:bg-\[\#0A84FF\]:is(:where(.peer):checked ~ *) { background-color: #0a84ff; } .peer-checked\:bg-blue-600:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-600); } .peer-checked\:opacity-100:is(:where(.peer):checked ~ *) { opacity: 1; } .peer-focus\:outline-none:is(:where(.peer):focus ~ *) { --tw-outline-style: none; outline-style: none; } .marker\:hidden ::marker { display: none; } .marker\:hidden::marker { display: none; } .marker\:hidden ::-webkit-details-marker { display: none; } .marker\:hidden::-webkit-details-marker { display: none; } .placeholder\:text-\[\#3F3F46\]::-moz-placeholder, .placeholder\:text-\[\#3f3f46\]::-moz-placeholder { color: #3f3f46; } .placeholder\:text-\[\#3F3F46\]::placeholder, .placeholder\:text-\[\#3f3f46\]::placeholder { color: #3f3f46; } .placeholder\:text-\[\#525252\]::-moz-placeholder { color: #525252; } .placeholder\:text-\[\#525252\]::placeholder { color: #525252; } .placeholder\:text-gray-600::-moz-placeholder { color: var(--color-gray-600); } .placeholder\:text-gray-600::placeholder { color: var(--color-gray-600); } .placeholder\:text-slate-500::-moz-placeholder { color: var(--color-slate-500); } .placeholder\:text-slate-500::placeholder { color: var(--color-slate-500); } .placeholder\:text-soft\/30::-moz-placeholder { color: var(--theme-text-secondary); } .placeholder\:text-soft\/30::placeholder { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-soft\/30::-moz-placeholder { color: color-mix(in oklab, var(--theme-text-secondary) 30%, transparent); } .placeholder\:text-soft\/30::placeholder { color: color-mix(in oklab, var(--theme-text-secondary) 30%, transparent); } } .placeholder\:text-soft\/35::-moz-placeholder { color: var(--theme-text-secondary); } .placeholder\:text-soft\/35::placeholder { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-soft\/35::-moz-placeholder { color: color-mix(in oklab, var(--theme-text-secondary) 35%, transparent); } .placeholder\:text-soft\/35::placeholder { color: color-mix(in oklab, var(--theme-text-secondary) 35%, transparent); } } .placeholder\:text-white\/10::-moz-placeholder { color: #ffffff1a; } .placeholder\:text-white\/10::placeholder { color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-white\/10::-moz-placeholder { color: color-mix(in oklab, var(--color-white) 10%, transparent); } .placeholder\:text-white\/10::placeholder { color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .placeholder\:text-white\/20::-moz-placeholder { color: #fff3; } .placeholder\:text-white\/20::placeholder { color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-white\/20::-moz-placeholder { color: color-mix(in oklab, var(--color-white) 20%, transparent); } .placeholder\:text-white\/20::placeholder { color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .placeholder\:text-white\/25::-moz-placeholder { color: #ffffff40; } .placeholder\:text-white\/25::placeholder { color: #ffffff40; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-white\/25::-moz-placeholder { color: color-mix(in oklab, var(--color-white) 25%, transparent); } .placeholder\:text-white\/25::placeholder { color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .placeholder\:text-white\/30::-moz-placeholder { color: #ffffff4d; } .placeholder\:text-white\/30::placeholder { color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-white\/30::-moz-placeholder { color: color-mix(in oklab, var(--color-white) 30%, transparent); } .placeholder\:text-white\/30::placeholder { color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .placeholder\:text-white\/40::-moz-placeholder { color: #fff6; } .placeholder\:text-white\/40::placeholder { color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-white\/40::-moz-placeholder { color: color-mix(in oklab, var(--color-white) 40%, transparent); } .placeholder\:text-white\/40::placeholder { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .placeholder\:text-zinc-600::-moz-placeholder { color: var(--color-zinc-600); } .placeholder\:text-zinc-600::placeholder { color: var(--color-zinc-600); } .placeholder\:text-zinc-700::-moz-placeholder { color: var(--color-zinc-700); } .placeholder\:text-zinc-700::placeholder { color: var(--color-zinc-700); } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:top-0:before { content: var(--tw-content); top: calc(var(--spacing) * 0); } .before\:top-1\/2:before { content: var(--tw-content); top: 50%; } .before\:top-8:before { content: var(--tw-content); top: calc(var(--spacing) * 8); } .before\:bottom-7:before { content: var(--tw-content); bottom: calc(var(--spacing) * 7); } .before\:-left-7:before { content: var(--tw-content); left: calc(var(--spacing) * -7); } .before\:left-3:before { content: var(--tw-content); left: calc(var(--spacing) * 3); } .before\:left-\[-24px\]:before { content: var(--tw-content); left: -24px; } .before\:h-0:before { content: var(--tw-content); height: calc(var(--spacing) * 0); } .before\:w-6:before { content: var(--tw-content); width: calc(var(--spacing) * 6); } .before\:w-7:before { content: var(--tw-content); width: calc(var(--spacing) * 7); } .before\:w-px:before { content: var(--tw-content); width: 1px; } .before\:border-t:before { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 1px; } .before\:border-t-2:before { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 2px; } .before\:border-white\/5:before { content: var(--tw-content); border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .before\:border-white\/5:before { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .before\:border-white\/10:before { content: var(--tw-content); border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .before\:border-white\/10:before { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .before\:bg-white\/10:before { content: var(--tw-content); background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .before\:bg-white\/10:before { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:top-\[2\.5px\]:after { content: var(--tw-content); top: 2.5px; } .after\:top-\[2px\]:after { content: var(--tw-content); top: 2px; } .after\:left-\[2px\]:after { content: var(--tw-content); left: 2px; } .after\:left-\[3px\]:after { content: var(--tw-content); left: 3px; } .after\:-mt-0\.5:after { content: var(--tw-content); margin-top: calc(var(--spacing) * -.5); } .after\:hidden:after { content: var(--tw-content); display: none; } .after\:h-2\.5:after { content: var(--tw-content); height: calc(var(--spacing) * 2.5); } .after\:h-3\.5:after { content: var(--tw-content); height: calc(var(--spacing) * 3.5); } .after\:h-4:after { content: var(--tw-content); height: calc(var(--spacing) * 4); } .after\:w-1\.5:after { content: var(--tw-content); width: calc(var(--spacing) * 1.5); } .after\:w-3\.5:after { content: var(--tw-content); width: calc(var(--spacing) * 3.5); } .after\:w-4:after { content: var(--tw-content); width: calc(var(--spacing) * 4); } .after\:rotate-45:after { content: var(--tw-content); rotate: 45deg; } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px; } .after\:border:after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } .after\:border-r-2:after { content: var(--tw-content); border-right-style: var(--tw-border-style); border-right-width: 2px; } .after\:border-b-2:after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .after\:border-white:after { content: var(--tw-content); border-color: var(--color-white); } .after\:bg-white:after { content: var(--tw-content); background-color: var(--color-white); } .after\:bg-zinc-400:after { content: var(--tw-content); background-color: var(--color-zinc-400); } .after\:transition-all:after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:content-\[\'\'\]:after { --tw-content: ""; content: var(--tw-content); } .peer-checked\:after\:translate-x-4:is(:where(.peer):checked ~ *):after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *):after { content: var(--tw-content); --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *):after { content: var(--tw-content); border-color: var(--color-white); } .peer-checked\:after\:bg-white:is(:where(.peer):checked ~ *):after { content: var(--tw-content); background-color: var(--color-white); } .first\:pl-0:first-child { padding-left: calc(var(--spacing) * 0); } .last\:mb-0:last-child { margin-bottom: calc(var(--spacing) * 0); } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0; } .last\:border-r-0:last-child { border-right-style: var(--tw-border-style); border-right-width: 0; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .last\:pr-0:last-child { padding-right: calc(var(--spacing) * 0); } .open\:bg-\[var\(--theme-surface\)\]:is([open], :popover-open, :open) { background-color: var(--theme-surface); } .checked\:border-\[\#0A84FF\]:checked { border-color: #0a84ff; } .checked\:border-\[\#10B981\]:checked { border-color: #10b981; } .checked\:border-\[\#0066FF\]:checked { border-color: #06f; } .checked\:bg-\[\#0A84FF\]:checked { background-color: #0a84ff; } .checked\:bg-\[\#10B981\]:checked { background-color: #10b981; } .checked\:bg-\[\#0066FF\]:checked { background-color: #06f; } .checked\:bg-emerald-500:checked { background-color: var(--color-emerald-500); } .checked\:after\:block:checked:after { content: var(--tw-content); display: block; } .focus-within\:border-blue-500:focus-within { border-color: var(--color-blue-500); } .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-\[\#0A84FF\]\/40:focus-within { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .4); } .focus-within\:ring-primary\/50:focus-within { --tw-ring-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-primary\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--theme-action) 50%, transparent); } } @media (hover: hover) { .hover\:line-clamp-none:hover { -webkit-line-clamp: unset; -webkit-box-orient: horizontal; display: block; overflow: visible; } .hover\:-translate-y-0\.5:hover { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-125:hover { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-\[1\.01\]:hover { scale: 1.01; } .hover\:scale-\[1\.02\]:hover { scale: 1.02; } .hover\:scrollbar-thumb-white\/20:hover { --tw-scrollbar-thumb: #fff3; } @supports (color: color-mix(in lab, red, red)) { .hover\:scrollbar-thumb-white\/20:hover { --tw-scrollbar-thumb: color-mix(in oklab, var(--color-white) 20%, transparent); } } .hover\:scrollbar-thumb-white\/20:hover { scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); } .hover\:border:hover { border-style: var(--tw-border-style); border-width: 1px; } .hover\:border-\[\#0A84FF\]\/20:hover { border-color: oklab(62.4254% -.0515206 -.199017 / .2); } .hover\:border-\[\#0A84FF\]\/30:hover { border-color: oklab(62.4254% -.0515206 -.199017 / .3); } .hover\:border-\[\#0A84FF\]\/40:hover { border-color: oklab(62.4254% -.0515206 -.199017 / .4); } .hover\:border-\[\#10B981\]:hover { border-color: #10b981; } .hover\:border-\[\#30D158\]\/40:hover { border-color: oklab(75.5551% -.174617 .113469 / .4); } .hover\:border-\[\#0066FF\]:hover { border-color: #06f; } .hover\:border-\[\#94A3B8\]:hover { border-color: #94a3b8; } .hover\:border-\[\#333333\]:hover { border-color: #333; } .hover\:border-\[\#404040\]:hover { border-color: #404040; } .hover\:border-\[\#FF9F0A\]\/50:hover { border-color: oklab(78.2365% .066223 .157716 / .5); } .hover\:border-\[\#FF453A\]\/40:hover { border-color: oklab(66.3303% .196898 .105983 / .4); } .hover\:border-\[\#FF453A\]\/50:hover { border-color: oklab(66.3303% .196898 .105983 / .5); } .hover\:border-\[var\(--theme-border\)\]:hover { border-color: var(--theme-border); } .hover\:border-\[var\(--theme-border-strong\)\]:hover { border-color: var(--theme-border-strong); } .hover\:border-amber-500\/20:hover { border-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-amber-500\/20:hover { border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .hover\:border-amber-500\/30:hover { border-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-amber-500\/30:hover { border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .hover\:border-amber-500\/35:hover { border-color: #f99c0059; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-amber-500\/35:hover { border-color: color-mix(in oklab, var(--color-amber-500) 35%, transparent); } } .hover\:border-amber-500\/40:hover { border-color: #f99c0066; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-amber-500\/40:hover { border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent); } } .hover\:border-amber-500\/50:hover { border-color: #f99c0080; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-amber-500\/50:hover { border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent); } } .hover\:border-amber-500\/60:hover { border-color: #f99c0099; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-amber-500\/60:hover { border-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent); } } .hover\:border-blue-300:hover { border-color: var(--color-blue-300); } .hover\:border-blue-400:hover { border-color: var(--color-blue-400); } .hover\:border-blue-400\/20:hover { border-color: #54a2ff33; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-blue-400\/20:hover { border-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent); } } .hover\:border-blue-400\/35:hover { border-color: #54a2ff59; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-blue-400\/35:hover { border-color: color-mix(in oklab, var(--color-blue-400) 35%, transparent); } } .hover\:border-blue-500:hover { border-color: var(--color-blue-500); } .hover\:border-blue-500\/25:hover { border-color: #3080ff40; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-blue-500\/25:hover { border-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent); } } .hover\:border-blue-500\/30:hover { border-color: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-blue-500\/30:hover { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .hover\:border-blue-500\/35:hover { border-color: #3080ff59; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-blue-500\/35:hover { border-color: color-mix(in oklab, var(--color-blue-500) 35%, transparent); } } .hover\:border-blue-500\/40:hover { border-color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-blue-500\/40:hover { border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .hover\:border-emerald-500\/25:hover { border-color: #00bb7f40; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-emerald-500\/25:hover { border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent); } } .hover\:border-emerald-500\/35:hover { border-color: #00bb7f59; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-emerald-500\/35:hover { border-color: color-mix(in oklab, var(--color-emerald-500) 35%, transparent); } } .hover\:border-emerald-500\/50:hover { border-color: #00bb7f80; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-emerald-500\/50:hover { border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent); } } .hover\:border-green-500:hover { border-color: var(--color-green-500); } .hover\:border-orange-500:hover { border-color: var(--color-orange-500); } .hover\:border-orange-500\/35:hover { border-color: #fe6e0059; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-orange-500\/35:hover { border-color: color-mix(in oklab, var(--color-orange-500) 35%, transparent); } } .hover\:border-primary\/30:hover { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/30:hover { border-color: color-mix(in oklab, var(--theme-action) 30%, transparent); } } .hover\:border-primary\/60:hover { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/60:hover { border-color: color-mix(in oklab, var(--theme-action) 60%, transparent); } } .hover\:border-red-500\/30:hover { border-color: #fb2c364d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-red-500\/30:hover { border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .hover\:border-red-500\/50:hover { border-color: #fb2c3680; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-red-500\/50:hover { border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .hover\:border-rose-500\/20:hover { border-color: #ff235733; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-rose-500\/20:hover { border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .hover\:border-rose-500\/30:hover { border-color: #ff23574d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-rose-500\/30:hover { border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent); } } .hover\:border-rose-500\/35:hover { border-color: #ff235759; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-rose-500\/35:hover { border-color: color-mix(in oklab, var(--color-rose-500) 35%, transparent); } } .hover\:border-rose-500\/40:hover { border-color: #ff235766; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-rose-500\/40:hover { border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent); } } .hover\:border-slate-300:hover { border-color: var(--color-slate-300); } .hover\:border-white\/10:hover { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/10:hover { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .hover\:border-white\/15:hover { border-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/15:hover { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .hover\:border-white\/20:hover { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/20:hover { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .hover\:border-white\/25:hover { border-color: #ffffff40; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/25:hover { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .hover\:border-white\/30:hover { border-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/30:hover { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .hover\:border-white\/40:hover { border-color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/40:hover { border-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .hover\:border-white\/\[0\.05\]:hover { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/\[0\.05\]:hover { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .hover\:border-white\/\[0\.09\]:hover { border-color: #ffffff17; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/\[0\.09\]:hover { border-color: color-mix(in oklab, var(--color-white) 9%, transparent); } } .hover\:border-white\/\[0\.12\]:hover { border-color: #ffffff1f; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/\[0\.12\]:hover { border-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .hover\:border-white\/\[0\.14\]:hover { border-color: #ffffff24; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/\[0\.14\]:hover { border-color: color-mix(in oklab, var(--color-white) 14.0%, transparent); } } .hover\:border-white\/\[0\.15\]:hover { border-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/\[0\.15\]:hover { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .hover\:border-white\/\[0\.25\]:hover { border-color: #ffffff40; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/\[0\.25\]:hover { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .hover\:border-zinc-700:hover { border-color: var(--color-zinc-700); } .hover\:border-zinc-800:hover { border-color: var(--color-zinc-800); } .hover\:\!bg-amber-400:hover { background-color: var(--color-amber-400) !important; } .hover\:\!bg-white\/90:hover { background-color: #ffffffe6 !important; } @supports (color: color-mix(in lab, red, red)) { .hover\:\!bg-white\/90:hover { background-color: color-mix(in oklab, var(--color-white) 90%, transparent) !important; } } .hover\:bg-\[\#0A84FF\]:hover { background-color: #0a84ff; } .hover\:bg-\[\#0A84FF\]\/5:hover { background-color: oklab(62.4254% -.0515206 -.199017 / .05); } .hover\:bg-\[\#0A84FF\]\/10:hover { background-color: oklab(62.4254% -.0515206 -.199017 / .1); } .hover\:bg-\[\#0A84FF\]\/18:hover { background-color: oklab(62.4254% -.0515206 -.199017 / .18); } .hover\:bg-\[\#0A84FF\]\/20:hover { background-color: oklab(62.4254% -.0515206 -.199017 / .2); } .hover\:bg-\[\#0A84FF\]\/30:hover { background-color: oklab(62.4254% -.0515206 -.199017 / .3); } .hover\:bg-\[\#0A84FF\]\/80:hover { background-color: oklab(62.4254% -.0515206 -.199017 / .8); } .hover\:bg-\[\#0A84FF\]\/90:hover { background-color: oklab(62.4254% -.0515206 -.199017 / .9); } .hover\:bg-\[\#1A1A1A\]:hover { background-color: #1a1a1a; } .hover\:bg-\[\#1C1C1E\]:hover { background-color: #1c1c1e; } .hover\:bg-\[\#1E1E22\]:hover { background-color: #1e1e22; } .hover\:bg-\[\#1a1a1c\]:hover { background-color: #1a1a1c; } .hover\:bg-\[\#1c1c1e\]:hover { background-color: #1c1c1e; } .hover\:bg-\[\#2C2C2E\]:hover { background-color: #2c2c2e; } .hover\:bg-\[\#3A3A3C\]:hover { background-color: #3a3a3c; } .hover\:bg-\[\#5E5CE6\]\/80:hover { background-color: oklab(55.6438% .0287955 -.201107 / .8); } .hover\:bg-\[\#10B981\]\/10:hover { background-color: oklab(69.5873% -.142158 .0448781 / .1); } .hover\:bg-\[\#30D158\]\/15:hover { background-color: oklab(75.5551% -.174617 .113469 / .15); } .hover\:bg-\[\#30D158\]\/80:hover { background-color: oklab(75.5551% -.174617 .113469 / .8); } .hover\:bg-\[\#0052CC\]:hover, .hover\:bg-\[\#0052cc\]:hover { background-color: #0052cc; } .hover\:bg-\[\#0070E0\]:hover { background-color: #0070e0; } .hover\:bg-\[\#075eaf\]:hover { background-color: #075eaf; } .hover\:bg-\[\#0077ED\]:hover { background-color: #0077ed; } .hover\:bg-\[\#409CFF\]:hover { background-color: #409cff; } .hover\:bg-\[\#059669\]:hover { background-color: #059669; } .hover\:bg-\[\#131314\]:hover { background-color: #131314; } .hover\:bg-\[\#242426\]:hover { background-color: #242426; } .hover\:bg-\[\#252525\]:hover { background-color: #252525; } .hover\:bg-\[\#262626\]:hover { background-color: #262626; } .hover\:bg-\[\#F8FAFC\]:hover { background-color: #f8fafc; } .hover\:bg-\[\#FF9F0A\]\/15:hover { background-color: oklab(78.2365% .066223 .157716 / .15); } .hover\:bg-\[\#FF9F0A\]\/80:hover { background-color: oklab(78.2365% .066223 .157716 / .8); } .hover\:bg-\[\#FF453A\]\/15:hover { background-color: oklab(66.3303% .196898 .105983 / .15); } .hover\:bg-\[\#FF453A\]\/80:hover { background-color: oklab(66.3303% .196898 .105983 / .8); } .hover\:bg-\[\#FF453A\]\/90:hover { background-color: oklab(66.3303% .196898 .105983 / .9); } .hover\:bg-\[var\(--theme-action-hover\)\]:hover { background-color: var(--theme-action-hover); } .hover\:bg-\[var\(--theme-control-bg\)\]:hover { background-color: var(--theme-control-bg); } .hover\:bg-\[var\(--theme-surface-muted\)\]:hover { background-color: var(--theme-surface-muted); } .hover\:bg-amber-100:hover { background-color: var(--color-amber-100); } .hover\:bg-amber-400:hover { background-color: var(--color-amber-400); } .hover\:bg-amber-400\/10:hover { background-color: #fcbb001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-400\/10:hover { background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent); } } .hover\:bg-amber-400\/15:hover { background-color: #fcbb0026; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-400\/15:hover { background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent); } } .hover\:bg-amber-500:hover { background-color: var(--color-amber-500); } .hover\:bg-amber-500\/10:hover { background-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/10:hover { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .hover\:bg-amber-500\/15:hover { background-color: #f99c0026; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/15:hover { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } } .hover\:bg-amber-500\/20:hover { background-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/20:hover { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .hover\:bg-amber-500\/30:hover { background-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/30:hover { background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .hover\:bg-amber-500\/\[0\.1\]:hover { background-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/\[0\.1\]:hover { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .hover\:bg-amber-500\/\[0\.04\]:hover { background-color: #f99c000a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/\[0\.04\]:hover { background-color: color-mix(in oklab, var(--color-amber-500) 4%, transparent); } } .hover\:bg-amber-500\/\[0\.06\]:hover { background-color: #f99c000f; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/\[0\.06\]:hover { background-color: color-mix(in oklab, var(--color-amber-500) 6%, transparent); } } .hover\:bg-amber-600:hover { background-color: var(--color-amber-600); } .hover\:bg-amber-700:hover { background-color: var(--color-amber-700); } .hover\:bg-black\/40:hover { background-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/40:hover { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .hover\:bg-black\/70:hover { background-color: #000000b3; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/70:hover { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .hover\:bg-blue-400:hover { background-color: var(--color-blue-400); } .hover\:bg-blue-400\/15:hover { background-color: #54a2ff26; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-400\/15:hover { background-color: color-mix(in oklab, var(--color-blue-400) 15%, transparent); } } .hover\:bg-blue-500:hover { background-color: var(--color-blue-500); } .hover\:bg-blue-500\/5:hover { background-color: #3080ff0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-500\/5:hover { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .hover\:bg-blue-500\/10:hover { background-color: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-500\/10:hover { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .hover\:bg-blue-500\/15:hover { background-color: #3080ff26; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-500\/15:hover { background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent); } } .hover\:bg-blue-500\/20:hover { background-color: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-500\/20:hover { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .hover\:bg-blue-500\/25:hover { background-color: #3080ff40; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-500\/25:hover { background-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent); } } .hover\:bg-blue-500\/\[0\.12\]:hover { background-color: #3080ff1f; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-500\/\[0\.12\]:hover { background-color: color-mix(in oklab, var(--color-blue-500) 12%, transparent); } } .hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } .hover\:bg-emerald-400\/15:hover { background-color: #00d29426; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-400\/15:hover { background-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent); } } .hover\:bg-emerald-500:hover { background-color: var(--color-emerald-500); } .hover\:bg-emerald-500\/10:hover { background-color: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/10:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .hover\:bg-emerald-500\/20:hover { background-color: #00bb7f33; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/20:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .hover\:bg-emerald-500\/\[0\.04\]:hover { background-color: #00bb7f0a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/\[0\.04\]:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 4%, transparent); } } .hover\:bg-emerald-500\/\[0\.05\]:hover { background-color: #00bb7f0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/\[0\.05\]:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } .hover\:bg-emerald-500\/\[0\.09\]:hover { background-color: #00bb7f17; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/\[0\.09\]:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 9%, transparent); } } .hover\:bg-emerald-600:hover { background-color: var(--color-emerald-600); } .hover\:bg-emerald-700\/60:hover { background-color: #00795699; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-700\/60:hover { background-color: color-mix(in oklab, var(--color-emerald-700) 60%, transparent); } } .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-gray-200:hover { background-color: var(--color-gray-200); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:bg-indigo-500\/10:hover { background-color: #625fff1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-indigo-500\/10:hover { background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); } } .hover\:bg-indigo-600\/30:hover { background-color: #4f39f64d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-indigo-600\/30:hover { background-color: color-mix(in oklab, var(--color-indigo-600) 30%, transparent); } } .hover\:bg-indigo-600\/40:hover { background-color: #4f39f666; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-indigo-600\/40:hover { background-color: color-mix(in oklab, var(--color-indigo-600) 40%, transparent); } } .hover\:bg-orange-500:hover { background-color: var(--color-orange-500); } .hover\:bg-primary\/10:hover { background-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/10:hover { background-color: color-mix(in oklab, var(--theme-action) 10%, transparent); } } .hover\:bg-primary\/90:hover { background-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--theme-action) 90%, transparent); } } .hover\:bg-purple-400\/15:hover { background-color: #c07eff26; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-purple-400\/15:hover { background-color: color-mix(in oklab, var(--color-purple-400) 15%, transparent); } } .hover\:bg-purple-500:hover { background-color: var(--color-purple-500); } .hover\:bg-purple-500\/10:hover { background-color: #ac4bff1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-purple-500\/10:hover { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent); } } .hover\:bg-purple-500\/20:hover { background-color: #ac4bff33; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-purple-500\/20:hover { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .hover\:bg-red-50:hover { background-color: var(--color-red-50); } .hover\:bg-red-100:hover { background-color: var(--color-red-100); } .hover\:bg-red-400:hover { background-color: var(--color-red-400); } .hover\:bg-red-500:hover { background-color: var(--color-red-500); } .hover\:bg-red-500\/10:hover { background-color: #fb2c361a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/10:hover { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .hover\:bg-red-500\/20:hover { background-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/20:hover { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .hover\:bg-red-600\/30:hover { background-color: #e400144d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-600\/30:hover { background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent); } } .hover\:bg-red-900\/40:hover { background-color: #82181a66; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-900\/40:hover { background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } .hover\:bg-red-950\/20:hover { background-color: #46080933; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-950\/20:hover { background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent); } } .hover\:bg-rose-500:hover { background-color: var(--color-rose-500); } .hover\:bg-rose-500\/5:hover { background-color: #ff23570d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-rose-500\/5:hover { background-color: color-mix(in oklab, var(--color-rose-500) 5%, transparent); } } .hover\:bg-rose-500\/10:hover { background-color: #ff23571a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-rose-500\/10:hover { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } .hover\:bg-rose-500\/15:hover { background-color: #ff235726; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-rose-500\/15:hover { background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent); } } .hover\:bg-rose-500\/20:hover { background-color: #ff235733; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-rose-500\/20:hover { background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .hover\:bg-rose-500\/80:hover { background-color: #ff2357cc; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-rose-500\/80:hover { background-color: color-mix(in oklab, var(--color-rose-500) 80%, transparent); } } .hover\:bg-rose-500\/\[0\.04\]:hover { background-color: #ff23570a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-rose-500\/\[0\.04\]:hover { background-color: color-mix(in oklab, var(--color-rose-500) 4%, transparent); } } .hover\:bg-rose-600:hover { background-color: var(--color-rose-600); } .hover\:bg-slate-50\/50:hover { background-color: #f8fafc80; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-slate-50\/50:hover { background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent); } } .hover\:bg-slate-100:hover { background-color: var(--color-slate-100); } .hover\:bg-slate-200:hover { background-color: var(--color-slate-200); } .hover\:bg-slate-200\/50:hover { background-color: #e2e8f080; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-slate-200\/50:hover { background-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent); } } .hover\:bg-slate-600:hover { background-color: var(--color-slate-600); } .hover\:bg-surface-alt:hover { background-color: var(--theme-surface-muted); } .hover\:bg-violet-500\/10:hover { background-color: #8d54ff1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-violet-500\/10:hover { background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent); } } .hover\:bg-white\/5:hover { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/5:hover { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .hover\:bg-white\/10:hover { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/10:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .hover\:bg-white\/15:hover { background-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/15:hover { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .hover\:bg-white\/20:hover { background-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/20:hover { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .hover\:bg-white\/25:hover { background-color: #ffffff40; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/25:hover { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .hover\:bg-white\/90:hover { background-color: #ffffffe6; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/90:hover { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .hover\:bg-white\/\[\.025\]:hover { background-color: #ffffff06; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[\.025\]:hover { background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent); } } .hover\:bg-white\/\[0\.01\]:hover { background-color: #ffffff03; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.01\]:hover { background-color: color-mix(in oklab, var(--color-white) 1%, transparent); } } .hover\:bg-white\/\[0\.02\]:hover { background-color: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.02\]:hover { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } .hover\:bg-white\/\[0\.03\]:hover { background-color: #ffffff08; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.03\]:hover { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } .hover\:bg-white\/\[0\.04\]:hover { background-color: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.04\]:hover { background-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } .hover\:bg-white\/\[0\.05\]:hover { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.05\]:hover { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .hover\:bg-white\/\[0\.06\]:hover { background-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.06\]:hover { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .hover\:bg-white\/\[0\.07\]:hover { background-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.07\]:hover { background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent); } } .hover\:bg-white\/\[0\.08\]:hover { background-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.08\]:hover { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .hover\:bg-white\/\[0\.09\]:hover { background-color: #ffffff17; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.09\]:hover { background-color: color-mix(in oklab, var(--color-white) 9%, transparent); } } .hover\:bg-white\/\[0\.10\]:hover { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.10\]:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .hover\:bg-white\/\[0\.12\]:hover { background-color: #ffffff1f; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.12\]:hover { background-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .hover\:bg-white\/\[0\.015\]:hover { background-color: #ffffff04; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.015\]:hover { background-color: color-mix(in oklab, var(--color-white) 1.5%, transparent); } } .hover\:bg-white\/\[0\.025\]:hover { background-color: #ffffff06; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.025\]:hover { background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent); } } .hover\:bg-white\/\[0\.035\]:hover { background-color: #ffffff09; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.035\]:hover { background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent); } } .hover\:bg-yellow-400:hover { background-color: var(--color-yellow-400); } .hover\:bg-zinc-200:hover { background-color: var(--color-zinc-200); } .hover\:bg-zinc-700:hover { background-color: var(--color-zinc-700); } .hover\:bg-zinc-800:hover { background-color: var(--color-zinc-800); } .hover\:bg-zinc-800\/30:hover { background-color: #27272a4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-zinc-800\/30:hover { background-color: color-mix(in oklab, var(--color-zinc-800) 30%, transparent); } } .hover\:bg-zinc-800\/80:hover { background-color: #27272acc; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-zinc-800\/80:hover { background-color: color-mix(in oklab, var(--color-zinc-800) 80%, transparent); } } .hover\:bg-zinc-900:hover { background-color: var(--color-zinc-900); } .hover\:bg-zinc-900\/40:hover { background-color: #18181b66; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-zinc-900\/40:hover { background-color: color-mix(in oklab, var(--color-zinc-900) 40%, transparent); } } .hover\:bg-zinc-900\/60:hover { background-color: #18181b99; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-zinc-900\/60:hover { background-color: color-mix(in oklab, var(--color-zinc-900) 60%, transparent); } } .hover\:bg-zinc-900\/80:hover { background-color: #18181bcc; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-zinc-900\/80:hover { background-color: color-mix(in oklab, var(--color-zinc-900) 80%, transparent); } } .hover\:bg-zinc-950:hover { background-color: var(--color-zinc-950); } .hover\:text-\[\#0A84FF\]:hover { color: #0a84ff; } .hover\:text-\[\#5E5CE6\]:hover { color: #5e5ce6; } .hover\:text-\[\#0077ED\]:hover { color: #0077ed; } .hover\:text-\[\#409CFF\]:hover { color: #409cff; } .hover\:text-\[\#A1A1AA\]:hover { color: #a1a1aa; } .hover\:text-\[var\(--theme-text\)\]:hover { color: var(--theme-text); } .hover\:text-amber-300:hover { color: var(--color-amber-300); } .hover\:text-amber-400:hover { color: var(--color-amber-400); } .hover\:text-blue-200:hover { color: var(--color-blue-200); } .hover\:text-blue-300:hover { color: var(--color-blue-300); } .hover\:text-blue-400:hover { color: var(--color-blue-400); } .hover\:text-emerald-200:hover { color: var(--color-emerald-200); } .hover\:text-emerald-300:hover { color: var(--color-emerald-300); } .hover\:text-emerald-400:hover { color: var(--color-emerald-400); } .hover\:text-indigo-300:hover { color: var(--color-indigo-300); } .hover\:text-indigo-500:hover { color: var(--color-indigo-500); } .hover\:text-primary:hover, .hover\:text-primary\/80:hover { color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .hover\:text-primary\/80:hover { color: color-mix(in oklab, var(--theme-action) 80%, transparent); } } .hover\:text-purple-300:hover { color: var(--color-purple-300); } .hover\:text-red-300:hover { color: var(--color-red-300); } .hover\:text-red-400:hover { color: var(--color-red-400); } .hover\:text-red-500:hover { color: var(--color-red-500); } .hover\:text-rose-300:hover { color: var(--color-rose-300); } .hover\:text-rose-400:hover { color: var(--color-rose-400); } .hover\:text-rose-500:hover { color: var(--color-rose-500); } .hover\:text-rose-600:hover { color: var(--color-rose-600); } .hover\:text-slate-200:hover { color: var(--color-slate-200); } .hover\:text-slate-300:hover { color: var(--color-slate-300); } .hover\:text-slate-400:hover { color: var(--color-slate-400); } .hover\:text-slate-900:hover { color: var(--color-slate-900); } .hover\:text-slate-950:hover { color: var(--color-slate-950); } .hover\:text-violet-200:hover { color: var(--color-violet-200); } .hover\:text-white:hover { color: var(--color-white); } .hover\:text-white\/40:hover { color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .hover\:text-white\/40:hover { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .hover\:text-white\/50:hover { color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .hover\:text-white\/50:hover { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .hover\:text-white\/60:hover { color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .hover\:text-white\/60:hover { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .hover\:text-white\/70:hover { color: #ffffffb3; } @supports (color: color-mix(in lab, red, red)) { .hover\:text-white\/70:hover { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .hover\:text-white\/80:hover { color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .hover\:text-white\/80:hover { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .hover\:text-white\/90:hover { color: #ffffffe6; } @supports (color: color-mix(in lab, red, red)) { .hover\:text-white\/90:hover { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .hover\:text-zinc-100:hover { color: var(--color-zinc-100); } .hover\:text-zinc-200:hover { color: var(--color-zinc-200); } .hover\:text-zinc-300:hover { color: var(--color-zinc-300); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-60:hover { opacity: .6; } .hover\:opacity-80:hover { opacity: .8; } .hover\:opacity-90:hover { opacity: .9; } .hover\:opacity-95:hover { opacity: .95; } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-2xl:hover { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); 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_30px_rgba\(0\,102\,255\,0\.3\)\]:hover { --tw-shadow: 0 0 30px var(--tw-shadow-color, #0066ff4d); 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_30px_rgba\(10\,132\,255\,0\.4\)\]:hover { --tw-shadow: 0 0 30px var(--tw-shadow-color, #0a84ff66); 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_14px_rgba\(59\,130\,246\,0\.3\)\]:hover { --tw-shadow: 0 4px 14px var(--tw-shadow-color, #3b82f64d); 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_12px_40px_rgba\(0\,0\,0\,0\.3\)\]:hover { --tw-shadow: 0 12px 40px var(--tw-shadow-color, #0000004d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-black\/40:hover { --tw-shadow-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-black\/40:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-blue-600\/30:hover { --tw-shadow-color: #155dfc4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-blue-600\/30:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-primary\/40:hover { --tw-shadow-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-primary\/40:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--theme-action) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-rose-600\/10:hover { --tw-shadow-color: #e700441a; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-rose-600\/10:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } } .focus\:border-\[\#0A84FF\]:focus { border-color: #0a84ff; } .focus\:border-\[\#0A84FF\]\/40:focus { border-color: oklab(62.4254% -.0515206 -.199017 / .4); } .focus\:border-\[\#0A84FF\]\/45:focus { border-color: oklab(62.4254% -.0515206 -.199017 / .45); } .focus\:border-\[\#0A84FF\]\/50:focus { border-color: oklab(62.4254% -.0515206 -.199017 / .5); } .focus\:border-\[\#0A84FF\]\/60:focus { border-color: oklab(62.4254% -.0515206 -.199017 / .6); } .focus\:border-\[\#5E5CE6\]\/50:focus { border-color: oklab(55.6438% .0287955 -.201107 / .5); } .focus\:border-\[\#0066FF\]:focus { border-color: #06f; } .focus\:border-\[\#0066FF\]\/50:focus { border-color: oklab(56.3455% -.0384266 -.237719 / .5); } .focus\:border-\[\#0066FF\]\/60:focus { border-color: oklab(56.3455% -.0384266 -.237719 / .6); } .focus\:border-amber-400:focus { border-color: var(--color-amber-400); } .focus\:border-amber-400\/60:focus { border-color: #fcbb0099; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-amber-400\/60:focus { border-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent); } } .focus\:border-amber-500:focus { border-color: var(--color-amber-500); } .focus\:border-blue-400\/45:focus { border-color: #54a2ff73; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-blue-400\/45:focus { border-color: color-mix(in oklab, var(--color-blue-400) 45%, transparent); } } .focus\:border-blue-400\/50:focus { border-color: #54a2ff80; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-blue-400\/50:focus { border-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent); } } .focus\:border-blue-500:focus { border-color: var(--color-blue-500); } .focus\:border-blue-500\/40:focus { border-color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-blue-500\/40:focus { border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .focus\:border-blue-500\/45:focus { border-color: #3080ff73; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-blue-500\/45:focus { border-color: color-mix(in oklab, var(--color-blue-500) 45%, transparent); } } .focus\:border-blue-500\/50:focus { border-color: #3080ff80; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-blue-500\/50:focus { border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } .focus\:border-indigo-500:focus { border-color: var(--color-indigo-500); } .focus\:border-orange-500\/60:focus { border-color: #fe6e0099; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-orange-500\/60:focus { border-color: color-mix(in oklab, var(--color-orange-500) 60%, transparent); } } .focus\:border-red-500:focus { border-color: var(--color-red-500); } .focus\:border-red-500\/55:focus { border-color: #fb2c368c; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-red-500\/55:focus { border-color: color-mix(in oklab, var(--color-red-500) 55%, transparent); } } .focus\:border-rose-400\/60:focus { border-color: #ff667f99; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-rose-400\/60:focus { border-color: color-mix(in oklab, var(--color-rose-400) 60%, transparent); } } .focus\:border-rose-500\/40:focus { border-color: #ff235766; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-rose-500\/40:focus { border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent); } } .focus\:border-rose-500\/60:focus { border-color: #ff235799; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-rose-500\/60:focus { border-color: color-mix(in oklab, var(--color-rose-500) 60%, transparent); } } .focus\:border-white\/30:focus { border-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-white\/30:focus { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .focus\:bg-\[\#0A84FF\]\/\[0\.04\]:focus { background-color: oklab(62.4254% -.0515206 -.199017 / .04); } .focus\:bg-white\/10:focus { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .focus\:bg-white\/10:focus { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .focus\:bg-white\/\[0\.07\]:focus { background-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .focus\:bg-white\/\[0\.07\]:focus { background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent); } } .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-4:focus { --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\:ring-\[\#0A84FF\]:focus { --tw-ring-color: #0a84ff; } .focus\:ring-\[\#0A84FF\]\/10:focus { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .1); } .focus\:ring-\[\#0A84FF\]\/15:focus { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .15); } .focus\:ring-\[\#0A84FF\]\/20:focus { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .2); } .focus\:ring-\[\#0A84FF\]\/30:focus { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .3); } .focus\:ring-\[\#0A84FF\]\/40:focus { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .4); } .focus\:ring-\[\#0A84FF\]\/50:focus { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .5); } .focus\:ring-\[\#0A84FF\]\/60:focus { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .6); } .focus\:ring-\[\#06b6d4\]:focus { --tw-ring-color: #06b6d4; } .focus\:ring-\[\#0066FF\]\/20:focus { --tw-ring-color: oklab(56.3455% -.0384266 -.237719 / .2); } .focus\:ring-\[rgba\(0\,102\,255\,0\.1\)\]:focus { --tw-ring-color: #0066ff1a; } .focus\:ring-\[var\(--theme-focus\)\]:focus { --tw-ring-color: var(--theme-focus); } .focus\:ring-amber-500\/20:focus { --tw-ring-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-amber-500\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .focus\:ring-blue-500:focus { --tw-ring-color: var(--color-blue-500); } .focus\:ring-blue-500\/10:focus { --tw-ring-color: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-blue-500\/10:focus { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .focus\:ring-blue-500\/15:focus { --tw-ring-color: #3080ff26; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-blue-500\/15:focus { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent); } } .focus\:ring-blue-500\/20:focus { --tw-ring-color: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-blue-500\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .focus\:ring-blue-500\/40:focus { --tw-ring-color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-blue-500\/40:focus { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .focus\:ring-blue-500\/45:focus { --tw-ring-color: #3080ff73; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-blue-500\/45:focus { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 45%, transparent); } } .focus\:ring-blue-500\/60:focus { --tw-ring-color: #3080ff99; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-blue-500\/60:focus { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 60%, transparent); } } .focus\:ring-emerald-500\/30:focus { --tw-ring-color: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-emerald-500\/30:focus { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .focus\:ring-emerald-500\/60:focus { --tw-ring-color: #00bb7f99; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-emerald-500\/60:focus { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent); } } .focus\:ring-indigo-500:focus { --tw-ring-color: var(--color-indigo-500); } .focus\:ring-indigo-500\/30:focus { --tw-ring-color: #625fff4d; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-indigo-500\/30:focus { --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent); } } .focus\:ring-orange-500\/30:focus { --tw-ring-color: #fe6e004d; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-orange-500\/30:focus { --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent); } } .focus\:ring-primary:focus, .focus\:ring-primary\/50:focus { --tw-ring-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-primary\/50:focus { --tw-ring-color: color-mix(in oklab, var(--theme-action) 50%, transparent); } } .focus\:ring-red-500\/10:focus { --tw-ring-color: #fb2c361a; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-red-500\/10:focus { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .focus\:ring-red-500\/60:focus { --tw-ring-color: #fb2c3699; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-red-500\/60:focus { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 60%, transparent); } } .focus\:ring-rose-500\/20:focus { --tw-ring-color: #ff235733; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-rose-500\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .focus\:ring-rose-500\/30:focus { --tw-ring-color: #ff23574d; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-rose-500\/30:focus { --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent); } } .focus\:ring-violet-500\/50:focus { --tw-ring-color: #8d54ff80; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-violet-500\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent); } } .focus\:ring-white\/20:focus { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-white\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .focus\:ring-zinc-700:focus { --tw-ring-color: var(--color-zinc-700); } .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\:ring-offset-black:focus { --tw-ring-offset-color: var(--color-black); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:text-\[\#0A84FF\]:focus-visible { color: #0a84ff; } .focus-visible\:text-primary:focus-visible { color: var(--theme-action); } .focus-visible\:underline:focus-visible { text-decoration-line: underline; } .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-4:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-\[\#0A84FF\]:focus-visible { --tw-ring-color: #0a84ff; } .focus-visible\:ring-\[\#0A84FF\]\/50:focus-visible { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .5); } .focus-visible\:ring-\[\#0A84FF\]\/60:focus-visible { --tw-ring-color: oklab(62.4254% -.0515206 -.199017 / .6); } .focus-visible\:ring-\[\#0066FF\]\/40:focus-visible { --tw-ring-color: oklab(56.3455% -.0384266 -.237719 / .4); } .focus-visible\:ring-\[var\(--theme-focus\)\]:focus-visible { --tw-ring-color: var(--theme-focus); } .focus-visible\:ring-amber-400:focus-visible { --tw-ring-color: var(--color-amber-400); } .focus-visible\:ring-amber-500:focus-visible { --tw-ring-color: var(--color-amber-500); } .focus-visible\:ring-amber-500\/30:focus-visible { --tw-ring-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-amber-500\/30:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .focus-visible\:ring-blue-400:focus-visible { --tw-ring-color: var(--color-blue-400); } .focus-visible\:ring-blue-500:focus-visible { --tw-ring-color: var(--color-blue-500); } .focus-visible\:ring-emerald-400:focus-visible { --tw-ring-color: var(--color-emerald-400); } .focus-visible\:ring-emerald-500\/30:focus-visible { --tw-ring-color: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-emerald-500\/30:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .focus-visible\:ring-primary:focus-visible { --tw-ring-color: var(--theme-action); } .focus-visible\:ring-rose-400:focus-visible { --tw-ring-color: var(--color-rose-400); } .focus-visible\:ring-rose-500:focus-visible { --tw-ring-color: var(--color-rose-500); } .focus-visible\:ring-white\/20:focus-visible { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-white\/20:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .focus-visible\:ring-white\/30:focus-visible { --tw-ring-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-white\/30:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .focus-visible\:ring-white\/40:focus-visible { --tw-ring-color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-white\/40:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .focus-visible\:ring-white\/50:focus-visible { --tw-ring-color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-white\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .focus-visible\:ring-yellow-500:focus-visible { --tw-ring-color: var(--color-yellow-500); } .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-\[\#0A0A0A\]:focus-visible { --tw-ring-offset-color: #0a0a0a; } .focus-visible\:ring-offset-\[\#0A0A0B\]:focus-visible { --tw-ring-offset-color: #0a0a0b; } .focus-visible\:ring-offset-\[\#1C1C1E\]:focus-visible { --tw-ring-offset-color: #1c1c1e; } .focus-visible\:ring-offset-black:focus-visible { --tw-ring-offset-color: var(--color-black); } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-1:focus-visible { outline-offset: 1px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-\[\#0A84FF\]:focus-visible { outline-color: #0a84ff; } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } .focus-visible\:ring-inset:focus-visible { --tw-ring-inset: inset; } .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-98:active { --tw-scale-x: 98%; --tw-scale-y: 98%; --tw-scale-z: 98%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-\[0\.98\]:active { scale: .98; } .active\:scale-\[0\.99\]:active { scale: .99; } .active\:bg-\[\#0047B3\]:active { background-color: #0047b3; } .active\:bg-\[\#0055CC\]:active { background-color: #05c; } .active\:bg-amber-700:active { background-color: var(--color-amber-700); } .active\:bg-white\/15:active { background-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .active\:bg-white\/15:active { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .active\:shadow-inner:active { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:cursor-wait:disabled { cursor: wait; } .disabled\:border-white\/10:disabled { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .disabled\:border-white\/10:disabled { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .disabled\:bg-\[\#0A84FF\]\/40:disabled { background-color: oklab(62.4254% -.0515206 -.199017 / .4); } .disabled\:bg-\[var\(--theme-disabled-bg\)\]:disabled { background-color: var(--theme-disabled-bg); } .disabled\:bg-white\/5:disabled { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .disabled\:bg-white\/5:disabled { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .disabled\:text-\[var\(--theme-disabled-fg\)\]:disabled { color: var(--theme-disabled-fg); } .disabled\:text-soft\/35:disabled { color: var(--theme-text-secondary); } @supports (color: color-mix(in lab, red, red)) { .disabled\:text-soft\/35:disabled { color: color-mix(in oklab, var(--theme-text-secondary) 35%, transparent); } } .disabled\:opacity-20:disabled { opacity: .2; } .disabled\:opacity-30:disabled { opacity: .3; } .disabled\:opacity-35:disabled { opacity: .35; } .disabled\:opacity-40:disabled { opacity: .4; } .disabled\:opacity-50:disabled { opacity: .5; } .disabled\:opacity-60:disabled { opacity: .6; } .disabled\:opacity-70:disabled { opacity: .7; } @media not all and (min-width: 48rem) { .max-md\:fixed { position: fixed; } .max-md\:top-auto { top: auto; } .max-md\:right-0 { right: calc(var(--spacing) * 0); } .max-md\:bottom-0 { bottom: calc(var(--spacing) * 0); } .max-md\:left-0 { left: calc(var(--spacing) * 0); } .max-md\:w-full { width: 100%; } .max-md\:overflow-x-auto { overflow-x: auto; } .max-md\:rounded-tl-2xl { border-top-left-radius: var(--radius-2xl); } .max-md\:rounded-tr-2xl { border-top-right-radius: var(--radius-2xl); } .max-md\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .max-md\:border-white\/10 { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .max-md\:border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .max-md\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } } @media (min-width: 40rem) { .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:mt-0 { margin-top: calc(var(--spacing) * 0); } .sm\:mt-3 { margin-top: calc(var(--spacing) * 3); } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:inline { display: inline; } .sm\:h-\[80vh\] { height: 80vh; } .sm\:w-32 { width: calc(var(--spacing) * 32); } .sm\:w-64 { width: calc(var(--spacing) * 64); } .sm\:w-72 { width: calc(var(--spacing) * 72); } .sm\:w-\[180px\] { width: 180px; } .sm\:w-auto { width: auto; } .sm\:max-w-md { max-width: var(--container-md); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sm\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .sm\:grid-cols-\[150px_minmax\(0\,1fr\)\] { grid-template-columns: 150px minmax(0, 1fr); } .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0, 1fr) auto; } .sm\:flex-row { flex-direction: row; } .sm\:items-center { align-items: center; } .sm\:items-end { align-items: flex-end; } .sm\:items-start { align-items: flex-start; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-center { justify-content: center; } .sm\:justify-end { justify-content: flex-end; } .sm\:gap-3 { gap: calc(var(--spacing) * 3); } .sm\:gap-6 { gap: calc(var(--spacing) * 6); } .sm\:self-auto { align-self: auto; } .sm\:self-center { align-self: center; } .sm\:rounded-\[32px\] { border-radius: 32px; } .sm\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .sm\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .sm\:p-4 { padding: calc(var(--spacing) * 4); } .sm\:p-6 { padding: calc(var(--spacing) * 6); } .sm\:p-8 { padding: calc(var(--spacing) * 8); } .sm\:p-9 { padding: calc(var(--spacing) * 9); } .sm\:p-10 { padding: calc(var(--spacing) * 10); } .sm\:p-11 { padding: calc(var(--spacing) * 11); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } .sm\:py-10 { padding-block: calc(var(--spacing) * 10); } .sm\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .sm\:last\:border-r-0:last-child { border-right-style: var(--tw-border-style); border-right-width: 0; } } @media (min-width: 48rem) { .md\:top-full { top: 100%; } .md\:left-0 { left: calc(var(--spacing) * 0); } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-5 { grid-column: span 5 / span 5; } .md\:col-span-7 { grid-column: span 7 / span 7; } .md\:-m-8 { margin: calc(var(--spacing) * -8); } .md\:-mx-8 { margin-inline: calc(var(--spacing) * -8); } .md\:mx-5 { margin-inline: calc(var(--spacing) * 5); } .md\:mt-0 { margin-top: calc(var(--spacing) * 0); } .md\:mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .md\:mb-16 { margin-bottom: calc(var(--spacing) * 16); } .md\:block { display: block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:h-\[400px\] { height: 400px; } .md\:h-full { height: 100%; } .md\:max-h-\[92vh\] { max-height: 92vh; } .md\:min-h-0 { min-height: calc(var(--spacing) * 0); } .md\:w-1\/3 { width: 33.3333%; } .md\:w-2\/3 { width: 66.6667%; } .md\:w-52 { width: calc(var(--spacing) * 52); } .md\:w-56 { width: calc(var(--spacing) * 56); } .md\:w-64 { width: calc(var(--spacing) * 64); } .md\:w-72 { width: calc(var(--spacing) * 72); } .md\:w-\[150px\] { width: 150px; } .md\:w-auto { width: auto; } .md\:max-w-3xl { max-width: var(--container-3xl); } .md\:max-w-4xl { max-width: var(--container-4xl); } .md\:max-w-6xl { max-width: var(--container-6xl); } .md\:max-w-\[160px\] { max-width: 160px; } .md\:min-w-0 { min-width: calc(var(--spacing) * 0); } .md\:shrink { flex-shrink: 1; } .md\:-translate-y-2 { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:grid-cols-\[0\.86fr_1\.14fr\] { grid-template-columns: .86fr 1.14fr; } .md\:grid-cols-\[1fr_1\.2fr\] { grid-template-columns: 1fr 1.2fr; } .md\:grid-cols-\[190px_1fr\] { grid-template-columns: 190px 1fr; } .md\:grid-cols-\[220px_1fr\] { grid-template-columns: 220px 1fr; } .md\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(220px\,0\.65fr\)\] { grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr); } .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); } .md\:grid-cols-\[minmax\(260px\,1\.5fr\)_minmax\(110px\,0\.5fr\)_minmax\(140px\,0\.6fr\)_minmax\(260px\,1fr\)_24px\] { grid-template-columns: minmax(260px, 1.5fr) minmax(110px, .5fr) minmax(140px, .6fr) minmax(260px, 1fr) 24px; } .md\:flex-col { flex-direction: column; } .md\:flex-row { flex-direction: row; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:items-center { align-items: center; } .md\:items-end { align-items: flex-end; } .md\:items-start { align-items: flex-start; } .md\:justify-between { justify-content: space-between; } .md\:justify-center { justify-content: center; } .md\:justify-end { justify-content: flex-end; } .md\:gap-4 { gap: calc(var(--spacing) * 4); } .md\:self-auto { align-self: auto; } .md\:self-center { align-self: center; } .md\:overflow-hidden { overflow: hidden; } .md\:overflow-visible { overflow: visible; } .md\:overflow-y-auto { overflow-y: auto; } .md\:rounded-2xl { border-radius: var(--radius-2xl); } .md\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .md\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .md\:p-4 { padding: calc(var(--spacing) * 4); } .md\:p-5 { padding: calc(var(--spacing) * 5); } .md\:p-6 { padding: calc(var(--spacing) * 6); } .md\:p-7 { padding: calc(var(--spacing) * 7); } .md\:p-8 { padding: calc(var(--spacing) * 8); } .md\:p-9 { padding: calc(var(--spacing) * 9); } .md\:p-10 { padding: calc(var(--spacing) * 10); } .md\:px-5 { padding-inline: calc(var(--spacing) * 5); } .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .md\:px-8 { padding-inline: calc(var(--spacing) * 8); } .md\:px-12 { padding-inline: calc(var(--spacing) * 12); } .md\:py-5 { padding-block: calc(var(--spacing) * 5); } .md\:py-10 { padding-block: calc(var(--spacing) * 10); } .md\:py-14 { padding-block: calc(var(--spacing) * 14); } .md\:py-16 { padding-block: calc(var(--spacing) * 16); } .md\:pt-0 { padding-top: calc(var(--spacing) * 0); } .md\:pb-3 { padding-bottom: calc(var(--spacing) * 3); } .md\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } .md\:pb-8 { padding-bottom: calc(var(--spacing) * 8); } .md\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } .md\:text-left { text-align: left; } .md\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .md\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .md\:text-\[13px\] { font-size: 13px; } } @media (min-width: 64rem) { .lg\:right-12 { right: calc(var(--spacing) * 12); } .lg\:left-auto { left: auto; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:col-span-8 { grid-column: span 8 / span 8; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:h-\[84px\] { height: 84px; } .lg\:h-\[85vh\] { height: 85vh; } .lg\:w-1\/3 { width: 33.3333%; } .lg\:w-44 { width: calc(var(--spacing) * 44); } .lg\:w-64 { width: calc(var(--spacing) * 64); } .lg\:w-80 { width: calc(var(--spacing) * 80); } .lg\:w-\[40\%\] { width: 40%; } .lg\:w-\[60\%\] { width: 60%; } .lg\:w-auto { width: auto; } .lg\:w-full { width: 100%; } .lg\:flex-1 { flex: 1; } .lg\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-\[1\.1fr_\.9fr\] { grid-template-columns: 1.1fr .9fr; } .lg\:grid-cols-\[1\.4fr_0\.8fr\] { grid-template-columns: 1.4fr .8fr; } .lg\:grid-cols-\[1\.05fr_0\.95fr\] { grid-template-columns: 1.05fr .95fr; } .lg\:grid-cols-\[1\.35fr_0\.65fr\] { grid-template-columns: 1.35fr .65fr; } .lg\:grid-cols-\[1fr_0\.9fr\] { grid-template-columns: 1fr .9fr; } .lg\:grid-cols-\[1fr_0\.85fr\] { grid-template-columns: 1fr .85fr; } .lg\:grid-cols-\[1fr_110px\] { grid-template-columns: 1fr 110px; } .lg\:grid-cols-\[38\%_62\%\] { grid-template-columns: 38% 62%; } .lg\:grid-cols-\[180px_minmax\(0\,1fr\)\] { grid-template-columns: 180px minmax(0, 1fr); } .lg\:grid-cols-\[280px_1fr\] { grid-template-columns: 280px 1fr; } .lg\:grid-cols-\[minmax\(0\,1fr\)_220px_auto_auto\] { grid-template-columns: minmax(0, 1fr) 220px auto auto; } .lg\:grid-cols-\[minmax\(240px\,1\.4fr\)_repeat\(4\,minmax\(130px\,\.65fr\)\)\] { grid-template-columns: minmax(240px, 1.4fr) repeat(4, minmax(130px, .65fr)); } .lg\:grid-cols-\[minmax\(360px\,0\.92fr\)_minmax\(540px\,1\.08fr\)\] { grid-template-columns: minmax(360px, .92fr) minmax(540px, 1.08fr); } .lg\:flex-col { flex-direction: column; } .lg\:flex-row { flex-direction: row; } .lg\:items-center { align-items: center; } .lg\:items-end { align-items: flex-end; } .lg\:items-start { align-items: flex-start; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } :where(.lg\:space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } .lg\:self-center { align-self: center; } .lg\:rounded-\[32px\] { border-radius: 32px; } .lg\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .lg\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .lg\:p-5 { padding: calc(var(--spacing) * 5); } .lg\:p-6 { padding: calc(var(--spacing) * 6); } .lg\:p-7 { padding: calc(var(--spacing) * 7); } .lg\:p-10 { padding: calc(var(--spacing) * 10); } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:py-0 { padding-block: calc(var(--spacing) * 0); } .lg\:pt-\[6\.5rem\] { padding-top: 6.5rem; } .lg\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .lg\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } @media (min-width: 80rem) { .xl\:sticky { position: sticky; } .xl\:top-0 { top: calc(var(--spacing) * 0); } .xl\:col-span-3 { grid-column: span 3 / span 3; } .xl\:col-span-4 { grid-column: span 4 / span 4; } .xl\:col-span-5 { grid-column: span 5 / span 5; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-span-7 { grid-column: span 7 / span 7; } .xl\:col-span-8 { grid-column: span 8 / span 8; } .xl\:block { display: block; } .xl\:inline { display: inline; } .xl\:min-h-0 { min-height: calc(var(--spacing) * 0); } .xl\:w-auto { width: auto; } .xl\:max-w-2xl { max-width: var(--container-2xl); } .xl\:max-w-md { max-width: var(--container-md); } .xl\:max-w-sm { max-width: var(--container-sm); } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .xl\:grid-cols-\[1\.35fr_0\.65fr\] { grid-template-columns: 1.35fr .65fr; } .xl\:grid-cols-\[1\.55fr_0\.85fr\] { grid-template-columns: 1.55fr .85fr; } .xl\:grid-cols-\[1fr_0\.7fr\] { grid-template-columns: 1fr .7fr; } .xl\:grid-cols-\[1fr_1fr\] { grid-template-columns: 1fr 1fr; } .xl\:grid-cols-\[250px_minmax\(0\,1fr\)\] { grid-template-columns: 250px minmax(0, 1fr); } .xl\:grid-cols-\[270px_minmax\(0\,1fr\)\] { grid-template-columns: 270px minmax(0, 1fr); } .xl\:grid-cols-\[280px_minmax\(0\,1fr\)\] { grid-template-columns: 280px minmax(0, 1fr); } .xl\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(320px\,\.75fr\)\], .xl\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(320px\,0\.75fr\)\] { grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); } .xl\:grid-cols-\[minmax\(16rem\,1fr\)_minmax\(12rem\,18rem\)_auto\] { grid-template-columns: minmax(16rem, 1fr) minmax(12rem, 18rem) auto; } .xl\:grid-cols-\[minmax\(240px\,1\.4fr\)_minmax\(360px\,1\.6fr\)_repeat\(4\,minmax\(145px\,0\.8fr\)\)\] { grid-template-columns: minmax(240px, 1.4fr) minmax(360px, 1.6fr) repeat(4, minmax(145px, .8fr)); } .xl\:grid-cols-\[minmax\(300px\,\.82fr\)_minmax\(0\,1\.5fr\)\] { grid-template-columns: minmax(300px, .82fr) minmax(0, 1.5fr); } .xl\:grid-cols-\[minmax\(300px\,0\.9fr\)_minmax\(560px\,1\.7fr\)_minmax\(290px\,0\.72fr\)\] { grid-template-columns: minmax(300px, .9fr) minmax(560px, 1.7fr) minmax(290px, .72fr); } .xl\:flex-row { flex-direction: row; } .xl\:items-center { align-items: center; } .xl\:items-end { align-items: flex-end; } .xl\:justify-between { justify-content: space-between; } .xl\:justify-end { justify-content: flex-end; } .xl\:gap-6 { gap: calc(var(--spacing) * 6); } .xl\:self-auto { align-self: auto; } .xl\:p-8 { padding: calc(var(--spacing) * 8); } .xl\:p-14 { padding: calc(var(--spacing) * 14); } .xl\:px-16 { padding-inline: calc(var(--spacing) * 16); } .xl\:py-14 { padding-block: calc(var(--spacing) * 14); } .xl\:pt-\[7\.5rem\] { padding-top: 7.5rem; } .xl\:text-right { text-align: right; } } @media (min-width: 96rem) { .\32 xl\:col-span-1 { grid-column: span 1 / span 1; } .\32 xl\:col-span-2 { grid-column: span 2 / span 2; } .\32 xl\:col-span-3 { grid-column: span 3 / span 3; } .\32 xl\:col-span-4 { grid-column: span 4 / span 4; } .\32 xl\:flex { display: flex; } .\32 xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .\32 xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\32 xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .\32 xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .\32 xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .\32 xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .\32 xl\:grid-cols-\[minmax\(350px\,390px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(350px, 390px) minmax(0, 1fr); } .\32 xl\:flex-row { flex-direction: row; } .\32 xl\:items-center { align-items: center; } .\32 xl\:items-end { align-items: flex-end; } .\32 xl\:justify-between { justify-content: space-between; } } .dark\:border-amber-900\/50:is(.dark *) { border-color: #7b330680; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-900\/50:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent); } } .dark\:border-slate-600:is(.dark *) { border-color: var(--color-slate-600); } .dark\:border-slate-800:is(.dark *) { border-color: var(--color-slate-800); } .dark\:bg-\[\#06131f\]:is(.dark *) { background-color: #06131f; } .dark\:bg-amber-900\/30:is(.dark *) { background-color: #7b33064d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-900\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent); } } .dark\:bg-gray-900:is(.dark *) { background-color: var(--color-gray-900); } .dark\:bg-slate-700:is(.dark *) { background-color: var(--color-slate-700); } .dark\:bg-slate-700\/30:is(.dark *) { background-color: #3141584d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-slate-700\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-slate-700) 30%, transparent); } } .dark\:bg-slate-800:is(.dark *) { background-color: var(--color-slate-800); } .dark\:bg-slate-800\/50:is(.dark *) { background-color: #1d293d80; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-slate-800\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent); } } .dark\:bg-slate-900:is(.dark *) { background-color: var(--color-slate-900); } .dark\:text-\[\#43a1ff\]:is(.dark *) { color: #43a1ff; } .dark\:text-amber-100\/70:is(.dark *) { color: #fef3c6b3; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-amber-100\/70:is(.dark *) { color: color-mix(in oklab, var(--color-amber-100) 70%, transparent); } } .dark\:text-amber-200:is(.dark *) { color: var(--color-amber-200); } .dark\:text-amber-300:is(.dark *) { color: var(--color-amber-300); } .dark\:text-amber-400:is(.dark *) { color: var(--color-amber-400); } .dark\:text-blue-300:is(.dark *) { color: var(--color-blue-300); } .dark\:text-cyan-300:is(.dark *) { color: var(--color-cyan-300); } .dark\:text-emerald-300:is(.dark *) { color: var(--color-emerald-300); } .dark\:text-gray-400:is(.dark *) { color: var(--color-gray-400); } .dark\:text-green-400:is(.dark *) { color: var(--color-green-400); } .dark\:text-red-200:is(.dark *) { color: var(--color-red-200); } .dark\:text-red-300:is(.dark *) { color: var(--color-red-300); } .dark\:text-red-400:is(.dark *) { color: var(--color-red-400); } .dark\:text-rose-300:is(.dark *) { color: var(--color-rose-300); } .dark\:text-sky-300:is(.dark *) { color: var(--color-sky-300); } .dark\:text-slate-100:is(.dark *) { color: var(--color-slate-100); } .dark\:text-slate-200:is(.dark *) { color: var(--color-slate-200); } .dark\:text-slate-300:is(.dark *) { color: var(--color-slate-300); } .dark\:text-slate-400:is(.dark *) { color: var(--color-slate-400); } .dark\:text-slate-500:is(.dark *) { color: var(--color-slate-500); } .dark\:text-violet-200:is(.dark *) { color: var(--color-violet-200); } .dark\:text-violet-300:is(.dark *) { color: var(--color-violet-300); } .dark\:text-white:is(.dark *) { color: var(--color-white); } .dark\:placeholder-white\/40:is(.dark *)::-moz-placeholder { color: #fff6; } .dark\:placeholder-white\/40:is(.dark *)::placeholder { color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .dark\:placeholder-white\/40:is(.dark *)::-moz-placeholder { color: color-mix(in oklab, var(--color-white) 40%, transparent); } .dark\:placeholder-white\/40:is(.dark *)::placeholder { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } @media (hover: hover) { .dark\:hover\:bg-amber-900\/30:is(.dark *):hover { background-color: #7b33064d; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-amber-900\/30:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent); } } .dark\:hover\:bg-red-900\/30:is(.dark *):hover { background-color: #82181a4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-red-900\/30:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent); } } .dark\:hover\:bg-slate-700:is(.dark *):hover { background-color: var(--color-slate-700); } .dark\:hover\:text-rose-300:is(.dark *):hover { color: var(--color-rose-300); } } @media print { .print\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .print\:hidden { display: none; } .print\:p-0 { padding: calc(var(--spacing) * 0); } } .\[\&_svg\]\:animate-spin svg { animation: var(--animate-spin); } .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { display: none; } .\[\&\:\:-webkit-scrollbar\]\:w-\[4px\]::-webkit-scrollbar { width: 4px; } .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb { border-radius: 3.40282e38px; } .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/10::-webkit-scrollbar-thumb { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-white\/10::-webkit-scrollbar-thumb { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track { background-color: #0000; } } .compliance-focus-mode > :not(.compliance-focus-header):not(.cross-border-compliance-panel), .compliance-focus-mode .cross-border-compliance-panel > summary { display: none; } .compliance-focus-mode .cross-border-compliance-panel { width: 100%; } [data-compliance-stage] .compliance-stage-tax, [data-compliance-stage] .compliance-stage-employer, [data-compliance-stage] .compliance-stage-permit, [data-compliance-stage] .compliance-stage-a1 { display: none; } [data-compliance-stage="tax"] .compliance-stage-tax, [data-compliance-stage="employer"] .compliance-stage-employer, [data-compliance-stage="permit"] .compliance-stage-permit, [data-compliance-stage="a1"] .compliance-stage-a1 { display: grid; } [data-compliance-stage="tax"] section.compliance-stage-tax, [data-compliance-stage="employer"] section.compliance-stage-employer, [data-compliance-stage="permit"] section.compliance-stage-permit, [data-compliance-stage="a1"] section.compliance-stage-a1 { display: block; } :root { --font-body: "DM Sans", ui-sans-serif, system-ui, sans-serif; --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace; --header-height: 57px; --sidebar-width: 240px; --color-surface-offset: #15212d; --color-surface-dynamic: #223243; --app-bg: #101923; --app-surface: #17232f; --app-surface-muted: #213140; --app-surface-hover: #2b4052; --app-border: #2b3b4a; --app-border-strong: #3d5367; --app-text: #f2f6f8; --app-text-secondary: #b8c6d1; --app-text-muted: #8295a5; --theme-chrome-bg: #0b1926; --theme-chrome-raised: #102535; --theme-chrome-border: #284258; --theme-on-chrome: #f2f6f8; --theme-on-chrome-muted: #aec0cd; --theme-page-header-bg: #172635; --theme-page-header-border: #344c60; --theme-page-header-text: #f2f6f8; --theme-page-header-muted: #b0c0cc; --theme-page-header-control-bg: #213546; --theme-page-header-control-hover: #2a4255; --theme-page-header-control-border: #405a6e; --theme-page-header-control-text: #f2f6f8; --theme-canvas: #0c151e; --theme-workspace: #111e29; --theme-surface: #172735; --theme-surface-raised: #203443; --theme-surface-muted: #2a3f50; --theme-page-bg: #0f1b25; --theme-section-bg: #172735; --theme-card-bg: #1d3040; --theme-control-bg: #263b4c; --theme-border: #3b5569; --theme-border-strong: #587286; --theme-text: #f2f6f8; --theme-text-secondary: #c3d0d8; --theme-text-muted: #a0b1bd; --theme-text-soft: #93a7b6; --theme-action: #2d8cff; --theme-action-hover: #58a4ff; --theme-action-pressed: #1676e8; --theme-on-action: #fff; --theme-focus: #2d8cff6b; --theme-success: #32ba8a; --theme-warning: #e4a333; --theme-danger: #eb6576; --theme-disabled-bg: #2a3b49; --theme-disabled-fg: #9aabb8; --theme-disabled-border: #43596a; --theme-shadow-sm: 0 1px 2px #00000059; --theme-shadow-md: 0 8px 22px #00000057; --theme-shadow-lg: 0 24px 64px #0000007a; --theme-overlay: #071019c7; --theme-chart-grid: #40576a; --theme-chart-axis: #a6b7c3; --theme-chart-label: #edf4f7; --activity-office: #0a84ff; --activity-overnight: #bf5af2; --activity-remote: #5e5ce6; --activity-travel: #ff9f0a; --activity-vacation: #30b0c7; --activity-sick: #ff453a; --activity-neutral: #8e8e93; --calendar-shell: #10161d; --calendar-toolbar: #151d26; --calendar-weekday: #1b2530; --calendar-day: #1c2229; --calendar-day-weekend: #171d23; --calendar-day-outside: #0d1218; --calendar-day-hover: #26313b; --calendar-grid-line: #465360; --calendar-rail: #151d26; --calendar-rail-header: #1b2631; --calendar-rail-card: #212b35; --calendar-text: #eef4f8; --calendar-text-muted: #9eacb8; } [data-theme="light"], .light { --color-surface-offset: #f5f5f2; --color-surface-dynamic: #e8ecec; --app-bg: #f4f6f5; --app-surface: #fff; --app-surface-muted: #edf1f1; --app-surface-hover: #e1e8e8; --app-border: #d9e1e1; --app-border-strong: #c1cdcd; --app-text: #142331; --app-text-secondary: #425565; --app-text-muted: #647787; --theme-chrome-bg: #10283a; --theme-chrome-raised: #16364b; --theme-chrome-border: #345a70; --theme-on-chrome: #f4f8fc; --theme-on-chrome-muted: #b8c8d6; --theme-page-header-bg: #e8eded; --theme-page-header-border: #c5d0d0; --theme-page-header-text: #142331; --theme-page-header-muted: #526775; --theme-page-header-control-bg: #fff; --theme-page-header-control-hover: #eef3f2; --theme-page-header-control-border: #bdcbcb; --theme-page-header-control-text: #163043; --theme-canvas: #e3e9e8; --theme-workspace: #e9eeee; --theme-surface: #f6f8f7; --theme-surface-raised: #fff; --theme-surface-muted: #edf2f1; --theme-page-bg: #e3e9e8; --theme-section-bg: #e9eeee; --theme-card-bg: #fff; --theme-control-bg: #edf2f1; --theme-border: #a9b9b8; --theme-border-strong: #788f8e; --theme-text: #142331; --theme-text-secondary: #3d5362; --theme-text-muted: #5d7280; --theme-text-soft: #607481; --theme-action: #0969c7; --theme-action-hover: #0758a9; --theme-action-pressed: #064889; --theme-on-action: #fff; --theme-focus: #0969c74d; --theme-success: #087758; --theme-warning: #9a6100; --theme-danger: #bd3451; --theme-disabled-bg: #d5dfdf; --theme-disabled-fg: #526875; --theme-disabled-border: #afbebd; --theme-shadow-sm: 0 1px 2px #0718271a, 0 1px 5px #0718270d; --theme-shadow-md: 0 10px 26px #0718271f, 0 2px 7px #0718270f; --theme-shadow-lg: 0 24px 60px #0718272e, 0 5px 16px #07182714; --theme-overlay: #051624bd; --theme-chart-grid: #a3afba; --theme-chart-axis: #53677a; --theme-chart-label: #071827; --activity-office: #0b5cab; --activity-overnight: #6c3ca5; --activity-remote: #5147b8; --activity-travel: #a96300; --activity-vacation: #08758a; --activity-sick: #b7193f; --activity-neutral: #53677a; --calendar-shell: #e5ebf1; --calendar-toolbar: #f8fafc; --calendar-weekday: #dde5ec; --calendar-day: #f8fafc; --calendar-day-weekend: #eef3f7; --calendar-day-outside: #d8e0e8; --calendar-day-hover: #e4edf5; --calendar-grid-line: #aab7c3; --calendar-rail: #e3eaf0; --calendar-rail-header: #d6e0e8; --calendar-rail-card: #f8fafc; --calendar-text: #071827; --calendar-text-muted: #4d6173; } [data-theme="dark"], .dark { --color-surface-offset: #15212d; --color-surface-dynamic: #223243; --app-bg: #101923; --app-surface: #17232f; --app-surface-muted: #213140; --app-surface-hover: #2b4052; --app-border: #2b3b4a; --app-border-strong: #3d5367; --app-text: #f2f6f8; --app-text-secondary: #b8c6d1; --app-text-muted: #8295a5; } html.light { --app-bg: #eef2f2; --app-surface: #fff; --app-surface-muted: #f5f7f7; --app-surface-hover: #e5ecec; --app-border: #d1dcdc; --app-border-strong: #b5c5c5; --app-text: #142331; --app-text-secondary: #425765; --app-text-muted: #667a87; --app-blue: #0969c7; --app-shadow: #152b391f; } html.light, html.light body, html.light #root { background: var(--app-bg); color: var(--app-text); } html.light .bg-black, html.light [class~="bg-black/80"], html.light .bg-zinc-950, html.light [class~="bg-zinc-950/40"], html.light [class~="bg-zinc-950/80"], html.light [class~="bg-[#000000]"], html.light [class~="bg-[#030303]"], html.light [class~="bg-[#080808]"], html.light [class~="bg-[#09090B]"], html.light [class~="bg-[#09090B]/80"], html.light [class~="bg-[#0A0A0A]"], html.light [class~="bg-[#0A0A0A]/50"], html.light [class~="bg-[#0A0A0A]/80"], html.light [class~="bg-[#0A0A0B]"], html.light [class~="bg-[#0A0A0B]/80"], html.light [class~="bg-[#0C0C0C]"], html.light [class~="bg-[#0C0C0D]"], html.light [class~="bg-[#0C0C0E]"], html.light [class~="bg-[#0F0F10]"], html.light [class~="bg-[#0F0F10]/50"], html.light [class~="bg-[#0F0F10]/80"] { background-color: var(--app-bg) !important; } html.light .bg-zinc-900, html.light [class~="bg-zinc-900/20"], html.light [class~="bg-zinc-900/30"], html.light [class~="bg-zinc-900/40"], html.light [class~="bg-zinc-900/60"], html.light [class~="bg-zinc-900/80"], html.light [class~="bg-zinc-950/80"], html.light [class~="bg-[#0b0b0c]"], html.light [class~="bg-[#0b0b0c]/95"], html.light [class~="bg-[#0b0b0c]/98"], html.light [class~="bg-[#0B0F17]"], html.light [class~="bg-[#0d0d0f]"], html.light [class~="bg-[#0d0d0f]/95"], html.light [class~="bg-[#0D0D0D]"], html.light [class~="bg-[#0D0D0F]"], html.light [class~="bg-[#0E0E0F]"], html.light [class~="bg-[#0f0f0f]"], html.light [class~="bg-[#111111]"], html.light [class~="bg-[#111112]"], html.light [class~="bg-[#111113]"], html.light [class~="bg-[#121214]"], html.light [class~="bg-[#131314]"], html.light [class~="bg-[#131315]"], html.light [class~="bg-[#141414]"], html.light [class~="bg-[#141415]"], html.light [class~="bg-[#141416]"], html.light [class~="bg-[#141417]/80"], html.light [class~="bg-[#151517]"], html.light [class~="bg-[#161616]"], html.light [class~="bg-[#161618]"], html.light [class~="bg-[#18181B]"], html.light [class~="bg-[#18181B]/80"], html.light [class~="bg-[#1A1A1A]"], html.light [class~="bg-[#1A1A1B]"], html.light [class~="bg-[#1A1A1D]"], html.light [class~="bg-[#1A1A1E]"], html.light [class~="bg-[#1C1C1E]"], html.light [class~="bg-[#1c1c1e]"], html.light [class~="bg-[#1C1C1E]/30"], html.light [class~="bg-[#1C1C1E]/40"], html.light [class~="bg-[#1C1C1E]/50"], html.light [class~="bg-[#1C1C1E]/80"], html.light [class~="bg-[#1C1C1E]/90"], html.light [class~="bg-[#1C1C1E]/95"], html.light [class~="bg-[#1E1E22]"] { background-color: var(--app-surface) !important; } html.light .bg-zinc-800, html.light [class~="bg-zinc-800/40"], html.light [class~="bg-zinc-800/60"], html.light [class~="bg-zinc-800/80"], html.light [class~="bg-[#1a1a1a]"], html.light [class~="bg-[#1a1a1c]"], html.light [class~="bg-[#252525]"], html.light [class~="bg-[#262626]"], html.light [class~="bg-[#27272A]"], html.light [class~="bg-[#2C2C2E]"], html.light [class~="bg-[#3A3A3C]"], html.light [class~="bg-white/[0.01]"], html.light [class~="bg-white/[0.02]"], html.light [class~="bg-white/[0.025]"], html.light [class~="bg-white/[0.03]"], html.light [class~="bg-white/[0.035]"], html.light [class~="bg-white/[0.04]"], html.light [class~="bg-white/3"], html.light [class~="bg-white/5"], html.light [class~="bg-white/[0.05]"], html.light [class~="bg-white/[0.06]"], html.light [class~="bg-white/[0.07]"], html.light [class~="bg-white/[0.08]"], html.light [class~="bg-white/10"], html.light [class~="bg-white/[0.10]"] { background-color: var(--app-surface-muted) !important; } html.light [class~="from-[#0F0F10]"] { --tw-gradient-from: var(--app-bg) !important; } html.light [class~="via-[#1A1A1D]"] { --tw-gradient-via: #eef1f5 !important; } html.light [class~="to-[#0F0F10]"] { --tw-gradient-to: var(--app-bg) !important; } html.light [class~="from-[#151517]"] { --tw-gradient-from: var(--app-surface) !important; } html.light [class~="to-[#1E1E22]"] { --tw-gradient-to: var(--app-surface-muted) !important; } html.light [style*="linear-gradient(145deg"] { border-color: var(--app-border) !important; background: linear-gradient(145deg, #fff 0%, #f7f8fa 100%) !important; } html.light .text-white, html.light [class~="text-white/95"], html.light [class~="text-white/90"], html.light [class~="text-white/85"], html.light [class~="text-white/80"], html.light [class~="text-white/70"], html.light [class~="text-white/65"], html.light [class~="text-white/60"] { color: var(--app-text) !important; } html.light [class~="text-white/55"], html.light [class~="text-white/50"], html.light [class~="text-white/45"], html.light [class~="text-white/40"], html.light [class~="text-white/35"], html.light [class~="text-white/30"] { color: var(--app-text-secondary) !important; } html.light [class~="text-white/25"], html.light [class~="text-white/20"], html.light [class~="text-white/15"], html.light [class~="text-white/10"] { color: var(--app-text-muted) !important; } html.light .text-gray-100, html.light .text-gray-200, html.light .text-gray-300, html.light .text-slate-100, html.light .text-slate-200, html.light .text-slate-300 { color: var(--app-text) !important; } html.light .text-gray-400, html.light .text-slate-400 { color: var(--app-text-secondary) !important; } html.light .text-gray-500, html.light .text-gray-600, html.light .text-slate-500, html.light .text-slate-600 { color: var(--app-text-muted) !important; } html.light [class*="bg-[#0A84FF]"].text-white, html.light [class*="bg-[#0A84FF]"] .text-white, html.light [class*="bg-[#007"].text-white, html.light [class*="bg-[#007"] .text-white, html.light [class*="bg-blue-"].text-white, html.light [class*="bg-blue-"] .text-white, html.light [class*="bg-indigo-"].text-white, html.light [class*="bg-indigo-"] .text-white, html.light [class*="bg-emerald-"].text-white, html.light [class*="bg-emerald-"] .text-white, html.light [class*="bg-rose-"].text-white, html.light [class*="bg-rose-"] .text-white, html.light [class*="bg-orange-"].text-white, html.light [class*="bg-orange-"] .text-white, html.light [class*="bg-black/60"] .text-white, html.light [class*="bg-black/40"] .text-white { color: #fff !important; } html.light [class*="border-white/"], html.light [class*="border-white-"], html.light .border-zinc-700, html.light .border-zinc-800, html.light .border-zinc-900, html.light [class~="border-[#2C2C2E]"], html.light [class~="border-[#3a3a3c]"], html.light [class~="border-[#333333]"], html.light [class~="border-[#262626]"], html.light .divide-zinc-800 > :not(:last-child), html.light [class*="divide-white/"] > :not(:last-child) { border-color: var(--app-border) !important; } html.light .shadow-xl, html.light .shadow-2xl { --tw-shadow-color: #0f172a1a !important; } html.light .surface-card, html.light .panel-base, html.light .panel-soft, html.light .panel-elevated, html.light .modal-panel, html.light .modal-panel-lg { color: var(--app-text); box-shadow: 0 12px 32px #0f172a12; background-color: var(--app-surface) !important; border-color: var(--app-border) !important; } html.light .modal-header, html.light .modal-footer { background-color: var(--app-surface) !important; border-color: var(--app-border) !important; } html.light input:not([type="checkbox"]):not([type="radio"]), html.light textarea, html.light select, html.light .input-base { box-shadow: none; background-color: var(--app-surface-muted) !important; border-color: var(--app-border-strong) !important; color: var(--app-text) !important; } html.light input::-moz-placeholder, html.light textarea::-moz-placeholder { opacity: 1; color: #8a94a3 !important; } html.light input::placeholder, html.light textarea::placeholder { opacity: 1; color: #8a94a3 !important; } html.light input:focus, html.light textarea:focus, html.light select:focus, html.light .input-base:focus { border-color: var(--app-blue) !important; background-color: #fff !important; box-shadow: 0 0 0 3px #087bf01f !important; } html.light input[type="checkbox"], html.light input[type="radio"] { border-color: var(--app-border-strong); background-color: #fff; } html.light [class*="hover:bg-[#1C1C1E]"]:hover, html.light [class*="hover:bg-[#1c1c1e]"]:hover, html.light [class*="hover:bg-[#1E1E22]"]:hover, html.light [class*="hover:bg-[#252525]"]:hover, html.light [class*="hover:bg-[#2C2C2E]"]:hover, html.light [class*="hover:bg-[#3A3A3C]"]:hover, html.light [class~="hover:bg-zinc-900"]:hover, html.light [class~="hover:bg-zinc-800"]:hover { background-color: var(--app-surface-hover) !important; } html.light [class~="hover:text-white"]:hover { color: var(--app-text) !important; } html.light table, html.light thead, html.light tbody, html.light [role="table"] { color: var(--app-text); } html.light thead, html.light [class*="sticky"][class*="bg-black"] { background-color: var(--app-surface-muted) !important; } html.light [class*="CalendarDayCell"], html.light [data-calendar-cell] { background-color: var(--app-surface) !important; border-color: var(--app-border) !important; } html.light .recharts-default-tooltip { box-shadow: 0 12px 28px #0f172a1a; border: 1px solid var(--app-border) !important; color: var(--app-text) !important; background: #fff !important; } html.light .modal-overlay, html.light [class*="fixed"][class*="inset-0"][class*="bg-black/60"], html.light [class*="fixed"][class*="inset-0"][class*="bg-black/70"], html.light [class*="fixed"][class*="inset-0"][class*="bg-black/75"] { background-color: #0f172a94 !important; } html.light .btn-primary, html.light button[class*="bg-[#0A84FF]"], html.light a[class*="bg-[#0A84FF]"] { color: #fff !important; } html.light .btn-secondary { border-color: var(--app-border-strong) !important; color: var(--app-text) !important; background-color: #fff !important; } html.light .bg-gradient-to-r.text-white { color: #fff !important; } html.light [class~="bg-[#131118]/80"], html.light [class~="bg-[#141415]/50"], html.light [class~="bg-[#1c1c1e]/50"], html.light [class~="bg-[#0A0A0B]/95"] { background-color: var(--app-surface) !important; } html.light [class~="bg-[#181d19]"] { background-color: #ecfdf5 !important; } html.light [class~="bg-[#1e1a17]"] { background-color: #fffbeb !important; } html.light [class~="bg-[#201819]"], html.light [class~="bg-[#110B0C]"] { background-color: #fff1f2 !important; } html.light [class~="bg-[#1f1917]"] { background-color: #fff7ed !important; } html.light main { background-color: var(--app-bg); } html.light aside { border-color: var(--app-border) !important; } html.light .surface-card:hover, html.light [class*="hover:border-white"]:hover { border-color: var(--app-border-strong) !important; } html.light button:disabled { box-shadow: none !important; } html.light select option { color: var(--app-text) !important; background-color: #fff !important; } html.light .scroll-styled, html.light .custom-scrollbar, html.light .scrollbar-thin { scrollbar-color: #4b556340 transparent; } html.light .scroll-styled::-webkit-scrollbar-thumb { background: #4b556333; } html.light .custom-scrollbar::-webkit-scrollbar-thumb { background: #4b556333; } html.light .scrollbar-thin::-webkit-scrollbar-thumb { background: #4b556333; } html.light .app-shell { color: var(--app-text) !important; background: #eef2f6 !important; } html.light .app-topbar { box-shadow: 0 1px #0f172a0a; background: #fffffff5 !important; border-color: #dfe4ea !important; } html.light .app-body { background: #eef2f6 !important; } html.light .app-sidebar { border: 1px solid #dfe4ea; border-radius: 14px; padding: 16px 12px; box-shadow: 0 6px 20px #0f172a0b; background: #f8fafc !important; } html.light .app-sidebar button { border-color: #e5e9ee; box-shadow: 0 1px 2px #0f172a06; } html.light .app-sidebar button:hover { background: #f1f5f9 !important; border-color: #d7dde5 !important; } html.light .app-sidebar button[class*="bg-blue"] { box-shadow: inset 3px 0 #0a84ff; background: #eaf3ff !important; border-color: #0a84ff40 !important; } html.light .app-workspace { box-shadow: 0 8px 28px #0f172a0e; background: #f6f8fb !important; border-color: #dfe4ea !important; } html.light .dashboard-light-card, html.light .dashboard-side-card { color: var(--app-text) !important; background: linear-gradient(145deg, #fff 0%, #f8fafc 100%) !important; border-color: #dfe4ea !important; box-shadow: 0 10px 30px #0f172a13 !important; } html.light .dashboard-side-card[class~="from-[#1C1C1E]/90"], html.light .dashboard-side-card[class*="from-[#1C1C1E]"] { --tw-gradient-from: #fff !important; --tw-gradient-to: #f8fafc !important; } html.light .dashboard-light-card [class~="bg-black/40"].relative { background: #e8edf3 !important; border-color: #d4dae2 !important; } html.light .dashboard-side-card [class*="bg-white/5"], html.light .dashboard-light-card [class*="bg-white/5"] { background: #f1f5f9 !important; } html.light .dashboard-side-card [class*="border-white"], html.light .dashboard-light-card [class*="border-white"] { border-color: #dfe4ea !important; } html.light .calendar-page, html.light .calendar-page > div { background-color: #f6f8fb !important; } html.light .calendar-page [class~="bg-black"], html.light .calendar-page [class~="bg-[#111111]"], html.light .calendar-page [class~="bg-[#1c1c1e]"] { background-color: #fff !important; } html.light .calendar-page [class*="text-white"] { color: var(--app-text-secondary) !important; } html.light .calendar-sidebar > div, html.light .calendar-sidebar [class*="bg-[#080808]"] { background: #fff !important; } html.light .calendar-sidebar [class*="bg-white/"] { background: #f6f8fb !important; } html.light .calendar-sidebar [class*="border-white"] { border-color: #e2e7ed !important; } html.light .marketplace-page > div, html.light .marketplace-page [class*="overflow-y-auto"] { border-color: #dfe4ea; } html.light .marketplace-page [class~="bg-[#151517]"], html.light .marketplace-page [class~="bg-[#1C1C1E]"], html.light .marketplace-page [class~="bg-[#09090B]"] { background: #fff !important; } html.light .marketplace-page [class~="bg-black/15"] { background: #f3f5f8 !important; } html.light .marketplace-page [class*="border-white"] { border-color: #dfe4ea !important; } html.light .marketplace-page [class*="text-white"], html.light .marketplace-intro [class*="text-white"] { color: var(--app-text) !important; } html.light .marketplace-page button[class*="bg-[#0A84FF]"], html.light .marketplace-intro button[class*="bg-[#0A84FF]"] { color: #fff !important; } html.light .settings-page { color: var(--app-text) !important; background: #f6f8fb !important; border-color: #dfe4ea !important; } html.light .settings-header { background: #fff !important; border-color: #dfe4ea !important; } html.light .settings-content { background: #f6f8fb !important; } html.light .settings-page [class*="text-white"] { color: var(--app-text-secondary) !important; } html.light .settings-page h1, html.light .settings-page h2, html.light .settings-page h3, html.light .settings-page h4, html.light .settings-page [class*="font-bold"][class*="text-white"] { color: var(--app-text) !important; } html.light .settings-page button[class*="bg-[#0A84FF]"], html.light .settings-page [class*="bg-[#0A84FF]"].text-white { color: #fff !important; } html.light .settings-page [class*="bg-[#1C1C1E]"], html.light .settings-page [class*="bg-[#09090B]"] { background: #fff !important; } html.light .onboarding-hub { background: #fff !important; border-color: #d9dfe7 !important; box-shadow: 0 30px 90px #0f172a38 !important; } html.light .onboarding-hub-content { background: #fff !important; } html.light .onboarding-hub [class*="text-white"], html.light .onboarding-hub [class*="text-[#D1D5DB]"] { color: var(--app-text) !important; } html.light .onboarding-hub [class*="text-[#A1A1AA]"], html.light .onboarding-hub [class*="text-[#525252]"] { color: var(--app-text-secondary) !important; } html.light .onboarding-hub .text-emerald-200 { color: #047857 !important; } html.light .onboarding-hub [class*="bg-white/5"] { background: #f1f5f9 !important; } html.light .onboarding-hub button[class*="bg-[#0A84FF]"] { color: #fff !important; } html.light [class*="bg-[#0A84FF]/"].text-white, html.light [class*="bg-[#0A84FF]/"] .text-white, html.light [class*="bg-blue-"][class*="/10"].text-white, html.light [class*="bg-blue-"][class*="/20"].text-white { color: #087bf0 !important; } html.light [class*="bg-[#0A84FF]/"] [class~="bg-[#0A84FF]"].text-white, html.light [class*="bg-[#0A84FF]/"] [class~="bg-[#0A84FF]"] .text-white { color: #fff !important; } html.light .settings-page [class~="bg-[#2C2C2E]"], html.light .settings-page [class~="bg-zinc-800/60"], html.light .marketplace-page [class~="bg-[#2C2C2E]"], html.light .marketplace-page [class~="bg-zinc-800/60"] { color: var(--app-text) !important; background: #f1f4f7 !important; border-color: #d6dce4 !important; } html.light .integrity-page { width: 100%; padding: 48px clamp(24px, 5vw, 72px); } html.light .integrity-page .integrity-header, html.light .integrity-page .integrity-explainer, html.light .integrity-page .integrity-upload-zone, html.light .integrity-page .integrity-report { max-width: 900px; margin-inline: auto; } html.light .integrity-page .integrity-upload-zone { min-height: 300px; box-shadow: 0 16px 44px #0f172a13; background: linear-gradient(145deg, #fff 0%, #f8fafc 100%) !important; border-color: #cfd7e1 !important; } html.light .integrity-page .integrity-upload-zone:hover, html.light .integrity-page .integrity-upload-zone.is-dragging { box-shadow: 0 18px 50px #0a84ff1a; border-color: #0a84ff !important; } .integrity-tone-neutral .integrity-status-icon { color: #94a3b8; } .integrity-tone-progress .integrity-status-icon { color: #60a5fa; } .integrity-tone-success .integrity-status-icon { color: #34d399; background: #10b98114; border-color: #10b98138; } .integrity-tone-danger .integrity-status-icon { color: #fb7185; background: #f43f5e14; border-color: #f43f5e38; } .integrity-tone-warning .integrity-status-icon { color: #fbbf24; background: #f59e0b14; border-color: #f59e0b38; } html.light { color-scheme: light; --app-bg: #eef2f7; --app-surface: #fff; --app-surface-muted: #f8fafc; --app-surface-hover: #eff4f8; --app-border: #d5dde7; --app-border-strong: #b8c4d2; --app-text: #0f172a; --app-text-secondary: #334155; --app-text-muted: #64748b; --app-blue: #087bf0; --saas-canvas: #eef2f7; --saas-surface: #fff; --saas-subtle: #f8fafc; --saas-muted: #f1f5f9; --saas-border: #cbd5e1; --saas-border-strong: #94a3b8; --saas-ink: #0f172a; --saas-ink-secondary: #334155; --saas-ink-muted: #64748b; --saas-brand: #087bf0; --saas-brand-dark: #075ea8; --saas-focus: #087bf038; --saas-shadow-sm: 0 1px 2px #0f172a0f; --saas-shadow-md: 0 8px 24px #0f172a14; --saas-shadow-lg: 0 18px 48px #0f172a1f; } html.light body, html.light #root { background: var(--saas-canvas) !important; color: var(--saas-ink) !important; } html.light .text-primary, html.light .page-title, html.light .section-title, html.light .modal-title, html.light .text-zinc-100, html.light .text-zinc-200, html.light .text-zinc-300 { color: var(--saas-ink) !important; } html.light .text-secondary, html.light .page-subtitle, html.light .text-muted, html.light .text-zinc-400, html.light .text-zinc-500, html.light [class~="text-zinc-250"], html.light [class~="text-zinc-350"], html.light [class~="text-zinc-450"], html.light [class~="text-zinc-455"], html.light [class~="text-zinc-550"] { color: var(--saas-ink-secondary) !important; } html.light .text-tertiary, html.light .text-soft, html.light .text-faint, html.light .text-zinc-600, html.light .text-zinc-700, html.light [class~="text-soft/70"], html.light [class~="text-soft/60"], html.light [class~="text-soft/50"], html.light [class~="text-soft/40"], html.light [class~="text-soft/30"] { color: var(--saas-ink-muted) !important; } html.light [class~="text-blue-100/70"], html.light [class~="text-blue-200/60"] { color: var(--saas-ink-secondary) !important; } html.light .label-section, html.light .section-kicker, html.light .input-label { color: #475569 !important; opacity: 1 !important; } html.light h1, html.light h2, html.light h3, html.light h4, html.light h5, html.light h6 { color: var(--saas-ink); } html.light .text-blue-300, html.light .text-blue-400, html.light .text-blue-500, html.light [class~="text-blue-450"] { color: #075ea8 !important; } html.light .text-emerald-300, html.light .text-emerald-400, html.light .text-emerald-500, html.light [class~="text-[#30D158]"], html.light [class~="text-[#10b981]"] { color: #047857 !important; } html.light .text-amber-300, html.light .text-amber-400, html.light .text-amber-500 { color: #a16207 !important; } html.light .text-rose-300, html.light .text-rose-400, html.light .text-rose-500 { color: #be123c !important; } html.light .surface-card, html.light .panel-base, html.light .panel-soft, html.light .panel-elevated, html.light .modal-panel, html.light .modal-panel-lg, html.light .dashboard-light-card, html.light .dashboard-side-card { background: var(--saas-surface) !important; border-color: var(--saas-border) !important; color: var(--saas-ink) !important; box-shadow: var(--saas-shadow-md) !important; } html.light .panel-soft { background: var(--saas-subtle) !important; box-shadow: var(--saas-shadow-sm) !important; } html.light [class~="bg-zinc-950/20"], html.light [class~="bg-zinc-950/30"], html.light [class~="bg-zinc-950/40"], html.light [class~="bg-black/10"], html.light [class~="bg-black/15"], html.light [class~="bg-black/20"], html.light [class~="bg-black/40"], html.light [class~="bg-black/50"] { background-color: var(--saas-subtle) !important; } html.light [class~="bg-white/15"], html.light [class~="bg-white/20"], html.light [class~="bg-white/25"] { background-color: var(--saas-muted) !important; } html.light [class*="border-white/"], html.light .border-zinc-700, html.light .border-zinc-750, html.light .border-zinc-800, html.light [class~="border-zinc-800/80"], html.light [class~="border-zinc-850"] { border-color: var(--saas-border) !important; } html.light input:not([type="checkbox"]):not([type="radio"]), html.light textarea, html.light select, html.light .input-base { background: var(--saas-subtle) !important; border-color: var(--saas-border-strong) !important; color: var(--saas-ink) !important; opacity: 1 !important; } html.light input:focus, html.light textarea:focus, html.light select:focus, html.light button:focus-visible, html.light [tabindex]:focus-visible { border-color: var(--saas-brand) !important; box-shadow: 0 0 0 3px var(--saas-focus) !important; outline: none !important; } html.light input:disabled, html.light textarea:disabled, html.light select:disabled, html.light input[readonly], html.light textarea[readonly] { background: var(--saas-muted) !important; color: var(--saas-ink-muted) !important; opacity: 1 !important; } html.light button[class~="bg-[#0A84FF]"], html.light a[class~="bg-[#0A84FF]"], html.light [class~="bg-blue-600"], html.light [class~="bg-blue-500"] { background-color: var(--saas-brand) !important; color: #fff !important; } html.light button[class~="bg-[#0A84FF]"]:hover, html.light a[class~="bg-[#0A84FF]"]:hover, html.light [class~="bg-blue-600"]:hover, html.light [class~="bg-blue-500"]:hover { background-color: #006edc !important; } html.light [class~="bg-[#0A84FF]/5"], html.light [class~="bg-[#0A84FF]/10"], html.light [class~="bg-[#0A84FF]/20"], html.light [class~="bg-blue-500/5"], html.light [class~="bg-blue-500/10"], html.light [class~="bg-blue-500/20"], html.light [class~="bg-blue-600/10"], html.light [class~="bg-blue-600/20"] { background-color: #eaf3ff !important; } html.light [class*="bg-[#0A84FF]/"][class*="text-white"], html.light [class*="bg-blue-500/"][class*="text-white"], html.light [class*="bg-blue-600/"][class*="text-white"], html.light [class*="bg-[#0A84FF]/"] [class*="text-white"], html.light [class*="bg-blue-500/"] [class*="text-white"], html.light [class*="bg-blue-600/"] [class*="text-white"] { color: var(--saas-brand-dark) !important; } html.light [class*="bg-[#0A84FF]/"] [class~="bg-[#0A84FF]"], html.light [class*="bg-[#0A84FF]/"] [class~="bg-[#0A84FF]"] [class*="text-white"], html.light [class*="bg-blue-500/"] [class~="bg-blue-500"], html.light [class*="bg-blue-600/"] [class~="bg-blue-600"] { color: #fff !important; } html.light .app-shell, html.light .app-body { background: var(--saas-canvas) !important; } html.light .app-topbar { border-color: var(--saas-border) !important; background: #fffffffa !important; box-shadow: 0 1px #0f172a14 !important; } html.light .app-sidebar { border-color: var(--saas-border) !important; box-shadow: var(--saas-shadow-sm) !important; background: #f8fafc !important; } html.light .app-sidebar button[class*="bg-blue"] { color: #075ea8 !important; box-shadow: inset 3px 0 0 var(--saas-brand), var(--saas-shadow-sm) !important; background: #eaf3ff !important; border-color: #60a5fa !important; } html.light .app-workspace { border-color: var(--saas-border) !important; box-shadow: var(--saas-shadow-md) !important; background: #f8fafc !important; } html.light .dashboard-page { background: #f3f6fa !important; } html.light .dashboard-light-card, html.light .dashboard-side-card { border-color: #cbd5e1 !important; box-shadow: 0 10px 28px #0f172a14 !important; } html.light .collapsible-section { --tw-gradient-from: #fff !important; --tw-gradient-to: #fff !important; box-shadow: var(--saas-shadow-md) !important; background: #fff !important; border-color: #cbd5e1 !important; } html.light .collapsible-section > button { color: var(--saas-ink) !important; background: #fff !important; border-color: #d5dde7 !important; } html.light .collapsible-section [class~="bg-black/[0.05]"] { background: #f8fafc !important; } html.light .collapsible-section [class*="text-white"] { color: var(--saas-ink-secondary) !important; } html.light .calendar-page, html.light .calendar-page > div { background: #f8fafc !important; } html.light .calendar-page [class*="border-white"], html.light .calendar-page [class*="border-zinc"] { border-color: #cbd5e1 !important; } html.light .calendar-sidebar { background: #fff !important; border-color: #cbd5e1 !important; box-shadow: -10px 0 28px #0f172a14 !important; } html.light .calendar-sidebar [class*="rounded"][class*="border"] { border-color: #cbd5e1 !important; } html.light .modal-panel, html.light .modal-panel-lg, html.light .coherence-modal { box-shadow: var(--saas-shadow-lg) !important; background: #fff !important; border-color: #cbd5e1 !important; } html.light .modal-body { background: #fff !important; } html.light .coherence-modal [role="tabpanel"] { background: #f8fafc !important; } html.light .coherence-modal [role="tablist"] { background: #f1f5f9 !important; border-color: #cbd5e1 !important; } html.light .coherence-modal [role="tab"] { color: #64748b !important; } html.light .coherence-modal [role="tab"][aria-selected="true"] { color: #0f172a !important; box-shadow: var(--saas-shadow-sm) !important; background: #fff !important; border: 1px solid #cbd5e1 !important; } html.light .coherence-modal [aria-pressed="true"] { color: #fff !important; background: #0f172a !important; border-color: #0f172a !important; } html.light .coherence-modal [class~="bg-[#0B0F17]"] { box-shadow: var(--saas-shadow-sm) !important; background: #fff !important; border-color: #cbd5e1 !important; } html.light .documents-page, html.light .documents-page main, html.light .documents-page aside { color: var(--saas-ink) !important; background: #f8fafc !important; } html.light .documents-page [class~="bg-black"], html.light .documents-page [class~="bg-black/50"] { background: #fff !important; } html.light .documents-page [class~="bg-black/80"] { background: #f1f5f9 !important; } html.light .documents-page [class~="bg-black/10"], html.light .documents-page [class~="bg-white/[0.01]"], html.light .documents-page [class~="bg-white/[0.02]"], html.light .documents-page [class~="bg-white/[0.03]"] { background: #f8fafc !important; } html.light .documents-page [class*="border-white"] { border-color: #cbd5e1 !important; } html.light .documents-page [class*="rounded"][class*="border"] { box-shadow: var(--saas-shadow-sm); } html.light .rules-page, html.light .reports-page { color: var(--saas-ink) !important; background: #f3f6fa !important; } html.light .rules-page [class*="rounded"][class*="border"], html.light .reports-page [class*="rounded"][class*="border"] { border-color: #cbd5e1 !important; } html.light .rules-page [class*="rounded-2xl"][class*="border"], html.light .reports-page .surface-card, html.light .reports-page [class~="bg-[#1C1C1E]"] { box-shadow: var(--saas-shadow-sm) !important; background: #fff !important; } html.light .reports-page [class~="bg-[#0A84FF]/10"] [class*="text-white"], html.light .reports-page [class~="bg-[#0A84FF]/10"][class*="text-white"] { color: #075ea8 !important; } html.light .reports-page [class~="bg-[#0A84FF]/10"] [class~="bg-[#0A84FF]"] { color: #fff !important; } html.light .marketplace-page, html.light .marketplace-intro { color: var(--saas-ink) !important; background: #f3f6fa !important; } html.light .marketplace-page aside { background: #fff !important; border-color: #cbd5e1 !important; } html.light .marketplace-page [class*="rounded"][class*="border"] { border-color: #cbd5e1 !important; } html.light .marketplace-page [class*="rounded-2xl"][class*="border"], html.light .marketplace-page [class*="rounded-xl"][class*="border"] { box-shadow: var(--saas-shadow-sm); } html.light .marketplace-ai [class*="from-blue-600/20"] { background: linear-gradient(135deg, #eaf3ff 0%, #f4f8ff 100%) !important; border-color: #93c5fd !important; } html.light { --app-bg: #e9eef4; --app-surface: #fff; --app-surface-muted: #f3f6f9; --app-surface-hover: #e5f2fb; --app-border: #b9c4cf; --app-border-strong: #8e9baa; --app-text: #032d60; --app-text-secondary: #2e475d; --app-text-muted: #5c6f82; --app-blue: #0176d3; --saas-canvas: #e9eef4; --saas-surface: #fff; --saas-subtle: #f3f6f9; --saas-muted: #e7edf3; --saas-border: #b9c4cf; --saas-border-strong: #8e9baa; --saas-ink: #032d60; --saas-ink-secondary: #2e475d; --saas-ink-muted: #5c6f82; --saas-brand: #0176d3; --saas-brand-dark: #014486; --saas-focus: #0176d33d; --saas-shadow-sm: 0 1px 2px #032d601f; --saas-shadow-md: 0 3px 10px #032d6024; --saas-shadow-lg: 0 16px 40px #032d6038; } html.light .app-topbar { background: #fff !important; border-color: #aeb9c5 !important; box-shadow: 0 2px 5px #032d6021 !important; } html.light .app-sidebar { background: #f7f9fb !important; border: 1px solid #aeb9c5 !important; box-shadow: 0 2px 7px #032d601f !important; } html.light .app-sidebar .label-section { letter-spacing: .12em; color: #2e475d !important; } html.light .app-sidebar button { color: #2e475d !important; background: #fff !important; border-color: #b9c4cf !important; box-shadow: 0 1px 2px #032d601a !important; } html.light h1, html.light h2, html.light h3, html.light h4, html.light h5, html.light h6, html.light .page-title, html.light .section-title, html.light .modal-title, html.light .text-primary { color: #032d60 !important; } html.light .text-secondary, html.light .page-subtitle, html.light .text-muted { color: #2e475d !important; } html.light .text-tertiary, html.light .text-soft, html.light .text-faint { color: #5c6f82 !important; } html.light .surface-card, html.light .panel-base, html.light .panel-soft, html.light .panel-elevated, html.light .dashboard-light-card, html.light .dashboard-side-card, html.light .collapsible-section, html.light .settings-page .surface-card, html.light .reports-page .surface-card { box-shadow: var(--saas-shadow-md) !important; background: #fff !important; border-color: #aeb9c5 !important; } html.light [class*="rounded"][class*="border-white/"], html.light [class*="rounded"][class*="border-zinc-7"], html.light [class*="rounded"][class*="border-zinc-8"] { border-color: #b9c4cf !important; } html.light input:not([type="checkbox"]):not([type="radio"]), html.light textarea, html.light select, html.light .input-base, html.light .segmented, html.light .filter-chip, html.light .btn-secondary { color: #032d60 !important; background: #f3f6f9 !important; border-color: #8e9baa !important; } html.light input:hover, html.light textarea:hover, html.light select:hover, html.light .filter-chip:hover, html.light .btn-secondary:hover { border-color: #0176d3 !important; } html.light .btn-primary, html.light button[class~="bg-[#0A84FF]"], html.light a[class~="bg-[#0A84FF]"], html.light button[class~="bg-blue-600"], html.light button[class~="bg-blue-500"] { color: #fff !important; background: #0176d3 !important; border-color: #014486 !important; box-shadow: 0 1px 3px #032d6047 !important; } html.light .segmented-item-active, html.light [aria-selected="true"][class*="bg-blue"] { color: #fff !important; background: #0176d3 !important; } html.light .badge-success, html.light [class*="bg-emerald-500/10"], html.light [class*="bg-emerald-500/20"] { color: #05603a !important; background: #d9f4e7 !important; border-color: #45a77b !important; } html.light .badge-warning, html.light [class*="bg-amber-500/10"], html.light [class*="bg-amber-500/20"] { color: #704600 !important; background: #fff0c2 !important; border-color: #d49b1d !important; } html.light .badge-danger, html.light [class*="bg-rose-500/10"], html.light [class*="bg-rose-500/20"] { color: #8e1734 !important; background: #fce3e8 !important; border-color: #d85b74 !important; } html.light .badge-info, html.light [class*="bg-blue-500/10"], html.light [class*="bg-blue-500/20"] { color: #014486 !important; background: #dfeffc !important; border-color: #5aa7df !important; } html.light thead, html.light [role="table"] [role="rowgroup"]:first-child, html.light [class*="sticky"][class*="bg-black"] { color: #032d60 !important; background: #e4eaf0 !important; } html.light table, html.light [role="table"], html.light .documents-page, html.light .calendar-page { border-color: #aeb9c5 !important; } html.light .documents-page main, html.light .documents-page aside, html.light .calendar-page, html.light .calendar-page > div, html.light .dashboard-page, html.light .rules-page, html.light .reports-page, html.light .marketplace-page, html.light .marketplace-intro, html.light .settings-page, html.light .settings-content { background: #f1f4f8 !important; } html.light .calendar-sidebar, html.light .documents-page aside, html.light .settings-sidebar { background: #f7f9fb !important; border-color: #aeb9c5 !important; } html.light .modal-overlay, html.light [class*="fixed"][class*="inset-0"][class*="bg-black/60"], html.light [class*="fixed"][class*="inset-0"][class*="bg-black/70"], html.light [class*="fixed"][class*="inset-0"][class*="bg-black/75"] { backdrop-filter: blur(2px); background: #031930a8 !important; } html.light { color-scheme: light; --app-bg: #d3dbe4; --app-surface: #f7f9fb; --app-surface-muted: #e5eaf0; --app-surface-hover: #d9e1e8; --app-border: #8b98a6; --app-border-strong: #647384; --app-text: #071827; --app-text-secondary: #30465a; --app-text-muted: #53677a; --app-blue: #0b5cab; --saas-canvas: #d3dbe4; --saas-surface: #f7f9fb; --saas-subtle: #e9edf2; --saas-muted: #dce3ea; --saas-border: #8b98a6; --saas-border-strong: #647384; --saas-ink: #071827; --saas-ink-secondary: #30465a; --saas-ink-muted: #53677a; --saas-brand: #0b5cab; --saas-brand-dark: #063b71; --saas-focus: #0b5cab47; --saas-shadow-sm: 0 1px 2px #07182729; --saas-shadow-md: 0 4px 12px #0718272b; --saas-shadow-lg: 0 20px 54px #0718274d; --hc-navy: #071f33; --hc-navy-raised: #0d2b43; --hc-navy-border: #31536c; --hc-canvas: #d3dbe4; --hc-workspace: #dce3ea; --hc-card: #f7f9fb; --hc-card-raised: #fff; --hc-line: #8b98a6; --hc-line-soft: #aeb8c2; --hc-blue: #0b5cab; --hc-blue-bright: #1685d1; --hc-green: #087a55; --hc-amber: #8a5700; --hc-red: #b7193f; } html.light .app-topbar { color: #f8fbff !important; background: linear-gradient(110deg, #061a2b 0%, #0a2b46 62%, #0b3657 100%) !important; border-color: #41627a !important; box-shadow: 0 4px 16px #05162452 !important; } html.light .app-topbar h1, html.light .app-topbar p, html.light .app-topbar .text-zinc-100, html.light .app-topbar .text-zinc-200, html.light .app-topbar .text-zinc-300, html.light .app-topbar .text-zinc-400, html.light .app-topbar .text-zinc-500, html.light .app-topbar [class*="text-white"] { color: #f4f8fc !important; } html.light .app-topbar p, html.light .app-topbar .text-zinc-500, html.light .app-topbar [class*="text-white/"] { color: #b8c8d6 !important; } html.light .app-topbar [class*="border-zinc"], html.light .app-topbar [class*="border-white"] { border-color: #46637a !important; } html.light .app-topbar [class*="bg-zinc-9"], html.light .app-topbar [class*="bg-white/"] { background: #ffffff14 !important; } html.light .app-topbar button:hover { background: #ffffff24 !important; border-color: #85a2b8 !important; } html.light .app-sidebar { color: #dce8f1 !important; background: linear-gradient(#0b263c 0%, #071f33 100%) !important; border: 1px solid #31536c !important; box-shadow: 0 8px 24px #05162447 !important; } html.light .app-sidebar [class*="text-zinc"], html.light .app-sidebar .label-section, html.light .app-sidebar p, html.light .app-sidebar span { color: #c7d6e2 !important; } html.light .app-sidebar > div > div > div:first-child, html.light .app-sidebar [class*="uppercase"][class*="tracking"] { color: #8fb0c8 !important; } html.light .app-sidebar button { color: #e7eff5 !important; box-shadow: none !important; background: #102f48 !important; border-color: #31536c !important; } html.light .app-sidebar button svg { color: #a9c0d2 !important; } html.light .app-sidebar button:hover { color: #fff !important; background: #183e5c !important; border-color: #6e91a9 !important; } html.light .app-sidebar button[class*="bg-blue"] { color: #fff !important; background: #0b5cab !important; border-color: #5aa8df !important; box-shadow: inset 4px 0 #8fd3ff, 0 4px 10px #00000038 !important; } html.light .app-sidebar button[class*="bg-blue"] span, html.light .app-sidebar button[class*="bg-blue"] svg { color: #fff !important; } html.light .app-sidebar .mt-auto { background: #081c2d !important; border-color: #31536c !important; } html.light .app-sidebar .mt-auto [class*="bg-zinc"] { background: #173750 !important; border-color: #3c5f78 !important; } html.light .app-workspace { background: var(--hc-workspace) !important; border-color: #7f8d9b !important; box-shadow: 0 7px 22px #07182733 !important; } html.light .dashboard-page, html.light .calendar-page, html.light .documents-page, html.light .rules-page, html.light .reports-page, html.light .settings-page, html.light .settings-content, html.light .marketplace-page { background: var(--hc-workspace) !important; } html.light .surface-card, html.light .panel-base, html.light .panel-soft, html.light .panel-elevated, html.light .dashboard-light-card, html.light .dashboard-side-card, html.light .collapsible-section, html.light .reports-page .surface-card, html.light .settings-page .surface-card, html.light .rules-page [class*="rounded-2xl"][class*="border"] { background: var(--hc-card) !important; border-color: var(--hc-line) !important; box-shadow: var(--saas-shadow-md) !important; } html.light .panel-soft { background: #e9edf2 !important; } html.light .dashboard-light-card, html.light .dashboard-side-card { background-image: none !important; } html.light .documents-page > div > header, html.light .reports-page > header, html.light .membership-header, html.light .settings-header { color: #f8fbff !important; background: #0b263c !important; border-color: #45657c !important; box-shadow: 0 4px 14px #0516243d !important; } html.light .documents-page > div > header h1, html.light .documents-page > div > header p, html.light .documents-page > div > header [class*="text-white"], html.light .reports-page > header h1, html.light .reports-page > header p, html.light .reports-page > header [class*="text-white"], html.light .membership-header h1, html.light .membership-header p, html.light .membership-header [class*="text-white"], html.light .settings-header h1, html.light .settings-header p, html.light .settings-header [class*="text-white"] { color: #f5f9fc !important; } html.light .documents-page > div > header [class*="text-white/"], html.light .reports-page > header [class*="text-white/"], html.light .membership-header [class*="text-white/"] { color: #b9cad8 !important; } html.light input:not([type="checkbox"]):not([type="radio"]), html.light textarea, html.light select, html.light .input-base, html.light .segmented, html.light .filter-chip, html.light .btn-secondary { color: #071827 !important; background: #e7ecf1 !important; border-color: #788696 !important; box-shadow: inset 0 1px #ffffffa6 !important; } html.light input::-moz-placeholder, html.light textarea::-moz-placeholder { color: #53677a !important; opacity: 1 !important; } html.light input::placeholder, html.light textarea::placeholder { color: #53677a !important; opacity: 1 !important; } html.light input:hover, html.light textarea:hover, html.light select:hover, html.light .filter-chip:hover, html.light .btn-secondary:hover { background: #f2f5f7 !important; border-color: #0b5cab !important; } html.light input:focus, html.light textarea:focus, html.light select:focus, html.light .input-base:focus { background: #fff !important; border-color: #0b5cab !important; box-shadow: 0 0 0 3px #0b5cab38 !important; } html.light .btn-primary, html.light button[class*="bg-[#0A84FF]"], html.light button[class*="bg-[#0077ED]"], html.light button[class*="bg-[#0066FF]"], html.light button[class*="bg-blue-600"], html.light button[class*="bg-blue-500"], html.light a[class*="bg-[#0A84FF]"], html.light a[class*="bg-[#0066FF]"] { color: #fff !important; background-color: #0b5cab !important; border-color: #063b71 !important; box-shadow: 0 3px 8px #063b7147 !important; } html.light button[class*="bg-[#0A84FF]"] *, html.light button[class*="bg-[#0077ED]"] *, html.light button[class*="bg-[#0066FF]"] *, html.light button[class*="bg-blue-600"] *, html.light button[class*="bg-blue-500"] *, html.light .btn-primary * { color: #fff !important; } html.light button[class*="bg-[#FF453A]"], html.light .btn-danger, html.light .btn-destructive { color: #fff !important; background: #b7193f !important; border-color: #7f102c !important; } html.light button:disabled { color: #3f5264 !important; opacity: 1 !important; box-shadow: none !important; background: #bfc9d3 !important; border-color: #8f9ba8 !important; } html.light .badge-success { color: #fff !important; background: #087a55 !important; border-color: #055f42 !important; } html.light .badge-warning { color: #fff !important; background: #8a5700 !important; border-color: #664000 !important; } html.light .badge-danger { color: #fff !important; background: #b7193f !important; border-color: #7f102c !important; } html.light .badge-info { color: #fff !important; background: #0b5cab !important; border-color: #063b71 !important; } html.light .badge-success *, html.light .badge-warning *, html.light .badge-danger *, html.light .badge-info * { color: #fff !important; } html.light thead, html.light [role="table"] [role="rowgroup"]:first-child, html.light [class*="sticky"][class*="bg-black"] { color: #071827 !important; background: #c2ccd6 !important; border-color: #7f8d9b !important; } html.light .documents-page aside, html.light .calendar-sidebar { background: #cbd4de !important; border-color: #7f8d9b !important; } html.light .documents-page aside [class*="text-white"], html.light .calendar-sidebar [class*="text-white"] { color: #193247 !important; } html.light .documents-page aside [class*="text-white/20"], html.light .documents-page aside [class*="text-white/30"], html.light .documents-page aside [class*="text-white/40"] { color: #465c70 !important; } html.light .documents-page main, html.light .documents-page [role="table"] { background: #eef2f5 !important; } html.light .calendar-page [data-calendar-cell], html.light .calendar-page [class*="CalendarDayCell"] { background: #f7f9fb !important; border-color: #8996a4 !important; } html.light .recharts-cartesian-grid line { stroke: #aeb9c4 !important; } html.light .recharts-cartesian-axis line, html.light .recharts-cartesian-axis-tick line { stroke: #718091 !important; } html.light .recharts-text { fill: #30465a !important; } html.light .customize-dashboard-modal { box-shadow: var(--saas-shadow-lg) !important; background: #dce3ea !important; border: 1px solid #647384 !important; } html.light .customize-dashboard-header { background: #0b263c !important; border-color: #45657c !important; } html.light .customize-dashboard-header h2, html.light .customize-dashboard-header [class*="text-white"] { color: #fff !important; } html.light .customize-dashboard-body { color: #071827 !important; background: #dce3ea !important; } html.light .customize-dashboard-body [class*="bg-white/"] { background: #f7f9fb !important; border-color: #8b98a6 !important; } html.light .customize-dashboard-body [class*="text-white"] { color: #071827 !important; } html.light .customize-dashboard-body [class*="text-slate"] { color: #30465a !important; } html.light .customize-dashboard-body [role="radio"] { color: #30465a !important; background: #e4e9ee !important; } html.light .customize-dashboard-body [role="radio"][aria-checked="true"] { color: #fff !important; background: #0b5cab !important; box-shadow: 0 2px 6px #063b7147 !important; } html.light .customize-dashboard-footer { background: #eef2f5 !important; border-color: #8b98a6 !important; } html.light .customize-dashboard-footer button:not([class*="bg-[#0A84FF]"]) { color: #30465a !important; } html.light .country-detail-modal { box-shadow: var(--saas-shadow-lg) !important; background: #d3dbe4 !important; border: 1px solid #647384 !important; } html.light .country-detail-header, html.light .country-detail-footer { background: #0b263c !important; border-color: #45657c !important; } html.light .country-detail-header h2, html.light .country-detail-header [class*="text-white"] { color: #fff !important; } html.light .country-detail-body { color: #071827 !important; background: #d3dbe4 !important; } html.light .country-detail-body > div > h3, html.light .country-detail-body > div > h3 [class*="text-white"] { color: #20394f !important; } html.light .country-rule-card { background: #f7f9fb !important; border: 1px solid #8996a4 !important; border-left-width: 6px !important; box-shadow: 0 3px 9px #07182724 !important; } html.light .country-rule-card[class*="border-rose"] { border-left-color: #b7193f !important; } html.light .country-rule-card[class*="border-amber"] { border-left-color: #a56b00 !important; } html.light .country-rule-card[class*="border-emerald"] { border-left-color: #087a55 !important; } html.light .country-rule-card [class*="text-white"] { color: #071827 !important; } html.light .country-rule-card [class*="text-white/40"], html.light .country-rule-card [class*="text-white/50"], html.light .country-rule-card [class*="text-white/60"] { color: #40566a !important; } html.light .country-rule-card [class*="bg-black/20"] { background: #dce3ea !important; } html.light .country-rule-card [class*="bg-black/30"] { background: #aeb9c4 !important; } html.light .country-detail-footer button { color: #071f33 !important; background: #fff !important; border-color: #9fb0bd !important; } html.light .calendar-confirmation-modal { background: #051624b8 !important; } html.light .calendar-confirmation-panel { color: #071827 !important; background: #f7f9fb !important; border-color: #647384 !important; } html.light .calendar-confirmation-panel p:first-child { color: #30465a !important; } html.light .calendar-confirmation-panel button[class*="bg-[#0A84FF]"], html.light .calendar-confirmation-panel button[class*="bg-[#FF453A]"] { color: #fff !important; } html.light .onboarding-step-shell { color: #071827 !important; background: #dce3ea !important; } html.light .onboarding-step-header { background: #0b263c !important; border-color: #45657c !important; padding-bottom: .75rem !important; } html.light .onboarding-step-header h2, html.light .onboarding-step-header [class*="text-white"] { color: #fff !important; } html.light .onboarding-step-header [class*="text-[#52525B]"], html.light .onboarding-step-header [class*="text-[#3F3F46]"], html.light .onboarding-step-header [class*="text-[#71717A]"] { color: #b9cad8 !important; } html.light .onboarding-step-header [class*="bg-white/"] { background: #ffffff1a !important; } html.light .onboarding-step-header [class*="border-white"] { border-color: #45657c !important; } html.light .onboarding-step-body { color: #071827 !important; background: #dce3ea !important; } html.light .onboarding-step-body [class*="text-white"] { color: #071827 !important; } html.light .onboarding-step-body [class*="text-[#71717A]"], html.light .onboarding-step-body [class*="text-[#52525B]"], html.light .onboarding-step-body [class*="text-[#3F3F46]"] { color: #40566a !important; } html.light .onboarding-step-body [class*="bg-white/"] { background: #f4f6f8 !important; border-color: #8492a0 !important; } html.light .onboarding-step-body button[class*="bg-[#0066FF]/"] { color: #fff !important; background: #0b5cab !important; border-color: #063b71 !important; } html.light .onboarding-step-body button[class*="bg-[#0066FF]/"] * { color: #fff !important; } html.light .onboarding-step-body button[class*="bg-emerald-500/10"] { color: #fff !important; background: #087a55 !important; border-color: #055f42 !important; } html.light .onboarding-step-body button[class*="bg-emerald-500/10"] * { color: #fff !important; } html.light .onboarding-step-footer { background: #0b263c !important; border-color: #45657c !important; } html.light .onboarding-step-footer button { color: #dce8f1 !important; } html.light .onboarding-step-footer button[class*="bg-[#0066FF]"] { color: #fff !important; background: #1685d1 !important; } html.light .onboarding-step-footer button:disabled { color: #fff !important; background: #526b7e !important; border-color: #6d8496 !important; } html.light .onboarding-step-footer button:disabled * { color: #fff !important; } html.light .onboarding-hub { background: #dce3ea !important; border-color: #647384 !important; } html.light .onboarding-hub-sidebar [class*="bg-white/"] { background: #ffffff14 !important; } html.light .onboarding-hub-content { color: #071827 !important; background: #e1e6ec !important; } html.light .marketplace-intro { background: radial-gradient(circle at 50% 0, #174866 0%, #0b263c 46%, #071c2e 100%) !important; } html.light .marketplace-intro-content > div:first-child h1, html.light .marketplace-intro-content > div:first-child p, html.light .marketplace-intro-how h2, html.light .marketplace-intro-how h3, html.light .marketplace-intro-how p { color: #f3f8fc !important; } html.light .marketplace-intro-content > div:first-child [class*="bg-white/"], html.light .marketplace-intro-how [class*="bg-white/"] { color: #f3f8fc !important; background: #ffffff1a !important; border-color: #ffffff42 !important; } html.light .marketplace-intro-form { color: #071827 !important; background: #f7f9fb !important; border-color: #80909e !important; box-shadow: 0 22px 54px #00000057 !important; } html.light .marketplace-intro-form [class*="text-white"] { color: #071827 !important; } html.light .marketplace-intro-form [class*="text-slate"] { color: #40566a !important; } html.light .marketplace-intro-form [class*="bg-white/"] { background: #dfe5eb !important; } html.light .marketplace-intro-form button[class*="bg-white/10"] { color: #fff !important; background: #0b5cab !important; } html.light .marketplace-intro-form .btn-primary, html.light .marketplace-intro-form button[class*="bg-[#0A84FF]"] { color: #fff !important; } html.light .membership-page { color: #f3f8fc !important; background: radial-gradient(circle at 50% 0, #174866 0%, #0b263c 44%, #071c2e 100%) !important; } html.light .membership-page > main > div:first-child h2, html.light .membership-page > main > div:first-child p, html.light .membership-page > main > div:first-child [class*="text-white"] { color: #f3f8fc !important; } html.light .membership-plan-card { color: #071827 !important; background: #f7f9fb !important; border-color: #718294 !important; box-shadow: 0 10px 28px #00000047 !important; } html.light .membership-plan-card h3, html.light .membership-plan-card p, html.light .membership-plan-card [class*="text-white"] { color: #071827 !important; } html.light .membership-plan-card [class*="text-white/40"], html.light .membership-plan-card [class*="text-white/45"], html.light .membership-plan-card [class*="text-white/50"], html.light .membership-plan-card [class*="text-white/60"] { color: #40566a !important; } html.light .membership-plan-card [class*="bg-white/"] { background: #e2e8ee !important; border-color: #9aa6b2 !important; } html.light .membership-plan-card [class*="bg-primary"], html.light .membership-plan-card button[class*="bg-[#0A84FF]"] { color: #fff !important; } html.light .modal-overlay, html.light [class*="fixed"][class*="inset-0"][class*="bg-black/60"], html.light [class*="fixed"][class*="inset-0"][class*="bg-black/70"], html.light [class*="fixed"][class*="inset-0"][class*="bg-black/80"] { backdrop-filter: blur(3px); background: #051624b8 !important; } html.light .modal-header, html.light .modal-footer { background: #f7f9fb !important; border-color: #aeb9c5 !important; } html.light .marketplace-ai [class*="from-blue-600/20"] h2, html.light .marketplace-ai [class*="from-blue-600/20"] p { color: var(--saas-ink) !important; } html.light .marketplace-ai [class~="bg-white/5"], html.light .marketplace-ai [class~="bg-white/[0.02]"] { background: #fff !important; border-color: #cbd5e1 !important; } html.light .marketplace-ai textarea, html.light .marketplace-ai input { background: #fff !important; } html.light .settings-sidebar { background: #f8fafc !important; border-color: #cbd5e1 !important; } html.light .settings-page .surface-card { box-shadow: var(--saas-shadow-md) !important; background: #fff !important; border-color: #cbd5e1 !important; } html.light .notifications-settings [class~="bg-zinc-950/20"] { background: #f8fafc !important; border-color: #cbd5e1 !important; } html.light .interface-settings [class~="bg-zinc-950/40"], html.light .interface-settings [class~="bg-white/[0.02]"] { background: #fff !important; border-color: #cbd5e1 !important; } html.light .interface-settings [class~="bg-blue-500/10"], html.light .interface-settings [class~="bg-[#0A84FF]/5"] { background: #eaf3ff !important; border-color: #60a5fa !important; } html.light .onboarding-hub, html.light .onboarding-hub-content { background: #fff !important; border-color: #cbd5e1 !important; } html.light .onboarding-hub-sidebar { background: #f8fafc !important; border-color: #cbd5e1 !important; } html.light .settings-page, html.light .settings-content { background: var(--hc-workspace) !important; } html.light .settings-sidebar { color: #e7eff5 !important; background: #15344d !important; border-color: #31536c !important; } html.light .settings-sidebar [class*="text-white"], html.light .settings-sidebar [class*="text-zinc"], html.light .settings-sidebar p, html.light .settings-sidebar span { color: #dce8f1 !important; } html.light .settings-sidebar button, html.light .settings-sidebar [class*="rounded"] { border-color: #31536c !important; } html.light .settings-sidebar button:hover, html.light .settings-sidebar [class*="bg-blue"] { color: #fff !important; background: #0b5cab !important; } html.light .settings-page .surface-card, html.light .notifications-settings [class~="bg-zinc-950/20"], html.light .interface-settings [class~="bg-zinc-950/40"], html.light .interface-settings [class~="bg-white/[0.02]"] { box-shadow: var(--saas-shadow-md) !important; background: #f7f9fb !important; border-color: #8b98a6 !important; } html.light .notifications-settings [class~="bg-zinc-950/20"]:hover { background: #e5eaf0 !important; border-color: #647384 !important; } html.light .interface-settings [class~="bg-blue-500/10"], html.light .interface-settings [class~="bg-[#0A84FF]/5"] { color: #fff !important; background: #0b5cab !important; border-color: #063b71 !important; } html.light .interface-settings [class~="bg-blue-500/10"] [class*="text-white"], html.light .interface-settings [class~="bg-[#0A84FF]/5"] [class*="text-white"] { color: #fff !important; } html.light .onboarding-hub { box-shadow: var(--saas-shadow-lg) !important; background: #dce3ea !important; border: 1px solid #647384 !important; } html.light .onboarding-hub-sidebar { color: #eef5fa !important; background: #0b263c !important; border-color: #45657c !important; } html.light .onboarding-hub-sidebar h1, html.light .onboarding-hub-sidebar h2, html.light .onboarding-hub-sidebar h3, html.light .onboarding-hub-sidebar p, html.light .onboarding-hub-sidebar span, html.light .onboarding-hub-sidebar [class*="text-white"] { color: #e8f1f7 !important; } html.light .onboarding-hub-sidebar [class*="bg-white/"] { background: #ffffff14 !important; border-color: #45657c !important; } html.light .onboarding-hub-content { color: #071827 !important; background: #e1e6ec !important; border-color: #8b98a6 !important; } html.light .onboarding-hub-content [class*="text-white"] { color: #071827 !important; } html.light { --app-bg: var(--theme-canvas); --app-surface: var(--theme-surface); --app-surface-muted: var(--theme-surface-muted); --app-surface-hover: var(--theme-surface-raised); --app-border: var(--theme-border); --app-border-strong: var(--theme-border-strong); --app-text: var(--theme-text); --app-text-secondary: var(--theme-text-secondary); --app-text-muted: var(--theme-text-muted); --saas-canvas: var(--theme-canvas); --saas-surface: var(--theme-surface); --saas-subtle: var(--theme-surface-muted); --saas-muted: var(--theme-workspace); --saas-border: var(--theme-border); --saas-border-strong: var(--theme-border-strong); --saas-ink: var(--theme-text); --saas-ink-secondary: var(--theme-text-secondary); --saas-ink-muted: var(--theme-text-muted); --saas-brand: var(--theme-action); --saas-brand-dark: var(--theme-action-pressed); --saas-focus: var(--theme-focus); --saas-shadow-sm: var(--theme-shadow-sm); --saas-shadow-md: var(--theme-shadow-md); --saas-shadow-lg: var(--theme-shadow-lg); --hc-navy: var(--theme-chrome-bg); --hc-navy-raised: var(--theme-chrome-raised); --hc-navy-border: var(--theme-chrome-border); --hc-canvas: var(--theme-canvas); --hc-workspace: var(--theme-workspace); --hc-card: var(--theme-surface-raised); --hc-card-raised: var(--theme-surface-raised); --hc-line: var(--theme-border); --hc-line-soft: var(--theme-border-strong); --hc-blue: var(--theme-action); --hc-blue-bright: var(--theme-action); --hc-green: var(--theme-success); --hc-amber: var(--theme-warning); --hc-red: var(--theme-danger); } html.light body, html.light #root, html.light .app-shell, html.light .app-body { background: var(--theme-canvas) !important; color: var(--theme-text) !important; } .app-topbar, html.light header.app-topbar { background: var(--theme-chrome-bg) !important; border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome) !important; box-shadow: var(--theme-shadow-md) !important; } .app-topbar-title, .app-topbar-user-name { color: var(--theme-on-chrome) !important; } .app-topbar-subtitle, .app-topbar-user-context { color: var(--theme-on-chrome-muted) !important; } .app-topbar-version, .app-topbar-plan, .app-topbar-theme-toggle, .app-topbar-logout { background: var(--theme-chrome-raised) !important; border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome) !important; } .app-topbar-plan svg, .app-topbar-theme-toggle svg, .app-topbar-logout svg { color: currentColor !important; } .app-topbar-plan--expert svg { color: var(--theme-warning) !important; } .app-topbar-plan--entreprise svg { color: var(--theme-on-chrome) !important; } .app-topbar-plan:hover, .app-topbar-theme-toggle:hover, .app-topbar-logout:hover { background: var(--theme-chrome-raised) !important; } @supports (color: color-mix(in lab, red, red)) { .app-topbar-plan:hover, .app-topbar-theme-toggle:hover, .app-topbar-logout:hover { background: color-mix(in srgb, var(--theme-chrome-raised) 72%, var(--theme-action)) !important; } } .app-topbar-plan:hover, .app-topbar-theme-toggle:hover, .app-topbar-logout:hover { border-color: var(--theme-chrome-border) !important; } @supports (color: color-mix(in lab, red, red)) { .app-topbar-plan:hover, .app-topbar-theme-toggle:hover, .app-topbar-logout:hover { border-color: color-mix(in srgb, var(--theme-chrome-border) 55%, var(--theme-action)) !important; } } .app-topbar-user, .app-topbar-actions > [class*="border-l"] { border-color: var(--theme-chrome-border) !important; } .app-topbar-user-avatar { background: var(--theme-chrome-raised); align-items: center; } @supports (color: color-mix(in lab, red, red)) { .app-topbar-user-avatar { background: color-mix(in srgb, var(--theme-chrome-raised) 82%, var(--theme-action)); } } .app-topbar-user-avatar { border: 1px solid var(--theme-chrome-border); } @supports (color: color-mix(in lab, red, red)) { .app-topbar-user-avatar { border: 1px solid color-mix(in srgb, var(--theme-chrome-border) 72%, var(--theme-action)); } } .app-topbar-user-avatar { color: var(--theme-on-chrome); letter-spacing: .04em; border-radius: 12px; flex: none; justify-content: center; width: 34px; height: 34px; font-size: 11px; font-weight: 800; display: inline-flex; overflow: hidden; } .app-topbar-user-avatar img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; display: block; } .app-topbar [class*="text-zinc"], .app-topbar [class*="text-white"] { color: var(--theme-on-chrome-muted) !important; } .app-topbar h1, .app-topbar .app-topbar-title, .app-topbar .app-topbar-user-name, .app-topbar button:hover { color: var(--theme-on-chrome) !important; } .app-sidebar { background: var(--theme-chrome-bg) !important; border: 1px solid var(--theme-chrome-border) !important; color: var(--theme-on-chrome) !important; box-shadow: var(--theme-shadow-md) !important; } .app-sidebar .app-nav-item { background: var(--theme-chrome-raised) !important; border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome-muted) !important; box-shadow: none !important; } .app-sidebar .app-nav-item:hover { background: var(--theme-chrome-raised) !important; } @supports (color: color-mix(in lab, red, red)) { .app-sidebar .app-nav-item:hover { background: color-mix(in srgb, var(--theme-chrome-raised) 76%, var(--theme-action)) !important; } } .app-sidebar .app-nav-item:hover { border-color: var(--theme-chrome-border) !important; } @supports (color: color-mix(in lab, red, red)) { .app-sidebar .app-nav-item:hover { border-color: color-mix(in srgb, var(--theme-chrome-border) 60%, var(--theme-action)) !important; } } .app-sidebar .app-nav-item:hover { color: var(--theme-on-chrome) !important; } .app-sidebar .app-nav-item[aria-current="page"], .app-sidebar .app-nav-item.is-active { background: var(--theme-action) !important; border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .app-sidebar .app-nav-item[aria-current="page"], .app-sidebar .app-nav-item.is-active { border-color: color-mix(in srgb, var(--theme-action) 65%, white) !important; } } .app-sidebar .app-nav-item[aria-current="page"], .app-sidebar .app-nav-item.is-active { color: var(--theme-on-action) !important; box-shadow: inset 4px 0 0 var(--theme-action), var(--theme-shadow-sm) !important; } @supports (color: color-mix(in lab, red, red)) { .app-sidebar .app-nav-item[aria-current="page"], .app-sidebar .app-nav-item.is-active { box-shadow: inset 4px 0 0 color-mix(in srgb, var(--theme-action) 35%, white), var(--theme-shadow-sm) !important; } } .app-sidebar .app-nav-icon, .app-sidebar .app-nav-chevron { color: currentColor !important; } .app-sidebar .app-nav-item[aria-current="page"] *, .app-sidebar .app-nav-item.is-active * { color: var(--theme-on-action) !important; } .app-workspace { background: var(--theme-workspace) !important; border-color: var(--theme-border-strong) !important; box-shadow: var(--theme-shadow-md) !important; } .ui-button { color: var(--theme-text); focus-ring-color: var(--theme-focus); border-color: #0000; } .ui-button:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--theme-focus) !important; } .ui-button--primary { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; box-shadow: 0 3px 9px var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .ui-button--primary { box-shadow: 0 3px 9px color-mix(in srgb, var(--theme-action) 30%, transparent) !important; } } .ui-button--primary:hover { background: var(--theme-action-hover) !important; } .ui-button--secondary { background: var(--theme-surface-raised) !important; border: 2px solid var(--theme-action) !important; color: var(--theme-action) !important; } .ui-button--secondary:hover { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .ui-button--secondary:hover { background: color-mix(in srgb, var(--theme-action) 10%, var(--theme-surface-raised)) !important; } } .ui-button--tertiary { color: var(--theme-action) !important; background: none !important; } .ui-button--tertiary:hover { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .ui-button--tertiary:hover { background: color-mix(in srgb, var(--theme-action) 12%, transparent) !important; } } .ui-button--destructive { background: var(--theme-danger) !important; border-color: var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { .ui-button--destructive { border-color: color-mix(in srgb, var(--theme-danger) 78%, black) !important; } } .ui-button--destructive { color: #fff !important; } .ui-button--danger { background: var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { .ui-button--danger { background: color-mix(in srgb, var(--theme-danger) 14%, var(--theme-surface)) !important; } } .ui-button--danger { border-color: var(--theme-danger) !important; color: var(--theme-danger) !important; } .ui-button--ghost { color: var(--theme-text-secondary) !important; background: none !important; } .ui-button--ghost:hover { background: var(--theme-surface-muted) !important; } .ui-button--primary *, .ui-button--destructive * { color: var(--theme-on-action) !important; } .identity-access-choice { color: var(--theme-text) !important; } .identity-access-choice .identity-access-choice-description { color: var(--theme-text-muted) !important; } .identity-access-choice--selected, html.light .identity-access-choice--selected { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .identity-access-choice--selected, html.light .identity-access-choice--selected { background: color-mix(in srgb, var(--theme-action) 11%, var(--theme-surface-raised)) !important; } } .identity-access-choice--selected, html.light .identity-access-choice--selected { border-color: var(--theme-action) !important; color: var(--theme-text) !important; box-shadow: 0 0 0 1px var(--theme-action), var(--theme-shadow-sm) !important; } @supports (color: color-mix(in lab, red, red)) { .identity-access-choice--selected, html.light .identity-access-choice--selected { box-shadow: 0 0 0 1px color-mix(in srgb, var(--theme-action) 24%, transparent), var(--theme-shadow-sm) !important; } } .identity-access-choice--selected *, html.light .identity-access-choice--selected * { color: inherit !important; } .identity-access-choice--selected .identity-access-choice-description, html.light .identity-access-choice--selected .identity-access-choice-description { color: var(--theme-text-secondary) !important; } .identity-access-choice--selected svg, html.light .identity-access-choice--selected svg, html.light [class~="text-[#0A84FF]"], html.light [class~="text-[#0077ED]"], html.light [class~="text-[#0066FF]"] { color: var(--theme-action) !important; } html.light [class~="border-[#0A84FF]"], html.light [class~="border-[#0077ED]"], html.light [class~="border-[#0066FF]"] { border-color: var(--theme-action) !important; } html.light button[class~="bg-[#0A84FF]"], html.light button[class~="bg-[#0077ED]"], html.light button[class~="bg-[#0066FF]"], html.light button[class~="bg-blue-600"], html.light a[class~="bg-[#0A84FF]"], html.light .theme-action { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; } html.light button[class~="bg-[#0A84FF]"] *, html.light button[class~="bg-[#0077ED]"] *, html.light button[class~="bg-[#0066FF]"] *, html.light button[class~="bg-blue-600"] *, html.light .theme-action * { color: var(--theme-on-action) !important; } html.light button[class*="bg-[#0A84FF]/"], html.light button[class*="bg-[#0066FF]/"], html.light button[class*="bg-blue-500/"], html.light button[class*="bg-blue-600/"] { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light button[class*="bg-[#0A84FF]/"], html.light button[class*="bg-[#0066FF]/"], html.light button[class*="bg-blue-500/"], html.light button[class*="bg-blue-600/"] { background: color-mix(in srgb, var(--theme-action) 18%, var(--theme-surface-raised)) !important; } } html.light button[class*="bg-[#0A84FF]/"], html.light button[class*="bg-[#0066FF]/"], html.light button[class*="bg-blue-500/"], html.light button[class*="bg-blue-600/"] { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light button[class*="bg-[#0A84FF]/"], html.light button[class*="bg-[#0066FF]/"], html.light button[class*="bg-blue-500/"], html.light button[class*="bg-blue-600/"] { border-color: color-mix(in srgb, var(--theme-action) 55%, var(--theme-border)) !important; } } html.light button[class*="bg-[#0A84FF]/"], html.light button[class*="bg-[#0066FF]/"], html.light button[class*="bg-blue-500/"], html.light button[class*="bg-blue-600/"] { color: var(--theme-action-pressed) !important; } html.light .reports-page, html.light .reports-content, html.light .settings-page, html.light .settings-content, html.light .marketplace-page { background: var(--theme-workspace) !important; color: var(--theme-text) !important; } .reports-command-bar, .membership-header, .settings-header, .marketplace-command-bar { background: var(--theme-chrome-bg) !important; border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome) !important; box-shadow: var(--theme-shadow-md) !important; } html.light .reports-page .reports-command-bar [class*="text-white"], html.light .membership-page .membership-header [class*="text-white"], html.light .settings-page .settings-header [class*="text-white"], html.light .marketplace-page .marketplace-command-bar [class*="text-white"], html.light .marketplace-page .marketplace-command-bar [class*="text-slate"] { color: var(--theme-on-chrome-muted) !important; } html.light .reports-page .reports-command-bar h1, html.light .membership-page .membership-header h1, html.light .settings-page .settings-header h1, html.light .marketplace-page .marketplace-command-bar [aria-selected="true"] { color: var(--theme-on-chrome) !important; } .reports-command-bar input, .reports-command-bar select, .reports-command-bar button, .membership-header button, .marketplace-command-bar input, .marketplace-command-bar button { background: var(--theme-chrome-raised) !important; border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome) !important; } .reports-command-bar option { background: var(--theme-chrome-raised) !important; color: var(--theme-on-chrome) !important; } html.light .reports-page .surface-card, html.light .reports-page [class*="rounded-2xl"][class*="border"], html.light .reports-page [class*="rounded-3xl"][class*="border"] { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; } html.light .reports-page .reports-content [class*="text-white"] { color: var(--theme-text) !important; } html.light .reports-page .reports-content [class*="text-white/"] { color: var(--theme-text-secondary) !important; } .membership-page { background: radial-gradient(circle at 50% 0%, var(--theme-chrome-raised) 0%, var(--theme-chrome-bg) 52%, var(--theme-chrome-bg) 100%) !important; } @supports (color: color-mix(in lab, red, red)) { .membership-page { background: radial-gradient(circle at 50% 0%, var(--theme-chrome-raised) 0%, var(--theme-chrome-bg) 52%, color-mix(in srgb, var(--theme-chrome-bg) 82%, black) 100%) !important; } } .membership-page, html.light .membership-page .membership-hero h2, html.light .membership-page .membership-hero p { color: var(--theme-on-chrome) !important; } html.light .membership-page .text-primary, html.light .membership-page [class*="text-primary"] { color: var(--theme-action) !important; } html.light .membership-page .bg-primary, html.light .membership-page [class*="bg-primary"] { background: var(--theme-action) !important; } html.light .membership-page .membership-plan-card { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; } html.light .membership-page .membership-plan-card [class*="text-white"] { color: var(--theme-text) !important; } html.light .membership-page .membership-plan-card [class*="text-white/"] { color: var(--theme-text-secondary) !important; } .settings-header-icon { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .settings-header-icon { background: color-mix(in srgb, var(--theme-action) 18%, var(--theme-chrome-raised)) !important; } } .settings-header-icon { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .settings-header-icon { border-color: color-mix(in srgb, var(--theme-action) 58%, var(--theme-chrome-border)) !important; } } .settings-header-icon, .settings-header-icon svg, .settings-header-title { color: var(--theme-on-chrome) !important; } .settings-header-description, html.light .settings-page .settings-header [class*="text-white"], html.light .settings-page .settings-header [class*="font-bold"][class*="text-white"] { color: var(--theme-on-chrome-muted) !important; } html.light .settings-page .settings-header .settings-header-title { color: var(--theme-on-chrome) !important; } .settings-sidebar { background: var(--theme-chrome-raised) !important; border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome-muted) !important; } .settings-sidebar .settings-nav-item { color: var(--theme-on-chrome-muted) !important; background: none !important; border: 1px solid #0000 !important; } .settings-sidebar .settings-nav-item:hover { background: var(--theme-chrome-raised) !important; } @supports (color: color-mix(in lab, red, red)) { .settings-sidebar .settings-nav-item:hover { background: color-mix(in srgb, var(--theme-chrome-raised) 70%, var(--theme-action)) !important; } } .settings-sidebar .settings-nav-item:hover { border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome) !important; } .settings-sidebar .settings-nav-item.is-active, .settings-sidebar .settings-nav-item[aria-current="page"] { background: var(--theme-action) !important; border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .settings-sidebar .settings-nav-item.is-active, .settings-sidebar .settings-nav-item[aria-current="page"] { border-color: color-mix(in srgb, var(--theme-action) 65%, white) !important; } } .settings-sidebar .settings-nav-item.is-active, .settings-sidebar .settings-nav-item[aria-current="page"] { color: var(--theme-on-action) !important; box-shadow: var(--theme-shadow-sm) !important; } .settings-sidebar .settings-nav-icon { color: currentColor !important; } .settings-sidebar .settings-nav-item.is-active *, .settings-sidebar .settings-nav-item[aria-current="page"] * { color: var(--theme-on-action) !important; } .settings-security-note { background: var(--theme-chrome-bg) !important; border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome-muted) !important; } .settings-security-note p { color: var(--theme-on-chrome-muted) !important; } .marketplace-intro { background: radial-gradient(circle at 50% 0%, var(--theme-chrome-raised) 0%, var(--theme-chrome-bg) 52%, var(--theme-chrome-bg) 100%) !important; } @supports (color: color-mix(in lab, red, red)) { .marketplace-intro { background: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--theme-chrome-raised) 76%, var(--theme-action)) 0%, var(--theme-chrome-bg) 52%, color-mix(in srgb, var(--theme-chrome-bg) 82%, black) 100%) !important; } } html.light .marketplace-page .marketplace-intro-content > div:first-child h1, html.light .marketplace-page .marketplace-intro-content > div:first-child p, html.light .marketplace-page .marketplace-intro-how h2, html.light .marketplace-page .marketplace-intro-how h3, html.light .marketplace-page .marketplace-intro-how p, html.light .marketplace-page .marketplace-intro-how [class*="text-white"] { color: var(--theme-on-chrome) !important; } html.light .marketplace-page .marketplace-intro-how p { color: var(--theme-on-chrome-muted) !important; } html.light .marketplace-page .marketplace-intro-form { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; } .marketplace-ai-stage { background: var(--theme-workspace) !important; color: var(--theme-text) !important; } .ai-generation-overlay { backdrop-filter: blur(10px) saturate(120%); background: #040f1cad; } .ai-generation-dialog { color-scheme: light; background: var(--theme-surface-raised); border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-dialog { border-color: color-mix(in srgb, var(--theme-action) 20%, var(--theme-border)); } } .ai-generation-dialog { color: var(--theme-text); box-shadow: 0 30px 90px #05182b47; } .ai-generation-summary { border-right: 1px solid var(--theme-border); background: radial-gradient(circle at 95% 0, #2b89ef29, #0000 42%), linear-gradient(145deg, #f7fbff 0%, #edf5ff 100%); } .ai-generation-orb { filter: blur(2px); background: #2b89ef14; } .ai-generation-brand-icon { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-brand-icon { background: color-mix(in srgb, var(--theme-action) 12%, var(--theme-surface-raised)); } } .ai-generation-brand-icon { border: 1px solid var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-brand-icon { border: 1px solid color-mix(in srgb, var(--theme-action) 22%, transparent); } } .ai-generation-brand-icon { color: var(--theme-action); box-shadow: 0 10px 25px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-brand-icon { box-shadow: 0 10px 25px color-mix(in srgb, var(--theme-action) 14%, transparent); } } .ai-generation-eyebrow, .ai-generation-progress-label { color: var(--theme-action); } .ai-generation-brand, .ai-generation-title, .ai-generation-heading { color: var(--theme-text); } .ai-generation-copy, .ai-generation-timing, .ai-generation-footnote { color: var(--theme-text-muted); } .ai-generation-stat { border-color: var(--theme-action); background: #ffffffa3; } @supports (color: color-mix(in lab, red, red)) { .ai-generation-stat { border-color: color-mix(in srgb, var(--theme-action) 12%, var(--theme-border)); } } .ai-generation-stat { color: var(--theme-text-secondary); } .ai-generation-stat strong { color: var(--theme-text); } .ai-generation-guarantee { color: #087452; background: #10b98114; border: 1px solid #10b9812e; border-radius: .75rem; padding: .7rem .75rem; } .ai-generation-workspace { background: var(--theme-surface-raised); } .ai-generation-live { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-live { background: color-mix(in srgb, var(--theme-action) 8%, var(--theme-surface-raised)); } } .ai-generation-live { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-live { border-color: color-mix(in srgb, var(--theme-action) 24%, var(--theme-border)); } } .ai-generation-live { color: var(--theme-action); } .ai-generation-live span, .ai-generation-count span { background: var(--theme-action); } .ai-generation-step { background: none; border-color: #0000; } .ai-generation-step.is-active { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-step.is-active { background: color-mix(in srgb, var(--theme-action) 7%, var(--theme-surface-raised)); } } .ai-generation-step.is-active { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-step.is-active { border-color: color-mix(in srgb, var(--theme-action) 23%, var(--theme-border)); } } .ai-generation-step.is-active { box-shadow: 0 8px 22px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-step.is-active { box-shadow: 0 8px 22px color-mix(in srgb, var(--theme-action) 8%, transparent); } } .ai-generation-step.is-complete { opacity: .76; } .ai-generation-step.is-pending { opacity: .43; } .ai-generation-step-icon { background: var(--theme-surface-muted); color: var(--theme-text-muted); } .ai-generation-step.is-active .ai-generation-step-icon { background: var(--theme-action); color: var(--theme-on-action); } .ai-generation-step.is-complete .ai-generation-step-icon { color: #fff; background: #0f9f70; } .ai-generation-step-label { color: var(--theme-text-secondary); } .ai-generation-step.is-active .ai-generation-step-label { color: var(--theme-text); } .ai-generation-progress { background: var(--theme-surface-muted); } .ai-generation-progress-value { background: linear-gradient(90deg, var(--theme-action), #46a3ff); box-shadow: 0 0 16px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-progress-value { box-shadow: 0 0 16px color-mix(in srgb, var(--theme-action) 36%, transparent); } } .ai-generation-count { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-count { background: color-mix(in srgb, var(--theme-action) 7%, var(--theme-surface-raised)); } } .ai-generation-count { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .ai-generation-count { border-color: color-mix(in srgb, var(--theme-action) 20%, var(--theme-border)); } } .ai-generation-count { color: var(--theme-action); } .marketplace-ai-results-panel { background: var(--theme-surface-raised); border-color: var(--theme-border); box-shadow: var(--theme-shadow-sm); } .marketplace-ai-result-rule { background: var(--theme-surface-muted); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-result-rule { background: color-mix(in srgb, var(--theme-surface-muted) 72%, var(--theme-surface-raised)); } } .marketplace-ai-result-rule { border-color: var(--theme-border); } .marketplace-ai-result-rule:hover { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-result-rule:hover { border-color: color-mix(in srgb, var(--theme-action) 28%, var(--theme-border)); } } .marketplace-ai-selected-packs { border: 1px solid var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-selected-packs { border: 1px solid color-mix(in srgb, var(--theme-action) 22%, var(--theme-border)); } } .marketplace-ai-selected-packs { background: var(--theme-action); border-radius: 1rem; } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-selected-packs { background: color-mix(in srgb, var(--theme-action) 4%, var(--theme-surface-raised)); } } .marketplace-ai-selected-packs { color: var(--theme-text); } .marketplace-ai-selected-pack { border: 1px solid var(--theme-border); background: var(--theme-surface-raised); color: var(--theme-text); box-shadow: var(--theme-shadow-sm); border-radius: .8rem; } .marketplace-ai-selected-pack p { color: var(--theme-text-secondary); } .marketplace-ai-strategy-option { border: 2px solid var(--theme-border); background: var(--theme-surface-raised); width: 100%; color: var(--theme-text); text-align: left; box-shadow: var(--theme-shadow-sm); border-radius: 1rem; padding: 1.25rem; transition: border-color .16s, background-color .16s, box-shadow .16s, transform .16s; } .marketplace-ai-strategy-option:hover { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-strategy-option:hover { border-color: color-mix(in srgb, var(--theme-action) 34%, var(--theme-border)); } } .marketplace-ai-strategy-option:hover { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-strategy-option:hover { background: color-mix(in srgb, var(--theme-action) 3%, var(--theme-surface-raised)); } } .marketplace-ai-strategy-option:focus-visible { outline: 3px solid var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-strategy-option:focus-visible { outline: 3px solid color-mix(in srgb, var(--theme-action) 32%, transparent); } } .marketplace-ai-strategy-option:focus-visible { outline-offset: 2px; } .marketplace-ai-strategy-option.is-selected { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-strategy-option.is-selected { border-color: color-mix(in srgb, var(--theme-action) 68%, var(--theme-border)); } } .marketplace-ai-strategy-option.is-selected { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-strategy-option.is-selected { background: color-mix(in srgb, var(--theme-action) 9%, var(--theme-surface-raised)); } } .marketplace-ai-strategy-option.is-selected { box-shadow: 0 12px 30px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-strategy-option.is-selected { box-shadow: 0 12px 30px color-mix(in srgb, var(--theme-action) 12%, transparent); } } .marketplace-ai-strategy-radio { border: 2px solid var(--theme-border-strong); background: var(--theme-control-bg); border-radius: 9999px; flex: 0 0 1.5rem; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; margin-top: .125rem; transition: border-color .16s, background-color .16s; display: flex; } .marketplace-ai-strategy-option.is-selected .marketplace-ai-strategy-radio { border-color: var(--theme-action); background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-strategy-option.is-selected .marketplace-ai-strategy-radio { background: color-mix(in srgb, var(--theme-action) 8%, var(--theme-control-bg)); } } .marketplace-ai-strategy-radio-dot { background: var(--theme-action); border-radius: 9999px; width: .75rem; height: .75rem; } .marketplace-ai-strategy-title { color: var(--theme-text); font-weight: 700; } .marketplace-ai-strategy-description { color: var(--theme-text-secondary); font-size: .75rem; line-height: 1.45; } .marketplace-ai-strategy-caution { border: 1px solid var(--theme-warning); margin-left: auto; padding: .2rem .45rem; } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-strategy-caution { border: 1px solid color-mix(in srgb, var(--theme-warning) 35%, var(--theme-border)); } } .marketplace-ai-strategy-caution { background: var(--theme-warning); border-radius: 9999px; } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-strategy-caution { background: color-mix(in srgb, var(--theme-warning) 9%, var(--theme-surface-raised)); } } .marketplace-ai-strategy-caution { color: var(--theme-warning); letter-spacing: .02em; font-size: .625rem; font-weight: 700; } .marketplace-ai-save-success { border-color: var(--theme-success); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-save-success { border-color: color-mix(in srgb, var(--theme-success) 35%, var(--theme-border)); } } .marketplace-ai-save-success { background: var(--theme-success); } @supports (color: color-mix(in lab, red, red)) { .marketplace-ai-save-success { background: color-mix(in srgb, var(--theme-success) 9%, var(--theme-surface-raised)); } } .marketplace-ai-save-success { color: var(--theme-success); } .marketplace-ai-save-success p:last-child { color: var(--theme-text-secondary); } html.dark .ai-generation-dialog { color-scheme: dark; box-shadow: 0 32px 100px #0000008f; } html.dark .ai-generation-summary { background: radial-gradient(circle at 95% 0, #2e8ef738, #0000 42%), linear-gradient(145deg, #0b2134 0%, #081827 100%); border-right-color: #94a3b821; } html.dark .ai-generation-stat { background: #ffffff09; border-color: #94a3b821; } html.dark .ai-generation-guarantee { color: #9de8ca; background: #10b98114; border-color: #34d3992b; } @media (max-width: 767px) { .ai-generation-dialog { max-height: calc(100dvh - 1.5rem); overflow-y: auto; } .ai-generation-summary { border-right: 0; border-bottom: 1px solid var(--theme-border); } .ai-generation-summary, .ai-generation-workspace { padding: 1.25rem !important; } .ai-generation-summary .ai-generation-stat { display: none; } .ai-generation-summary .mt-7, .ai-generation-guarantee { margin-top: 1rem !important; } } html.light .marketplace-page .marketplace-ai h2, html.light .marketplace-page .marketplace-ai h3, html.light .marketplace-page .marketplace-ai h4, html.light .marketplace-page .marketplace-ai p, html.light .marketplace-page .marketplace-ai [class*="text-white"], html.light .marketplace-page .marketplace-ai [class*="text-soft"] { color: var(--theme-text) !important; } html.light .marketplace-page .marketplace-ai p, html.light .marketplace-page .marketplace-ai [class*="text-soft"] { color: var(--theme-text-secondary) !important; } html.light .marketplace-page .marketplace-ai [class~="bg-white/5"], html.light .marketplace-page .marketplace-ai [class~="bg-white/[0.02]"] { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; } html.light .marketplace-page .marketplace-ai button[class~="bg-blue-600"], html.light .marketplace-page .marketplace-ai button[class~="bg-[#0A84FF]"] { background: var(--theme-action) !important; color: var(--theme-on-action) !important; } .onboarding-hub { background: var(--theme-workspace) !important; border-color: var(--theme-border-strong) !important; } .onboarding-hub-sidebar { background: var(--theme-chrome-bg) !important; border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome) !important; } html.light .onboarding-hub-sidebar .onboarding-hub-header { background: var(--theme-chrome-raised) !important; border-color: var(--theme-chrome-border) !important; } html.light .onboarding-hub-sidebar .onboarding-hub-header h2, html.light .onboarding-hub-sidebar .onboarding-hub-header span, html.light .onboarding-hub-sidebar .onboarding-hub-header [class*="text-"] { color: var(--theme-on-chrome) !important; } .onboarding-hub-sidebar .onboarding-module-item { color: var(--theme-on-chrome-muted) !important; background: none !important; border: 1px solid #0000 !important; } .onboarding-hub-sidebar .onboarding-module-item:hover { background: var(--theme-chrome-raised) !important; border-color: var(--theme-chrome-border) !important; } .onboarding-hub-sidebar .onboarding-module-item.is-active { background: var(--theme-action) !important; border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .onboarding-hub-sidebar .onboarding-module-item.is-active { border-color: color-mix(in srgb, var(--theme-action) 65%, white) !important; } } .onboarding-hub-sidebar .onboarding-module-item.is-active, .onboarding-hub-sidebar .onboarding-module-item.is-active * { color: var(--theme-on-action) !important; } .onboarding-hub-content { background: var(--theme-workspace) !important; color: var(--theme-text) !important; } .calendar-page { background: var(--calendar-shell) !important; color: var(--calendar-text) !important; } .calendar-header, .calendar-toolbar, .calendar-footer { background: var(--calendar-toolbar) !important; border-color: var(--calendar-grid-line) !important; color: var(--calendar-text) !important; } html.light .calendar-page .calendar-toolbar [class*="text-white"], html.light .calendar-page .calendar-footer [class*="text-white"] { color: var(--calendar-text) !important; } html.light .calendar-page .calendar-toolbar [class*="text-white/"], html.light .calendar-page .calendar-footer [class*="text-white/"] { color: var(--calendar-text-muted) !important; } .calendar-weekday-row { background: var(--calendar-weekday) !important; border-color: var(--calendar-grid-line) !important; } .calendar-weekday { color: var(--calendar-text) !important; } .calendar-grid { background: var(--calendar-grid-line) !important; } .calendar-page .calendar-day-cell, html.light .calendar-page [data-calendar-cell] { background: var(--calendar-day) !important; border-color: var(--calendar-grid-line) !important; color: var(--calendar-text) !important; } .calendar-page .calendar-day-cell[data-weekend="true"][data-outside="false"] { background: var(--calendar-day-weekend) !important; } .calendar-page .calendar-day-cell[data-outside="true"] { background: var(--calendar-day-outside) !important; color: var(--calendar-text-muted) !important; } .calendar-page .calendar-day-cell[data-selected="true"] { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-page .calendar-day-cell[data-selected="true"] { background: color-mix(in srgb, var(--theme-action) 18%, var(--calendar-day)) !important; } } .calendar-page .calendar-day-cell[data-selected="true"] { box-shadow: inset 0 0 0 2px var(--theme-action) !important; } .calendar-page .calendar-day-cell[data-drag-target="true"] { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-page .calendar-day-cell[data-drag-target="true"] { background: color-mix(in srgb, var(--theme-action) 24%, var(--calendar-day)) !important; } } .calendar-page .calendar-day-cell[data-drag-target="true"] { box-shadow: inset 0 0 0 2px var(--theme-action) !important; } .calendar-page .calendar-day-cell[data-outside="false"]:hover { background: var(--calendar-day-hover) !important; } html.light .calendar-page .calendar-day-cell [class*="text-white"] { color: var(--calendar-text) !important; } html.light .calendar-page .calendar-day-cell [class*="text-white/"] { color: var(--calendar-text-muted) !important; } html.light .calendar-page .calendar-day-cell [class*="bg-white/["] { background: var(--calendar-text) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .calendar-page .calendar-day-cell [class*="bg-white/["] { background: color-mix(in srgb, var(--calendar-text) 5%, transparent) !important; } } html.light .calendar-page .calendar-day-cell [class*="bg-white/["] { border-color: var(--calendar-grid-line) !important; } html.light .calendar-page .calendar-day-cell [class*="bg-black/"] { background: var(--theme-chrome-bg) !important; color: var(--theme-on-chrome) !important; } html.light .calendar-page .calendar-day-cell [class*="bg-[#0A84FF]"], html.light .calendar-page .calendar-day-cell [class*="bg-[#0066FF]"] { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; } html.light .calendar-page .calendar-day-cell [class*="bg-[#0A84FF]"] *, html.light .calendar-page .calendar-day-cell [class*="bg-[#0066FF]"] * { color: var(--theme-on-action) !important; } .calendar-sidebar { background: var(--calendar-rail) !important; border-color: var(--calendar-grid-line) !important; color: var(--calendar-text) !important; box-shadow: -2px 0 8px var(--theme-text) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-sidebar { box-shadow: -2px 0 8px color-mix(in srgb, var(--theme-text) 12%, transparent) !important; } } .calendar-sidebar .calendar-rail-header, .calendar-sidebar .calendar-rail-tabs { background: var(--calendar-rail-header) !important; border-color: var(--calendar-grid-line) !important; } .calendar-sidebar .calendar-rail-content { background: var(--calendar-rail) !important; } .calendar-sidebar .calendar-rail-card { background: var(--calendar-rail-card) !important; border-color: var(--calendar-grid-line) !important; color: var(--calendar-text) !important; } html.light .calendar-sidebar > div, html.light .calendar-sidebar [class*="bg-white/["] { background: var(--calendar-rail-card) !important; border-color: var(--calendar-grid-line) !important; } html.light .calendar-sidebar .calendar-rail-header, html.light .calendar-sidebar .calendar-rail-tabs, html.light .calendar-sidebar .calendar-rail-content { background: var(--calendar-rail-header) !important; } html.light .calendar-sidebar .calendar-rail-content { background: var(--calendar-rail) !important; } html.light .calendar-sidebar [class*="text-white"] { color: var(--calendar-text) !important; } html.light .calendar-sidebar [class*="text-white/"] { color: var(--calendar-text-muted) !important; } html.light .calendar-sidebar button[class~="bg-[#0A84FF]"], html.light .calendar-sidebar button[class*="bg-[rgba(10,132,255"], html.light .calendar-page .calendar-toolbar button[class~="bg-[#0A84FF]"], html.light .calendar-page .calendar-footer button[class*="bg-[#0A84FF]/"] { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; } html.light .calendar-sidebar button[class~="bg-[#0A84FF]"] *, html.light .calendar-page .calendar-toolbar button[class~="bg-[#0A84FF]"] *, html.light .calendar-page .calendar-footer button[class*="bg-[#0A84FF]/"] * { color: var(--theme-on-action) !important; } .calendar-modal-overlay { backdrop-filter: blur(3px); background: var(--theme-overlay) !important; } .calendar-modal-panel { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-lg) !important; } html.light .calendar-modal-panel [class*="text-white"] { color: var(--theme-text) !important; } html.light .calendar-modal-panel [class*="text-white/"] { color: var(--theme-text-secondary) !important; } html.light .calendar-modal-panel [class*="bg-white/["], html.light .calendar-modal-panel [class*="bg-[#2C2C2E]"], html.light .calendar-modal-panel [class*="bg-[#1C1C1E]"], html.light .calendar-modal-panel [class*="bg-[#161616]"] { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; } html.light .calendar-modal-panel input, html.light .calendar-modal-panel textarea, html.light .calendar-modal-panel select { background: var(--theme-surface-muted) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; } html.light .calendar-modal-panel button[class~="bg-[#0A84FF]"], html.light .calendar-modal-panel button[class~="bg-blue-600"], html.light .calendar-modal-panel .ui-button--primary { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; } html.light .calendar-modal-panel button[class~="bg-[#0A84FF]"] *, html.light .calendar-modal-panel button[class~="bg-blue-600"] *, html.light .calendar-modal-panel .ui-button--primary * { color: var(--theme-on-action) !important; } html.light button:disabled:not([data-status="success"]) { background: var(--theme-disabled-bg) !important; border-color: var(--theme-disabled-border) !important; color: var(--theme-disabled-fg) !important; opacity: 1 !important; box-shadow: none !important; } html.light button:disabled:not([data-status="success"]) * { color: var(--theme-disabled-fg) !important; } html.light .ui-button[data-status="success"]:disabled { background: var(--theme-success) !important; border-color: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .ui-button[data-status="success"]:disabled { border-color: color-mix(in srgb, var(--theme-success) 78%, black) !important; } } html.light .ui-button[data-status="success"]:disabled { color: #fff !important; opacity: 1 !important; } html.light .ui-button[data-status="success"]:disabled * { color: #fff !important; } html.light .app-topbar button:disabled, html.light .reports-command-bar button:disabled, html.light .membership-header button:disabled, html.light .settings-header button:disabled, html.light .marketplace-command-bar button:disabled { background: var(--theme-chrome-raised) !important; border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome-muted) !important; } html.light .app-topbar button:disabled *, html.light .reports-command-bar button:disabled *, html.light .membership-header button:disabled *, html.light .settings-header button:disabled *, html.light .marketplace-command-bar button:disabled * { color: var(--theme-on-chrome-muted) !important; } .settings-avatar { background: linear-gradient(135deg, var(--theme-action), var(--theme-action)) !important; } @supports (color: color-mix(in lab, red, red)) { .settings-avatar { background: linear-gradient(135deg, var(--theme-action), color-mix(in srgb, var(--theme-action) 52%, var(--theme-on-action))) !important; } } .settings-avatar { box-shadow: 0 5px 14px var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .settings-avatar { box-shadow: 0 5px 14px color-mix(in srgb, var(--theme-action) 25%, transparent) !important; } } .settings-avatar-inner { background: var(--theme-chrome-bg) !important; } .settings-avatar-inner svg { color: var(--theme-on-chrome) !important; } .onboarding-hub-badge { background: var(--theme-action) !important; border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .onboarding-hub-badge { border-color: color-mix(in srgb, var(--theme-action) 68%, white) !important; } } .onboarding-hub-badge { color: var(--theme-on-action) !important; } .onboarding-hub-progress { border: 1px solid var(--theme-chrome-border); background: var(--theme-chrome-bg) !important; } .onboarding-hub-progress-bar { background: var(--theme-action) !important; } html.light .onboarding-hub-sidebar .onboarding-module-item:disabled:not(.is-active) { background: var(--theme-chrome-raised) !important; border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome-muted) !important; opacity: .72 !important; } html.light .onboarding-hub-sidebar .onboarding-module-item:disabled:not(.is-active) * { color: var(--theme-on-chrome-muted) !important; } .documents-page, .statistics-page, .documents-main, .statistics-content { background: var(--theme-workspace) !important; color: var(--theme-text) !important; } .documents-command-bar, .statistics-command-bar { background: var(--theme-surface-muted) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .documents-page .documents-command-bar h1, html.light .documents-page .documents-command-bar p, html.light .documents-page .documents-command-bar [class*="text-white"], html.light .statistics-page .statistics-command-bar h1, html.light .statistics-page .statistics-command-bar p, html.light .statistics-page .statistics-command-bar [class*="text-white"] { color: var(--theme-text) !important; } html.light .documents-page .documents-command-bar [class*="text-white/"], html.light .statistics-page .statistics-command-bar [class*="text-white/"] { color: var(--theme-text-secondary) !important; } .documents-command-control, .statistics-command-bar select, .statistics-command-bar input, .statistics-refresh-action { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-sm) !important; } .documents-command-control:hover, .statistics-refresh-action:hover { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-command-control:hover, .statistics-refresh-action:hover { background: color-mix(in srgb, var(--theme-action) 8%, var(--theme-surface-raised)) !important; } } .documents-command-control:hover, .statistics-refresh-action:hover { border-color: var(--theme-action) !important; } .statistics-command-bar option { background: var(--theme-surface-raised) !important; color: var(--theme-text) !important; } .documents-upload-action, .statistics-export-action { background: var(--theme-action) !important; border: 1px solid var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; box-shadow: 0 3px 9px var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-upload-action, .statistics-export-action { box-shadow: 0 3px 9px color-mix(in srgb, var(--theme-action) 28%, transparent) !important; } } .documents-upload-action *, .statistics-export-action * { color: var(--theme-on-action) !important; } .documents-export-action { background: var(--theme-surface-raised) !important; border: 1px solid var(--theme-action) !important; color: var(--theme-action-pressed) !important; box-shadow: var(--theme-shadow-sm) !important; } .documents-export-action * { color: var(--theme-action-pressed) !important; } html.light .documents-page .documents-export-action:disabled, html.light .statistics-page .statistics-export-action:disabled { background: var(--theme-disabled-bg) !important; border-color: var(--theme-disabled-border) !important; color: var(--theme-disabled-fg) !important; } html.light .documents-page .documents-export-action:disabled *, html.light .statistics-page .statistics-export-action:disabled * { color: var(--theme-disabled-fg) !important; } html.light .documents-page .documents-filter-rail { background: var(--theme-surface-muted) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text-secondary) !important; } .documents-toolbar, .documents-statusbar { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; } .documents-toolbar input { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; } .documents-table { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; box-shadow: var(--theme-shadow-sm) !important; } .documents-table-header { background: var(--theme-surface-muted) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-table-header { background: color-mix(in srgb, var(--theme-surface-muted) 76%, var(--theme-workspace)) !important; } } .documents-table-header { border-color: var(--theme-border-strong) !important; color: var(--theme-text-secondary) !important; } html.light .documents-page .documents-toolbar [class*="text-white"], html.light .documents-page .documents-statusbar [class*="text-white"] { color: var(--theme-text-secondary) !important; } html.light .documents-page .documents-toolbar [class*="text-white/"], html.light .documents-page .documents-statusbar [class*="text-white/"] { color: var(--theme-text-muted) !important; } .statistics-kpi-card, .statistics-chart-card { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-sm) !important; } .statistics-chart-card--primary { box-shadow: var(--theme-shadow-md) !important; } html.light .statistics-page .statistics-kpi-card [class*="text-white"], html.light .statistics-page .statistics-chart-card [class*="text-white"] { color: var(--theme-text) !important; } html.light .statistics-page .statistics-kpi-card [class*="text-white/"], html.light .statistics-page .statistics-chart-card [class*="text-white/"] { color: var(--theme-text-muted) !important; } .statistics-page .recharts-cartesian-grid line { stroke: var(--theme-chart-grid) !important; } .statistics-page .recharts-cartesian-axis line, .statistics-page .recharts-cartesian-axis-tick line { stroke: var(--theme-chart-axis) !important; } .statistics-page .recharts-text { fill: var(--theme-chart-axis) !important; } .statistics-page .recharts-label, .statistics-page .recharts-legend-item-text { color: var(--theme-chart-label) !important; fill: var(--theme-chart-label) !important; } .marketplace-results, .marketplace-results-layout, .marketplace-results-main, .marketplace-results-body { background: var(--theme-workspace) !important; color: var(--theme-text) !important; } .marketplace-results-header { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; } html.light .marketplace-page .marketplace-results-header h2, html.light .marketplace-page .marketplace-results-header [class*="text-white"] { color: var(--theme-text) !important; } html.light .marketplace-page .marketplace-command-bar .marketplace-tablist { background: var(--theme-chrome-bg) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .marketplace-page .marketplace-command-bar .marketplace-tablist { background: color-mix(in srgb, var(--theme-chrome-bg) 76%, black) !important; } } html.light .marketplace-page .marketplace-command-bar .marketplace-tablist { border-color: var(--theme-chrome-border) !important; box-shadow: inset 0 0 0 1px var(--theme-chrome-border) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .marketplace-page .marketplace-command-bar .marketplace-tablist { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-chrome-border) 45%, transparent) !important; } } html.light .marketplace-page .marketplace-command-bar .marketplace-tab { color: var(--theme-on-chrome-muted) !important; box-shadow: none !important; background: none !important; border-color: #0000 !important; } html.light .marketplace-page .marketplace-command-bar .marketplace-tab:hover { background: var(--theme-chrome-raised) !important; color: var(--theme-on-chrome) !important; } html.light .marketplace-page .marketplace-command-bar .marketplace-tab.is-active, html.light .marketplace-page .marketplace-command-bar .marketplace-tab[aria-selected="true"] { background: var(--theme-action) !important; border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .marketplace-page .marketplace-command-bar .marketplace-tab.is-active, html.light .marketplace-page .marketplace-command-bar .marketplace-tab[aria-selected="true"] { border-color: color-mix(in srgb, var(--theme-action) 68%, white) !important; } } html.light .marketplace-page .marketplace-command-bar .marketplace-tab.is-active, html.light .marketplace-page .marketplace-command-bar .marketplace-tab[aria-selected="true"] { color: var(--theme-on-action) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .marketplace-page .marketplace-filter-rail { background: var(--theme-surface-muted) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text-secondary) !important; } html.light .marketplace-page .marketplace-filter-rail [class*="text-white"], html.light .marketplace-page .marketplace-filter-rail [class*="text-slate"] { color: var(--theme-text-secondary) !important; } html.light .marketplace-page .marketplace-filter-rail input, html.light .marketplace-page .marketplace-filter-rail select, html.light .marketplace-page .marketplace-filter-rail button { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; } html.light .marketplace-page .marketplace-catalog-card { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .marketplace-page .marketplace-catalog-card:hover { background: var(--theme-surface-raised) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .marketplace-page .marketplace-catalog-card:hover { background: color-mix(in srgb, var(--theme-surface-raised) 94%, var(--theme-on-action)) !important; } } html.light .marketplace-page .marketplace-catalog-card:hover { border-color: var(--theme-action) !important; box-shadow: var(--theme-shadow-md) !important; } .onboarding-module-item .onboarding-module-title, .onboarding-module-item .onboarding-module-meta { color: var(--theme-on-chrome-muted) !important; } @supports (color: color-mix(in lab, red, red)) { .onboarding-module-item .onboarding-module-meta { color: color-mix(in srgb, var(--theme-on-chrome-muted) 76%, transparent) !important; } } .onboarding-module-item.is-active .onboarding-module-title, .onboarding-module-item.is-active .onboarding-module-meta { color: var(--theme-on-action) !important; } @supports (color: color-mix(in lab, red, red)) { .onboarding-module-item.is-active .onboarding-module-meta { color: color-mix(in srgb, var(--theme-on-action) 82%, transparent) !important; } } .onboarding-module-indicator { background: var(--theme-on-action) !important; box-shadow: 0 0 8px var(--theme-on-action) !important; } @supports (color: color-mix(in lab, red, red)) { .onboarding-module-indicator { box-shadow: 0 0 8px color-mix(in srgb, var(--theme-on-action) 66%, transparent) !important; } } .onboarding-step-shell { background: var(--theme-workspace) !important; color: var(--theme-text) !important; } .onboarding-step-header, .onboarding-step-footer { background: var(--theme-chrome-bg) !important; border-color: var(--theme-chrome-border) !important; color: var(--theme-on-chrome) !important; } .onboarding-step-body { background: var(--theme-workspace) !important; color: var(--theme-text) !important; } .onboarding-substep { background: var(--theme-chrome-raised) !important; border: 1px solid var(--theme-chrome-border) !important; color: var(--theme-on-chrome-muted) !important; } .onboarding-substep.is-active { background: var(--theme-action) !important; border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .onboarding-substep.is-active { border-color: color-mix(in srgb, var(--theme-action) 68%, white) !important; } } .onboarding-substep.is-active { color: var(--theme-on-action) !important; } .onboarding-substep.is-done { background: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { .onboarding-substep.is-done { background: color-mix(in srgb, var(--theme-success) 28%, var(--theme-chrome-raised)) !important; } } .onboarding-substep.is-done { border-color: var(--theme-success) !important; color: var(--theme-on-chrome) !important; } .onboarding-choice { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; color: var(--theme-text-secondary) !important; box-shadow: none !important; } .onboarding-choice[aria-pressed="true"] { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .onboarding-choice[aria-pressed="true"] { background: color-mix(in srgb, var(--theme-action) 16%, var(--theme-surface-raised)) !important; } } .onboarding-choice[aria-pressed="true"] { border: 2px solid var(--theme-action) !important; color: var(--theme-action-pressed) !important; } .onboarding-choice[aria-pressed="true"] * { color: var(--theme-action-pressed) !important; } @media (min-width: 768px) { .planning-assistant-modal { height: min(820px, 90dvh) !important; min-height: min(640px, 90dvh) !important; } .calendar-entry-layout { grid-template-columns: minmax(280px, .8fr) minmax(0, 1.45fr) !important; } .calendar-entry-preview, .calendar-entry-form { grid-column: span 1 / span 1 !important; } } .planning-assistant-header, .planning-assistant-footer { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; } .planning-assistant-rail { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; } .planning-assistant-content { background: var(--theme-surface) !important; color: var(--theme-text) !important; } .planning-action-card { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; color: var(--theme-text-secondary) !important; } .planning-action-card.is-selected { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; } .planning-action-card.is-selected * { color: var(--theme-on-action) !important; } .calendar-entry-preview { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; } .calendar-entry-dropzone, .calendar-entry-form { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; } .calendar-entry-category { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; } .calendar-entry-category-title, .calendar-entry-category-copy { color: var(--theme-text-secondary) !important; } .calendar-entry-category-select { background: var(--theme-control-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; } html.light .calendar-entry-category-select { color-scheme: light; } .calendar-entry-proof-only { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; } .calendar-entry-proof-only:hover, .calendar-entry-proof-only.is-selected { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-entry-proof-only:hover, .calendar-entry-proof-only.is-selected { background: color-mix(in srgb, var(--theme-action) 10%, var(--theme-surface-raised)) !important; } } .calendar-entry-proof-only:hover, .calendar-entry-proof-only.is-selected { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-entry-proof-only:hover, .calendar-entry-proof-only.is-selected { border-color: color-mix(in srgb, var(--theme-action) 62%, var(--theme-border)) !important; } } .calendar-entry-proof-only-icon { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-entry-proof-only-icon { background: color-mix(in srgb, var(--theme-action) 12%, var(--theme-surface-muted)) !important; } } .calendar-entry-proof-only-icon { color: var(--theme-action-pressed) !important; } .calendar-entry-proof-only-title { color: var(--theme-text) !important; } .calendar-entry-proof-only-copy { color: var(--theme-text-secondary) !important; } .calendar-entry-proof-only-checkbox { accent-color: var(--theme-action); } .calendar-entry-proof-only-notice { background: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-entry-proof-only-notice { background: color-mix(in srgb, var(--theme-success) 10%, var(--theme-surface-raised)) !important; } } .calendar-entry-proof-only-notice { border-color: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-entry-proof-only-notice { border-color: color-mix(in srgb, var(--theme-success) 48%, var(--theme-border)) !important; } } .calendar-entry-proof-only-notice { color: var(--theme-text) !important; } .calendar-entry-proof-only-notice svg { color: var(--theme-success) !important; } .calendar-entry-proof-only-notice p:last-child { color: var(--theme-text-secondary) !important; } .calendar-entry-suggestions { scrollbar-width: thin; background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; } .calendar-entry-suggestions-label { color: var(--theme-text-secondary) !important; } .calendar-entry-suggestion-chip { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; } .calendar-entry-suggestion-chip:hover { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-entry-suggestion-chip:hover { background: color-mix(in srgb, var(--theme-action) 9%, var(--theme-surface-raised)) !important; } } .calendar-entry-suggestion-chip:hover { border-color: var(--theme-action) !important; } .calendar-entry-suggestion-chip[aria-pressed="true"] { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-entry-suggestion-chip[aria-pressed="true"] { background: color-mix(in srgb, var(--theme-action) 12%, var(--theme-surface-raised)) !important; } } .calendar-entry-suggestion-chip[aria-pressed="true"] { box-shadow: inset 0 0 0 1px var(--theme-action); border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-entry-suggestion-chip[aria-pressed="true"] { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-action) 30%, transparent); } } .calendar-entry-suggestion-value { color: var(--theme-text) !important; } .calendar-entry-suggestion-detail { font-weight: 500; color: var(--theme-text-secondary) !important; } .calendar-entry-suggestion-confidence { color: var(--theme-action-pressed) !important; } .calendar-entry-mode-option { color: var(--theme-text-secondary) !important; background: none !important; } .calendar-entry-mode-option[aria-pressed="true"] { background: var(--theme-action) !important; color: var(--theme-on-action) !important; } .calendar-entry-mode-option[aria-pressed="true"] * { color: var(--theme-on-action) !important; } .calendar-entry-activity { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; color: var(--theme-text-secondary) !important; } .calendar-entry-activity[aria-pressed="true"] { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .calendar-entry-activity[aria-pressed="true"] { background: color-mix(in srgb, var(--theme-action) 16%, var(--theme-surface-raised)) !important; } } .calendar-entry-activity[aria-pressed="true"] { border: 2px solid var(--theme-action) !important; color: var(--theme-action-pressed) !important; } .calendar-entry-activity[aria-pressed="true"] * { color: var(--theme-action-pressed) !important; } .activity-border-office { border-color: var(--activity-office) !important; } @supports (color: color-mix(in lab, red, red)) { .activity-border-office { border-color: color-mix(in srgb, var(--activity-office) 55%, transparent) !important; } } .activity-border-overnight { border-color: var(--activity-overnight) !important; } @supports (color: color-mix(in lab, red, red)) { .activity-border-overnight { border-color: color-mix(in srgb, var(--activity-overnight) 55%, transparent) !important; } } .activity-border-remote { border-color: var(--activity-remote) !important; } @supports (color: color-mix(in lab, red, red)) { .activity-border-remote { border-color: color-mix(in srgb, var(--activity-remote) 55%, transparent) !important; } } .activity-border-travel { border-color: var(--activity-travel) !important; } @supports (color: color-mix(in lab, red, red)) { .activity-border-travel { border-color: color-mix(in srgb, var(--activity-travel) 55%, transparent) !important; } } .activity-border-vacation { border-color: var(--activity-vacation) !important; } @supports (color: color-mix(in lab, red, red)) { .activity-border-vacation { border-color: color-mix(in srgb, var(--activity-vacation) 55%, transparent) !important; } } .activity-border-sick { border-color: var(--activity-sick) !important; } @supports (color: color-mix(in lab, red, red)) { .activity-border-sick { border-color: color-mix(in srgb, var(--activity-sick) 55%, transparent) !important; } } .activity-border-neutral { border-color: var(--theme-border) !important; } html.light body, html.light #root, html.light .app-shell, html.light .app-body, html.light .app-workspace { background: var(--theme-page-bg) !important; } html.light .dashboard-page, html.light .calendar-page, html.light .documents-page, html.light .statistics-page, html.light .rules-page, html.light .reports-page, html.light .settings-page, html.light .marketplace-page, html.light .membership-page { background: var(--theme-section-bg) !important; } html.light .dashboard-page { color: var(--theme-text) !important; } html.light .dashboard-page main { background: var(--theme-section-bg) !important; } html.light .dashboard-light-card, html.light .dashboard-side-card, html.light .dashboard-page .collapsible-section { background: var(--theme-card-bg) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-md) !important; background-image: none !important; } html.light .dashboard-light-card > .absolute.inset-0.pointer-events-none, html.light .dashboard-side-card > .absolute.inset-0.pointer-events-none { opacity: .08 !important; } html.light .dashboard-light-card h1, html.light .dashboard-light-card h2, html.light .dashboard-light-card h3, html.light .dashboard-light-card h4, html.light .dashboard-side-card h1, html.light .dashboard-side-card h2, html.light .dashboard-side-card h3, html.light .dashboard-side-card h4, html.light .dashboard-light-card [class*="text-white"], html.light .dashboard-side-card [class*="text-white"] { color: var(--theme-text) !important; } html.light .dashboard-light-card [class*="text-white/"], html.light .dashboard-side-card [class*="text-white/"] { color: var(--theme-text-secondary) !important; } html.light .dashboard-light-card [class*="text-emerald-"], html.light .dashboard-side-card [class*="text-emerald-"] { color: var(--theme-success) !important; } html.light .dashboard-light-card [class*="text-amber-"], html.light .dashboard-side-card [class*="text-amber-"] { color: var(--theme-warning) !important; } html.light .dashboard-light-card [class*="text-rose-"], html.light .dashboard-side-card [class*="text-rose-"] { color: var(--theme-danger) !important; } html.light .residence-profile-card .residence-pillar[data-status="DEFINED"] { color: #1e293b !important; background: #ecfdf5 !important; border-color: #a7f3d0 !important; } html.light .residence-profile-card .residence-pillar[data-status="CONFLICT"] { color: #1e293b !important; background: #fff1f2 !important; border-color: #fecdd3 !important; } html.light .residence-profile-card .residence-pillar[data-status="TO_VERIFY"] { color: #1e293b !important; background: #fffbeb !important; border-color: #fde68a !important; } html.light .residence-profile-card .residence-pillar[data-status="UNDEFINED"] { color: #1e293b !important; background: #f8fafc !important; border-color: #cbd5e1 !important; } html.light .residence-profile-card .residence-pillar svg { color: inherit !important; } html.light .residence-profile-card .residence-status-badge, html.light .residence-profile-card .residence-status-badge svg { color: #fff !important; -webkit-text-fill-color: #fff !important; } html.light .residence-profile-card .residence-action { width: 100%; color: #0f172a !important; background: #f1f5f9 !important; border: 1px solid #94a3b8 !important; } html.light .residence-profile-card .residence-action:hover { color: #1e3a8a !important; background: #dbeafe !important; border-color: #2563eb !important; } html.light .calendar-sealed-proof-badge, html.light .calendar-sealed-proof-badge svg { color: #fff !important; -webkit-text-fill-color: #fff !important; } html.light .calendar-sealed-proof-badge { background-color: #075ea8 !important; border-color: #075ea8 !important; } html.light .calendar-sealed-proof-badge:hover { background-color: #034b87 !important; border-color: #034b87 !important; } html.light .dashboard-light-card button[class*="bg-blue-"], html.light .dashboard-light-card button[class*="bg-emerald-"], html.light .dashboard-light-card button[class*="bg-rose-"], html.light .dashboard-light-card button[class*="bg-[#0A84FF]"] { color: var(--theme-on-action) !important; } html.light .dashboard-page [class*="bg-white/[0.02]"] { background: var(--theme-control-bg) !important; border-color: var(--theme-border) !important; } html.light .calendar-header, html.light .calendar-toolbar, html.light .calendar-footer { background: var(--theme-card-bg) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .calendar-weekday-row { background: var(--calendar-weekday) !important; } html.light .calendar-grid { background: var(--calendar-grid-line) !important; box-shadow: inset 0 0 0 1px var(--calendar-grid-line) !important; } html.light .calendar-page .calendar-day-cell[data-outside="false"] { box-shadow: inset 0 1px #ffffffb8 !important; } html.light .calendar-page .calendar-day-cell[data-outside="true"] { background: var(--calendar-day-outside) !important; } html.light .calendar-sidebar { background: var(--calendar-rail) !important; box-shadow: -8px 0 24px #07182714 !important; } html.light .calendar-sidebar .calendar-rail-card { background: var(--calendar-rail-card) !important; border-color: var(--theme-border) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .membership-page { background: var(--theme-section-bg) !important; color: var(--theme-text) !important; } html.light .membership-page .membership-content, html.light .membership-page main.membership-content { background: var(--theme-section-bg) !important; } html.light .membership-page .membership-hero h2 { color: var(--theme-text) !important; } html.light .membership-page .membership-hero p { color: var(--theme-text-secondary) !important; } html.light .membership-page .membership-plan-card { background: var(--theme-card-bg) !important; border-color: var(--theme-border) !important; box-shadow: var(--theme-shadow-md) !important; } html.light .membership-page .membership-plan-card:hover { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .membership-page .membership-plan-card:hover { border-color: color-mix(in srgb, var(--theme-action) 58%, var(--theme-border)) !important; } } html.light .membership-page .membership-plan-card:hover { box-shadow: var(--theme-shadow-lg) !important; } html.light .membership-page .membership-plan-card [class*="bg-white/"] { background: var(--theme-control-bg) !important; border-color: var(--theme-border) !important; } html.light .membership-page .membership-plan-card button[class*="bg-primary"], html.light .membership-page .membership-plan-card button[class*="bg-[#0A84FF]"] { color: var(--theme-on-action) !important; } html.light .membership-page footer, html.light .membership-page footer a, html.light .membership-page footer [class*="text-white"] { color: var(--theme-text-secondary) !important; } html.light .onboarding-hub-sidebar .onboarding-module-item .onboarding-module-title, html.light .onboarding-hub-sidebar .onboarding-module-item:disabled .onboarding-module-title, html.light .onboarding-hub-sidebar .onboarding-module-item .onboarding-module-meta, html.light .onboarding-hub-sidebar .onboarding-module-item:disabled .onboarding-module-meta { color: var(--theme-on-chrome-muted) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .onboarding-hub-sidebar .onboarding-module-item .onboarding-module-meta, html.light .onboarding-hub-sidebar .onboarding-module-item:disabled .onboarding-module-meta { color: color-mix(in srgb, var(--theme-on-chrome-muted) 82%, transparent) !important; } } html.light .onboarding-hub-sidebar .onboarding-module-item.is-active .onboarding-module-title, html.light .onboarding-hub-sidebar .onboarding-module-item.is-active .onboarding-module-meta { color: var(--theme-on-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .onboarding-hub-sidebar .onboarding-module-item.is-active .onboarding-module-meta { color: color-mix(in srgb, var(--theme-on-action) 84%, transparent) !important; } } html.light .dashboard-command-bar { background: var(--theme-card-bg) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .dashboard-command-bar h1 { color: var(--theme-text) !important; } html.light .dashboard-command-bar .dashboard-forecast-action, html.light .dashboard-command-bar .dashboard-period-action, html.light .dashboard-command-bar .dashboard-sync-action, html.light .dashboard-command-bar .dashboard-customize-action { background: var(--theme-control-bg) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .dashboard-command-bar .dashboard-forecast-action:hover, html.light .dashboard-command-bar .dashboard-period-action:hover, html.light .dashboard-command-bar .dashboard-sync-action:hover, html.light .dashboard-command-bar .dashboard-customize-action:hover { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .dashboard-command-bar .dashboard-forecast-action:hover, html.light .dashboard-command-bar .dashboard-period-action:hover, html.light .dashboard-command-bar .dashboard-sync-action:hover, html.light .dashboard-command-bar .dashboard-customize-action:hover { background: color-mix(in srgb, var(--theme-action) 9%, var(--theme-card-bg)) !important; } } html.light .dashboard-command-bar .dashboard-forecast-action:hover, html.light .dashboard-command-bar .dashboard-period-action:hover, html.light .dashboard-command-bar .dashboard-sync-action:hover, html.light .dashboard-command-bar .dashboard-customize-action:hover { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .dashboard-command-bar .dashboard-forecast-action:hover, html.light .dashboard-command-bar .dashboard-period-action:hover, html.light .dashboard-command-bar .dashboard-sync-action:hover, html.light .dashboard-command-bar .dashboard-customize-action:hover { border-color: color-mix(in srgb, var(--theme-action) 55%, var(--theme-border)) !important; } } html.light .dashboard-command-bar .dashboard-forecast-action span, html.light .dashboard-command-bar .dashboard-period-action span { color: var(--theme-text-secondary) !important; } html.light .dashboard-command-bar .dashboard-sync-action, html.light .dashboard-command-bar .dashboard-sync-action span, html.light .dashboard-command-bar .dashboard-customize-action { color: var(--theme-action-pressed) !important; } html.light .dashboard-command-bar .dashboard-status-action[class*="bg-rose-"], html.light .dashboard-command-bar .dashboard-status-action[class*="bg-amber-"] { color: #fff !important; } html.light .dashboard-command-bar .dashboard-status-action[class*="bg-emerald-"] { background: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .dashboard-command-bar .dashboard-status-action[class*="bg-emerald-"] { background: color-mix(in srgb, var(--theme-success) 13%, var(--theme-card-bg)) !important; } } html.light .dashboard-command-bar .dashboard-status-action[class*="bg-emerald-"] { border-color: var(--theme-success) !important; color: var(--theme-success) !important; } html.light .dashboard-command-bar .dashboard-status-action * { color: inherit !important; } html.light :is(.dashboard-command-bar, .documents-command-bar, .statistics-command-bar, .reports-command-bar, .membership-header, .rules-command-bar, .settings-header, .marketplace-command-bar, .calendar-header, .calendar-toolbar) { background: var(--theme-page-header-bg) !important; border-color: var(--theme-page-header-border) !important; color: var(--theme-page-header-text) !important; box-shadow: var(--theme-shadow-sm) !important; background-image: none !important; } html.light :is(.dashboard-command-bar, .documents-command-bar, .statistics-command-bar, .reports-command-bar, .membership-header, .rules-command-bar, .settings-header, .marketplace-command-bar, .calendar-header, .calendar-toolbar) :is(h1, h2, .settings-header-title, [class*="text-white"]) { color: var(--theme-page-header-text) !important; } html.light :is(.dashboard-command-bar, .documents-command-bar, .statistics-command-bar, .reports-command-bar, .membership-header, .rules-command-bar, .settings-header, .marketplace-command-bar, .calendar-header, .calendar-toolbar) :is(p, [class*="text-white/"]) { color: var(--theme-page-header-muted) !important; } html.light :is(.dashboard-forecast-action, .dashboard-period-action, .dashboard-sync-action, .dashboard-customize-action, .documents-command-control, .documents-export-action, .statistics-command-bar select, .statistics-command-bar input, .statistics-forecast-action, .statistics-refresh-action, .reports-command-bar button, .reports-command-bar select, .membership-header button, .rules-command-bar button, .rules-command-bar select, .rules-command-bar input, .calendar-date-navigation button, .calendar-date-trigger, .calendar-today-action, .calendar-view-switch, .calendar-view-settings, .calendar-forecast-action, .marketplace-command-bar input) { background: var(--theme-page-header-control-bg) !important; border-color: var(--theme-page-header-control-border) !important; color: var(--theme-page-header-control-text) !important; box-shadow: none !important; opacity: 1 !important; background-image: none !important; } html.light .statistics-command-bar select option { background: var(--theme-card-bg) !important; color: var(--theme-text) !important; } html.light :is(.dashboard-forecast-action, .dashboard-period-action, .dashboard-sync-action, .dashboard-customize-action, .documents-command-control, .documents-export-action, .statistics-forecast-action, .statistics-refresh-action, .reports-command-bar button, .membership-header button, .rules-command-bar button, .calendar-date-navigation button, .calendar-date-trigger, .calendar-today-action, .calendar-view-settings, .calendar-forecast-action) * { color: inherit !important; } html.light :is(.dashboard-forecast-action, .dashboard-period-action, .dashboard-sync-action, .dashboard-customize-action, .documents-command-control, .documents-export-action, .statistics-forecast-action, .statistics-refresh-action, .reports-command-bar button, .membership-header button, .rules-command-bar button, .calendar-date-navigation button, .calendar-date-trigger, .calendar-today-action, .calendar-view-settings, .calendar-forecast-action):not(:disabled):hover { background: var(--theme-page-header-control-hover) !important; } html.light .calendar-view-option { color: var(--theme-page-header-control-text) !important; background: none !important; border-color: #0000 !important; } html.light .calendar-view-option[aria-pressed="true"] { background: var(--theme-action) !important; color: var(--theme-on-action) !important; } html.light .calendar-view-option * { color: inherit !important; } html.light .marketplace-command-bar .marketplace-tab { color: var(--theme-page-header-control-text) !important; background: none !important; } html.light .marketplace-command-bar .marketplace-tab[aria-selected="true"] { background: var(--theme-action) !important; color: var(--theme-on-action) !important; } html.light :is(.dashboard-period-menu, .documents-period-menu, .calendar-date-menu, .calendar-view-menu) { background: var(--theme-card-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-lg) !important; background-image: none !important; } html.light :is(.dashboard-period-menu, .documents-period-menu, .calendar-date-menu, .calendar-view-menu) button { color: var(--theme-text-secondary) !important; opacity: 1 !important; background: none !important; border-color: #0000 !important; } html.light :is(.dashboard-period-menu, .documents-period-menu, .calendar-date-menu, .calendar-view-menu) button:hover { background: var(--theme-control-bg) !important; color: var(--theme-text) !important; } html.light :is(.dashboard-period-menu, .documents-period-menu) button[aria-current="true"], html.light :is(.calendar-date-menu, .calendar-view-menu) button[aria-pressed="true"] { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light :is(.dashboard-period-menu, .documents-period-menu) button[aria-current="true"], html.light :is(.calendar-date-menu, .calendar-view-menu) button[aria-pressed="true"] { background: color-mix(in srgb, var(--theme-action) 14%, var(--theme-card-bg)) !important; } } html.light :is(.dashboard-period-menu, .documents-period-menu) button[aria-current="true"], html.light :is(.calendar-date-menu, .calendar-view-menu) button[aria-pressed="true"] { color: var(--theme-action-pressed) !important; } html.light :is(.dashboard-period-menu, .documents-period-menu, .calendar-date-menu, .calendar-view-menu) :is(button, button *) { color: inherit !important; } html.light :is(.documents-upload-action, .statistics-export-action:not(:disabled), .marketplace-ai-generate:not(:disabled), .calendar-confirmation-primary:not(:disabled)) { background: var(--theme-action) !important; border-color: var(--theme-action) !important; color: var(--theme-on-action) !important; } html.light :is(.documents-upload-action, .statistics-export-action:not(:disabled), .marketplace-ai-generate:not(:disabled), .calendar-confirmation-primary:not(:disabled)) * { color: inherit !important; } html.light :is(.dashboard-command-bar, .documents-command-bar, .statistics-command-bar, .reports-command-bar, .membership-header, .rules-command-bar, .marketplace-command-bar, .calendar-toolbar) button:disabled, html.light .marketplace-ai-generate:disabled { background: var(--theme-disabled-bg) !important; border-color: var(--theme-disabled-border) !important; color: var(--theme-disabled-fg) !important; opacity: 1 !important; } html.light :is(.dashboard-command-bar, .documents-command-bar, .statistics-command-bar, .reports-command-bar, .membership-header, .rules-command-bar, .marketplace-command-bar, .calendar-toolbar) button:disabled *, html.light .marketplace-ai-generate:disabled * { color: inherit !important; } html.light .dashboard-command-bar .dashboard-status-action[class*="bg-rose-"] *, html.light .dashboard-command-bar .dashboard-status-action[class*="bg-amber-"] * { color: #fff !important; } html.light .dashboard-command-bar .dashboard-status-action[class*="bg-emerald-"] *, html.light .dashboard-command-bar .dashboard-status-action[class*="bg-green-"] * { color: var(--theme-success) !important; } html.light .calendar-footer { background: var(--theme-card-bg) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; } html.light .calendar-weekday-row { background: var(--theme-surface-muted) !important; color: var(--theme-text-secondary) !important; } html.light .calendar-page .calendar-day-cell[data-outside="false"] { background: var(--theme-card-bg) !important; color: var(--theme-text) !important; } html.light .calendar-page .calendar-day-cell[data-weekend="true"][data-outside="false"] { background: var(--theme-section-bg) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .calendar-page .calendar-day-cell[data-weekend="true"][data-outside="false"] { background: color-mix(in srgb, var(--theme-section-bg) 72%, var(--theme-card-bg)) !important; } } html.light .calendar-entry-activity[aria-pressed="true"] { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .calendar-entry-activity[aria-pressed="true"] * { color: var(--theme-on-action) !important; } html.light .calendar-confirmation-panel { background: var(--theme-card-bg) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; } html.light .calendar-confirmation-panel h3, html.light .calendar-confirmation-panel p, html.light .calendar-confirmation-panel span { color: var(--theme-text) !important; } html.light .calendar-confirmation-panel .calendar-confirmation-cancel { background: var(--theme-control-bg) !important; border: 1px solid var(--theme-border) !important; color: var(--theme-text-secondary) !important; } html.light .customize-dashboard-header h2, html.light .customize-dashboard-header button, html.light .customize-dashboard-header button * { color: var(--theme-on-chrome) !important; } html.light .membership-page .membership-hero h2, html.light .membership-page .membership-hero h2 [class*="text-white"] { color: var(--theme-text) !important; -webkit-text-fill-color: currentColor !important; } html.light .membership-page .membership-hero h2 [class*="text-primary"], html.light .membership-page .membership-hero h2 [class*="text-transparent"] { color: var(--theme-action) !important; -webkit-text-fill-color: var(--theme-action) !important; background-image: none !important; } html.light .membership-page .membership-hero p, html.light .membership-page .membership-hero [class*="text-white/"] { color: var(--theme-text-secondary) !important; } html.light .dashboard-page .collapsible-section, html.light .dashboard-page .collapsible-section > div, html.light .dashboard-page .collapsible-section article { color: var(--theme-text) !important; } html.light .dashboard-page .collapsible-section [class*="bg-[#1C1C1E]"], html.light .dashboard-page .collapsible-section [class*="from-[#1C1C1E]"], html.light .dashboard-page .collapsible-section [style*="background"] { background: var(--theme-card-bg) !important; border-color: var(--theme-border) !important; background-image: none !important; } html.light .dashboard-page .collapsible-section [class*="text-white"] { color: var(--theme-text) !important; } html.light .dashboard-page .collapsible-section [class*="text-white/"] { color: var(--theme-text-secondary) !important; } html.light button[class*="bg-blue-"]:not(:disabled), html.light button[class*="bg-[#0A84FF]"]:not(:disabled), html.light button[class*="bg-[#0071E3]"]:not(:disabled), html.light button[class*="bg-rose-"]:not(:disabled), html.light button[class*="bg-red-"]:not(:disabled) { color: var(--theme-on-action) !important; } html.light button[class*="bg-blue-"]:not(:disabled) *, html.light button[class*="bg-[#0A84FF]"]:not(:disabled) *, html.light button[class*="bg-[#0071E3]"]:not(:disabled) *, html.light button[class*="bg-rose-"]:not(:disabled) *, html.light button[class*="bg-red-"]:not(:disabled) * { color: inherit !important; } html.light button:disabled { color: var(--theme-disabled-fg) !important; opacity: 1 !important; } html.light button:disabled * { color: inherit !important; } html.light .dashboard-command-bar, html.light .documents-command-bar, html.light .statistics-command-bar, html.light .reports-command-bar, html.light .membership-header, html.light .rules-command-bar, html.light .settings-header, html.light .marketplace-command-bar, html.light .calendar-header, html.light .calendar-toolbar { background-color: var(--theme-page-header-bg) !important; border-color: var(--theme-page-header-border) !important; color: var(--theme-page-header-text) !important; box-shadow: var(--theme-shadow-sm) !important; opacity: 1 !important; background-image: none !important; } html.light :is(.dashboard-command-bar, .documents-command-bar, .statistics-command-bar, .reports-command-bar, .membership-header, .rules-command-bar, .settings-header, .marketplace-command-bar, .calendar-header, .calendar-toolbar) :is(h1, h2, h3, [class~="text-white"], [class~="text-black"]) { color: var(--theme-page-header-text) !important; opacity: 1 !important; } html.light :is(.dashboard-command-bar, .documents-command-bar, .statistics-command-bar, .reports-command-bar, .membership-header, .rules-command-bar, .settings-header, .marketplace-command-bar, .calendar-header, .calendar-toolbar) :is(p, [class*="text-white/"], [class*="text-zinc-"], [class*="text-slate-"], [class*="text-gray-"]) { color: var(--theme-page-header-muted) !important; opacity: 1 !important; } html.light :is(.dashboard-forecast-action, .dashboard-period-action, .dashboard-sync-action, .dashboard-customize-action, .documents-command-control, .documents-export-action, .statistics-forecast-action, .statistics-command-bar select, .statistics-refresh-action, .reports-forecast-action, .reports-period-action, .reports-refresh-action, .membership-manage-action, .membership-refresh-action, .rules-forecast-action, .rules-period-action, .calendar-date-navigation button, .calendar-date-trigger, .calendar-today-action, .calendar-view-switch, .calendar-view-settings, .calendar-forecast-action, .marketplace-command-bar input) { background: var(--theme-page-header-control-bg) !important; border-color: var(--theme-page-header-control-border) !important; color: var(--theme-page-header-control-text) !important; opacity: 1 !important; background-image: none !important; } html.light :is(.dashboard-forecast-action, .dashboard-period-action, .dashboard-sync-action, .dashboard-customize-action, .documents-command-control, .documents-export-action, .statistics-forecast-action, .statistics-command-bar select, .statistics-refresh-action, .reports-forecast-action, .reports-period-action, .reports-refresh-action, .membership-manage-action, .membership-refresh-action, .rules-forecast-action, .rules-period-action, .calendar-date-navigation button, .calendar-date-trigger, .calendar-today-action, .calendar-view-settings, .calendar-forecast-action) * { color: inherit !important; opacity: 1 !important; } html.light :is(.statistics-command-bar, .reports-command-bar) select option, html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page) select option { background: var(--theme-card-bg) !important; color: var(--theme-text) !important; } html.light :is(.dashboard-period-menu, .documents-period-menu, .rules-period-menu, .calendar-date-menu, .calendar-view-menu) { background: var(--theme-card-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-lg) !important; background-image: none !important; } html.light :is(.dashboard-period-menu, .documents-period-menu, .rules-period-menu, .calendar-date-menu, .calendar-view-menu) button { color: var(--theme-text-secondary) !important; opacity: 1 !important; background: none !important; border-color: #0000 !important; } html.light :is(.dashboard-period-menu, .documents-period-menu, .rules-period-menu, .calendar-date-menu, .calendar-view-menu) button:hover { background: var(--theme-control-bg) !important; color: var(--theme-text) !important; } html.light :is(.dashboard-period-menu, .documents-period-menu, .rules-period-menu) button[aria-current="true"], html.light :is(.calendar-date-menu, .calendar-view-menu) button[aria-pressed="true"] { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light :is(.dashboard-period-menu, .documents-period-menu, .rules-period-menu) button[aria-current="true"], html.light :is(.calendar-date-menu, .calendar-view-menu) button[aria-pressed="true"] { background: color-mix(in srgb, var(--theme-action) 14%, var(--theme-card-bg)) !important; } } html.light :is(.dashboard-period-menu, .documents-period-menu, .rules-period-menu) button[aria-current="true"], html.light :is(.calendar-date-menu, .calendar-view-menu) button[aria-pressed="true"] { color: var(--theme-action-pressed) !important; } html.light :is(.dashboard-period-menu, .documents-period-menu, .rules-period-menu, .calendar-date-menu, .calendar-view-menu) button * { color: inherit !important; } html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page) { background: var(--theme-page-bg) !important; color: var(--theme-text) !important; } html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page) :is([class~="text-white"], [class~="text-black"]) { color: var(--theme-text) !important; } html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page) :is([class*="text-white/"], [class*="text-zinc-"], [class*="text-slate-"], [class*="text-gray-"], [class*="text-neutral-"]) { color: var(--theme-text-secondary) !important; opacity: 1 !important; } html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page) :is(input, select, textarea) { color: var(--theme-text) !important; caret-color: var(--theme-action) !important; } html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page) :is(input, textarea)::-moz-placeholder { color: var(--theme-text-muted) !important; opacity: 1 !important; } html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page) :is(input, textarea)::placeholder { color: var(--theme-text-muted) !important; opacity: 1 !important; } html.light .membership-page, html.light .membership-content { background: var(--theme-page-bg) !important; color: var(--theme-text) !important; background-image: none !important; } html.light .membership-hero, html.light .membership-hero :is(h2, h3, p, span) { color: var(--theme-text) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .membership-hero p, html.light .membership-hero [class*="text-white/"] { color: var(--theme-text-secondary) !important; } html.light .membership-hero [class*="text-transparent"], html.light .membership-hero [class*="text-primary"] { color: var(--theme-action) !important; -webkit-text-fill-color: var(--theme-action) !important; background-image: none !important; } html.light .membership-plan-card { background: var(--theme-card-bg) !important; color: var(--theme-text) !important; border-color: var(--theme-border) !important; box-shadow: var(--theme-shadow-md) !important; } html.light .membership-plan-card :is(h2, h3, h4, [class~="text-white"]) { color: var(--theme-text) !important; } html.light .membership-plan-card :is([class*="text-white/"], [class*="text-zinc-"], [class*="text-slate-"], [class*="text-gray-"]) { color: var(--theme-text-secondary) !important; opacity: 1 !important; } html.light .customize-dashboard-header { background: var(--theme-page-header-bg) !important; border-color: var(--theme-page-header-border) !important; color: var(--theme-page-header-text) !important; } html.light .customize-dashboard-header :is(h2, button, button *) { color: var(--theme-page-header-text) !important; } html.light .customize-dashboard-header p { color: var(--theme-page-header-muted) !important; } html.light :is(.app-topbar, .app-header, .app-sidebar, .marketplace-intro, .settings-sidebar, .onboarding-hub-sidebar, .onboarding-step-header) { color: var(--theme-on-chrome) !important; } html.light :is(.app-topbar, .app-header, .app-sidebar, .marketplace-intro, .settings-sidebar, .onboarding-hub-sidebar, .onboarding-step-header) :is(h1, h2, h3, h4, [class~="text-white"], [class~="text-black"], [class*="text-zinc-8"], [class*="text-zinc-9"], [class*="text-slate-8"], [class*="text-slate-9"], [class*="text-gray-8"], [class*="text-gray-9"]) { color: var(--theme-on-chrome) !important; opacity: 1 !important; } html.light :is(.app-topbar, .app-header, .app-sidebar, .marketplace-intro, .settings-sidebar, .onboarding-hub-sidebar, .onboarding-step-header) :is(p, [class*="text-white/"], [class*="text-zinc-3"], [class*="text-zinc-4"], [class*="text-zinc-5"], [class*="text-slate-3"], [class*="text-slate-4"], [class*="text-slate-5"], [class*="text-gray-3"], [class*="text-gray-4"], [class*="text-gray-5"]) { color: var(--theme-on-chrome-muted) !important; opacity: 1 !important; } html.light .marketplace-intro :is(h1, h2, h3, h4, [class~="text-white"]) { color: var(--theme-on-chrome) !important; } html.light .marketplace-intro :is(p, [class*="text-white/"]) { color: var(--theme-on-chrome-muted) !important; } html.light .marketplace-intro-form, html.light .marketplace-intro-form :is(h1, h2, h3, h4, p, span, label) { color: var(--theme-text) !important; } html.light .marketplace-intro-form [class*="text-white/"] { color: var(--theme-text-secondary) !important; } html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page) [class*="text-emerald-"] { color: var(--theme-success) !important; } html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page) :is([class*="text-rose-"], [class*="text-red-"]) { color: var(--theme-danger) !important; } html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page) :is([class*="text-amber-"], [class*="text-yellow-"]) { color: var(--theme-warning) !important; } html.light :is(button, a, [role="button"]):is([class*="bg-blue-"], [class*="bg-[#0A84FF]"], [class*="bg-[#0071E3]"], [class*="bg-rose-"], [class*="bg-red-"]):not(:disabled), html.light :is(.calendar-view-option[aria-pressed="true"], .calendar-entry-activity[aria-pressed="true"], .marketplace-tab[aria-selected="true"]) { color: var(--theme-on-action) !important; } html.light :is(button, a, [role="button"]):is([class*="bg-blue-"], [class*="bg-[#0A84FF]"], [class*="bg-[#0071E3]"], [class*="bg-rose-"], [class*="bg-red-"]):not(:disabled) *, html.light :is(.calendar-view-option[aria-pressed="true"], .calendar-entry-activity[aria-pressed="true"], .marketplace-tab[aria-selected="true"]) * { color: inherit !important; opacity: 1 !important; } html.light button:disabled, html.light button:disabled * { color: var(--theme-disabled-fg) !important; opacity: 1 !important; } html.light .membership-page > main.membership-content > .membership-hero h2, html.light .membership-page > main.membership-content > .membership-hero h2 [class*="text-white"] { color: var(--theme-text) !important; -webkit-text-fill-color: currentColor !important; } html.light .membership-page > main.membership-content > .membership-hero p, html.light .membership-page > main.membership-content > .membership-hero [class*="text-white/"] { color: var(--theme-text-secondary) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .membership-page > main.membership-content > .membership-hero h2 [class*="text-transparent"], html.light .membership-page > main.membership-content > .membership-hero h2 [class*="text-primary"] { color: var(--theme-action) !important; -webkit-text-fill-color: var(--theme-action) !important; } html.light .dashboard-page .dashboard-command-bar, html.light .documents-page .documents-command-bar, html.light .statistics-page .statistics-command-bar, html.light .reports-page > header.reports-command-bar, html.light .membership-page > header.membership-header, html.light .rules-page .rules-command-bar, html.light .settings-page .settings-header, html.light .marketplace-page .marketplace-command-bar, html.light .calendar-page .calendar-header, html.light .calendar-page .calendar-toolbar { background: var(--theme-page-header-bg) !important; border-color: var(--theme-page-header-border) !important; color: var(--theme-page-header-text) !important; background-image: none !important; } html.light :is(.dashboard-page .dashboard-command-bar, .documents-page .documents-command-bar, .statistics-page .statistics-command-bar, .reports-page > header.reports-command-bar, .membership-page > header.membership-header, .rules-page .rules-command-bar, .settings-page .settings-header, .marketplace-page .marketplace-command-bar, .calendar-page .calendar-header, .calendar-page .calendar-toolbar) :is(h1, h2, h3, [class~="text-white"], [class~="text-black"]) { color: var(--theme-page-header-text) !important; opacity: 1 !important; } html.light :is(.dashboard-page .dashboard-command-bar, .documents-page .documents-command-bar, .statistics-page .statistics-command-bar, .reports-page > header.reports-command-bar, .membership-page > header.membership-header, .rules-page .rules-command-bar, .settings-page .settings-header, .marketplace-page .marketplace-command-bar, .calendar-page .calendar-header, .calendar-page .calendar-toolbar) :is(p, [class*="text-white/"], [class*="text-zinc-"], [class*="text-slate-"], [class*="text-gray-"]) { color: var(--theme-page-header-muted) !important; opacity: 1 !important; } html.light :is(.dashboard-page .dashboard-command-bar, .documents-page .documents-command-bar, .statistics-page .statistics-command-bar, .reports-page > header.reports-command-bar, .membership-page > header.membership-header, .rules-page .rules-command-bar, .settings-page .settings-header, .marketplace-page .marketplace-command-bar, .calendar-page .calendar-header, .calendar-page .calendar-toolbar) button:disabled { background: var(--theme-disabled-bg) !important; border-color: var(--theme-disabled-border) !important; color: var(--theme-disabled-fg) !important; opacity: 1 !important; } html.light :is(.dashboard-page .dashboard-command-bar, .documents-page .documents-command-bar, .statistics-page .statistics-command-bar, .reports-page > header.reports-command-bar, .membership-page > header.membership-header, .rules-page .rules-command-bar, .settings-page .settings-header, .marketplace-page .marketplace-command-bar, .calendar-page .calendar-header, .calendar-page .calendar-toolbar) button:disabled * { color: inherit !important; } html.light :is([data-theme-surface="page-header"], .dashboard-command-bar, .documents-command-bar, .statistics-command-bar, .reports-command-bar, .rules-command-bar, .membership-header, .settings-header, .marketplace-command-bar, .calendar-header, .calendar-toolbar) { background: var(--theme-page-header-bg) !important; border-color: var(--theme-page-header-border) !important; color: var(--theme-page-header-text) !important; background-image: none !important; } html.light :is([data-theme-surface="page-header"], .dashboard-command-bar, .documents-command-bar, .statistics-command-bar, .reports-command-bar, .rules-command-bar, .membership-header, .settings-header, .marketplace-command-bar, .calendar-header, .calendar-toolbar) :is(h1, h2, h3, h4) { color: var(--theme-page-header-text) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light :is([data-theme-surface="page-header"], .dashboard-command-bar, .documents-command-bar, .statistics-command-bar, .reports-command-bar, .rules-command-bar, .membership-header, .settings-header, .marketplace-command-bar, .calendar-header, .calendar-toolbar) :is(p, small, [class*="text-white/"], [class*="text-zinc-"], [class*="text-slate-"], [class*="text-gray-"]) { color: var(--theme-page-header-muted) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light :is([data-theme-surface="page-header"], .dashboard-command-bar, .documents-command-bar, .statistics-command-bar, .reports-command-bar, .rules-command-bar, .membership-header, .settings-header, .marketplace-command-bar, .calendar-header, .calendar-toolbar) :is(select, input:not([type="checkbox"]):not([type="radio"])) { background: var(--theme-page-header-control-bg) !important; border-color: var(--theme-page-header-control-border) !important; color: var(--theme-page-header-control-text) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light :is(.statistics-forecast-action, .statistics-refresh-action, .membership-refresh-action) { background: var(--theme-page-header-control-bg) !important; border-color: var(--theme-page-header-control-border) !important; color: var(--theme-page-header-control-text) !important; opacity: 1 !important; } html.light :is(.statistics-forecast-action, .statistics-refresh-action, .membership-refresh-action) * { color: inherit !important; opacity: 1 !important; } html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page, .marketplace-intro-form, .onboarding-step-shell) :is(.ui-button--primary, .btn-primary, [data-variant="primary"], [class~="bg-primary"][class~="text-white"], button[class~="bg-blue-500"], button[class~="bg-blue-600"], button[class~="bg-blue-700"], button[class~="bg-sky-500"], button[class~="bg-indigo-600"], button[class~="bg-[#0066FF]"], button[class~="bg-[#0A84FF]"], button[class~="bg-[#0071E3]"], button[class~="bg-[#0077ED]"], button[class~="bg-[#0B5CAB]"]):not(:disabled), html.light body :is(.ui-button--primary, .btn-primary, [data-variant="primary"]):not(:disabled) { background-color: var(--theme-action) !important; border-color: var(--theme-action-border) !important; color: var(--theme-on-action) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light :is(.dashboard-page, .documents-page, .statistics-page, .reports-page, .rules-page, .membership-page, .settings-page, .calendar-page, .marketplace-page, .marketplace-intro-form, .onboarding-step-shell) :is(.ui-button--primary, .btn-primary, [data-variant="primary"], [class~="bg-primary"][class~="text-white"], button[class~="bg-blue-500"], button[class~="bg-blue-600"], button[class~="bg-blue-700"], button[class~="bg-sky-500"], button[class~="bg-indigo-600"], button[class~="bg-[#0066FF]"], button[class~="bg-[#0A84FF]"], button[class~="bg-[#0071E3]"], button[class~="bg-[#0077ED]"], button[class~="bg-[#0B5CAB]"]):not(:disabled) *, html.light body :is(.ui-button--primary, .btn-primary, [data-variant="primary"]):not(:disabled) * { color: inherit !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light :is(.ui-button--destructive, [data-variant="destructive"], button[class~="bg-rose-600"], button[class~="bg-red-600"]):not(:disabled) { background: var(--theme-danger) !important; border-color: var(--theme-danger) !important; color: var(--theme-on-action) !important; } html.light :is(.ui-button--destructive, [data-variant="destructive"], button[class~="bg-rose-600"], button[class~="bg-red-600"]):not(:disabled) * { color: inherit !important; opacity: 1 !important; } html.light :is(.marketplace-ai-generate, .ui-button--primary, .btn-primary, [data-variant="primary"]):disabled { background: var(--theme-disabled-bg) !important; border-color: var(--theme-disabled-border) !important; color: var(--theme-disabled-fg) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light :is(.marketplace-ai-generate, .ui-button--primary, .btn-primary, [data-variant="primary"]):disabled * { color: inherit !important; opacity: 1 !important; } html.light .onboarding-step-shell .onboarding-substep.is-active { background: var(--theme-action) !important; border-color: var(--theme-action-border) !important; color: var(--theme-on-action) !important; } html.light .onboarding-step-shell .onboarding-substep.is-active * { color: inherit !important; opacity: 1 !important; } html.light .marketplace-intro-form { background: var(--theme-card-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-lg) !important; } html.light .marketplace-intro-form :is(label, p, span, button:not(.ui-button--primary)) { color: var(--theme-text) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .marketplace-intro-form button:not(.ui-button--primary) * { color: inherit !important; opacity: 1 !important; } html.light .marketplace-intro-form .marketplace-intro-tab { color: var(--theme-text-secondary) !important; background: none !important; } html.light .marketplace-intro-form .marketplace-intro-tab[aria-pressed="true"] { background: var(--theme-action) !important; color: var(--theme-on-action) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .marketplace-intro-form .marketplace-intro-budget-option { color: var(--theme-text-secondary) !important; } html.light .marketplace-intro-form .marketplace-intro-budget-option[data-selected="true"], html.light .marketplace-intro-form .marketplace-intro-budget-option[data-selected="true"] * { color: var(--theme-text) !important; opacity: 1 !important; } html.light .marketplace-intro-form :is(input, select, textarea, [role="combobox"]) { background: var(--theme-control-bg) !important; border-color: var(--theme-control-border) !important; color: var(--theme-text) !important; -webkit-text-fill-color: currentColor !important; } html.light .marketplace-command-bar { background: var(--theme-page-header-bg) !important; color: var(--theme-page-header-text) !important; } html.light .marketplace-command-bar .marketplace-tablist { background: var(--theme-page-header-control-bg) !important; border-color: var(--theme-page-header-control-border) !important; } html.light .marketplace-command-bar .marketplace-tab { color: var(--theme-page-header-control-text) !important; opacity: 1 !important; background: none !important; border-color: #0000 !important; } html.light .marketplace-command-bar .marketplace-tab[aria-selected="true"] { background: var(--theme-action) !important; border-color: var(--theme-action-border) !important; color: var(--theme-on-action) !important; } html.light .marketplace-command-bar > button:first-child { color: var(--theme-action-pressed) !important; } html.light .marketplace-command-bar :is(input, [type="search"]) { background: var(--theme-page-header-control-bg) !important; border-color: var(--theme-page-header-control-border) !important; color: var(--theme-page-header-control-text) !important; } html.light .membership-page :is([class~="bg-primary"][class~="text-white"], .membership-plan-card [class~="bg-primary"]) { color: var(--theme-on-action) !important; -webkit-text-fill-color: currentColor !important; } html.light .membership-page :is([class~="bg-primary"][class~="text-white"], .membership-plan-card [class~="bg-primary"]) * { color: inherit !important; opacity: 1 !important; } html.light .membership-page > header.membership-header .membership-refresh-action { background: var(--theme-page-header-control-bg) !important; border-color: var(--theme-page-header-control-border) !important; color: var(--theme-page-header-control-text) !important; } html.light .membership-page > header.membership-header .membership-refresh-action * { color: inherit !important; } html.light .calendar-segment-delete-action { color: #fff !important; opacity: 0 !important; -webkit-text-fill-color: currentColor !important; background: #40566a !important; border-color: #40566a !important; } html.light .calendar-segment-delete-action * { color: inherit !important; opacity: 1 !important; } html.light .group:hover .calendar-segment-delete-action, html.light .calendar-segment-delete-action:focus-visible { opacity: 1 !important; } html.light .calendar-segment-delete-action:hover { background: var(--theme-danger) !important; border-color: var(--theme-danger) !important; } html.light .dashboard-jurisdiction-card, html.light .dashboard-jurisdiction-card:hover { background: var(--theme-card-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-md) !important; opacity: 1 !important; filter: none !important; background-image: none !important; } html.light .dashboard-jurisdiction-card[data-status="danger"] { border-color: var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .dashboard-jurisdiction-card[data-status="danger"] { border-color: color-mix(in srgb, var(--theme-danger) 45%, var(--theme-border)) !important; } } html.light .dashboard-jurisdiction-card[data-status="warning"] { border-color: var(--theme-warning) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .dashboard-jurisdiction-card[data-status="warning"] { border-color: color-mix(in srgb, var(--theme-warning) 45%, var(--theme-border)) !important; } } html.light .dashboard-jurisdiction-card[data-input-status="incomplete"], html.light .dashboard-jurisdiction-card[data-input-status="incomplete"]:hover { background: #fff7ed !important; border-color: #d97706 !important; } html.light .dashboard-jurisdiction-card :is(h1, h2, h3, h4, [class~="text-white"], [class*="text-white/"]) { color: var(--theme-text) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .dashboard-jurisdiction-card :is(p, small, [class*="text-slate-"], [class*="text-zinc-"], [class*="text-gray-"]) { color: var(--theme-text-secondary) !important; opacity: 1 !important; } html.light .dashboard-jurisdiction-card .dashboard-jurisdiction-lock-overlay { background: var(--theme-card-bg) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .dashboard-jurisdiction-card .dashboard-jurisdiction-lock-overlay { background: color-mix(in srgb, var(--theme-card-bg) 92%, transparent) !important; } } html.light .dashboard-jurisdiction-card .dashboard-jurisdiction-lock-overlay { color: var(--theme-text) !important; } html.light .dashboard-jurisdiction-card .dashboard-jurisdiction-lock-overlay :is(p, [class~="text-white"], [class*="text-white/"]) { color: var(--theme-text) !important; opacity: 1 !important; } html.light .dashboard-jurisdiction-card .dashboard-jurisdiction-lock-overlay button { background: var(--theme-action) !important; border-color: var(--theme-action-border) !important; color: var(--theme-on-action) !important; } html.light .dashboard-jurisdiction-card .dashboard-jurisdiction-lock-overlay button * { color: inherit !important; } html.light .marketplace-intro-form .ui-button--primary, html.light .marketplace-intro-form .ui-button--primary *, html.light .marketplace-intro-form button[data-variant="primary"], html.light .marketplace-intro-form button[data-variant="primary"] * { color: var(--theme-on-action) !important; -webkit-text-fill-color: currentColor !important; } html.light .marketplace-page .marketplace-command-bar { background: var(--theme-page-header-bg) !important; border-color: var(--theme-page-header-border) !important; color: var(--theme-page-header-text) !important; } html.light .marketplace-command-bar .marketplace-command-back { border-color: var(--theme-page-header-control-border) !important; color: var(--theme-action-pressed) !important; opacity: 1 !important; background: none !important; } html.light .marketplace-command-bar .marketplace-command-back:hover { color: var(--theme-action) !important; } html.light .marketplace-command-bar .marketplace-breadcrumb { color: var(--theme-page-header-muted) !important; opacity: 1 !important; } html.light .rules-page .rules-command-bar.rules-primary-header { background-color: var(--theme-page-header-bg) !important; border-color: var(--theme-page-header-border) !important; color: var(--theme-page-header-text) !important; box-shadow: var(--theme-shadow-sm) !important; background-image: none !important; } html.light .rules-page .rules-primary-header h1, html.light .rules-page .rules-primary-header [class~="text-white"] { color: var(--theme-page-header-text) !important; -webkit-text-fill-color: currentColor !important; } html.light .rules-page .rules-primary-header :is([class*="text-zinc-"], [class*="text-white/"]) { color: var(--theme-page-header-muted) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .rules-page .rules-primary-header [class*="bg-white/"] { border-color: var(--theme-page-header-control-border) !important; } html.light .documents-command-bar .documents-jurisdiction-status-dot { opacity: 1 !important; border-radius: 9999px !important; width: .375rem !important; min-width: .375rem !important; height: .375rem !important; min-height: .375rem !important; animation: none !important; display: block !important; } html.light .calendar-page .calendar-view-switch .calendar-view-option[aria-pressed="true"] { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .calendar-page .calendar-view-switch .calendar-view-option[aria-pressed="true"] *, html.light .calendar-page .calendar-view-switch .calendar-view-option[aria-pressed="true"] svg { color: inherit !important; stroke: currentColor !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .calendar-page .calendar-view-switch .calendar-view-option[aria-pressed="false"] { background: var(--theme-control-bg) !important; border-color: var(--theme-control-border) !important; color: var(--theme-text) !important; -webkit-text-fill-color: currentColor !important; } html.light .calendar-page .calendar-view-switch .calendar-view-option[aria-pressed="false"] *, html.light .calendar-page .calendar-view-switch .calendar-view-option[aria-pressed="false"] svg { color: inherit !important; stroke: currentColor !important; -webkit-text-fill-color: currentColor !important; } html.light .marketplace-command-bar .marketplace-breadcrumb-link, html.light .marketplace-command-bar .marketplace-breadcrumb-current { color: var(--theme-page-header-control-text) !important; opacity: 1 !important; background: none !important; } html.light .marketplace-command-bar .marketplace-breadcrumb-link:hover { color: var(--theme-action-pressed) !important; } html.light .marketplace-command-bar .marketplace-tablist { background: var(--theme-page-header-control-bg) !important; border-color: var(--theme-page-header-control-border) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .marketplace-command-bar .marketplace-tab { color: var(--theme-page-header-control-text) !important; opacity: 1 !important; box-shadow: none !important; background: none !important; border-color: #0000 !important; } html.light .marketplace-command-bar .marketplace-tab:hover { background: var(--theme-page-header-control-hover) !important; color: var(--theme-page-header-control-text) !important; } html.light .marketplace-command-bar .marketplace-tab[aria-selected="true"] { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .marketplace-command-bar .marketplace-tab[aria-selected="true"] * { color: inherit !important; } html.light .marketplace-command-bar .marketplace-search-input { background: var(--theme-page-header-control-bg) !important; border-color: var(--theme-page-header-control-border) !important; color: var(--theme-page-header-control-text) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; background-image: none !important; } html.light .marketplace-command-bar .marketplace-search-input::-moz-placeholder { color: var(--theme-page-header-muted) !important; opacity: 1 !important; } html.light .marketplace-command-bar .marketplace-search-input::placeholder, html.light .marketplace-command-bar .marketplace-search-icon, html.light .marketplace-command-bar .marketplace-search-clear { color: var(--theme-page-header-muted) !important; opacity: 1 !important; } html.light .marketplace-intro-form .marketplace-intro-cta, html.light .marketplace-intro-form .marketplace-intro-cta:hover, html.light .marketplace-intro-form .marketplace-intro-cta:focus-visible { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .marketplace-intro-form .marketplace-intro-cta * { color: inherit !important; -webkit-text-fill-color: currentColor !important; } html.light .group:hover .calendar-segment-delete-action, html.light .calendar-segment-delete-action { background: var(--theme-page-header-control-bg) !important; border: 1px solid var(--theme-border-strong) !important; color: var(--theme-text-secondary) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .calendar-segment-row:hover > .calendar-segment-delete-action, html.light .calendar-segment-row:focus-within > .calendar-segment-delete-action, html.light .calendar-segment-delete-action:focus-visible { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } html.light .calendar-segment-row > .calendar-segment-delete-action:hover { background: var(--theme-danger) !important; border-color: var(--theme-danger) !important; color: var(--theme-on-action) !important; } html.light button.planning-action-card { background: var(--theme-card-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text-secondary) !important; opacity: 1 !important; } html.light button.planning-action-card[data-selected="true"], html.light button.planning-action-card[aria-pressed="true"] { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; box-shadow: var(--theme-shadow-md) !important; opacity: 1 !important; } html.light button.planning-action-card[data-selected="true"] *, html.light button.planning-action-card[aria-pressed="true"] * { color: inherit !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .rule-row-delete-action { background: var(--theme-card-bg) !important; border: 1px solid var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .rule-row-delete-action { border: 1px solid color-mix(in srgb, var(--theme-danger) 36%, var(--theme-border)) !important; } } html.light .rule-row-delete-action { color: var(--theme-danger) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .rule-list-row:hover .rule-row-delete-action:not(:disabled), html.light .rule-list-row:focus-within .rule-row-delete-action:not(:disabled), html.light .rule-row-delete-action:focus-visible:not(:disabled) { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } html.light .rule-row-delete-action:disabled { display: none !important; } html.light .rule-row-delete-action:hover:not(:disabled) { background: var(--theme-danger) !important; border-color: var(--theme-danger) !important; color: var(--theme-on-action) !important; } html.light .document-row-actions-trigger { color: var(--theme-text-secondary) !important; opacity: 1 !important; background: none !important; } html.light .document-row-actions-trigger:hover, html.light .document-row-actions-trigger[aria-expanded="true"] { background: var(--theme-control-bg) !important; color: var(--theme-text) !important; } html.light .document-row-actions-menu { background: var(--theme-card-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; -webkit-backdrop-filter: none !important; isolation: isolate !important; opacity: 1 !important; background-image: none !important; box-shadow: 0 18px 48px #07182738, 0 3px 12px #0718271f !important; } html.light .document-row-action-item { color: var(--theme-text) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; background: none !important; } html.light .document-row-action-item:hover { background: var(--theme-surface-muted) !important; } html.light .document-row-action-item[data-destructive="true"] { color: var(--theme-danger) !important; } html.light .document-row-action-item[data-destructive="true"]:hover { background: var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .document-row-action-item[data-destructive="true"]:hover { background: color-mix(in srgb, var(--theme-danger) 10%, var(--theme-card-bg)) !important; } } .settings-sidebar-section-title, html.light .settings-sidebar .settings-sidebar-section-title { color: var(--theme-on-chrome-muted) !important; opacity: .82 !important; } html.light .coherence-modal [aria-pressed="true"] { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; } html.light .coherence-modal [aria-pressed="true"] * { color: var(--theme-on-action) !important; } .notifications-preference-card { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; } .notification-preference-title { color: var(--theme-text) !important; } .notification-preference-description { color: var(--theme-text-secondary) !important; } html.light .notifications-preference-card { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; } html.light .document-row-action-icon { background: var(--theme-control-bg) !important; color: inherit !important; } @media (hover: none) { html.light .calendar-segment-row > .calendar-segment-delete-action, html.light .rule-row-delete-action:not(:disabled) { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } } html.light .rules-page .rules-command-bar.rules-primary-header { background: var(--theme-page-header-bg) !important; border-color: var(--theme-page-header-border) !important; color: var(--theme-page-header-text) !important; } html.light .rules-page .rules-command-bar.rules-primary-header h1, html.light .rules-page .rules-command-bar.rules-primary-header [class~="text-white"] { color: var(--theme-page-header-text) !important; -webkit-text-fill-color: currentColor !important; } html.light .documents-command-bar .documents-jurisdiction-status-dot { opacity: 1 !important; width: .375rem !important; height: .375rem !important; animation: none !important; } html.light .calendar-page .calendar-view-switch .calendar-view-option[aria-pressed="true"] { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .calendar-page .calendar-view-switch .calendar-view-option[aria-pressed="true"] *, html.light .calendar-page .calendar-view-switch .calendar-view-option[aria-pressed="true"] svg { color: inherit !important; fill: none !important; stroke: currentColor !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .calendar-page .calendar-today-action { background: var(--theme-card-bg) !important; border-color: var(--theme-action) !important; color: var(--theme-action) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .calendar-page .calendar-today-action:hover { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .calendar-page .calendar-today-action:hover { background: color-mix(in srgb, var(--theme-action) 10%, var(--theme-card-bg)) !important; } } html.light .calendar-page .calendar-today-action:hover { border-color: var(--theme-action-pressed) !important; color: var(--theme-action-pressed) !important; } html.light .calendar-page .calendar-selection-bar { background: var(--theme-card-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-lg) !important; } html.light .calendar-page .calendar-selection-count { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .calendar-page .calendar-selection-count { background: color-mix(in srgb, var(--theme-action) 10%, var(--theme-card-bg)) !important; } } html.light .calendar-page .calendar-selection-count { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .calendar-page .calendar-selection-count { border-color: color-mix(in srgb, var(--theme-action) 32%, var(--theme-border)) !important; } } html.light .calendar-page .calendar-selection-count-label { color: var(--theme-text) !important; -webkit-text-fill-color: currentColor !important; } html.light .calendar-page .calendar-selection-divider { background: var(--theme-border) !important; } html.light .calendar-page .calendar-selection-action { background: var(--theme-control-bg) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .calendar-page .calendar-selection-action[data-variant="blue"] { background: var(--theme-action) !important; border-color: var(--theme-action-pressed) !important; color: var(--theme-on-action) !important; } html.light .calendar-page .calendar-selection-action[data-variant="green"] { background: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .calendar-page .calendar-selection-action[data-variant="green"] { background: color-mix(in srgb, var(--theme-success) 12%, var(--theme-card-bg)) !important; } } html.light .calendar-page .calendar-selection-action[data-variant="green"] { border-color: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .calendar-page .calendar-selection-action[data-variant="green"] { border-color: color-mix(in srgb, var(--theme-success) 45%, var(--theme-border)) !important; } } html.light .calendar-page .calendar-selection-action[data-variant="green"] { color: var(--theme-success) !important; } html.light .calendar-page .calendar-selection-action[data-variant="red"] { background: var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .calendar-page .calendar-selection-action[data-variant="red"] { background: color-mix(in srgb, var(--theme-danger) 10%, var(--theme-card-bg)) !important; } } html.light .calendar-page .calendar-selection-action[data-variant="red"] { border-color: var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .calendar-page .calendar-selection-action[data-variant="red"] { border-color: color-mix(in srgb, var(--theme-danger) 42%, var(--theme-border)) !important; } } html.light .calendar-page .calendar-selection-action[data-variant="red"] { color: var(--theme-danger) !important; } html.light .calendar-page .calendar-selection-action *, html.light .calendar-page .calendar-selection-clear { color: inherit !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } html.light .calendar-page .calendar-selection-clear { background: var(--theme-control-bg) !important; color: var(--theme-text-muted) !important; } html.light .onboarding-hub .onboarding-reset-action { color: #9f1239 !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; background: #fff1f2 !important; border: 1px solid #e11d48 !important; } html.light .onboarding-hub .onboarding-reset-action:hover { color: #881337 !important; background: #ffe4e6 !important; border-color: #be123c !important; } html.light .onboarding-hub .onboarding-reset-action * { color: inherit !important; stroke: currentColor !important; -webkit-text-fill-color: currentColor !important; } button.onboarding-reset-action[data-appearance="soft"] { background: var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { button.onboarding-reset-action[data-appearance="soft"] { background: color-mix(in srgb, var(--theme-danger) 8%, var(--theme-card-bg)) !important; } } button.onboarding-reset-action[data-appearance="soft"] { border-color: var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { button.onboarding-reset-action[data-appearance="soft"] { border-color: color-mix(in srgb, var(--theme-danger) 72%, var(--theme-border)) !important; } } button.onboarding-reset-action[data-appearance="soft"] { color: var(--theme-danger) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } button.onboarding-reset-action[data-appearance="soft"]:hover:not(:disabled) { background: var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { button.onboarding-reset-action[data-appearance="soft"]:hover:not(:disabled) { background: color-mix(in srgb, var(--theme-danger) 14%, var(--theme-card-bg)) !important; } } button.onboarding-reset-action[data-appearance="soft"]:hover:not(:disabled) { border-color: var(--theme-danger) !important; color: var(--theme-danger) !important; } button.onboarding-reset-action[data-appearance="solid"] { background: var(--theme-danger) !important; border-color: var(--theme-danger) !important; color: var(--theme-on-action) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } button.onboarding-reset-action[data-appearance="solid"]:hover:not(:disabled) { background: var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { button.onboarding-reset-action[data-appearance="solid"]:hover:not(:disabled) { background: color-mix(in srgb, var(--theme-danger) 86%, #000) !important; } } button.onboarding-reset-action[data-appearance="solid"]:hover:not(:disabled) { border-color: var(--theme-danger) !important; } @supports (color: color-mix(in lab, red, red)) { button.onboarding-reset-action[data-appearance="solid"]:hover:not(:disabled) { border-color: color-mix(in srgb, var(--theme-danger) 86%, #000) !important; } } button.onboarding-reset-action:disabled { background: var(--theme-disabled-bg) !important; border-color: var(--theme-disabled-border) !important; color: var(--theme-disabled-fg) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } button.onboarding-reset-action :is(span, svg), button.marketplace-ai-generate :is(span, svg) { color: inherit !important; stroke: currentColor !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } button.marketplace-ai-generate[data-appearance="primary"]:not(:disabled) { background: var(--theme-action) !important; border-color: var(--theme-action) !important; color: var(--theme-on-action) !important; -webkit-text-fill-color: currentColor !important; opacity: 1 !important; } button.marketplace-ai-generate[data-appearance="primary"]:hover:not(:disabled) { background: var(--theme-action-hover) !important; border-color: var(--theme-action-hover) !important; } button.marketplace-ai-generate[data-appearance="primary"]:disabled { background: var(--theme-disabled-bg) !important; border-color: var(--theme-disabled-border) !important; color: var(--theme-disabled-fg) !important; -webkit-text-fill-color: currentColor !important; box-shadow: none !important; opacity: 1 !important; } .membership-pricing-badge { background: var(--theme-action) !important; border: 1px solid var(--theme-action) !important; color: var(--theme-on-action) !important; -webkit-text-fill-color: currentColor !important; box-shadow: 0 6px 18px var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .membership-pricing-badge { box-shadow: 0 6px 18px color-mix(in srgb, var(--theme-action) 22%, transparent) !important; } } .membership-pricing-badge { opacity: 1 !important; } .membership-pricing-badge :is(svg, span) { color: inherit !important; stroke: currentColor !important; -webkit-text-fill-color: currentColor !important; } .membership-pricing-badge :is(svg, span) html.light .country-detail-modal .country-detail-title, .membership-pricing-badge :is(svg, span) html.light .country-detail-modal .country-detail-title * { color: #fff !important; -webkit-text-fill-color: #fff !important; } .membership-pricing-badge :is(svg, span) html.light .country-detail-modal .country-rule-card :is(.text-blue-200, .text-blue-300, .text-sky-300) { color: #075ea8 !important; -webkit-text-fill-color: #075ea8 !important; opacity: 1 !important; } .membership-pricing-badge :is(svg, span) { opacity: 1 !important; } html.light .reports-page .reports-content button.bg-gradient-to-r:not(:disabled), html.light .reports-page .reports-content button.bg-\[\#0A84FF\]:not(:disabled) { background: var(--theme-action) !important; border-color: var(--theme-action) !important; color: var(--theme-on-action) !important; } html.light .reports-page .reports-content button.bg-gradient-to-r:not(:disabled) *, html.light .reports-page .reports-content button.bg-\[\#0A84FF\]:not(:disabled) * { color: var(--theme-on-action) !important; } html.light .reports-page .reports-content button:disabled { background: var(--theme-disabled-bg) !important; border-color: var(--theme-border) !important; color: var(--theme-disabled-fg) !important; opacity: 1 !important; } html.light .reports-page .reports-content button:disabled * { color: var(--theme-disabled-fg) !important; } .rule-editor-shell { --re-canvas: #0b141f; --re-panel: #111d29; --re-panel-raised: #172635; --re-panel-soft: #0d1823; --re-field: #0b1621; --re-border: #9ab4ca2e; --re-border-strong: #9ab4ca52; --re-text: #f3f7fb; --re-text-secondary: #b7c6d3; --re-muted: #8296a8; --re-accent: #39a0ff; --re-accent-strong: #0a84ff; --re-accent-soft: #0a84ff21; --re-shadow: 0 18px 45px #0000003d, 0 2px 8px #0000002e; --re-shadow-soft: 0 8px 24px #00000029; isolation: isolate; color: var(--re-text); font-family: var(--font-body); position: relative; } html.light .rule-editor-shell, [data-theme="light"] .rule-editor-shell { --re-canvas: #edf3f8; --re-panel: #fff; --re-panel-raised: #fff; --re-panel-soft: #f6f9fc; --re-field: #fff; --re-border: #1b374e2e; --re-border-strong: #1b374e52; --re-text: #0b2134; --re-text-secondary: #3e566b; --re-muted: #6d8091; --re-accent: #0876d1; --re-accent-strong: #075da6; --re-accent-soft: #0876d11a; --re-shadow: 0 18px 50px #0c23361c, 0 2px 8px #0c23360f; --re-shadow-soft: 0 8px 24px #0c233614; } .rule-editor-shell:before { content: ""; z-index: -1; pointer-events: none; background: radial-gradient(circle at 74% 2%, #0a84ff1c, #0000 30rem), linear-gradient(145deg, #0000 30%, #0a84ff06); position: absolute; inset: -1.25rem; } .rule-editor-command-bar { border-color: var(--re-border) !important; } .rule-editor-command-bar input { letter-spacing: -.025em; caret-color: var(--re-accent); font-size: clamp(1.2rem, 1.8vw, 1.55rem); font-weight: 720; color: var(--re-text) !important; } .rule-editor-command-bar input::-moz-placeholder { opacity: .72; color: var(--re-muted) !important; } .rule-editor-command-bar input::placeholder { opacity: .72; color: var(--re-muted) !important; } .rule-editor-shell .rule-editor-card, .rule-editor-workbench { box-shadow: var(--re-shadow-soft); border: 1px solid var(--re-border) !important; background: var(--re-panel) !important; } .rule-editor-shell .rule-editor-card { border-radius: 1.15rem; } .rule-editor-workbench { box-shadow: var(--re-shadow); } .rule-logic-editor { background: linear-gradient(180deg, var(--re-panel-soft), var(--re-panel)) !important; } @supports (color: color-mix(in lab, red, red)) { .rule-logic-editor { background: linear-gradient(180deg, color-mix(in srgb, var(--re-panel-soft) 84%, var(--re-accent-soft)), var(--re-panel)) !important; } } .rule-logic-editor > header { border-color: var(--re-border) !important; background: var(--re-panel-raised) !important; } @supports (color: color-mix(in lab, red, red)) { .rule-logic-editor > header { background: color-mix(in srgb, var(--re-panel-raised) 92%, var(--re-accent-soft)) !important; } } .rule-logic-editor > header { box-shadow: inset 0 -1px #ffffff05; } .rule-editor-shell h3, .rule-editor-shell h4, .rule-editor-shell .text-white { color: var(--re-text) !important; } .rule-editor-shell .text-soft, .rule-editor-shell [class*="text-soft/"] { color: var(--re-muted) !important; } .rule-editor-shell label > span, .rule-editor-shell dt { letter-spacing: .075em; color: var(--re-text-secondary) !important; } .rule-editor-shell input:not([type="checkbox"]):not([type="radio"]), .rule-editor-shell select, .rule-editor-shell textarea:not(#rule-logic-json) { box-shadow: inset 0 1px 2px #0a1e2f06; border-color: var(--re-border) !important; background: var(--re-field) !important; color: var(--re-text) !important; } .rule-editor-shell input:not([type="checkbox"]):not([type="radio"]):hover, .rule-editor-shell select:hover, .rule-editor-shell textarea:not(#rule-logic-json):hover { border-color: var(--re-border-strong) !important; } .rule-editor-shell input:focus, .rule-editor-shell select:focus, .rule-editor-shell textarea:focus { border-color: var(--re-accent) !important; box-shadow: 0 0 0 3px var(--re-accent-soft) !important; } .rule-editor-shell input::-moz-placeholder, .rule-editor-shell textarea::-moz-placeholder { opacity: .68; color: var(--re-muted) !important; } .rule-editor-shell input::placeholder, .rule-editor-shell textarea::placeholder { opacity: .68; color: var(--re-muted) !important; } .rule-editor-shell select option, .rule-editor-shell select optgroup { background: var(--re-panel); color: var(--re-text); } .rule-condition-card { position: relative; overflow: hidden; border-color: var(--re-border) !important; background: var(--re-panel-raised) !important; box-shadow: var(--re-shadow-soft) !important; } .rule-condition-card:before { content: ""; background: linear-gradient(180deg, var(--re-accent), #55c4d8); width: 3px; position: absolute; inset: 0 auto 0 0; } .rule-logic-group > div:first-of-type { box-shadow: var(--re-shadow-soft); border-color: var(--re-border) !important; background: var(--re-panel-raised) !important; } .rule-logic-group[class*="border-l"] { border-color: var(--re-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .rule-logic-group[class*="border-l"] { border-color: color-mix(in srgb, var(--re-accent) 35%, transparent) !important; } } .rule-logic-editor [role="tablist"] { border-color: var(--re-border) !important; background: var(--re-panel-soft) !important; } .rule-logic-editor [role="tab"][aria-selected="true"] { background: linear-gradient(135deg, var(--re-accent-strong), var(--re-accent)) !important; color: #fff !important; box-shadow: 0 5px 14px #0868be38 !important; } .rule-logic-editor [role="tab"][aria-selected="false"] { color: var(--re-text-secondary) !important; } .rule-variable-guide { border-color: var(--re-border); background: var(--re-panel-soft) !important; } @supports (color: color-mix(in lab, red, red)) { .rule-variable-guide { background: color-mix(in srgb, var(--re-panel-soft) 94%, var(--re-accent-soft)) !important; } } .rule-variable-guide > div { border-color: var(--re-border) !important; } .rule-variable-card { transition: transform .16s, border-color .16s, box-shadow .16s; border-color: var(--re-border) !important; background: var(--re-panel-raised) !important; box-shadow: var(--re-shadow-soft) !important; } .rule-variable-card:hover { transform: translateY(-1px); border-color: var(--re-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .rule-variable-card:hover { border-color: color-mix(in srgb, var(--re-accent) 38%, var(--re-border)) !important; } } .rule-variable-card:hover { box-shadow: var(--re-shadow) !important; } .rule-variable-card code { color: var(--re-accent) !important; } .rule-variable-card > div + p { color: var(--re-text-secondary) !important; } .rule-editor-shell #rule-logic-json { box-shadow: inset 0 1px #ffffff09; border-color: var(--re-border) !important; color: #9bd1ff !important; background: #07131f !important; } html.light .rule-editor-shell #rule-logic-json, [data-theme="light"] .rule-editor-shell #rule-logic-json { background: #0a1b2a !important; } .rule-editor-shell button:not(:disabled) { transition-duration: .16s; } .rule-editor-discard-backdrop { background: #020912b8; } .rule-editor-discard-dialog { border-color: var(--re-border-strong); background: linear-gradient(145deg, var(--re-panel-raised), var(--re-panel)); } @supports (color: color-mix(in lab, red, red)) { .rule-editor-discard-dialog { background: linear-gradient(145deg, color-mix(in srgb, var(--re-panel-raised) 94%, var(--re-accent-soft)), var(--re-panel)); } } .rule-editor-discard-dialog { box-shadow: 0 26px 70px #0000005c, 0 4px 16px #00000038; } .rule-editor-discard-icon { color: #fbbf24; background: #f59e0b24; border: 1px solid #f59e0b47; flex: none; } .rule-editor-discard-title { color: var(--re-text); letter-spacing: -.01em; } .rule-editor-discard-description { color: var(--re-text-secondary); } .rule-editor-discard-actions { border-color: var(--re-border); } .rule-editor-discard-continue { border-color: var(--re-border-strong); background: var(--re-panel-soft); color: var(--re-text); box-shadow: 0 1px 2px #00000014; } .rule-editor-discard-continue:hover { border-color: var(--re-accent); } @supports (color: color-mix(in lab, red, red)) { .rule-editor-discard-continue:hover { border-color: color-mix(in srgb, var(--re-accent) 38%, var(--re-border)); } } .rule-editor-discard-continue:hover { background: var(--re-panel-soft); } @supports (color: color-mix(in lab, red, red)) { .rule-editor-discard-continue:hover { background: color-mix(in srgb, var(--re-panel-soft) 82%, var(--re-accent-soft)); } } .rule-editor-discard-continue:focus-visible { box-shadow: 0 0 0 3px var(--re-accent-soft); } .rule-editor-discard-leave { color: #fca5a5; background: #ef44441a; border-color: #f8717161; } .rule-editor-discard-leave:hover { background: #ef44442b; border-color: #f8717194; } .rule-editor-discard-leave:focus-visible { box-shadow: 0 0 0 3px #ef44442e; } html.light .rule-editor-discard-backdrop, [data-theme="light"] .rule-editor-discard-backdrop { background: #182b3c61; } html.light .rule-editor-discard-dialog, [data-theme="light"] .rule-editor-discard-dialog { box-shadow: 0 26px 70px #0c233633, 0 4px 16px #0c23361a; } html.light .rule-editor-discard-icon, [data-theme="light"] .rule-editor-discard-icon { color: #a85b05; background: #fff7df; border-color: #d977064d; } html.light .rule-editor-discard-leave, [data-theme="light"] .rule-editor-discard-leave { color: #a91d1d; background: #fff5f5; border-color: #be181847; } html.light .rule-editor-discard-leave:hover, [data-theme="light"] .rule-editor-discard-leave:hover { background: #feecec; border-color: #be181870; } .rule-editor-shell .ui-button--primary { box-shadow: 0 7px 18px #075da638; background: linear-gradient(135deg, var(--re-accent-strong), #0b78ce) !important; } @media (max-width: 1279px) { .rule-editor-shell { overflow-y: auto; } .rule-editor-workbench { min-height: 42rem; } } @media (prefers-reduced-motion: reduce) { .rule-variable-card { transition: none; } } .app-sidebar { padding: 18px 14px !important; } .app-sidebar .app-nav-section-label { letter-spacing: .105em; font-size: 10.5px; line-height: 1.3; font-family: var(--font-body); margin: 0 0 3px; font-weight: 700; color: var(--theme-on-chrome-muted) !important; } .app-sidebar .app-nav-item { min-height: 44px; border-radius: 11px !important; padding: 10px 13px !important; } .app-sidebar .app-nav-label { letter-spacing: -.012em; font-size: 13px; font-weight: 520; line-height: 1.35; color: currentColor !important; } .app-sidebar .app-nav-item.is-active .app-nav-label { font-weight: 680; } .app-sidebar .app-nav-icon { width: 17px !important; height: 17px !important; } .rule-editor-command-bar { border-radius: 16px; min-height: 76px; position: relative; border: 1px solid var(--re-border) !important; background: var(--re-panel-raised) !important; margin-bottom: 20px !important; padding: 14px 16px !important; } @supports (color: color-mix(in lab, red, red)) { .rule-editor-command-bar { background: color-mix(in srgb, var(--re-panel-raised) 94%, var(--re-accent-soft)) !important; } } .rule-editor-command-bar { box-shadow: var(--re-shadow-soft); align-items: center !important; } .rule-editor-command-bar > div:first-child { align-items: center !important; } .rule-editor-command-bar .ui-button--ghost { border: 1px solid #0000; border-radius: 10px; min-height: 38px; font-weight: 600; color: var(--re-text-secondary) !important; font-size: 12.5px !important; } .rule-editor-command-bar .ui-button--ghost:hover { border-color: var(--re-border) !important; background: var(--re-panel-soft) !important; color: var(--re-text) !important; } .rule-editor-command-bar > div:first-child > div[class*="w-px"] { background: var(--re-border-strong) !important; height: 34px !important; } .rule-editor-title-block { padding: 1px 0; } .rule-editor-title-block input { min-height: 34px; line-height: 1.15; box-shadow: none !important; background: none !important; border-bottom: 1px solid #0000 !important; padding: 0 0 3px !important; } .rule-editor-title-block input:hover { border-bottom-color: var(--re-border) !important; } .rule-editor-title-block input:focus { border-bottom-color: var(--re-accent) !important; box-shadow: 0 2px 0 var(--re-accent-soft) !important; } .rule-editor-status-row { min-height: 20px; gap: 6px !important; margin-top: 3px !important; } .rule-editor-status-row > span { min-height: 19px; line-height: 1; border: 1px solid var(--re-border) !important; background: var(--re-panel-soft) !important; letter-spacing: .065em !important; border-radius: 999px !important; padding: 3px 7px !important; font-size: 9.5px !important; } .rule-editor-validation-toggle { color: #fde68a; letter-spacing: .055em; text-transform: uppercase; background: #f59e0b21; border: 1px solid #fbbf2485; border-radius: 999px; align-items: center; gap: 6px; min-height: 24px; padding: 4px 8px; font-size: 9.5px; font-weight: 760; line-height: 1; display: inline-flex; box-shadow: 0 0 0 1px #f59e0b0d; } .rule-editor-validation-toggle:hover { color: #fff3c4; background: #f59e0b33; border-color: #fbbf24cc; } .rule-editor-validation-toggle:focus-visible { outline-offset: 2px; outline: 3px solid #38bdf852; } .rule-editor-validation-toggle svg:last-child { transition: transform .16s; } html.light .rule-editor-validation-toggle, [data-theme="light"] .rule-editor-validation-toggle { color: #78350f; background: #fffbeb; border-color: #b45309; box-shadow: 0 1px 2px #78350f1f, inset 0 0 0 1px #fbbf242e; } html.light .rule-editor-validation-toggle:hover, [data-theme="light"] .rule-editor-validation-toggle:hover { color: #451a03; background: #fef3c7; border-color: #92400e; } .rule-editor-validation-panel { background: #7f1d1d; border: 1px solid #f8717157; } @supports (color: color-mix(in lab, red, red)) { .rule-editor-validation-panel { background: color-mix(in srgb, #7f1d1d 22%, var(--re-panel)); } } .rule-editor-validation-panel { box-shadow: 0 8px 20px #0000001f; } .rule-editor-validation-panel > div > svg { color: #fca5a5 !important; } .rule-editor-validation-title { color: #fecaca; } .rule-editor-validation-intro, .rule-editor-validation-error, .rule-editor-validation-message { color: #f8d7d7; } .rule-editor-validation-list { font-size: 12px; line-height: 1.45; } .rule-editor-validation-list li { background: #7f1d1d21; border: 1px solid #f871712e; border-radius: 10px; padding: 8px 10px; } .rule-editor-validation-index { color: #fecaca; background: #f8717133; border-radius: 999px; flex: 0 0 20px; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 10px; font-weight: 800; display: inline-flex; } .rule-editor-validation-location { color: #fff1f2; font-size: 11.5px; font-weight: 720; } html.light .rule-editor-validation-panel, [data-theme="light"] .rule-editor-validation-panel { background: #fff7f7; border-color: #dc2626; box-shadow: 0 8px 20px #7f1d1d14; } html.light .rule-editor-validation-panel > div > svg, [data-theme="light"] .rule-editor-validation-panel > div > svg { color: #b91c1c !important; } html.light .rule-editor-validation-title, [data-theme="light"] .rule-editor-validation-title, html.light .rule-editor-validation-location, [data-theme="light"] .rule-editor-validation-location { color: #7f1d1d; } html.light .rule-editor-validation-intro, [data-theme="light"] .rule-editor-validation-intro, html.light .rule-editor-validation-error, [data-theme="light"] .rule-editor-validation-error, html.light .rule-editor-validation-message, [data-theme="light"] .rule-editor-validation-message { color: #5f1b1b; } html.light .rule-editor-validation-list li, [data-theme="light"] .rule-editor-validation-list li { background: #fff; border-color: #b91c1c33; } html.light .rule-editor-validation-index, [data-theme="light"] .rule-editor-validation-index { color: #991b1b; background: #fee2e2; } .rule-editor-command-bar > div:last-child .ui-button { border-radius: 11px; min-height: 42px; font-weight: 650; padding-inline: 17px !important; font-size: 12.5px !important; } .rule-editor-metadata-sidebar { scroll-padding-top: 4px; padding-right: 6px !important; } .rule-editor-metadata-sidebar .rule-editor-card { padding: 22px !important; } .rule-editor-metadata-sidebar .rule-editor-card h3 { line-height: 1.35; color: var(--re-text) !important; letter-spacing: .085em !important; font-size: 11.5px !important; font-weight: 720 !important; } .rule-editor-metadata-sidebar .rule-editor-card h3 + p { max-width: 31ch; color: var(--re-text-secondary) !important; margin-top: 5px !important; font-size: 12.5px !important; line-height: 1.5 !important; } .rule-editor-metadata-sidebar .rule-editor-field-label, .rule-editor-metadata-sidebar label:not(.sr-only) { line-height: 1.35; color: var(--re-text-secondary) !important; letter-spacing: .075em !important; font-size: 10.5px !important; font-weight: 680 !important; } .rule-editor-metadata-sidebar :is(input, select, textarea, button[role="combobox"]) { line-height: 1.45; font-size: 14px !important; } .rule-editor-metadata-sidebar :is(input, select, button[role="combobox"]) { min-height: 46px !important; } .rule-editor-metadata-sidebar textarea { padding: 12px 13px !important; } .rule-editor-metadata-sidebar p { font-size: 11.5px; line-height: 1.5; } .rule-editor-metadata-sidebar .rule-editor-card > div:first-child { margin-bottom: 18px; } .rule-logic-editor > header { padding: 17px 20px !important; } .rule-logic-editor > header h3 { letter-spacing: -.012em; font-size: 15px !important; font-weight: 720 !important; } .rule-logic-editor > header h3 + p { color: var(--re-text-secondary) !important; font-size: 12.5px !important; } .rule-logic-editor [role="tab"] { min-height: 34px; padding-inline: 13px !important; font-size: 12px !important; } .rule-variable-guide > div:first-child h3 { letter-spacing: -.01em; font-size: 15px !important; } .rule-variable-guide > div:first-child p { line-height: 1.5; color: var(--re-text-secondary) !important; font-size: 12px !important; } @media (max-width: 1450px) { .rule-editor-command-bar { padding: 12px 14px !important; } .rule-editor-command-bar > div:last-child .ui-button { min-height: 39px; } } @media (max-width: 767px) { .app-sidebar { padding: 14px 12px !important; } .rule-editor-command-bar { align-items: stretch !important; padding: 12px !important; } .rule-editor-command-bar > div:first-child, .rule-editor-command-bar > div:last-child { width: 100%; } .rule-editor-command-bar > div:last-child .ui-button { flex: 1; } } html.light .rule-editor-title-block input, [data-theme="light"] .rule-editor-title-block input { box-shadow: none !important; background: none !important; border-color: #0000 !important; } html.light .rule-editor-title-block input:hover, [data-theme="light"] .rule-editor-title-block input:hover { border-bottom-color: var(--re-border) !important; } html.light .rule-editor-title-block input:focus, [data-theme="light"] .rule-editor-title-block input:focus { border-bottom-color: var(--re-accent) !important; box-shadow: 0 2px 0 var(--re-accent-soft) !important; } html.light body #rule-editor-name, html[data-theme="light"] body #rule-editor-name { box-shadow: none !important; background: none !important; border: 0 !important; border-bottom: 1px solid #0000 !important; } html.light body #rule-editor-name:hover, html[data-theme="light"] body #rule-editor-name:hover { border-bottom-color: var(--re-border) !important; } html.light body #rule-editor-name:focus, html[data-theme="light"] body #rule-editor-name:focus { border-bottom-color: var(--re-accent) !important; box-shadow: 0 2px 0 var(--re-accent-soft) !important; } html.light .country-detail-modal .country-detail-header, html[data-theme="light"] .country-detail-modal .country-detail-header { background: #08263d !important; border-color: #31516a !important; } html.light .country-detail-modal .country-detail-header .country-detail-title, html.light .country-detail-modal .country-detail-header .country-detail-title *, html[data-theme="light"] .country-detail-modal .country-detail-header .country-detail-title, html[data-theme="light"] .country-detail-modal .country-detail-header .country-detail-title * { color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important; } html.light .country-detail-modal .country-rule-qualitative-state, html[data-theme="light"] .country-detail-modal .country-rule-qualitative-state { background: #e7edf4 !important; border-color: #a9bac8 !important; } html.light .country-detail-modal .country-rule-qualitative-state > div:last-child > div, html[data-theme="light"] .country-detail-modal .country-rule-qualitative-state > div:last-child > div { color: #17324a !important; -webkit-text-fill-color: #17324a !important; opacity: 1 !important; } html.light .rule-delete-confirm-modal, html[data-theme="light"] .rule-delete-confirm-modal { background: #fff !important; border-color: #b42318 !important; } html.light .rule-delete-confirm-header, html[data-theme="light"] .rule-delete-confirm-header { background: #fff1f2 !important; border-color: #f2a4ad !important; } html.light .rule-delete-confirm-header h3, html[data-theme="light"] .rule-delete-confirm-header h3 { color: #9f1239 !important; -webkit-text-fill-color: #9f1239 !important; } html.light .rule-delete-confirm-summary, html[data-theme="light"] .rule-delete-confirm-summary { background: #f8fafc !important; border-color: #cbd5e1 !important; } html.light .rule-delete-confirm-summary p, html[data-theme="light"] .rule-delete-confirm-summary p { color: #475467 !important; -webkit-text-fill-color: #475467 !important; } html.light .rule-delete-confirm-summary .rule-delete-confirm-rule-name, html[data-theme="light"] .rule-delete-confirm-summary .rule-delete-confirm-rule-name { color: #101828 !important; -webkit-text-fill-color: #101828 !important; } html.light .rule-delete-confirm-action:not(:disabled), html[data-theme="light"] .rule-delete-confirm-action:not(:disabled) { color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important; background: #b42318 !important; border-color: #b42318 !important; } html.light .rule-delete-confirm-action:disabled, html[data-theme="light"] .rule-delete-confirm-action:disabled { color: #667085 !important; -webkit-text-fill-color: #667085 !important; opacity: 1 !important; background: #e4e7ec !important; border-color: #cfd4dc !important; } html.light .reports-page .reports-choice-card, html.light .reports-page .reports-layout-choice, html[data-theme="light"] .reports-page .reports-choice-card, html[data-theme="light"] .reports-page .reports-layout-choice { color: #17324a !important; -webkit-text-fill-color: #17324a !important; opacity: 1 !important; background: #fff !important; border-color: #aab7c4 !important; } html.light .reports-page .reports-choice-card p, html.light .reports-page .reports-choice-card span, html[data-theme="light"] .reports-page .reports-choice-card p, html[data-theme="light"] .reports-page .reports-choice-card span { color: #334155 !important; -webkit-text-fill-color: #334155 !important; opacity: 1 !important; } html.light .reports-page .reports-choice-card p:first-child, html[data-theme="light"] .reports-page .reports-choice-card p:first-child { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; } html.light .reports-page .reports-choice-card[aria-pressed="true"], html[data-theme="light"] .reports-page .reports-choice-card[aria-pressed="true"] { background: #e6f1fb !important; border-color: #0b6fbd !important; box-shadow: 0 0 0 1px #0b6fbd !important; } html.light .reports-page .reports-choice-card[aria-pressed="true"] > div:first-child, html[data-theme="light"] .reports-page .reports-choice-card[aria-pressed="true"] > div:first-child { color: #fff !important; -webkit-text-fill-color: #fff !important; background: #0b6fbd !important; } html.light .reports-page .reports-layout-choice[aria-pressed="true"], html[data-theme="light"] .reports-page .reports-layout-choice[aria-pressed="true"] { color: #fff !important; -webkit-text-fill-color: #fff !important; background: #0b6fbd !important; border-color: #0b6fbd !important; } html.light .reports-page .reports-layout-choice[aria-pressed="true"] *, html[data-theme="light"] .reports-page .reports-layout-choice[aria-pressed="true"] * { color: #fff !important; stroke: currentColor !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important; } html.light .reports-page .reports-layout-choice[aria-pressed="false"], html[data-theme="light"] .reports-page .reports-layout-choice[aria-pressed="false"] { color: #334155 !important; -webkit-text-fill-color: #334155 !important; background: #f8fafc !important; } html.light .calendar-page button.calendar-today-action, html[data-theme="light"] .calendar-page button.calendar-today-action { color: #063b71 !important; -webkit-text-fill-color: #063b71 !important; opacity: 1 !important; background: #fff !important; border-color: #0b5cab !important; } html.light .calendar-page button.calendar-today-action *, html[data-theme="light"] .calendar-page button.calendar-today-action * { color: inherit !important; -webkit-text-fill-color: inherit !important; opacity: 1 !important; } html.light .calendar-page button.calendar-today-action:hover, html[data-theme="light"] .calendar-page button.calendar-today-action:hover { color: #063b71 !important; -webkit-text-fill-color: #063b71 !important; background: #e6f1fb !important; border-color: #063b71 !important; } :where(button.delete-action-button, button:has(svg.lucide-trash-2), button:has(svg.lucide-trash)) { color: #f87171 !important; background: #172231 !important; border: 1px solid #475569 !important; border-radius: .75rem !important; min-width: 2rem !important; min-height: 2rem !important; transition: color .15s, background-color .15s, border-color .15s, transform .15s !important; box-shadow: 0 1px 2px #00000029 !important; } :where(button.delete-action-button, button:has(svg.lucide-trash-2), button:has(svg.lucide-trash)) * { color: inherit !important; -webkit-text-fill-color: inherit !important; } :where(button.delete-action-button, button:has(svg.lucide-trash-2), button:has(svg.lucide-trash)):hover:not(:disabled) { color: #fca5a5 !important; background: #202d3d !important; border-color: #f87171 !important; } :where(button.delete-action-button, button:has(svg.lucide-trash-2), button:has(svg.lucide-trash)):focus-visible { outline-offset: 2px !important; outline: 2px solid #ef4444 !important; } :where(button.delete-action-button, button:has(svg.lucide-trash-2), button:has(svg.lucide-trash)):disabled { cursor: not-allowed !important; opacity: .42 !important; } html.light :where(button.delete-action-button, button:has(svg.lucide-trash-2), button:has(svg.lucide-trash)), html[data-theme="light"] :where(button.delete-action-button, button:has(svg.lucide-trash-2), button:has(svg.lucide-trash)) { color: #b42318 !important; background: #fff !important; border-color: #cbd5e1 !important; box-shadow: 0 1px 2px #0f172a0f !important; } html.light :where(button.delete-action-button, button:has(svg.lucide-trash-2), button:has(svg.lucide-trash)):hover:not(:disabled), html[data-theme="light"] :where(button.delete-action-button, button:has(svg.lucide-trash-2), button:has(svg.lucide-trash)):hover:not(:disabled) { color: #912018 !important; background: #f8fafc !important; border-color: #b42318 !important; } .delete-confirm-backdrop { backdrop-filter: blur(5px); background: #0f172aa3; } .delete-confirm-panel { background: #111827; border: 1px solid #334155; box-shadow: 0 24px 64px #0000006b; } .delete-confirm-header { background: #111827; border-bottom: 1px solid #334155; } .delete-confirm-icon { color: #f87171; background: #1f2937; border: 1px solid #7f1d1d; } .delete-confirm-title { color: #f8fafc !important; -webkit-text-fill-color: #f8fafc !important; } .delete-confirm-warning { color: #f87171 !important; -webkit-text-fill-color: #f87171 !important; } .delete-confirm-description { color: #cbd5e1 !important; -webkit-text-fill-color: #cbd5e1 !important; } .delete-confirm-description * { color: inherit !important; -webkit-text-fill-color: inherit !important; } .delete-confirm-footer { background: #0f172a; border-top: 1px solid #334155; } .delete-confirm-cancel { color: #e2e8f0 !important; -webkit-text-fill-color: #e2e8f0 !important; background: none !important; border: 1px solid #475569 !important; } .delete-confirm-cancel:hover:not(:disabled) { background: #1e293b !important; border-color: #64748b !important; } .delete-confirm-submit, [role="alertdialog"] button.delete-confirm-submit:has(svg.lucide-trash-2) { color: #fff !important; -webkit-text-fill-color: #fff !important; background: #b42318 !important; border: 1px solid #b42318 !important; box-shadow: 0 8px 18px #7f1d1d38 !important; } .delete-confirm-submit * { color: #fff !important; -webkit-text-fill-color: #fff !important; } .delete-confirm-submit:hover:not(:disabled) { background: #912018 !important; border-color: #912018 !important; } html.light .delete-confirm-panel, html[data-theme="light"] .delete-confirm-panel { background: #fff; border-color: #cbd5e1; box-shadow: 0 24px 64px #0f172a38; } html.light .delete-confirm-header, html[data-theme="light"] .delete-confirm-header { background: #fff; border-bottom-color: #e2e8f0; } html.light .delete-confirm-icon, html[data-theme="light"] .delete-confirm-icon { color: #b42318; background: #f8fafc; border-color: #d0d5dd; } html.light .delete-confirm-title, html[data-theme="light"] .delete-confirm-title { color: #172b4d !important; -webkit-text-fill-color: #172b4d !important; } html.light .delete-confirm-warning, html[data-theme="light"] .delete-confirm-warning { color: #667085 !important; -webkit-text-fill-color: #667085 !important; } html.light .delete-confirm-description, html[data-theme="light"] .delete-confirm-description { color: #344054 !important; -webkit-text-fill-color: #344054 !important; } html.light .delete-confirm-footer, html[data-theme="light"] .delete-confirm-footer { background: #f8fafc; border-top-color: #e2e8f0; } html.light .delete-confirm-cancel, html[data-theme="light"] .delete-confirm-cancel { color: #344054 !important; -webkit-text-fill-color: #344054 !important; background: #fff !important; border-color: #cbd5e1 !important; } html.light .delete-confirm-cancel:hover:not(:disabled), html[data-theme="light"] .delete-confirm-cancel:hover:not(:disabled) { background: #f1f5f9 !important; border-color: #94a3b8 !important; } html.light .dashboard-jurisdiction-card .dashboard-jurisdiction-status-badge, html[data-theme="light"] .dashboard-jurisdiction-card .dashboard-jurisdiction-status-badge { color: #fff !important; -webkit-text-fill-color: #fff !important; } html.light .dashboard-jurisdiction-card .dashboard-jurisdiction-status-badge *, html[data-theme="light"] .dashboard-jurisdiction-card .dashboard-jurisdiction-status-badge * { color: inherit !important; stroke: currentColor !important; -webkit-text-fill-color: inherit !important; opacity: 1 !important; } html.light .country-rule-card[data-input-status="incomplete"], html[data-theme="light"] .country-rule-card[data-input-status="incomplete"] { background: #fff7ed !important; border-color: #d97706 !important; } .statistics-page .statistics-risk-chart-stage { min-height: 250px; } .statistics-page .statistics-risk-legend { border-top: 1px solid var(--theme-border); flex: none; } .statistics-page .statistics-risk-grid line, .statistics-page .statistics-risk-grid polygon { stroke: var(--theme-chart-grid) !important; } .statistics-page .statistics-risk-axis text { fill: var(--theme-chart-label) !important; opacity: 1 !important; } .statistics-page .statistics-risk-empty-icon { color: var(--theme-success); background: var(--theme-success); } @supports (color: color-mix(in lab, red, red)) { .statistics-page .statistics-risk-empty-icon { background: color-mix(in srgb, var(--theme-success) 12%, transparent); } } .statistics-page .statistics-risk-empty-title { color: var(--theme-text); } .statistics-page .statistics-risk-empty-copy { color: var(--theme-text-secondary); } html.light .statistics-page :is(.statistics-kpi-card, .statistics-chart-card) [class*="text-white/"] { color: var(--theme-text-secondary) !important; opacity: 1 !important; } html.light .statistics-page .recharts-legend-item-text, html.light .statistics-page .recharts-default-legend span, html.light .statistics-page .recharts-wrapper text { color: var(--theme-text-secondary) !important; fill: var(--theme-text-secondary) !important; opacity: 1 !important; } .statistics-page .statistics-pie-total, html.light .statistics-page .statistics-pie-total { fill: var(--theme-text) !important; opacity: 1 !important; } .statistics-page .statistics-pie-caption, html.light .statistics-page .statistics-pie-caption { fill: var(--theme-text-secondary) !important; opacity: 1 !important; } html.light .org-onboarding-console { background: var(--theme-canvas) !important; color: var(--theme-text) !important; } html.light .org-onboarding-console .org-onboarding-progress { border-color: var(--theme-border) !important; } html.light .org-onboarding-console .org-onboarding-progress > div { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; opacity: 1 !important; } html.light .org-onboarding-console .org-onboarding-progress > div[class*="border-indigo-500"] { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .org-onboarding-console .org-onboarding-progress > div[class*="border-indigo-500"] { background: color-mix(in srgb, var(--theme-action) 9%, var(--theme-surface-raised)) !important; } } html.light .org-onboarding-console .org-onboarding-progress > div[class*="border-indigo-500"] { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .org-onboarding-console .org-onboarding-progress > div[class*="border-indigo-500"] { border-color: color-mix(in srgb, var(--theme-action) 42%, var(--theme-border)) !important; } } html.light .org-onboarding-console .org-onboarding-progress h3, html.light .org-onboarding-console > div > div:first-child h1, html.light .org-onboarding-console > div > div:first-child [class*="text-white"] { color: var(--theme-text) !important; } html.light .org-onboarding-console .org-onboarding-progress span, html.light .org-onboarding-console > div > div:first-child .text-soft, html.light .org-onboarding-console > div > div:first-child [class*="text-indigo-300"] { color: var(--theme-text-secondary) !important; } html.light .org-onboarding-console [class*="bg-zinc-950"], html.light .org-onboarding-console [class*="bg-black/40"] { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; } html.light .org-onboarding-console .org-onboarding-import-panel { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .org-onboarding-console .org-onboarding-import-panel { background: color-mix(in srgb, var(--theme-action) 5%, var(--theme-surface-muted)) !important; } } html.light .org-onboarding-console .org-onboarding-import-panel { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .org-onboarding-console .org-onboarding-import-panel { border-color: color-mix(in srgb, var(--theme-action) 24%, var(--theme-border)) !important; } } html.light .org-onboarding-console .org-onboarding-import-panel, html.light .org-onboarding-console .org-onboarding-import-panel h4, html.light .org-onboarding-console .org-onboarding-import-panel [class*="text-zinc-500"] { color: var(--theme-text) !important; } .jurisdiction-menu-backdrop { -webkit-backdrop-filter: blur(2px); background: #0006; } @media (min-width: 768px) { .jurisdiction-menu-backdrop { -webkit-backdrop-filter: none; background: none; } } html.light .rule-list-filter-segment { background: #e7ecf1 !important; border-color: #788696 !important; box-shadow: inset 0 1px #ffffffb3 !important; } html.light .rule-list-filter-option { color: #40566a !important; } html.light .rule-list-filter-option:hover { color: #063b71 !important; background: #d9e3ec !important; } html.light .rule-list-filter-option.is-active { color: #fff !important; background: #0b5cab !important; box-shadow: 0 1px 3px #063b714d !important; } html.light .org-onboarding-console .org-onboarding-import-panel p, html.light .org-onboarding-console [class*="text-zinc-300"], html.light .org-onboarding-console [class*="text-zinc-400"], html.light .org-onboarding-console [class*="text-zinc-500"], html.light .org-onboarding-console [class*="text-zinc-600"], html.light .org-onboarding-console .text-soft { color: var(--theme-text-secondary) !important; } html.light .org-onboarding-console :is(input, select, textarea) { background: var(--theme-control-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; } html.light .org-onboarding-console :is(input, textarea)::-moz-placeholder { opacity: 1; color: var(--theme-text-muted) !important; } html.light .org-onboarding-console :is(input, textarea)::placeholder { opacity: 1; color: var(--theme-text-muted) !important; } html.light .org-onboarding-console select option { background: var(--theme-surface-raised); color: var(--theme-text); } html.light .org-onboarding-console [class*="border-white/"] { border-color: var(--theme-border) !important; } html.light .org-onboarding-console .text-white { color: var(--theme-text) !important; } html.light .org-onboarding-console .text-indigo-300 { color: var(--theme-action) !important; } html.light .org-onboarding-console button[class*="bg-indigo-600"], html.light .org-onboarding-console button[class*="bg-zinc-800"] { color: #fff !important; } html.light .org-onboarding-console button[class*="bg-indigo-600"] *, html.light .org-onboarding-console button[class*="bg-zinc-800"] * { color: inherit !important; } html.light .dashboard-command-bar button.dashboard-status-action[class*="bg-rose-"], html.light .dashboard-command-bar button.dashboard-status-action[class*="bg-amber-"] { color: #fff !important; -webkit-text-fill-color: #fff !important; } html.light .dashboard-command-bar button.dashboard-status-action[class*="bg-rose-"] :is(span, svg, path), html.light .dashboard-command-bar button.dashboard-status-action[class*="bg-amber-"] :is(span, svg, path) { stroke: currentColor; color: #fff !important; -webkit-text-fill-color: #fff !important; } html:not(.light) .proof-status-card { background: linear-gradient(145deg, #1c1c1e, #141416) !important; border-color: #ffffff1a !important; } html:not(.light) .proof-status-card [class*="text-slate-900"] { color: #f8fafc !important; } html:not(.light) .proof-status-card [class*="text-slate-700"], html:not(.light) .proof-status-card [class*="text-slate-600"] { color: #cbd5e1 !important; } html:not(.light) .proof-status-card [class*="text-slate-500"], html:not(.light) .proof-status-card [class*="text-slate-400"] { color: #94a3b8 !important; } html:not(.light) .proof-status-card .proof-status-badge { color: #fcd34d !important; background: #f59e0b24 !important; border-color: #f59e0b59 !important; } html:not(.light) .proof-status-card .proof-progress { background: #ffffff1a !important; border-color: #ffffff1f !important; } html:not(.light) .proof-status-card .proof-metric--documented { background: #10b9811a !important; border-color: #10b98138 !important; } html:not(.light) .proof-status-card .proof-metric--missing { background: #f59e0b1a !important; border-color: #f59e0b38 !important; } html:not(.light) .proof-status-card .proof-footer { border-color: #ffffff1a !important; } html:not(.light) .proof-status-card .proof-footer span { background-color: #ffffff0f; border-color: #ffffff1a; } html:not(.light) .residence-profile-card .residence-pillar[data-status="DEFINED"] { color: #f8fafc !important; background: #10b9811f !important; border-color: #34d3994d !important; } html:not(.light) .residence-profile-card .residence-pillar[data-status="CONFLICT"] { color: #f8fafc !important; background: #f43f5e1f !important; border-color: #fb71854d !important; } html:not(.light) .residence-profile-card .residence-pillar[data-status="TO_VERIFY"] { color: #f8fafc !important; background: #f59e0b1f !important; border-color: #fbbf244d !important; } html:not(.light) .residence-profile-card .residence-pillar[data-status="UNDEFINED"] { color: #f8fafc !important; background: #94a3b81f !important; border-color: #94a3b847 !important; } html:not(.light) .residence-profile-card .residence-pillar [class*="text-slate-"] { color: #f8fafc !important; } html:not(.light) .residence-profile-card .residence-pillar > span:last-child { color: #e2e8f0 !important; background: #ffffff1a !important; border-color: #ffffff2e !important; } .documents-page .proofs-command-bar { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; box-shadow: var(--theme-shadow-sm) !important; color: var(--theme-text) !important; } .documents-page .proofs-header-title { color: var(--theme-text) !important; } .documents-page .proofs-header-subtitle, .documents-page .proofs-muted { color: var(--theme-text-muted) !important; } .documents-page .proofs-control, .documents-page .proofs-secondary-action, .documents-page .proofs-menu, .documents-page .proofs-page-select { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; } .documents-page .proofs-control:hover, .documents-page .proofs-secondary-action:hover { background: var(--theme-surface-muted) !important; border-color: var(--theme-action) !important; } .documents-page .proofs-primary-action { background: var(--theme-action) !important; color: #fff !important; box-shadow: 0 5px 14px var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-primary-action { box-shadow: 0 5px 14px color-mix(in srgb, var(--theme-action) 24%, transparent) !important; } } .documents-page .proofs-primary-action:hover { background: var(--theme-action-hover) !important; } .documents-page .proofs-menu-item { color: var(--theme-text-secondary) !important; } .documents-page .proofs-menu-item:hover, .documents-page .proofs-menu-item.is-active { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-menu-item:hover, .documents-page .proofs-menu-item.is-active { background: color-mix(in srgb, var(--theme-action) 10%, var(--theme-surface-raised)) !important; } } .documents-page .proofs-menu-item:hover, .documents-page .proofs-menu-item.is-active { color: var(--theme-action) !important; } .documents-page .proofs-workspace { background: var(--theme-workspace) !important; color: var(--theme-text) !important; } .documents-page .proofs-summary-card, .documents-page .proofs-filter-card, .documents-page .proofs-table-card { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; box-shadow: var(--theme-shadow-sm) !important; } .documents-page .proofs-summary-card { align-items: center; gap: .875rem; display: flex; } .documents-page .proofs-summary-icon { box-sizing: content-box; border-radius: .75rem; padding: .65rem; background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-summary-icon { background: color-mix(in srgb, var(--theme-action) 10%, transparent) !important; } } .documents-page .proofs-summary-icon { color: var(--theme-action) !important; } .documents-page .proofs-summary-value, .documents-page .proofs-document-name { color: var(--theme-text) !important; } .documents-page .proofs-summary-label, .documents-page .proofs-results-copy, .documents-page .proofs-upload-date, .documents-page .proofs-file-size { color: var(--theme-text-secondary) !important; } .documents-page .proofs-progress-card { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-progress-card { background: color-mix(in srgb, var(--theme-action) 8%, var(--theme-surface-raised)) !important; } } .documents-page .proofs-progress-card { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-progress-card { border-color: color-mix(in srgb, var(--theme-action) 35%, var(--theme-border)) !important; } } .documents-page .proofs-progress-card { color: var(--theme-action) !important; } .documents-page .proofs-progress-track { background: var(--theme-surface-muted) !important; } .documents-page .proofs-progress-value { background: var(--theme-action) !important; } .documents-page .proofs-search-input, .documents-page .proofs-select-wrap, .documents-page .proofs-filter-toggle, .documents-page .proofs-view-toggle { background: var(--theme-surface) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; } .documents-page .proofs-search-input::-moz-placeholder { color: var(--theme-text-muted) !important; } .documents-page .proofs-search-input::placeholder { color: var(--theme-text-muted) !important; } .documents-page .proofs-search-input:focus { background: var(--theme-surface-raised) !important; border-color: var(--theme-action) !important; box-shadow: 0 0 0 3px var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-search-input:focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-action) 13%, transparent) !important; } } .documents-page .proofs-input-icon { color: var(--theme-text-muted) !important; } .documents-page .proofs-filter-toggle:hover, .documents-page .proofs-filter-toggle.is-active { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-filter-toggle:hover, .documents-page .proofs-filter-toggle.is-active { background: color-mix(in srgb, var(--theme-action) 9%, var(--theme-surface-raised)) !important; } } .documents-page .proofs-filter-toggle:hover, .documents-page .proofs-filter-toggle.is-active { border-color: var(--theme-action) !important; color: var(--theme-action) !important; } .documents-page .proofs-filter-count { background: var(--theme-action) !important; color: #fff !important; } .documents-page .proofs-view-toggle button { color: var(--theme-text-muted) !important; } .documents-page .proofs-view-toggle button:hover { color: var(--theme-text) !important; } .documents-page .proofs-view-toggle button.is-active { background: var(--theme-surface-raised) !important; color: var(--theme-action) !important; box-shadow: var(--theme-shadow-sm) !important; } .documents-page .proofs-advanced-filters { border-color: var(--theme-border) !important; } .documents-page .proofs-filter-label { color: var(--theme-text-muted) !important; } .documents-page .proofs-filter-chip { background: var(--theme-surface) !important; border-color: var(--theme-border) !important; color: var(--theme-text-secondary) !important; } .documents-page .proofs-filter-chip:hover { border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; } .documents-page .proofs-filter-chip.is-active { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-filter-chip.is-active { background: color-mix(in srgb, var(--theme-action) 11%, var(--theme-surface-raised)) !important; } } .documents-page .proofs-filter-chip.is-active { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-filter-chip.is-active { border-color: color-mix(in srgb, var(--theme-action) 55%, var(--theme-border)) !important; } } .documents-page .proofs-filter-chip.is-active, .documents-page .proofs-reset-filters, .documents-page .proofs-associate-link { color: var(--theme-action) !important; } .documents-page .proofs-reset-filters:hover, .documents-page .proofs-associate-link:hover { color: var(--theme-action-hover) !important; } .documents-page .proofs-table-card { overflow-x: auto !important; } .documents-page .proofs-table-header, .documents-page .proofs-table-row { min-width: 1210px; } .documents-page .proofs-table-header { background: var(--theme-surface) !important; border-color: var(--theme-border) !important; color: var(--theme-text-muted) !important; } .documents-page .proofs-table-card > .divide-y > * + * { border-color: var(--theme-border) !important; } .documents-page .proofs-table-row { background: var(--theme-surface-raised) !important; } .documents-page .proofs-table-row:hover { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-table-row:hover { background: color-mix(in srgb, var(--theme-action) 4%, var(--theme-surface-raised)) !important; } } .documents-page .proofs-table-row.is-selected { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-table-row.is-selected { background: color-mix(in srgb, var(--theme-action) 8%, var(--theme-surface-raised)) !important; } } .documents-page .proofs-row-thumbnail { border: 1px solid var(--theme-border) !important; } .documents-page .proofs-file-type { color: var(--theme-text-muted) !important; } .documents-page .proofs-duplicate-badge { background: var(--theme-warning) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-duplicate-badge { background: color-mix(in srgb, var(--theme-warning) 12%, transparent) !important; } } .documents-page .proofs-duplicate-badge { color: var(--theme-warning) !important; } .documents-page .proofs-date-chip { background: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-date-chip { background: color-mix(in srgb, var(--theme-success) 9%, var(--theme-surface)) !important; } } .documents-page .proofs-date-chip { border: 1px solid var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-date-chip { border: 1px solid color-mix(in srgb, var(--theme-success) 24%, var(--theme-border)) !important; } } .documents-page .proofs-date-chip { color: var(--theme-success) !important; } .documents-page .proofs-date-more { background: var(--theme-surface-muted) !important; color: var(--theme-text-secondary) !important; } .documents-page .proofs-row-action, .documents-page .proofs-page-button { border: 1px solid #0000; border-radius: .625rem; justify-content: center; align-items: center; width: 2.25rem; height: 2.25rem; display: inline-flex; color: var(--theme-text-muted) !important; } .documents-page .proofs-row-action:hover, .documents-page .proofs-page-button:hover:not(:disabled) { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; color: var(--theme-text) !important; } .documents-page .proofs-category-tax, .documents-page .proofs-category-social, .documents-page .proofs-category-presence, .documents-page .proofs-category-professional, .documents-page .proofs-category-transport, .documents-page .proofs-category-lodging, .documents-page .proofs-category-other, .documents-page .proofs-category-empty { border-style: solid !important; } .documents-page .proofs-category-tax { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-tax { background: color-mix(in srgb, var(--theme-action) 9%, transparent) !important; } } .documents-page .proofs-category-tax { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-tax { border-color: color-mix(in srgb, var(--theme-action) 28%, var(--theme-border)) !important; } } .documents-page .proofs-category-tax { color: var(--theme-action) !important; } .documents-page .proofs-category-social { background: #7c3aed17 !important; border-color: #7c3aed !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-social { border-color: color-mix(in srgb, #7c3aed 28%, var(--theme-border)) !important; } } .documents-page .proofs-category-social { color: #7c3aed !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-social { color: color-mix(in srgb, #7c3aed 78%, var(--theme-text)) !important; } } .documents-page .proofs-category-presence { background: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-presence { background: color-mix(in srgb, var(--theme-success) 8%, transparent) !important; } } .documents-page .proofs-category-presence { border-color: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-presence { border-color: color-mix(in srgb, var(--theme-success) 25%, var(--theme-border)) !important; } } .documents-page .proofs-category-presence { color: var(--theme-success) !important; } .documents-page .proofs-category-professional { background: var(--theme-warning) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-professional { background: color-mix(in srgb, var(--theme-warning) 9%, transparent) !important; } } .documents-page .proofs-category-professional { border-color: var(--theme-warning) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-professional { border-color: color-mix(in srgb, var(--theme-warning) 28%, var(--theme-border)) !important; } } .documents-page .proofs-category-professional { color: var(--theme-warning) !important; } .documents-page .proofs-category-transport { background: #0891b217 !important; border-color: #0891b2 !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-transport { border-color: color-mix(in srgb, #0891b2 28%, var(--theme-border)) !important; } } .documents-page .proofs-category-transport { color: #0891b2 !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-transport { color: color-mix(in srgb, #0891b2 78%, var(--theme-text)) !important; } } .documents-page .proofs-category-lodging { background: #4f46e517 !important; border-color: #4f46e5 !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-lodging { border-color: color-mix(in srgb, #4f46e5 28%, var(--theme-border)) !important; } } .documents-page .proofs-category-lodging { color: #4f46e5 !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-category-lodging { color: color-mix(in srgb, #4f46e5 78%, var(--theme-text)) !important; } } .documents-page .proofs-category-other { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; color: var(--theme-text-secondary) !important; } .documents-page .proofs-category-empty { background: var(--theme-surface) !important; border-color: var(--theme-border) !important; color: var(--theme-text-muted) !important; } .documents-page .proofs-pagination { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; color: var(--theme-text-secondary) !important; } .documents-page .proofs-page-button { border-color: var(--theme-border) !important; background: var(--theme-surface) !important; } .documents-page .proofs-page-button:disabled { opacity: .38; } .documents-page .proofs-document-card { background: var(--theme-surface-raised) !important; border: 1px solid var(--theme-border) !important; box-shadow: var(--theme-shadow-sm) !important; } .documents-page .proofs-document-card:hover { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-document-card:hover { border-color: color-mix(in srgb, var(--theme-action) 55%, var(--theme-border)) !important; } } .documents-page .proofs-document-card:hover { box-shadow: var(--theme-shadow-md) !important; } .documents-page .proofs-document-card > div:nth-last-of-type(2) { background: var(--theme-surface-raised) !important; } @supports (color: color-mix(in lab, red, red)) { .documents-page .proofs-document-card > div:nth-last-of-type(2) { background: color-mix(in srgb, var(--theme-surface-raised) 94%, transparent) !important; } } .documents-page .proofs-document-card > div:nth-last-of-type(2) { border-color: var(--theme-border) !important; } @media (max-width: 1280px) { .documents-page .proofs-table-header, .documents-page .proofs-table-row { min-width: 1210px; } } html.light .hr-console { background: var(--app-bg) !important; } html.light .hr-page-header { border-color: var(--app-border) !important; } html.light .hr-page-header h1 { color: var(--app-text) !important; -webkit-text-fill-color: var(--app-text) !important; } html.light .hr-page-header p { color: var(--app-text-secondary) !important; -webkit-text-fill-color: var(--app-text-secondary) !important; } html.light .hr-metric-card { background: var(--app-surface) !important; border-color: var(--app-border) !important; box-shadow: 0 12px 28px var(--app-shadow) !important; } html.light .hr-metric-card > div > div > p:first-child, html.light .hr-metric-card > p { color: var(--app-text-muted) !important; -webkit-text-fill-color: var(--app-text-muted) !important; } html.light .hr-metric-card > div > div > p:last-child, html.light .hr-empty-state h3 { color: var(--app-text) !important; -webkit-text-fill-color: var(--app-text) !important; } html.light :is(.hr-risk-radar, .hr-risk-summary) { background: var(--app-surface) !important; border-color: var(--app-border) !important; box-shadow: 0 12px 28px var(--app-shadow) !important; } html.light :is(.hr-risk-radar, .hr-risk-summary) :is(h2, h3, p, span, strong, li)[class~="text-white"] { color: var(--app-text) !important; -webkit-text-fill-color: var(--app-text) !important; } html.light :is(.hr-risk-radar, .hr-risk-summary) [class*="text-white/"] { color: var(--app-text-secondary) !important; -webkit-text-fill-color: var(--app-text-secondary) !important; opacity: 1 !important; } html.light .hr-risk-radar .recharts-polar-angle-axis-tick-value { fill: var(--app-text-secondary) !important; } html.light .hr-risk-radar .recharts-polar-grid-angle line, html.light .hr-risk-radar .recharts-polar-grid-concentric-polygon { stroke: var(--app-border-strong) !important; } html.light .hr-empty-state p { color: var(--app-text-secondary) !important; -webkit-text-fill-color: var(--app-text-secondary) !important; } html.light .hr-console input[type="search"] { background: var(--app-surface) !important; border-color: var(--app-border) !important; color: var(--app-text) !important; -webkit-text-fill-color: var(--app-text) !important; } html.light .hr-console input[type="search"]::-moz-placeholder { opacity: .8; color: var(--app-text-muted) !important; -webkit-text-fill-color: var(--app-text-muted) !important; } html.light .hr-console input[type="search"]::placeholder { opacity: .8; color: var(--app-text-muted) !important; -webkit-text-fill-color: var(--app-text-muted) !important; } html.light .hr-dialog-backdrop { background-color: #0f172a85 !important; } html.light .hr-dialog { color: #172b4d !important; background: #fff !important; border-color: #d9e0e8 !important; box-shadow: 0 28px 70px #0f172a3d !important; } html.light .hr-dialog .hr-dialog-title { color: #172b4d !important; -webkit-text-fill-color: #172b4d !important; } html.light .hr-dialog .hr-dialog-description, html.light .hr-dialog .hr-dialog-label { color: #344054 !important; -webkit-text-fill-color: #344054 !important; } html.light .hr-dialog :where(h1, h2, h3, h4, p, span, label, dt, dd)[class~="text-white"] { color: #172b4d !important; -webkit-text-fill-color: #172b4d !important; } html.light .hr-dialog :where(h1, h2, h3, h4, p, span, label, dt, dd)[class*="text-white/"] { color: #526173 !important; -webkit-text-fill-color: #526173 !important; } html.light .hr-dialog .hr-dialog-muted { color: #667085 !important; -webkit-text-fill-color: #667085 !important; } html.light .hr-dialog .hr-dialog-field { caret-color: #087bf0; color: #172b4d !important; -webkit-text-fill-color: #172b4d !important; background: #fff !important; border-color: #cbd5e1 !important; } html.light .hr-dialog :where(input[type="text"], input[type="number"], input[type="search"], textarea, select):not(.hr-dialog-field) { color: #172b4d !important; -webkit-text-fill-color: #172b4d !important; background: #fff !important; border-color: #cbd5e1 !important; } html.light .hr-dialog .hr-dialog-field::-moz-placeholder { opacity: 1; color: #7b8797 !important; -webkit-text-fill-color: #7b8797 !important; } html.light .hr-dialog .hr-dialog-field::placeholder { opacity: 1; color: #7b8797 !important; -webkit-text-fill-color: #7b8797 !important; } html.light .hr-dialog .hr-dialog-field:focus { border-color: #087bf0 !important; box-shadow: 0 0 0 3px #087bf024 !important; } html.light .hr-dialog .hr-dialog-close, html.light .hr-dialog .hr-dialog-cancel { color: #475467 !important; -webkit-text-fill-color: #475467 !important; } html.light .hr-dialog .hr-dialog-close:hover, html.light .hr-dialog .hr-dialog-cancel:hover:not(:disabled) { color: #172b4d !important; -webkit-text-fill-color: #172b4d !important; background: #eef2f6 !important; } .hr-console, .hr-dialog { color-scheme: dark; } html.light .hr-console, html.light .hr-dialog { color-scheme: light; } html.light .hr-console { background: var(--theme-canvas) !important; color: var(--theme-text) !important; } html.light .hr-console :is([class~="bg-black"], [class~="bg-zinc-950"], [class~="bg-[#09090B]"]) { background: var(--theme-canvas) !important; } html.light .hr-console :is([class~="bg-black/80"], [class~="bg-zinc-950/80"], [class~="bg-[#09090B]/80"]) { background: var(--theme-surface-raised) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .hr-console :is([class~="bg-black/80"], [class~="bg-zinc-950/80"], [class~="bg-[#09090B]/80"]) { background: color-mix(in srgb, var(--theme-surface-raised) 94%, transparent) !important; } } html.light .hr-console :is([class~="bg-[#0A0A0A]"], [class~="bg-[#0F0F10]"], [class~="bg-[#111]"], [class~="bg-[#111113]"], [class~="bg-[#121214]"], [class~="bg-[#18181B]"], [class~="bg-[#1A1A1B]"], [class~="bg-[#1C1C1E]"], [class~="bg-zinc-900"]) { background: var(--theme-surface-raised) !important; } html.light .hr-console :is([class~="bg-black/10"], [class~="bg-black/20"], [class~="bg-black/40"], [class~="bg-zinc-900/10"], [class~="bg-zinc-900/20"], [class~="bg-zinc-900/40"], [class~="bg-white/[0.005]"], [class~="bg-white/[0.01]"], [class~="bg-white/[0.02]"], [class~="bg-white/[0.025]"], [class~="bg-white/[0.03]"], [class~="bg-white/[0.035]"], [class~="bg-white/[0.04]"], [class~="bg-white/[0.05]"], [class~="bg-white/5"]) { background: var(--theme-surface-muted) !important; } html.light .hr-console :is([class~="bg-white/[0.06]"], [class~="bg-white/[0.07]"], [class~="bg-white/[0.08]"], [class~="bg-white/[0.10]"], [class~="bg-white/10"], [class~="bg-zinc-800"]) { background: var(--theme-workspace) !important; } html.light .hr-console :is([class*="border-white/"], [class*="divide-white/"], [class~="border-zinc-700"], [class~="border-zinc-800"], [class~="border-zinc-900"]) { border-color: var(--theme-border) !important; } html.light .hr-console :is([class~="text-white"], [class~="text-zinc-100"], [class~="text-zinc-200"]) { color: var(--theme-text) !important; -webkit-text-fill-color: var(--theme-text) !important; } html.light .hr-console :is([class~="text-white/80"], [class~="text-white/75"], [class~="text-white/70"], [class~="text-white/65"], [class~="text-white/60"], [class~="text-zinc-300"], [class~="text-zinc-400"]) { color: var(--theme-text-secondary) !important; -webkit-text-fill-color: var(--theme-text-secondary) !important; opacity: 1 !important; } html.light .hr-console :is([class~="text-white/55"], [class~="text-white/50"], [class~="text-white/45"], [class~="text-white/40"], [class~="text-white/35"], [class~="text-white/30"], [class~="text-white/25"], [class~="text-white/20"], [class~="text-white/10"], [class~="text-white/5"], [class~="text-zinc-500"], [class~="text-zinc-600"]) { color: var(--theme-text-muted) !important; -webkit-text-fill-color: var(--theme-text-muted) !important; opacity: 1 !important; } html.light .hr-console :is(input, textarea, select) { caret-color: var(--theme-action); background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; -webkit-text-fill-color: var(--theme-text) !important; } html.light .hr-console :is(input, textarea)::-moz-placeholder { color: var(--theme-text-muted) !important; -webkit-text-fill-color: var(--theme-text-muted) !important; opacity: 1 !important; } html.light .hr-console :is(input, textarea)::placeholder { color: var(--theme-text-muted) !important; -webkit-text-fill-color: var(--theme-text-muted) !important; opacity: 1 !important; } html.light .hr-console :is(input, textarea, select):focus { border-color: var(--theme-action) !important; box-shadow: 0 0 0 3px var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .hr-console :is(input, textarea, select):focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-action) 16%, transparent) !important; } } html.light .hr-console :is(input, textarea, select):focus { outline: none !important; } html.light .hr-console option, html.light .hr-dialog option { background: var(--theme-surface-raised) !important; color: var(--theme-text) !important; } html.light .hr-console :is(button, a, summary):focus-visible, html.light .hr-dialog :is(button, a, input, textarea, select):focus-visible { outline-offset: 2px; outline: 2px solid var(--theme-action) !important; } html.light .hr-directory-table, html.light .hr-team-calendar { background: var(--theme-surface-raised) !important; border-color: var(--theme-border) !important; box-shadow: var(--theme-shadow-sm) !important; } html.light .hr-directory-table thead, html.light .hr-team-calendar thead { background: var(--theme-surface-muted) !important; } html.light .hr-directory-table tbody tr:hover, html.light .hr-team-calendar tbody tr:hover { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .hr-directory-table tbody tr:hover, html.light .hr-team-calendar tbody tr:hover { background: color-mix(in srgb, var(--theme-action) 5%, var(--theme-surface-raised)) !important; } } html.light .hr-action-menu { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; box-shadow: var(--theme-shadow-lg) !important; } html.light .hr-action-menu button:hover { background: var(--theme-surface-muted) !important; color: var(--theme-text) !important; } html.light .hr-team-calendar th[class*="sticky"], html.light .hr-team-calendar td[class*="sticky"] { background: var(--theme-surface-raised) !important; } html.light .hr-team-calendar [class~="bg-[#1C1C1E]"] { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; box-shadow: var(--theme-shadow-lg) !important; } html.light .hr-calendar-drawer { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-lg) !important; } html.light .hr-calendar-drawer :is([class*="border-white/"], [class*="divide-white/"]) { border-color: var(--theme-border) !important; } html.light .hr-calendar-drawer [class~="bg-white/[0.03]"], html.light .hr-calendar-drawer [class~="bg-white/5"] { background: var(--theme-surface-muted) !important; } html.light .hr-calendar-drawer [class~="text-white"] { color: var(--theme-text) !important; } html.light .hr-calendar-drawer [class*="text-white/"] { color: var(--theme-text-muted) !important; opacity: 1 !important; } html.light .hr-special-days > header, html.light .hr-org-settings > header { background: var(--theme-surface-raised) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .hr-special-days > header, html.light .hr-org-settings > header { background: color-mix(in srgb, var(--theme-surface-raised) 94%, transparent) !important; } } html.light .hr-special-days > header, html.light .hr-org-settings > header { border-color: var(--theme-border) !important; box-shadow: 0 1px 0 var(--theme-border) !important; } html.light .hr-special-days > div > div > aside { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; } html.light .hr-special-days > div > div > main { background: var(--theme-canvas) !important; } html.light :is(.hr-console, .hr-dialog) [class~="text-blue-300"], html.light :is(.hr-console, .hr-dialog) [class~="text-blue-400"] { color: #075ea8 !important; -webkit-text-fill-color: #075ea8 !important; } html.light :is(.hr-console, .hr-dialog) [class~="text-emerald-300"], html.light :is(.hr-console, .hr-dialog) [class~="text-emerald-400"] { color: #047857 !important; -webkit-text-fill-color: #047857 !important; } html.light :is(.hr-console, .hr-dialog) [class~="text-amber-300"], html.light :is(.hr-console, .hr-dialog) [class~="text-amber-400"], html.light :is(.hr-console, .hr-dialog) [class~="text-amber-500"] { color: #92400e !important; -webkit-text-fill-color: #92400e !important; } html.light :is(.hr-console, .hr-dialog) [class~="text-rose-300"], html.light :is(.hr-console, .hr-dialog) [class~="text-rose-400"], html.light :is(.hr-console, .hr-dialog) [class~="text-rose-500"] { color: #be123c !important; -webkit-text-fill-color: #be123c !important; } html.light :is(.hr-console, .hr-dialog) [class~="text-purple-400"], html.light :is(.hr-console, .hr-dialog) [class~="text-violet-300"] { color: #6d28d9 !important; -webkit-text-fill-color: #6d28d9 !important; } html.light :is(.hr-console, .hr-dialog) :is([class~="bg-[#0A84FF]"], [class~="bg-blue-500"], [class~="bg-blue-600"], [class~="bg-indigo-500"], [class~="bg-indigo-600"], [class~="bg-purple-500"], [class~="bg-purple-600"], [class~="bg-cyan-500"], [class~="bg-cyan-600"], [class~="bg-orange-500"], [class~="bg-orange-600"], [class~="bg-red-500"], [class~="bg-red-600"], [class~="bg-rose-500"], [class~="bg-rose-600"], [class~="bg-emerald-500"], [class~="bg-emerald-600"], [class~="bg-amber-500"], [class~="bg-amber-600"])[class~="text-white"], html.light :is(.hr-console, .hr-dialog) :is([class~="bg-[#0A84FF]"], [class~="bg-blue-500"], [class~="bg-blue-600"], [class~="bg-indigo-500"], [class~="bg-purple-500"], [class~="bg-cyan-500"], [class~="bg-orange-500"], [class~="bg-red-500"], [class~="bg-rose-500"], [class~="bg-emerald-500"], [class~="bg-amber-500"]) [class~="text-white"] { color: #fff !important; -webkit-text-fill-color: #fff !important; } .hr-dialog-backdrop { overscroll-behavior: contain; } html.light .hr-dialog-backdrop { backdrop-filter: blur(4px); background: #0f172a94 !important; } html.light .hr-dialog { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-lg) !important; } html.light .hr-dialog--danger { background: #fff1f2 !important; } @supports (color: color-mix(in lab, red, red)) { html.light .hr-dialog--danger { background: color-mix(in srgb, #fff1f2 34%, var(--theme-surface-raised)) !important; } } html.light .hr-dialog--danger { border-color: #e11d48 !important; } @supports (color: color-mix(in lab, red, red)) { html.light .hr-dialog--danger { border-color: color-mix(in srgb, #e11d48 30%, var(--theme-border)) !important; } } html.light .hr-dialog :is([class~="bg-black"], [class~="bg-black/20"], [class~="bg-black/40"], [class~="bg-zinc-950"], [class~="bg-zinc-950/30"], [class~="bg-zinc-950/40"], [class~="bg-zinc-900"], [class~="bg-zinc-800"], [class~="bg-[#09090B]"], [class~="bg-[#0F0F10]"], [class~="bg-[#111113]"], [class~="bg-[#18181B]"], [class~="bg-[#1C1C1E]"]), html.light .hr-dialog :is([class~="bg-white/[0.01]"], [class~="bg-white/[0.02]"], [class~="bg-white/[0.025]"], [class~="bg-white/[0.03]"], [class~="bg-white/[0.04]"], [class~="bg-white/[0.05]"], [class~="bg-white/5"], [class~="bg-white/[0.06]"], [class~="bg-white/[0.08]"], [class~="bg-white/10"]) { background: var(--theme-surface-muted) !important; } html.light .hr-dialog :is([class*="border-white/"], [class*="divide-white/"], [class*="border-zinc-"]) { border-color: var(--theme-border) !important; } html.light .hr-dialog :is([class~="text-white"], [class~="text-zinc-100"], [class~="text-zinc-200"]) { color: var(--theme-text) !important; -webkit-text-fill-color: var(--theme-text) !important; } html.light .hr-dialog :is([class*="text-white/"], [class~="text-zinc-300"], [class~="text-zinc-400"], [class~="text-zinc-500"]) { color: var(--theme-text-secondary) !important; -webkit-text-fill-color: var(--theme-text-secondary) !important; opacity: 1 !important; } html.light .hr-dialog .hr-dialog-header, html.light .hr-dialog .hr-dialog-footer { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; } html.light .hr-dialog--danger .hr-dialog-header, html.light .hr-dialog--danger .hr-dialog-footer { background: #fff1f2 !important; } @supports (color: color-mix(in lab, red, red)) { html.light .hr-dialog--danger .hr-dialog-header, html.light .hr-dialog--danger .hr-dialog-footer { background: color-mix(in srgb, #fff1f2 54%, var(--theme-surface-muted)) !important; } } html.light .hr-dialog .hr-dialog-surface { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; } html.light .hr-dialog :is(input:not([type="radio"]):not([type="checkbox"]), textarea, select) { caret-color: var(--theme-action); background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; -webkit-text-fill-color: var(--theme-text) !important; } html.light .hr-dialog :is(input, textarea)::-moz-placeholder { color: var(--theme-text-muted) !important; -webkit-text-fill-color: var(--theme-text-muted) !important; opacity: 1 !important; } html.light .hr-dialog :is(input, textarea)::placeholder { color: var(--theme-text-muted) !important; -webkit-text-fill-color: var(--theme-text-muted) !important; opacity: 1 !important; } html.light .hr-dialog :is(input:not([type="radio"]):not([type="checkbox"]), textarea, select):focus { border-color: var(--theme-action) !important; box-shadow: 0 0 0 3px var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .hr-dialog :is(input:not([type="radio"]):not([type="checkbox"]), textarea, select):focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-action) 16%, transparent) !important; } } html.light .hr-dialog :is(input[type="radio"], input[type="checkbox"]) { accent-color: var(--theme-action); } html.light .hr-dialog .hr-dialog-close, html.light .hr-dialog .hr-dialog-cancel { border-color: var(--theme-border) !important; color: var(--theme-text-secondary) !important; -webkit-text-fill-color: var(--theme-text-secondary) !important; background: none !important; } html.light .hr-dialog .hr-dialog-close:hover, html.light .hr-dialog .hr-dialog-cancel:hover:not(:disabled) { background: var(--theme-surface-muted) !important; color: var(--theme-text) !important; -webkit-text-fill-color: var(--theme-text) !important; } html.light .hr-dialog--workspace > :is(aside, nav) { background: var(--theme-surface-muted) !important; border-color: var(--theme-border) !important; } html.light .hr-dialog--workspace > [class*="bg-black/"] { background: var(--theme-canvas) !important; } .hr-dialog:not(.hr-dialog--workspace) { max-height: calc(100dvh - 2rem); } .hr-dialog:not(.hr-dialog--workspace):not(.hr-dialog--form) { overscroll-behavior: contain; overflow-y: auto; } .hr-dialog .hr-dialog-footer { flex-wrap: wrap; } @media (max-width: 640px) { .hr-dialog-backdrop { padding: .75rem !important; } .hr-dialog:not(.hr-dialog--workspace) { border-radius: 1.25rem !important; } .hr-dialog .hr-dialog-footer > button { flex: auto; min-height: 2.5rem; } .hr-calendar-drawer { max-width: 100% !important; } } .day183-admin-shell { --admin-bg: #e3eaee; --admin-panel: #fff; --admin-panel-raised: #fff; --admin-panel-soft: #edf2f5; --admin-border: #91a5b5; --admin-border-strong: #667f93; --admin-text: #0b2239; --admin-text-secondary: #4d6277; --admin-text-muted: #4e6578; --admin-accent: #1479df; --admin-accent-strong: #0964bd; --admin-eyebrow: #0b63b6; --admin-control-bg: #f8fafc; --admin-card-shadow: 0 12px 30px #0f294214; background: var(--admin-bg) !important; color: var(--admin-text) !important; } html.dark .day183-admin-shell { --admin-bg: #091522; --admin-panel: #13283a; --admin-panel-raised: #1a3144; --admin-panel-soft: #102437; --admin-border: #425d72; --admin-border-strong: #637e92; --admin-text: #f4f8fc; --admin-text-secondary: #c5d2dc; --admin-text-muted: #94a8b8; --admin-accent: #2f8df5; --admin-accent-strong: #1475df; --admin-eyebrow: #65adff; --admin-control-bg: #0d2030; --admin-card-shadow: 0 12px 28px #00000026; } .day183-admin-shell .app-topbar { min-height: 74px; background: #051827f5 !important; border-bottom-color: #94a3b824 !important; padding-block: .75rem !important; } .day183-admin-body { background: linear-gradient(135deg, #e3eaee 0%, #edf2f5 55%, #dfe7ec 100%) !important; gap: 1rem !important; padding: 1rem !important; } html.dark .day183-admin-body { background: linear-gradient(135deg, #091725 0%, #0d2030 55%, #081522 100%) !important; } .day183-admin-sidebar { border-radius: 1.1rem; padding: .9rem; box-shadow: 0 18px 44px #0000003d; border: 1px solid var(--admin-border) !important; background: linear-gradient(#09243a 0%, #071c2d 100%) !important; gap: .75rem !important; width: 268px !important; } .day183-admin-sidebar > div:first-of-type { gap: .8rem !important; } .day183-admin-sidebar .app-nav-section-label { color: #7892a8 !important; letter-spacing: .15em !important; padding-inline: .55rem !important; font-size: 9px !important; } .day183-admin-sidebar .app-nav-item { min-height: 38px; color: #c5d3df !important; background: #ffffff06 !important; border-color: #94a3b821 !important; border-radius: .7rem !important; padding: .55rem .7rem !important; } .day183-admin-sidebar .app-nav-item:hover { color: #fff !important; background: #2f8df51a !important; border-color: #2f8df547 !important; } .day183-admin-sidebar .app-nav-item.is-active { box-shadow: 0 8px 20px #08549d52; color: #fff !important; background: linear-gradient(135deg, #1676db 0%, #0d64bc 100%) !important; border-color: #7dbeff8c !important; } .day183-admin-workspace { box-shadow: 0 18px 50px #0f29421a; border-color: var(--admin-border) !important; background: radial-gradient(circle at 92% -10%, #2f8df514, transparent 32%), var(--admin-panel-soft) !important; color: var(--admin-text) !important; border-radius: 1.1rem !important; } html.dark .day183-admin-workspace { box-shadow: 0 18px 50px #0000002e; } .day183-admin-route { width: 100%; min-height: 100%; padding: clamp(1.25rem, 2vw, 2rem); } .day183-admin-route > * { width: 100%; } .admin-page { flex-direction: column; gap: 1.25rem; width: 100%; max-width: 1680px; margin: 0 auto; padding-bottom: 2rem; display: flex; } .admin-page-header { justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 0; display: flex; } .admin-page-heading { min-width: 0; } .admin-eyebrow { color: var(--admin-eyebrow); letter-spacing: .17em; text-transform: uppercase; margin: 0 0 .45rem; font-size: 10px; font-weight: 800; } .admin-title { color: var(--admin-text); letter-spacing: -.035em; margin: 0; font-size: clamp(1.55rem, 2vw, 2rem); font-weight: 800; line-height: 1.12; } .admin-subtitle { max-width: 760px; color: var(--admin-text-secondary); margin: .45rem 0 0; font-size: .875rem; line-height: 1.55; } .admin-actions { flex-wrap: wrap; align-items: center; gap: .65rem; display: flex; } .admin-button { border: 1px solid var(--admin-border-strong); background: var(--admin-panel); min-height: 40px; color: var(--admin-text); border-radius: .7rem; justify-content: center; align-items: center; gap: .5rem; padding: .6rem .9rem; font-size: .75rem; font-weight: 750; transition: all .16s; display: inline-flex; } .admin-button:hover { color: var(--admin-text); background: #2f8df51a; border-color: #1479df85; transform: translateY(-1px); } .admin-button:disabled { opacity: .45; cursor: not-allowed; transform: none; } .admin-button-primary { color: #fff; background: linear-gradient(135deg, #2589ef, #1168c5); border-color: #65adff8c; box-shadow: 0 8px 20px #1168c540; } .admin-button-danger { color: #b4233c; background: #fff1f3; border-color: #f2b8c2; } html.dark .admin-button-danger { color: #fda4af; background: #f43f5e17; border-color: #fb718547; } .admin-card { border: 1px solid var(--admin-border); background: var(--admin-panel); box-shadow: var(--admin-card-shadow); border-radius: 1rem; } .admin-card-pad { padding: 1.15rem; } .admin-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin-bottom: 0; display: grid; } .admin-kpi { min-height: 126px; padding: 1rem; position: relative; overflow: hidden; } .admin-kpi:after { content: ""; background: #2f8df512; border-radius: 999px; width: 100px; height: 100px; position: absolute; inset: auto -20px -38px auto; } .admin-kpi-label { color: var(--admin-text-muted); letter-spacing: .13em; text-transform: uppercase; font-size: 9px; font-weight: 800; } .admin-kpi-value { color: var(--admin-text); letter-spacing: -.04em; margin-top: 1rem; font-size: 1.75rem; font-weight: 800; line-height: 1; } .admin-kpi-meta { color: var(--admin-text-secondary); margin-top: .4rem; font-size: .72rem; } .admin-toolbar { border-bottom: 1px solid var(--admin-border); background: #ffffff05; align-items: center; gap: .7rem; padding: .85rem; display: flex; } .admin-toolbar > label { flex: 480px; min-width: min(480px, 100%); } .admin-toolbar > select { flex: 0 0 210px; width: 210px !important; } .admin-field { outline: none; width: 100%; min-height: 42px; border: 1px solid var(--admin-border-strong) !important; background: var(--admin-control-bg) !important; color: var(--admin-text) !important; border-radius: .68rem !important; padding: .65rem .8rem !important; font-size: .8rem !important; } .admin-field:focus { border-color: #3c95f3 !important; box-shadow: 0 0 0 3px #2f8df524 !important; } .admin-field::-moz-placeholder { color: var(--admin-text-muted) !important; } .admin-field::placeholder { color: var(--admin-text-muted) !important; } .admin-field-label { color: var(--admin-text-secondary); letter-spacing: .08em; text-transform: uppercase; margin-bottom: .5rem; font-size: 11px; font-weight: 750; display: block; } .admin-table-shell { overflow: hidden; } .admin-table-scroll { overflow: auto; } .admin-table { border-collapse: collapse; text-align: left; width: 100%; } .admin-table thead { background: var(--admin-panel-soft) !important; } .admin-table th { color: var(--admin-text-muted); letter-spacing: .13em; text-transform: uppercase; padding: .75rem 1rem; font-size: 9px; font-weight: 850; } .admin-table td { border-top: 1px solid var(--admin-border); color: var(--admin-text-secondary); vertical-align: middle; padding: .9rem 1rem; font-size: .78rem; } .admin-table tbody tr:hover { background: #2f8df509; } .admin-empty { text-align: center; flex-direction: column; justify-content: center; align-items: center; gap: .7rem; min-height: 240px; padding: 2rem; display: flex; } .admin-empty-icon { color: #65adff; background: #2f8df514; border: 1px solid #65adff2e; border-radius: .9rem; place-items: center; width: 48px; height: 48px; display: grid; } .admin-empty-title { color: var(--admin-text); font-size: .95rem; font-weight: 750; } .admin-empty-text { max-width: 460px; color: var(--admin-text-muted); font-size: .78rem; line-height: 1.55; } .admin-empty-compact { min-height: 210px; box-shadow: none; margin-top: 1rem; } .admin-empty-actions { flex-wrap: wrap; justify-content: center; gap: .6rem; margin-top: .35rem; display: flex; } .admin-copy { color: var(--admin-text-secondary); } .admin-plan-row { border: 1px solid var(--admin-border); background: var(--admin-panel-soft); border-radius: .85rem; } .admin-divide > * + * { border-top: 1px solid var(--admin-border); } .admin-section-heading { color: var(--admin-text); justify-content: space-between; align-items: flex-start; gap: 1rem; display: flex; } .admin-section-heading h2, .admin-section-heading h3 { color: var(--admin-text); margin: 0; font-size: .9rem; font-weight: 800; } .admin-section-heading p { color: var(--admin-text-muted); margin: .3rem 0 0; font-size: .72rem; } .admin-badge { border: 1px solid var(--admin-border); background: var(--admin-panel-soft); color: var(--admin-text-secondary); border-radius: 999px; align-items: center; padding: .25rem .55rem; font-size: .62rem; font-weight: 750; display: inline-flex; } .admin-muted { color: var(--admin-text-muted); } .admin-support-page { --support-selected-bg: #e7f2ff; --support-selected-border: #80b8ef; --support-thread-bg: #f3f7fb; --support-customer-bg: #fff; --support-system-bg: #e4ebf2; --support-note-bg: #fff6dc; --support-note-border: #d7ad43; --support-note-text: #5c4100; --support-operator-bg: #0b5cab; --support-operator-meta: #d9ecff; --support-muted-text: #52697f; } html.dark .admin-support-page { --support-selected-bg: #102d48; --support-selected-border: #2e75b6; --support-thread-bg: #071724; --support-customer-bg: #102335; --support-system-bg: #172d40; --support-note-bg: #372b10; --support-note-border: #8d6a22; --support-note-text: #fde7a7; --support-operator-bg: #126abf; --support-operator-meta: #d9ecff; --support-muted-text: #91a6b8; } .admin-support-ticket { border: 0; border-bottom: 1px solid var(--admin-border); width: 100%; color: var(--admin-text); text-align: left; background: none; padding: 1rem; transition: background-color .16s, box-shadow .16s; display: block; } .admin-support-ticket:hover { background: var(--admin-panel-soft); } .admin-support-ticket:focus-visible { z-index: 1; outline: 3px solid var(--admin-accent); position: relative; } @supports (color: color-mix(in lab, red, red)) { .admin-support-ticket:focus-visible { outline: 3px solid color-mix(in srgb, var(--admin-accent) 42%, transparent); } } .admin-support-ticket:focus-visible { outline-offset: -3px; } .admin-support-ticket.is-selected { background: var(--support-selected-bg); box-shadow: inset 4px 0 0 var(--admin-accent), inset 0 0 0 1px var(--support-selected-border); } .admin-support-ticket-title { color: var(--admin-text); font-weight: 800; } .admin-support-ticket-preview { color: var(--admin-text-secondary); line-height: 1.5; } .admin-support-ticket-meta, .admin-support-ticket-footer { color: var(--support-muted-text); } .admin-support-ticket.is-selected :is(.admin-support-ticket-title, .admin-support-ticket-preview, .admin-support-ticket-meta, .admin-support-ticket-footer) { opacity: 1; } .admin-support-thread { background: var(--support-thread-bg); scrollbar-color: var(--admin-border-strong) transparent; } .admin-support-message { color: var(--admin-text); line-height: 1.5; } .admin-support-message-customer { border: 1px solid var(--admin-border); background: var(--support-customer-bg); } .admin-support-message-operator { background: var(--support-operator-bg); color: #fff; } .admin-support-message-system { border: 1px solid var(--admin-border); background: var(--support-system-bg); color: var(--admin-text-secondary); } .admin-support-message-note { border: 1px solid var(--support-note-border); background: var(--support-note-bg); color: var(--support-note-text); } .admin-support-message-meta { color: var(--admin-text-muted); } .admin-support-message-operator .admin-support-message-meta { color: var(--support-operator-meta); } .admin-support-message-note .admin-support-message-meta { color: var(--support-note-text); opacity: .82; } .admin-support-dialog-backdrop { background: #030e19b8; } .admin-support-dialog { border: 1px solid var(--admin-border); background: var(--admin-panel); color: var(--admin-text); } .admin-support-dialog-header { border-bottom: 1px solid var(--admin-border); background: var(--admin-panel); } .admin-support-dialog-title, .admin-support-dialog-label { color: var(--admin-text); } .admin-support-dialog-subtitle, .admin-support-dialog-counter, .admin-support-dialog-history-item { color: var(--admin-text-muted); } .admin-support-dialog-history-item strong { color: var(--admin-text-secondary); } .admin-support-dialog-history { border: 1px solid var(--admin-border); background: var(--admin-panel-soft); } .admin-support-dialog-close { color: var(--admin-text-secondary); transition: background-color .16s, color .16s; } .admin-support-dialog-close:hover { background: var(--admin-panel-soft); color: var(--admin-text); } .admin-support-template { border: 1px solid var(--admin-border-strong); background: var(--admin-panel); color: var(--admin-text-secondary); } .admin-support-template:hover { border-color: var(--admin-accent); background: var(--support-selected-bg); color: var(--admin-accent-strong); } .admin-support-dialog-footer { border-top: 1px solid var(--admin-border); background: var(--admin-panel-soft); } .admin-publisher-backdrop { background: #0f1d2b85; } .admin-publisher-dialog { border: 1px solid var(--admin-border); background: var(--admin-panel-soft); color: var(--admin-text); } .admin-publisher-dialog__header, .admin-publisher-dialog__footer { border-color: var(--admin-border); background: var(--admin-panel); } .admin-publisher-dialog__header { border-bottom-width: 1px; } .admin-publisher-dialog__footer { border-top-width: 1px; } .admin-dialog-title { color: var(--admin-text); margin: 0; font-size: 1.25rem; font-weight: 800; line-height: 1.35; } .admin-dialog-subtitle { color: var(--admin-text-secondary); margin-top: .3rem; font-size: .75rem; line-height: 1.5; } .admin-logo-frame { border: 1px solid var(--admin-border-strong); } .admin-publisher-dialog input[type="checkbox"] { width: 1rem; height: 1rem; accent-color: var(--admin-accent); } .admin-info-note { color: #174d7d; background: #eaf4ff; border: 1px solid #1479df38; border-radius: .65rem; padding: .65rem .75rem; font-size: .7rem; line-height: 1.5; } .admin-publisher-warning { color: #704600; background: #fff3c4; border: 1px solid #d49a1d; } .admin-publisher-warning strong { color: #633d00; } .admin-publisher-warning ul { color: #704600; } .admin-source-profile { border-color: #1479df47; } .admin-source-groups { gap: 1rem; display: grid; } .admin-source-group { border: 1px solid var(--admin-border); background: var(--admin-panel-soft); border-radius: .8rem; padding: .85rem; } .admin-source-group h4 { color: var(--admin-accent-strong); letter-spacing: .1em; text-transform: uppercase; margin: 0 0 .7rem; font-size: .68rem; font-weight: 850; } .admin-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; display: grid; } .admin-source-field { border: 1px solid var(--admin-border); background: var(--admin-panel); border-radius: .65rem; min-width: 0; padding: .65rem .75rem; } .admin-source-field > span { color: var(--admin-text-muted); letter-spacing: .08em; text-transform: uppercase; margin-bottom: .25rem; font-size: .58rem; font-weight: 750; display: block; } .admin-source-field > strong { overflow-wrap: anywhere; color: var(--admin-text); font-size: .74rem; font-weight: 650; line-height: 1.45; display: block; } .admin-source-field > strong.is-empty { color: var(--admin-text-muted); font-style: italic; font-weight: 500; } html.dark .admin-publisher-backdrop { background: #020811cc; } html.dark .admin-info-note { color: #badbff; background: #2f8df51a; border-color: #65adff38; } html.dark .admin-publisher-warning { color: #fde6a6; background: #f59e0b1f; border-color: #fbbf245c; } html.dark .admin-publisher-warning strong, html.dark .admin-publisher-warning ul { color: #fde6a6; } .admin-alert { color: #5f3b00; background: #fff6d8; border: 1px solid #d49a1d; border-radius: .8rem; align-items: flex-start; gap: .7rem; margin-bottom: 1rem; padding: .9rem 1rem; font-size: .8rem; font-weight: 550; line-height: 1.5; display: flex; } .admin-alert svg { color: #9a5e00; } .admin-alert strong { color: #633d00; letter-spacing: .08em; text-transform: uppercase; font-size: .75rem; font-weight: 850; display: block; } .admin-alert p { color: inherit; margin: .15rem 0 0; } .admin-alert-danger { color: #a51d37; background: #fff1f3; border-color: #f2b8c2; } html.dark .admin-alert { color: #fde6a6; background: #f59e0b1a; border-color: #fbbf245c; } html.dark .admin-alert svg, html.dark .admin-alert strong { color: #fcd56a; } html.dark .admin-alert-danger { color: #fda4af; background: #f43f5e14; border-color: #fb71853d; } .admin-tabs { border: 1px solid var(--admin-border); background: var(--admin-panel); border-radius: .75rem; gap: .25rem; padding: .25rem; display: inline-flex; } .admin-tab { color: var(--admin-text-muted); border-radius: .55rem; padding: .55rem .85rem; font-size: .75rem; font-weight: 750; } .admin-tab.is-active { color: var(--admin-accent-strong); background: #2f8df524; box-shadow: inset 0 0 0 1px #2f8df533; } html.dark .admin-tab.is-active { color: #dcebfa; } .admin-control-hero { background: radial-gradient(circle at 90% 0, #388be72e, #0000 34%), linear-gradient(135deg, #fff 0%, #f3f8fd 58%, #eef3ff 100%); border: 1px solid #c9dcf0; border-radius: 1.2rem; padding: clamp(1.25rem, 2vw, 1.8rem); position: relative; overflow: hidden; box-shadow: 0 16px 36px #144c801a; } .admin-control-hero .admin-hero-title { letter-spacing: -.04em; font-size: clamp(1.55rem, 2.3vw, 2.1rem); font-weight: 850; line-height: 1.15; color: #0b2d4e !important; } .admin-control-hero .admin-hero-copy { max-width: 760px; font-size: .82rem; line-height: 1.6; color: #526a80 !important; } .admin-control-hero .admin-hero-meta { color: #647b90 !important; } html.dark .admin-control-hero { background: radial-gradient(circle at 90% 0, #2f8df52e, #0000 34%), linear-gradient(135deg, #0b2134, #081725 62%, #111d34); border-color: #4b99eb38; box-shadow: 0 18px 42px #0000003d; } html.dark .admin-control-hero .admin-hero-title { color: #f5f9fd !important; } html.dark .admin-control-hero .admin-hero-copy { color: #a9bac9 !important; } html.dark .admin-control-hero .admin-hero-meta { color: #7890a5 !important; } html.light .rag-admin-root [class*="bg-[#0"], html.light .rag-admin-root [class*="bg-[#1"], html.light .rag-admin-root [class*="bg-black"] { background-color: var(--admin-panel) !important; background-image: none !important; } html.light .rag-admin-root [class*="shadow-"] { --tw-shadow-color: #0f29421a !important; } html.light .rag-admin-root input, html.light .rag-admin-root select, html.light .rag-admin-root textarea { color: var(--admin-text) !important; background-color: var(--admin-control-bg) !important; } .rag-admin-root { color: var(--admin-text); } html.light .rag-admin-root [class*="text-white"], html.light .rag-admin-root [class*="text-zinc-200"], html.light .rag-admin-root [class*="text-zinc-300"] { color: var(--admin-text) !important; } html.light .rag-admin-root [class*="text-zinc-400"] { color: var(--admin-text-secondary) !important; } html.light .rag-admin-root [class*="text-zinc-500"], html.light .rag-admin-root [class*="text-zinc-600"], html.light .rag-admin-root [class*="text-zinc-700"] { color: var(--admin-text-muted) !important; } html.light .rag-admin-root [class*="text-indigo-"] { color: #4f46c8 !important; } html.light .rag-admin-root [class*="text-emerald-"] { color: #047857 !important; } html.light .rag-admin-root [class*="text-amber-"] { color: #8a5200 !important; } html.light .rag-admin-root [class*="text-red-"] { color: #b4233e !important; } html.light .rag-admin-root [class*="text-sky-"] { color: #0369a1 !important; } html.light .rag-admin-root [class*="border-white"] { border-color: var(--admin-border) !important; } html.light .rag-admin-root .rag-registry-kpis, html.light .rag-admin-root .rag-rule-card, html.light .rag-admin-root .rag-registry-table, html.light .rag-admin-root .rag-empty-state, html.light .rag-admin-root .rag-divergence { border-color: var(--admin-border) !important; background: var(--admin-panel) !important; box-shadow: var(--admin-card-shadow) !important; } html.light .rag-admin-root .rag-registry-tabs button { color: #425b73 !important; } html.light .rag-admin-root .rag-registry-tabs button[class*="border-indigo"] { color: #4338ca !important; background: #ecebff !important; border-bottom-color: #4f46e5 !important; } html.light .rag-admin-root button[class*="bg-indigo-6"], html.light .rag-admin-root button[class*="bg-red-5"], html.light .rag-admin-root button[class*="bg-emerald-5"], html.light .rag-admin-root button[class*="bg-zinc-8"] { color: #fff !important; } .rag-status { border: 1px solid var(--admin-border); color: var(--admin-text-secondary); background: var(--admin-panel-soft); letter-spacing: .035em; text-transform: none; border-radius: .45rem; align-items: center; padding: .18rem .45rem; font-weight: 800; display: inline-flex; } .rag-status--published, .rag-status--compatible { color: #046c4e; background: #e8f7f0; border-color: #9bd5bd; } .rag-status--submitted { color: #785000; background: #fff5d7; border-color: #e8c46a; } .rag-status--withdrawn { color: #a31935; background: #fff0f3; border-color: #efb1bd; } .rag-status--superseded, .rag-status--draft, .rag-status--neutral { border-color: var(--admin-border); background: var(--admin-panel-soft); color: var(--admin-text-secondary); } .rag-divergence { border: 1px solid var(--admin-border); } .rag-divergence--blocking { border-color: #e6a4b1 !important; } .rag-divergence--warning { border-color: #dfbf6d !important; } .rag-divergence--info { border-color: #a9c9e7 !important; } html.dark .rag-status--published, html.dark .rag-status--compatible { color: #6ee7b7; background: #10b9811a; border-color: #34d39942; } html.dark .rag-status--submitted { color: #fcd56a; background: #f59e0b1a; border-color: #fbbf2447; } html.dark .rag-status--withdrawn { color: #fda4af; background: #f43f5e17; border-color: #fb718540; } html.dark .rag-status--superseded, html.dark .rag-status--draft, html.dark .rag-status--neutral { color: #a9bac9; background: #94a3b814; border-color: #94a3b82e; } @media (max-width: 1100px) { .admin-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .day183-admin-sidebar { width: 240px !important; } } @media (max-width: 767px) { .day183-admin-body { padding: .65rem !important; } .day183-admin-sidebar { max-height: 38vh; width: 100% !important; } .day183-admin-route { padding: 1rem; } .admin-page-header { flex-direction: column; align-items: flex-start; } .admin-kpi-grid { grid-template-columns: 1fr; } .admin-toolbar { flex-direction: column; align-items: stretch; } .admin-toolbar > label, .admin-toolbar > select { flex-basis: auto; min-width: 0; width: 100% !important; } .admin-source-grid { grid-template-columns: 1fr; } .admin-publisher-dialog__header, .admin-publisher-dialog__footer { padding-inline: 1rem; } } .marketplace-detail { color-scheme: dark; background: var(--theme-surface-raised); border: 1px solid var(--theme-border-strong); color: var(--theme-text); box-shadow: var(--theme-shadow-lg); width: min(100% - 2rem, 56rem); } html.light .marketplace-detail { color-scheme: light; } .marketplace-detail__header, .marketplace-detail__footer { background: var(--theme-surface-muted); } @supports (color: color-mix(in lab, red, red)) { .marketplace-detail__header, .marketplace-detail__footer { background: color-mix(in srgb, var(--theme-surface-muted) 74%, var(--theme-surface-raised)); } } .marketplace-detail__header, .marketplace-detail__footer { border-color: var(--theme-border); } .marketplace-detail__header { border-bottom: 1px solid var(--theme-border); } .marketplace-detail__footer { border-top: 1px solid var(--theme-border); } .marketplace-detail__body { background: var(--theme-surface-raised); } .marketplace-detail__hero-icon { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-detail__hero-icon { background: color-mix(in srgb, var(--theme-action) 13%, var(--theme-surface-raised)); } } .marketplace-detail__hero-icon { color: var(--theme-action); box-shadow: inset 0 0 0 1px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-detail__hero-icon { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-action) 15%, transparent); } } .marketplace-detail__title { color: var(--theme-text); letter-spacing: -.018em; font-size: 1rem; font-weight: 750; line-height: 1.35; } .marketplace-detail__publisher, .marketplace-detail__price-label, .marketplace-detail__section-title, .marketplace-detail__definition-label, .marketplace-detail__tile-label { color: var(--theme-text-muted); letter-spacing: .11em; text-transform: uppercase; font-size: .66rem; font-weight: 750; line-height: 1.4; } .marketplace-detail__section-title { color: var(--theme-text-secondary); font-size: .7rem; } .marketplace-detail__badge { min-height: 1.25rem; padding: .125rem .5rem; font-size: .58rem; line-height: 1.1; } .marketplace-detail__close { color: var(--theme-text-muted); border: 1px solid #0000; } .marketplace-detail__close:hover { background: var(--theme-surface-muted); border-color: var(--theme-border); color: var(--theme-text); } .marketplace-detail__close:focus-visible, .marketplace-detail__link:focus-visible { outline: 2px solid var(--theme-action); outline-offset: 2px; } .marketplace-detail__description { color: var(--theme-text-secondary); font-size: .875rem; line-height: 1.65; } .marketplace-detail__surface, .marketplace-detail__tile, .marketplace-detail__rule-row { background: var(--theme-surface-muted); } @supports (color: color-mix(in lab, red, red)) { .marketplace-detail__surface, .marketplace-detail__tile, .marketplace-detail__rule-row { background: color-mix(in srgb, var(--theme-surface-muted) 58%, var(--theme-surface-raised)); } } .marketplace-detail__surface, .marketplace-detail__tile, .marketplace-detail__rule-row { border-color: var(--theme-border); } .marketplace-detail__tile { box-shadow: var(--theme-shadow-sm); } .marketplace-detail__tile-label { color: var(--theme-text-muted); } .marketplace-detail__tile-value { color: var(--theme-text); font-size: .8rem; font-weight: 700; line-height: 1.35; } .marketplace-detail__definition-value, .marketplace-detail__condition { color: var(--theme-text); font-size: .8rem; font-weight: 650; line-height: 1.45; } .marketplace-detail__notice { --marketplace-notice-accent: var(--theme-action); background: var(--marketplace-notice-accent); } @supports (color: color-mix(in lab, red, red)) { .marketplace-detail__notice { background: color-mix(in srgb, var(--marketplace-notice-accent) 7%, var(--theme-surface-raised)); } } .marketplace-detail__notice { border-color: var(--marketplace-notice-accent); } @supports (color: color-mix(in lab, red, red)) { .marketplace-detail__notice { border-color: color-mix(in srgb, var(--marketplace-notice-accent) 30%, var(--theme-border)); } } .marketplace-detail__notice--warning { --marketplace-notice-accent: var(--theme-warning); } .marketplace-detail__notice--info { --marketplace-notice-accent: var(--theme-action); } .marketplace-detail__notice-icon, .marketplace-detail__notice-title { color: var(--marketplace-notice-accent); } .marketplace-detail__notice-title { letter-spacing: .075em; text-transform: uppercase; font-size: .7rem; font-weight: 800; line-height: 1.4; } .marketplace-detail__notice-copy { color: var(--theme-text-secondary); font-size: .78rem; line-height: 1.55; } .marketplace-detail__summary { color: var(--theme-text-secondary); letter-spacing: .075em; text-transform: uppercase; font-size: .72rem; font-weight: 750; } .marketplace-detail__accent-icon, .marketplace-detail__link { color: var(--theme-action); } .marketplace-detail__muted-icon, .marketplace-detail__meta, .marketplace-detail__source, .marketplace-detail__empty, .marketplace-detail__legal-ref { color: var(--theme-text-muted); } .marketplace-detail__meta { font-size: .7rem; } .marketplace-detail__source { font-size: .78rem; line-height: 1.55; } .marketplace-detail__link { font-size: .78rem; } .marketplace-detail__link:hover { color: var(--theme-action-hover); text-decoration: underline; } .marketplace-detail__empty { border-color: var(--theme-border); font-size: .78rem; } .marketplace-detail__rule-row:hover { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-detail__rule-row:hover { background: color-mix(in srgb, var(--theme-action) 4%, var(--theme-surface-raised)); } } .marketplace-detail__rule-row:hover { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .marketplace-detail__rule-row:hover { border-color: color-mix(in srgb, var(--theme-action) 36%, var(--theme-border)); } } .marketplace-detail__rule-icon { --marketplace-rule-accent: var(--theme-action); background: var(--marketplace-rule-accent); } @supports (color: color-mix(in lab, red, red)) { .marketplace-detail__rule-icon { background: color-mix(in srgb, var(--marketplace-rule-accent) 10%, var(--theme-surface-raised)); } } .marketplace-detail__rule-icon { color: var(--marketplace-rule-accent); } .marketplace-detail__rule-icon--danger { --marketplace-rule-accent: var(--theme-danger); } .marketplace-detail__rule-icon--warning { --marketplace-rule-accent: var(--theme-warning); } .marketplace-detail__rule-icon--info { --marketplace-rule-accent: var(--theme-action); } .marketplace-detail__rule-title { color: var(--theme-text); font-size: .82rem; font-weight: 750; line-height: 1.4; } .marketplace-detail__rule-copy { color: var(--theme-text-secondary); font-size: .75rem; line-height: 1.55; } .marketplace-detail__threshold, .marketplace-detail__legal-ref, .marketplace-detail__changelog { color: var(--theme-text-muted); font-size: .68rem; line-height: 1.5; } .marketplace-detail__threshold { letter-spacing: .045em; text-transform: uppercase; font-weight: 700; } .marketplace-detail__threshold strong, .marketplace-detail__changelog { color: var(--theme-text-secondary); } .marketplace-detail__price { color: var(--theme-text); font-family: var(--font-mono); letter-spacing: -.035em; font-size: 1.1rem; font-weight: 800; } .marketplace-detail__secondary-action { border: 1px solid var(--theme-border-strong) !important; color: var(--theme-text-secondary) !important; background: none !important; } .marketplace-detail__secondary-action:hover { background: var(--theme-surface-muted) !important; color: var(--theme-text) !important; } html.light .marketplace-detail { border-color: #a7b4c1; box-shadow: 0 24px 60px #07182729, 0 5px 16px #07182714; } html.light .marketplace-detail__header, html.light .marketplace-detail__footer { background: #f4f7fa; } html.light .marketplace-detail__surface, html.light .marketplace-detail__tile, html.light .marketplace-detail__rule-row { background: #f8fafc; } @media (max-width: 640px) { .marketplace-detail { width: calc(100% - 1rem); max-height: calc(100dvh - 1.5rem); } .marketplace-detail__footer > div:last-child { flex: 100%; display: flex; } .marketplace-detail__footer > div:last-child > button { flex: auto; } } .day183-auth-hero, html.light .day183-auth-hero, html.dark .day183-auth-hero { color: #fff !important; background: linear-gradient(145deg, #061d31 0%, #083a61 58%, #0876c9 145%) !important; } .day183-auth-hero h1, .day183-auth-hero strong { color: #fff !important; -webkit-text-fill-color: #fff !important; } .day183-auth-hero p { color: #ffffffc2 !important; -webkit-text-fill-color: #ffffffc2 !important; } .day183-auth-theme-toggle { z-index: 20; color: #fff; cursor: pointer; backdrop-filter: blur(14px); background: #04192b8a; border: 1px solid #ffffff38; border-radius: .75rem; place-items: center; width: 2.25rem; height: 2.25rem; transition: transform .16s, background .16s, border-color .16s; display: grid; position: absolute; top: 1.25rem; right: 1.25rem; box-shadow: 0 8px 24px #0000002e; } .day183-auth-theme-toggle:hover { background: #04192bb8; border-color: #ffffff61; } .day183-auth-theme-toggle:active { transform: scale(.96); } .day183-auth-theme-toggle:focus-visible { outline-offset: 3px; outline: 2px solid #fff; } html.light .day183-auth-theme-toggle { color: #16344b; background: #ffffffe0; border-color: #b8c8d5; box-shadow: 0 8px 24px #14344e21; } html.light .day183-auth-theme-toggle:hover { background: #fff; border-color: #8fa8bb; } .day183-auth-hero .day183-auth-brand-tagline { color: #ffffffc7 !important; -webkit-text-fill-color: #ffffffc7 !important; } .day183-auth-hero .day183-auth-hero-benefits { color: #ffffffd6 !important; -webkit-text-fill-color: #ffffffd6 !important; } html.light .day183-auth-form-area { background: linear-gradient(145deg, #f7fafc 0%, #eaf2f8 100%) !important; } html.dark .day183-auth-form-area { background: linear-gradient(145deg, #07111b 0%, #0b1925 100%) !important; } html.light .day183-auth-card, html.light .day183-auth-help-modal { background: #ffffffeb !important; border-color: #cbd8e3 !important; box-shadow: 0 28px 80px #14344e21 !important; } html.light .day183-waitlist-success-title { color: #102b40 !important; -webkit-text-fill-color: #102b40 !important; } html.light .day183-waitlist-success-message { color: #456176 !important; -webkit-text-fill-color: #456176 !important; } html.light .day183-waitlist-success-note { color: #5b7183 !important; -webkit-text-fill-color: #5b7183 !important; } html.dark .day183-auth-card, html.dark .day183-auth-help-modal { background: #111c26f0 !important; border-color: #87afcf2e !important; box-shadow: 0 30px 90px #0000006b !important; } @media (max-width: 1023px) { .day183-auth-form-area { min-height: 100dvh; } .day183-auth-card { border-radius: 24px !important; } } html.light button.calendar-sealed-proof-badge { color: #fff !important; -webkit-text-fill-color: #fff !important; background: #075ea8 !important; border-color: #034b87 !important; } html.light button.calendar-sealed-proof-badge svg { color: #fff !important; stroke: currentColor !important; } html.light button.calendar-sealed-proof-badge:hover { background: #034b87 !important; border-color: #023b6a !important; } html.light .dashboard-jurisdiction-card .dashboard-jurisdiction-status-badge svg, html.light .dashboard-jurisdiction-card .dashboard-jurisdiction-status-badge svg *, html[data-theme="light"] .dashboard-jurisdiction-card .dashboard-jurisdiction-status-badge svg, html[data-theme="light"] .dashboard-jurisdiction-card .dashboard-jurisdiction-status-badge svg * { color: #fff !important; stroke: #fff !important; } .publisher-workspace { color: var(--theme-text); } .publisher-page-header { border: 1px solid var(--theme-chrome-border); background: radial-gradient(circle at 92% -30%, var(--theme-action), transparent 52%), linear-gradient(135deg, var(--theme-chrome-bg), var(--theme-chrome-raised)); border-radius: 24px; overflow: hidden; } @supports (color: color-mix(in lab, red, red)) { .publisher-page-header { background: radial-gradient(circle at 92% -30%, color-mix(in srgb, var(--theme-action) 30%, transparent), transparent 52%), linear-gradient(135deg, var(--theme-chrome-bg), color-mix(in srgb, var(--theme-chrome-raised) 88%, #101827)); } } .publisher-page-header { color: var(--theme-on-chrome); box-shadow: var(--theme-shadow-md); } .publisher-page-header__main { justify-content: space-between; align-items: flex-end; gap: 24px; padding: 24px; display: flex; } .publisher-page-header__identity { align-items: flex-start; gap: 14px; min-width: 0; display: flex; } .publisher-page-header__icon { border: 1px solid var(--theme-action); flex: none; justify-content: center; align-items: center; width: 42px; height: 42px; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .publisher-page-header__icon { border: 1px solid color-mix(in srgb, var(--theme-action) 50%, var(--theme-chrome-border)); } } .publisher-page-header__icon { background: var(--theme-action); border-radius: 14px; } @supports (color: color-mix(in lab, red, red)) { .publisher-page-header__icon { background: color-mix(in srgb, var(--theme-action) 20%, var(--theme-chrome-raised)); } } .publisher-page-header__icon { color: #8dc8ff; box-shadow: inset 0 1px #ffffff14; } .publisher-page-header__eyebrow { color: #8dc8ff; letter-spacing: .16em; text-transform: uppercase; margin: 0 0 5px; font-size: 10px; font-weight: 800; } .publisher-page-header__title { color: #f8fbff; letter-spacing: -.025em; margin: 0; font-size: clamp(1.35rem, 2vw, 1.8rem); font-weight: 760; } .publisher-page-header__description { color: #e2edf7c7; max-width: 760px; margin: 7px 0 0; font-size: .82rem; line-height: 1.55; } .publisher-page-header__actions { flex-wrap: wrap; flex: none; justify-content: flex-end; gap: 8px; display: flex; } .publisher-page-header__indicators { border-top: 1px solid var(--theme-chrome-border); grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); display: grid; } @supports (color: color-mix(in lab, red, red)) { .publisher-page-header__indicators { border-top: 1px solid color-mix(in srgb, var(--theme-chrome-border) 78%, transparent); } } .publisher-page-header__indicators { background: var(--theme-chrome-bg); } @supports (color: color-mix(in lab, red, red)) { .publisher-page-header__indicators { background: color-mix(in srgb, var(--theme-chrome-bg) 76%, transparent); } } .publisher-page-header__indicator { border-right: 1px solid var(--theme-chrome-border); flex-direction: column; justify-content: center; gap: 3px; min-height: 62px; padding: 13px 20px; display: flex; } @supports (color: color-mix(in lab, red, red)) { .publisher-page-header__indicator { border-right: 1px solid color-mix(in srgb, var(--theme-chrome-border) 68%, transparent); } } .publisher-page-header__indicator:last-child { border-right: 0; } .publisher-page-header__indicator span { color: var(--theme-on-chrome-muted); letter-spacing: .11em; text-transform: uppercase; font-size: 9px; font-weight: 750; } .publisher-page-header__indicator strong { color: #f8fbff; font-size: 1rem; font-weight: 750; } .publisher-page-header__indicator--success strong { color: #68e0ad; } .publisher-page-header__indicator--warning strong { color: #ffc766; } .publisher-page-header__indicator--info strong { color: #8dc8ff; } .publisher-panel, .publisher-card { border: 1px solid var(--theme-border); background: var(--theme-surface-raised); color: var(--theme-text); box-shadow: var(--theme-shadow-sm); border-radius: 20px; } .publisher-card:hover { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-card:hover { border-color: color-mix(in srgb, var(--theme-action) 42%, var(--theme-border)); } } .publisher-section-title { color: var(--theme-text); } .publisher-muted { color: var(--theme-text-secondary); } .publisher-subtle { color: var(--theme-text-muted); } .publisher-control { box-shadow: inset 0 1px #ffffff0d; border: 1px solid var(--theme-border-strong) !important; background: var(--theme-surface-raised) !important; color: var(--theme-text) !important; -webkit-text-fill-color: var(--theme-text) !important; } .publisher-control::-moz-placeholder { color: var(--theme-text-muted) !important; -webkit-text-fill-color: var(--theme-text-muted) !important; } .publisher-control::placeholder { color: var(--theme-text-muted) !important; -webkit-text-fill-color: var(--theme-text-muted) !important; } .publisher-control:focus { box-shadow: 0 0 0 3px var(--theme-action); border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .publisher-control:focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-action) 15%, transparent); } } .publisher-sort-control { border: 1px solid var(--theme-border-strong); background: var(--theme-surface-raised); min-height: 40px; color: var(--theme-text-muted); white-space: nowrap; border-radius: 12px; align-items: center; gap: 8px; padding: 0 10px; font-size: 11px; font-weight: 650; transition: border-color .16s, box-shadow .16s, color .16s; display: inline-flex; } .publisher-sort-control:focus-within { border-color: var(--theme-action); box-shadow: 0 0 0 3px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-sort-control:focus-within { box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-action) 15%, transparent); } } .publisher-sort-control:focus-within { color: var(--theme-action); } .publisher-sort-control select { -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 132px; color: var(--theme-text); font: inherit; cursor: pointer; background: none; border: 0; outline: 0; } .publisher-sort-control option { background: var(--theme-surface-raised); color: var(--theme-text); } .publisher-library-filter { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px; min-height: 40px; display: grid; } .publisher-library-filter > span { color: var(--theme-text-muted); white-space: nowrap; font-size: 10px; font-weight: 700; } .publisher-library-filter .publisher-control { border-radius: 12px; min-width: 0; min-height: 40px; padding: 0 34px 0 10px; font-size: 11px; font-weight: 650; } .publisher-header-action, .publisher-button, .publisher-icon-button, .publisher-status { justify-content: center; align-items: center; display: inline-flex; } .publisher-header-action { border: 1px solid var(--theme-border); background: var(--theme-surface-raised); min-height: 38px; color: var(--theme-text); border-radius: 11px; gap: 7px; padding: 0 13px; font-size: 12px; font-weight: 700; transition: transform .15s, background .15s, border-color .15s; } .publisher-header-action:hover { transform: translateY(-1px); } .publisher-header-action-primary { color: #fff; -webkit-text-fill-color: #fff; background: #0874c9; border-color: #1474c4; box-shadow: 0 8px 20px #0874c938; } .publisher-header-action-primary:hover { background: #0667b3; } .publisher-page-header .publisher-header-action-secondary { color: var(--theme-on-chrome); -webkit-text-fill-color: var(--theme-on-chrome); background: #ffffff12; border-color: #ffffff2e; } .publisher-page-header .publisher-header-action-secondary:hover { background: #ffffff1f; border-color: #ffffff52; } .publisher-button { border: 1px solid #0000; border-radius: 10px; gap: 6px; min-height: 34px; padding: 0 11px; font-size: 11px; font-weight: 700; transition: background .15s, border-color .15s, color .15s; } .publisher-button-primary { color: #fff; -webkit-text-fill-color: #fff; background: #0874c9; border-color: #1474c4; } .publisher-button-primary:hover { background: #0667b3; } .publisher-button-secondary { border-color: var(--theme-border-strong); background: var(--theme-surface-raised); color: var(--theme-text); } .publisher-button-secondary:hover { background: var(--theme-surface-muted); } .publisher-button-danger { border-color: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .publisher-button-danger { border-color: color-mix(in srgb, var(--theme-danger) 30%, var(--theme-border)); } } .publisher-button-danger { background: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .publisher-button-danger { background: color-mix(in srgb, var(--theme-danger) 9%, var(--theme-surface-raised)); } } .publisher-button-danger { color: var(--theme-danger); } .publisher-button-danger:hover { background: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .publisher-button-danger:hover { background: color-mix(in srgb, var(--theme-danger) 15%, var(--theme-surface-raised)); } } .publisher-button-warning { border-color: var(--theme-warning); } @supports (color: color-mix(in lab, red, red)) { .publisher-button-warning { border-color: color-mix(in srgb, var(--theme-warning) 34%, var(--theme-border)); } } .publisher-button-warning { background: var(--theme-warning); } @supports (color: color-mix(in lab, red, red)) { .publisher-button-warning { background: color-mix(in srgb, var(--theme-warning) 11%, var(--theme-surface-raised)); } } .publisher-button-warning { color: var(--theme-warning); } @supports (color: color-mix(in lab, red, red)) { .publisher-button-warning { color: color-mix(in srgb, var(--theme-warning) 76%, var(--theme-text)); } } .publisher-button-warning:hover { background: var(--theme-warning); } @supports (color: color-mix(in lab, red, red)) { .publisher-button-warning:hover { background: color-mix(in srgb, var(--theme-warning) 17%, var(--theme-surface-raised)); } } .publisher-icon-button { border: 1px solid var(--theme-border); background: var(--theme-surface-raised); width: 34px; height: 34px; color: var(--theme-text-muted); border-radius: 10px; transition: background .15s, color .15s, border-color .15s; } .publisher-icon-button:hover { border-color: var(--theme-border-strong); background: var(--theme-surface-muted); color: var(--theme-text); } .publisher-icon-button-danger:hover { border-color: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .publisher-icon-button-danger:hover { border-color: color-mix(in srgb, var(--theme-danger) 35%, var(--theme-border)); } } .publisher-icon-button-danger:hover { color: var(--theme-danger); } .publisher-status { border: 1px solid var(--theme-border); letter-spacing: .04em; border-radius: 999px; gap: 5px; padding: 5px 9px; font-size: 10px; font-weight: 750; } .publisher-status-green { border-color: var(--theme-success); } @supports (color: color-mix(in lab, red, red)) { .publisher-status-green { border-color: color-mix(in srgb, var(--theme-success) 32%, var(--theme-border)); } } .publisher-status-green { background: var(--theme-success); } @supports (color: color-mix(in lab, red, red)) { .publisher-status-green { background: color-mix(in srgb, var(--theme-success) 10%, var(--theme-surface-raised)); } } .publisher-status-green { color: var(--theme-success); } .publisher-status-blue { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-status-blue { border-color: color-mix(in srgb, var(--theme-action) 32%, var(--theme-border)); } } .publisher-status-blue { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-status-blue { background: color-mix(in srgb, var(--theme-action) 10%, var(--theme-surface-raised)); } } .publisher-status-blue { color: var(--theme-action); } .publisher-status-amber { border-color: var(--theme-warning); } @supports (color: color-mix(in lab, red, red)) { .publisher-status-amber { border-color: color-mix(in srgb, var(--theme-warning) 35%, var(--theme-border)); } } .publisher-status-amber { background: var(--theme-warning); } @supports (color: color-mix(in lab, red, red)) { .publisher-status-amber { background: color-mix(in srgb, var(--theme-warning) 10%, var(--theme-surface-raised)); } } .publisher-status-amber { color: var(--theme-warning); } .publisher-status-red { border-color: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .publisher-status-red { border-color: color-mix(in srgb, var(--theme-danger) 32%, var(--theme-border)); } } .publisher-status-red { background: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .publisher-status-red { background: color-mix(in srgb, var(--theme-danger) 9%, var(--theme-surface-raised)); } } .publisher-status-red { color: var(--theme-danger); } .publisher-kpi-card { border: 1px solid var(--theme-border); background: var(--theme-surface-raised); min-height: 128px; color: var(--theme-text); box-shadow: var(--theme-shadow-sm); border-radius: 20px; position: relative; overflow: hidden; } .publisher-kpi-card:after { background: var(--publisher-kpi-accent, var(--theme-action)); border-radius: 999px; width: 110px; height: 110px; position: absolute; bottom: -44px; right: -28px; } @supports (color: color-mix(in lab, red, red)) { .publisher-kpi-card:after { background: color-mix(in srgb, var(--publisher-kpi-accent, var(--theme-action)) 9%, transparent); } } .publisher-kpi-card:after { content: ""; } .publisher-kpi-card--success { --publisher-kpi-accent: var(--theme-success); } .publisher-kpi-card--warning { --publisher-kpi-accent: var(--theme-warning); } .publisher-kpi-card--info { --publisher-kpi-accent: var(--theme-action); } .publisher-kpi-card--violet { --publisher-kpi-accent: #7c3aed; } .publisher-kpi-icon { color: var(--publisher-kpi-accent, var(--theme-action)); background: var(--publisher-kpi-accent, var(--theme-action)); } @supports (color: color-mix(in lab, red, red)) { .publisher-kpi-icon { background: color-mix(in srgb, var(--publisher-kpi-accent, var(--theme-action)) 11%, var(--theme-surface-raised)); } } .publisher-kpi-icon { border: 1px solid var(--publisher-kpi-accent, var(--theme-action)); } @supports (color: color-mix(in lab, red, red)) { .publisher-kpi-icon { border: 1px solid color-mix(in srgb, var(--publisher-kpi-accent, var(--theme-action)) 25%, var(--theme-border)); } } .publisher-kpi-track { background: var(--theme-surface-muted); } .publisher-kpi-fill { background: var(--publisher-kpi-accent, var(--theme-action)); } .publisher-empty-state { border: 1px dashed var(--theme-border-strong); background: var(--theme-surface-muted); border-radius: 20px; } @supports (color: color-mix(in lab, red, red)) { .publisher-empty-state { background: color-mix(in srgb, var(--theme-surface-muted) 58%, var(--theme-surface-raised)); } } .publisher-empty-state { color: var(--theme-text-secondary); text-align: center; flex-direction: column; justify-content: center; align-items: center; gap: 10px; min-height: 260px; padding: 32px; display: flex; } .publisher-empty-state h3 { color: var(--theme-text); font-size: 1rem; font-weight: 700; } .publisher-empty-state p { max-width: 520px; color: var(--theme-text-muted); font-size: .8rem; line-height: 1.55; } .publisher-empty-state-icon { border: 1px solid var(--theme-border); background: var(--theme-surface-raised); width: 54px; height: 54px; color: var(--theme-action); border-radius: 17px; place-items: center; margin-bottom: 4px; display: grid; } .publisher-data-table thead { background: var(--theme-surface-muted); color: var(--theme-text-muted); } .publisher-data-table tbody { color: var(--theme-text-secondary); } .publisher-data-table tbody tr + tr { border-top: 1px solid var(--theme-border); } .publisher-profile-layout { grid-template-columns: minmax(260px, 330px) minmax(0, 1fr); gap: 20px; display: grid; } .publisher-logo-editor { border: 1px solid var(--theme-border); background: var(--theme-surface-muted); border-radius: 16px; align-items: flex-start; gap: 18px; padding: 16px; display: flex; } .publisher-logo-editor__preview { border: 1px solid var(--theme-border-strong); color: #64748b; width: 112px; height: 112px; box-shadow: var(--theme-shadow-sm); background: #fff; border-radius: 20px; flex: none; place-items: center; display: grid; overflow: hidden; } .publisher-logo-editor__preview img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; padding: 10px; } .publisher-performance-baseline { border: 1px dashed var(--theme-border-strong); background: linear-gradient(120deg, var(--theme-action), var(--theme-surface-muted)); border-radius: 16px; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; min-height: 116px; padding: 18px; display: grid; } @supports (color: color-mix(in lab, red, red)) { .publisher-performance-baseline { background: linear-gradient(120deg, color-mix(in srgb, var(--theme-action) 7%, var(--theme-surface-muted)), var(--theme-surface-muted)); } } .publisher-performance-baseline { color: var(--theme-action); } .publisher-performance-baseline > span { border: 1px solid var(--theme-border); color: var(--theme-text-muted); background: var(--theme-surface-raised); border-radius: 999px; padding: 6px 9px; font-size: 10px; font-weight: 650; } .publisher-subscription-hero { background: radial-gradient(circle at 86% 10%, var(--theme-action), transparent 36%), linear-gradient(135deg, var(--theme-action), var(--theme-surface-raised)); } @supports (color: color-mix(in lab, red, red)) { .publisher-subscription-hero { background: radial-gradient(circle at 86% 10%, color-mix(in srgb, var(--theme-action) 15%, transparent), transparent 36%), linear-gradient(135deg, color-mix(in srgb, var(--theme-action) 7%, var(--theme-surface-raised)), var(--theme-surface-raised)); } } .publisher-subscription-hero__icon { border: 1px solid var(--theme-action); flex: none; place-items: center; width: 52px; height: 52px; display: grid; } @supports (color: color-mix(in lab, red, red)) { .publisher-subscription-hero__icon { border: 1px solid color-mix(in srgb, var(--theme-action) 28%, var(--theme-border)); } } .publisher-subscription-hero__icon { background: var(--theme-action); border-radius: 17px; } @supports (color: color-mix(in lab, red, red)) { .publisher-subscription-hero__icon { background: color-mix(in srgb, var(--theme-action) 11%, var(--theme-surface-raised)); } } .publisher-subscription-hero__icon { color: var(--theme-action); box-shadow: var(--theme-shadow-sm); } .publisher-settings-section-heading { align-items: flex-start; gap: 12px; display: flex; } .publisher-settings-section-heading > span { border: 1px solid var(--theme-action); flex: none; place-items: center; width: 38px; height: 38px; display: grid; } @supports (color: color-mix(in lab, red, red)) { .publisher-settings-section-heading > span { border: 1px solid color-mix(in srgb, var(--theme-action) 24%, var(--theme-border)); } } .publisher-settings-section-heading > span { background: var(--theme-action); border-radius: 12px; } @supports (color: color-mix(in lab, red, red)) { .publisher-settings-section-heading > span { background: color-mix(in srgb, var(--theme-action) 9%, var(--theme-surface-raised)); } } .publisher-settings-section-heading > span { color: var(--theme-action); } .publisher-settings-section-heading h2 { color: var(--theme-text); margin: 1px 0 0; font-size: .9rem; font-weight: 700; } .publisher-settings-section-heading p { color: var(--theme-text-muted); margin: 3px 0 0; font-size: .7rem; line-height: 1.45; } .publisher-field { flex-direction: column; gap: 7px; display: flex; } .publisher-field > span { color: var(--theme-text-secondary); letter-spacing: .08em; text-transform: uppercase; font-size: 10px; font-weight: 750; } .publisher-field .publisher-control { border-radius: 11px; min-height: 42px; padding: 0 12px; } .publisher-setting-toggle { cursor: pointer; align-items: center; gap: 16px; min-height: 68px; padding: 13px 2px; display: flex; position: relative; } .publisher-setting-toggle > span:first-child { flex: 1; } .publisher-setting-toggle strong { color: var(--theme-text); font-size: .78rem; font-weight: 650; display: block; } .publisher-setting-toggle small { color: var(--theme-text-muted); margin-top: 4px; font-size: .66rem; line-height: 1.45; display: block; } .publisher-setting-toggle input { opacity: 0; width: 1px; height: 1px; position: absolute; } .publisher-setting-toggle__track { border: 1px solid var(--theme-border-strong); background: var(--theme-surface-muted); border-radius: 999px; flex: none; width: 42px; height: 24px; transition: background .16s, border-color .16s; position: relative; } .publisher-setting-toggle__track > span { background: var(--theme-text-muted); border-radius: 50%; width: 16px; height: 16px; transition: transform .16s, background .16s; position: absolute; top: 3px; left: 3px; } .publisher-setting-toggle input:checked + .publisher-setting-toggle__track { border-color: var(--theme-action); background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-setting-toggle input:checked + .publisher-setting-toggle__track { background: color-mix(in srgb, var(--theme-action) 22%, var(--theme-surface-raised)); } } .publisher-setting-toggle input:checked + .publisher-setting-toggle__track > span { background: var(--theme-action); transform: translateX(18px); } .publisher-setting-toggle input:focus-visible + .publisher-setting-toggle__track { box-shadow: 0 0 0 3px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-setting-toggle input:focus-visible + .publisher-setting-toggle__track { box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-action) 18%, transparent); } } .publisher-settings-trust-note { border: 1px solid var(--theme-border); background: var(--theme-surface-muted); min-height: 42px; color: var(--theme-action); border-radius: 11px; align-items: center; gap: 10px; padding: 8px 11px; display: flex; } .publisher-settings-trust-note strong, .publisher-settings-trust-note small { display: block; } .publisher-settings-trust-note strong { color: var(--theme-text); font-size: 11px; } .publisher-settings-trust-note small { color: var(--theme-text-muted); margin-top: 2px; font-size: 9px; } .publisher-settings-help { border: 1px solid var(--theme-border); background: var(--theme-surface-muted); width: 24px; height: 24px; color: var(--theme-action); cursor: help; border-radius: 999px; place-items: center; display: inline-grid; } .publisher-workflow-explainer { border: 1px solid var(--theme-action); grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; margin-top: 18px; display: grid; } @supports (color: color-mix(in lab, red, red)) { .publisher-workflow-explainer { border: 1px solid color-mix(in srgb, var(--theme-action) 24%, var(--theme-border)); } } .publisher-workflow-explainer { background: var(--theme-action); border-radius: 15px; padding: 12px; } @supports (color: color-mix(in lab, red, red)) { .publisher-workflow-explainer { background: color-mix(in srgb, var(--theme-action) 6%, var(--theme-surface-muted)); } } .publisher-workflow-explainer > svg { color: var(--theme-text-muted); } .publisher-workflow-explainer > div { min-width: 0; } .publisher-workflow-explainer span { background: var(--theme-action); color: #fff; border-radius: 999px; place-items: center; width: 22px; height: 22px; margin-bottom: 7px; font-size: 10px; font-weight: 800; display: grid; } .publisher-workflow-explainer strong, .publisher-workflow-explainer small { display: block; } .publisher-workflow-explainer strong { color: var(--theme-text); font-size: 11px; } .publisher-workflow-explainer small { color: var(--theme-text-muted); margin-top: 3px; font-size: 9px; line-height: 1.4; } .publisher-role-row { border: 1px solid var(--theme-border); background: var(--theme-surface-muted); border-radius: 12px; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px; display: grid; } .publisher-role-row > span { background: var(--theme-action); border-radius: 9px; place-items: center; width: 30px; height: 30px; display: grid; } @supports (color: color-mix(in lab, red, red)) { .publisher-role-row > span { background: color-mix(in srgb, var(--theme-action) 11%, var(--theme-surface-raised)); } } .publisher-role-row > span { color: var(--theme-action); } .publisher-role-row strong, .publisher-role-row small { display: block; } .publisher-role-row strong { color: var(--theme-text); font-size: 11px; } .publisher-role-row small { color: var(--theme-text-muted); margin-top: 2px; font-size: 9px; line-height: 1.4; } .publisher-role-row em { border: 1px solid var(--theme-success); } @supports (color: color-mix(in lab, red, red)) { .publisher-role-row em { border: 1px solid color-mix(in srgb, var(--theme-success) 28%, var(--theme-border)); } } .publisher-role-row em { background: var(--theme-success); border-radius: 999px; padding: 4px 7px; } @supports (color: color-mix(in lab, red, red)) { .publisher-role-row em { background: color-mix(in srgb, var(--theme-success) 9%, var(--theme-surface-raised)); } } .publisher-role-row em { color: var(--theme-success); font-size: 9px; font-style: normal; font-weight: 750; } .publisher-pack-builder__header, .publisher-pack-builder__library, .publisher-pack-builder__readiness { background: var(--theme-surface-muted); } .publisher-pack-builder__composition { background: var(--theme-surface); } .publisher-pack-name { color: var(--theme-text); -webkit-text-fill-color: var(--theme-text); box-shadow: none !important; background: none !important; } .publisher-pack-name::-moz-placeholder { color: var(--theme-text-muted); -webkit-text-fill-color: var(--theme-text-muted); } .publisher-pack-name::placeholder { color: var(--theme-text-muted); -webkit-text-fill-color: var(--theme-text-muted); } .publisher-pack-source-card { border-color: var(--theme-border); background: var(--theme-surface-raised); box-shadow: var(--theme-shadow-sm); } .publisher-pack-source-card:hover { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-source-card:hover { border-color: color-mix(in srgb, var(--theme-action) 40%, var(--theme-border)); } } .publisher-pack-source-card.is-selected { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-source-card.is-selected { border-color: color-mix(in srgb, var(--theme-action) 62%, var(--theme-border)); } } .publisher-pack-source-card.is-selected { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-source-card.is-selected { background: color-mix(in srgb, var(--theme-action) 6%, var(--theme-surface-raised)); } } .publisher-pack-source-card__title { color: var(--theme-text); } .publisher-pack-source-card__meta { background: var(--theme-surface-muted); color: var(--theme-text-muted); } .publisher-pack-adaptation, .publisher-pack-add-source { border: 1px solid var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-adaptation, .publisher-pack-add-source { border: 1px solid color-mix(in srgb, var(--theme-action) 32%, var(--theme-border)); } } .publisher-pack-adaptation, .publisher-pack-add-source { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-adaptation, .publisher-pack-add-source { background: color-mix(in srgb, var(--theme-action) 10%, var(--theme-surface-raised)); } } .publisher-pack-adaptation, .publisher-pack-add-source { color: var(--theme-action); } .publisher-pack-adaptation:hover, .publisher-pack-add-source:hover { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-adaptation:hover, .publisher-pack-add-source:hover { border-color: color-mix(in srgb, var(--theme-action) 52%, var(--theme-border)); } } .publisher-pack-adaptation:hover, .publisher-pack-add-source:hover { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-adaptation:hover, .publisher-pack-add-source:hover { background: color-mix(in srgb, var(--theme-action) 17%, var(--theme-surface-raised)); } } .publisher-pack-adaptation:hover, .publisher-pack-add-source:hover { color: var(--theme-action-hover); } .publisher-pack-origin { font-weight: 700; border: 1px solid var(--theme-border) !important; } .publisher-pack-origin--rag { border-color: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-origin--rag { border-color: color-mix(in srgb, var(--theme-action) 28%, var(--theme-border)) !important; } } .publisher-pack-origin--rag { background: var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-origin--rag { background: color-mix(in srgb, var(--theme-action) 9%, var(--theme-surface-raised)) !important; } } .publisher-pack-origin--rag { color: var(--theme-action) !important; } .publisher-pack-origin--legacy { border-color: #8b5cf6 !important; } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-origin--legacy { border-color: color-mix(in srgb, #8b5cf6 30%, var(--theme-border)) !important; } } .publisher-pack-origin--legacy { background: #8b5cf6 !important; } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-origin--legacy { background: color-mix(in srgb, #8b5cf6 9%, var(--theme-surface-raised)) !important; } } .publisher-pack-origin--legacy { color: #a78bfa !important; } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-origin--legacy { color: color-mix(in srgb, #a78bfa 76%, var(--theme-text)) !important; } } .publisher-pack-origin--studio { border-color: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-origin--studio { border-color: color-mix(in srgb, var(--theme-success) 30%, var(--theme-border)) !important; } } .publisher-pack-origin--studio { background: var(--theme-success) !important; } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-origin--studio { background: color-mix(in srgb, var(--theme-success) 9%, var(--theme-surface-raised)) !important; } } .publisher-pack-origin--studio { color: var(--theme-success) !important; } .publisher-pack-rule-card { border-color: var(--theme-border); background: var(--theme-surface-raised); color: var(--theme-text); } .publisher-pack-rule-card:hover { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-rule-card:hover { background: color-mix(in srgb, var(--theme-action) 3%, var(--theme-surface-raised)); } } .publisher-pack-rule-title { color: var(--theme-text); } .publisher-pack-rule-description { color: var(--theme-text-secondary); } .publisher-pack-rule-actions { border-color: var(--theme-border); background: var(--theme-surface-muted); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-rule-actions { background: color-mix(in srgb, var(--theme-surface-muted) 55%, transparent); } } .publisher-pack-order { border-color: var(--theme-border); background: var(--theme-surface-muted); color: var(--theme-text-muted); } .publisher-pack-order button:hover { background: var(--theme-surface-raised); color: var(--theme-text); } .publisher-pack-order-index { color: var(--theme-text-soft); } .publisher-pack-rule-open { color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-rule-open { color: color-mix(in srgb, var(--theme-action) 60%, var(--theme-text-muted)); } } .publisher-pack-rule-card:hover .publisher-pack-rule-open, .publisher-pack-info-icon { color: var(--theme-action); } .publisher-pack-rule-remove { border-color: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-rule-remove { border-color: color-mix(in srgb, var(--theme-danger) 24%, var(--theme-border)); } } .publisher-pack-rule-remove { background: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-rule-remove { background: color-mix(in srgb, var(--theme-danger) 6%, var(--theme-surface-raised)); } } .publisher-pack-rule-remove { color: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-rule-remove { color: color-mix(in srgb, var(--theme-danger) 82%, var(--theme-text)); } } .publisher-pack-rule-remove:hover { border-color: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-rule-remove:hover { border-color: color-mix(in srgb, var(--theme-danger) 45%, var(--theme-border)); } } .publisher-pack-rule-remove:hover { background: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-rule-remove:hover { background: color-mix(in srgb, var(--theme-danger) 11%, var(--theme-surface-raised)); } } .publisher-pack-rule-remove:hover { color: var(--theme-danger); } .publisher-pack-readiness-check { border-color: var(--theme-border); background: var(--theme-surface-muted); } .publisher-pack-missing-checks { color: var(--theme-warning); } .publisher-pack-publication-blocked:disabled { border-color: var(--theme-disabled-border) !important; background: var(--theme-disabled-bg) !important; color: var(--theme-disabled-fg) !important; -webkit-text-fill-color: var(--theme-disabled-fg) !important; opacity: 1 !important; } .publisher-pack-logic-token { border: 1px solid var(--theme-border); background: var(--theme-surface-muted); color: var(--theme-text-secondary); border-radius: 7px; align-items: center; gap: 6px; padding: 4px 8px; font-size: 10px; display: flex; box-shadow: inset 0 1px #ffffff0f; } .publisher-pack-logic-token strong { color: var(--theme-text); } .publisher-pack-logic-token small { color: var(--theme-text-muted); text-transform: uppercase; } .publisher-pack-success { border-color: var(--theme-success); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-success { border-color: color-mix(in srgb, var(--theme-success) 30%, var(--theme-border)); } } .publisher-pack-success { background: var(--theme-success); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-success { background: color-mix(in srgb, var(--theme-success) 9%, var(--theme-surface-raised)); } } .publisher-pack-success { color: var(--theme-success); } @supports (color: color-mix(in lab, red, red)) { .publisher-pack-success { color: color-mix(in srgb, var(--theme-success) 70%, var(--theme-text)); } } html.light .publisher-pack-builder, html[data-theme="light"] .publisher-pack-builder { color: #102a3f !important; background: #f7fafc !important; border-color: #aebdca !important; box-shadow: 0 16px 38px #0f293d1f !important; } html.light .publisher-pack-builder__header, html[data-theme="light"] .publisher-pack-builder__header, html.light .publisher-pack-builder__library, html.light .publisher-pack-builder__readiness, html[data-theme="light"] .publisher-pack-builder__library, html[data-theme="light"] .publisher-pack-builder__readiness { background: #edf3f7 !important; border-color: #b7c5d1 !important; } html.light .publisher-pack-builder__composition, html[data-theme="light"] .publisher-pack-builder__composition { background: #f8fafc !important; } html.light .publisher-pack-builder .publisher-control, html[data-theme="light"] .publisher-pack-builder .publisher-control { color: #102a3f !important; -webkit-text-fill-color: #102a3f !important; opacity: 1 !important; background: #fff !important; border-color: #9fb1c0 !important; } html.light .publisher-pack-builder .publisher-control::-moz-placeholder, html[data-theme="light"] .publisher-pack-builder .publisher-control::-moz-placeholder { color: #607487 !important; -webkit-text-fill-color: #607487 !important; opacity: 1 !important; } html.light .publisher-pack-builder .publisher-control::placeholder, html[data-theme="light"] .publisher-pack-builder .publisher-control::placeholder { color: #607487 !important; -webkit-text-fill-color: #607487 !important; opacity: 1 !important; } html.light .publisher-pack-builder .publisher-pack-name, html[data-theme="light"] .publisher-pack-builder .publisher-pack-name { color: #0b2235 !important; -webkit-text-fill-color: #0b2235 !important; box-shadow: none !important; background: none !important; border: 0 !important; border-bottom: 1px solid #0000 !important; } html.light .publisher-pack-builder .publisher-pack-name::-moz-placeholder, html[data-theme="light"] .publisher-pack-builder .publisher-pack-name::-moz-placeholder { color: #486276 !important; -webkit-text-fill-color: #486276 !important; opacity: 1 !important; } html.light .publisher-pack-builder .publisher-pack-name::placeholder, html[data-theme="light"] .publisher-pack-builder .publisher-pack-name::placeholder { color: #486276 !important; -webkit-text-fill-color: #486276 !important; opacity: 1 !important; } html.light .publisher-pack-builder .publisher-pack-name:focus, html[data-theme="light"] .publisher-pack-builder .publisher-pack-name:focus { border-bottom-color: #0b6fbd !important; box-shadow: 0 2px #0b6fbd24 !important; } html.light .publisher-pack-builder [class*="text-soft"], html[data-theme="light"] .publisher-pack-builder [class*="text-soft"] { color: #536b7d !important; -webkit-text-fill-color: #536b7d !important; opacity: 1 !important; } html.light .publisher-pack-builder .publisher-pack-adaptation, html.light .publisher-pack-builder .publisher-pack-add-source, html[data-theme="light"] .publisher-pack-builder .publisher-pack-adaptation, html[data-theme="light"] .publisher-pack-builder .publisher-pack-add-source { color: #075b9d !important; -webkit-text-fill-color: #075b9d !important; opacity: 1 !important; background: #e5f2fc !important; border-color: #75aee0 !important; } html.light .publisher-pack-builder .publisher-pack-adaptation:hover, html.light .publisher-pack-builder .publisher-pack-add-source:hover, html[data-theme="light"] .publisher-pack-builder .publisher-pack-adaptation:hover, html[data-theme="light"] .publisher-pack-builder .publisher-pack-add-source:hover { color: #064f8a !important; background: #d8ecfb !important; border-color: #0b6fbd !important; } html.light .publisher-pack-builder .publisher-pack-source-card, html.light .publisher-pack-builder .publisher-pack-rule-card, html[data-theme="light"] .publisher-pack-builder .publisher-pack-source-card, html[data-theme="light"] .publisher-pack-builder .publisher-pack-rule-card { background: #fff !important; border-color: #b5c4d0 !important; box-shadow: 0 3px 10px #0f293d12 !important; } html.light .publisher-pack-builder .publisher-pack-source-card.is-selected, html[data-theme="light"] .publisher-pack-builder .publisher-pack-source-card.is-selected { background: #edf6fd !important; border-color: #0b6fbd !important; } html.light .publisher-pack-builder .publisher-pack-origin--legacy, html[data-theme="light"] .publisher-pack-builder .publisher-pack-origin--legacy { color: #5d3699 !important; -webkit-text-fill-color: #5d3699 !important; background: #f2edfb !important; border-color: #b29ade !important; } html.light .publisher-pack-builder .publisher-pack-origin--studio, html[data-theme="light"] .publisher-pack-builder .publisher-pack-origin--studio { color: #086245 !important; -webkit-text-fill-color: #086245 !important; background: #e7f7f0 !important; border-color: #70bfa0 !important; } html.light .publisher-pack-builder .publisher-pack-origin--rag, html[data-theme="light"] .publisher-pack-builder .publisher-pack-origin--rag { color: #075b9d !important; -webkit-text-fill-color: #075b9d !important; background: #e7f2fc !important; border-color: #75aee0 !important; } html.light .publisher-pack-builder .publisher-pack-order, html[data-theme="light"] .publisher-pack-builder .publisher-pack-order { color: #3d586e !important; background: #edf2f6 !important; border-color: #b5c4d0 !important; } html.light .publisher-pack-builder .publisher-pack-order button:not(:disabled):hover, html[data-theme="light"] .publisher-pack-builder .publisher-pack-order button:not(:disabled):hover { color: #075b9d !important; background: #dce8f1 !important; } html.light .publisher-pack-builder .publisher-pack-rule-actions, html[data-theme="light"] .publisher-pack-builder .publisher-pack-rule-actions { background: #f3f6f9 !important; border-color: #c2ced8 !important; } html.light .publisher-pack-builder .publisher-pack-rule-remove, html[data-theme="light"] .publisher-pack-builder .publisher-pack-rule-remove { color: #9f1d34 !important; -webkit-text-fill-color: #9f1d34 !important; opacity: 1 !important; background: #fff3f4 !important; border-color: #df9ba5 !important; } html.light .publisher-pack-builder .publisher-pack-rule-remove:hover, html[data-theme="light"] .publisher-pack-builder .publisher-pack-rule-remove:hover { color: #89152e !important; background: #fee8eb !important; border-color: #b7193f !important; } html.light .publisher-pack-builder .publisher-pack-readiness-panel, html[data-theme="light"] .publisher-pack-builder .publisher-pack-readiness-panel { background: #fff !important; border-color: #aebdca !important; box-shadow: 0 8px 22px #0f293d17 !important; } html.light .publisher-pack-builder .publisher-pack-readiness-check, html[data-theme="light"] .publisher-pack-builder .publisher-pack-readiness-check { background: #edf2f6 !important; border-color: #c1cdd7 !important; } html.light .publisher-pack-builder .publisher-pack-publication-blocked:disabled, html[data-theme="light"] .publisher-pack-builder .publisher-pack-publication-blocked:disabled { color: #30495e !important; -webkit-text-fill-color: #30495e !important; opacity: 1 !important; background: #d6dfe7 !important; border-color: #9eacb8 !important; } html.light .publisher-pack-builder .publisher-pack-missing-checks, html[data-theme="light"] .publisher-pack-builder .publisher-pack-missing-checks { color: #7a4700 !important; -webkit-text-fill-color: #7a4700 !important; } html.light .publisher-pack-builder .publisher-pack-cancel, html[data-theme="light"] .publisher-pack-builder .publisher-pack-cancel { color: #3d586e !important; -webkit-text-fill-color: #3d586e !important; } html.light .publisher-pack-builder .publisher-pack-cancel:hover, html[data-theme="light"] .publisher-pack-builder .publisher-pack-cancel:hover { color: #102a3f !important; background: #dde6ed !important; } html.light .publisher-pack-builder .publisher-pack-save, html.light .publisher-pack-builder .publisher-pack-save *, html[data-theme="light"] .publisher-pack-builder .publisher-pack-save, html[data-theme="light"] .publisher-pack-builder .publisher-pack-save * { color: #fff !important; -webkit-text-fill-color: #fff !important; } html.light .publisher-workspace .publisher-panel, html.light .publisher-workspace .publisher-card, html[data-theme="light"] .publisher-workspace .publisher-panel, html[data-theme="light"] .publisher-workspace .publisher-card { border-color: #cbd7e2; box-shadow: 0 5px 18px #19354c12, 0 1px 2px #19354c0a; } html.light .publisher-workspace .publisher-control, html[data-theme="light"] .publisher-workspace .publisher-control { color: #10283d !important; -webkit-text-fill-color: #10283d !important; background: #fff !important; border-color: #b9c8d5 !important; } html.light .publisher-workspace .publisher-control::-moz-placeholder, html[data-theme="light"] .publisher-workspace .publisher-control::-moz-placeholder { color: #6b7f90 !important; -webkit-text-fill-color: #6b7f90 !important; } html.light .publisher-workspace .publisher-control::placeholder, html[data-theme="light"] .publisher-workspace .publisher-control::placeholder { color: #6b7f90 !important; -webkit-text-fill-color: #6b7f90 !important; } html.light .publisher-page-header__title, html[data-theme="light"] .publisher-page-header__title { color: #f8fbff !important; -webkit-text-fill-color: #f8fbff !important; } html.light .publisher-page-header__description, html[data-theme="light"] .publisher-page-header__description { color: #e2edf7d1 !important; -webkit-text-fill-color: #e2edf7d1 !important; } html.light .publisher-page-header__indicator strong, html[data-theme="light"] .publisher-page-header__indicator strong { color: #f8fbff; -webkit-text-fill-color: #f8fbff; } @media (max-width: 920px) { .publisher-page-header__main { flex-direction: column; align-items: flex-start; } .publisher-page-header__actions { justify-content: flex-start; width: 100%; } .publisher-profile-layout { grid-template-columns: 1fr; } .publisher-performance-baseline { grid-template-columns: auto 1fr; } .publisher-performance-baseline > span { grid-column: 1 / -1; justify-self: start; } } @media (max-width: 640px) { .publisher-logo-editor { flex-direction: column; } .publisher-logo-editor__preview { width: 96px; height: 96px; } .publisher-workflow-explainer { grid-template-columns: 1fr; } .publisher-workflow-explainer > svg { justify-self: center; transform: rotate(90deg); } } .publisher-alerts-explainer { border: 1px solid var(--theme-action); justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.1rem; display: flex; } @supports (color: color-mix(in lab, red, red)) { .publisher-alerts-explainer { border: 1px solid color-mix(in srgb, var(--theme-action) 26%, var(--theme-border)); } } .publisher-alerts-explainer { background: var(--theme-action); border-radius: 1rem; } @supports (color: color-mix(in lab, red, red)) { .publisher-alerts-explainer { background: color-mix(in srgb, var(--theme-action) 6%, var(--theme-surface)); } } .publisher-alerts-explainer { color: var(--theme-text); } .publisher-alerts-explainer > div { align-items: flex-start; gap: .75rem; min-width: 0; display: flex; } .publisher-alerts-explainer > div > svg { color: var(--theme-action); flex: none; margin-top: .1rem; } .publisher-alerts-explainer strong { font-size: .82rem; display: block; } .publisher-alerts-explainer p { color: var(--theme-text-muted); margin-top: .2rem; font-size: .73rem; line-height: 1.5; } .publisher-alert-filter { min-height: 2.35rem; color: var(--theme-text-muted); border: 1px solid #0000; border-radius: .75rem; align-items: center; gap: .45rem; padding: .45rem .7rem; font-size: .72rem; font-weight: 650; transition: all .15s; display: inline-flex; } .publisher-alert-filter:hover { border-color: var(--theme-border); background: var(--theme-surface-muted); color: var(--theme-text); } .publisher-alert-filter[aria-pressed="true"] { border-color: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-alert-filter[aria-pressed="true"] { border-color: color-mix(in srgb, var(--theme-action) 38%, var(--theme-border)); } } .publisher-alert-filter[aria-pressed="true"] { background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .publisher-alert-filter[aria-pressed="true"] { background: color-mix(in srgb, var(--theme-action) 10%, var(--theme-surface)); } } .publisher-alert-filter[aria-pressed="true"] { color: var(--theme-action); } .publisher-alert-filter span { background: var(--theme-surface-muted); min-width: 1.35rem; height: 1.35rem; color: var(--theme-text); border-radius: 999px; justify-content: center; align-items: center; font-size: .62rem; display: inline-flex; } .publisher-alert-row { border: 1px solid var(--theme-border); background: var(--theme-surface); border-radius: 1rem; align-items: flex-start; gap: .9rem; padding: 1rem; display: flex; box-shadow: 0 5px 18px #081f310e; } .publisher-alert-row--critical { border-left: 4px solid #dc2626; } .publisher-alert-row--action { border-left: 4px solid #d97706; } .publisher-alert-row--information { border-left: 4px solid #0876d1; } .publisher-alert-row__icon { background: var(--theme-surface-muted); width: 2.35rem; height: 2.35rem; color: var(--theme-action); border-radius: .75rem; flex: 0 0 2.35rem; justify-content: center; align-items: center; display: inline-flex; } .publisher-alert-row--critical .publisher-alert-row__icon { color: #b91c1c; background: #dc262617; } .publisher-alert-row--action .publisher-alert-row__icon { color: #a75408; background: #d977061a; } .publisher-alert-row h2 { color: var(--theme-text); font-size: .86rem; font-weight: 700; } .publisher-alert-row p { color: var(--theme-text-muted); margin-top: .3rem; font-size: .75rem; line-height: 1.5; } .publisher-alert-row__meta { color: var(--theme-text-soft); flex-wrap: wrap; gap: .8rem; margin-top: .65rem; font-size: .65rem; display: flex; } .publisher-alert-row__meta span { align-items: center; gap: .3rem; display: inline-flex; } .publisher-alert-priority { letter-spacing: .055em; text-transform: uppercase; border-radius: 999px; align-items: center; padding: .22rem .45rem; font-size: .58rem; font-weight: 760; display: inline-flex; } .publisher-alert-priority--critical { color: #991b1b; background: #fee2e2; } .publisher-alert-priority--action { color: #8a4308; background: #fff1d6; } .publisher-alert-priority--information { color: #075b9d; background: #dff0ff; } .publisher-settings-delivery-note { border: 1px solid var(--theme-action); gap: .2rem; margin-top: 1rem; padding: .8rem .9rem; display: grid; } @supports (color: color-mix(in lab, red, red)) { .publisher-settings-delivery-note { border: 1px solid color-mix(in srgb, var(--theme-action) 24%, var(--theme-border)); } } .publisher-settings-delivery-note { background: var(--theme-action); border-radius: .8rem; } @supports (color: color-mix(in lab, red, red)) { .publisher-settings-delivery-note { background: color-mix(in srgb, var(--theme-action) 5%, var(--theme-surface-muted)); } } .publisher-settings-delivery-note strong { color: var(--theme-text); font-size: .72rem; } .publisher-settings-delivery-note span { color: var(--theme-text-muted); font-size: .68rem; line-height: 1.45; } .publisher-public-profile-name { color: var(--theme-text) !important; -webkit-text-fill-color: var(--theme-text) !important; } @media (max-width: 840px) { .publisher-alerts-explainer, .publisher-alert-row { flex-direction: column; align-items: stretch; } } html.light .rule-editor-shell, html[data-theme="light"] .rule-editor-shell { --re-canvas: #e8eff5; --re-panel: #fff; --re-panel-raised: #fff; --re-panel-soft: #eef3f7; --re-field: #fff; --re-border: #14304640; --re-border-strong: #1430466b; --re-text: #0b2235; --re-text-secondary: #334f65; --re-muted: #61768a; } html.light .rule-editor-workbench, html[data-theme="light"] .rule-editor-workbench { background: #fff !important; border-color: #b7c5d1 !important; box-shadow: 0 14px 36px #0f293d1c !important; } html.light .rule-logic-editor, html[data-theme="light"] .rule-logic-editor { background: #f7fafc !important; } html.light .rule-logic-header, html[data-theme="light"] .rule-logic-header { background: #eef4f8 !important; border-color: #bac8d4 !important; } html.light .rule-logic-header h3, html.light .rule-logic-header h3 *, html[data-theme="light"] .rule-logic-header h3, html[data-theme="light"] .rule-logic-header h3 * { color: #0b2235 !important; -webkit-text-fill-color: #0b2235 !important; } html.light .rule-editor-tablist, html[data-theme="light"] .rule-editor-tablist { background: #e4ebf1 !important; border-color: #b5c4d0 !important; } html.light .rule-editor-tablist [role="tab"][aria-selected="false"], html[data-theme="light"] .rule-editor-tablist [role="tab"][aria-selected="false"] { color: #3c566b !important; -webkit-text-fill-color: #3c566b !important; } html.light .rule-editor-tablist [role="tab"][aria-selected="true"], html.light .rule-editor-tablist [role="tab"][aria-selected="true"] *, html[data-theme="light"] .rule-editor-tablist [role="tab"][aria-selected="true"], html[data-theme="light"] .rule-editor-tablist [role="tab"][aria-selected="true"] * { color: #fff !important; -webkit-text-fill-color: #fff !important; } html.light .rule-dictionary-toggle, html[data-theme="light"] .rule-dictionary-toggle { color: #29465e !important; -webkit-text-fill-color: #29465e !important; background: #fff !important; border-color: #9fb1c0 !important; } html.light .rule-dictionary-toggle[aria-expanded="true"], html[data-theme="light"] .rule-dictionary-toggle[aria-expanded="true"] { color: #075b9d !important; -webkit-text-fill-color: #075b9d !important; background: #e8f3fd !important; border-color: #0876d1 !important; } html.light .rule-logic-toolbar, html[data-theme="light"] .rule-logic-toolbar { background: #edf3f7 !important; border-color: #bac8d4 !important; } html.light .rule-logic-toolbar p, html[data-theme="light"] .rule-logic-toolbar p { color: #4d667b !important; -webkit-text-fill-color: #4d667b !important; } html.light .rule-logic-toolbar-action, html[data-theme="light"] .rule-logic-toolbar-action { color: #29465e !important; -webkit-text-fill-color: #29465e !important; opacity: 1 !important; background: #fff !important; border-color: #aebdca !important; } html.light .rule-logic-toolbar-action--blue:not(:disabled), html[data-theme="light"] .rule-logic-toolbar-action--blue:not(:disabled) { color: #075b9d !important; -webkit-text-fill-color: #075b9d !important; background: #e7f2fc !important; border-color: #75aee0 !important; } html.light .rule-logic-toolbar-action--green:not(:disabled), html[data-theme="light"] .rule-logic-toolbar-action--green:not(:disabled) { color: #086245 !important; -webkit-text-fill-color: #086245 !important; background: #e7f7f0 !important; border-color: #70bfa0 !important; } html.light .rule-logic-toolbar-action--purple:not(:disabled), html[data-theme="light"] .rule-logic-toolbar-action--purple:not(:disabled) { color: #5d3699 !important; -webkit-text-fill-color: #5d3699 !important; background: #f2edfb !important; border-color: #b29ade !important; } html.light .rule-logic-toolbar-action:disabled, html[data-theme="light"] .rule-logic-toolbar-action:disabled { color: #65798a !important; -webkit-text-fill-color: #65798a !important; opacity: 1 !important; background: #e1e8ee !important; border-color: #c6d0d9 !important; } html.light .rule-logic-canvas, html[data-theme="light"] .rule-logic-canvas { background: #fbfcfe !important; } html.light .rule-logic-group-header, html[data-theme="light"] .rule-logic-group-header { background: #fff !important; border-color: #b9c7d2 !important; } html.light .rule-logic-group-operator, html[data-theme="light"] .rule-logic-group-operator { color: #163b59 !important; -webkit-text-fill-color: #163b59 !important; } html.light .rule-logic-node-actions button, html[data-theme="light"] .rule-logic-node-actions button { color: #49647a !important; -webkit-text-fill-color: #49647a !important; } html.light .rule-condition-card, html[data-theme="light"] .rule-condition-card { background: #f2f6f9 !important; border-color: #b5c4d0 !important; } html.light .rule-condition-card :is(input, select), html[data-theme="light"] .rule-condition-card :is(input, select) { color: #102a3f !important; -webkit-text-fill-color: #102a3f !important; background: #fff !important; border-color: #aebdca !important; } html.light .rule-condition-card :is(input, select):disabled, html[data-theme="light"] .rule-condition-card :is(input, select):disabled { color: #596f82 !important; -webkit-text-fill-color: #596f82 !important; opacity: 1 !important; background: #e5ebf0 !important; } html.light .rule-variable-guide-shell, html[data-theme="light"] .rule-variable-guide-shell { border-color: #b5c4d0 !important; } html.light .rule-variable-guide, html[data-theme="light"] .rule-variable-guide { background: #eef3f7 !important; } html.light .rule-variable-guide__header, html.light .rule-variable-guide__filters, html[data-theme="light"] .rule-variable-guide__header, html[data-theme="light"] .rule-variable-guide__filters { background: #f5f8fa !important; border-color: #b5c4d0 !important; } html.light .rule-variable-guide__header h3, html.light .rule-variable-guide__header h3 *, html[data-theme="light"] .rule-variable-guide__header h3, html[data-theme="light"] .rule-variable-guide__header h3 * { color: #102a3f !important; -webkit-text-fill-color: #102a3f !important; } html.light .rule-variable-guide__count, html[data-theme="light"] .rule-variable-guide__count { color: #075b9d !important; -webkit-text-fill-color: #075b9d !important; background: #e3f1fc !important; border-color: #7aaeda !important; } html.light .rule-variable-guide__close, html[data-theme="light"] .rule-variable-guide__close { color: #49647a !important; -webkit-text-fill-color: #49647a !important; } html.light .rule-variable-guide__search, html[data-theme="light"] .rule-variable-guide__search { color: #102a3f !important; -webkit-text-fill-color: #102a3f !important; background: #fff !important; border-color: #aebdca !important; } html.light .rule-variable-guide__filter, html[data-theme="light"] .rule-variable-guide__filter { color: #3d586e !important; -webkit-text-fill-color: #3d586e !important; background: #fff !important; border-color: #b5c4d0 !important; } html.light .rule-variable-guide__filter[aria-pressed="true"], html[data-theme="light"] .rule-variable-guide__filter[aria-pressed="true"] { color: #064f8a !important; -webkit-text-fill-color: #064f8a !important; background: #deeffc !important; border-color: #0876d1 !important; } html.light .rule-variable-card, html[data-theme="light"] .rule-variable-card { background: #fff !important; border-color: #aebdca !important; } html.light .rule-variable-card__title, html[data-theme="light"] .rule-variable-card__title { color: #0b2235 !important; -webkit-text-fill-color: #0b2235 !important; } html.light .rule-variable-card__group, html[data-theme="light"] .rule-variable-card__group { color: #075b9d !important; -webkit-text-fill-color: #075b9d !important; } html.light .rule-variable-card__description, html.light .rule-variable-card dd, html.light .rule-variable-card dt, html[data-theme="light"] .rule-variable-card__description, html[data-theme="light"] .rule-variable-card dd, html[data-theme="light"] .rule-variable-card dt { color: #486276 !important; -webkit-text-fill-color: #486276 !important; } html.light .rule-variable-card__use, html[data-theme="light"] .rule-variable-card__use { color: #075b9d !important; -webkit-text-fill-color: #075b9d !important; background: #e5f2fc !important; border-color: #7aaeda !important; } html.light .rule-variable-card__use:disabled, html[data-theme="light"] .rule-variable-card__use:disabled { color: #65798a !important; -webkit-text-fill-color: #65798a !important; opacity: 1 !important; background: #e2e8ee !important; border-color: #c6d0d9 !important; } html.light .rule-scenario-summary, html[data-theme="light"] .rule-scenario-summary { background: #edf9f4 !important; border-color: #8fbfae !important; } html.light .rule-scenario-title, html[data-theme="light"] .rule-scenario-title { color: #123c31 !important; -webkit-text-fill-color: #123c31 !important; } html.light .rule-scenario-summary p, html[data-theme="light"] .rule-scenario-summary p { color: #365f54 !important; -webkit-text-fill-color: #365f54 !important; } html.light .rule-scenario-preset, html[data-theme="light"] .rule-scenario-preset { opacity: 1 !important; } html.light .rule-scenario-preset--reference, html[data-theme="light"] .rule-scenario-preset--reference { color: #29465e !important; -webkit-text-fill-color: #29465e !important; background: #fff !important; border-color: #a8b8c5 !important; } html.light .rule-scenario-preset--pass, html[data-theme="light"] .rule-scenario-preset--pass { color: #075c42 !important; -webkit-text-fill-color: #075c42 !important; background: #dcf4ea !important; border-color: #62ad91 !important; } html.light .rule-scenario-preset--fail, html[data-theme="light"] .rule-scenario-preset--fail { color: #7a4306 !important; -webkit-text-fill-color: #7a4306 !important; background: #fff2d8 !important; border-color: #d7a348 !important; } html.light .rule-scenario-info, html[data-theme="light"] .rule-scenario-info { color: #294f6d !important; -webkit-text-fill-color: #294f6d !important; background: #edf6fd !important; border-color: #9fc2df !important; } html.light .rule-scenario-condition, html[data-theme="light"] .rule-scenario-condition { background: #f3f6f9 !important; border-color: #b5c4d0 !important; } html.light .rule-scenario-condition h5, html[data-theme="light"] .rule-scenario-condition h5 { color: #102a3f !important; -webkit-text-fill-color: #102a3f !important; } html.light .rule-scenario-condition p, html[data-theme="light"] .rule-scenario-condition p { color: #4b6579 !important; -webkit-text-fill-color: #4b6579 !important; } html.light .rule-scenario-status, html[data-theme="light"] .rule-scenario-status { opacity: 1 !important; } html.light .rule-scenario-status[class*="emerald"], html[data-theme="light"] .rule-scenario-status[class*="emerald"] { color: #075c42 !important; -webkit-text-fill-color: #075c42 !important; background: #dcf4ea !important; border-color: #62ad91 !important; } html.light .rule-scenario-status[class*="red"], html[data-theme="light"] .rule-scenario-status[class*="red"] { color: #981b2c !important; -webkit-text-fill-color: #981b2c !important; background: #fee8ea !important; border-color: #df8790 !important; } html.light .active-context-switcher, html[data-theme="light"] .active-context-switcher { color: #102a3f; background: #fff !important; border-color: #b8c8d5 !important; box-shadow: 0 16px 34px #16354d33 !important; } html.light .active-context-switcher [class~="text-zinc-100"], html.light .active-context-switcher [class~="text-zinc-200"], html.light .active-context-switcher [class~="text-zinc-400"], html[data-theme="light"] .active-context-switcher [class~="text-zinc-100"], html[data-theme="light"] .active-context-switcher [class~="text-zinc-200"], html[data-theme="light"] .active-context-switcher [class~="text-zinc-400"] { color: #16354d !important; -webkit-text-fill-color: #16354d !important; } html.light .active-context-switcher [class~="text-zinc-500"], html.light .active-context-switcher [class~="text-zinc-550"], html[data-theme="light"] .active-context-switcher [class~="text-zinc-500"], html[data-theme="light"] .active-context-switcher [class~="text-zinc-550"] { color: #587187 !important; -webkit-text-fill-color: #587187 !important; } html.light .active-context-switcher [class~="border-zinc-850"], html.light .active-context-switcher [class~="border-zinc-805"], html.light .active-context-switcher [class~="border-zinc-800"], html.light .active-context-switcher [class~="border-zinc-900"], html[data-theme="light"] .active-context-switcher [class~="border-zinc-850"], html[data-theme="light"] .active-context-switcher [class~="border-zinc-805"], html[data-theme="light"] .active-context-switcher [class~="border-zinc-800"], html[data-theme="light"] .active-context-switcher [class~="border-zinc-900"] { border-color: #c8d5df !important; } html.light .active-context-switcher [class~="bg-zinc-900"], html.light .active-context-switcher [class~="bg-zinc-900/10"], html.light .active-context-switcher [class~="bg-zinc-900/40"], html.light .active-context-switcher [class~="bg-zinc-900/60"], html.light .active-context-switcher [class~="bg-zinc-800"], html[data-theme="light"] .active-context-switcher [class~="bg-zinc-900"], html[data-theme="light"] .active-context-switcher [class~="bg-zinc-900/10"], html[data-theme="light"] .active-context-switcher [class~="bg-zinc-900/40"], html[data-theme="light"] .active-context-switcher [class~="bg-zinc-900/60"], html[data-theme="light"] .active-context-switcher [class~="bg-zinc-800"] { background-color: #f1f5f8 !important; } html.light .active-context-switcher button:hover, html[data-theme="light"] .active-context-switcher button:hover { color: #0b3b63 !important; background-color: #e5f1fb !important; } html.light .app-topbar .context-switcher-personal-badge, html[data-theme="light"] .app-topbar .context-switcher-personal-badge { box-shadow: inset 0 0 0 1px #ffffff7a; color: #123b5b !important; -webkit-text-fill-color: #123b5b !important; background: #e6f2fb !important; border-color: #91b7d2 !important; } html.dark :is([class~="text-white/5"], [class~="text-white/10"], [class~="text-white/15"], [class~="text-white/20"], [class~="text-white/25"], [class~="text-white/30"], [class~="text-white/35"], [class~="text-zinc-600"], [class~="text-zinc-700"], [class~="text-zinc-550"], [class~="text-slate-600"], [class~="text-slate-700"], [class~="text-gray-600"], [class~="text-gray-700"]) { color: var(--theme-text-muted) !important; -webkit-text-fill-color: var(--theme-text-muted) !important; opacity: 1 !important; } html.dark :is([class~="text-white/40"], [class~="text-white/45"], [class~="text-white/50"], [class~="text-white/55"], [class~="text-white/60"], [class~="text-zinc-400"], [class~="text-zinc-500"], [class~="text-zinc-350"], [class~="text-slate-400"], [class~="text-slate-500"], [class~="text-gray-400"], [class~="text-gray-500"]) { color: var(--theme-text-secondary) !important; -webkit-text-fill-color: var(--theme-text-secondary) !important; opacity: 1 !important; } html.dark :is([class~="text-white/65"], [class~="text-white/70"], [class~="text-white/75"], [class~="text-white/80"], [class~="text-white/85"], [class~="text-white/90"], [class~="text-zinc-100"], [class~="text-zinc-200"], [class~="text-zinc-300"], [class~="text-slate-100"], [class~="text-slate-200"], [class~="text-slate-300"], [class~="text-gray-100"], [class~="text-gray-200"], [class~="text-gray-300"]) { color: var(--theme-text) !important; -webkit-text-fill-color: var(--theme-text) !important; opacity: 1 !important; } html.dark [class*="placeholder:text-white/"]::-moz-placeholder, html.dark [class*="placeholder:text-zinc-"]::-moz-placeholder, html.dark [class*="placeholder:text-slate-"]::-moz-placeholder { color: var(--theme-text-soft) !important; -webkit-text-fill-color: var(--theme-text-soft) !important; opacity: 1 !important; } html.dark [class*="placeholder:text-white/"]::placeholder, html.dark [class*="placeholder:text-zinc-"]::placeholder, html.dark [class*="placeholder:text-slate-"]::placeholder { color: var(--theme-text-soft) !important; -webkit-text-fill-color: var(--theme-text-soft) !important; opacity: 1 !important; } html.dark .hr-console { background: var(--theme-canvas) !important; color: var(--theme-text) !important; } html.dark .hr-console :is([class~="bg-black"], [class~="bg-zinc-950"], [class~="bg-[#09090B]"]) { background: var(--theme-canvas) !important; } html.dark .hr-console :is([class~="bg-[#0A0A0A]"], [class~="bg-[#0F0F10]"], [class~="bg-[#111]"], [class~="bg-[#111113]"], [class~="bg-[#121214]"], [class~="bg-[#151517]"], [class~="bg-[#18181B]"], [class~="bg-[#1A1A1B]"], [class~="bg-[#1C1C1E]"], [class~="bg-zinc-900"]) { background: var(--theme-surface) !important; } html.dark .hr-console :is([class~="bg-black/10"], [class~="bg-black/15"], [class~="bg-black/20"], [class~="bg-white/[0.005]"], [class~="bg-white/[0.01]"], [class~="bg-white/[0.02]"], [class~="bg-white/[0.025]"], [class~="bg-white/[0.03]"], [class~="bg-white/[0.035]"], [class~="bg-white/[0.04]"], [class~="bg-white/[0.05]"], [class~="bg-white/5"]) { background: var(--theme-surface-raised) !important; } html.dark .hr-console :is([class~="bg-white/[0.06]"], [class~="bg-white/[0.07]"], [class~="bg-white/[0.08]"], [class~="bg-white/[0.10]"], [class~="bg-white/10"], [class~="bg-zinc-800"]) { background: var(--theme-surface-muted) !important; } html.dark :is(.hr-console, .hr-dialog) :is([class*="border-white/"], [class*="divide-white/"], [class~="border-zinc-700"], [class~="border-zinc-800"], [class~="border-zinc-900"]) { border-color: var(--theme-border) !important; } html.dark .hr-console :is(input, textarea, select), html.dark .hr-dialog :is(input, textarea, select) { caret-color: var(--theme-action); background: var(--theme-control-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; -webkit-text-fill-color: var(--theme-text) !important; } html.dark :is(.hr-console, .hr-dialog) :is(input, textarea)::-moz-placeholder { color: var(--theme-text-soft) !important; -webkit-text-fill-color: var(--theme-text-soft) !important; opacity: 1 !important; } html.dark :is(.hr-console, .hr-dialog) :is(input, textarea)::placeholder { color: var(--theme-text-soft) !important; -webkit-text-fill-color: var(--theme-text-soft) !important; opacity: 1 !important; } html.dark :is(.hr-console, .hr-dialog) :is(input, textarea, select):focus { border-color: var(--theme-action) !important; box-shadow: 0 0 0 3px var(--theme-action) !important; } @supports (color: color-mix(in lab, red, red)) { html.dark :is(.hr-console, .hr-dialog) :is(input, textarea, select):focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-action) 22%, transparent) !important; } } html.dark :is(.hr-console, .hr-dialog) :is(input, textarea, select):focus { outline: none !important; } html.dark :is(.hr-risk-radar, .hr-risk-summary, .hr-metric-card, .hr-directory-table, .hr-team-calendar) { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; box-shadow: var(--theme-shadow-sm) !important; } html.dark .hr-special-days > header, html.dark .hr-org-settings > header, html.dark .hr-special-days > div > div > aside { background: var(--theme-surface) !important; border-color: var(--theme-border) !important; } html.dark .hr-special-days > div > div > main, html.dark .hr-org-settings { background: var(--theme-canvas) !important; } html.dark .hr-dialog { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; } html.dark .hr-dialog :is([class~="bg-black"], [class~="bg-black/20"], [class~="bg-black/40"], [class~="bg-[#09090B]"], [class~="bg-[#111113]"], [class~="bg-[#18181B]"], [class~="bg-[#1C1C1E]"], [class~="bg-zinc-950"], [class~="bg-zinc-900"], [class~="bg-white/[0.01]"], [class~="bg-white/[0.02]"], [class~="bg-white/[0.03]"], [class~="bg-white/[0.04]"], [class~="bg-white/[0.05]"], [class~="bg-white/5"]) { background: var(--theme-surface) !important; } html.dark .hr-dialog :is([class~="text-white"], [class~="text-zinc-100"], [class~="text-zinc-200"]) { color: var(--theme-text) !important; -webkit-text-fill-color: var(--theme-text) !important; } html.dark .hr-dialog [class*="text-white/"] { color: var(--theme-text-secondary) !important; -webkit-text-fill-color: var(--theme-text-secondary) !important; opacity: 1 !important; } html.light :is(.hr-risk-radar, .hr-risk-summary, .hr-metric-card, .hr-directory-table, .hr-team-calendar) { background: var(--theme-surface-raised) !important; border-color: var(--theme-border-strong) !important; box-shadow: var(--theme-shadow-md) !important; } html.dark .marketplace-page { background: var(--theme-workspace) !important; color: var(--theme-text) !important; } html.dark .marketplace-page .marketplace-command-bar { background: var(--theme-chrome-bg) !important; border-color: var(--theme-chrome-border) !important; } html.dark .marketplace-page .marketplace-results-header { background: var(--theme-surface-muted) !important; border-color: var(--theme-border-strong) !important; } html.dark .marketplace-page .marketplace-filter-rail { background: var(--theme-surface) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text-secondary) !important; } html.dark .marketplace-page .marketplace-catalog-card { background: var(--theme-card-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; box-shadow: var(--theme-shadow-sm) !important; } html.dark .marketplace-page .marketplace-catalog-card:hover { background: var(--theme-surface-raised) !important; border-color: var(--theme-action) !important; box-shadow: var(--theme-shadow-md) !important; } html.dark .marketplace-page :is([class~="text-slate-100"], [class~="text-slate-200"], [class~="text-white"]) { color: var(--theme-text) !important; -webkit-text-fill-color: var(--theme-text) !important; } html.dark .marketplace-page :is([class~="text-slate-300"], [class~="text-slate-400"], [class~="text-slate-500"], [class~="text-slate-600"]) { color: var(--theme-text-secondary) !important; -webkit-text-fill-color: var(--theme-text-secondary) !important; } html.dark .marketplace-page :is(input, select, textarea) { background: var(--theme-control-bg) !important; border-color: var(--theme-border-strong) !important; color: var(--theme-text) !important; } html.light .marketplace-page .marketplace-catalog-card { border-color: var(--theme-border-strong) !important; box-shadow: var(--theme-shadow-sm) !important; } .day183-admin-workspace :is([class~="text-white"], [class~="text-zinc-100"], [class~="text-zinc-200"]) { color: var(--admin-text) !important; -webkit-text-fill-color: var(--admin-text) !important; } .day183-admin-workspace :is([class~="text-zinc-300"], [class~="text-zinc-400"]) { color: var(--admin-text-secondary) !important; -webkit-text-fill-color: var(--admin-text-secondary) !important; } .day183-admin-workspace :is([class~="text-zinc-500"], [class~="text-zinc-600"], [class~="text-zinc-700"]) { color: var(--admin-text-muted) !important; -webkit-text-fill-color: var(--admin-text-muted) !important; } .day183-admin-workspace :is([class*="border-white/"], [class*="divide-white/"]) { border-color: var(--admin-border-strong) !important; } .day183-admin-workspace :is([class*="bg-white/[."], [class~="bg-white/[0.02]"], [class~="bg-white/[0.025]"], [class~="bg-white/[0.03]"], [class~="bg-white/[0.04]"]) { background: var(--admin-panel) !important; } .day183-admin-workspace :is([class~="bg-black/20"], [class~="bg-black/30"], [class~="bg-zinc-950"], [class~="bg-slate-950"]) { background: var(--admin-control-bg) !important; } .day183-admin-workspace :is(input, select, textarea) { border-color: var(--admin-border-strong) !important; color: var(--admin-text) !important; -webkit-text-fill-color: var(--admin-text) !important; } .day183-admin-workspace :is(input, textarea)::-moz-placeholder { color: var(--admin-text-muted) !important; -webkit-text-fill-color: var(--admin-text-muted) !important; opacity: 1 !important; } .day183-admin-workspace :is(input, textarea)::placeholder { color: var(--admin-text-muted) !important; -webkit-text-fill-color: var(--admin-text-muted) !important; opacity: 1 !important; } .day183-admin-workspace :is([class~="bg-blue-500"], [class~="bg-blue-600"], [class~="bg-[#0A84FF]"], [class~="bg-emerald-500"], [class~="bg-emerald-600"], [class~="bg-rose-500"], [class~="bg-rose-600"])[class~="text-white"], .day183-admin-workspace :is([class~="bg-blue-500"], [class~="bg-blue-600"], [class~="bg-[#0A84FF]"], [class~="bg-emerald-500"], [class~="bg-emerald-600"], [class~="bg-rose-500"], [class~="bg-rose-600"]) [class~="text-white"] { color: #fff !important; -webkit-text-fill-color: #fff !important; } .no-scrollbar, .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .no-scrollbar::-webkit-scrollbar { width: 0; height: 0; display: none; } .scrollbar-hide::-webkit-scrollbar { width: 0; height: 0; display: none; } .dashboard-corridor-rail { overflow: hidden; } .dashboard-corridor-scroll { overscroll-behavior-inline: contain; padding-block: .125rem; padding-inline-end: .75rem; scroll-padding-inline: .75rem; } .dashboard-corridor-scroll > :last-child { margin-inline-end: .375rem; } .dashboard-corridor-scroll:focus-visible { outline: 2px solid var(--theme-action); outline-offset: 2px; } html.light .rag-admin-root .rag-registry-hero { background: radial-gradient(circle at 88% 14%, #5e53ca30, #0000 32%), linear-gradient(135deg, #fff 0%, #f5f7ff 54%, #e9eef9 100%) !important; border-color: #879cb3 !important; box-shadow: 0 18px 36px #27394f21 !important; } html.light .rag-admin-root .rag-registry-kpis { background: #fff !important; border-color: #8397aa !important; box-shadow: 0 10px 22px #27394f1f !important; } html.light .rag-admin-root .rag-registry-tabs { border-color: #8fa1b1 !important; } html.light .rag-admin-root .rag-engine-library-card { background: #f2f5fa !important; border-color: #8fa3ba !important; box-shadow: 0 18px 32px #2b3d5224 !important; } html.light .rag-admin-root .rag-engine-filter-panel { background: #e5ebf2 !important; border-color: #9aacbd !important; box-shadow: inset 0 1px #ffffffe6 !important; } html.light .rag-admin-root .rag-engine-filter-panel :is(input, select) { background: #fff !important; border-color: #879bad !important; } .rag-admin-root .rag-engine-rule-list { scrollbar-gutter: stable; padding-inline-end: .5rem; } html.light .rag-admin-root .rag-engine-rule-card { background: #fff !important; border-color: #a0b1c1 !important; box-shadow: 0 5px 13px #25374b14 !important; } html.light .rag-admin-root .rag-engine-rule-card:hover { background: #f6f7ff !important; border-color: #7569c9 !important; } html.light .rag-admin-root .rag-engine-rule-card[class*="border-indigo-500"] { background: #e9e7fb !important; border-color: #6659c7 !important; box-shadow: 0 0 0 1px #6659c733, 0 10px 22px #463b9724 !important; } html.light .rag-admin-root .rag-engine-editor-header { background: #fff !important; border-color: #8298ad !important; box-shadow: 0 16px 30px #26374b21 !important; } html.light .rag-admin-root .rag-engine-editor-header > [class*="bg-indigo-500/10"] { color: #493d98 !important; background: #ebe8ff !important; border-color: #9d91de !important; } html.light .rag-admin-root .rag-editor-section { background: #f8fafc !important; border-color: #94a8b9 !important; box-shadow: 0 6px 16px #293b4f12 !important; } html.light .rag-admin-root .rag-editor-section--territory { background: #f5f5fc !important; border-color: #9e9bc3 !important; } html.light .rag-admin-root .rag-editor-section--conditions { background: #f4f8fb !important; border-color: #8fa9bc !important; } html.light .rag-admin-root .rag-territory-card--resident { background: #eeecff !important; border-color: #a69be3 !important; } html.light .rag-admin-root .rag-territory-card--employer { background: #eaf7f1 !important; border-color: #83c4a4 !important; } html.light .rag-admin-root .rag-territory-card :is(button, input, select) { background: #fff !important; border-color: #8297a8 !important; } html.light .rag-admin-root .rag-inspector-card { border-color: #8fa4b5 !important; box-shadow: 0 12px 26px #26384c1c !important; } html.light .rag-admin-root .rag-inspector-card--execution { background: #eef8f3 !important; border-color: #78b697 !important; } html.light .rag-admin-root .rag-inspector-card--metadata { background: #f1f5fa !important; border-color: #8da7bd !important; } html.light .rag-admin-root .rag-inspector-card :is(input, select, textarea, details) { background: #fff !important; border-color: #879bac !important; } html.dark .rag-admin-root .rag-registry-hero { background: radial-gradient(circle at 88% 12%, #6356d238, #0000 34%), linear-gradient(135deg, #142636 0%, #172b3c 56%, #1c2940 100%) !important; border-color: #4f687e !important; } html.dark .rag-admin-root .rag-registry-kpis { background: #10202e !important; border-color: #4b6478 !important; } html.dark .rag-admin-root .rag-engine-library-card { background: #132635 !important; border-color: #496378 !important; } html.dark .rag-admin-root .rag-engine-filter-panel { background: #0e202e !important; border-color: #3e596e !important; } html.dark .rag-admin-root .rag-engine-filter-panel :is(input, select) { background: #172c3b !important; border-color: #4c667a !important; } html.dark .rag-admin-root .rag-engine-rule-card { background: #192d3c !important; border-color: #405c71 !important; } html.dark .rag-admin-root .rag-engine-rule-card:hover { background: #21384a !important; border-color: #756bd0 !important; } html.dark .rag-admin-root .rag-engine-rule-card[class*="border-indigo-500"] { background: #292b50 !important; border-color: #8378e0 !important; box-shadow: 0 0 0 1px #8378e033, 0 14px 26px #02081252 !important; } html.dark .rag-admin-root .rag-engine-editor-header { background: #162a39 !important; border-color: #4e687c !important; } html.dark .rag-admin-root .rag-editor-section { background: #1a2d3b !important; border-color: #455f73 !important; } html.dark .rag-admin-root .rag-editor-section--territory { background: #1b293c !important; border-color: #575b86 !important; } html.dark .rag-admin-root .rag-territory-card--resident { background: #292848 !important; border-color: #7068ad !important; } html.dark .rag-admin-root .rag-territory-card--employer { background: #173a31 !important; border-color: #3b8068 !important; } html.dark .rag-admin-root .rag-territory-card :is(button, input, select), html.dark .rag-admin-root .rag-editor-section :is(input, select, textarea) { background: #102331 !important; border-color: #4c6679 !important; } html.dark .rag-admin-root .rag-inspector-card { border-color: #486276 !important; } html.dark .rag-admin-root .rag-inspector-card--execution { background: #12352c !important; border-color: #397760 !important; } html.dark .rag-admin-root .rag-inspector-card--metadata { background: #192c3c !important; border-color: #47677f !important; } .global-calendar-page { --gc-shell: var(--theme-workspace); --gc-panel: #172735; --gc-panel-muted: #203443; --gc-cell: #1c3040; --gc-cell-weekend: #182a38; --gc-cell-outside: #111f2a; --gc-cell-hover: #263f51; --gc-grid: #3d5668; --gc-border: #3b5569; --gc-border-strong: #587286; --gc-text: #f2f6f8; --gc-text-secondary: #c3d0d8; --gc-text-muted: #9cafbc; --gc-shadow: 0 18px 44px #01080f3d; --gc-office: #58a4ff; --gc-remote: #a89cff; --gc-travel: #f4b554; --gc-vacation: #50c0d1; --gc-sick: #ff8190; --gc-holiday: #5fd4ac; --gc-neutral: #a0b1bd; background: radial-gradient(circle at 92% 0%, var(--theme-action), transparent 28rem), var(--gc-shell); gap: 1.25rem; width: 100%; padding: clamp(1rem, 1.8vw, 1.75rem); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-page { background: radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--theme-action) 7%, transparent), transparent 28rem), var(--gc-shell); } } .global-calendar-page { color: var(--gc-text); } html.light .global-calendar-page { --gc-shell: #f2f5f5; --gc-panel: #fff; --gc-panel-muted: #f3f6f6; --gc-cell: #fff; --gc-cell-weekend: #f4f7f8; --gc-cell-outside: #edf1f2; --gc-cell-hover: #edf5fb; --gc-grid: #d5dfe0; --gc-border: #d1dcdd; --gc-border-strong: #9fb1b3; --gc-text: #142331; --gc-text-secondary: #405563; --gc-text-muted: #647986; --gc-shadow: 0 14px 36px #152b3917, 0 2px 8px #152b390d; --gc-office: #0869c6; --gc-remote: #5a4fc4; --gc-travel: #9b6200; --gc-vacation: #08778c; --gc-sick: #b92c4d; --gc-holiday: #08785a; --gc-neutral: #5c707d; } .global-calendar-hero { border-bottom: 1px solid var(--gc-border); padding: .25rem .25rem 1.25rem; } .global-calendar-hero-icon, .global-calendar-detail-icon { border: 1px solid var(--theme-action); flex: none; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .global-calendar-hero-icon, .global-calendar-detail-icon { border: 1px solid color-mix(in srgb, var(--theme-action) 30%, var(--gc-border)); } } .global-calendar-hero-icon, .global-calendar-detail-icon { background: var(--theme-action); border-radius: .875rem; } @supports (color: color-mix(in lab, red, red)) { .global-calendar-hero-icon, .global-calendar-detail-icon { background: color-mix(in srgb, var(--theme-action) 11%, var(--gc-panel)); } } .global-calendar-hero-icon, .global-calendar-detail-icon { color: var(--theme-action); box-shadow: inset 0 1px #ffffff80; } .global-calendar-hero h1 { color: var(--gc-text); letter-spacing: -.025em; margin: .15rem 0 0; font-size: clamp(1.2rem, 1.8vw, 1.5rem); font-weight: 750; line-height: 1.15; } .global-calendar-eyebrow, .global-calendar-board-kicker { color: var(--gc-text-muted); font-family: var(--font-mono); letter-spacing: .11em; text-transform: uppercase; font-size: .625rem; font-weight: 800; line-height: 1.2; display: block; } .global-calendar-hero > div:first-child > p { max-width: 48rem; color: var(--gc-text-secondary); margin: .55rem 0 0 3.25rem; font-size: .78rem; line-height: 1.55; } .global-calendar-readonly { border: 1px solid var(--theme-action); align-items: center; gap: .45rem; min-height: 2rem; padding: .4rem .75rem; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .global-calendar-readonly { border: 1px solid color-mix(in srgb, var(--theme-action) 24%, var(--gc-border)); } } .global-calendar-readonly { background: var(--theme-action); border-radius: 999px; } @supports (color: color-mix(in lab, red, red)) { .global-calendar-readonly { background: color-mix(in srgb, var(--theme-action) 8%, var(--gc-panel)); } } .global-calendar-readonly { color: var(--theme-action); font-family: var(--font-mono); letter-spacing: .04em; text-transform: uppercase; font-size: .65rem; font-weight: 750; } .global-calendar-filters { border: 1px solid var(--gc-border); background: var(--gc-panel); box-shadow: var(--theme-shadow-sm); border-radius: 1rem; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 1rem 1.5rem; padding: .9rem 1rem; display: grid; } .global-calendar-filter-heading { min-width: -moz-max-content; min-width: max-content; color: var(--gc-text-secondary); align-items: center; gap: .65rem; display: flex; } .global-calendar-filter-heading > svg { color: var(--theme-action); } .global-calendar-filter-heading span { color: var(--gc-text); font-size: .75rem; font-weight: 750; display: block; } .global-calendar-filter-heading small { color: var(--gc-text-muted); margin-top: .1rem; font-size: .625rem; display: block; } .global-calendar-filter-controls { justify-content: space-between; align-items: center; gap: .75rem; min-width: 0; display: flex; } .global-calendar-filter-chip, .global-calendar-conflict-filter { border: 1px solid var(--gc-border); background: var(--gc-panel-muted); min-height: 2rem; color: var(--gc-text-secondary); white-space: nowrap; cursor: pointer; border-radius: 999px; justify-content: center; align-items: center; gap: .45rem; padding: .38rem .72rem; font-size: .7rem; font-weight: 650; line-height: 1; transition: border-color .16s, background .16s, color .16s, box-shadow .16s; display: inline-flex; } .global-calendar-filter-chip:hover, .global-calendar-conflict-filter:hover { border-color: var(--gc-border-strong); color: var(--gc-text); } .global-calendar-filter-chip.is-active:not(.is-source-active) { border-color: var(--theme-action); background: var(--theme-action); color: var(--theme-on-action); box-shadow: 0 4px 12px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-filter-chip.is-active:not(.is-source-active) { box-shadow: 0 4px 12px color-mix(in srgb, var(--theme-action) 22%, transparent); } } .global-calendar-filter-chip.is-source-active { border-color: var(--source-accent); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-filter-chip.is-source-active { border-color: color-mix(in srgb, var(--source-accent) 50%, var(--gc-border)); } } .global-calendar-filter-chip.is-source-active { background: var(--source-accent); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-filter-chip.is-source-active { background: color-mix(in srgb, var(--source-accent) 12%, var(--gc-panel)); } } .global-calendar-filter-chip.is-source-active { color: var(--source-accent); } .global-calendar-conflict-filter { color: var(--gc-text-secondary); } .global-calendar-conflict-filter > svg { color: var(--theme-danger); } .global-calendar-conflict-filter.is-active { border-color: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-conflict-filter.is-active { border-color: color-mix(in srgb, var(--theme-danger) 58%, var(--gc-border)); } } .global-calendar-conflict-filter.is-active { background: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-conflict-filter.is-active { background: color-mix(in srgb, var(--theme-danger) 12%, var(--gc-panel)); } } .global-calendar-conflict-filter.is-active { color: var(--theme-danger); } .global-calendar-layout { grid-template-columns: minmax(0, 2fr) minmax(20rem, .92fr); align-items: start; gap: 1.25rem; min-height: 0; display: grid; } .global-calendar-panel { border: 1px solid var(--gc-border); background: var(--gc-panel); min-width: 0; color: var(--gc-text); box-shadow: var(--gc-shadow); border-radius: 1.25rem; } .global-calendar-board { padding: clamp(1rem, 1.5vw, 1.35rem); } .global-calendar-board-header { justify-content: space-between; align-items: center; gap: 1rem; min-height: 3.25rem; margin-bottom: .8rem; display: flex; } .global-calendar-board-header h2, .global-calendar-detail-header h2 { color: var(--gc-text); letter-spacing: -.015em; text-transform: capitalize; margin: .25rem 0 0; font-size: 1rem; font-weight: 760; line-height: 1.25; } .global-calendar-nav { border: 1px solid var(--gc-border); background: var(--gc-panel-muted); border-radius: .75rem; align-items: center; gap: .35rem; padding: .25rem; display: inline-flex; } .global-calendar-nav-button { min-height: 1.9rem; color: var(--gc-text-secondary); cursor: pointer; background: none; border: 0; border-radius: .55rem; justify-content: center; align-items: center; padding: .35rem .65rem; font-size: .68rem; font-weight: 700; transition: background .15s, color .15s, box-shadow .15s; display: inline-flex; } .global-calendar-nav-button.is-icon { width: 1.9rem; padding: 0; } .global-calendar-nav-button:hover { background: var(--gc-panel); color: var(--gc-text); box-shadow: var(--theme-shadow-sm); } .global-calendar-weekdays { grid-template-columns: repeat(7, minmax(0, 1fr)); align-items: center; min-height: 2rem; padding: 0 .1rem; display: grid; } .global-calendar-weekdays span { color: var(--gc-text-muted); font-family: var(--font-mono); letter-spacing: .08em; text-align: center; text-transform: uppercase; font-size: .6rem; font-weight: 800; } .global-calendar-grid { border: 1px solid var(--gc-grid); background: var(--gc-grid); border-radius: .9rem; grid-template-rows: repeat(6, minmax(5.4rem, auto)); grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 1px; display: grid; overflow: hidden; } .global-calendar-day { background: var(--gc-cell); min-width: 0; min-height: 5.4rem; color: var(--gc-text); text-align: left; cursor: pointer; border: 0; border-radius: 0; flex-direction: column; justify-content: space-between; padding: .55rem; transition: background .15s, box-shadow .15s, opacity .15s; display: flex; position: relative; } .global-calendar-day[data-weekend="true"][data-outside="false"] { background: var(--gc-cell-weekend); } .global-calendar-day[data-outside="true"] { background: var(--gc-cell-outside); color: var(--gc-text-muted); opacity: .52; } .global-calendar-day:not(.is-filtered-out):hover { z-index: 1; background: var(--gc-cell-hover); } .global-calendar-day[data-selected="true"] { z-index: 2; background: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-day[data-selected="true"] { background: color-mix(in srgb, var(--theme-action) 10%, var(--gc-cell)); } } .global-calendar-day[data-selected="true"] { box-shadow: inset 0 0 0 2px var(--theme-action), 0 7px 18px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-day[data-selected="true"] { box-shadow: inset 0 0 0 2px var(--theme-action), 0 7px 18px color-mix(in srgb, var(--theme-action) 16%, transparent); } } .global-calendar-day[data-conflict="warning"] { box-shadow: inset 0 3px 0 var(--theme-warning); } .global-calendar-day[data-conflict="critical"] { box-shadow: inset 0 3px 0 var(--theme-danger); } .global-calendar-day[data-selected="true"][data-conflict="warning"] { box-shadow: inset 0 0 0 2px var(--theme-action), inset 0 4px 0 var(--theme-warning), 0 7px 18px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-day[data-selected="true"][data-conflict="warning"] { box-shadow: inset 0 0 0 2px var(--theme-action), inset 0 4px 0 var(--theme-warning), 0 7px 18px color-mix(in srgb, var(--theme-action) 16%, transparent); } } .global-calendar-day[data-selected="true"][data-conflict="critical"] { box-shadow: inset 0 0 0 2px var(--theme-action), inset 0 4px 0 var(--theme-danger), 0 7px 18px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-day[data-selected="true"][data-conflict="critical"] { box-shadow: inset 0 0 0 2px var(--theme-action), inset 0 4px 0 var(--theme-danger), 0 7px 18px color-mix(in srgb, var(--theme-action) 16%, transparent); } } .global-calendar-day.is-filtered-out { pointer-events: none; opacity: .18; } .global-calendar-day:focus-visible, .global-calendar-filter-chip:focus-visible, .global-calendar-conflict-filter:focus-visible, .global-calendar-nav-button:focus-visible, .global-calendar-link:focus-visible { z-index: 3; outline: 3px solid var(--theme-focus); outline-offset: -2px; } .global-calendar-day-topline { justify-content: space-between; align-items: center; width: 100%; display: flex; } .global-calendar-day-number { width: 1.55rem; height: 1.55rem; color: inherit; border-radius: 999px; justify-content: center; align-items: center; font-size: .7rem; font-weight: 760; line-height: 1; display: inline-flex; } .global-calendar-day[data-today="true"] .global-calendar-day-number { background: var(--theme-action); color: var(--theme-on-action); box-shadow: 0 3px 8px var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-day[data-today="true"] .global-calendar-day-number { box-shadow: 0 3px 8px color-mix(in srgb, var(--theme-action) 28%, transparent); } } .global-calendar-conflict-indicator { align-items: center; display: flex; } .global-calendar-conflict-dot { border: 2px solid var(--gc-cell); box-sizing: content-box; border-radius: 999px; width: .45rem; height: .45rem; display: block; } .global-calendar-conflict-dot.is-warning { background: var(--theme-warning); } .global-calendar-conflict-dot.is-critical { background: var(--theme-danger); } .global-calendar-day-content { flex-direction: column; justify-content: flex-end; gap: .35rem; width: 100%; min-width: 0; margin-top: .45rem; display: flex; } .global-calendar-activity { border: 1px solid var(--activity-accent); align-items: center; width: -moz-fit-content; width: fit-content; max-width: 100%; min-height: 1.25rem; padding: .18rem .42rem; display: inline-flex; overflow: hidden; } @supports (color: color-mix(in lab, red, red)) { .global-calendar-activity { border: 1px solid color-mix(in srgb, var(--activity-accent) 32%, transparent); } } .global-calendar-activity { background: var(--activity-accent); border-radius: .42rem; } @supports (color: color-mix(in lab, red, red)) { .global-calendar-activity { background: color-mix(in srgb, var(--activity-accent) 12%, var(--gc-panel)); } } .global-calendar-activity { color: var(--activity-accent); text-overflow: ellipsis; white-space: nowrap; font-size: .58rem; font-weight: 760; line-height: 1.15; } .global-calendar-activity[data-activity="office"] { --activity-accent: var(--gc-office); } .global-calendar-activity[data-activity="remote"] { --activity-accent: var(--gc-remote); } .global-calendar-activity[data-activity="travel"] { --activity-accent: var(--gc-travel); } .global-calendar-activity[data-activity="vacation"] { --activity-accent: var(--gc-vacation); } .global-calendar-activity[data-activity="sick"] { --activity-accent: var(--gc-sick); } .global-calendar-activity[data-activity="holiday"] { --activity-accent: var(--gc-holiday); } .global-calendar-activity[data-activity="unknown"] { --activity-accent: var(--gc-neutral); } .global-calendar-source-list { flex-wrap: wrap; align-items: center; gap: .24rem; min-height: .4rem; display: flex; } .global-calendar-source-dot { background: var(--source-accent, var(--gc-neutral)); width: .42rem; height: .42rem; box-shadow: 0 0 0 2px var(--source-accent, var(--gc-neutral)); border-radius: 999px; flex: none; display: inline-block; } @supports (color: color-mix(in lab, red, red)) { .global-calendar-source-dot { box-shadow: 0 0 0 2px color-mix(in srgb, var(--source-accent, var(--gc-neutral)) 15%, transparent); } } .source-personal { --source-accent: var(--gc-neutral); } .source-blue { --source-accent: var(--gc-office); } .source-violet { --source-accent: var(--gc-remote); } .source-emerald { --source-accent: var(--gc-holiday); } .source-amber { --source-accent: var(--gc-travel); } .source-purple { --source-accent: #a06cd5; } .global-calendar-detail { max-height: calc(100dvh - var(--header-height) - 3rem); flex-direction: column; min-height: 39rem; display: flex; position: sticky; top: 1rem; overflow: hidden; } .global-calendar-detail-header { border-bottom: 1px solid var(--gc-border); background: linear-gradient(135deg, var(--gc-panel) 0%, var(--gc-panel-muted) 100%); flex: none; align-items: center; gap: .8rem; padding: 1.15rem 1.15rem 1rem; display: flex; } .global-calendar-detail-icon { border-radius: .75rem; width: 2.25rem; height: 2.25rem; } .global-calendar-detail-header h2 { font-size: .83rem; } .global-calendar-empty { border: 1px dashed var(--gc-border-strong); background: var(--gc-panel-muted); color: var(--gc-text-muted); text-align: center; border-radius: 1rem; flex-direction: column; flex: 1; justify-content: center; align-items: center; margin: 1rem; padding: 2rem; display: flex; } .global-calendar-empty > svg { color: var(--theme-action); margin-bottom: .75rem; } .global-calendar-empty p { color: var(--gc-text); margin: 0; font-size: .8rem; font-weight: 750; } .global-calendar-empty > span { max-width: 18rem; margin-top: .35rem; font-size: .68rem; line-height: 1.5; } .global-calendar-detail-body { flex-direction: column; flex: 1; min-height: 0; display: flex; } .global-calendar-detail-scroll { flex: 1; min-height: 0; padding: 1rem; overflow-y: auto; } .global-calendar-alert { border: 1px solid var(--gc-border); background: var(--gc-panel-muted); color: var(--gc-text-secondary); border-radius: .85rem; align-items: flex-start; gap: .7rem; padding: .85rem; display: flex; } .global-calendar-alert > svg { color: var(--gc-text-muted); } .global-calendar-alert[data-level="warning"] { border-color: var(--theme-warning); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-alert[data-level="warning"] { border-color: color-mix(in srgb, var(--theme-warning) 38%, var(--gc-border)); } } .global-calendar-alert[data-level="warning"] { background: var(--theme-warning); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-alert[data-level="warning"] { background: color-mix(in srgb, var(--theme-warning) 9%, var(--gc-panel)); } } .global-calendar-alert[data-level="warning"] > svg, .global-calendar-alert[data-level="warning"] h3 { color: var(--theme-warning); } .global-calendar-alert[data-level="critical"] { border-color: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-alert[data-level="critical"] { border-color: color-mix(in srgb, var(--theme-danger) 42%, var(--gc-border)); } } .global-calendar-alert[data-level="critical"] { background: var(--theme-danger); } @supports (color: color-mix(in lab, red, red)) { .global-calendar-alert[data-level="critical"] { background: color-mix(in srgb, var(--theme-danger) 10%, var(--gc-panel)); } } .global-calendar-alert[data-level="critical"] > svg, .global-calendar-alert[data-level="critical"] h3 { color: var(--theme-danger); } .global-calendar-alert h3 { color: var(--gc-text); font-family: var(--font-mono); letter-spacing: .075em; text-transform: uppercase; margin: 0; font-size: .63rem; font-weight: 850; line-height: 1.35; } .global-calendar-alert p { color: var(--gc-text-secondary); margin: .25rem 0 0; font-size: .67rem; line-height: 1.45; } .global-calendar-sources { margin-top: 1.15rem; } .global-calendar-sources > h3 { color: var(--gc-text-muted); font-family: var(--font-mono); letter-spacing: .09em; text-transform: uppercase; margin: 0 0 .65rem; font-size: .6rem; font-weight: 850; } .global-calendar-source-card { border: 1px solid var(--gc-border); background: var(--gc-panel); box-shadow: var(--theme-shadow-sm); border-radius: .9rem; flex-direction: column; gap: .75rem; margin-top: .65rem; padding: .85rem; display: flex; position: relative; overflow: hidden; } .global-calendar-source-card:before { background: var(--source-accent); content: ""; width: 3px; position: absolute; inset: 0 auto 0 0; } .global-calendar-source-header { color: var(--source-accent); justify-content: space-between; align-items: center; gap: .75rem; display: flex; } .global-calendar-source-header > div > span { color: var(--gc-text); font-size: .74rem; font-weight: 760; line-height: 1.2; } .global-calendar-source-badge { border: 1px solid var(--source-accent); align-items: center; padding: .2rem .4rem; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .global-calendar-source-badge { border: 1px solid color-mix(in srgb, var(--source-accent) 32%, var(--gc-border)); } } .global-calendar-source-badge { background: var(--source-accent); border-radius: 999px; } @supports (color: color-mix(in lab, red, red)) { .global-calendar-source-badge { background: color-mix(in srgb, var(--source-accent) 10%, var(--gc-panel)); } } .global-calendar-source-badge { color: var(--source-accent); font-family: var(--font-mono); letter-spacing: .06em; text-transform: uppercase; font-size: .52rem; font-weight: 850; } .global-calendar-source-data { border: 1px solid var(--gc-border); background: var(--gc-panel-muted); border-radius: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; display: grid; overflow: hidden; } .global-calendar-source-data > div { min-width: 0; padding: .6rem .65rem; } .global-calendar-source-data > div:nth-child(2) { border-left: 1px solid var(--gc-border); } .global-calendar-source-data-wide { border-top: 1px solid var(--gc-border); grid-column: 1 / -1; } .global-calendar-source-data small { color: var(--gc-text-muted); font-family: var(--font-mono); letter-spacing: .06em; text-transform: uppercase; font-size: .52rem; font-weight: 750; line-height: 1.2; display: block; } .global-calendar-source-data strong { color: var(--gc-text); text-overflow: ellipsis; white-space: nowrap; margin-top: .2rem; font-size: .65rem; font-weight: 720; line-height: 1.2; display: block; overflow: hidden; } .global-calendar-source-data strong.is-present { color: var(--theme-success); } .global-calendar-source-data .global-calendar-activity { margin-top: .3rem; } .global-calendar-link { color: var(--theme-action); font-family: var(--font-mono); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; background: none; border: 0; align-items: center; gap: .28rem; padding: .25rem 0; font-size: .58rem; font-weight: 850; display: inline-flex; } .global-calendar-link:hover { color: var(--theme-action-hover); } .global-calendar-readonly-note { border-top: 1px solid var(--gc-border); background: var(--gc-panel-muted); color: var(--gc-text-muted); flex: none; gap: .65rem; padding: .85rem 1rem; font-size: .65rem; line-height: 1.45; display: flex; } .global-calendar-readonly-note > svg { color: var(--theme-action); } .global-calendar-readonly-note strong { color: var(--gc-text); margin-bottom: .15rem; font-size: .65rem; display: block; } @media (max-width: 1280px) { .global-calendar-filters { grid-template-columns: 1fr; } .global-calendar-filter-heading small { display: none; } .global-calendar-layout { grid-template-columns: minmax(0, 1.65fr) minmax(18rem, .9fr); } .global-calendar-grid { grid-template-rows: repeat(6, minmax(4.8rem, auto)); } .global-calendar-day { min-height: 4.8rem; } } @media (max-width: 960px) { .global-calendar-layout { grid-template-columns: 1fr; } .global-calendar-detail { min-height: 30rem; max-height: none; position: static; } } @media (max-width: 720px) { .global-calendar-page { padding: .8rem; } .global-calendar-hero > div:first-child > p { margin-left: 0; } .global-calendar-filter-controls { flex-direction: column; align-items: flex-start; } .global-calendar-conflict-filter { align-self: stretch; } .global-calendar-board { overflow-x: auto; } .global-calendar-board-header, .global-calendar-weekdays, .global-calendar-grid { min-width: 42rem; } } .org-onboarding-console { --onboarding-canvas: #090f1d; --onboarding-panel: #10182aeb; --onboarding-panel-strong: #111b2e; --onboarding-panel-muted: #172338; --onboarding-line: #94a3b82e; --onboarding-line-strong: #818cf857; --onboarding-copy: #f8fafc; --onboarding-muted: #9fb0c5; --onboarding-accent: #7c8cff; --onboarding-accent-strong: #5b6df5; --onboarding-accent-soft: #6366f121; background: radial-gradient(circle at 12% 0%, #455cce26, transparent 28rem), radial-gradient(circle at 92% 16%, #14b8a612, transparent 24rem), var(--onboarding-canvas) !important; color: var(--onboarding-copy) !important; } html.light .org-onboarding-console { --onboarding-canvas: #edf3f6; --onboarding-panel: #fffffff0; --onboarding-panel-strong: #fff; --onboarding-panel-muted: #f2f6f8; --onboarding-line: #d6e0e6; --onboarding-line-strong: #9cc7e4; --onboarding-copy: #102a43; --onboarding-muted: #5e7183; --onboarding-accent: #0878bd; --onboarding-accent-strong: #0669aa; --onboarding-accent-soft: #0878bd17; background: radial-gradient(circle at 10% -5%, #2398da1c, #0000 28rem), linear-gradient(#eef4f6 0%, #e7eff2 100%) !important; } .org-onboarding-shell { width: min(100%, 76rem); padding-bottom: 7rem !important; } .org-onboarding-header { background: var(--onboarding-panel); border-radius: 1.25rem; box-shadow: 0 18px 42px #0208171f; border: 1px solid var(--onboarding-line) !important; padding: 1rem 1.1rem !important; } .org-onboarding-header h1, .org-onboarding-console .org-onboarding-progress h3, .org-onboarding-command-context strong { color: var(--onboarding-copy) !important; } .org-onboarding-scope-notice { border-color: var(--onboarding-line-strong) !important; background: var(--onboarding-accent-soft) !important; border-radius: 1rem !important; padding: .7rem .85rem !important; } .org-onboarding-scope-icon { border-radius: .7rem; width: 2rem; height: 2rem; } .org-onboarding-scope-notice { min-width: 0; overflow: hidden; } .org-onboarding-scope-badge { text-overflow: ellipsis; flex: none; max-width: 100%; overflow: hidden; width: auto !important; } .org-onboarding-scope-notice p { margin-top: .15rem !important; } .org-onboarding-progress { z-index: 30; background: var(--onboarding-panel); border-radius: 1.15rem; position: sticky; top: .65rem; border: 1px solid var(--onboarding-line) !important; gap: .55rem !important; padding: .55rem !important; } @supports (color: color-mix(in lab, red, red)) { .org-onboarding-progress { background: color-mix(in srgb, var(--onboarding-panel) 91%, transparent); } } .org-onboarding-progress { -webkit-backdrop-filter: blur(18px); scroll-margin-top: .65rem; box-shadow: 0 16px 36px #02081726; } .org-onboarding-progress-step { text-align: left; cursor: pointer; min-width: 0; opacity: 1 !important; background: none !important; border-color: #0000 !important; border-radius: .85rem !important; padding: .65rem .75rem !important; } .org-onboarding-progress-step:hover:not(:disabled) { background: var(--onboarding-accent-soft) !important; } .org-onboarding-progress-step.is-current { color: var(--onboarding-accent); box-shadow: inset 0 0 0 1px var(--onboarding-accent); background: var(--onboarding-accent-soft) !important; border-color: var(--onboarding-line-strong) !important; } @supports (color: color-mix(in lab, red, red)) { .org-onboarding-progress-step.is-current { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--onboarding-accent) 10%, transparent); } } .org-onboarding-progress-step.is-complete { background: #10b98112 !important; } .org-onboarding-progress-step.is-locked { cursor: default; opacity: .48 !important; } .org-onboarding-progress-step h3 { font-size: .75rem !important; } .org-onboarding-progress-step p { color: var(--onboarding-muted) !important; } .org-onboarding-feedback { z-index: 28; -webkit-backdrop-filter: blur(15px); position: sticky; top: 6.2rem; box-shadow: 0 12px 30px #02081724; border-radius: .9rem !important; padding: .75rem .9rem !important; } .org-onboarding-command-bar { z-index: 25; border: 1px solid var(--onboarding-line); background: var(--onboarding-panel-strong); border-radius: 1rem; justify-content: space-between; align-items: center; gap: 1rem; width: min(100vw - 3rem, 76rem); min-height: 4.35rem; padding: .7rem .8rem .7rem 1rem; display: flex; position: fixed; bottom: 1rem; left: 50%; right: auto; } @supports (color: color-mix(in lab, red, red)) { .org-onboarding-command-bar { background: color-mix(in srgb, var(--onboarding-panel-strong) 94%, transparent); } } .org-onboarding-command-bar { -webkit-backdrop-filter: blur(18px); transform: translateX(-50%); box-shadow: 0 14px 34px #02081724; } .org-onboarding-feedback + .org-onboarding-command-bar { bottom: 1rem; } .org-onboarding-command-context { grid-template-columns: auto auto; align-items: baseline; -moz-column-gap: .55rem; column-gap: .55rem; display: grid; } .org-onboarding-command-context > span { color: var(--onboarding-accent); letter-spacing: .1em; text-transform: uppercase; font-size: .62rem; font-weight: 900; } .org-onboarding-command-context > strong { font-size: .88rem; } .org-onboarding-command-context > small { color: var(--onboarding-muted); grid-column: 1 / -1; margin-top: .15rem; font-size: .66rem; } .org-onboarding-command-actions { justify-content: flex-end; align-items: center; gap: .45rem; display: flex; } .org-onboarding-command-actions button { border: 1px solid var(--onboarding-line) !important; box-shadow: none !important; } .org-onboarding-save-exit, .org-onboarding-back { color: var(--onboarding-copy) !important; background: var(--onboarding-panel-muted) !important; } .org-onboarding-primary { color: #fff !important; background: linear-gradient(135deg, var(--onboarding-accent), var(--onboarding-accent-strong)) !important; box-shadow: 0 9px 20px var(--onboarding-accent) !important; border-color: #0000 !important; } @supports (color: color-mix(in lab, red, red)) { .org-onboarding-primary { box-shadow: 0 9px 20px color-mix(in srgb, var(--onboarding-accent) 24%, transparent) !important; } } .org-onboarding-primary:disabled, .org-onboarding-command-actions button:disabled { opacity: .58; cursor: not-allowed; } .org-onboarding-card { border: 1px solid var(--onboarding-line) !important; background: var(--onboarding-panel) !important; border-radius: 1.35rem !important; padding: clamp(1.15rem, 2vw, 1.65rem) !important; box-shadow: 0 22px 52px #0208171c !important; } .org-onboarding-card > :not([hidden]) ~ :not([hidden]) { margin-top: 1.2rem !important; } .org-onboarding-card-intro { padding: 1rem 1.25rem !important; } .org-onboarding-card :is(input, select, textarea) { min-height: 2.45rem; } .org-onboarding-card [class*="p-6"], .org-onboarding-card [class*="p-8"] { padding: 1.15rem; } .org-onboarding-card [class*="rounded-[32px]"], .org-onboarding-card [class*="rounded-3xl"] { border-radius: 1.15rem; } .org-onboarding-import-panel { padding: 1rem !important; } .org-onboarding-actions { display: none !important; } html.light .org-onboarding-console .org-onboarding-progress { border-color: var(--onboarding-line) !important; background: #ffffffeb !important; } html.light .org-onboarding-console .org-onboarding-progress > button { color: var(--onboarding-copy) !important; background: none !important; border-color: #0000 !important; } html.light .org-onboarding-console .org-onboarding-progress > button.is-current { background: var(--onboarding-accent-soft) !important; border-color: var(--onboarding-line-strong) !important; } html.light .org-onboarding-console .org-onboarding-progress > button.is-complete { background: #edf9f4 !important; } html.light .org-onboarding-console .org-onboarding-command-bar, html.light .org-onboarding-console .org-onboarding-card, html.light .org-onboarding-console .org-onboarding-header { color: var(--onboarding-copy) !important; background: var(--onboarding-panel) !important; border-color: var(--onboarding-line) !important; } @media (max-width: 900px) { .org-onboarding-console { padding: .8rem !important; } .org-onboarding-progress { position: static; overflow-x: auto; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .org-onboarding-progress-step { min-width: 8.75rem; } .org-onboarding-command-bar, .org-onboarding-feedback, .org-onboarding-feedback + .org-onboarding-command-bar { position: static; } .org-onboarding-command-bar { flex-direction: column; align-items: flex-start; width: 100%; transform: none; } .org-onboarding-command-actions { width: 100%; } .org-onboarding-command-actions .org-onboarding-primary { flex: 1; } .org-onboarding-actions { display: flex !important; } } @media (max-width: 620px) { .org-onboarding-header, .org-onboarding-scope-notice { border-radius: .9rem; } .org-onboarding-command-actions { flex-direction: column; align-items: stretch; } .org-onboarding-command-actions button { width: 100%; } .org-onboarding-card { border-radius: 1rem !important; padding: 1rem !important; } } .org-admin-shell { --hr-canvas: var(--theme-canvas); --hr-workspace: var(--theme-workspace); --hr-panel: var(--theme-surface-raised); --hr-panel-soft: var(--theme-surface-muted); --hr-panel-tint: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell { --hr-panel-tint: color-mix(in srgb, var(--theme-action) 5%, var(--theme-surface-raised)); } } .org-admin-shell { --hr-line: var(--theme-border); --hr-line-strong: var(--theme-border-strong); --hr-ink: var(--theme-text); --hr-ink-secondary: var(--theme-text-secondary); --hr-ink-muted: var(--theme-text-muted); --hr-accent: var(--theme-action); --hr-accent-strong: var(--theme-action-pressed); --hr-accent-soft: var(--theme-action); } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell { --hr-accent-soft: color-mix(in srgb, var(--theme-action) 11%, transparent); } } .org-admin-shell { --hr-positive: var(--theme-success); --hr-warning: var(--theme-warning); --hr-danger: var(--theme-danger); --hr-radius-sm: 10px; --hr-radius-md: 14px; --hr-radius-lg: 18px; --hr-shadow-card: var(--theme-shadow-sm); --hr-shadow-raised: var(--theme-shadow-md); } html.light .org-admin-shell { --hr-canvas: #edf3f6; --hr-workspace: #f4f7f9; --hr-panel: #fff; --hr-panel-soft: #eaf0f4; --hr-panel-tint: #f2f7fc; --hr-line: #cbd7df; --hr-line-strong: #9fb2c0; --hr-ink: #10293c; --hr-ink-secondary: #40596b; --hr-ink-muted: #526a7b; --hr-accent: #0b73d9; --hr-accent-strong: #075eaf; --hr-accent-soft: #e7f2fd; --hr-positive: #087a5a; --hr-warning: #9a6204; --hr-danger: #be3450; --hr-shadow-card: 0 1px 2px #10293c0f, 0 8px 24px #10293c0e; --hr-shadow-raised: 0 18px 42px #10293c1c, 0 3px 9px #10293c0d; } html.dark .org-admin-shell { --hr-canvas: #0c1721; --hr-workspace: #101e29; --hr-panel: #172a38; --hr-panel-soft: #1d3343; --hr-panel-tint: #152f43; --hr-line: #355064; --hr-line-strong: #527085; --hr-ink: #f3f7fa; --hr-ink-secondary: #c2d0d9; --hr-ink-muted: #91a5b4; --hr-accent: #3b95f5; --hr-accent-strong: #197cde; --hr-accent-soft: #3b95f524; --hr-positive: #37bd90; --hr-warning: #e8ad46; --hr-danger: #ee7181; --hr-shadow-card: 0 1px 2px #0000003d, 0 10px 26px #00000029; --hr-shadow-raised: 0 22px 56px #00000057; } .org-admin-shell .app-topbar { min-height: 68px; border-bottom: 1px solid var(--theme-chrome-border) !important; padding: 10px 20px !important; box-shadow: 0 7px 24px #0414202e !important; } .org-admin-shell .app-topbar-brand img { border: 1px solid var(--theme-action); width: 34px !important; height: 34px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .app-topbar-brand img { border: 1px solid color-mix(in srgb, var(--theme-action) 45%, var(--theme-chrome-border)); } } .org-admin-shell .app-topbar-brand img { box-shadow: 0 5px 16px #0003; } .org-admin-shell .app-topbar-actions { gap: 14px !important; } .org-admin-shell .app-body { background: radial-gradient(circle at 72% -24%, var(--hr-accent), transparent 35%), var(--hr-canvas) !important; gap: 14px !important; padding: 14px 16px 16px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .app-body { background: radial-gradient(circle at 72% -24%, color-mix(in srgb, var(--hr-accent) 9%, transparent), transparent 35%), var(--hr-canvas) !important; } } .org-admin-shell .app-sidebar { border: 1px solid var(--theme-chrome-border) !important; gap: 14px !important; width: 252px !important; padding: 17px 12px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .app-sidebar { border: 1px solid color-mix(in srgb, var(--theme-chrome-border) 78%, white 8%) !important; } } .org-admin-shell .app-sidebar { scrollbar-width: thin; background: radial-gradient(circle at 18% 0%, #2e8fef1a, transparent 28%), linear-gradient(180deg, #0d2a3e 0%, var(--theme-chrome-bg) 54%, #091d2d 100%) !important; border-radius: 18px !important; box-shadow: 0 18px 42px #071d2d33 !important; } .org-admin-shell .app-sidebar > div:first-of-type { gap: 15px !important; } .org-admin-shell .app-sidebar .app-nav-section-label { margin-bottom: 4px; color: #91aabc !important; letter-spacing: .14em !important; padding-inline: 9px !important; font-size: 9.5px !important; font-weight: 760 !important; } .org-admin-shell .app-sidebar .app-nav-item { min-height: 40px; color: #c4d3de !important; background: #ffffff06 !important; border-color: #9bb7cb2b !important; border-radius: 11px !important; padding: 9px 11px !important; } .org-admin-shell .app-sidebar .app-nav-item:hover { transform: translateX(2px); color: #fff !important; background: #348be021 !important; border-color: #4da1f366 !important; } .org-admin-shell .app-sidebar .app-nav-item.is-active, .org-admin-shell .app-sidebar .app-nav-item[aria-current="page"] { transform: none; color: #fff !important; background: linear-gradient(135deg, #1682e8, #0866be) !important; border-color: #89c6ffa6 !important; box-shadow: 0 8px 18px #04559f4d, inset 0 1px #ffffff2e !important; } .org-admin-shell .app-sidebar .mt-auto { box-shadow: inset 0 1px #ffffff08; background: #04131f57 !important; border-color: #8faec433 !important; border-radius: 14px !important; } .org-admin-shell .app-workspace { border: 1px solid var(--hr-line) !important; background: var(--hr-workspace) !important; box-shadow: var(--hr-shadow-raised) !important; border-radius: 18px !important; } .org-admin-shell .hr-console { min-width: 0; background: var(--hr-workspace) !important; color: var(--hr-ink) !important; } .org-admin-shell .hr-page-frame { padding: clamp(20px, 2vw, 30px) !important; } .org-admin-shell .hr-page-header { border-color: var(--hr-line) !important; margin-bottom: 22px !important; padding-bottom: 21px !important; } .org-admin-shell .hr-page-header > div { align-items: flex-end; } .org-admin-shell .hr-page-eyebrow { color: var(--hr-accent) !important; letter-spacing: .16em !important; margin-bottom: 10px !important; } .org-admin-shell .hr-page-icon { border-color: var(--hr-accent) !important; width: 30px !important; height: 30px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-page-icon { border-color: color-mix(in srgb, var(--hr-accent) 24%, var(--hr-line)) !important; } } .org-admin-shell .hr-page-icon { background: var(--hr-accent-soft) !important; border-radius: 9px !important; } .org-admin-shell .hr-page-header h1 { color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; letter-spacing: -.035em !important; font-size: clamp(26px, 2vw, 32px) !important; font-weight: 760 !important; line-height: 1.08 !important; } .org-admin-shell .hr-page-header h1 + p { max-width: 760px !important; color: var(--hr-ink-secondary) !important; -webkit-text-fill-color: var(--hr-ink-secondary) !important; margin-top: 8px !important; font-size: 13.5px !important; line-height: 1.55 !important; } .org-admin-shell .hr-page-meta { color: var(--hr-ink-muted) !important; } .org-admin-shell .hr-page-meta-chip { min-height: 38px; box-shadow: 0 1px 2px #10293c0a; border-color: var(--hr-line) !important; background: var(--hr-panel) !important; color: var(--hr-ink-secondary) !important; } .org-admin-shell .hr-button { min-height: 40px; box-shadow: none !important; border-radius: 10px !important; font-size: 12px !important; font-weight: 700 !important; } .org-admin-shell .hr-button--secondary { border-color: var(--hr-line-strong) !important; background: var(--hr-panel) !important; color: var(--hr-ink-secondary) !important; -webkit-text-fill-color: var(--hr-ink-secondary) !important; } .org-admin-shell .hr-button--secondary:hover { border-color: var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-button--secondary:hover { border-color: color-mix(in srgb, var(--hr-accent) 48%, var(--hr-line)) !important; } } .org-admin-shell .hr-button--secondary:hover { background: var(--hr-accent-soft) !important; color: var(--hr-accent-strong) !important; -webkit-text-fill-color: var(--hr-accent-strong) !important; } .org-admin-shell .hr-button--primary { border: 1px solid var(--hr-accent-strong) !important; background: linear-gradient(135deg, var(--hr-accent), var(--hr-accent-strong)) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-button--primary { background: linear-gradient(135deg, color-mix(in srgb, var(--hr-accent) 92%, white), var(--hr-accent-strong)) !important; } } .org-admin-shell .hr-button--primary { color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 7px 16px var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-button--primary { box-shadow: 0 7px 16px color-mix(in srgb, var(--hr-accent) 22%, transparent) !important; } } html.light .org-admin-shell .hr-console :is([class~="text-white"], [class~="text-zinc-100"], [class~="text-zinc-200"]) { color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; } html.light .org-admin-shell .hr-console :is([class~="text-white/80"], [class~="text-white/75"], [class~="text-white/70"], [class~="text-white/65"], [class~="text-white/60"], [class~="text-white/55"], [class~="text-zinc-300"], [class~="text-zinc-400"], [class~="text-slate-300"], [class~="text-slate-400"], [class~="text-soft"]) { color: var(--hr-ink-secondary) !important; -webkit-text-fill-color: var(--hr-ink-secondary) !important; opacity: 1 !important; } html.light .org-admin-shell .hr-console :is([class~="text-white/50"], [class~="text-white/45"], [class~="text-white/40"], [class~="text-white/35"], [class~="text-white/30"], [class~="text-white/25"], [class~="text-white/20"], [class~="text-white/10"], [class~="text-zinc-500"], [class~="text-zinc-600"], [class~="text-slate-500"], [class~="text-slate-600"]) { color: var(--hr-ink-muted) !important; -webkit-text-fill-color: var(--hr-ink-muted) !important; opacity: 1 !important; } .org-admin-shell .hr-console :is([class~="bg-[#0A84FF]"], [class~="bg-blue-500"], [class~="bg-blue-600"], [class~="bg-indigo-500"], [class~="bg-indigo-600"])[class~="text-white"], .org-admin-shell .hr-console :is([class~="bg-[#0A84FF]"], [class~="bg-blue-500"], [class~="bg-blue-600"], [class~="bg-indigo-500"], [class~="bg-indigo-600"]) [class~="text-white"] { color: #fff !important; -webkit-text-fill-color: #fff !important; } .org-admin-shell :is(.hr-risk-radar, .hr-risk-summary, .hr-metric-card, .hr-surface-card, .hr-directory-table, .hr-team-calendar, .hr-section-card, .hr-profile-card, .hr-rule-card) { border-color: var(--hr-line) !important; background: var(--hr-panel) !important; color: var(--hr-ink) !important; box-shadow: var(--hr-shadow-card) !important; } .org-admin-shell .hr-risk-radar, .org-admin-shell .hr-risk-summary { border-radius: var(--hr-radius-lg) !important; padding: 22px !important; } .org-admin-shell .hr-risk-radar h2, .org-admin-shell .hr-risk-summary h2 { color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; letter-spacing: -.025em !important; font-size: 18px !important; } .org-admin-shell .hr-risk-radar .recharts-polar-grid-angle line, .org-admin-shell .hr-risk-radar .recharts-polar-grid-concentric-polygon { stroke: var(--hr-line-strong) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-radar .recharts-polar-grid-angle line, .org-admin-shell .hr-risk-radar .recharts-polar-grid-concentric-polygon { stroke: color-mix(in srgb, var(--hr-line-strong) 76%, transparent) !important; } } .org-admin-shell .hr-risk-radar .recharts-polar-angle-axis-tick-value { fill: var(--hr-ink-secondary) !important; font-size: 10px !important; } .org-admin-shell :is(.hr-risk-score, .hr-risk-axis, .hr-attention-card)[data-level="low"] { --risk-tone: var(--hr-positive); } .org-admin-shell :is(.hr-risk-score, .hr-risk-axis, .hr-attention-card)[data-level="moderate"] { --risk-tone: var(--hr-warning); } .org-admin-shell :is(.hr-risk-score, .hr-risk-axis, .hr-attention-card)[data-level="high"] { --risk-tone: var(--hr-danger); } .org-admin-shell :is(.hr-risk-score, .hr-risk-axis, .hr-attention-card)[data-level="unknown"] { --risk-tone: var(--hr-ink-muted); } .org-admin-shell .hr-risk-visual-grid { grid-template-columns: minmax(0, 1.08fr) minmax(238px, .92fr); align-items: stretch; gap: 16px; display: grid; } .org-admin-shell .hr-risk-chart-panel { border: 1px solid var(--hr-line); background: radial-gradient(circle at 50% 43%, var(--hr-accent), transparent 49%), var(--hr-panel-soft); border-radius: 14px; min-width: 0; margin: 0; padding: 12px 14px; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-chart-panel { background: radial-gradient(circle at 50% 43%, color-mix(in srgb, var(--hr-accent) 8%, transparent), transparent 49%), var(--hr-panel-soft); } } .org-admin-shell .hr-risk-coverage { color: var(--hr-ink-muted); grid-template-columns: 1fr auto; align-items: center; gap: 7px 12px; padding: 0 6px 3px; font-size: 10px; font-weight: 650; display: grid; } .org-admin-shell .hr-risk-coverage strong { color: var(--hr-ink-secondary); font-variant-numeric: tabular-nums; } .org-admin-shell .hr-risk-coverage > i { background: var(--hr-line); border-radius: 999px; grid-column: 1 / -1; height: 5px; display: block; overflow: hidden; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-coverage > i { background: color-mix(in srgb, var(--hr-line) 70%, transparent); } } .org-admin-shell .hr-risk-coverage > i > b { border-radius: inherit; background: var(--hr-accent); height: 100%; display: block; } .org-admin-shell .hr-risk-axis-list { flex-direction: column; gap: 8px; min-width: 0; display: flex; } .org-admin-shell .hr-risk-axis { border: 1px solid var(--hr-line); background: var(--hr-panel); border-radius: 12px; align-items: center; gap: 10px; min-height: 59px; padding: 9px 10px; display: flex; } .org-admin-shell .hr-risk-axis-icon, .org-admin-shell .hr-risk-empty-icon { border: 1px solid var(--risk-tone, var(--hr-warning)); flex: none; justify-content: center; align-items: center; width: 30px; height: 30px; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-axis-icon, .org-admin-shell .hr-risk-empty-icon { border: 1px solid color-mix(in srgb, var(--risk-tone, var(--hr-warning)) 28%, var(--hr-line)); } } .org-admin-shell .hr-risk-axis-icon, .org-admin-shell .hr-risk-empty-icon { background: var(--risk-tone, var(--hr-warning)); border-radius: 9px; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-axis-icon, .org-admin-shell .hr-risk-empty-icon { background: color-mix(in srgb, var(--risk-tone, var(--hr-warning)) 10%, var(--hr-panel)); } } .org-admin-shell .hr-risk-axis-icon, .org-admin-shell .hr-risk-empty-icon { color: var(--risk-tone, var(--hr-warning)); } .org-admin-shell .hr-risk-axis-icon svg { width: 15px; height: 15px; } .org-admin-shell .hr-risk-empty-icon { --risk-tone: var(--hr-warning); border-radius: 12px; width: 42px; height: 42px; } .org-admin-shell .hr-risk-axis-heading { justify-content: space-between; align-items: baseline; gap: 8px; display: flex; } .org-admin-shell .hr-risk-axis-heading strong { color: var(--hr-ink-secondary); text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 720; overflow: hidden; } .org-admin-shell .hr-risk-axis-heading b { color: var(--risk-tone); font-variant-numeric: tabular-nums; font-size: 12px; } .org-admin-shell .hr-risk-axis-meta { color: var(--hr-ink-muted); margin-top: 1px; font-size: 9px; display: block; } .org-admin-shell .hr-risk-axis-track { background: var(--hr-line); border-radius: 999px; height: 4px; margin-top: 6px; display: block; overflow: hidden; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-axis-track { background: color-mix(in srgb, var(--hr-line) 72%, transparent); } } .org-admin-shell .hr-risk-axis-track > i { border-radius: inherit; background: var(--risk-tone); height: 100%; display: block; } .org-admin-shell .hr-risk-legend { border-color: var(--hr-line) !important; } .org-admin-shell .hr-attention-coverage { border: 1px solid var(--hr-line); background: var(--hr-panel-soft); min-height: 30px; color: var(--hr-ink-muted); white-space: nowrap; border-radius: 9px; align-items: center; gap: 6px; padding: 5px 9px; font-size: 9.5px; font-weight: 700; display: inline-flex; } .org-admin-shell .hr-attention-coverage svg { width: 13px; height: 13px; color: var(--hr-accent); } .org-admin-shell .hr-attention-grid { grid-template-columns: 1fr; gap: 10px; display: grid; } .org-admin-shell .hr-attention-card { border: 1px solid var(--hr-line); background: linear-gradient(135deg, var(--risk-tone), var(--hr-panel) 58%); border-radius: 13px; min-width: 0; padding: 13px 14px; position: relative; overflow: hidden; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-attention-card { background: linear-gradient(135deg, color-mix(in srgb, var(--risk-tone) 7%, var(--hr-panel)), var(--hr-panel) 58%); } } .org-admin-shell .hr-attention-card:before { background: var(--risk-tone); content: ""; width: 3px; position: absolute; inset: 0 auto 0 0; } .org-admin-shell .hr-attention-card-top { justify-content: space-between; align-items: center; gap: 8px; display: flex; } .org-admin-shell .hr-attention-icon { background: var(--risk-tone); border-radius: 8px; justify-content: center; align-items: center; width: 27px; height: 27px; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-attention-icon { background: color-mix(in srgb, var(--risk-tone) 12%, transparent); } } .org-admin-shell .hr-attention-icon { color: var(--risk-tone); } .org-admin-shell .hr-attention-icon svg { width: 14px; height: 14px; } .org-admin-shell .hr-attention-status { font-size: 9px; font-weight: 760; } .org-admin-shell .hr-attention-label { letter-spacing: .08em; text-transform: uppercase; margin-top: 8px; font-size: 9.5px; font-weight: 760; color: var(--hr-ink-muted) !important; } .org-admin-shell .hr-attention-value { align-items: baseline; gap: 5px; min-height: 33px; margin-top: 1px; display: flex; } .org-admin-shell .hr-attention-value strong { color: var(--risk-tone); letter-spacing: -.04em; font-variant-numeric: tabular-nums; font-size: 25px; font-weight: 780; line-height: 1.15; } .org-admin-shell .hr-attention-value span { color: var(--hr-ink-muted); font-size: 9.5px; font-weight: 650; } .org-admin-shell .hr-attention-description { margin-top: 3px; font-size: 9.5px; line-height: 1.4; color: var(--hr-ink-muted) !important; } .org-admin-shell .hr-priority-section { border-color: var(--hr-line) !important; } .org-admin-shell .hr-priority-link { min-height: 30px; color: var(--hr-accent); border-radius: 8px; align-items: center; gap: 5px; padding: 5px 8px; font-size: 9.5px; font-weight: 720; transition: background-color .15s; display: inline-flex; } .org-admin-shell .hr-priority-link:hover { background: var(--hr-accent-soft); } .org-admin-shell .hr-priority-link svg { width: 12px; height: 12px; } .org-admin-shell .hr-priority-member { transition: border-color .15s, background-color .15s, transform .15s; border-color: var(--hr-line) !important; background: var(--hr-panel-soft) !important; } .org-admin-shell .hr-priority-member:hover { border-color: var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-priority-member:hover { border-color: color-mix(in srgb, var(--hr-accent) 38%, var(--hr-line)) !important; } } .org-admin-shell .hr-priority-member:hover { transform: translateX(2px); background: var(--hr-accent-soft) !important; } .org-admin-shell .hr-attention-note { border: 1px solid var(--hr-line); background: var(--hr-panel-soft); border-radius: 10px; align-items: flex-start; gap: 7px; padding: 10px 11px; display: flex; color: var(--hr-ink-muted) !important; } .org-admin-shell .hr-attention-note svg { width: 13px; height: 13px; color: var(--hr-accent); flex: none; margin-top: 1px; } @media (max-width: 1535px) { .org-admin-shell .hr-risk-visual-grid { grid-template-columns: 1fr; } .org-admin-shell .hr-risk-axis-list { grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; } } @media (max-width: 767px) { .org-admin-shell .hr-risk-axis-list { grid-template-columns: 1fr; } .org-admin-shell .hr-attention-header { flex-direction: column; } } @supports (content-visibility: auto) { .org-admin-shell .hr-metrics-grid, .org-admin-shell .hr-dashboard-support-grid, .statistics-chart-grid > * { content-visibility: auto; contain-intrinsic-size: auto 420px; } .documentation-content > section { content-visibility: auto; contain-intrinsic-size: auto 720px; } .publisher-studio-rule-card { content-visibility: auto; contain-intrinsic-size: auto 210px; } } .dashboard-bento-grid > * { content-visibility: visible; contain: none; background: none; } html.light .dashboard-light-card, html.light .dashboard-side-card { isolation: isolate; background-clip: padding-box; } .org-admin-shell .hr-metric-card { min-height: 142px; border-radius: var(--hr-radius-md) !important; padding: 18px !important; } .org-admin-shell .hr-metric-card:before { background: var(--hr-line); content: ""; height: 3px; position: absolute; inset: 0 0 auto; } .org-admin-shell .hr-metric-card[data-tone="blue"]:before { background: var(--hr-accent); } .org-admin-shell .hr-metric-card[data-tone="green"]:before { background: var(--hr-positive); } .org-admin-shell .hr-metric-card[data-tone="amber"]:before { background: var(--hr-warning); } .org-admin-shell .hr-metric-card > div > div > p:first-child, .org-admin-shell .hr-metric-card > p { color: var(--hr-ink-muted) !important; -webkit-text-fill-color: var(--hr-ink-muted) !important; } .org-admin-shell .hr-metric-card > div > div > p:last-child { color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; font-size: 29px !important; } .org-admin-shell .hr-surface-card { min-height: 188px; border-radius: var(--hr-radius-md) !important; } .org-admin-shell .hr-segmented-control, .org-admin-shell .hr-settings-tabs { box-shadow: inset 0 1px 2px #10293c0d; border-color: var(--hr-line) !important; background: var(--hr-panel-soft) !important; } .org-admin-shell .hr-segmented-control [role="tab"], .org-admin-shell .hr-segmented-tab { min-height: 36px; color: var(--hr-ink-muted) !important; -webkit-text-fill-color: var(--hr-ink-muted) !important; } .org-admin-shell .hr-segmented-control [role="tab"][aria-selected="true"], .org-admin-shell .hr-segmented-tab.is-active { color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; } .org-admin-shell .hr-segmented-control [role="tab"][aria-selected="true"] { background: var(--hr-panel) !important; color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; box-shadow: var(--hr-shadow-card) !important; } .org-admin-shell .hr-segmented-tab.is-active > div { border-color: var(--hr-line-strong) !important; background: var(--hr-panel) !important; box-shadow: var(--hr-shadow-card) !important; } .org-admin-shell .hr-console :is(input, textarea, select) { min-height: 42px; border-color: var(--hr-line-strong) !important; background: var(--hr-panel) !important; color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; border-radius: 10px !important; } .org-admin-shell .hr-console :is(input, textarea)::-moz-placeholder { color: var(--hr-ink-muted) !important; -webkit-text-fill-color: var(--hr-ink-muted) !important; opacity: .86 !important; } .org-admin-shell .hr-console :is(input, textarea)::placeholder { color: var(--hr-ink-muted) !important; -webkit-text-fill-color: var(--hr-ink-muted) !important; opacity: .86 !important; } .org-admin-shell .hr-console :is(input, textarea, select):focus { border-color: var(--hr-accent) !important; box-shadow: 0 0 0 3px var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-console :is(input, textarea, select):focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--hr-accent) 16%, transparent) !important; } } .org-admin-shell .hr-team-calendar { min-height: 410px; overflow: hidden; border-radius: var(--hr-radius-lg) !important; } .org-admin-shell .hr-team-calendar > div:first-child { border-color: var(--hr-line) !important; background: var(--hr-panel-tint) !important; padding: 16px 18px !important; } .org-admin-shell .hr-team-calendar thead { background: var(--hr-panel-soft) !important; } .org-admin-shell .hr-team-calendar th, .org-admin-shell .hr-team-calendar td { border-color: var(--hr-line) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-team-calendar th, .org-admin-shell .hr-team-calendar td { border-color: color-mix(in srgb, var(--hr-line) 78%, transparent) !important; } } .org-admin-shell .hr-team-calendar th[class*="sticky"], .org-admin-shell .hr-team-calendar td[class*="sticky"] { background: var(--hr-panel) !important; } .org-admin-shell .hr-team-calendar tbody tr:hover { background: var(--hr-panel-tint) !important; } .org-admin-shell .hr-calendar-today { border-color: var(--hr-accent-strong) !important; background: var(--hr-panel) !important; color: var(--hr-accent-strong) !important; -webkit-text-fill-color: var(--hr-accent-strong) !important; } .org-admin-shell .hr-calendar-today:hover { background: var(--hr-accent-soft) !important; } .org-admin-shell .hr-special-days-add, .org-admin-shell .hr-special-days-add * { color: #fff !important; -webkit-text-fill-color: #fff !important; } .org-admin-shell .hr-settings-shell { background: var(--hr-workspace) !important; } .org-admin-shell .hr-settings-header { border-color: var(--hr-line) !important; background: var(--hr-panel) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-settings-header { background: color-mix(in srgb, var(--hr-panel) 96%, transparent) !important; } } .org-admin-shell .hr-settings-header { box-shadow: 0 1px #10293c08; } .org-admin-shell .hr-settings-header-inner { min-height: 72px; padding-block: 13px !important; } .org-admin-shell .hr-settings-header h1 { color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; font-size: 16px !important; } .org-admin-shell .hr-settings-main { width: 100%; padding-top: 26px !important; padding-bottom: 42px !important; } .org-admin-shell .hr-section-card { border-radius: var(--hr-radius-lg) !important; background: var(--hr-panel) !important; backdrop-filter: none !important; padding: 22px !important; } .org-admin-shell .hr-section-card > div:first-child h2, .org-admin-shell .hr-section-card > div:first-child h4 { color: var(--hr-ink-secondary) !important; -webkit-text-fill-color: var(--hr-ink-secondary) !important; } .org-admin-shell .hr-field-row { gap: 7px !important; } .org-admin-shell .hr-field-row > label { color: var(--hr-ink-secondary) !important; -webkit-text-fill-color: var(--hr-ink-secondary) !important; letter-spacing: .1em !important; font-size: 10px !important; font-weight: 750 !important; } .org-admin-shell .hr-field-row > p { color: var(--hr-ink-muted) !important; -webkit-text-fill-color: var(--hr-ink-muted) !important; font-size: 11px !important; } .org-admin-shell .hr-field { min-height: 44px; padding: 10px 13px !important; font-size: 13px !important; } .org-admin-shell .hr-profile-card { border-radius: var(--hr-radius-lg) !important; padding: 20px !important; } .org-admin-shell .hr-profile-card > div:last-child > div { min-height: 70px; border-color: var(--hr-line) !important; background: var(--hr-panel-soft) !important; } .org-admin-shell .hr-rule-card { min-height: 154px; border-radius: var(--hr-radius-md) !important; opacity: 1 !important; padding: 17px !important; } .org-admin-shell .hr-rule-card[class*="bg-black"] { background: var(--hr-panel-soft) !important; } .org-admin-shell .hr-rule-marketplace, .org-admin-shell .hr-ai-panel { border-color: var(--hr-line) !important; border-radius: var(--hr-radius-lg) !important; background: var(--hr-panel) !important; box-shadow: var(--hr-shadow-card) !important; } .org-admin-shell .hr-rule-marketplace { min-height: 660px !important; } .org-admin-shell .hr-rule-marketplace > div:first-child, .org-admin-shell .hr-ai-panel > div:first-child { border-color: var(--hr-line) !important; background: var(--hr-panel-tint) !important; } .org-admin-shell .hr-marketplace { background: var(--hr-panel) !important; color: var(--hr-ink) !important; } .org-admin-shell .hr-marketplace .marketplace-command-bar, .org-admin-shell .hr-marketplace .marketplace-results-header { border-color: var(--hr-line) !important; background: var(--hr-panel-tint) !important; } .org-admin-shell .hr-marketplace .marketplace-results-body { background: var(--hr-workspace) !important; } .org-admin-shell .hr-marketplace .marketplace-filter-rail { border-color: var(--hr-line) !important; background: var(--hr-panel-soft) !important; } .org-admin-shell .hr-marketplace .marketplace-catalog-card { border-color: var(--hr-line) !important; background: var(--hr-panel) !important; color: var(--hr-ink) !important; box-shadow: var(--hr-shadow-card) !important; } .org-admin-shell .hr-marketplace .marketplace-intro-content { max-width: 1080px !important; min-height: auto !important; padding-block: 36px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-content > div:first-child { margin-bottom: 26px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-content h1 { color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; font-size: clamp(26px, 2.4vw, 36px) !important; } .org-admin-shell .hr-marketplace .marketplace-intro-form { border-color: var(--hr-line) !important; background: var(--hr-panel) !important; max-width: 720px !important; box-shadow: var(--hr-shadow-card) !important; margin-bottom: 34px !important; padding: 24px !important; } .org-admin-shell .hr-ai-builder { max-width: 1360px !important; padding: 22px !important; } .org-admin-shell .hr-ai-builder > div > div > div:first-child { border-color: var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-ai-builder > div > div > div:first-child { border-color: color-mix(in srgb, var(--hr-accent) 30%, var(--hr-line)) !important; } } .org-admin-shell .hr-ai-builder > div > div > div:first-child { background: radial-gradient(circle at 92% 12%, var(--hr-accent), transparent 28%), var(--hr-panel-tint) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-ai-builder > div > div > div:first-child { background: radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--hr-accent) 14%, transparent), transparent 28%), var(--hr-panel-tint) !important; } } .org-admin-shell .hr-ai-builder h2, .org-admin-shell .hr-ai-builder h3, .org-admin-shell .hr-ai-builder h4 { color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; } .org-admin-shell .hr-ai-builder > div > div > div:first-child h2 + p { color: var(--hr-ink-secondary) !important; -webkit-text-fill-color: var(--hr-ink-secondary) !important; } .org-admin-shell .hr-ai-builder section button, .org-admin-shell .hr-ai-builder .lg\:col-span-2 + div > div { border-color: var(--hr-line) !important; } html.light .org-admin-shell .hr-ai-builder section button { background: var(--hr-panel) !important; } html.light .org-admin-shell .hr-ai-builder section button[class*="border-blue"], html.light .org-admin-shell .hr-ai-builder section div[class*="border-blue"] { border-color: var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { html.light .org-admin-shell .hr-ai-builder section button[class*="border-blue"], html.light .org-admin-shell .hr-ai-builder section div[class*="border-blue"] { border-color: color-mix(in srgb, var(--hr-accent) 54%, var(--hr-line)) !important; } } html.light .org-admin-shell .hr-ai-builder section button[class*="border-blue"], html.light .org-admin-shell .hr-ai-builder section div[class*="border-blue"] { background: var(--hr-accent-soft) !important; } .org-admin-shell .hr-special-days-shell { background: var(--hr-workspace) !important; } .org-admin-shell .hr-special-days-header { min-height: 82px; border-color: var(--hr-line) !important; background: var(--hr-panel) !important; padding: 15px 22px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-special-days-header { background: color-mix(in srgb, var(--hr-panel) 96%, transparent) !important; } } .org-admin-shell .hr-special-days-header { box-shadow: 0 1px #10293c0a; } .org-admin-shell .hr-special-days-header h1 { color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; letter-spacing: -.025em !important; font-size: 20px !important; } .org-admin-shell .hr-special-days-rail { border-color: var(--hr-line) !important; background: var(--hr-panel-soft) !important; padding: 20px 16px !important; } .org-admin-shell .hr-special-days-rail section > div:first-child { margin-bottom: 12px !important; } .org-admin-shell .hr-special-days-rail section > div.space-y-2 button { border-color: #0000 !important; } .org-admin-shell .hr-special-days-rail section > div.space-y-2 button[class*="bg-white/5"] { border-color: var(--hr-line) !important; background: var(--hr-panel) !important; box-shadow: var(--hr-shadow-card) !important; } .org-admin-shell .hr-special-days-content { background: var(--hr-workspace) !important; } .org-admin-shell .hr-special-days-editor > div:first-child { margin-bottom: 22px !important; } .org-admin-shell .hr-special-day-row { box-shadow: 0 1px 2px #10293c09; border-color: var(--hr-line) !important; background: var(--hr-panel) !important; border-radius: 12px !important; padding: 10px !important; } .org-admin-shell .hr-special-day-row:hover { border-color: var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-special-day-row:hover { border-color: color-mix(in srgb, var(--hr-accent) 40%, var(--hr-line)) !important; } } .org-admin-shell .hr-special-day-row:hover { background: var(--hr-panel-tint) !important; } .org-admin-shell .hr-special-day-fields { grid-template-columns: minmax(145px, .72fr) minmax(210px, 1.55fr) minmax(128px, .75fr) minmax(108px, .58fr) minmax(74px, auto); gap: 8px !important; display: grid !important; } .org-admin-shell .hr-special-day-fields > div { min-width: 0 !important; } .org-admin-shell .hr-special-day-fields :is(input, select) { min-height: 38px; width: 100% !important; padding-block: 7px !important; font-size: 12px !important; } @media (max-width: 1280px) { .org-admin-shell .app-sidebar { width: 228px !important; } .org-admin-shell .hr-page-frame { padding: 20px !important; } .org-admin-shell .hr-settings-main { padding-inline: 20px !important; } .org-admin-shell .hr-special-day-fields { grid-template-columns: minmax(138px, .7fr) minmax(190px, 1.4fr) 126px 108px minmax(70px, auto); } } @media (max-width: 1080px) { .org-admin-shell .hr-special-days > div > div { grid-template-columns: 1fr !important; overflow-y: auto !important; } .org-admin-shell .hr-special-days-rail { max-height: 260px; border-right: 0 !important; border-bottom: 1px solid var(--hr-line) !important; } .org-admin-shell .hr-special-days-content { overflow: visible !important; } .org-admin-shell .hr-special-day-fields { grid-template-columns: minmax(140px, .8fr) minmax(200px, 1.4fr) 130px 110px minmax(72px, auto); } } @media (max-width: 900px) { .org-admin-shell .app-topbar { padding-inline: 14px !important; } .org-admin-shell .app-topbar-actions { scrollbar-width: none; max-width: 72vw; overflow-x: auto; } .org-admin-shell .app-body { overflow-y: auto; flex-direction: column !important; } .org-admin-shell .app-sidebar { flex: none; max-height: 300px; width: 100% !important; } .org-admin-shell .app-workspace { min-height: 680px; overflow: visible !important; } .org-admin-shell .hr-page-header > div { align-items: flex-start; } } @media (max-width: 760px) { .org-admin-shell .hr-page-frame, .org-admin-shell .hr-settings-main, .org-admin-shell .hr-special-days-editor { padding: 16px !important; } .org-admin-shell .hr-settings-header-inner, .org-admin-shell .hr-special-days-header { flex-direction: column !important; align-items: flex-start !important; } .org-admin-shell .hr-settings-tabs { width: 100%; overflow-x: auto; } .org-admin-shell .hr-segmented-tab { flex: 1 0 auto; justify-content: center; } .org-admin-shell .hr-special-day-row { align-items: flex-start !important; } .org-admin-shell .hr-special-day-fields { grid-template-columns: 1fr 1fr; } .org-admin-shell .hr-special-day-fields > div:nth-child(2) { grid-area: 1 / 1 / auto / -1; } .org-admin-shell .hr-rule-marketplace { min-height: 720px !important; } } @media (max-width: 520px) { .org-admin-shell .hr-page-header h1 { font-size: 24px !important; } .org-admin-shell .hr-special-day-fields { grid-template-columns: 1fr; } .org-admin-shell .hr-special-day-fields > div:nth-child(2) { grid-area: auto; } .org-admin-shell .hr-profile-card > div:last-child { grid-template-columns: 1fr !important; } } .org-admin-shell .hr-marketplace .marketplace-intro { background: radial-gradient(circle at 9% 9%, var(--hr-accent), transparent 31rem), linear-gradient(145deg, var(--hr-panel), var(--hr-workspace) 62%) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-marketplace .marketplace-intro { background: radial-gradient(circle at 9% 9%, color-mix(in srgb, var(--hr-accent) 11%, transparent), transparent 31rem), linear-gradient(145deg, color-mix(in srgb, var(--hr-panel) 72%, var(--hr-workspace)), var(--hr-workspace) 62%) !important; } } .org-admin-shell .hr-marketplace .marketplace-intro-content { grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr); align-content: start; align-items: center; margin-inline: auto; gap: 34px clamp(34px, 4.4vw, 72px) !important; width: min(100%, 1260px) !important; max-width: 1260px !important; min-height: 100% !important; padding: clamp(42px, 5vw, 72px) clamp(28px, 4vw, 54px) 52px !important; display: grid !important; } .org-admin-shell .hr-marketplace .marketplace-intro-copy { align-self: center; text-align: left !important; margin: 0 !important; } .org-admin-shell .hr-marketplace .marketplace-intro-kicker { border: 1px solid var(--hr-accent); align-items: center; min-height: 28px; margin-bottom: 18px; padding: 5px 10px; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-marketplace .marketplace-intro-kicker { border: 1px solid color-mix(in srgb, var(--hr-accent) 28%, var(--hr-line)); } } .org-admin-shell .hr-marketplace .marketplace-intro-kicker { background: var(--hr-accent-soft); color: var(--hr-accent-strong); letter-spacing: .14em; text-transform: uppercase; border-radius: 999px; font-size: 10px; font-weight: 800; } .org-admin-shell .hr-marketplace .marketplace-intro-copy h1 { max-width: 650px; color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; letter-spacing: -.045em !important; margin-bottom: 18px !important; font-size: clamp(34px, 3.15vw, 48px) !important; font-weight: 780 !important; line-height: 1.04 !important; } .org-admin-shell .hr-marketplace .marketplace-intro-copy > p { max-width: 590px !important; color: var(--hr-ink-secondary) !important; -webkit-text-fill-color: var(--hr-ink-secondary) !important; margin: 0 0 26px !important; font-size: 15px !important; line-height: 1.7 !important; } .org-admin-shell .hr-marketplace .marketplace-intro-benefits { justify-content: flex-start !important; gap: 8px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-benefit { min-height: 36px; border-color: var(--hr-line) !important; background: var(--hr-panel) !important; border-radius: 10px !important; padding: 8px 11px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-marketplace .marketplace-intro-benefit { background: color-mix(in srgb, var(--hr-panel) 88%, transparent) !important; } } .org-admin-shell .hr-marketplace .marketplace-intro-benefit { box-shadow: 0 1px 2px #10293c0a; color: var(--hr-ink-secondary) !important; } .org-admin-shell .hr-marketplace .marketplace-intro-form { position: relative; overflow: hidden; border-color: var(--hr-accent) !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 28px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-marketplace .marketplace-intro-form { border-color: color-mix(in srgb, var(--hr-accent) 18%, var(--hr-line)) !important; } } .org-admin-shell .hr-marketplace .marketplace-intro-form { background: var(--hr-panel) !important; border-radius: 20px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-marketplace .marketplace-intro-form { background: color-mix(in srgb, var(--hr-panel) 97%, var(--hr-accent) 3%) !important; } } .org-admin-shell .hr-marketplace .marketplace-intro-form { box-shadow: 0 24px 58px #10293c24, 0 2px 6px #10293c0f !important; } .org-admin-shell .hr-marketplace .marketplace-intro-form:before { background: linear-gradient(90deg, var(--hr-accent), #42a5f5 48%, #5d7fee); content: ""; height: 4px; position: absolute; inset: 0 0 auto; } .org-admin-shell .hr-marketplace .marketplace-intro-form > .grid { gap: 14px !important; margin-bottom: 22px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-form > .mb-8 { margin-bottom: 22px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-form > .mb-10 { margin-bottom: 24px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-tab { min-height: 42px; color: var(--hr-ink-muted) !important; } .org-admin-shell .hr-marketplace .marketplace-intro-tab[aria-pressed="true"] { background: linear-gradient(135deg, var(--hr-accent), var(--hr-accent-strong)) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 7px 16px var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-marketplace .marketplace-intro-tab[aria-pressed="true"] { box-shadow: 0 7px 16px color-mix(in srgb, var(--hr-accent) 21%, transparent) !important; } } .org-admin-shell .hr-marketplace .marketplace-intro-cta { letter-spacing: .01em; min-height: 50px; padding-block: 12px !important; font-size: 13px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-how { grid-column: 1 / -1; margin-top: 8px; width: 100% !important; max-width: none !important; } .org-admin-shell .hr-marketplace .marketplace-intro-how > div:first-child { text-align: left !important; margin-bottom: 14px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-how h2 { color: var(--hr-ink-muted) !important; letter-spacing: .16em !important; font-size: 10px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-steps { gap: 12px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-step { border: 1px solid var(--hr-line); background: var(--hr-panel); border-radius: 15px; min-height: 128px; position: relative; align-items: flex-start !important; padding: 18px 18px 17px 72px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-marketplace .marketplace-intro-step { background: color-mix(in srgb, var(--hr-panel) 86%, transparent); } } .org-admin-shell .hr-marketplace .marketplace-intro-step { text-align: left !important; } .org-admin-shell .hr-marketplace .marketplace-intro-step-icon { position: absolute; top: 18px; left: 18px; border-color: var(--hr-accent) !important; width: 38px !important; height: 38px !important; margin: 0 !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-marketplace .marketplace-intro-step-icon { border-color: color-mix(in srgb, var(--hr-accent) 22%, var(--hr-line)) !important; } } .org-admin-shell .hr-marketplace .marketplace-intro-step-icon { background: var(--hr-accent-soft) !important; } .org-admin-shell .hr-marketplace .marketplace-intro-step h3 { color: var(--hr-ink) !important; -webkit-text-fill-color: var(--hr-ink) !important; margin: 1px 0 7px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-step p { max-width: 270px; color: var(--hr-ink-muted) !important; -webkit-text-fill-color: var(--hr-ink-muted) !important; } .org-admin-shell .hr-settings-shell[data-active-tab="rules"] .hr-settings-main { max-width: 1480px !important; padding-top: 20px !important; } .org-admin-shell .hr-profile-selector { grid-template-columns: minmax(190px, 230px) minmax(0, 1fr); align-items: center; min-height: 92px; gap: 14px 22px !important; padding: 15px 17px !important; display: grid !important; } .org-admin-shell .hr-profile-selector > div:first-child { margin: 0 !important; } .org-admin-shell .hr-profile-selector > div:last-child { flex-wrap: wrap; gap: 9px !important; display: flex !important; } .org-admin-shell .hr-profile-selector > div:last-child > button { flex: 0 235px; min-height: 60px; background: var(--hr-panel-soft) !important; border-radius: 12px !important; padding: 11px 13px !important; } .org-admin-shell .hr-profile-selector > div:last-child > button[class*="border-[#0A84FF]"] { border-color: var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-profile-selector > div:last-child > button[class*="border-[#0A84FF]"] { border-color: color-mix(in srgb, var(--hr-accent) 46%, var(--hr-line)) !important; } } .org-admin-shell .hr-profile-selector > div:last-child > button[class*="border-[#0A84FF]"] { background: var(--hr-accent-soft) !important; box-shadow: inset 3px 0 0 var(--hr-accent), 0 5px 14px #10293c0f !important; } .org-admin-shell .hr-rules-cluster { border: 1px solid var(--hr-line); border-radius: var(--hr-radius-lg); background: linear-gradient(145deg, var(--hr-panel), var(--hr-panel)); padding: 20px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-rules-cluster { background: linear-gradient(145deg, color-mix(in srgb, var(--hr-panel) 97%, var(--hr-accent) 3%), var(--hr-panel)); } } .org-admin-shell .hr-rules-cluster { box-shadow: var(--hr-shadow-card); } .org-admin-shell .hr-section-heading { margin-bottom: 13px; } .org-admin-shell .hr-core-rules-grid { gap: 12px !important; } .org-admin-shell .hr-rule-card { position: relative; overflow: hidden; background: var(--hr-panel-soft) !important; min-height: 148px !important; box-shadow: none !important; border-radius: 14px !important; gap: 12px !important; padding: 15px 16px !important; } .org-admin-shell .hr-rule-card[data-enabled="true"] { border-color: var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-rule-card[data-enabled="true"] { border-color: color-mix(in srgb, var(--hr-accent) 26%, var(--hr-line)) !important; } } .org-admin-shell .hr-rule-card[data-enabled="true"] { background: linear-gradient(135deg, var(--hr-panel), var(--hr-panel-tint)) !important; box-shadow: 0 8px 21px #10293c12 !important; } .org-admin-shell .hr-rule-card[data-enabled="true"]:before { background: var(--hr-accent); content: ""; width: 3px; position: absolute; inset: 0 auto 0 0; } .org-admin-shell .hr-rule-card[data-locked="true"]:before { background: var(--hr-warning); } .org-admin-shell .hr-rule-card > p { min-height: 34px; color: var(--hr-ink-secondary) !important; -webkit-text-fill-color: var(--hr-ink-secondary) !important; } .org-admin-shell .hr-remote-work-policy { border-color: var(--hr-positive) !important; padding: 19px 20px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-remote-work-policy { border-color: color-mix(in srgb, var(--hr-positive) 18%, var(--hr-line)) !important; } } .org-admin-shell .hr-rule-marketplace { min-height: 610px !important; box-shadow: var(--hr-shadow-raised) !important; border-radius: 18px !important; } .org-admin-shell .hr-rule-marketplace > div:first-child { min-height: 68px; padding: 13px 18px !important; } .org-admin-shell .hr-rule-marketplace .marketplace-command-bar { padding: 10px 14px !important; } .org-admin-shell .hr-risk-grid { gap: 18px !important; } .org-admin-shell .hr-risk-radar, .org-admin-shell .hr-risk-summary { position: relative; overflow: hidden; border-color: var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-radar, .org-admin-shell .hr-risk-summary { border-color: color-mix(in srgb, var(--hr-accent) 13%, var(--hr-line)) !important; } } .org-admin-shell .hr-risk-radar, .org-admin-shell .hr-risk-summary { background: radial-gradient(circle at 88% 4%, var(--hr-accent), transparent 26rem), var(--hr-panel) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-radar, .org-admin-shell .hr-risk-summary { background: radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--hr-accent) 8%, transparent), transparent 26rem), var(--hr-panel) !important; } } .org-admin-shell .hr-risk-radar:before, .org-admin-shell .hr-risk-summary:before { background: linear-gradient(90deg, var(--hr-accent), var(--hr-positive)); height: 3px; position: absolute; inset: 0 0 auto; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-radar:before, .org-admin-shell .hr-risk-summary:before { background: linear-gradient(90deg, var(--hr-accent), color-mix(in srgb, var(--hr-positive) 72%, var(--hr-accent))); } } .org-admin-shell .hr-risk-radar:before, .org-admin-shell .hr-risk-summary:before { content: ""; } .org-admin-shell .hr-risk-score { min-height: 42px; background: currentColor !important; border-radius: 11px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-score { background: color-mix(in srgb, currentColor 7%, var(--hr-panel)) !important; } } .org-admin-shell .hr-risk-score[data-level="moderate"] { color: var(--hr-warning) !important; border-color: var(--hr-warning) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-score[data-level="moderate"] { border-color: color-mix(in srgb, var(--hr-warning) 46%, var(--hr-line)) !important; } } .org-admin-shell .hr-risk-score[data-level="moderate"] { background: var(--hr-warning) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-score[data-level="moderate"] { background: color-mix(in srgb, var(--hr-warning) 13%, var(--hr-panel)) !important; } } .org-admin-shell .hr-risk-chart { border: 1px solid var(--hr-line); height: 310px !important; margin-top: 13px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-chart { border: 1px solid color-mix(in srgb, var(--hr-line) 68%, transparent); } } .org-admin-shell .hr-risk-chart { background: radial-gradient(circle at 50% 52%, var(--hr-accent), transparent 47%), var(--hr-panel-soft); border-radius: 14px; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-chart { background: radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--hr-accent) 5%, transparent), transparent 47%), color-mix(in srgb, var(--hr-panel-soft) 42%, transparent); } } .org-admin-shell .hr-risk-kpi { border-color: var(--hr-line) !important; background: var(--hr-panel-soft) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-kpi { background: color-mix(in srgb, var(--hr-panel-soft) 72%, var(--hr-panel)) !important; } } .org-admin-shell .hr-risk-a1 { border-color: #8b5cf6 !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-a1 { border-color: color-mix(in srgb, #8b5cf6 23%, var(--hr-line)) !important; } } .org-admin-shell .hr-risk-a1 { background: #8b5cf6 !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-risk-a1 { background: color-mix(in srgb, #8b5cf6 6%, var(--hr-panel)) !important; } } .org-admin-shell .hr-priority-member { border-color: var(--hr-line) !important; background: var(--hr-panel-soft) !important; } .org-admin-shell .hr-metrics-grid { gap: 14px !important; } .org-admin-shell .hr-metric-card { transition: border-color .18s, box-shadow .18s, transform .18s; min-height: 128px !important; padding: 16px 17px !important; } .org-admin-shell .hr-metric-card:hover { border-color: var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-metric-card:hover { border-color: color-mix(in srgb, var(--hr-accent) 26%, var(--hr-line)) !important; } } .org-admin-shell .hr-metric-card:hover { transform: translateY(-2px); box-shadow: var(--hr-shadow-raised) !important; } .org-admin-shell .hr-metric-card > div.absolute { display: none; } .org-admin-shell .hr-metric-card > div > span { border-color: currentColor !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-metric-card > div > span { border-color: color-mix(in srgb, currentColor 22%, var(--hr-line)) !important; } } .org-admin-shell .hr-metric-card > div > span { background: currentColor !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-metric-card > div > span { background: color-mix(in srgb, currentColor 10%, var(--hr-panel)) !important; } } .org-admin-shell .hr-metric-card > p { margin-top: 14px !important; padding-top: 10px !important; } .org-admin-shell .hr-dashboard-support-grid { gap: 16px !important; } .org-admin-shell .hr-dashboard-support-grid .hr-surface-card { background-clip: padding-box; background: var(--hr-panel) !important; background-image: none !important; min-height: 164px !important; padding: 20px !important; } .org-admin-shell .hr-special-days-template { min-height: 76px; border: 1px solid #0000 !important; } .org-admin-shell .hr-special-days-template.is-active { border-color: var(--hr-accent) !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-special-days-template.is-active { border-color: color-mix(in srgb, var(--hr-accent) 31%, var(--hr-line)) !important; } } .org-admin-shell .hr-special-days-template.is-active { background: var(--hr-panel) !important; box-shadow: var(--hr-shadow-card) !important; } .org-admin-shell .hr-special-days-usage { border-color: var(--hr-line) !important; background: var(--hr-panel) !important; border-radius: 16px !important; padding: 18px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-special-days-usage { background: color-mix(in srgb, var(--hr-panel) 76%, transparent) !important; } } .org-admin-shell .hr-special-days-editor { padding: 22px !important; } .org-admin-shell .hr-special-days-editor-header { border: 1px solid var(--hr-line); background: linear-gradient(135deg, var(--hr-panel), var(--hr-accent)); border-radius: 15px; min-height: 82px; padding: 14px 16px; margin-bottom: 14px !important; } @supports (color: color-mix(in lab, red, red)) { .org-admin-shell .hr-special-days-editor-header { background: linear-gradient(135deg, var(--hr-panel), color-mix(in srgb, var(--hr-accent) 4%, var(--hr-panel))); } } .org-admin-shell .hr-special-days-editor-header { box-shadow: var(--hr-shadow-card); } .org-admin-shell .hr-special-days-editor-header > div:first-child > div:first-child { background: var(--hr-accent-soft) !important; border-radius: 12px !important; width: 44px !important; height: 44px !important; } .org-admin-shell .hr-special-days-column-head { color: var(--hr-ink-muted); letter-spacing: .11em; text-transform: uppercase; grid-template-columns: 28px minmax(145px, .72fr) minmax(210px, 1.55fr) minmax(128px, .75fr) minmax(108px, .58fr) minmax(74px, auto) 52px; gap: 8px; padding: 0 10px 8px; font-size: 9px; font-weight: 800; display: grid; } .org-admin-shell .hr-special-days-column-head span:first-child, .org-admin-shell .hr-special-days-column-head span:nth-last-child(-n+2) { text-align: center; } .org-admin-shell .hr-special-days-list { gap: 8px !important; } .org-admin-shell .hr-special-day-row { min-height: 60px; position: relative; overflow: hidden; padding: 8px 10px !important; } .org-admin-shell .hr-special-day-row:before { background: var(--hr-accent); content: ""; opacity: .72; border-radius: 0 3px 3px 0; width: 3px; position: absolute; inset: 8px auto 8px 0; } .org-admin-shell .hr-special-day-row[data-kind="closure"]:before { background: var(--hr-warning); } .org-admin-shell .hr-special-day-row[data-kind="other"]:before { background: #8b5cf6; } .org-admin-shell .hr-special-day-row > div:first-child { border-color: var(--hr-line) !important; background: var(--hr-panel-soft) !important; color: var(--hr-ink-muted) !important; } .org-admin-shell .hr-special-day-row > div:last-child { justify-content: flex-end; min-width: 52px; } @media (max-width: 1220px) { .org-admin-shell .hr-marketplace .marketplace-intro-content { grid-template-columns: 1fr; align-content: start; max-width: 820px !important; padding-top: 38px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-copy { text-align: center !important; } .org-admin-shell .hr-marketplace .marketplace-intro-copy h1, .org-admin-shell .hr-marketplace .marketplace-intro-copy > p { margin-inline: auto !important; } .org-admin-shell .hr-marketplace .marketplace-intro-benefits { justify-content: center !important; } .org-admin-shell .hr-marketplace .marketplace-intro-how { grid-column: auto; } } @media (max-width: 1080px) { .org-admin-shell .hr-profile-selector { grid-template-columns: 1fr; } .org-admin-shell .hr-special-days-column-head { display: none; } .org-admin-shell .hr-special-days-editor-header { flex-direction: column !important; align-items: flex-start !important; } } @media (max-width: 760px) { .org-onboarding-scope-notice { align-items: flex-start !important; } .org-onboarding-scope-badge { margin-left: 2.75rem; white-space: normal !important; } .org-admin-shell .hr-marketplace .marketplace-intro-content { gap: 26px !important; padding: 26px 16px 34px !important; display: flex !important; } .org-admin-shell .hr-marketplace .marketplace-intro-copy h1 { font-size: 31px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-form { padding: 20px !important; } .org-admin-shell .hr-marketplace .marketplace-intro-how > div:first-child { text-align: center !important; } .org-admin-shell .hr-marketplace .marketplace-intro-step { min-height: 112px; } .org-admin-shell .hr-rules-cluster { padding: 15px !important; } .org-admin-shell .hr-special-days-editor-header { padding: 13px; } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-pan-x { syntax: "*"; inherits: false } @property --tw-pan-y { syntax: "*"; inherits: false } @property --tw-pinch-zoom { syntax: "*"; inherits: false } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-scrollbar-thumb { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-scrollbar-track { syntax: ""; inherits: false; initial-value: #0000; } @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: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { opacity: 0; transform: scale(2); } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { animation-timing-function: cubic-bezier(.8, 0, 1, 1); transform: translateY(-25%); } 50% { animation-timing-function: cubic-bezier(0, 0, .2, 1); transform: none; } }