.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none} /*! tailwindcss v4.1.17 | 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-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-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } } } @layer theme { :root, :host { --font-sans: var(--font-main); --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: var(--font-mono); --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-800: oklch(47% .157 37.304); --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-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-violet-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-900: oklch(38% .189 293.745); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --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-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-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; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 2px); --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-2xl: 0 25px 25px #00000026; --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-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-dept-royalties: var(--color-dept-royalties); --color-dept-distribution: var(--color-dept-distribution); --color-dept-marketing: var(--color-dept-marketing); --color-dept-legal: var(--color-dept-legal); --color-dept-creative: var(--color-dept-creative); --color-dept-touring: var(--color-dept-touring); --color-dept-publishing: var(--color-dept-publishing); --color-dept-social: var(--color-dept-social); --color-dept-licensing: var(--color-dept-licensing); --color-dept-brand: var(--color-dept-brand); --color-dept-campaign: var(--color-dept-campaign); --color-dept-default: var(--color-dept-default); --color-bg-dark: #0d1117; --color-sonic-purple: var(--sonic-purple); --color-sonic-blue: var(--sonic-blue); --color-sonic-yellow: var(--sonic-yellow); --font-display: var(--font-display); } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } * { border-color: var(--color-border); outline-color: var(--color-ring); } @supports (color: color-mix(in lab, red, red)) { * { outline-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } .glass { border-style: var(--tw-border-style); border-width: 1px; border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .glass { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .glass { background-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .glass { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .glass { --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); --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .glass-panel { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-border); } @supports (color: color-mix(in lab, red, red)) { .glass-panel { border-color: color-mix(in oklab, var(--color-border) 50%, transparent); } } .glass-panel { background-color: var(--color-card); } @supports (color: color-mix(in lab, red, red)) { .glass-panel { background-color: color-mix(in oklab, var(--color-card) 60%, transparent); } } .glass-panel { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .glow-text { text-shadow: 0 0 10px hsl(var(--sonic-purple) / .5); } .glow-border { box-shadow: 0 0 15px hsl(var(--sonic-purple) / .3); } html { -webkit-text-size-adjust: 100%; height: 100%; transition: background-color .5s ease-in-out, color .5s ease-in-out; overflow-x: hidden; } body { background-color: var(--color-background); color: var(--color-foreground); font-family: var(--font-main); overscroll-behavior-y: none; min-height: 100dvh; transition: background-color .3s ease-in-out, color .3s ease-in-out; } img { filter: none !important; clip-path: none !important; -webkit-mask: none !important; mask: none !important; } } @layer components; @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .static\! { position: static !important; } .sticky { position: sticky; } .-inset-1 { inset: calc(var(--spacing) * -1); } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-1\.5 { inset: calc(var(--spacing) * 1.5); } .inset-2 { inset: calc(var(--spacing) * 2); } .inset-4 { inset: calc(var(--spacing) * 4); } .inset-8 { inset: calc(var(--spacing) * 8); } .inset-\[20\%\] { inset: 20%; } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .inset-y-1 { inset-block: calc(var(--spacing) * 1); } .end-1 { inset-inline-end: calc(var(--spacing) * 1); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-3 { top: calc(var(--spacing) * -3); } .-top-4 { top: calc(var(--spacing) * -4); } .-top-8 { top: calc(var(--spacing) * -8); } .-top-10 { top: calc(var(--spacing) * -10); } .-top-12 { top: calc(var(--spacing) * -12); } .-top-20 { top: calc(var(--spacing) * -20); } .-top-32 { top: calc(var(--spacing) * -32); } .-top-px { top: -1px; } .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-1\/3 { top: 33.3333%; } .top-1\/4 { top: 25%; } .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-8 { top: calc(var(--spacing) * 8); } .top-10 { top: calc(var(--spacing) * 10); } .top-16 { top: calc(var(--spacing) * 16); } .top-24 { top: calc(var(--spacing) * 24); } .top-32 { top: calc(var(--spacing) * 32); } .top-\[-10\%\] { top: -10%; } .top-\[-20\%\] { top: -20%; } .top-\[-80px\] { top: -80px; } .top-\[20\%\] { top: 20%; } .top-\[40\%\] { top: 40%; } .top-\[80\%\] { top: 80%; } .top-full { top: 100%; } .\!-right-1\.5 { right: calc(var(--spacing) * -1.5) !important; } .\!right-4 { right: calc(var(--spacing) * 4) !important; } .-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-3 { right: calc(var(--spacing) * -3); } .-right-4 { right: calc(var(--spacing) * -4); } .-right-10 { right: calc(var(--spacing) * -10); } .-right-12 { right: calc(var(--spacing) * -12); } .-right-20 { right: calc(var(--spacing) * -20); } .-right-32 { right: calc(var(--spacing) * -32); } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-1\/3 { right: 33.3333%; } .right-1\/4 { right: 25%; } .right-2 { right: calc(var(--spacing) * 2); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-6 { right: calc(var(--spacing) * 6); } .right-8 { right: calc(var(--spacing) * 8); } .right-12 { right: calc(var(--spacing) * 12); } .right-20 { right: calc(var(--spacing) * 20); } .right-\[-10\%\] { right: -10%; } .right-\[10\%\] { right: 10%; } .right-full { right: 100%; } .\!bottom-4 { bottom: calc(var(--spacing) * 4) !important; } .-bottom-0\.5 { bottom: calc(var(--spacing) * -.5); } .-bottom-1 { bottom: calc(var(--spacing) * -1); } .-bottom-1\.5 { bottom: calc(var(--spacing) * -1.5); } .-bottom-2 { bottom: calc(var(--spacing) * -2); } .-bottom-10 { bottom: calc(var(--spacing) * -10); } .-bottom-12 { bottom: calc(var(--spacing) * -12); } .-bottom-20 { bottom: calc(var(--spacing) * -20); } .-bottom-24 { bottom: calc(var(--spacing) * -24); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-1 { bottom: calc(var(--spacing) * 1); } .bottom-1\.5 { bottom: calc(var(--spacing) * 1.5); } .bottom-1\/3 { bottom: 33.3333%; } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-12 { bottom: calc(var(--spacing) * 12); } .bottom-20 { bottom: calc(var(--spacing) * 20); } .bottom-24 { bottom: calc(var(--spacing) * 24); } .bottom-32 { bottom: calc(var(--spacing) * 32); } .bottom-\[-1px\] { bottom: -1px; } .bottom-\[-10\%\] { bottom: -10%; } .bottom-\[-20\%\] { bottom: -20%; } .bottom-full { bottom: 100%; } .\!-left-1\.5 { left: calc(var(--spacing) * -1.5) !important; } .-left-1\.5 { left: calc(var(--spacing) * -1.5); } .-left-2 { left: calc(var(--spacing) * -2); } .-left-9 { left: calc(var(--spacing) * -9); } .-left-10 { left: calc(var(--spacing) * -10); } .-left-12 { left: calc(var(--spacing) * -12); } .-left-20 { left: calc(var(--spacing) * -20); } .-left-48 { left: calc(var(--spacing) * -48); } .left-0 { left: calc(var(--spacing) * 0); } .left-0\.5 { left: calc(var(--spacing) * .5); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\.5 { left: calc(var(--spacing) * 1.5); } .left-1\/2 { left: 50%; } .left-1\/4 { left: 25%; } .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-8 { left: calc(var(--spacing) * 8); } .left-14 { left: calc(var(--spacing) * 14); } .left-20 { left: calc(var(--spacing) * 20); } .left-32 { left: calc(var(--spacing) * 32); } .left-\[-10\%\] { left: -10%; } .left-\[-80px\] { left: -80px; } .left-\[27px\] { left: 27px; } .left-\[40\%\] { left: 40%; } .left-full { left: 100%; } .isolate { isolation: isolate; } .-z-0 { z-index: calc(0 * -1); } .-z-10 { z-index: calc(10 * -1); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-500 { z-index: 500; } .z-9999 { z-index: 9999; } .z-\[40\] { z-index: 40; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .z-\[71\] { z-index: 71; } .z-\[100\] { z-index: 100; } .z-\[101\] { z-index: 101; } .z-\[102\] { z-index: 102; } .z-\[103\] { z-index: 103; } .z-\[200\] { z-index: 200; } .z-\[999\] { z-index: 999; } .z-\[1000\] { z-index: 1000; } .z-\[9990\] { z-index: 9990; } .z-\[9999\] { z-index: 9999; } .z-\[99999\] { z-index: 99999; } .z-\[100000\] { z-index: 100000; } .z-\[100001\] { z-index: 100001; } .z-\[100010\] { z-index: 100010; } .z-\[999999\] { z-index: 999999; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-full { grid-column: 1 / -1; } .row-span-1 { grid-row: span 1 / span 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 { margin: calc(var(--spacing) * -1); } .-m-4 { margin: calc(var(--spacing) * -4); } .-m-8 { margin: calc(var(--spacing) * -8); } .m-0 { margin: calc(var(--spacing) * 0); } .m-1 { margin: calc(var(--spacing) * 1); } .m-2 { margin: calc(var(--spacing) * 2); } .m-4 { margin: calc(var(--spacing) * 4); } .m-6 { margin: calc(var(--spacing) * 6); } .m-8 { margin: calc(var(--spacing) * 8); } .m-auto { margin: auto; } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-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-4 { margin-inline: calc(var(--spacing) * 4); } .mx-\[-1rem\] { margin-inline: -1rem; } .mx-auto { margin-inline: auto; } .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-auto { margin-block: auto; } .-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-16 { margin-top: calc(var(--spacing) * -16); } .-mt-20 { margin-top: calc(var(--spacing) * -20); } .-mt-32 { margin-top: calc(var(--spacing) * -32); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .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-8 { margin-top: calc(var(--spacing) * 8); } .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-24 { margin-top: calc(var(--spacing) * 24); } .mt-auto { margin-top: auto; } .-mr-8 { margin-right: calc(var(--spacing) * -8); } .-mr-10 { margin-right: calc(var(--spacing) * -10); } .-mr-16 { margin-right: calc(var(--spacing) * -16); } .-mr-20 { margin-right: calc(var(--spacing) * -20); } .-mr-32 { margin-right: calc(var(--spacing) * -32); } .mr-0\.5 { margin-right: calc(var(--spacing) * .5); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-auto { margin-right: auto; } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .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-24 { margin-bottom: calc(var(--spacing) * 24); } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-6 { margin-left: calc(var(--spacing) * -6); } .-ml-7 { margin-left: calc(var(--spacing) * -7); } .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-6 { margin-left: calc(var(--spacing) * 6); } .ml-9 { margin-left: calc(var(--spacing) * 9); } .ml-10 { margin-left: calc(var(--spacing) * 10); } .ml-12 { margin-left: calc(var(--spacing) * 12); } .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; } .line-clamp-5 { -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-\[3\/4\] { aspect-ratio: 3 / 4; } .aspect-\[4\/5\] { aspect-ratio: 4 / 5; } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\!h-3 { height: calc(var(--spacing) * 3) !important; } .h-0\.5 { height: calc(var(--spacing) * .5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-1\/2 { height: 50%; } .h-1\/3 { height: 33.3333%; } .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-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .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-40 { height: calc(var(--spacing) * 40); } .h-48 { height: calc(var(--spacing) * 48); } .h-56 { height: calc(var(--spacing) * 56); } .h-64 { height: calc(var(--spacing) * 64); } .h-72 { height: calc(var(--spacing) * 72); } .h-80 { height: calc(var(--spacing) * 80); } .h-96 { height: calc(var(--spacing) * 96); } .h-\[1px\] { height: 1px; } .h-\[2px\] { height: 2px; } .h-\[3px\] { height: 3px; } .h-\[6px\] { height: 6px; } .h-\[20\%\] { height: 20%; } .h-\[35\%\] { height: 35%; } .h-\[38px\] { height: 38px; } .h-\[40\%\] { height: 40%; } .h-\[44px\] { height: 44px; } .h-\[48px\] { height: 48px; } .h-\[50\%\] { height: 50%; } .h-\[56px\] { height: 56px; } .h-\[60\%\] { height: 60%; } .h-\[60vh\] { height: 60vh; } .h-\[70\%\] { height: 70%; } .h-\[72px\] { height: 72px; } .h-\[85\%\] { height: 85%; } .h-\[90dvh\] { height: 90dvh; } .h-\[90vh\] { height: 90vh; } .h-\[160px\] { height: 160px; } .h-\[180px\] { height: 180px; } .h-\[200px\] { height: 200px; } .h-\[220px\] { height: 220px; } .h-\[240px\] { height: 240px; } .h-\[250px\] { height: 250px; } .h-\[280px\] { height: 280px; } .h-\[300px\] { height: 300px; } .h-\[400px\] { height: 400px; } .h-\[450px\] { height: 450px; } .h-\[500px\] { height: 500px; } .h-\[600px\] { height: 600px; } .h-\[800px\] { height: 800px; } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .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-72 { max-height: calc(var(--spacing) * 72); } .max-h-80 { max-height: calc(var(--spacing) * 80); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[65vh\] { max-height: 65vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[92vh\] { max-height: 92vh; } .max-h-\[100px\] { max-height: 100px; } .max-h-\[150px\] { max-height: 150px; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[240px\] { max-height: 240px; } .max-h-\[280px\] { max-height: 280px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[350px\] { max-height: 350px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[420px\] { max-height: 420px; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[600px\] { max-height: 600px; } .max-h-\[800px\] { max-height: 800px; } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-11 { min-height: calc(var(--spacing) * 11); } .min-h-40 { min-height: calc(var(--spacing) * 40); } .min-h-\[40px\] { min-height: 40px; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[48px\] { min-height: 48px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[150px\] { min-height: 150px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[220px\] { min-height: 220px; } .min-h-\[240px\] { min-height: 240px; } .min-h-\[250px\] { min-height: 250px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[320px\] { min-height: 320px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[450px\] { min-height: 450px; } .min-h-\[500px\] { min-height: 500px; } .min-h-\[600px\] { min-height: 600px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .\!w-3 { width: calc(var(--spacing) * 3) !important; } .w-0 { width: calc(var(--spacing) * 0); } .w-0\.5 { width: calc(var(--spacing) * .5); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/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-2xl { width: var(--container-2xl); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: 75%; } .w-3\/5 { width: 60%; } .w-4 { width: calc(var(--spacing) * 4); } .w-4\/5 { width: 80%; } .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-40 { width: calc(var(--spacing) * 40); } .w-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-\[1px\] { width: 1px; } .w-\[3px\] { width: 3px; } .w-\[20\%\] { width: 20%; } .w-\[35\%\] { width: 35%; } .w-\[40\%\] { width: 40%; } .w-\[50\%\] { width: 50%; } .w-\[55\%\] { width: 55%; } .w-\[60\%\] { width: 60%; } .w-\[64px\] { width: 64px; } .w-\[70\%\] { width: 70%; } .w-\[85\%\] { width: 85%; } .w-\[90vw\] { width: 90vw; } .w-\[150px\] { width: 150px; } .w-\[180px\] { width: 180px; } .w-\[220px\] { width: 220px; } .w-\[280px\] { width: 280px; } .w-\[300px\] { width: 300px; } .w-\[350px\] { width: 350px; } .w-\[380px\] { width: 380px; } .w-\[400px\] { width: 400px; } .w-\[420px\] { width: 420px; } .w-\[450px\] { width: 450px; } .w-\[500px\] { width: 500px; } .w-\[600px\] { width: 600px; } .w-\[800px\] { width: 800px; } .w-\[calc\(100\%-8px\)\] { width: calc(100% - 8px); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-full\! { width: 100% !important; } .w-max { width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .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-\[40px\] { max-width: 40px; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[680px\] { max-width: 680px; } .max-w-\[1400px\] { max-width: 1400px; } .max-w-\[calc\(100vw-4rem\)\] { max-width: calc(100vw - 4rem); } .max-w-fit { max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-none\! { max-width: none !important; } .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-11 { min-width: calc(var(--spacing) * 11); } .min-w-\[6px\] { min-width: 6px; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[28px\] { min-width: 28px; } .min-w-\[32px\] { min-width: 32px; } .min-w-\[44px\] { min-width: 44px; } .min-w-\[48px\] { min-width: 48px; } .min-w-\[60px\] { min-width: 60px; } .min-w-\[70px\] { min-width: 70px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[700px\] { min-width: 700px; } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .flex-none { flex: none; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow, .grow { flex-grow: 1; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .origin-\[--radix-tooltip-content-transform-origin\] { transform-origin: --radix-tooltip-content-transform-origin; } .origin-bottom { transform-origin: bottom; } .origin-bottom-right { transform-origin: 100% 100%; } .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-1\/3 { --tw-translate-x: calc(calc(1 / 3 * 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\! { --tw-translate-x: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } .translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1 { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/3 { --tw-translate-x: calc(1 / 3 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-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-6 { --tw-translate-x: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-100\%\] { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 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-1\/2 { --tw-translate-y: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/3 { --tw-translate-y: calc(1 / 3 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-2 { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-4 { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-8 { --tw-translate-y: calc(var(--spacing) * 8); 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-z-32 { --tw-translate-z: calc(var(--spacing) * -32); translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); } .translate-z-32 { --tw-translate-z: calc(var(--spacing) * 32); translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); } .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-125 { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-x-0 { --tw-scale-x: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-x-\[-1\] { --tw-scale-x: -1; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-\[1\.02\] { scale: 1.02; } .-rotate-90 { rotate: -90deg; } .rotate-0 { rotate: none; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .rotate-\[-90deg\] { rotate: -90deg; } .rotate-\[15deg\] { rotate: 15deg; } .rotate-y-90 { --tw-rotate-y: rotateY(90deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .rotate-y-180 { --tw-rotate-y: rotateY(180deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .skew-x-12 { --tw-skew-x: skewX(12deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .animate-\[spin_4s_linear_infinite\] { animation: 4s linear infinite spin; } .animate-bounce { animation: var(--animate-bounce); } .animate-in { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-crosshair { cursor: crosshair; } .cursor-default { cursor: default; } .cursor-e-resize { cursor: e-resize; } .cursor-grab { cursor: grab; } .cursor-help { cursor: help; } .cursor-move { cursor: move; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .cursor-wait { cursor: wait; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .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 { appearance: none; } .auto-rows-min { grid-auto-rows: min-content; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-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-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-12 { gap: calc(var(--spacing) * 12); } .gap-24 { gap: calc(var(--spacing) * 24); } .gap-px { gap: 1px; } :where(.space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-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-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-16 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-x-12 { column-gap: calc(var(--spacing) * 12); } :where(.-space-x-1\.5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse))); } :where(.-space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } :where(.divide-x-2 > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(2px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(2px * 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-black > :not(:last-child)) { border-color: var(--color-black); } :where(.divide-gray-100 > :not(:last-child)) { border-color: var(--color-gray-100); } :where(.divide-gray-200 > :not(:last-child)) { border-color: var(--color-gray-200); } :where(.divide-gray-800 > :not(:last-child)) { border-color: var(--color-gray-800); } :where(.divide-gray-800\/50 > :not(:last-child)) { border-color: #1e293980; } @supports (color: color-mix(in lab, red, red)) { :where(.divide-gray-800\/50 > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } :where(.divide-slate-800\/50 > :not(:last-child)) { border-color: #1d293d80; } @supports (color: color-mix(in lab, red, red)) { :where(.divide-slate-800\/50 > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-slate-800) 50%, 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\/10 > :not(:last-child)) { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { :where(.divide-white\/10 > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .self-center { align-self: center; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .\!overflow-hidden { overflow: hidden !important; } .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; } .overscroll-contain { overscroll-behavior: contain; } .scroll-smooth { scroll-behavior: smooth; } .\!rounded-lg { border-radius: var(--radius-lg) !important; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-\[1\.2rem\] { border-radius: 1.2rem; } .rounded-\[1\.5rem\] { border-radius: 1.5rem; } .rounded-\[2\.5rem\] { border-radius: 2.5rem; } .rounded-\[2rem\] { border-radius: 2rem; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[11px\] { border-radius: 11px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-\[32px\] { border-radius: 32px; } .rounded-\[100\%\] { border-radius: 100%; } .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-t { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-top-right-radius: var(--radius-3xl); } .rounded-t-full { border-top-left-radius: 3.40282e38px; border-top-right-radius: 3.40282e38px; } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-sm { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .rounded-tl-none { border-top-left-radius: 0; } .rounded-tl-sm { border-top-left-radius: var(--radius-sm); } .rounded-r-full { border-top-right-radius: 3.40282e38px; border-bottom-right-radius: 3.40282e38px; } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .rounded-tr-none { border-top-right-radius: 0; } .rounded-tr-sm { border-top-right-radius: var(--radius-sm); } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-bl-xl { border-bottom-left-radius: var(--radius-xl); } .\!border { border-style: var(--tw-border-style) !important; border-width: 1px !important; } .\!border-2 { border-style: var(--tw-border-style) !important; border-width: 2px !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-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-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-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-b-4 { border-bottom-style: var(--tw-border-style); border-bottom-width: 4px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0; } .border-l-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-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .\!border-\[\#1e293b\] { border-color: #1e293b !important; } .\!border-gray-700 { border-color: var(--color-gray-700) !important; } .\!border-gray-800 { border-color: var(--color-gray-800) !important; } .\!border-white\/20 { border-color: #fff3 !important; } @supports (color: color-mix(in lab, red, red)) { .\!border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important; } } .border-\[\#0d1117\] { border-color: #0d1117; } .border-\[\#00FF00\] { border-color: #0f0; } .border-\[\#00FF00\]\/20 { border-color: oklab(86.644% -.233888 .179499 / .2); } .border-\[\#00FF00\]\/50 { border-color: oklab(86.644% -.233888 .179499 / .5); } .border-\[\#00ff66\] { border-color: #0f6; } .border-\[\#00ff66\]\/30 { border-color: oklab(87.1766% -.215156 .136344 / .3); } .border-\[\#00ff66\]\/50 { border-color: oklab(87.1766% -.215156 .136344 / .5); } .border-\[\#1a1a1a\] { border-color: #1a1a1a; } .border-\[\#333\] { border-color: #333; } .border-\[\#121212\] { border-color: #121212; } .border-\[\#FFE135\] { border-color: #ffe135; } .border-\[\#FFE135\]\/10 { border-color: oklab(90.8032% -.0260833 .173716 / .1); } .border-\[\#FFE135\]\/20 { border-color: oklab(90.8032% -.0260833 .173716 / .2); } .border-\[\#FFE135\]\/30 { border-color: oklab(90.8032% -.0260833 .173716 / .3); } .border-\[\#FFE135\]\/40 { border-color: oklab(90.8032% -.0260833 .173716 / .4); } .border-\[\#c0b4a0\] { border-color: #c0b4a0; } .border-\[\#d1ccc9\] { border-color: #d1ccc9; } .border-\[\#dcd6cc\] { border-color: #dcd6cc; } .border-\[\#ff3366\] { border-color: #f36; } .border-\[--border\] { border-color: --border; } .border-amber-100 { border-color: var(--color-amber-100); } .border-amber-200 { border-color: var(--color-amber-200); } .border-amber-400 { border-color: var(--color-amber-400); } .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\/30 { border-color: #fcbb004d; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/30 { border-color: color-mix(in oklab, var(--color-amber-400) 30%, 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-400\/50 { border-color: #fcbb0080; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/50 { border-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent); } } .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\/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\/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-600\/50 { border-color: #dd740080; } @supports (color: color-mix(in lab, red, red)) { .border-amber-600\/50 { border-color: color-mix(in oklab, var(--color-amber-600) 50%, transparent); } } .border-background { border-color: var(--color-background); } .border-black { border-color: var(--color-black); } .border-black\/50 { border-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .border-black\/50 { border-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-400 { border-color: var(--color-blue-400); } .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\/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-400\/40 { border-color: #54a2ff66; } @supports (color: color-mix(in lab, red, red)) { .border-blue-400\/40 { border-color: color-mix(in oklab, var(--color-blue-400) 40%, transparent); } } .border-blue-400\/60 { border-color: #54a2ff99; } @supports (color: color-mix(in lab, red, red)) { .border-blue-400\/60 { border-color: color-mix(in oklab, var(--color-blue-400) 60%, 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\/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\/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\/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-900\/50 { border-color: #1c398e80; } @supports (color: color-mix(in lab, red, red)) { .border-blue-900\/50 { border-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent); } } .border-border, .border-border\/10 { border-color: var(--color-border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/10 { border-color: color-mix(in oklab, var(--color-border) 10%, transparent); } } .border-border\/20 { border-color: var(--color-border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/20 { border-color: color-mix(in oklab, var(--color-border) 20%, transparent); } } .border-border\/30 { border-color: var(--color-border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/30 { border-color: color-mix(in oklab, var(--color-border) 30%, transparent); } } .border-border\/50 { border-color: var(--color-border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/50 { border-color: color-mix(in oklab, var(--color-border) 50%, transparent); } } .border-current { border-color: currentColor; } .border-cyan-200\/20 { border-color: #a2f4fd33; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-200\/20 { border-color: color-mix(in oklab, var(--color-cyan-200) 20%, transparent); } } .border-cyan-200\/30 { border-color: #a2f4fd4d; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-200\/30 { border-color: color-mix(in oklab, var(--color-cyan-200) 30%, transparent); } } .border-cyan-300 { border-color: var(--color-cyan-300); } .border-cyan-400 { border-color: var(--color-cyan-400); } .border-cyan-500 { border-color: var(--color-cyan-500); } .border-cyan-500\/10 { border-color: #00b7d71a; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-500\/10 { border-color: color-mix(in oklab, var(--color-cyan-500) 10%, 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\/30 { border-color: #00b7d74d; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-500\/30 { border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent); } } .border-cyan-500\/50 { border-color: #00b7d780; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-500\/50 { border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent); } } .border-cyan-800 { border-color: var(--color-cyan-800); } .border-cyan-800\/30 { border-color: #005f784d; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-800\/30 { border-color: color-mix(in oklab, var(--color-cyan-800) 30%, transparent); } } .border-dept-brand, .border-dept-brand\/20 { border-color: var(--color-dept-brand); } @supports (color: color-mix(in lab, red, red)) { .border-dept-brand\/20 { border-color: color-mix(in oklab, var(--color-dept-brand) 20%, transparent); } } .border-dept-campaign { border-color: var(--color-dept-campaign); } .border-dept-creative, .border-dept-creative\/20 { border-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .border-dept-creative\/20 { border-color: color-mix(in oklab, var(--color-dept-creative) 20%, transparent); } } .border-dept-creative\/30 { border-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .border-dept-creative\/30 { border-color: color-mix(in oklab, var(--color-dept-creative) 30%, transparent); } } .border-dept-creative\/40 { border-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .border-dept-creative\/40 { border-color: color-mix(in oklab, var(--color-dept-creative) 40%, transparent); } } .border-dept-creative\/50 { border-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .border-dept-creative\/50 { border-color: color-mix(in oklab, var(--color-dept-creative) 50%, transparent); } } .border-dept-creative\/60 { border-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .border-dept-creative\/60 { border-color: color-mix(in oklab, var(--color-dept-creative) 60%, transparent); } } .border-dept-default { border-color: var(--color-dept-default); } .border-dept-distribution, .border-dept-distribution\/20 { border-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .border-dept-distribution\/20 { border-color: color-mix(in oklab, var(--color-dept-distribution) 20%, transparent); } } .border-dept-legal { border-color: var(--color-dept-legal); } .border-dept-licensing, .border-dept-licensing\/20 { border-color: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .border-dept-licensing\/20 { border-color: color-mix(in oklab, var(--color-dept-licensing) 20%, transparent); } } .border-dept-marketing, .border-dept-marketing\/10 { border-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .border-dept-marketing\/10 { border-color: color-mix(in oklab, var(--color-dept-marketing) 10%, transparent); } } .border-dept-marketing\/20 { border-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .border-dept-marketing\/20 { border-color: color-mix(in oklab, var(--color-dept-marketing) 20%, transparent); } } .border-dept-marketing\/30 { border-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .border-dept-marketing\/30 { border-color: color-mix(in oklab, var(--color-dept-marketing) 30%, transparent); } } .border-dept-marketing\/40 { border-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .border-dept-marketing\/40 { border-color: color-mix(in oklab, var(--color-dept-marketing) 40%, transparent); } } .border-dept-marketing\/50 { border-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .border-dept-marketing\/50 { border-color: color-mix(in oklab, var(--color-dept-marketing) 50%, transparent); } } .border-dept-publishing, .border-dept-publishing\/20 { border-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .border-dept-publishing\/20 { border-color: color-mix(in oklab, var(--color-dept-publishing) 20%, transparent); } } .border-dept-publishing\/50 { border-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .border-dept-publishing\/50 { border-color: color-mix(in oklab, var(--color-dept-publishing) 50%, transparent); } } .border-dept-royalties, .border-dept-royalties\/20 { border-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .border-dept-royalties\/20 { border-color: color-mix(in oklab, var(--color-dept-royalties) 20%, transparent); } } .border-dept-royalties\/30 { border-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .border-dept-royalties\/30 { border-color: color-mix(in oklab, var(--color-dept-royalties) 30%, transparent); } } .border-dept-royalties\/50 { border-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .border-dept-royalties\/50 { border-color: color-mix(in oklab, var(--color-dept-royalties) 50%, transparent); } } .border-dept-social { border-color: var(--color-dept-social); } .border-dept-touring { border-color: var(--color-dept-touring); } .border-emerald-400 { border-color: var(--color-emerald-400); } .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\/30 { border-color: #00d2944d; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-400\/30 { border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent); } } .border-emerald-400\/60 { border-color: #00d29499; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-400\/60 { border-color: color-mix(in oklab, var(--color-emerald-400) 60%, 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\/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\/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\/40 { border-color: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/40 { border-color: color-mix(in oklab, var(--color-emerald-500) 40%, 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-500\/60 { border-color: #00bb7f99; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/60 { border-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent); } } .border-emerald-800\/50 { border-color: #005f4680; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-800\/50 { border-color: color-mix(in oklab, var(--color-emerald-800) 50%, transparent); } } .border-fuchsia-500\/30 { border-color: #e12afb4d; } @supports (color: color-mix(in lab, red, red)) { .border-fuchsia-500\/30 { border-color: color-mix(in oklab, var(--color-fuchsia-500) 30%, transparent); } } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-400 { border-color: var(--color-gray-400); } .border-gray-400\/10 { border-color: #99a1af1a; } @supports (color: color-mix(in lab, red, red)) { .border-gray-400\/10 { border-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .border-gray-500 { border-color: var(--color-gray-500); } .border-gray-500\/20 { border-color: #6a728233; } @supports (color: color-mix(in lab, red, red)) { .border-gray-500\/20 { border-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent); } } .border-gray-500\/30 { border-color: #6a72824d; } @supports (color: color-mix(in lab, red, red)) { .border-gray-500\/30 { border-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent); } } .border-gray-600 { border-color: var(--color-gray-600); } .border-gray-600\/20 { border-color: #4a556533; } @supports (color: color-mix(in lab, red, red)) { .border-gray-600\/20 { border-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent); } } .border-gray-700 { border-color: var(--color-gray-700); } .border-gray-700\/30 { border-color: #3641534d; } @supports (color: color-mix(in lab, red, red)) { .border-gray-700\/30 { border-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent); } } .border-gray-700\/50 { border-color: #36415380; } @supports (color: color-mix(in lab, red, red)) { .border-gray-700\/50 { border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent); } } .border-gray-800 { border-color: var(--color-gray-800); } .border-gray-800\/30 { border-color: #1e29394d; } @supports (color: color-mix(in lab, red, red)) { .border-gray-800\/30 { border-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent); } } .border-gray-800\/50 { border-color: #1e293980; } @supports (color: color-mix(in lab, red, red)) { .border-gray-800\/50 { border-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } .border-gray-800\/80 { border-color: #1e2939cc; } @supports (color: color-mix(in lab, red, red)) { .border-gray-800\/80 { border-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent); } } .border-gray-900 { border-color: var(--color-gray-900); } .border-gray-950 { border-color: var(--color-gray-950); } .border-green-100 { border-color: var(--color-green-100); } .border-green-200 { border-color: var(--color-green-200); } .border-green-400\/20 { border-color: #05df7233; } @supports (color: color-mix(in lab, red, red)) { .border-green-400\/20 { border-color: color-mix(in oklab, var(--color-green-400) 20%, transparent); } } .border-green-400\/30 { border-color: #05df724d; } @supports (color: color-mix(in lab, red, red)) { .border-green-400\/30 { border-color: color-mix(in oklab, var(--color-green-400) 30%, transparent); } } .border-green-500 { border-color: var(--color-green-500); } .border-green-500\/10 { border-color: #00c7581a; } @supports (color: color-mix(in lab, red, red)) { .border-green-500\/10 { border-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); } } .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\/30 { border-color: #00c7584d; } @supports (color: color-mix(in lab, red, red)) { .border-green-500\/30 { border-color: color-mix(in oklab, var(--color-green-500) 30%, 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-green-900\/30 { border-color: #0d542b4d; } @supports (color: color-mix(in lab, red, red)) { .border-green-900\/30 { border-color: color-mix(in oklab, var(--color-green-900) 30%, transparent); } } .border-green-900\/50 { border-color: #0d542b80; } @supports (color: color-mix(in lab, red, red)) { .border-green-900\/50 { border-color: color-mix(in oklab, var(--color-green-900) 50%, transparent); } } .border-indigo-400 { border-color: var(--color-indigo-400); } .border-indigo-400\/20 { border-color: #7d87ff33; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-400\/20 { border-color: color-mix(in oklab, var(--color-indigo-400) 20%, 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-600\/50 { border-color: #4f39f680; } @supports (color: color-mix(in lab, red, red)) { .border-indigo-600\/50 { border-color: color-mix(in oklab, var(--color-indigo-600) 50%, transparent); } } .border-input { border-color: var(--color-input); } .border-lime-500\/20 { border-color: #80cd0033; } @supports (color: color-mix(in lab, red, red)) { .border-lime-500\/20 { border-color: color-mix(in oklab, var(--color-lime-500) 20%, transparent); } } .border-neutral-600 { border-color: var(--color-neutral-600); } .border-neutral-700 { border-color: var(--color-neutral-700); } .border-neutral-800 { border-color: var(--color-neutral-800); } .border-orange-400 { border-color: var(--color-orange-400); } .border-orange-400\/20 { border-color: #ff8b1a33; } @supports (color: color-mix(in lab, red, red)) { .border-orange-400\/20 { border-color: color-mix(in oklab, var(--color-orange-400) 20%, 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-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-pink-500\/30 { border-color: #f6339a4d; } @supports (color: color-mix(in lab, red, red)) { .border-pink-500\/30 { border-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent); } } .border-pink-500\/40 { border-color: #f6339a66; } @supports (color: color-mix(in lab, red, red)) { .border-pink-500\/40 { border-color: color-mix(in oklab, var(--color-pink-500) 40%, transparent); } } .border-pink-500\/50 { border-color: #f6339a80; } @supports (color: color-mix(in lab, red, red)) { .border-pink-500\/50 { border-color: color-mix(in oklab, var(--color-pink-500) 50%, transparent); } } .border-primary, .border-primary\/20 { border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/20 { border-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .border-primary\/50 { border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/50 { border-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } .border-purple-400 { border-color: var(--color-purple-400); } .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\/30 { border-color: #c07eff4d; } @supports (color: color-mix(in lab, red, red)) { .border-purple-400\/30 { border-color: color-mix(in oklab, var(--color-purple-400) 30%, transparent); } } .border-purple-400\/50 { border-color: #c07eff80; } @supports (color: color-mix(in lab, red, red)) { .border-purple-400\/50 { border-color: color-mix(in oklab, var(--color-purple-400) 50%, transparent); } } .border-purple-500 { border-color: var(--color-purple-500); } .border-purple-500\/10 { border-color: #ac4bff1a; } @supports (color: color-mix(in lab, red, red)) { .border-purple-500\/10 { border-color: color-mix(in oklab, var(--color-purple-500) 10%, 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-purple-500\/30 { border-color: #ac4bff4d; } @supports (color: color-mix(in lab, red, red)) { .border-purple-500\/30 { border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .border-purple-500\/40 { border-color: #ac4bff66; } @supports (color: color-mix(in lab, red, red)) { .border-purple-500\/40 { border-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent); } } .border-purple-500\/50 { border-color: #ac4bff80; } @supports (color: color-mix(in lab, red, red)) { .border-purple-500\/50 { border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent); } } .border-purple-500\/60 { border-color: #ac4bff99; } @supports (color: color-mix(in lab, red, red)) { .border-purple-500\/60 { border-color: color-mix(in oklab, var(--color-purple-500) 60%, transparent); } } .border-purple-700\/40 { border-color: #8200da66; } @supports (color: color-mix(in lab, red, red)) { .border-purple-700\/40 { border-color: color-mix(in oklab, var(--color-purple-700) 40%, transparent); } } .border-purple-900\/50 { border-color: #59168b80; } @supports (color: color-mix(in lab, red, red)) { .border-purple-900\/50 { border-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent); } } .border-red-100 { border-color: var(--color-red-100); } .border-red-400 { border-color: var(--color-red-400); } .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\/15 { border-color: #fb2c3626; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/15 { border-color: color-mix(in oklab, var(--color-red-500) 15%, 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\/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\/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-700 { border-color: var(--color-red-700); } .border-red-800\/50 { border-color: #9f071280; } @supports (color: color-mix(in lab, red, red)) { .border-red-800\/50 { border-color: color-mix(in oklab, var(--color-red-800) 50%, transparent); } } .border-red-900\/30 { border-color: #82181a4d; } @supports (color: color-mix(in lab, red, red)) { .border-red-900\/30 { border-color: color-mix(in oklab, var(--color-red-900) 30%, 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-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\/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-sky-400 { border-color: var(--color-sky-400); } .border-slate-100 { border-color: var(--color-slate-100); } .border-slate-200 { border-color: var(--color-slate-200); } .border-slate-400 { border-color: var(--color-slate-400); } .border-slate-400\/20 { border-color: #90a1b933; } @supports (color: color-mix(in lab, red, red)) { .border-slate-400\/20 { border-color: color-mix(in oklab, var(--color-slate-400) 20%, transparent); } } .border-slate-400\/30 { border-color: #90a1b94d; } @supports (color: color-mix(in lab, red, red)) { .border-slate-400\/30 { border-color: color-mix(in oklab, var(--color-slate-400) 30%, transparent); } } .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\/40 { border-color: #62748e66; } @supports (color: color-mix(in lab, red, red)) { .border-slate-500\/40 { border-color: color-mix(in oklab, var(--color-slate-500) 40%, 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-800\/50 { border-color: #1d293d80; } @supports (color: color-mix(in lab, red, red)) { .border-slate-800\/50 { border-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent); } } .border-sonic-purple, .border-sonic-purple\/10 { border-color: var(--color-sonic-purple); } @supports (color: color-mix(in lab, red, red)) { .border-sonic-purple\/10 { border-color: color-mix(in oklab, var(--color-sonic-purple) 10%, transparent); } } .border-sonic-purple\/20 { border-color: var(--color-sonic-purple); } @supports (color: color-mix(in lab, red, red)) { .border-sonic-purple\/20 { border-color: color-mix(in oklab, var(--color-sonic-purple) 20%, transparent); } } .border-sonic-yellow\/20 { border-color: var(--color-sonic-yellow); } @supports (color: color-mix(in lab, red, red)) { .border-sonic-yellow\/20 { border-color: color-mix(in oklab, var(--color-sonic-yellow) 20%, transparent); } } .border-teal-400 { border-color: var(--color-teal-400); } .border-teal-400\/20 { border-color: #00d3bd33; } @supports (color: color-mix(in lab, red, red)) { .border-teal-400\/20 { border-color: color-mix(in oklab, var(--color-teal-400) 20%, transparent); } } .border-teal-400\/30 { border-color: #00d3bd4d; } @supports (color: color-mix(in lab, red, red)) { .border-teal-400\/30 { border-color: color-mix(in oklab, var(--color-teal-400) 30%, transparent); } } .border-teal-500 { border-color: var(--color-teal-500); } .border-teal-500\/20 { border-color: #00baa733; } @supports (color: color-mix(in lab, red, red)) { .border-teal-500\/20 { border-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent); } } .border-teal-500\/30 { border-color: #00baa74d; } @supports (color: color-mix(in lab, red, red)) { .border-teal-500\/30 { border-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent); } } .border-teal-500\/50 { border-color: #00baa780; } @supports (color: color-mix(in lab, red, red)) { .border-teal-500\/50 { border-color: color-mix(in oklab, var(--color-teal-500) 50%, transparent); } } .border-transparent { border-color: #0000; } .border-violet-400\/20 { border-color: #a685ff33; } @supports (color: color-mix(in lab, red, red)) { .border-violet-400\/20 { border-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent); } } .border-violet-500 { border-color: var(--color-violet-500); } .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-white { border-color: var(--color-white); } .border-white\/0 { border-color: #0000; } @supports (color: color-mix(in lab, red, red)) { .border-white\/0 { border-color: color-mix(in oklab, var(--color-white) 0%, transparent); } } .border-white\/4 { border-color: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { .border-white\/4 { border-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } .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\/6 { border-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { .border-white\/6 { border-color: color-mix(in oklab, var(--color-white) 6%, 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\/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\/\[0\.02\] { border-color: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.02\] { border-color: color-mix(in oklab, var(--color-white) 2%, 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\.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-yellow-200 { border-color: var(--color-yellow-200); } .border-yellow-400 { border-color: var(--color-yellow-400); } .border-yellow-400\/20 { border-color: #fac80033; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-400\/20 { border-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent); } } .border-yellow-400\/30 { border-color: #fac8004d; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-400\/30 { border-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent); } } .border-yellow-400\/50 { border-color: #fac80080; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-400\/50 { border-color: color-mix(in oklab, var(--color-yellow-400) 50%, transparent); } } .border-yellow-400\/60 { border-color: #fac80099; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-400\/60 { border-color: color-mix(in oklab, var(--color-yellow-400) 60%, transparent); } } .border-yellow-500 { border-color: var(--color-yellow-500); } .border-yellow-500\/10 { border-color: #edb2001a; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-500\/10 { border-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent); } } .border-yellow-500\/20 { border-color: #edb20033; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-500\/20 { border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .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-yellow-800\/50 { border-color: #874b0080; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-800\/50 { border-color: color-mix(in oklab, var(--color-yellow-800) 50%, transparent); } } .border-yellow-900\/50 { border-color: #733e0a80; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-900\/50 { border-color: color-mix(in oklab, var(--color-yellow-900) 50%, transparent); } } .border-zinc-700 { border-color: var(--color-zinc-700); } .border-zinc-800 { border-color: var(--color-zinc-800); } .border-zinc-900 { border-color: var(--color-zinc-900); } .border-t-amber-400 { border-top-color: var(--color-amber-400); } .border-t-blue-400 { border-top-color: var(--color-blue-400); } .border-t-blue-500 { border-top-color: var(--color-blue-500); } .border-t-emerald-400 { border-top-color: var(--color-emerald-400); } .border-t-indigo-400 { border-top-color: var(--color-indigo-400); } .border-t-purple-500 { border-top-color: var(--color-purple-500); } .border-t-teal-400 { border-top-color: var(--color-teal-400); } .border-t-teal-500\/60 { border-top-color: #00baa799; } @supports (color: color-mix(in lab, red, red)) { .border-t-teal-500\/60 { border-top-color: color-mix(in oklab, var(--color-teal-500) 60%, transparent); } } .border-t-transparent { border-top-color: #0000; } .border-t-white { border-top-color: var(--color-white); } .border-r-transparent { border-right-color: #0000; } .border-b-transparent { border-bottom-color: #0000; } .border-l-amber-500\/40 { border-left-color: #f99c0066; } @supports (color: color-mix(in lab, red, red)) { .border-l-amber-500\/40 { border-left-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent); } } .border-l-blue-500 { border-left-color: var(--color-blue-500); } .border-l-blue-500\/40 { border-left-color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .border-l-blue-500\/40 { border-left-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .border-l-green-500\/40 { border-left-color: #00c75866; } @supports (color: color-mix(in lab, red, red)) { .border-l-green-500\/40 { border-left-color: color-mix(in oklab, var(--color-green-500) 40%, transparent); } } .border-l-purple-500 { border-left-color: var(--color-purple-500); } .border-l-purple-500\/40 { border-left-color: #ac4bff66; } @supports (color: color-mix(in lab, red, red)) { .border-l-purple-500\/40 { border-left-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent); } } .border-l-red-500\/40 { border-left-color: #fb2c3666; } @supports (color: color-mix(in lab, red, red)) { .border-l-red-500\/40 { border-left-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } .border-l-transparent { border-left-color: #0000; } .\!bg-amber-400 { background-color: var(--color-amber-400) !important; } .\!bg-black { background-color: var(--color-black) !important; } .\!bg-gray-800\/80 { background-color: #1e2939cc !important; } @supports (color: color-mix(in lab, red, red)) { .\!bg-gray-800\/80 { background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent) !important; } } .\!bg-gray-900\/50 { background-color: #10182880 !important; } @supports (color: color-mix(in lab, red, red)) { .\!bg-gray-900\/50 { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent) !important; } } .\!bg-slate-400 { background-color: var(--color-slate-400) !important; } .bg-\[\#0A0A0A\] { background-color: #0a0a0a; } .bg-\[\#0D0D0D\] { background-color: #0d0d0d; } .bg-\[\#0a0a0a\] { background-color: #0a0a0a; } .bg-\[\#0a0a0a\]\/30 { background-color: oklab(14.4788% 7.45058e-9 7.45058e-9 / .3); } .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-\[\#0a0a0c\] { background-color: #0a0a0c; } .bg-\[\#0a0a0c\]\/98 { background-color: oklab(14.5735% .00116894 -.0041153 / .98); } .bg-\[\#0a0a0e\] { background-color: #0a0a0e; } .bg-\[\#0a0a0f\]\/80 { background-color: oklab(14.7335% .00277905 -.0103663 / .8); } .bg-\[\#0c0c0e\]\/95 { background-color: oklab(15.527% .00115445 -.00405315 / .95); } .bg-\[\#0d0d0d\] { background-color: #0d0d0d; } .bg-\[\#0d0d0d\]\/95 { background-color: oklab(15.9066% 7.45058e-9 0 / .95); } .bg-\[\#0d0d0f\] { background-color: #0d0d0f; } .bg-\[\#0d1117\] { background-color: #0d1117; } .bg-\[\#0d1117\]\/60 { background-color: oklab(17.6285% -.00282954 -.0137322 / .6); } .bg-\[\#0d1117\]\/80 { background-color: oklab(17.6285% -.00282954 -.0137322 / .8); } .bg-\[\#0e0e0e\] { background-color: #0e0e0e; } .bg-\[\#0f0f0f\] { background-color: #0f0f0f; } .bg-\[\#0f0f0f\]\/80 { background-color: oklab(16.8416% -4.47035e-8 1.49012e-8 / .8); } .bg-\[\#0f0f0f\]\/95 { background-color: oklab(16.8416% -4.47035e-8 1.49012e-8 / .95); } .bg-\[\#0f0f13\] { background-color: #0f0f13; } .bg-\[\#0f141e\] { background-color: #0f141e; } .bg-\[\#0f1115\]\/95 { background-color: oklab(17.7275% -.000878438 -.0088294 / .95); } .bg-\[\#00FF00\] { background-color: #0f0; } .bg-\[\#00FF00\]\/10 { background-color: oklab(86.644% -.233888 .179499 / .1); } .bg-\[\#00FF00\]\/20 { background-color: oklab(86.644% -.233888 .179499 / .2); } .bg-\[\#00ff66\] { background-color: #0f6; } .bg-\[\#00ff66\]\/20 { background-color: oklab(87.1766% -.215156 .136344 / .2); } .bg-\[\#000\] { background-color: #000; } .bg-\[\#1a0f0f\] { background-color: #1a0f0f; } .bg-\[\#1a1a1a\] { background-color: #1a1a1a; } .bg-\[\#1a1a2e\] { background-color: #1a1a2e; } .bg-\[\#1a1c20\] { background-color: #1a1c20; } .bg-\[\#1a1d23\] { background-color: #1a1d23; } .bg-\[\#1c1c1c\] { background-color: #1c1c1c; } .bg-\[\#1c1c1e\] { background-color: #1c1c1e; } .bg-\[\#1c2128\] { background-color: #1c2128; } .bg-\[\#1e2128\] { background-color: #1e2128; } .bg-\[\#1f1f1f\] { background-color: #1f1f1f; } .bg-\[\#111\] { background-color: #111; } .bg-\[\#161b22\] { background-color: #161b22; } .bg-\[\#161b22\]\/40 { background-color: oklab(22.0223% -.0035809 -.0152867 / .4); } .bg-\[\#161b22\]\/50 { background-color: oklab(22.0223% -.0035809 -.0152867 / .5); } .bg-\[\#161b22\]\/60 { background-color: oklab(22.0223% -.0035809 -.0152867 / .6); } .bg-\[\#161b22\]\/80 { background-color: oklab(22.0223% -.0035809 -.0152867 / .8); } .bg-\[\#222\] { background-color: #222; } .bg-\[\#333\] { background-color: #333; } .bg-\[\#18181b\] { background-color: #18181b; } .bg-\[\#030303\] { background-color: #030303; } .bg-\[\#050505\] { background-color: #050505; } .bg-\[\#060608\]\/80 { background-color: oklab(12.3375% .00148499 -.00533298 / .8); } .bg-\[\#060608\]\/90 { background-color: oklab(12.3375% .00148499 -.00533298 / .9); } .bg-\[\#080809\] { background-color: #080809; } .bg-\[\#111111\]\/95 { background-color: oklab(17.7638% -2.23517e-8 0 / .95); } .bg-\[\#121212\] { background-color: #121212; } .bg-\[\#141414\]\/90 { background-color: oklab(19.1251% -7.45058e-9 0 / .9); } .bg-\[\#151515\] { background-color: #151515; } .bg-\[\#161616\] { background-color: #161616; } .bg-\[\#252525\] { background-color: #252525; } .bg-\[\#636366\] { background-color: #636366; } .bg-\[\#CCFF00\]\/10 { background-color: oklab(93.0708% -.124797 .191511 / .1); } .bg-\[\#FF00FF\] { background-color: #f0f; } .bg-\[\#FFE135\] { background-color: #ffe135; } .bg-\[\#FFE135\]\/5 { background-color: oklab(90.8032% -.0260833 .173716 / .05); } .bg-\[\#FFE135\]\/10 { background-color: oklab(90.8032% -.0260833 .173716 / .1); } .bg-\[\#FFE135\]\/20 { background-color: oklab(90.8032% -.0260833 .173716 / .2); } .bg-\[\#FFEBA0\] { background-color: #ffeba0; } .bg-\[\#FFF2C0\] { background-color: #fff2c0; } .bg-\[\#FFF9E5\] { background-color: #fff9e5; } .bg-\[\#e3dedb\] { background-color: #e3dedb; } .bg-\[\#f0ece4\] { background-color: #f0ece4; } .bg-\[\#fcfaf9\] { background-color: #fcfaf9; } .bg-\[\#fdfbf7\] { background-color: #fdfbf7; } .bg-\[\#ff3366\] { background-color: #f36; } .bg-\[\#ff3366\]\/5 { background-color: oklab(65.6462% .22857 .0541986 / .05); } .bg-\[\#ff3366\]\/10 { background-color: oklab(65.6462% .22857 .0541986 / .1); } .bg-\[\#ff3366\]\/20 { background-color: oklab(65.6462% .22857 .0541986 / .2); } .bg-\[--background\] { background-color: --background; } .bg-\[--background\]\/80 { background-color: color-mix(in oklab, --background 80%, transparent); } .bg-\[--bg\] { background-color: --bg; } .bg-\[--card\] { background-color: --card; } .bg-\[--dept-color\] { background-color: --dept-color; } .bg-\[rgba\(50\,0\,0\,0\.9\)\] { background-color: #320000e6; } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-100 { background-color: var(--color-amber-100); } .bg-amber-400 { background-color: var(--color-amber-400); } .bg-amber-400\/5 { background-color: #fcbb000d; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/5 { background-color: color-mix(in oklab, var(--color-amber-400) 5%, transparent); } } .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\/20 { background-color: #fcbb0033; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/20 { background-color: color-mix(in oklab, var(--color-amber-400) 20%, 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\/10 { background-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/10 { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .bg-amber-500\/15 { background-color: #f99c0026; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/15 { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } } .bg-amber-500\/20 { background-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/20 { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .bg-amber-500\/40 { background-color: #f99c0066; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/40 { background-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent); } } .bg-amber-600 { background-color: var(--color-amber-600); } .bg-amber-600\/20 { background-color: #dd740033; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-600\/20 { background-color: color-mix(in oklab, var(--color-amber-600) 20%, transparent); } } .bg-amber-600\/90 { background-color: #dd7400e6; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-600\/90 { background-color: color-mix(in oklab, var(--color-amber-600) 90%, transparent); } } .bg-background, .bg-background\/20 { background-color: var(--color-background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/20 { background-color: color-mix(in oklab, var(--color-background) 20%, transparent); } } .bg-background\/30 { background-color: var(--color-background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/30 { background-color: color-mix(in oklab, var(--color-background) 30%, transparent); } } .bg-background\/40 { background-color: var(--color-background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/40 { background-color: color-mix(in oklab, var(--color-background) 40%, transparent); } } .bg-background\/50 { background-color: var(--color-background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/50 { background-color: color-mix(in oklab, var(--color-background) 50%, transparent); } } .bg-background\/60 { background-color: var(--color-background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/60 { background-color: color-mix(in oklab, var(--color-background) 60%, transparent); } } .bg-background\/80 { background-color: var(--color-background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/80 { background-color: color-mix(in oklab, var(--color-background) 80%, transparent); } } .bg-background\/95 { background-color: var(--color-background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/95 { background-color: color-mix(in oklab, var(--color-background) 95%, transparent); } } .bg-bg-dark { background-color: var(--color-bg-dark); } .bg-bg-dark\/30 { background-color: #0d11174d; } @supports (color: color-mix(in lab, red, red)) { .bg-bg-dark\/30 { background-color: color-mix(in oklab, var(--color-bg-dark) 30%, transparent); } } .bg-bg-dark\/50 { background-color: #0d111780; } @supports (color: color-mix(in lab, red, red)) { .bg-bg-dark\/50 { background-color: color-mix(in oklab, var(--color-bg-dark) 50%, transparent); } } .bg-bg-dark\/80 { background-color: #0d1117cc; } @supports (color: color-mix(in lab, red, red)) { .bg-bg-dark\/80 { background-color: color-mix(in oklab, var(--color-bg-dark) 80%, transparent); } } .bg-bg-dark\/90 { background-color: #0d1117e6; } @supports (color: color-mix(in lab, red, red)) { .bg-bg-dark\/90 { background-color: color-mix(in oklab, var(--color-bg-dark) 90%, transparent); } } .bg-bg-dark\/95 { background-color: #0d1117f2; } @supports (color: color-mix(in lab, red, red)) { .bg-bg-dark\/95 { background-color: color-mix(in oklab, var(--color-bg-dark) 95%, transparent); } } .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\/30 { background-color: #0000004d; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/30 { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/40 { background-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/40 { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/50 { background-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/60 { background-color: #0009; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/60 { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .bg-black\/70 { background-color: #000000b3; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/70 { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .bg-black\/80 { background-color: #000c; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/80 { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .bg-black\/90 { background-color: #000000e6; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/90 { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-50\/50 { background-color: #eff6ff80; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-50\/50 { background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent); } } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-400\/10 { background-color: #54a2ff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/10 { background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent); } } .bg-blue-400\/60 { background-color: #54a2ff99; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-400\/60 { background-color: color-mix(in oklab, var(--color-blue-400) 60%, 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\/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\/30 { background-color: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/30 { background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .bg-blue-500\/40 { background-color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/40 { background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .bg-blue-500\/50 { background-color: #3080ff80; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/50 { background-color: color-mix(in oklab, var(--color-blue-500) 50%, 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-600\/30 { background-color: #155dfc4d; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-600\/30 { background-color: color-mix(in oklab, var(--color-blue-600) 30%, transparent); } } .bg-blue-600\/80 { background-color: #155dfccc; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-600\/80 { background-color: color-mix(in oklab, var(--color-blue-600) 80%, transparent); } } .bg-blue-700 { background-color: var(--color-blue-700); } .bg-blue-900 { background-color: var(--color-blue-900); } .bg-blue-900\/10 { background-color: #1c398e1a; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-900\/10 { background-color: color-mix(in oklab, var(--color-blue-900) 10%, 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-900\/30 { background-color: #1c398e4d; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-900\/30 { background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent); } } .bg-blue-900\/50 { background-color: #1c398e80; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-900\/50 { background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent); } } .bg-blue-900\/80 { background-color: #1c398ecc; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-900\/80 { background-color: color-mix(in oklab, var(--color-blue-900) 80%, transparent); } } .bg-blue-950\/50 { background-color: #16245680; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-950\/50 { background-color: color-mix(in oklab, var(--color-blue-950) 50%, transparent); } } .bg-blue-950\/90 { background-color: #162456e6; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-950\/90 { background-color: color-mix(in oklab, var(--color-blue-950) 90%, transparent); } } .bg-border\/30 { background-color: var(--color-border); } @supports (color: color-mix(in lab, red, red)) { .bg-border\/30 { background-color: color-mix(in oklab, var(--color-border) 30%, transparent); } } .bg-border\/50 { background-color: var(--color-border); } @supports (color: color-mix(in lab, red, red)) { .bg-border\/50 { background-color: color-mix(in oklab, var(--color-border) 50%, transparent); } } .bg-card, .bg-card\/40 { background-color: var(--color-card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/40 { background-color: color-mix(in oklab, var(--color-card) 40%, transparent); } } .bg-card\/50 { background-color: var(--color-card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/50 { background-color: color-mix(in oklab, var(--color-card) 50%, transparent); } } .bg-card\/60 { background-color: var(--color-card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/60 { background-color: color-mix(in oklab, var(--color-card) 60%, transparent); } } .bg-card\/80 { background-color: var(--color-card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/80 { background-color: color-mix(in oklab, var(--color-card) 80%, transparent); } } .bg-current { background-color: currentColor; } .bg-cyan-400 { background-color: var(--color-cyan-400); } .bg-cyan-400\/30 { background-color: #00d2ef4d; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-400\/30 { background-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent); } } .bg-cyan-500 { background-color: var(--color-cyan-500); } .bg-cyan-500\/5 { background-color: #00b7d70d; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/5 { background-color: color-mix(in oklab, var(--color-cyan-500) 5%, transparent); } } .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\/15 { background-color: #00b7d726; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/15 { background-color: color-mix(in oklab, var(--color-cyan-500) 15%, transparent); } } .bg-cyan-500\/20 { background-color: #00b7d733; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/20 { background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent); } } .bg-cyan-500\/40 { background-color: #00b7d766; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/40 { background-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent); } } .bg-cyan-600 { background-color: var(--color-cyan-600); } .bg-cyan-600\/10 { background-color: #0092b51a; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-600\/10 { background-color: color-mix(in oklab, var(--color-cyan-600) 10%, transparent); } } .bg-cyan-900\/50 { background-color: #104e6480; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-900\/50 { background-color: color-mix(in oklab, var(--color-cyan-900) 50%, transparent); } } .bg-cyan-950\/30 { background-color: #0533454d; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-950\/30 { background-color: color-mix(in oklab, var(--color-cyan-950) 30%, transparent); } } .bg-cyan-950\/80 { background-color: #053345cc; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-950\/80 { background-color: color-mix(in oklab, var(--color-cyan-950) 80%, transparent); } } .bg-dept-brand\/10 { background-color: var(--color-dept-brand); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-brand\/10 { background-color: color-mix(in oklab, var(--color-dept-brand) 10%, transparent); } } .bg-dept-campaign\/10 { background-color: var(--color-dept-campaign); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-campaign\/10 { background-color: color-mix(in oklab, var(--color-dept-campaign) 10%, transparent); } } .bg-dept-campaign\/20 { background-color: var(--color-dept-campaign); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-campaign\/20 { background-color: color-mix(in oklab, var(--color-dept-campaign) 20%, transparent); } } .bg-dept-creative, .bg-dept-creative\/5 { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-creative\/5 { background-color: color-mix(in oklab, var(--color-dept-creative) 5%, transparent); } } .bg-dept-creative\/10 { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-creative\/10 { background-color: color-mix(in oklab, var(--color-dept-creative) 10%, transparent); } } .bg-dept-creative\/15 { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-creative\/15 { background-color: color-mix(in oklab, var(--color-dept-creative) 15%, transparent); } } .bg-dept-creative\/20 { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-creative\/20 { background-color: color-mix(in oklab, var(--color-dept-creative) 20%, transparent); } } .bg-dept-creative\/50 { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-creative\/50 { background-color: color-mix(in oklab, var(--color-dept-creative) 50%, transparent); } } .bg-dept-default\/10 { background-color: var(--color-dept-default); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-default\/10 { background-color: color-mix(in oklab, var(--color-dept-default) 10%, transparent); } } .bg-dept-distribution, .bg-dept-distribution\/5 { background-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-distribution\/5 { background-color: color-mix(in oklab, var(--color-dept-distribution) 5%, transparent); } } .bg-dept-distribution\/10 { background-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-distribution\/10 { background-color: color-mix(in oklab, var(--color-dept-distribution) 10%, transparent); } } .bg-dept-distribution\/20 { background-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-distribution\/20 { background-color: color-mix(in oklab, var(--color-dept-distribution) 20%, transparent); } } .bg-dept-legal\/10 { background-color: var(--color-dept-legal); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-legal\/10 { background-color: color-mix(in oklab, var(--color-dept-legal) 10%, transparent); } } .bg-dept-licensing, .bg-dept-licensing\/5 { background-color: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-licensing\/5 { background-color: color-mix(in oklab, var(--color-dept-licensing) 5%, transparent); } } .bg-dept-licensing\/10 { background-color: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-licensing\/10 { background-color: color-mix(in oklab, var(--color-dept-licensing) 10%, transparent); } } .bg-dept-marketing, .bg-dept-marketing\/5 { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-marketing\/5 { background-color: color-mix(in oklab, var(--color-dept-marketing) 5%, transparent); } } .bg-dept-marketing\/10 { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-marketing\/10 { background-color: color-mix(in oklab, var(--color-dept-marketing) 10%, transparent); } } .bg-dept-marketing\/15 { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-marketing\/15 { background-color: color-mix(in oklab, var(--color-dept-marketing) 15%, transparent); } } .bg-dept-marketing\/20 { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-marketing\/20 { background-color: color-mix(in oklab, var(--color-dept-marketing) 20%, transparent); } } .bg-dept-marketing\/50 { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-marketing\/50 { background-color: color-mix(in oklab, var(--color-dept-marketing) 50%, transparent); } } .bg-dept-publishing, .bg-dept-publishing\/5 { background-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-publishing\/5 { background-color: color-mix(in oklab, var(--color-dept-publishing) 5%, transparent); } } .bg-dept-publishing\/10 { background-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-publishing\/10 { background-color: color-mix(in oklab, var(--color-dept-publishing) 10%, transparent); } } .bg-dept-publishing\/20 { background-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-publishing\/20 { background-color: color-mix(in oklab, var(--color-dept-publishing) 20%, transparent); } } .bg-dept-royalties, .bg-dept-royalties\/5 { background-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-royalties\/5 { background-color: color-mix(in oklab, var(--color-dept-royalties) 5%, transparent); } } .bg-dept-royalties\/8 { background-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-royalties\/8 { background-color: color-mix(in oklab, var(--color-dept-royalties) 8%, transparent); } } .bg-dept-royalties\/10 { background-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-royalties\/10 { background-color: color-mix(in oklab, var(--color-dept-royalties) 10%, transparent); } } .bg-dept-royalties\/20 { background-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-royalties\/20 { background-color: color-mix(in oklab, var(--color-dept-royalties) 20%, transparent); } } .bg-dept-social\/10 { background-color: var(--color-dept-social); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-social\/10 { background-color: color-mix(in oklab, var(--color-dept-social) 10%, transparent); } } .bg-dept-social\/20 { background-color: var(--color-dept-social); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-social\/20 { background-color: color-mix(in oklab, var(--color-dept-social) 20%, transparent); } } .bg-dept-touring\/10 { background-color: var(--color-dept-touring); } @supports (color: color-mix(in lab, red, red)) { .bg-dept-touring\/10 { background-color: color-mix(in oklab, var(--color-dept-touring) 10%, transparent); } } .bg-destructive { background-color: var(--color-destructive); } .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-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\/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\/30 { background-color: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/30 { background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .bg-emerald-600 { background-color: var(--color-emerald-600); } .bg-emerald-600\/40 { background-color: #00976766; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-600\/40 { background-color: color-mix(in oklab, var(--color-emerald-600) 40%, transparent); } } .bg-emerald-900\/10 { background-color: #004e3b1a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-900\/10 { background-color: color-mix(in oklab, var(--color-emerald-900) 10%, transparent); } } .bg-emerald-950\/30 { background-color: #002c224d; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-950\/30 { background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent); } } .bg-foreground { background-color: var(--color-foreground); } .bg-fuchsia-500 { background-color: var(--color-fuchsia-500); } .bg-fuchsia-500\/20 { background-color: #e12afb33; } @supports (color: color-mix(in lab, red, red)) { .bg-fuchsia-500\/20 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent); } } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-50\/30 { background-color: #f9fafb4d; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-50\/30 { background-color: color-mix(in oklab, var(--color-gray-50) 30%, transparent); } } .bg-gray-50\/50 { background-color: #f9fafb80; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-50\/50 { background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } } .bg-gray-50\/80 { background-color: #f9fafbcc; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-50\/80 { background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent); } } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-gray-400\/5 { background-color: #99a1af0d; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-400\/5 { background-color: color-mix(in oklab, var(--color-gray-400) 5%, transparent); } } .bg-gray-400\/10 { background-color: #99a1af1a; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-400\/10 { background-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent); } } .bg-gray-400\/50 { background-color: #99a1af80; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-400\/50 { background-color: color-mix(in oklab, var(--color-gray-400) 50%, transparent); } } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-gray-500\/5 { background-color: #6a72820d; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-500\/5 { background-color: color-mix(in oklab, var(--color-gray-500) 5%, transparent); } } .bg-gray-500\/10 { background-color: #6a72821a; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-500\/10 { background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } .bg-gray-500\/20 { background-color: #6a728233; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-500\/20 { background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent); } } .bg-gray-600 { background-color: var(--color-gray-600); } .bg-gray-600\/5 { background-color: #4a55650d; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-600\/5 { background-color: color-mix(in oklab, var(--color-gray-600) 5%, transparent); } } .bg-gray-700 { background-color: var(--color-gray-700); } .bg-gray-700\/80 { background-color: #364153cc; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-700\/80 { background-color: color-mix(in oklab, var(--color-gray-700) 80%, transparent); } } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-800\/10 { background-color: #1e29391a; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-800\/10 { background-color: color-mix(in oklab, var(--color-gray-800) 10%, transparent); } } .bg-gray-800\/30 { background-color: #1e29394d; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-800\/30 { background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent); } } .bg-gray-800\/50 { background-color: #1e293980; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-800\/50 { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } .bg-gray-800\/80 { background-color: #1e2939cc; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-800\/80 { background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent); } } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/10 { background-color: #1018281a; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/10 { background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .bg-gray-900\/20 { background-color: #10182833; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/20 { background-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } .bg-gray-900\/30 { background-color: #1018284d; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/30 { background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent); } } .bg-gray-900\/40 { background-color: #10182866; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/40 { background-color: color-mix(in oklab, var(--color-gray-900) 40%, transparent); } } .bg-gray-900\/50 { background-color: #10182880; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/50 { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } .bg-gray-900\/60 { background-color: #10182899; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/60 { background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent); } } .bg-gray-900\/80 { background-color: #101828cc; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/80 { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent); } } .bg-gray-900\/95 { background-color: #101828f2; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/95 { background-color: color-mix(in oklab, var(--color-gray-900) 95%, transparent); } } .bg-gray-950 { background-color: var(--color-gray-950); } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-50\/50 { background-color: #f0fdf480; } @supports (color: color-mix(in lab, red, red)) { .bg-green-50\/50 { background-color: color-mix(in oklab, var(--color-green-50) 50%, transparent); } } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-400\/10 { background-color: #05df721a; } @supports (color: color-mix(in lab, red, red)) { .bg-green-400\/10 { background-color: color-mix(in oklab, var(--color-green-400) 10%, transparent); } } .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-500\/15 { background-color: #00c75826; } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/15 { background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent); } } .bg-green-500\/20 { background-color: #00c75833; } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/20 { background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } .bg-green-500\/50 { background-color: #00c75880; } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/50 { background-color: color-mix(in oklab, var(--color-green-500) 50%, transparent); } } .bg-green-500\/60 { background-color: #00c75899; } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/60 { background-color: color-mix(in oklab, var(--color-green-500) 60%, transparent); } } .bg-green-500\/\[0\.02\] { background-color: #00c75805; } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/\[0\.02\] { background-color: color-mix(in oklab, var(--color-green-500) 2%, transparent); } } .bg-green-600 { background-color: var(--color-green-600); } .bg-green-600\/10 { background-color: #00a5441a; } @supports (color: color-mix(in lab, red, red)) { .bg-green-600\/10 { background-color: color-mix(in oklab, var(--color-green-600) 10%, transparent); } } .bg-green-600\/20 { background-color: #00a54433; } @supports (color: color-mix(in lab, red, red)) { .bg-green-600\/20 { background-color: color-mix(in oklab, var(--color-green-600) 20%, transparent); } } .bg-green-900 { background-color: var(--color-green-900); } .bg-green-900\/10 { background-color: #0d542b1a; } @supports (color: color-mix(in lab, red, red)) { .bg-green-900\/10 { background-color: color-mix(in oklab, var(--color-green-900) 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-green-900\/30 { background-color: #0d542b4d; } @supports (color: color-mix(in lab, red, red)) { .bg-green-900\/30 { background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent); } } .bg-green-900\/80 { background-color: #0d542bcc; } @supports (color: color-mix(in lab, red, red)) { .bg-green-900\/80 { background-color: color-mix(in oklab, var(--color-green-900) 80%, transparent); } } .bg-green-950\/10 { background-color: #032e151a; } @supports (color: color-mix(in lab, red, red)) { .bg-green-950\/10 { background-color: color-mix(in oklab, var(--color-green-950) 10%, transparent); } } .bg-indigo-50 { background-color: var(--color-indigo-50); } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-400 { background-color: var(--color-indigo-400); } .bg-indigo-400\/50 { background-color: #7d87ff80; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-400\/50 { background-color: color-mix(in oklab, var(--color-indigo-400) 50%, transparent); } } .bg-indigo-500 { background-color: var(--color-indigo-500); } .bg-indigo-500\/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\/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\/40 { background-color: #625fff66; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/40 { background-color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent); } } .bg-indigo-600 { background-color: var(--color-indigo-600); } .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-600\/30 { background-color: #4f39f64d; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-600\/30 { background-color: color-mix(in oklab, var(--color-indigo-600) 30%, transparent); } } .bg-indigo-900\/30 { background-color: #312c854d; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-900\/30 { background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent); } } .bg-indigo-900\/40 { background-color: #312c8566; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-900\/40 { background-color: color-mix(in oklab, var(--color-indigo-900) 40%, transparent); } } .bg-indigo-900\/80 { background-color: #312c85cc; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-900\/80 { background-color: color-mix(in oklab, var(--color-indigo-900) 80%, transparent); } } .bg-lime-400\/5 { background-color: #9de5000d; } @supports (color: color-mix(in lab, red, red)) { .bg-lime-400\/5 { background-color: color-mix(in oklab, var(--color-lime-400) 5%, transparent); } } .bg-muted { background-color: var(--color-muted); } .bg-muted-foreground { background-color: var(--color-muted-foreground); } .bg-muted\/10 { background-color: var(--color-muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/10 { background-color: color-mix(in oklab, var(--color-muted) 10%, transparent); } } .bg-muted\/20 { background-color: var(--color-muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/20 { background-color: color-mix(in oklab, var(--color-muted) 20%, transparent); } } .bg-neutral-700 { background-color: var(--color-neutral-700); } .bg-neutral-800 { background-color: var(--color-neutral-800); } .bg-neutral-800\/40 { background-color: #26262666; } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-800\/40 { background-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent); } } .bg-neutral-800\/50 { background-color: #26262680; } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-800\/50 { background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent); } } .bg-neutral-900 { background-color: var(--color-neutral-900); } .bg-neutral-900\/20 { background-color: #17171733; } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-900\/20 { background-color: color-mix(in oklab, var(--color-neutral-900) 20%, transparent); } } .bg-neutral-900\/40 { background-color: #17171766; } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-900\/40 { background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent); } } .bg-neutral-900\/50 { background-color: #17171780; } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-900\/50 { background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent); } } .bg-neutral-950 { background-color: var(--color-neutral-950); } .bg-neutral-950\/50 { background-color: #0a0a0a80; } @supports (color: color-mix(in lab, red, red)) { .bg-neutral-950\/50 { background-color: color-mix(in oklab, var(--color-neutral-950) 50%, transparent); } } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-400 { background-color: var(--color-orange-400); } .bg-orange-400\/10 { background-color: #ff8b1a1a; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-400\/10 { background-color: color-mix(in oklab, var(--color-orange-400) 10%, transparent); } } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-orange-500\/10 { background-color: #fe6e001a; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/10 { background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } .bg-orange-500\/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-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-100 { background-color: var(--color-pink-100); } .bg-pink-500 { background-color: var(--color-pink-500); } .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-pink-500\/20 { background-color: #f6339a33; } @supports (color: color-mix(in lab, red, red)) { .bg-pink-500\/20 { background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent); } } .bg-pink-600 { background-color: var(--color-pink-600); } .bg-pink-600\/30 { background-color: #e300764d; } @supports (color: color-mix(in lab, red, red)) { .bg-pink-600\/30 { background-color: color-mix(in oklab, var(--color-pink-600) 30%, transparent); } } .bg-pink-900\/30 { background-color: #8610434d; } @supports (color: color-mix(in lab, red, red)) { .bg-pink-900\/30 { background-color: color-mix(in oklab, var(--color-pink-900) 30%, transparent); } } .bg-pink-900\/80 { background-color: #861043cc; } @supports (color: color-mix(in lab, red, red)) { .bg-pink-900\/80 { background-color: color-mix(in oklab, var(--color-pink-900) 80%, transparent); } } .bg-primary, .bg-primary\/10 { background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/10 { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .bg-primary\/20 { background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/20 { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-300\/40 { background-color: #d9b3ff66; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-300\/40 { background-color: color-mix(in oklab, var(--color-purple-300) 40%, transparent); } } .bg-purple-400 { background-color: var(--color-purple-400); } .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-400\/60 { background-color: #c07eff99; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-400\/60 { background-color: color-mix(in oklab, var(--color-purple-400) 60%, transparent); } } .bg-purple-400\/80 { background-color: #c07effcc; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-400\/80 { background-color: color-mix(in oklab, var(--color-purple-400) 80%, transparent); } } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-purple-500\/5 { background-color: #ac4bff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/5 { background-color: color-mix(in oklab, var(--color-purple-500) 5%, transparent); } } .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-500\/20 { background-color: #ac4bff33; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/20 { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .bg-purple-500\/25 { background-color: #ac4bff40; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/25 { background-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent); } } .bg-purple-500\/30 { background-color: #ac4bff4d; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/30 { background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .bg-purple-500\/40 { background-color: #ac4bff66; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/40 { background-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent); } } .bg-purple-500\/60 { background-color: #ac4bff99; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/60 { background-color: color-mix(in oklab, var(--color-purple-500) 60%, transparent); } } .bg-purple-500\/90 { background-color: #ac4bffe6; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/90 { background-color: color-mix(in oklab, var(--color-purple-500) 90%, transparent); } } .bg-purple-600 { background-color: var(--color-purple-600); } .bg-purple-600\/10 { background-color: #9810fa1a; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-600\/10 { background-color: color-mix(in oklab, var(--color-purple-600) 10%, transparent); } } .bg-purple-600\/20 { background-color: #9810fa33; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-600\/20 { background-color: color-mix(in oklab, var(--color-purple-600) 20%, transparent); } } .bg-purple-600\/30 { background-color: #9810fa4d; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-600\/30 { background-color: color-mix(in oklab, var(--color-purple-600) 30%, transparent); } } .bg-purple-600\/80 { background-color: #9810facc; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-600\/80 { background-color: color-mix(in oklab, var(--color-purple-600) 80%, transparent); } } .bg-purple-600\/90 { background-color: #9810fae6; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-600\/90 { background-color: color-mix(in oklab, var(--color-purple-600) 90%, transparent); } } .bg-purple-800\/40 { background-color: #6e11b066; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-800\/40 { background-color: color-mix(in oklab, var(--color-purple-800) 40%, transparent); } } .bg-purple-900\/10 { background-color: #59168b1a; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-900\/10 { background-color: color-mix(in oklab, var(--color-purple-900) 10%, transparent); } } .bg-purple-900\/20 { background-color: #59168b33; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-900\/20 { background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent); } } .bg-purple-900\/30 { background-color: #59168b4d; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-900\/30 { background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent); } } .bg-purple-900\/40 { background-color: #59168b66; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-900\/40 { background-color: color-mix(in oklab, var(--color-purple-900) 40%, transparent); } } .bg-purple-900\/50 { background-color: #59168b80; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-900\/50 { background-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent); } } .bg-purple-950\/30 { background-color: #3c03664d; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-950\/30 { background-color: color-mix(in oklab, var(--color-purple-950) 30%, transparent); } } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-100\/50 { background-color: #ffe2e280; } @supports (color: color-mix(in lab, red, red)) { .bg-red-100\/50 { background-color: color-mix(in oklab, var(--color-red-100) 50%, transparent); } } .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-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\/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\/50 { background-color: #fb2c3680; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/50 { background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .bg-red-500\/60 { background-color: #fb2c3699; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/60 { background-color: color-mix(in oklab, var(--color-red-500) 60%, transparent); } } .bg-red-500\/80 { background-color: #fb2c36cc; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/80 { background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent); } } .bg-red-500\/\[0\.02\] { background-color: #fb2c3605; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/\[0\.02\] { background-color: color-mix(in oklab, var(--color-red-500) 2%, transparent); } } .bg-red-600 { background-color: var(--color-red-600); } .bg-red-700 { background-color: var(--color-red-700); } .bg-red-900 { background-color: var(--color-red-900); } .bg-red-900\/10 { background-color: #82181a1a; } @supports (color: color-mix(in lab, red, red)) { .bg-red-900\/10 { background-color: color-mix(in oklab, var(--color-red-900) 10%, 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-900\/50 { background-color: #82181a80; } @supports (color: color-mix(in lab, red, red)) { .bg-red-900\/50 { background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent); } } .bg-red-900\/80 { background-color: #82181acc; } @supports (color: color-mix(in lab, red, red)) { .bg-red-900\/80 { background-color: color-mix(in oklab, var(--color-red-900) 80%, transparent); } } .bg-red-900\/\[0\.06\] { background-color: #82181a0f; } @supports (color: color-mix(in lab, red, red)) { .bg-red-900\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-red-900) 6%, 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\/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\/50 { background-color: #46080980; } @supports (color: color-mix(in lab, red, red)) { .bg-red-950\/50 { background-color: color-mix(in oklab, var(--color-red-950) 50%, 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\/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-secondary, .bg-secondary\/20 { background-color: var(--color-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/20 { background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); } } .bg-secondary\/30 { background-color: var(--color-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/30 { background-color: color-mix(in oklab, var(--color-secondary) 30%, transparent); } } .bg-secondary\/50 { background-color: var(--color-secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/50 { background-color: color-mix(in oklab, var(--color-secondary) 50%, transparent); } } .bg-sky-400 { background-color: var(--color-sky-400); } .bg-sky-500 { background-color: var(--color-sky-500); } .bg-sky-500\/10 { background-color: #00a5ef1a; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/10 { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent); } } .bg-sky-500\/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\/20 { background-color: #00a5ef33; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/20 { background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent); } } .bg-sky-600 { background-color: var(--color-sky-600); } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-400 { background-color: var(--color-slate-400); } .bg-slate-400\/10 { background-color: #90a1b91a; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-400\/10 { background-color: color-mix(in oklab, var(--color-slate-400) 10%, transparent); } } .bg-slate-500 { background-color: var(--color-slate-500); } .bg-slate-500\/20 { background-color: #62748e33; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-500\/20 { background-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent); } } .bg-slate-600 { background-color: var(--color-slate-600); } .bg-slate-700 { background-color: var(--color-slate-700); } .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 { background-color: var(--color-slate-800); } .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\/40 { background-color: #1d293d66; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-800\/40 { background-color: color-mix(in oklab, var(--color-slate-800) 40%, 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-800\/60 { background-color: #1d293d99; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-800\/60 { background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent); } } .bg-slate-900 { background-color: var(--color-slate-900); } .bg-slate-900\/20 { background-color: #0f172b33; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/20 { background-color: color-mix(in oklab, var(--color-slate-900) 20%, transparent); } } .bg-slate-900\/30 { background-color: #0f172b4d; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/30 { background-color: color-mix(in oklab, var(--color-slate-900) 30%, transparent); } } .bg-slate-900\/50 { background-color: #0f172b80; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/50 { background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent); } } .bg-slate-900\/60 { background-color: #0f172b99; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/60 { background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent); } } .bg-slate-900\/90 { background-color: #0f172be6; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/90 { background-color: color-mix(in oklab, var(--color-slate-900) 90%, transparent); } } .bg-slate-900\/95 { background-color: #0f172bf2; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/95 { background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent); } } .bg-slate-950 { background-color: var(--color-slate-950); } .bg-slate-950\/50 { background-color: #02061880; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-950\/50 { background-color: color-mix(in oklab, var(--color-slate-950) 50%, transparent); } } .bg-slate-950\/80 { background-color: #020618cc; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-950\/80 { background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent); } } .bg-sonic-blue { background-color: var(--color-sonic-blue); } .bg-sonic-purple, .bg-sonic-purple\/10 { background-color: var(--color-sonic-purple); } @supports (color: color-mix(in lab, red, red)) { .bg-sonic-purple\/10 { background-color: color-mix(in oklab, var(--color-sonic-purple) 10%, transparent); } } .bg-sonic-purple\/20 { background-color: var(--color-sonic-purple); } @supports (color: color-mix(in lab, red, red)) { .bg-sonic-purple\/20 { background-color: color-mix(in oklab, var(--color-sonic-purple) 20%, transparent); } } .bg-sonic-yellow, .bg-sonic-yellow\/10 { background-color: var(--color-sonic-yellow); } @supports (color: color-mix(in lab, red, red)) { .bg-sonic-yellow\/10 { background-color: color-mix(in oklab, var(--color-sonic-yellow) 10%, transparent); } } .bg-teal-400 { background-color: var(--color-teal-400); } .bg-teal-400\/10 { background-color: #00d3bd1a; } @supports (color: color-mix(in lab, red, red)) { .bg-teal-400\/10 { background-color: color-mix(in oklab, var(--color-teal-400) 10%, transparent); } } .bg-teal-500 { background-color: var(--color-teal-500); } .bg-teal-500\/5 { background-color: #00baa70d; } @supports (color: color-mix(in lab, red, red)) { .bg-teal-500\/5 { background-color: color-mix(in oklab, var(--color-teal-500) 5%, transparent); } } .bg-teal-500\/10 { background-color: #00baa71a; } @supports (color: color-mix(in lab, red, red)) { .bg-teal-500\/10 { background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent); } } .bg-teal-500\/20 { background-color: #00baa733; } @supports (color: color-mix(in lab, red, red)) { .bg-teal-500\/20 { background-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent); } } .bg-teal-500\/30 { background-color: #00baa74d; } @supports (color: color-mix(in lab, red, red)) { .bg-teal-500\/30 { background-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent); } } .bg-teal-600\/20 { background-color: #00958833; } @supports (color: color-mix(in lab, red, red)) { .bg-teal-600\/20 { background-color: color-mix(in oklab, var(--color-teal-600) 20%, transparent); } } .bg-transparent { background-color: #0000; } .bg-violet-500\/10 { background-color: #8d54ff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/10 { background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent); } } .bg-violet-500\/20 { background-color: #8d54ff33; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/20 { background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-white\/1 { background-color: #ffffff03; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/1 { background-color: color-mix(in oklab, var(--color-white) 1%, transparent); } } .bg-white\/2 { background-color: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/2 { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } .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\/4 { background-color: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/4 { background-color: color-mix(in oklab, var(--color-white) 4%, 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\/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\/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\/60 { background-color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/60 { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-white\/95 { background-color: #fffffff2; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/95 { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .bg-white\/\[0\.01\] { background-color: #ffffff03; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.01\] { background-color: color-mix(in oklab, var(--color-white) 1%, transparent); } } .bg-white\/\[0\.02\] { background-color: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.02\] { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } .bg-white\/\[0\.03\] { background-color: #ffffff08; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.03\] { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } .bg-white\/\[0\.04\] { background-color: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } .bg-white\/\[0\.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\.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\.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\.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-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-400 { background-color: var(--color-yellow-400); } .bg-yellow-400\/5 { background-color: #fac8000d; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-400\/5 { background-color: color-mix(in oklab, var(--color-yellow-400) 5%, transparent); } } .bg-yellow-400\/10 { background-color: #fac8001a; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-400\/10 { background-color: color-mix(in oklab, var(--color-yellow-400) 10%, transparent); } } .bg-yellow-400\/20 { background-color: #fac80033; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-400\/20 { background-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent); } } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-yellow-500\/5 { background-color: #edb2000d; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/5 { background-color: color-mix(in oklab, var(--color-yellow-500) 5%, transparent); } } .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-500\/50 { background-color: #edb20080; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/50 { background-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent); } } .bg-yellow-500\/60 { background-color: #edb20099; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/60 { background-color: color-mix(in oklab, var(--color-yellow-500) 60%, transparent); } } .bg-yellow-600 { background-color: var(--color-yellow-600); } .bg-yellow-900 { background-color: var(--color-yellow-900); } .bg-yellow-900\/20 { background-color: #733e0a33; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-900\/20 { background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent); } } .bg-yellow-900\/30 { background-color: #733e0a4d; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-900\/30 { background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent); } } .bg-yellow-950 { background-color: var(--color-yellow-950); } .bg-yellow-950\/30 { background-color: #4320044d; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-950\/30 { background-color: color-mix(in oklab, var(--color-yellow-950) 30%, transparent); } } .bg-zinc-800 { background-color: var(--color-zinc-800); } .bg-zinc-900 { background-color: var(--color-zinc-900); } .bg-zinc-900\/90 { background-color: #18181be6; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/90 { background-color: color-mix(in oklab, var(--color-zinc-900) 90%, transparent); } } .bg-zinc-900\/95 { background-color: #18181bf2; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/95 { background-color: color-mix(in oklab, var(--color-zinc-900) 95%, transparent); } } .bg-zinc-950 { background-color: var(--color-zinc-950); } .bg-zinc-950\/98 { background-color: #09090bfa; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-950\/98 { background-color: color-mix(in oklab, var(--color-zinc-950) 98%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-b { --tw-gradient-position: to bottom in oklab; } } .bg-linear-to-b { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-br { --tw-gradient-position: to bottom right; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-br { --tw-gradient-position: to bottom right in oklab; } } .bg-linear-to-br { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-l { --tw-gradient-position: to left; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-l { --tw-gradient-position: to left in oklab; } } .bg-linear-to-l { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-r { --tw-gradient-position: to right; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-r { --tw-gradient-position: to right in oklab; } } .bg-linear-to-r { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-t { --tw-gradient-position: to top in oklab; } } .bg-linear-to-t { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-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-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\(rgba\(18\,16\,16\,0\)_50\%\,rgba\(0\,0\,0\,0\.25\)_50\%\)\,linear-gradient\(90deg\,rgba\(255\,0\,0\,0\.06\)\,rgba\(0\,255\,0\,0\.02\)\,rgba\(0\,0\,255\,0\.06\)\)\] { background-image: linear-gradient(#12101000 50%, #00000040 50%), linear-gradient(90deg, #ff00000f, #00ff0005, #0000ff0f); } .bg-\[linear-gradient\(rgba\(45\,212\,191\,0\.1\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(45\,212\,191\,0\.1\)_1px\,transparent_1px\)\] { background-image: linear-gradient(#2dd4bf1a 1px, #0000 1px), linear-gradient(90deg, #2dd4bf1a 1px, #0000 1px); } .bg-\[linear-gradient\(rgba\(255\,225\,53\,0\.08\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,225\,53\,0\.08\)_1px\,transparent_1px\)\] { background-image: linear-gradient(#ffe13514 1px, #0000 1px), linear-gradient(90deg, #ffe13514 1px, #0000 1px); } .bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.02\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.02\)_1px\,transparent_1px\)\] { background-image: linear-gradient(#ffffff05 1px, #0000 1px), linear-gradient(90deg, #ffffff05 1px, #0000 1px); } .bg-\[linear-gradient\(to_right\,\#80808012_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,\#80808012_1px\,transparent_1px\)\] { background-image: linear-gradient(to right, #80808012 1px, #0000 1px), linear-gradient(#80808012 1px, #0000 1px); } .bg-\[radial-gradient\(circle_at_50\%_50\%\,rgba\(0\,255\,102\,0\.03\)\,transparent_70\%\)\] { background-image: radial-gradient(circle, #00ff6608, #0000 70%); } .bg-\[radial-gradient\(circle_at_center\,rgba\(255\,255\,255\,0\.05\)_1px\,transparent_1px\)\] { background-image: radial-gradient(circle, #ffffff0d 1px, #0000 1px); } .bg-\[radial-gradient\(circle_at_center\,transparent_0\%\,rgba\(0\,0\,0\,0\.5\)_100\%\)\] { background-image: radial-gradient(circle, #0000 0%, #00000080 100%); } .bg-\[radial-gradient\(ellipse_at_center\,_var\(--tw-gradient-stops\)\)\] { background-image: radial-gradient(ellipse at center, var(--tw-gradient-stops)); } .bg-\[radial-gradient\(ellipse_at_left\,_var\(--tw-gradient-stops\)\)\] { background-image: radial-gradient(ellipse at left, var(--tw-gradient-stops)); } .bg-\[radial-gradient\(ellipse_at_top_right\,_var\(--tw-gradient-stops\)\)\] { background-image: radial-gradient(ellipse at top right, var(--tw-gradient-stops)); } .bg-\[repeating-linear-gradient\(45deg\,transparent\,transparent_10px\,rgba\(255\,255\,255\,0\.02\)_10px\,rgba\(255\,255\,255\,0\.02\)_20px\)\] { background-image: repeating-linear-gradient(45deg, #0000, #0000 10px, #ffffff05 10px 20px); } .bg-\[url\(\'\/noise\.png\'\)\] { background-image: url("/noise.png"); } .bg-\[url\(\'https\:\/\/grainy-gradients\.vercel\.app\/noise\.svg\'\)\] { background-image: url("https://grainy-gradients.vercel.app/noise.svg"); } .bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1550684848-fac1c5b4e853\?q\=80\&w\=2670\&auto\=format\&fit\=crop\'\)\] { background-image: url("https://images.unsplash.com/photo-1550684848-fac1c5b4e853?q=80&w=2670&auto=format&fit=crop"); } .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-\[\#00ff66\]\/5 { --tw-gradient-from: oklab(87.1766% -.215156 .136344 / .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-\[\#00ff66\]\/10 { --tw-gradient-from: oklab(87.1766% -.215156 .136344 / .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-\[\#4ade80\] { --tw-gradient-from: #4ade80; --tw-gradient-stops: var(--tw-gradient-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-\[\#60a5fa\] { --tw-gradient-from: #60a5fa; --tw-gradient-stops: var(--tw-gradient-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-\[\#FFE135\]\/10 { --tw-gradient-from: oklab(90.8032% -.0260833 .173716 / .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-\[\#fbbf24\] { --tw-gradient-from: #fbbf24; --tw-gradient-stops: var(--tw-gradient-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-\[\#ff3366\]\/5 { --tw-gradient-from: oklab(65.6462% .22857 .0541986 / .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-\[rgba\(16\,16\,22\,0\.6\)\] { --tw-gradient-from: #10101699; --tw-gradient-stops: var(--tw-gradient-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 { --tw-gradient-from: var(--color-amber-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-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-500\/15 { --tw-gradient-from: #f99c0026; } @supports (color: color-mix(in lab, red, red)) { .from-amber-500\/15 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } } .from-amber-500\/15 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-amber-500\/20 { --tw-gradient-from: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .from-amber-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .from-amber-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-amber-900\/10 { --tw-gradient-from: #7b33061a; } @supports (color: color-mix(in lab, red, red)) { .from-amber-900\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 10%, transparent); } } .from-amber-900\/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-950\/20 { --tw-gradient-from: #46190133; } @supports (color: color-mix(in lab, red, red)) { .from-amber-950\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 20%, transparent); } } .from-amber-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-background\/0 { --tw-gradient-from: var(--color-background); } @supports (color: color-mix(in lab, red, red)) { .from-background\/0 { --tw-gradient-from: color-mix(in oklab, var(--color-background) 0%, transparent); } } .from-background\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-bg-dark { --tw-gradient-from: var(--color-bg-dark); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/40 { --tw-gradient-from: #0006; } @supports (color: color-mix(in lab, red, red)) { .from-black\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent); } } .from-black\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/60 { --tw-gradient-from: #0009; } @supports (color: color-mix(in lab, red, red)) { .from-black\/60 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent); } } .from-black\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/80 { --tw-gradient-from: #000c; } @supports (color: color-mix(in lab, red, red)) { .from-black\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent); } } .from-black\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/90 { --tw-gradient-from: #000000e6; } @supports (color: color-mix(in lab, red, red)) { .from-black\/90 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent); } } .from-black\/90 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-400 { --tw-gradient-from: var(--color-blue-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500 { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500\/10 { --tw-gradient-from: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .from-blue-500\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .from-blue-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-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\/40 { --tw-gradient-from: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .from-blue-500\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .from-blue-500\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-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-900\/10 { --tw-gradient-from: #1c398e1a; } @supports (color: color-mix(in lab, red, red)) { .from-blue-900\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 10%, transparent); } } .from-blue-900\/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-900\/20 { --tw-gradient-from: #1c398e33; } @supports (color: color-mix(in lab, red, red)) { .from-blue-900\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } } .from-blue-900\/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-900\/40 { --tw-gradient-from: #1c398e66; } @supports (color: color-mix(in lab, red, red)) { .from-blue-900\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 40%, transparent); } } .from-blue-900\/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-cyan-400 { --tw-gradient-from: var(--color-cyan-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-cyan-500 { --tw-gradient-from: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-cyan-500\/10 { --tw-gradient-from: #00b7d71a; } @supports (color: color-mix(in lab, red, red)) { .from-cyan-500\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 10%, transparent); } } .from-cyan-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-cyan-500\/20 { --tw-gradient-from: #00b7d733; } @supports (color: color-mix(in lab, red, red)) { .from-cyan-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 20%, transparent); } } .from-cyan-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-cyan-600 { --tw-gradient-from: var(--color-cyan-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-cyan-900\/50 { --tw-gradient-from: #104e6480; } @supports (color: color-mix(in lab, red, red)) { .from-cyan-900\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-cyan-900) 50%, transparent); } } .from-cyan-900\/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-cyan-950\/20 { --tw-gradient-from: #05334533; } @supports (color: color-mix(in lab, red, red)) { .from-cyan-950\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-cyan-950) 20%, transparent); } } .from-cyan-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-dept-campaign { --tw-gradient-from: var(--color-dept-campaign); --tw-gradient-stops: var(--tw-gradient-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-dept-creative { --tw-gradient-from: var(--color-dept-creative); --tw-gradient-stops: var(--tw-gradient-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-dept-creative\/5 { --tw-gradient-from: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .from-dept-creative\/5 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-creative) 5%, transparent); } } .from-dept-creative\/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-dept-creative\/10 { --tw-gradient-from: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .from-dept-creative\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-creative) 10%, transparent); } } .from-dept-creative\/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-dept-creative\/30 { --tw-gradient-from: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .from-dept-creative\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-creative) 30%, transparent); } } .from-dept-creative\/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-dept-creative\/40 { --tw-gradient-from: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .from-dept-creative\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-creative) 40%, transparent); } } .from-dept-creative\/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-dept-distribution\/10 { --tw-gradient-from: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .from-dept-distribution\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-distribution) 10%, transparent); } } .from-dept-distribution\/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-dept-licensing { --tw-gradient-from: var(--color-dept-licensing); --tw-gradient-stops: var(--tw-gradient-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-dept-marketing { --tw-gradient-from: var(--color-dept-marketing); --tw-gradient-stops: var(--tw-gradient-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-dept-marketing\/5 { --tw-gradient-from: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .from-dept-marketing\/5 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-marketing) 5%, transparent); } } .from-dept-marketing\/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-dept-marketing\/10 { --tw-gradient-from: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .from-dept-marketing\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-marketing) 10%, transparent); } } .from-dept-marketing\/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-dept-marketing\/20 { --tw-gradient-from: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .from-dept-marketing\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-marketing) 20%, transparent); } } .from-dept-marketing\/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-dept-marketing\/30 { --tw-gradient-from: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .from-dept-marketing\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-marketing) 30%, transparent); } } .from-dept-marketing\/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-dept-publishing { --tw-gradient-from: var(--color-dept-publishing); --tw-gradient-stops: var(--tw-gradient-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-dept-royalties { --tw-gradient-from: var(--color-dept-royalties); --tw-gradient-stops: var(--tw-gradient-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-dept-royalties\/5 { --tw-gradient-from: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .from-dept-royalties\/5 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-royalties) 5%, transparent); } } .from-dept-royalties\/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-dept-royalties\/10 { --tw-gradient-from: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .from-dept-royalties\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-royalties) 10%, transparent); } } .from-dept-royalties\/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-dept-touring\/10 { --tw-gradient-from: var(--color-dept-touring); } @supports (color: color-mix(in lab, red, red)) { .from-dept-touring\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-dept-touring) 10%, transparent); } } .from-dept-touring\/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-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-500\/10 { --tw-gradient-from: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .from-emerald-500\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .from-emerald-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-emerald-500\/20 { --tw-gradient-from: #00bb7f33; } @supports (color: color-mix(in lab, red, red)) { .from-emerald-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .from-emerald-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-emerald-500\/40 { --tw-gradient-from: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .from-emerald-500\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .from-emerald-500\/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-foreground { --tw-gradient-from: var(--color-foreground); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-500 { --tw-gradient-from: var(--color-gray-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-600 { --tw-gradient-from: var(--color-gray-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-700 { --tw-gradient-from: var(--color-gray-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-800 { --tw-gradient-from: var(--color-gray-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-800\/40 { --tw-gradient-from: #1e293966; } @supports (color: color-mix(in lab, red, red)) { .from-gray-800\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-gray-800) 40%, transparent); } } .from-gray-800\/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-green-500 { --tw-gradient-from: var(--color-green-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-500\/20 { --tw-gradient-from: #00c75833; } @supports (color: color-mix(in lab, red, red)) { .from-green-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } .from-green-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-green-600 { --tw-gradient-from: var(--color-green-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-green-900\/20 { --tw-gradient-from: #0d542b33; } @supports (color: color-mix(in lab, red, red)) { .from-green-900\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-green-900) 20%, transparent); } } .from-green-900\/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-indigo-50 { --tw-gradient-from: var(--color-indigo-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-400\/20 { --tw-gradient-from: #7d87ff33; } @supports (color: color-mix(in lab, red, red)) { .from-indigo-400\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-400) 20%, transparent); } } .from-indigo-400\/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-indigo-500 { --tw-gradient-from: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-500\/0 { --tw-gradient-from: #0000; } @supports (color: color-mix(in lab, red, red)) { .from-indigo-500\/0 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 0%, transparent); } } .from-indigo-500\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-500\/10 { --tw-gradient-from: #625fff1a; } @supports (color: color-mix(in lab, red, red)) { .from-indigo-500\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); } } .from-indigo-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-500\/20 { --tw-gradient-from: #625fff33; } @supports (color: color-mix(in lab, red, red)) { .from-indigo-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); } } .from-indigo-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-500\/30 { --tw-gradient-from: #625fff4d; } @supports (color: color-mix(in lab, red, red)) { .from-indigo-500\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 30%, transparent); } } .from-indigo-500\/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-indigo-600 { --tw-gradient-from: var(--color-indigo-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-indigo-900\/10 { --tw-gradient-from: #312c851a; } @supports (color: color-mix(in lab, red, red)) { .from-indigo-900\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 10%, transparent); } } .from-indigo-900\/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-indigo-900\/20 { --tw-gradient-from: #312c8533; } @supports (color: color-mix(in lab, red, red)) { .from-indigo-900\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 20%, transparent); } } .from-indigo-900\/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-orange-600 { --tw-gradient-from: var(--color-orange-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-500 { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-600 { --tw-gradient-from: var(--color-pink-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-primary\/10 { --tw-gradient-from: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .from-primary\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .from-primary\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-400 { --tw-gradient-from: var(--color-purple-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-500 { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-500\/5 { --tw-gradient-from: #ac4bff0d; } @supports (color: color-mix(in lab, red, red)) { .from-purple-500\/5 { --tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 5%, transparent); } } .from-purple-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-purple-500\/10 { --tw-gradient-from: #ac4bff1a; } @supports (color: color-mix(in lab, red, red)) { .from-purple-500\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 10%, transparent); } } .from-purple-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-500\/30 { --tw-gradient-from: #ac4bff4d; } @supports (color: color-mix(in lab, red, red)) { .from-purple-500\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .from-purple-500\/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-purple-600 { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-600\/20 { --tw-gradient-from: #9810fa33; } @supports (color: color-mix(in lab, red, red)) { .from-purple-600\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-purple-600) 20%, transparent); } } .from-purple-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-purple-600\/30 { --tw-gradient-from: #9810fa4d; } @supports (color: color-mix(in lab, red, red)) { .from-purple-600\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-purple-600) 30%, transparent); } } .from-purple-600\/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-purple-600\/60 { --tw-gradient-from: #9810fa99; } @supports (color: color-mix(in lab, red, red)) { .from-purple-600\/60 { --tw-gradient-from: color-mix(in oklab, var(--color-purple-600) 60%, transparent); } } .from-purple-600\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-900 { --tw-gradient-from: var(--color-purple-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-900\/30 { --tw-gradient-from: #59168b4d; } @supports (color: color-mix(in lab, red, red)) { .from-purple-900\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 30%, transparent); } } .from-purple-900\/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-purple-900\/40 { --tw-gradient-from: #59168b66; } @supports (color: color-mix(in lab, red, red)) { .from-purple-900\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 40%, transparent); } } .from-purple-900\/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-purple-900\/50 { --tw-gradient-from: #59168b80; } @supports (color: color-mix(in lab, red, red)) { .from-purple-900\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 50%, transparent); } } .from-purple-900\/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-600 { --tw-gradient-from: 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)); } .from-slate-500\/10 { --tw-gradient-from: #62748e1a; } @supports (color: color-mix(in lab, red, red)) { .from-slate-500\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-slate-500) 10%, transparent); } } .from-slate-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-slate-900 { --tw-gradient-from: var(--color-slate-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-slate-950 { --tw-gradient-from: var(--color-slate-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-sonic-purple\/10 { --tw-gradient-from: var(--color-sonic-purple); } @supports (color: color-mix(in lab, red, red)) { .from-sonic-purple\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-sonic-purple) 10%, transparent); } } .from-sonic-purple\/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-teal-400 { --tw-gradient-from: var(--color-teal-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-teal-500 { --tw-gradient-from: var(--color-teal-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-500\/50 { --tw-gradient-from: #00baa780; } @supports (color: color-mix(in lab, red, red)) { .from-teal-500\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-teal-500) 50%, transparent); } } .from-teal-500\/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-teal-600 { --tw-gradient-from: var(--color-teal-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-violet-600 { --tw-gradient-from: var(--color-violet-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-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white\/0 { --tw-gradient-from: #0000; } @supports (color: color-mix(in lab, red, red)) { .from-white\/0 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 0%, transparent); } } .from-white\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-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\/\[0\.02\] { --tw-gradient-from: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .from-white\/\[0\.02\] { --tw-gradient-from: color-mix(in oklab, var(--color-white) 2%, transparent); } } .from-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)); } .from-white\/\[0\.03\] { --tw-gradient-from: #ffffff08; } @supports (color: color-mix(in lab, red, red)) { .from-white\/\[0\.03\] { --tw-gradient-from: color-mix(in oklab, var(--color-white) 3%, transparent); } } .from-white\/\[0\.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)); } .from-white\/\[0\.05\] { --tw-gradient-from: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .from-white\/\[0\.05\] { --tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent); } } .from-white\/\[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-yellow-400 { --tw-gradient-from: var(--color-yellow-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-yellow-400\/20 { --tw-gradient-from: #fac80033; } @supports (color: color-mix(in lab, red, red)) { .from-yellow-400\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-yellow-400) 20%, transparent); } } .from-yellow-400\/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-yellow-500 { --tw-gradient-from: var(--color-yellow-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-yellow-500\/10 { --tw-gradient-from: #edb2001a; } @supports (color: color-mix(in lab, red, red)) { .from-yellow-500\/10 { --tw-gradient-from: color-mix(in oklab, var(--color-yellow-500) 10%, transparent); } } .from-yellow-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-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-\[\#00FF00\] { --tw-gradient-via: #0f0; --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-\[\#1c1c1e\] { --tw-gradient-via: #1c1c1e; --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-\[\#ff3366\]\/10 { --tw-gradient-via: oklab(65.6462% .22857 .0541986 / .1); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-amber-400\/10 { --tw-gradient-via: #fcbb001a; } @supports (color: color-mix(in lab, red, red)) { .via-amber-400\/10 { --tw-gradient-via: color-mix(in oklab, var(--color-amber-400) 10%, transparent); } } .via-amber-400\/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-amber-500\/5 { --tw-gradient-via: #f99c000d; } @supports (color: color-mix(in lab, red, red)) { .via-amber-500\/5 { --tw-gradient-via: color-mix(in oklab, var(--color-amber-500) 5%, transparent); } } .via-amber-500\/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-amber-800\/5 { --tw-gradient-via: #953d000d; } @supports (color: color-mix(in lab, red, red)) { .via-amber-800\/5 { --tw-gradient-via: color-mix(in oklab, var(--color-amber-800) 5%, transparent); } } .via-amber-800\/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-background { --tw-gradient-via: var(--color-background); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-background\/40 { --tw-gradient-via: var(--color-background); } @supports (color: color-mix(in lab, red, red)) { .via-background\/40 { --tw-gradient-via: color-mix(in oklab, var(--color-background) 40%, transparent); } } .via-background\/40 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black { --tw-gradient-via: var(--color-black); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/20 { --tw-gradient-via: #0003; } @supports (color: color-mix(in lab, red, red)) { .via-black\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent); } } .via-black\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/40 { --tw-gradient-via: #0006; } @supports (color: color-mix(in lab, red, red)) { .via-black\/40 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent); } } .via-black\/40 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-blue-500\/20 { --tw-gradient-via: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .via-blue-500\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .via-blue-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-cyan-500\/5 { --tw-gradient-via: #00b7d70d; } @supports (color: color-mix(in lab, red, red)) { .via-cyan-500\/5 { --tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 5%, transparent); } } .via-cyan-500\/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-indigo-400\/10 { --tw-gradient-via: #7d87ff1a; } @supports (color: color-mix(in lab, red, red)) { .via-indigo-400\/10 { --tw-gradient-via: color-mix(in oklab, var(--color-indigo-400) 10%, transparent); } } .via-indigo-400\/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-indigo-500 { --tw-gradient-via: var(--color-indigo-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-pink-500\/10 { --tw-gradient-via: #f6339a1a; } @supports (color: color-mix(in lab, red, red)) { .via-pink-500\/10 { --tw-gradient-via: color-mix(in oklab, var(--color-pink-500) 10%, transparent); } } .via-pink-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-pink-600 { --tw-gradient-via: var(--color-pink-600); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-purple-500\/5 { --tw-gradient-via: #ac4bff0d; } @supports (color: color-mix(in lab, red, red)) { .via-purple-500\/5 { --tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 5%, transparent); } } .via-purple-500\/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-teal-400 { --tw-gradient-via: var(--color-teal-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-teal-500\/20 { --tw-gradient-via: #00baa733; } @supports (color: color-mix(in lab, red, red)) { .via-teal-500\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-teal-500) 20%, transparent); } } .via-teal-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-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\/10 { --tw-gradient-via: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .via-white\/10 { --tw-gradient-via: color-mix(in oklab, var(--color-white) 10%, transparent); } } .via-white\/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-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\/40 { --tw-gradient-via: #fff6; } @supports (color: color-mix(in lab, red, red)) { .via-white\/40 { --tw-gradient-via: color-mix(in oklab, var(--color-white) 40%, transparent); } } .via-white\/40 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/\[0\.05\] { --tw-gradient-via: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .via-white\/\[0\.05\] { --tw-gradient-via: color-mix(in oklab, var(--color-white) 5%, transparent); } } .via-white\/\[0\.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-yellow-500 { --tw-gradient-via: var(--color-yellow-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); } .to-\[\#3b82f6\] { --tw-gradient-to: #3b82f6; --tw-gradient-stops: var(--tw-gradient-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-\[\#22c55e\] { --tw-gradient-to: #22c55e; --tw-gradient-stops: var(--tw-gradient-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-\[\#111\] { --tw-gradient-to: #111; --tw-gradient-stops: var(--tw-gradient-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-\[\#161b22\] { --tw-gradient-to: #161b22; --tw-gradient-stops: var(--tw-gradient-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-\[\#050508\] { --tw-gradient-to: #050508; --tw-gradient-stops: var(--tw-gradient-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-\[\#f59e0b\] { --tw-gradient-to: #f59e0b; --tw-gradient-stops: var(--tw-gradient-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-\[rgba\(10\,10\,14\,0\.9\)\] { --tw-gradient-to: #0a0a0ee6; --tw-gradient-stops: var(--tw-gradient-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-accent\/10 { --tw-gradient-to: var(--color-accent); } @supports (color: color-mix(in lab, red, red)) { .to-accent\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .to-accent\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-amber-300 { --tw-gradient-to: var(--color-amber-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-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\/10 { --tw-gradient-to: #dd74001a; } @supports (color: color-mix(in lab, red, red)) { .to-amber-600\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-amber-600) 10%, transparent); } } .to-amber-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)); } .to-amber-950\/10 { --tw-gradient-to: #4619011a; } @supports (color: color-mix(in lab, red, red)) { .to-amber-950\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-amber-950) 10%, transparent); } } .to-amber-950\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-background { --tw-gradient-to: var(--color-background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-bg-dark\/90 { --tw-gradient-to: #0d1117e6; } @supports (color: color-mix(in lab, red, red)) { .to-bg-dark\/90 { --tw-gradient-to: color-mix(in oklab, var(--color-bg-dark) 90%, transparent); } } .to-bg-dark\/90 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black { --tw-gradient-to: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black\/40 { --tw-gradient-to: #0006; } @supports (color: color-mix(in lab, red, red)) { .to-black\/40 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent); } } .to-black\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .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\/10 { --tw-gradient-to: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .to-blue-500\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .to-blue-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-500\/30 { --tw-gradient-to: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .to-blue-500\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .to-blue-500\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-500\/40 { --tw-gradient-to: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .to-blue-500\/40 { --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .to-blue-500\/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-blue-600 { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-600\/10 { --tw-gradient-to: #155dfc1a; } @supports (color: color-mix(in lab, red, red)) { .to-blue-600\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-blue-600) 10%, transparent); } } .to-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)); } .to-blue-900 { --tw-gradient-to: var(--color-blue-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-900\/20 { --tw-gradient-to: #1c398e33; } @supports (color: color-mix(in lab, red, red)) { .to-blue-900\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } } .to-blue-900\/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-cyan-500 { --tw-gradient-to: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-500\/20 { --tw-gradient-to: #00b7d733; } @supports (color: color-mix(in lab, red, red)) { .to-cyan-500\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 20%, transparent); } } .to-cyan-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-cyan-600 { --tw-gradient-to: var(--color-cyan-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-cyan-950\/10 { --tw-gradient-to: #0533451a; } @supports (color: color-mix(in lab, red, red)) { .to-cyan-950\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-cyan-950) 10%, transparent); } } .to-cyan-950\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-950\/30 { --tw-gradient-to: #0533454d; } @supports (color: color-mix(in lab, red, red)) { .to-cyan-950\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-cyan-950) 30%, transparent); } } .to-cyan-950\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-dept-creative { --tw-gradient-to: var(--color-dept-creative); --tw-gradient-stops: var(--tw-gradient-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-dept-creative\/20 { --tw-gradient-to: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .to-dept-creative\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-dept-creative) 20%, transparent); } } .to-dept-creative\/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-dept-creative\/40 { --tw-gradient-to: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .to-dept-creative\/40 { --tw-gradient-to: color-mix(in oklab, var(--color-dept-creative) 40%, transparent); } } .to-dept-creative\/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-dept-marketing { --tw-gradient-to: var(--color-dept-marketing); --tw-gradient-stops: var(--tw-gradient-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-dept-marketing\/10 { --tw-gradient-to: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .to-dept-marketing\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-dept-marketing) 10%, transparent); } } .to-dept-marketing\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-dept-royalties { --tw-gradient-to: var(--color-dept-royalties); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-400 { --tw-gradient-to: var(--color-emerald-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-emerald-500 { --tw-gradient-to: var(--color-emerald-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-500\/40 { --tw-gradient-to: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .to-emerald-500\/40 { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .to-emerald-500\/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-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-emerald-600\/40 { --tw-gradient-to: #00976766; } @supports (color: color-mix(in lab, red, red)) { .to-emerald-600\/40 { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-600) 40%, transparent); } } .to-emerald-600\/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-foreground\/20 { --tw-gradient-to: var(--color-foreground); } @supports (color: color-mix(in lab, red, red)) { .to-foreground\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-foreground) 20%, transparent); } } .to-foreground\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-400 { --tw-gradient-to: var(--color-gray-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-gray-500 { --tw-gradient-to: var(--color-gray-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-600 { --tw-gradient-to: var(--color-gray-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-900 { --tw-gradient-to: var(--color-gray-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-900\/40 { --tw-gradient-to: #10182866; } @supports (color: color-mix(in lab, red, red)) { .to-gray-900\/40 { --tw-gradient-to: color-mix(in oklab, var(--color-gray-900) 40%, transparent); } } .to-gray-900\/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-gray-900\/50 { --tw-gradient-to: #10182880; } @supports (color: color-mix(in lab, red, red)) { .to-gray-900\/50 { --tw-gradient-to: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } .to-gray-900\/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-green-400 { --tw-gradient-to: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-900\/30 { --tw-gradient-to: #0d542b4d; } @supports (color: color-mix(in lab, red, red)) { .to-green-900\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-green-900) 30%, transparent); } } .to-green-900\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-500 { --tw-gradient-to: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-500\/0 { --tw-gradient-to: #0000; } @supports (color: color-mix(in lab, red, red)) { .to-indigo-500\/0 { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 0%, transparent); } } .to-indigo-500\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-600 { --tw-gradient-to: var(--color-indigo-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-600\/5 { --tw-gradient-to: #4f39f60d; } @supports (color: color-mix(in lab, red, red)) { .to-indigo-600\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-600) 5%, transparent); } } .to-indigo-600\/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-indigo-600\/20 { --tw-gradient-to: #4f39f633; } @supports (color: color-mix(in lab, red, red)) { .to-indigo-600\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-600) 20%, transparent); } } .to-indigo-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)); } .to-orange-400 { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-400\/20 { --tw-gradient-to: #ff8b1a33; } @supports (color: color-mix(in lab, red, red)) { .to-orange-400\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-orange-400) 20%, transparent); } } .to-orange-400\/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-orange-500 { --tw-gradient-to: var(--color-orange-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-500\/10 { --tw-gradient-to: #fe6e001a; } @supports (color: color-mix(in lab, red, red)) { .to-orange-500\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } .to-orange-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-500\/20 { --tw-gradient-to: #fe6e0033; } @supports (color: color-mix(in lab, red, red)) { .to-orange-500\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .to-orange-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-orange-900\/5 { --tw-gradient-to: #7e2a0c0d; } @supports (color: color-mix(in lab, red, red)) { .to-orange-900\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 5%, transparent); } } .to-orange-900\/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-pink-500 { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-500\/10 { --tw-gradient-to: #f6339a1a; } @supports (color: color-mix(in lab, red, red)) { .to-pink-500\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 10%, transparent); } } .to-pink-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-500\/20 { --tw-gradient-to: #f6339a33; } @supports (color: color-mix(in lab, red, red)) { .to-pink-500\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 20%, transparent); } } .to-pink-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-pink-600 { --tw-gradient-to: var(--color-pink-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-primary\/10 { --tw-gradient-to: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .to-primary\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .to-primary\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-400 { --tw-gradient-to: var(--color-purple-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-400\/20 { --tw-gradient-to: #c07eff33; } @supports (color: color-mix(in lab, red, red)) { .to-purple-400\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-400) 20%, transparent); } } .to-purple-400\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-500 { --tw-gradient-to: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-500\/5 { --tw-gradient-to: #ac4bff0d; } @supports (color: color-mix(in lab, red, red)) { .to-purple-500\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 5%, transparent); } } .to-purple-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-purple-500\/10 { --tw-gradient-to: #ac4bff1a; } @supports (color: color-mix(in lab, red, red)) { .to-purple-500\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 10%, transparent); } } .to-purple-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-500\/20 { --tw-gradient-to: #ac4bff33; } @supports (color: color-mix(in lab, red, red)) { .to-purple-500\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .to-purple-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-500\/30 { --tw-gradient-to: #ac4bff4d; } @supports (color: color-mix(in lab, red, red)) { .to-purple-500\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .to-purple-500\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-500\/40 { --tw-gradient-to: #ac4bff66; } @supports (color: color-mix(in lab, red, red)) { .to-purple-500\/40 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 40%, transparent); } } .to-purple-500\/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-purple-500\/50 { --tw-gradient-to: #ac4bff80; } @supports (color: color-mix(in lab, red, red)) { .to-purple-500\/50 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 50%, transparent); } } .to-purple-500\/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-purple-600 { --tw-gradient-to: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-600\/20 { --tw-gradient-to: #9810fa33; } @supports (color: color-mix(in lab, red, red)) { .to-purple-600\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-600) 20%, transparent); } } .to-purple-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)); } .to-purple-600\/30 { --tw-gradient-to: #9810fa4d; } @supports (color: color-mix(in lab, red, red)) { .to-purple-600\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-600) 30%, transparent); } } .to-purple-600\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-800 { --tw-gradient-to: var(--color-purple-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-900\/10 { --tw-gradient-to: #59168b1a; } @supports (color: color-mix(in lab, red, red)) { .to-purple-900\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-900) 10%, transparent); } } .to-purple-900\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-900\/20 { --tw-gradient-to: #59168b33; } @supports (color: color-mix(in lab, red, red)) { .to-purple-900\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-purple-900) 20%, transparent); } } .to-purple-900\/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-400 { --tw-gradient-to: var(--color-red-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-500\/10 { --tw-gradient-to: #fb2c361a; } @supports (color: color-mix(in lab, red, red)) { .to-red-500\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .to-red-500\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-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-slate-800 { --tw-gradient-to: var(--color-slate-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-slate-900\/5 { --tw-gradient-to: #0f172b0d; } @supports (color: color-mix(in lab, red, red)) { .to-slate-900\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-slate-900) 5%, transparent); } } .to-slate-900\/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-slate-950 { --tw-gradient-to: var(--color-slate-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-sonic-blue\/10 { --tw-gradient-to: var(--color-sonic-blue); } @supports (color: color-mix(in lab, red, red)) { .to-sonic-blue\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-sonic-blue) 10%, transparent); } } .to-sonic-blue\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-500 { --tw-gradient-to: var(--color-teal-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-500\/20 { --tw-gradient-to: #00baa733; } @supports (color: color-mix(in lab, red, red)) { .to-teal-500\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 20%, transparent); } } .to-teal-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-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-violet-500 { --tw-gradient-to: var(--color-violet-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-violet-600\/30 { --tw-gradient-to: #7f22fe4d; } @supports (color: color-mix(in lab, red, red)) { .to-violet-600\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-violet-600) 30%, transparent); } } .to-violet-600\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white { --tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white\/0 { --tw-gradient-to: #0000; } @supports (color: color-mix(in lab, red, red)) { .to-white\/0 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 0%, transparent); } } .to-white\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white\/10 { --tw-gradient-to: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .to-white\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 10%, transparent); } } .to-white\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white\/\[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 { --tw-gradient-to: var(--color-yellow-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-600 { --tw-gradient-to: var(--color-yellow-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)); } .\[mask-image\:radial-gradient\(ellipse_60\%_60\%_at_50\%_50\%\,\#000_70\%\,transparent_100\%\)\] { -webkit-mask-image: radial-gradient(60% 60%, #000 70%, #0000 100%); mask-image: radial-gradient(60% 60%, #000 70%, #0000 100%); } .bg-\[length\:100\%_2px\,3px_100\%\] { background-size: 100% 2px, 3px 100%; } .bg-\[size\:20px_20px\] { background-size: 20px 20px; } .bg-\[size\:24px_24px\] { background-size: 24px 24px; } .bg-\[size\:40px_40px\] { background-size: 40px 40px; } .bg-\[size\:200\%_200\%\] { background-size: 200% 200%; } .bg-cover { background-size: cover; } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .bg-center { background-position: center; } .bg-repeat { background-repeat: repeat; } .fill-amber-400 { fill: var(--color-amber-400); } .fill-blue-100 { fill: var(--color-blue-100); } .fill-blue-400\/20 { fill: #54a2ff33; } @supports (color: color-mix(in lab, red, red)) { .fill-blue-400\/20 { fill: color-mix(in oklab, var(--color-blue-400) 20%, transparent); } } .fill-current { fill: currentColor; } .fill-dept-creative { fill: var(--color-dept-creative); } .fill-muted-foreground { fill: var(--color-muted-foreground); } .fill-primary { fill: var(--color-primary); } .fill-teal-400\/20 { fill: #00d3bd33; } @supports (color: color-mix(in lab, red, red)) { .fill-teal-400\/20 { fill: color-mix(in oklab, var(--color-teal-400) 20%, transparent); } } .fill-white { fill: var(--color-white); } .fill-white\/20 { fill: #fff3; } @supports (color: color-mix(in lab, red, red)) { .fill-white\/20 { fill: color-mix(in oklab, var(--color-white) 20%, transparent); } } .fill-yellow-400 { fill: var(--color-yellow-400); } .stroke-blue-500 { stroke: var(--color-blue-500); } .stroke-gray-200 { stroke: var(--color-gray-200); } .stroke-\[3\] { stroke-width: 3px; } .object-contain { object-fit: contain; } .object-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-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .p-20 { padding: calc(var(--spacing) * 20); } .p-32 { padding: calc(var(--spacing) * 32); } .p-px { padding: 1px; } .px-0 { padding-inline: calc(var(--spacing) * 0); } .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-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-\[1rem\] { padding-inline: 1rem; } .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-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .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-\[1px\], .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-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-12 { padding-top: calc(var(--spacing) * 12); } .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-6 { padding-right: calc(var(--spacing) * 6); } .pr-7 { padding-right: calc(var(--spacing) * 7); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .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-28 { padding-right: calc(var(--spacing) * 28); } .pr-32 { padding-right: calc(var(--spacing) * 32); } .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-2 { padding-bottom: calc(var(--spacing) * 2); } .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-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-32 { padding-bottom: calc(var(--spacing) * 32); } .pb-\[20vh\] { padding-bottom: 20vh; } .pb-\[88px\] { padding-bottom: 88px; } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-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-12 { padding-left: calc(var(--spacing) * 12); } .pl-14 { padding-left: calc(var(--spacing) * 14); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .pl-\[calc\(1rem\+12px\)\] { padding-left: calc(1rem + 12px); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .font-display { font-family: var(--font-display); } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .font-serif { font-family: var(--font-serif); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .text-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-\[7px\] { font-size: 7px; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; } .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; } .leading-none { --tw-leading: 1; line-height: 1; } .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-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-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[0\.1em\] { --tw-tracking: .1em; letter-spacing: .1em; } .tracking-\[0\.2em\] { --tw-tracking: .2em; letter-spacing: .2em; } .tracking-\[0\.3em\] { --tw-tracking: .3em; letter-spacing: .3em; } .tracking-\[0\.4em\] { --tw-tracking: .4em; letter-spacing: .4em; } .tracking-\[0\.5em\] { --tw-tracking: .5em; letter-spacing: .5em; } .tracking-\[0\.8em\] { --tw-tracking: .8em; letter-spacing: .8em; } .tracking-\[0\.15em\] { --tw-tracking: .15em; letter-spacing: .15em; } .tracking-\[1em\] { --tw-tracking: 1em; letter-spacing: 1em; } .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); } .break-words, .wrap-break-word { overflow-wrap: break-word; } .break-all { word-break: break-all; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-wrap { white-space: pre-wrap; } .\!text-gray-400 { color: var(--color-gray-400) !important; } .text-\[\#00FF00\] { color: #0f0; } .text-\[\#00FF00\]\/20 { color: oklab(86.644% -.233888 .179499 / .2); } .text-\[\#00FF00\]\/30 { color: oklab(86.644% -.233888 .179499 / .3); } .text-\[\#00FF00\]\/80 { color: oklab(86.644% -.233888 .179499 / .8); } .text-\[\#00ff66\] { color: #0f6; } .text-\[\#00ff66\]\/50 { color: oklab(87.1766% -.215156 .136344 / .5); } .text-\[\#1a1a1a\] { color: #1a1a1a; } .text-\[\#8b949e\] { color: #8b949e; } .text-\[\#8e8e93\] { color: #8e8e93; } .text-\[\#48484a\] { color: #48484a; } .text-\[\#636366\] { color: #636366; } .text-\[\#CCFF00\] { color: #cf0; } .text-\[\#FF00FF\] { color: #f0f; } .text-\[\#FF00FF\]\/80 { color: oklab(70.1674% .274566 -.169156 / .8); } .text-\[\#FFE135\] { color: #ffe135; } .text-\[\#a1a1a6\] { color: #a1a1a6; } .text-\[\#d1d1d6\] { color: #d1d1d6; } .text-\[\#e0e0e0\] { color: #e0e0e0; } .text-\[\#fdfbf7\] { color: #fdfbf7; } .text-\[\#ff3366\] { color: #f36; } .text-\[--foreground\] { color: --foreground; } .text-\[--primary\] { color: --primary; } .text-amber-100 { color: var(--color-amber-100); } .text-amber-200 { color: var(--color-amber-200); } .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-300\/90 { color: #ffd236e6; } @supports (color: color-mix(in lab, red, red)) { .text-amber-300\/90 { color: color-mix(in oklab, var(--color-amber-300) 90%, transparent); } } .text-amber-400 { color: var(--color-amber-400); } .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-700 { color: var(--color-amber-700); } .text-amber-800 { color: var(--color-amber-800); } .text-background { color: var(--color-background); } .text-black { color: var(--color-black); } .text-black\/40 { color: #0006; } @supports (color: color-mix(in lab, red, red)) { .text-black\/40 { color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .text-blue-100\/60 { color: #dbeafe99; } @supports (color: color-mix(in lab, red, red)) { .text-blue-100\/60 { color: color-mix(in oklab, var(--color-blue-100) 60%, transparent); } } .text-blue-100\/90 { color: #dbeafee6; } @supports (color: color-mix(in lab, red, red)) { .text-blue-100\/90 { color: color-mix(in oklab, var(--color-blue-100) 90%, transparent); } } .text-blue-200 { color: var(--color-blue-200); } .text-blue-200\/50 { color: #bedbff80; } @supports (color: color-mix(in lab, red, red)) { .text-blue-200\/50 { color: color-mix(in oklab, var(--color-blue-200) 50%, transparent); } } .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-300 { color: var(--color-blue-300); } .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-400 { color: var(--color-blue-400); } .text-blue-400\/50 { color: #54a2ff80; } @supports (color: color-mix(in lab, red, red)) { .text-blue-400\/50 { color: color-mix(in oklab, var(--color-blue-400) 50%, transparent); } } .text-blue-400\/60 { color: #54a2ff99; } @supports (color: color-mix(in lab, red, red)) { .text-blue-400\/60 { color: color-mix(in oklab, var(--color-blue-400) 60%, 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\/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\/50 { color: #3080ff80; } @supports (color: color-mix(in lab, red, red)) { .text-blue-500\/50 { color: color-mix(in oklab, var(--color-blue-500) 50%, 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-blue-900 { color: var(--color-blue-900); } .text-card-foreground { color: var(--color-card-foreground); } .text-current { color: currentColor; } .text-cyan-50 { color: var(--color-cyan-50); } .text-cyan-200\/70 { color: #a2f4fdb3; } @supports (color: color-mix(in lab, red, red)) { .text-cyan-200\/70 { color: color-mix(in oklab, var(--color-cyan-200) 70%, transparent); } } .text-cyan-300 { color: var(--color-cyan-300); } .text-cyan-400 { color: var(--color-cyan-400); } .text-cyan-400\/70 { color: #00d2efb3; } @supports (color: color-mix(in lab, red, red)) { .text-cyan-400\/70 { color: color-mix(in oklab, var(--color-cyan-400) 70%, transparent); } } .text-cyan-500 { color: var(--color-cyan-500); } .text-cyan-500\/50 { color: #00b7d780; } @supports (color: color-mix(in lab, red, red)) { .text-cyan-500\/50 { color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent); } } .text-cyan-500\/80 { color: #00b7d7cc; } @supports (color: color-mix(in lab, red, red)) { .text-cyan-500\/80 { color: color-mix(in oklab, var(--color-cyan-500) 80%, transparent); } } .text-dept-brand { color: var(--color-dept-brand); } .text-dept-campaign { color: var(--color-dept-campaign); } .text-dept-creative, .text-dept-creative\/50 { color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .text-dept-creative\/50 { color: color-mix(in oklab, var(--color-dept-creative) 50%, transparent); } } .text-dept-creative\/60 { color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .text-dept-creative\/60 { color: color-mix(in oklab, var(--color-dept-creative) 60%, transparent); } } .text-dept-creative\/70 { color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .text-dept-creative\/70 { color: color-mix(in oklab, var(--color-dept-creative) 70%, transparent); } } .text-dept-default { color: var(--color-dept-default); } .text-dept-distribution { color: var(--color-dept-distribution); } .text-dept-legal { color: var(--color-dept-legal); } .text-dept-licensing { color: var(--color-dept-licensing); } .text-dept-marketing, .text-dept-marketing\/50 { color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .text-dept-marketing\/50 { color: color-mix(in oklab, var(--color-dept-marketing) 50%, transparent); } } .text-dept-marketing\/60 { color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .text-dept-marketing\/60 { color: color-mix(in oklab, var(--color-dept-marketing) 60%, transparent); } } .text-dept-marketing\/70 { color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .text-dept-marketing\/70 { color: color-mix(in oklab, var(--color-dept-marketing) 70%, transparent); } } .text-dept-marketing\/80 { color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .text-dept-marketing\/80 { color: color-mix(in oklab, var(--color-dept-marketing) 80%, transparent); } } .text-dept-publishing { color: var(--color-dept-publishing); } .text-dept-royalties, .text-dept-royalties\/70 { color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .text-dept-royalties\/70 { color: color-mix(in oklab, var(--color-dept-royalties) 70%, transparent); } } .text-dept-royalties\/80 { color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .text-dept-royalties\/80 { color: color-mix(in oklab, var(--color-dept-royalties) 80%, transparent); } } .text-dept-social { color: var(--color-dept-social); } .text-dept-touring { color: var(--color-dept-touring); } .text-destructive { color: var(--color-destructive); } .text-destructive-foreground { color: var(--color-destructive-foreground); } .text-emerald-100 { color: var(--color-emerald-100); } .text-emerald-200\/60 { color: #a4f4cf99; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-200\/60 { color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent); } } .text-emerald-300 { color: var(--color-emerald-300); } .text-emerald-300\/60 { color: #5ee9b599; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-300\/60 { color: color-mix(in oklab, var(--color-emerald-300) 60%, transparent); } } .text-emerald-400 { color: var(--color-emerald-400); } .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\/70 { color: #00d294b3; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-400\/70 { color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent); } } .text-emerald-500 { color: var(--color-emerald-500); } .text-emerald-500\/10 { color: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-500\/10 { color: color-mix(in oklab, var(--color-emerald-500) 10%, 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-foreground, .text-foreground\/40 { color: var(--color-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/40 { color: color-mix(in oklab, var(--color-foreground) 40%, transparent); } } .text-foreground\/80 { color: var(--color-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/80 { color: color-mix(in oklab, var(--color-foreground) 80%, transparent); } } .text-fuchsia-400 { color: var(--color-fuchsia-400); } .text-gray-100 { color: var(--color-gray-100); } .text-gray-200 { color: var(--color-gray-200); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-400\/30 { color: #99a1af4d; } @supports (color: color-mix(in lab, red, red)) { .text-gray-400\/30 { color: color-mix(in oklab, var(--color-gray-400) 30%, transparent); } } .text-gray-400\/80 { color: #99a1afcc; } @supports (color: color-mix(in lab, red, red)) { .text-gray-400\/80 { color: color-mix(in oklab, var(--color-gray-400) 80%, transparent); } } .text-gray-400\/90 { color: #99a1afe6; } @supports (color: color-mix(in lab, red, red)) { .text-gray-400\/90 { color: color-mix(in oklab, var(--color-gray-400) 90%, transparent); } } .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-200 { color: var(--color-green-200); } .text-green-200\/50 { color: #b9f8cf80; } @supports (color: color-mix(in lab, red, red)) { .text-green-200\/50 { color: color-mix(in oklab, var(--color-green-200) 50%, transparent); } } .text-green-300 { color: var(--color-green-300); } .text-green-400 { color: var(--color-green-400); } .text-green-400\/80 { color: #05df72cc; } @supports (color: color-mix(in lab, red, red)) { .text-green-400\/80 { color: color-mix(in oklab, var(--color-green-400) 80%, transparent); } } .text-green-500 { color: var(--color-green-500); } .text-green-500\/50 { color: #00c75880; } @supports (color: color-mix(in lab, red, red)) { .text-green-500\/50 { color: color-mix(in oklab, var(--color-green-500) 50%, transparent); } } .text-green-500\/60 { color: #00c75899; } @supports (color: color-mix(in lab, red, red)) { .text-green-500\/60 { color: color-mix(in oklab, var(--color-green-500) 60%, transparent); } } .text-green-500\/80 { color: #00c758cc; } @supports (color: color-mix(in lab, red, red)) { .text-green-500\/80 { color: color-mix(in oklab, var(--color-green-500) 80%, transparent); } } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-green-900 { color: var(--color-green-900); } .text-indigo-100 { color: var(--color-indigo-100); } .text-indigo-200 { color: var(--color-indigo-200); } .text-indigo-200\/70 { color: #c7d2ffb3; } @supports (color: color-mix(in lab, red, red)) { .text-indigo-200\/70 { color: color-mix(in oklab, var(--color-indigo-200) 70%, transparent); } } .text-indigo-300 { color: var(--color-indigo-300); } .text-indigo-300\/80 { color: #a4b3ffcc; } @supports (color: color-mix(in lab, red, red)) { .text-indigo-300\/80 { color: color-mix(in oklab, var(--color-indigo-300) 80%, transparent); } } .text-indigo-300\/90 { color: #a4b3ffe6; } @supports (color: color-mix(in lab, red, red)) { .text-indigo-300\/90 { color: color-mix(in oklab, var(--color-indigo-300) 90%, transparent); } } .text-indigo-400 { color: var(--color-indigo-400); } .text-indigo-400\/50 { color: #7d87ff80; } @supports (color: color-mix(in lab, red, red)) { .text-indigo-400\/50 { color: color-mix(in oklab, var(--color-indigo-400) 50%, transparent); } } .text-indigo-400\/60 { color: #7d87ff99; } @supports (color: color-mix(in lab, red, red)) { .text-indigo-400\/60 { color: color-mix(in oklab, var(--color-indigo-400) 60%, transparent); } } .text-indigo-400\/70 { color: #7d87ffb3; } @supports (color: color-mix(in lab, red, red)) { .text-indigo-400\/70 { color: color-mix(in oklab, var(--color-indigo-400) 70%, transparent); } } .text-indigo-500 { color: var(--color-indigo-500); } .text-indigo-600 { color: var(--color-indigo-600); } .text-indigo-800 { color: var(--color-indigo-800); } .text-inherit { color: inherit; } .text-lime-400 { color: var(--color-lime-400); } .text-muted-foreground, .text-muted-foreground\/30 { color: var(--color-muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/30 { color: color-mix(in oklab, var(--color-muted-foreground) 30%, transparent); } } .text-muted-foreground\/50 { color: var(--color-muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/50 { color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent); } } .text-neutral-200 { color: var(--color-neutral-200); } .text-neutral-300 { color: var(--color-neutral-300); } .text-neutral-400 { color: var(--color-neutral-400); } .text-neutral-500 { color: var(--color-neutral-500); } .text-neutral-600 { color: var(--color-neutral-600); } .text-neutral-700 { color: var(--color-neutral-700); } .text-orange-200 { color: var(--color-orange-200); } .text-orange-200\/70 { color: #ffd7a8b3; } @supports (color: color-mix(in lab, red, red)) { .text-orange-200\/70 { color: color-mix(in oklab, var(--color-orange-200) 70%, transparent); } } .text-orange-300 { color: var(--color-orange-300); } .text-orange-300\/80 { color: #ffb96dcc; } @supports (color: color-mix(in lab, red, red)) { .text-orange-300\/80 { color: color-mix(in oklab, var(--color-orange-300) 80%, transparent); } } .text-orange-400 { color: var(--color-orange-400); } .text-orange-500 { color: var(--color-orange-500); } .text-orange-800 { color: var(--color-orange-800); } .text-pink-200 { color: var(--color-pink-200); } .text-pink-200\/50 { color: #fccee880; } @supports (color: color-mix(in lab, red, red)) { .text-pink-200\/50 { color: color-mix(in oklab, var(--color-pink-200) 50%, transparent); } } .text-pink-300 { color: var(--color-pink-300); } .text-pink-400 { color: var(--color-pink-400); } .text-pink-500 { color: var(--color-pink-500); } .text-pink-800 { color: var(--color-pink-800); } .text-primary { color: var(--color-primary); } .text-primary-foreground { color: var(--color-primary-foreground); } .text-primary\/30 { color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/30 { color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } .text-purple-100\/90 { color: #f3e8ffe6; } @supports (color: color-mix(in lab, red, red)) { .text-purple-100\/90 { color: color-mix(in oklab, var(--color-purple-100) 90%, transparent); } } .text-purple-200 { color: var(--color-purple-200); } .text-purple-200\/60 { color: #e9d5ff99; } @supports (color: color-mix(in lab, red, red)) { .text-purple-200\/60 { color: color-mix(in oklab, var(--color-purple-200) 60%, transparent); } } .text-purple-200\/80 { color: #e9d5ffcc; } @supports (color: color-mix(in lab, red, red)) { .text-purple-200\/80 { color: color-mix(in oklab, var(--color-purple-200) 80%, transparent); } } .text-purple-300 { color: var(--color-purple-300); } .text-purple-400 { color: var(--color-purple-400); } .text-purple-500 { color: var(--color-purple-500); } .text-purple-500\/80 { color: #ac4bffcc; } @supports (color: color-mix(in lab, red, red)) { .text-purple-500\/80 { color: color-mix(in oklab, var(--color-purple-500) 80%, transparent); } } .text-purple-800 { color: var(--color-purple-800); } .text-red-100 { color: var(--color-red-100); } .text-red-100\/90 { color: #ffe2e2e6; } @supports (color: color-mix(in lab, red, red)) { .text-red-100\/90 { color: color-mix(in oklab, var(--color-red-100) 90%, transparent); } } .text-red-200 { color: var(--color-red-200); } .text-red-200\/80 { color: #ffcacacc; } @supports (color: color-mix(in lab, red, red)) { .text-red-200\/80 { color: color-mix(in oklab, var(--color-red-200) 80%, transparent); } } .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-300\/80 { color: #ffa3a3cc; } @supports (color: color-mix(in lab, red, red)) { .text-red-300\/80 { color: color-mix(in oklab, var(--color-red-300) 80%, transparent); } } .text-red-400 { color: var(--color-red-400); } .text-red-400\/50 { color: #ff656880; } @supports (color: color-mix(in lab, red, red)) { .text-red-400\/50 { color: color-mix(in oklab, var(--color-red-400) 50%, transparent); } } .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-400\/70 { color: #ff6568b3; } @supports (color: color-mix(in lab, red, red)) { .text-red-400\/70 { color: color-mix(in oklab, var(--color-red-400) 70%, transparent); } } .text-red-400\/80 { color: #ff6568cc; } @supports (color: color-mix(in lab, red, red)) { .text-red-400\/80 { color: color-mix(in oklab, var(--color-red-400) 80%, transparent); } } .text-red-500 { color: var(--color-red-500); } .text-red-500\/50 { color: #fb2c3680; } @supports (color: color-mix(in lab, red, red)) { .text-red-500\/50 { color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .text-red-500\/60 { color: #fb2c3699; } @supports (color: color-mix(in lab, red, red)) { .text-red-500\/60 { color: color-mix(in oklab, var(--color-red-500) 60%, transparent); } } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-red-900 { color: var(--color-red-900); } .text-rose-300 { color: var(--color-rose-300); } .text-rose-400 { color: var(--color-rose-400); } .text-rose-500 { color: var(--color-rose-500); } .text-secondary-foreground { color: var(--color-secondary-foreground); } .text-sky-400 { color: var(--color-sky-400); } .text-sky-500 { color: var(--color-sky-500); } .text-slate-200 { color: var(--color-slate-200); } .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-sonic-blue { color: var(--color-sonic-blue); } .text-sonic-purple { color: var(--color-sonic-purple); } .text-sonic-yellow { color: var(--color-sonic-yellow); } .text-teal-300 { color: var(--color-teal-300); } .text-teal-400 { color: var(--color-teal-400); } .text-teal-400\/60 { color: #00d3bd99; } @supports (color: color-mix(in lab, red, red)) { .text-teal-400\/60 { color: color-mix(in oklab, var(--color-teal-400) 60%, transparent); } } .text-teal-400\/70 { color: #00d3bdb3; } @supports (color: color-mix(in lab, red, red)) { .text-teal-400\/70 { color: color-mix(in oklab, var(--color-teal-400) 70%, transparent); } } .text-teal-500 { color: var(--color-teal-500); } .text-transparent { color: #0000; } .text-violet-400 { color: var(--color-violet-400); } .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\/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\/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\/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\/60 { color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .text-white\/60 { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: #ffffffb3; } @supports (color: color-mix(in lab, red, red)) { .text-white\/70 { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/80 { color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .text-white\/80 { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/90 { color: #ffffffe6; } @supports (color: color-mix(in lab, red, red)) { .text-white\/90 { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .text-yellow-200 { color: var(--color-yellow-200); } .text-yellow-300 { color: var(--color-yellow-300); } .text-yellow-300\/70 { color: #ffe02ab3; } @supports (color: color-mix(in lab, red, red)) { .text-yellow-300\/70 { color: color-mix(in oklab, var(--color-yellow-300) 70%, transparent); } } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-500\/50 { color: #edb20080; } @supports (color: color-mix(in lab, red, red)) { .text-yellow-500\/50 { color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent); } } .text-yellow-500\/70 { color: #edb200b3; } @supports (color: color-mix(in lab, red, red)) { .text-yellow-500\/70 { color: color-mix(in oklab, var(--color-yellow-500) 70%, transparent); } } .text-yellow-500\/80 { color: #edb200cc; } @supports (color: color-mix(in lab, red, red)) { .text-yellow-500\/80 { color: color-mix(in oklab, var(--color-yellow-500) 80%, transparent); } } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-800 { color: var(--color-yellow-800); } .text-yellow-800\/70 { color: #874b00b3; } @supports (color: color-mix(in lab, red, red)) { .text-yellow-800\/70 { color: color-mix(in oklab, var(--color-yellow-800) 70%, transparent); } } .text-yellow-900 { color: var(--color-yellow-900); } .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); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .decoration-gray-300 { -webkit-text-decoration-color: var(--color-gray-300); -webkit-text-decoration-color: var(--color-gray-300); text-decoration-color: var(--color-gray-300); } .decoration-gray-700 { -webkit-text-decoration-color: var(--color-gray-700); -webkit-text-decoration-color: var(--color-gray-700); text-decoration-color: var(--color-gray-700); } .decoration-2 { text-decoration-thickness: 2px; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .placeholder-gray-500::placeholder { color: var(--color-gray-500); } .placeholder-gray-600::placeholder { color: var(--color-gray-600); } .placeholder-gray-700::placeholder { color: var(--color-gray-700); } .placeholder-neutral-500::placeholder { color: var(--color-neutral-500); } .placeholder-neutral-600::placeholder { color: var(--color-neutral-600); } .placeholder-neutral-700::placeholder { color: var(--color-neutral-700); } .placeholder-slate-400::placeholder { color: var(--color-slate-400); } .placeholder-slate-500::placeholder { color: var(--color-slate-500); } .placeholder-slate-600::placeholder { color: var(--color-slate-600); } .accent-\[\#FFE135\] { accent-color: #ffe135; } .accent-blue-500 { accent-color: var(--color-blue-500); } .accent-gray-400 { accent-color: var(--color-gray-400); } .accent-indigo-500 { accent-color: var(--color-indigo-500); } .accent-primary { accent-color: var(--color-primary); } .accent-purple-500 { accent-color: var(--color-purple-500); } .accent-sonic-purple { accent-color: var(--color-sonic-purple); } .accent-yellow-400 { accent-color: var(--color-yellow-400); } .\[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-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-75 { opacity: .75; } .opacity-80 { opacity: .8; } .opacity-100 { opacity: 1; } .opacity-\[0\.02\] { opacity: .02; } .opacity-\[0\.03\] { opacity: .03; } .mix-blend-difference { mix-blend-mode: difference; } .mix-blend-overlay { mix-blend-mode: overlay; } .mix-blend-screen { mix-blend-mode: screen; } .mix-blend-soft-light { mix-blend-mode: soft-light; } .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_-4px_10px_rgba\(0\,255\,102\,0\.5\)\] { --tw-shadow: 0 -4px 10px var(--tw-shadow-color, #00ff6680); 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_10px_rgba\(255\,255\,255\,0\.2\)\] { --tw-shadow: 0 -4px 10px 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_-4px_20px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 -4px 20px var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_-10px_40px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: 0 -10px 40px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_rgba\(168\,85\,247\,0\.3\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #a855f74d); 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\(34\,197\,94\,0\.5\)\] { --tw-shadow: 0 0 4px var(--tw-shadow-color, #22c55e80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_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_6px_rgba\(16\,185\,129\,0\.4\)\] { --tw-shadow: 0 0 6px 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_6px_rgba\(168\,85\,247\,0\.5\)\] { --tw-shadow: 0 0 6px var(--tw-shadow-color, #a855f780); 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\(6\,182\,212\,0\.4\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #06b6d466); 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\(34\,197\,94\,0\.3\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #22c55e4d); 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\(34\,197\,94\,0\.5\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #22c55e80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_8px_rgba\(34\,197\,94\,0\.6\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #22c55e99); 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\(52\,211\,153\,0\.5\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #34d39980); 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\(59\,130\,246\,0\.3\)\] { --tw-shadow: 0 0 8px 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); } .shadow-\[0_0_8px_rgba\(59\,130\,246\,0\.4\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #3b82f666); 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\(74\,222\,128\,0\.6\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #4ade8099); 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\(96\,165\,250\,0\.8\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #60a5facc); 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\(147\,51\,234\,0\.2\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #9333ea33); 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\(147\,51\,234\,0\.3\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #9333ea4d); 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\(147\,51\,234\,0\.5\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #9333ea80); 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\(168\,85\,247\,0\.3\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #a855f74d); 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\(168\,85\,247\,0\.6\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #a855f799); 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\(168\,85\,247\,0\.8\)\] { --tw-shadow: 0 0 8px var(--tw-shadow-color, #a855f7cc); 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\(251\,191\,36\,0\.8\)\] { --tw-shadow: 0 0 8px 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_8px_rgba\(255\,255\,255\,0\.2\)\] { --tw-shadow: 0 0 8px 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_10px_\#00ff66\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #0f6); 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\,255\,102\,0\.3\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #00ff664d); 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\,255\,102\,0\.8\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #0f6c); 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\.3\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #10b9814d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(16\,185\,129\,0\.5\)\] { --tw-shadow: 0 0 10px 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_10px_rgba\(34\,197\,94\,0\.5\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #22c55e80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(59\,130\,246\,0\.4\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #3b82f666); 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\(59\,130\,246\,0\.5\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #3b82f680); 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\(147\,51\,234\,0\.3\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #9333ea4d); 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\(147\,51\,234\,0\.5\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #9333ea80); 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\(147\,51\,234\,0\.15\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #9333ea26); 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\(168\,85\,247\,0\.3\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #a855f74d); 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\(168\,85\,247\,0\.5\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #a855f780); 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\(168\,85\,247\,1\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #a855f7); 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\(234\,179\,8\,0\.2\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #eab30833); 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\.2\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #f43f5e33); 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\.3\)\] { --tw-shadow: 0 0 10px 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_10px_rgba\(255\,225\,53\,0\.1\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #ffe1351a); 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_10px_rgba\(255\,255\,255\,0\.2\)\] { --tw-shadow: 0 0 10px 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_10px_rgba\(255\,255\,255\,0\.3\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #ffffff4d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_10px_rgba\(255\,255\,255\,0\.5\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color, #ffffff80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_12px_rgba\(16\,185\,129\,0\.3\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, #10b9814d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_12px_rgba\(34\,197\,94\,0\.3\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, #22c55e4d); 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\(59\,130\,246\,0\.3\)\] { --tw-shadow: 0 0 12px 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); } .shadow-\[0_0_12px_rgba\(168\,85\,247\,0\.1\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, #a855f71a); 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\(168\,85\,247\,0\.3\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, #a855f74d); 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\(var\(--color-dept-creative-rgb\)\,0\.3\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(var(--color-dept-creative-rgb), .3)); 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_\#00ff66\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #0f6); 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_\#2dd4bf\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #2dd4bf); 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\,255\,0\,0\.3\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #00ff004d); 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\,255\,102\,0\.1\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #00ff661a); 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\,255\,102\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #0f63); 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\,255\,102\,0\.3\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #00ff664d); 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\(6\,182\,212\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #06b6d433); 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\(6\,182\,212\,0\.4\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #06b6d466); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_15px_rgba\(16\,185\,129\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #10b98133); 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\(20\,184\,166\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #14b8a633); 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\(34\,197\,94\,0\.1\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #22c55e1a); 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\(34\,197\,94\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #22c55e33); 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\(59\,130\,246\,0\.1\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #3b82f61a); 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\(59\,130\,246\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #3b82f633); 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\(59\,130\,246\,0\.3\)\] { --tw-shadow: 0 0 15px 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); } .shadow-\[0_0_15px_rgba\(59\,130\,246\,0\.6\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #3b82f699); 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\(59\,130\,246\,0\.15\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #3b82f626); 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\(99\,102\,241\,0\.3\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #6366f14d); 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\(147\,51\,234\,0\.3\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #9333ea4d); 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\(168\,85\,247\,0\.1\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #a855f71a); 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\(168\,85\,247\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #a855f733); 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\(168\,85\,247\,0\.3\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #a855f74d); 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\(168\,85\,247\,0\.15\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #a855f726); 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\(217\,70\,239\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #d946ef33); 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\(234\,179\,8\,0\.1\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #eab3081a); 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\(234\,179\,8\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #eab30833); 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\(236\,72\,153\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #ec489933); 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\(244\,63\,94\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #f43f5e33); 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\(245\,158\,11\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #f59e0b33); 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\(245\,158\,11\,0\.05\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #f59e0b0d); 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\(249\,115\,22\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #f9731633); 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\(250\,204\,21\,0\.3\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #facc154d); 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\(250\,204\,21\,0\.15\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #facc1526); 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\(255\,225\,53\,0\.3\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #ffe1354d); 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\(255\,225\,53\,0\.15\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #ffe13526); 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\(255\,255\,255\,0\.1\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, #ffffff1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_15px_rgba\(var\(--color-dept-marketing\)\,0\.5\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(var(--color-dept-marketing), .5)); 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\(var\(--primary\)\,0\.2\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(var(--primary), .2)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_15px_rgba\(var\(--primary\)\,0\.3\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(var(--primary), .3)); 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_var\(--color-dept-creative-glow\)\] { --tw-shadow: 0 0 15px var(--tw-shadow-color, var(--color-dept-creative-glow)); 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_16px_rgba\(168\,85\,247\,0\.15\)\] { --tw-shadow: 0 0 16px var(--tw-shadow-color, #a855f726); 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_\#00FF00\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #0f0); 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\,255\,102\,0\.1\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #00ff661a); 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\,255\,102\,0\.4\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #0f66); 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\(6\,182\,212\,0\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #06b6d44d); 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\(6\,182\,212\,0\.05\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #06b6d40d); 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\(16\,185\,129\,0\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #10b9814d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.5\)\] { --tw-shadow: 0 0 20px 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_20px_rgba\(20\,184\,166\,0\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #14b8a64d); 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\(59\,130\,246\,0\.2\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #3b82f633); 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\(59\,130\,246\,0\.05\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #3b82f60d); 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\(59\,130\,246\,0\.15\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #3b82f626); 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\(99\,102\,241\,0\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #6366f14d); 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\(147\,51\,234\,0\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #9333ea4d); 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\(168\,85\,247\,0\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #a855f74d); 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\(234\,179\,8\,0\.2\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #eab30833); 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\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #f59e0b4d); 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\,200\,0\,0\.1\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #ffc8001a); 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\,225\,53\,0\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #ffe1354d); 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\,255\,255\,0\.1\)\] { --tw-shadow: 0 0 20px 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_20px_rgba\(255\,255\,255\,0\.05\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, #ffffff0d); 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\(var\(--color-dept-marketing\)\,0\.3\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, rgba(var(--color-dept-marketing), .3)); 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_white\] { --tw-shadow: 0 0 20px var(--tw-shadow-color, white); 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_25px_rgba\(52\,211\,153\,0\.6\)\] { --tw-shadow: 0 0 25px var(--tw-shadow-color, #34d39999); 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_25px_rgba\(56\,189\,248\,0\.6\)\] { --tw-shadow: 0 0 25px var(--tw-shadow-color, #38bdf899); 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_25px_rgba\(96\,165\,250\,0\.6\)\] { --tw-shadow: 0 0 25px var(--tw-shadow-color, #60a5fa99); 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_25px_rgba\(168\,85\,247\,0\.6\)\] { --tw-shadow: 0 0 25px var(--tw-shadow-color, #a855f799); 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_25px_rgba\(192\,132\,252\,0\.6\)\] { --tw-shadow: 0 0 25px var(--tw-shadow-color, #c084fc99); 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_25px_rgba\(244\,63\,94\,0\.6\)\] { --tw-shadow: 0 0 25px var(--tw-shadow-color, #f43f5e99); 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_25px_rgba\(251\,146\,60\,0\.6\)\] { --tw-shadow: 0 0 25px var(--tw-shadow-color, #fb923c99); 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_25px_rgba\(251\,191\,36\,0\.6\)\] { --tw-shadow: 0 0 25px var(--tw-shadow-color, #fbbf2499); 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_\#22c55e\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #22c55e); 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\(0\,255\,0\,0\.15\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #00ff0026); 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\(0\,255\,102\,0\.3\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #00ff664d); 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\(20\,184\,166\,0\.1\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #14b8a61a); 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\(20\,184\,166\,0\.3\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #14b8a64d); 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\(37\,99\,235\,0\.1\)\] { --tw-shadow: 0 0 30px 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_30px_rgba\(37\,99\,235\,0\.2\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #2563eb33); 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\(45\,212\,191\,0\.3\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #2dd4bf4d); 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\(59\,130\,246\,0\.3\)\] { --tw-shadow: 0 0 30px 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); } .shadow-\[0_0_30px_rgba\(99\,102\,241\,0\.3\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #6366f14d); 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\(168\,85\,247\,0\.15\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #a855f726); 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\(255\,225\,53\,0\.4\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, #ffe13566); 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\(255\,255\,255\,0\.2\)\] { --tw-shadow: 0 0 30px 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_40px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: 0 0 40px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_40px_rgba\(0\,255\,0\,0\.3\)\] { --tw-shadow: 0 0 40px var(--tw-shadow-color, #00ff004d); 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\(20\,184\,166\,0\.15\)\] { --tw-shadow: 0 0 40px var(--tw-shadow-color, #14b8a626); 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\(255\,215\,0\,0\.1\)\] { --tw-shadow: 0 0 40px var(--tw-shadow-color, #ffd7001a); 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\(255\,255\,255\,0\.1\)\] { --tw-shadow: 0 0 40px 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_50px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: 0 0 50px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_50px_rgba\(168\,85\,247\,0\.15\)\] { --tw-shadow: 0 0 50px var(--tw-shadow-color, #a855f726); 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_50px_rgba\(255\,255\,255\,0\.05\)\] { --tw-shadow: 0 0 50px var(--tw-shadow-color, #ffffff0d); 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_80px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: 0 0 80px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_80px_rgba\(0\,255\,0\,0\.8\)\] { --tw-shadow: 0 0 80px var(--tw-shadow-color, #0f0c); 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_80px_rgba\(99\,102\,241\,0\.1\)\] { --tw-shadow: 0 0 80px 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_4px_15px_rgba\(255\,225\,53\,0\.15\)\] { --tw-shadow: 0 4px 15px var(--tw-shadow-color, #ffe13526); 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\.4\)\] { --tw-shadow: 0 8px 32px 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_40px_rgba\(0\,0\,0\,0\.8\)\] { --tw-shadow: 0 8px 40px 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_10px_30px_-10px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: 0 10px 30px -10px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_10px_30px_rgba\(255\,215\,0\,0\.15\)\] { --tw-shadow: 0 10px 30px var(--tw-shadow-color, #ffd70026); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_20px_40px_-8px_rgba\(255\,255\,255\,0\.2\)\] { --tw-shadow: 0 20px 40px -8px 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_20px_40px_-12px_rgba\(59\,130\,246\,0\.1\)\] { --tw-shadow: 0 20px 40px -12px var(--tw-shadow-color, #3b82f61a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_20px_40px_rgba\(0\,0\,0\,0\.4\)\] { --tw-shadow: 0 20px 40px 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_20px_50px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: 0 20px 50px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_25px_60px_-15px_rgba\(0\,0\,0\,0\.7\)\] { --tw-shadow: 0 25px 60px -15px 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_32px_64px_-16px_rgba\(0\,0\,0\,0\.6\)\] { --tw-shadow: 0 32px 64px -16px 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_32px_64px_-16px_rgba\(251\,191\,36\,0\.15\)\] { --tw-shadow: 0 32px 64px -16px var(--tw-shadow-color, #fbbf2426); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.15\)\] { --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff26); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_20px_rgba\(0\,255\,102\,0\.05\)\] { --tw-shadow: inset 0 0 20px var(--tw-shadow-color, #00ff660d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_100px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: inset 0 0 100px 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-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); } .shadow-xs { --tw-shadow: 0 1px 2px 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); } .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); } .shadow-\[\#FFE135\]\/20 { --tw-shadow-color: #ffe13533; } @supports (color: color-mix(in lab, red, red)) { .shadow-\[\#FFE135\]\/20 { --tw-shadow-color: color-mix(in oklab, oklab(90.8032% -.0260833 .173716 / .2) 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-amber-900\/5 { --tw-shadow-color: #7b33060d; } @supports (color: color-mix(in lab, red, red)) { .shadow-amber-900\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-900) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black { --tw-shadow-color: #000; } @supports (color: color-mix(in lab, red, red)) { .shadow-black { --tw-shadow-color: color-mix(in oklab, var(--color-black) 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\/40 { --tw-shadow-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/40 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/50 { --tw-shadow-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/50 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/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\/80 { --tw-shadow-color: #000c; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/80 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 80%, 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\/25 { --tw-shadow-color: #3080ff40; } @supports (color: color-mix(in lab, red, red)) { .shadow-blue-500\/25 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 25%, 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\/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-cyan-500\/20 { --tw-shadow-color: #00b7d733; } @supports (color: color-mix(in lab, red, red)) { .shadow-cyan-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-cyan-900\/5 { --tw-shadow-color: #104e640d; } @supports (color: color-mix(in lab, red, red)) { .shadow-cyan-900\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-900) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-cyan-900\/20 { --tw-shadow-color: #104e6433; } @supports (color: color-mix(in lab, red, red)) { .shadow-cyan-900\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-900) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-dept-creative\/10 { --tw-shadow-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .shadow-dept-creative\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-dept-creative) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-dept-creative\/20 { --tw-shadow-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .shadow-dept-creative\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-dept-creative) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-dept-creative\/30 { --tw-shadow-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .shadow-dept-creative\/30 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-dept-creative) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-dept-licensing\/10 { --tw-shadow-color: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .shadow-dept-licensing\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-dept-licensing) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-dept-licensing\/20 { --tw-shadow-color: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .shadow-dept-licensing\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-dept-licensing) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-dept-marketing\/10 { --tw-shadow-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .shadow-dept-marketing\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-dept-marketing) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-dept-marketing\/20 { --tw-shadow-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .shadow-dept-marketing\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-dept-marketing) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-dept-publishing\/20 { --tw-shadow-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .shadow-dept-publishing\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-dept-publishing) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-dept-royalties\/20 { --tw-shadow-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .shadow-dept-royalties\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-dept-royalties) 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-emerald-600\/10 { --tw-shadow-color: #0097671a; } @supports (color: color-mix(in lab, red, red)) { .shadow-emerald-600\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-green-500\/20 { --tw-shadow-color: #00c75833; } @supports (color: color-mix(in lab, red, red)) { .shadow-green-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-green-900\/20 { --tw-shadow-color: #0d542b33; } @supports (color: color-mix(in lab, red, red)) { .shadow-green-900\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-900) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-200 { --tw-shadow-color: oklch(87% .065 274.039); } @supports (color: color-mix(in lab, red, red)) { .shadow-indigo-200 { --tw-shadow-color: color-mix(in oklab, var(--color-indigo-200) 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-900\/20 { --tw-shadow-color: #312c8533; } @supports (color: color-mix(in lab, red, red)) { .shadow-indigo-900\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-900) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-orange-900\/20 { --tw-shadow-color: #7e2a0c33; } @supports (color: color-mix(in lab, red, red)) { .shadow-orange-900\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-900) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-primary\/20 { --tw-shadow-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .shadow-primary\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-purple-500\/20 { --tw-shadow-color: #ac4bff33; } @supports (color: color-mix(in lab, red, red)) { .shadow-purple-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-purple-500\/25 { --tw-shadow-color: #ac4bff40; } @supports (color: color-mix(in lab, red, red)) { .shadow-purple-500\/25 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 25%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-purple-900\/5 { --tw-shadow-color: #59168b0d; } @supports (color: color-mix(in lab, red, red)) { .shadow-purple-900\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-900) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-purple-900\/20 { --tw-shadow-color: #59168b33; } @supports (color: color-mix(in lab, red, red)) { .shadow-purple-900\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-900) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-purple-900\/30 { --tw-shadow-color: #59168b4d; } @supports (color: color-mix(in lab, red, red)) { .shadow-purple-900\/30 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-900) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-red-500\/30 { --tw-shadow-color: #fb2c364d; } @supports (color: color-mix(in lab, red, red)) { .shadow-red-500\/30 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-sonic-purple\/20 { --tw-shadow-color: var(--color-sonic-purple); } @supports (color: color-mix(in lab, red, red)) { .shadow-sonic-purple\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sonic-purple) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-teal-500\/20 { --tw-shadow-color: #00baa733; } @supports (color: color-mix(in lab, red, red)) { .shadow-teal-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-teal-500\/30 { --tw-shadow-color: #00baa74d; } @supports (color: color-mix(in lab, red, red)) { .shadow-teal-500\/30 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-violet-500\/20 { --tw-shadow-color: #8d54ff33; } @supports (color: color-mix(in lab, red, red)) { .shadow-violet-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-violet-900\/20 { --tw-shadow-color: #4d179a33; } @supports (color: color-mix(in lab, red, red)) { .shadow-violet-900\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-900) 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-white\/10 { --tw-shadow-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .shadow-white\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-yellow-400\/20 { --tw-shadow-color: #fac80033; } @supports (color: color-mix(in lab, red, red)) { .shadow-yellow-400\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-400) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-yellow-400\/50 { --tw-shadow-color: #fac80080; } @supports (color: color-mix(in lab, red, red)) { .shadow-yellow-400\/50 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-400) 50%, 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); } } .shadow-yellow-900\/5 { --tw-shadow-color: #733e0a0d; } @supports (color: color-mix(in lab, red, red)) { .shadow-yellow-900\/5 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-900) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-black\/10 { --tw-ring-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .ring-black\/10 { --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .ring-black\/20 { --tw-ring-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .ring-black\/20 { --tw-ring-color: color-mix(in oklab, var(--color-black) 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-blue-500\/30 { --tw-ring-color: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .ring-blue-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .ring-blue-500\/40 { --tw-ring-color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .ring-blue-500\/40 { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .ring-blue-500\/50 { --tw-ring-color: #3080ff80; } @supports (color: color-mix(in lab, red, red)) { .ring-blue-500\/50 { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } .ring-dept-creative\/20 { --tw-ring-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .ring-dept-creative\/20 { --tw-ring-color: color-mix(in oklab, var(--color-dept-creative) 20%, transparent); } } .ring-dept-marketing { --tw-ring-color: var(--color-dept-marketing); } .ring-gray-200 { --tw-ring-color: var(--color-gray-200); } .ring-gray-700 { --tw-ring-color: var(--color-gray-700); } .ring-purple-500\/20 { --tw-ring-color: #ac4bff33; } @supports (color: color-mix(in lab, red, red)) { .ring-purple-500\/20 { --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .ring-purple-500\/30 { --tw-ring-color: #ac4bff4d; } @supports (color: color-mix(in lab, red, red)) { .ring-purple-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .ring-red-500\/20 { --tw-ring-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .ring-red-500\/20 { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .ring-white { --tw-ring-color: var(--color-white); } .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\/20 { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .ring-white\/20 { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-\[\#0a0a0a\] { --tw-ring-offset-color: #0a0a0a; } .ring-offset-\[\#111\] { --tw-ring-offset-color: #111; } .ring-offset-background { --tw-ring-offset-color: var(--color-background); } .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-\[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-\[50px\] { --tw-blur: blur(50px); 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-\[60px\] { --tw-blur: blur(60px); 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-\[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-lg { --tw-blur: blur(var(--blur-lg)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-md { --tw-blur: blur(var(--blur-md)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-sm { --tw-blur: blur(var(--blur-sm)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-xl { --tw-blur: blur(var(--blur-xl)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .brightness-50 { --tw-brightness: brightness(50%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .brightness-100 { --tw-brightness: brightness(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, ); } .drop-shadow-2xl { --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .drop-shadow-\[0_0_5px_rgba\(0\,255\,102\,0\.5\)\] { --tw-drop-shadow-size: drop-shadow(0 0 5px var(--tw-drop-shadow-color, #00ff6680)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_5px_rgba\(255\,0\,255\,0\.5\)\] { --tw-drop-shadow-size: drop-shadow(0 0 5px var(--tw-drop-shadow-color, #ff00ff80)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_8px_rgba\(0\,255\,0\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #0f0c)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_8px_rgba\(0\,255\,102\,1\)\] { --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #0f6)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_8px_rgba\(6\,182\,212\,0\.5\)\] { --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #06b6d480)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_8px_rgba\(99\,102\,241\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #6366f1cc)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_8px_rgba\(245\,158\,11\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #f59e0bcc)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_8px_rgba\(251\,191\,36\,0\.5\)\] { --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #fbbf2480)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_8px_rgba\(255\,0\,255\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, #f0fc)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_8px_var\(--dept-color\)\] { --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, var(--dept-color))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_10px_rgba\(0\,255\,0\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, #0f0c)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_10px_rgba\(0\,255\,100\,0\.5\)\] { --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, #00ff6480)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_10px_rgba\(234\,179\,8\,0\.5\)\] { --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, #eab30880)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_10px_rgba\(255\,0\,255\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, #f0fc)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_10px_rgba\(255\,51\,102\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, #f36c)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_10px_rgba\(255\,255\,255\,0\.1\)\] { --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, #ffffff1a)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_12px_rgba\(96\,165\,250\,0\.4\)\] { --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, #60a5fa66)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_15px_rgba\(0\,255\,0\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 0 15px var(--tw-drop-shadow-color, #0f0c)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_15px_rgba\(59\,130\,246\,0\.5\)\] { --tw-drop-shadow-size: drop-shadow(0 0 15px var(--tw-drop-shadow-color, #3b82f680)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_15px_rgba\(255\,0\,255\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 0 15px var(--tw-drop-shadow-color, #f0fc)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_20px_rgba\(0\,255\,0\,1\)\] { --tw-drop-shadow-size: drop-shadow(0 0 20px var(--tw-drop-shadow-color, #0f0)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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, ); } .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, ); } .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); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-3xl { --tw-backdrop-blur: blur(var(--blur-3xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[4px\] { --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-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)); } .delay-75 { transition-delay: 75ms; } .delay-150 { transition-delay: .15s; } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms; } .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-300 { --tw-duration: .3s; transition-duration: .3s; } .duration-400 { --tw-duration: .4s; transition-duration: .4s; } .duration-500 { --tw-duration: .5s; transition-duration: .5s; } .duration-600 { --tw-duration: .6s; transition-duration: .6s; } .duration-700 { --tw-duration: .7s; transition-duration: .7s; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .duration-\[1500ms\] { --tw-duration: 1.5s; transition-duration: 1.5s; } .duration-\[2000ms\] { --tw-duration: 2s; transition-duration: 2s; } .duration-\[3000ms\] { --tw-duration: 3s; transition-duration: 3s; } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .animate-in { --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; animation-name: enter; animation-duration: .15s; } .delay-75 { --tw-animation-delay: 75ms; animation-delay: 75ms; } .delay-150 { --tw-animation-delay: .15s; animation-delay: .15s; } .fade-in-0 { --tw-enter-opacity: 0; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .\[indii\:BaseAgent\] { indii: BaseAgent; } .\[indii\:Bridge\] { indii: Bridge; } .\[indii\:Conductor\] { indii: Conductor; } .\[indii\:Hybrid\] { indii: Hybrid; } .\[indii\:Orchestrator\] { indii: Orchestrator; } .\[indii\:Service\] { indii: Service; } .\[transform-style\:preserve-3d\] { transform-style: preserve-3d; } .delay-75 { animation-delay: 75ms; } .delay-150 { animation-delay: .15s; } .duration-75 { animation-duration: 75ms; } .duration-100 { animation-duration: .1s; } .duration-150 { animation-duration: .15s; } .duration-200 { animation-duration: .2s; } .duration-300 { animation-duration: .3s; } .duration-400 { animation-duration: .4s; } .duration-500 { animation-duration: .5s; } .duration-600 { animation-duration: .6s; } .duration-700 { animation-duration: .7s; } .duration-1000 { animation-duration: 1s; } .duration-\[1500ms\] { animation-duration: 1.5s; } .duration-\[2000ms\] { animation-duration: 2s; } .duration-\[3000ms\] { animation-duration: 3s; } .ease-in-out { animation-timing-function: cubic-bezier(.4, 0, .2, 1); } .ease-linear { animation-timing-function: linear; } .ease-out { animation-timing-function: cubic-bezier(0, 0, .2, 1); } .fade-in, .fade-in-0 { --tw-enter-opacity: 0; } .paused { animation-play-state: paused; } .ring-inset { --tw-ring-inset: inset; } .running { animation-play-state: running; } .slide-in-from-bottom { --tw-enter-translate-y: 100%; } .slide-in-from-bottom-2 { --tw-enter-translate-y: calc(2 * var(--spacing)); } .slide-in-from-bottom-3 { --tw-enter-translate-y: calc(3 * var(--spacing)); } .slide-in-from-bottom-4 { --tw-enter-translate-y: calc(4 * var(--spacing)); } .slide-in-from-bottom-5 { --tw-enter-translate-y: 1.25rem; } .slide-in-from-bottom-6 { --tw-enter-translate-y: calc(6 * var(--spacing)); } .slide-in-from-left { --tw-enter-translate-x: -100%; } .slide-in-from-left-1 { --tw-enter-translate-x: calc(1 * var(--spacing) * -1); } .slide-in-from-left-4 { --tw-enter-translate-x: calc(4 * var(--spacing) * -1); } .slide-in-from-right { --tw-enter-translate-x: 100%; } .slide-in-from-right-8 { --tw-enter-translate-x: calc(8 * var(--spacing)); } .slide-in-from-top-1 { --tw-enter-translate-y: calc(1 * var(--spacing) * -1); } .slide-in-from-top-2 { --tw-enter-translate-y: calc(2 * var(--spacing) * -1); } .zoom-in { --tw-enter-scale: 0; } .zoom-in-75 { --tw-enter-scale: .75; } .zoom-in-95 { --tw-enter-scale: .95; } .zoom-out { --tw-exit-scale: 0; } .group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) { display: none; } .group-open\:inline:is(:where(.group):is([open], :popover-open, :open) *) { display: inline; } .group-focus-within\:translate-x-0:is(:where(.group):focus-within *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-focus-within\:translate-x-1:is(:where(.group):focus-within *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-focus-within\:translate-y-0:is(:where(.group):focus-within *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-focus-within\:border-\[\#FFE135\]\/40:is(:where(.group):focus-within *) { border-color: oklab(90.8032% -.0260833 .173716 / .4); } .group-focus-within\:bg-purple-500\/10:is(:where(.group):focus-within *) { background-color: #ac4bff1a; } @supports (color: color-mix(in lab, red, red)) { .group-focus-within\:bg-purple-500\/10:is(:where(.group):focus-within *) { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent); } } .group-focus-within\:text-\[\#FFE135\]:is(:where(.group):focus-within *) { color: #ffe135; } .group-focus-within\:text-dept-marketing:is(:where(.group):focus-within *) { color: var(--color-dept-marketing); } .group-focus-within\:text-purple-200:is(:where(.group):focus-within *) { color: var(--color-purple-200); } .group-focus-within\:opacity-100:is(:where(.group):focus-within *) { opacity: 1; } .group-focus-within\:ring-2:is(:where(.group):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); } .group-focus-within\:ring-white:is(:where(.group):focus-within *) { --tw-ring-color: var(--color-white); } .group-focus-within\/input\:text-cyan-400:is(:where(.group\/input):focus-within *) { color: var(--color-cyan-400); } @media (hover: hover) { .group-hover\:w-full:is(:where(.group):hover *) { width: 100%; } .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-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-\[100\%\]:is(:where(.group):hover *) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-1:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:-translate-y-2:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-125:is(:where(.group):hover *) { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-150:is(:where(.group):hover *) { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:scale-x-100:is(:where(.group):hover *) { --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:rotate-12:is(:where(.group):hover *) { rotate: 12deg; } .group-hover\:rotate-90:is(:where(.group):hover *) { rotate: 90deg; } .group-hover\:animate-bounce:is(:where(.group):hover *) { animation: var(--animate-bounce); } .group-hover\:border-\[\#00ff66\]:is(:where(.group):hover *) { border-color: #0f6; } .group-hover\:border-\[\#FFE135\]\/30:is(:where(.group):hover *) { border-color: oklab(90.8032% -.0260833 .173716 / .3); } .group-hover\:border-dept-creative\/30:is(:where(.group):hover *) { border-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-dept-creative\/30:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-dept-creative) 30%, transparent); } } .group-hover\:border-dept-royalties\/30:is(:where(.group):hover *) { border-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-dept-royalties\/30:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-dept-royalties) 30%, transparent); } } .group-hover\:border-emerald-500\/30:is(:where(.group):hover *) { border-color: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-emerald-500\/30:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .group-hover\:border-gray-600:is(:where(.group):hover *) { border-color: var(--color-gray-600); } .group-hover\:border-gray-700:is(:where(.group):hover *) { border-color: var(--color-gray-700); } .group-hover\:border-pink-500\/20:is(:where(.group):hover *) { border-color: #f6339a33; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-pink-500\/20:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent); } } .group-hover\:border-primary\/30:is(:where(.group):hover *) { border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-primary\/30:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } .group-hover\:border-purple-400:is(:where(.group):hover *) { border-color: var(--color-purple-400); } .group-hover\:border-purple-500\/20:is(:where(.group):hover *) { border-color: #ac4bff33; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-purple-500\/20:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .group-hover\:border-purple-500\/30:is(:where(.group):hover *) { border-color: #ac4bff4d; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-purple-500\/30:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .group-hover\:border-teal-500\/30:is(:where(.group):hover *) { border-color: #00baa74d; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-teal-500\/30:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent); } } .group-hover\:border-white\/5:is(:where(.group):hover *) { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-white\/5:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .group-hover\:border-white\/10:is(:where(.group):hover *) { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-white\/10:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .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\/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\:border-white\/50:is(:where(.group):hover *) { border-color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:border-white\/50:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .group-hover\:bg-\[\#FFE135\]\/10:is(:where(.group):hover *) { background-color: oklab(90.8032% -.0260833 .173716 / .1); } .group-hover\:bg-amber-500\/60:is(:where(.group):hover *) { background-color: #f99c0099; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-amber-500\/60:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent); } } .group-hover\:bg-black\/30:is(:where(.group):hover *) { background-color: #0000004d; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-black\/30:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .group-hover\:bg-cyan-500\/20:is(:where(.group):hover *) { background-color: #00b7d733; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-cyan-500\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent); } } .group-hover\:bg-dept-creative\/30:is(:where(.group):hover *) { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-dept-creative\/30:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-dept-creative) 30%, transparent); } } .group-hover\:bg-dept-marketing\/20:is(:where(.group):hover *) { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-dept-marketing\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-dept-marketing) 20%, transparent); } } .group-hover\:bg-dept-royalties\/10:is(:where(.group):hover *) { background-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-dept-royalties\/10:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-dept-royalties) 10%, transparent); } } .group-hover\:bg-emerald-500:is(:where(.group):hover *) { background-color: var(--color-emerald-500); } .group-hover\:bg-emerald-500\/40:is(:where(.group):hover *) { background-color: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-emerald-500\/40:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .group-hover\:bg-purple-500\/10:is(:where(.group):hover *) { background-color: #ac4bff1a; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-purple-500\/10:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent); } } .group-hover\:bg-purple-500\/20:is(:where(.group):hover *) { background-color: #ac4bff33; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-purple-500\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .group-hover\:bg-purple-500\/40:is(:where(.group):hover *) { background-color: #ac4bff66; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-purple-500\/40:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent); } } .group-hover\:bg-white\/5:is(:where(.group):hover *) { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-white\/5:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-white) 5%, 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\:bg-white\/20:is(:where(.group):hover *) { background-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-white\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .group-hover\:bg-white\/\[0\.05\]:is(:where(.group):hover *) { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-white\/\[0\.05\]:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .group-hover\:bg-yellow-400\/20:is(:where(.group):hover *) { background-color: #fac80033; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-yellow-400\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent); } } .group-hover\:from-dept-royalties\/10:is(:where(.group):hover *) { --tw-gradient-from: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:from-dept-royalties\/10:is(:where(.group):hover *) { --tw-gradient-from: color-mix(in oklab, var(--color-dept-royalties) 10%, transparent); } } .group-hover\:from-dept-royalties\/10:is(:where(.group):hover *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group-hover\:from-indigo-500\/5:is(:where(.group):hover *) { --tw-gradient-from: #625fff0d; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:from-indigo-500\/5:is(:where(.group):hover *) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 5%, transparent); } } .group-hover\:from-indigo-500\/5:is(:where(.group):hover *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group-hover\:from-indigo-500\/20:is(:where(.group):hover *) { --tw-gradient-from: #625fff33; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:from-indigo-500\/20:is(:where(.group):hover *) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); } } .group-hover\:from-indigo-500\/20:is(:where(.group):hover *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group-hover\:from-purple-500:is(:where(.group):hover *) { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group-hover\:via-transparent:is(:where(.group):hover *) { --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); } .group-hover\:to-purple-300:is(:where(.group):hover *) { --tw-gradient-to: var(--color-purple-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group-hover\:to-purple-500\/20:is(:where(.group):hover *) { --tw-gradient-to: #ac4bff33; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:to-purple-500\/20:is(:where(.group):hover *) { --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .group-hover\:to-purple-500\/20:is(:where(.group):hover *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group-hover\:to-transparent:is(:where(.group):hover *) { --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)); } .group-hover\:text-\[\#00FF00\]\/70:is(:where(.group):hover *) { color: oklab(86.644% -.233888 .179499 / .7); } .group-hover\:text-\[\#00ff66\]:is(:where(.group):hover *) { color: #0f6; } .group-hover\:text-\[\#FFE135\]:is(:where(.group):hover *) { color: #ffe135; } .group-hover\:text-amber-200:is(:where(.group):hover *) { color: var(--color-amber-200); } .group-hover\:text-amber-300:is(:where(.group):hover *) { color: var(--color-amber-300); } .group-hover\:text-black:is(:where(.group):hover *) { color: var(--color-black); } .group-hover\:text-blue-300:is(:where(.group):hover *) { color: var(--color-blue-300); } .group-hover\:text-blue-400:is(:where(.group):hover *) { color: var(--color-blue-400); } .group-hover\:text-blue-500:is(:where(.group):hover *) { color: var(--color-blue-500); } .group-hover\:text-cyan-300:is(:where(.group):hover *) { color: var(--color-cyan-300); } .group-hover\:text-cyan-400:is(:where(.group):hover *) { color: var(--color-cyan-400); } .group-hover\:text-dept-campaign:is(:where(.group):hover *) { color: var(--color-dept-campaign); } .group-hover\:text-dept-creative:is(:where(.group):hover *) { color: var(--color-dept-creative); } .group-hover\:text-dept-distribution:is(:where(.group):hover *) { color: var(--color-dept-distribution); } .group-hover\:text-dept-licensing:is(:where(.group):hover *) { color: var(--color-dept-licensing); } .group-hover\:text-dept-marketing:is(:where(.group):hover *) { color: var(--color-dept-marketing); } .group-hover\:text-dept-royalties:is(:where(.group):hover *) { color: var(--color-dept-royalties); } .group-hover\:text-emerald-300:is(:where(.group):hover *) { color: var(--color-emerald-300); } .group-hover\:text-emerald-400:is(:where(.group):hover *) { color: var(--color-emerald-400); } .group-hover\:text-gray-300:is(:where(.group):hover *) { color: var(--color-gray-300); } .group-hover\:text-gray-400:is(:where(.group):hover *) { color: var(--color-gray-400); } .group-hover\:text-gray-500:is(:where(.group):hover *) { color: var(--color-gray-500); } .group-hover\:text-indigo-200:is(:where(.group):hover *) { color: var(--color-indigo-200); } .group-hover\:text-indigo-300:is(:where(.group):hover *) { color: var(--color-indigo-300); } .group-hover\:text-muted-foreground:is(:where(.group):hover *) { color: var(--color-muted-foreground); } .group-hover\:text-orange-400:is(:where(.group):hover *) { color: var(--color-orange-400); } .group-hover\:text-purple-200:is(:where(.group):hover *) { color: var(--color-purple-200); } .group-hover\:text-purple-400:is(:where(.group):hover *) { color: var(--color-purple-400); } .group-hover\:text-red-400:is(:where(.group):hover *) { color: var(--color-red-400); } .group-hover\:text-slate-300:is(:where(.group):hover *) { color: var(--color-slate-300); } .group-hover\:text-sonic-blue:is(:where(.group):hover *) { color: var(--color-sonic-blue); } .group-hover\:text-teal-400:is(:where(.group):hover *) { color: var(--color-teal-400); } .group-hover\:text-teal-500:is(:where(.group):hover *) { color: var(--color-teal-500); } .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-yellow-400:is(:where(.group):hover *) { color: var(--color-yellow-400); } .group-hover\:text-yellow-500\/50:is(:where(.group):hover *) { color: #edb20080; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:text-yellow-500\/50:is(:where(.group):hover *) { color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent); } } .group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0; } .group-hover\:opacity-10:is(:where(.group):hover *) { opacity: .1; } .group-hover\:opacity-20:is(:where(.group):hover *) { opacity: .2; } .group-hover\:opacity-50:is(:where(.group):hover *) { opacity: .5; } .group-hover\:opacity-60:is(:where(.group):hover *) { opacity: .6; } .group-hover\:opacity-80:is(:where(.group):hover *) { opacity: .8; } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .group-hover\:shadow-\[0_0_20px_rgba\(255\,225\,53\,0\.1\)\]:is(:where(.group):hover *) { --tw-shadow: 0 0 20px var(--tw-shadow-color, #ffe1351a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-hover\:drop-shadow-\[0_0_6px_rgba\(245\,158\,11\,0\.5\)\]:is(:where(.group):hover *) { --tw-drop-shadow-size: drop-shadow(0 0 6px var(--tw-drop-shadow-color, #f59e0b80)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .group-hover\:grayscale-0:is(:where(.group):hover *) { --tw-grayscale: grayscale(0%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .group-hover\/att\:opacity-100:is(:where(.group\/att):hover *) { opacity: 1; } .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\:opacity-40:is(:where(.group\/btn):hover *) { opacity: .4; } .group-hover\/btn\:opacity-100:is(:where(.group\/btn):hover *), .group-hover\/clip\:opacity-100:is(:where(.group\/clip):hover *), .group-hover\/code\:opacity-100:is(:where(.group\/code):hover *) { opacity: 1; } .group-hover\/image\:scale-110:is(:where(.group\/image):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\/image\:opacity-100:is(:where(.group\/image):hover *), .group-hover\/img\:opacity-100:is(:where(.group\/img):hover *) { opacity: 1; } .group-hover\/item\:text-gray-300:is(:where(.group\/item):hover *) { color: var(--color-gray-300); } .group-hover\/item\:text-white:is(:where(.group\/item):hover *) { color: var(--color-white); } .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) { opacity: 1; } .group-hover\/like\:scale-110:is(:where(.group\/like):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\/node\:bg-white\/20:is(:where(.group\/node):hover *) { background-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .group-hover\/node\:bg-white\/20:is(:where(.group\/node):hover *) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .group-hover\/overlay\:opacity-100:is(:where(.group\/overlay):hover *) { opacity: 1; } .group-hover\/progress\:opacity-30:is(:where(.group\/progress):hover *) { opacity: .3; } .group-hover\/row\:bg-white\/20:is(:where(.group\/row):hover *) { background-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .group-hover\/row\:bg-white\/20:is(:where(.group\/row):hover *) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .group-hover\/stage\:opacity-100:is(:where(.group\/stage):hover *), .group-hover\/tag\:opacity-100:is(:where(.group\/tag):hover *) { opacity: 1; } .group-hover\/widget\:translate-x-1:is(:where(.group\/widget):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\/widget\:-translate-y-0\.5:is(:where(.group\/widget):hover *) { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\/widget\:scale-110:is(:where(.group\/widget):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\/widget\:rotate-12:is(:where(.group\/widget):hover *) { rotate: 12deg; } .group-hover\/widget\:animate-pulse:is(:where(.group\/widget):hover *) { animation: var(--animate-pulse); } .group-hover\/widget\:border-teal-500\/40:is(:where(.group\/widget):hover *) { border-color: #00baa766; } @supports (color: color-mix(in lab, red, red)) { .group-hover\/widget\:border-teal-500\/40:is(:where(.group\/widget):hover *) { border-color: color-mix(in oklab, var(--color-teal-500) 40%, transparent); } } .group-hover\/widget\:bg-amber-500:is(:where(.group\/widget):hover *) { background-color: var(--color-amber-500); } .group-hover\/widget\:bg-blue-500:is(:where(.group\/widget):hover *) { background-color: var(--color-blue-500); } .group-hover\/widget\:bg-cyan-500:is(:where(.group\/widget):hover *) { background-color: var(--color-cyan-500); } .group-hover\/widget\:bg-cyan-500\/40:is(:where(.group\/widget):hover *) { background-color: #00b7d766; } @supports (color: color-mix(in lab, red, red)) { .group-hover\/widget\:bg-cyan-500\/40:is(:where(.group\/widget):hover *) { background-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent); } } .group-hover\/widget\:bg-dept-creative:is(:where(.group\/widget):hover *) { background-color: var(--color-dept-creative); } .group-hover\/widget\:bg-emerald-500:is(:where(.group\/widget):hover *) { background-color: var(--color-emerald-500); } .group-hover\/widget\:bg-fuchsia-500:is(:where(.group\/widget):hover *) { background-color: var(--color-fuchsia-500); } .group-hover\/widget\:bg-green-500:is(:where(.group\/widget):hover *) { background-color: var(--color-green-500); } .group-hover\/widget\:bg-orange-500:is(:where(.group\/widget):hover *) { background-color: var(--color-orange-500); } .group-hover\/widget\:bg-pink-500:is(:where(.group\/widget):hover *) { background-color: var(--color-pink-500); } .group-hover\/widget\:bg-pink-500\/40:is(:where(.group\/widget):hover *) { background-color: #f6339a66; } @supports (color: color-mix(in lab, red, red)) { .group-hover\/widget\:bg-pink-500\/40:is(:where(.group\/widget):hover *) { background-color: color-mix(in oklab, var(--color-pink-500) 40%, transparent); } } .group-hover\/widget\:bg-purple-500:is(:where(.group\/widget):hover *) { background-color: var(--color-purple-500); } .group-hover\/widget\:bg-rose-500:is(:where(.group\/widget):hover *) { background-color: var(--color-rose-500); } .group-hover\/widget\:bg-teal-500:is(:where(.group\/widget):hover *) { background-color: var(--color-teal-500); } .group-hover\/widget\:to-purple-400:is(:where(.group\/widget):hover *) { --tw-gradient-to: var(--color-purple-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .group-hover\/widget\:text-black:is(:where(.group\/widget):hover *) { color: var(--color-black); } } .group-focus-visible\:border-purple-400:is(:where(.group):focus-visible *) { border-color: var(--color-purple-400); } .group-active\:animate-spin:is(:where(.group):active *) { animation: var(--animate-spin); } .peer-checked\:translate-x-3:is(:where(.peer):checked ~ *) { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:bg-blue-300:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-300); } .peer-checked\:bg-blue-500\/50:is(:where(.peer):checked ~ *) { background-color: #3080ff80; } @supports (color: color-mix(in lab, red, red)) { .peer-checked\:bg-blue-500\/50:is(:where(.peer):checked ~ *) { background-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } .peer-checked\:bg-emerald-300:is(:where(.peer):checked ~ *) { background-color: var(--color-emerald-300); } .peer-checked\:bg-emerald-500\/50:is(:where(.peer):checked ~ *) { background-color: #00bb7f80; } @supports (color: color-mix(in lab, red, red)) { .peer-checked\:bg-emerald-500\/50:is(:where(.peer):checked ~ *) { background-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent); } } .selection\:bg-blue-500\/30 ::selection { background-color: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-blue-500\/30 ::selection { background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .selection\:bg-blue-500\/30::selection { background-color: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-blue-500\/30::selection { background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .selection\:bg-dept-creative\/30 ::selection { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-dept-creative\/30 ::selection { background-color: color-mix(in oklab, var(--color-dept-creative) 30%, transparent); } } .selection\:bg-dept-creative\/30::selection { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-dept-creative\/30::selection { background-color: color-mix(in oklab, var(--color-dept-creative) 30%, transparent); } } .selection\:bg-dept-marketing\/30 ::selection { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-dept-marketing\/30 ::selection { background-color: color-mix(in oklab, var(--color-dept-marketing) 30%, transparent); } } .selection\:bg-dept-marketing\/30::selection { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-dept-marketing\/30::selection { background-color: color-mix(in oklab, var(--color-dept-marketing) 30%, transparent); } } .selection\:bg-green-900 ::selection { background-color: var(--color-green-900); } .selection\:bg-green-900::selection { background-color: var(--color-green-900); } .selection\:bg-purple-500\/30 ::selection { background-color: #ac4bff4d; } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-purple-500\/30 ::selection { background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .selection\:bg-purple-500\/30::selection { background-color: #ac4bff4d; } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-purple-500\/30::selection { background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .selection\:bg-teal-500\/30 ::selection { background-color: #00baa74d; } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-teal-500\/30 ::selection { background-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent); } } .selection\:bg-teal-500\/30::selection { background-color: #00baa74d; } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-teal-500\/30::selection { background-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent); } } .selection\:bg-yellow-500\/30 ::selection { background-color: #edb2004d; } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-yellow-500\/30 ::selection { background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent); } } .selection\:bg-yellow-500\/30::selection { background-color: #edb2004d; } @supports (color: color-mix(in lab, red, red)) { .selection\:bg-yellow-500\/30::selection { background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent); } } .selection\:text-green-100 ::selection { color: var(--color-green-100); } .selection\:text-green-100::selection { color: var(--color-green-100); } .placeholder\:text-\[\#8b949e\]::placeholder { color: #8b949e; } .placeholder\:text-\[\#636366\]::placeholder { color: #636366; } .placeholder\:text-black\/70::placeholder { color: #000000b3; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-black\/70::placeholder { color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .placeholder\:text-gray-500::placeholder { color: var(--color-gray-500); } .placeholder\:text-gray-600::placeholder { color: var(--color-gray-600); } .placeholder\:text-gray-700::placeholder { color: var(--color-gray-700); } .placeholder\:text-gray-800::placeholder { color: var(--color-gray-800); } .placeholder\:text-muted-foreground::placeholder { color: var(--color-muted-foreground); } .placeholder\:text-slate-600::placeholder { color: var(--color-slate-600); } .placeholder\:text-white\/20::placeholder { color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-white\/20::placeholder { color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .placeholder\:text-zinc-600::placeholder { color: var(--color-zinc-600); } .last\:mb-0:last-child { margin-bottom: calc(var(--spacing) * 0); } .last\:hidden:last-child { display: none; } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0; } .focus-within\:border-blue-500\/40:focus-within { border-color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:border-blue-500\/40:focus-within { border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .focus-within\:border-blue-500\/50:focus-within { border-color: #3080ff80; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:border-blue-500\/50:focus-within { border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } .focus-within\:border-dept-creative\/50:focus-within { border-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:border-dept-creative\/50:focus-within { border-color: color-mix(in oklab, var(--color-dept-creative) 50%, transparent); } } .focus-within\:border-gray-600:focus-within { border-color: var(--color-gray-600); } .focus-within\:border-green-500\/40:focus-within { border-color: #00c75866; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:border-green-500\/40:focus-within { border-color: color-mix(in oklab, var(--color-green-500) 40%, transparent); } } .focus-within\:border-white\/20:focus-within { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:border-white\/20:focus-within { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .focus-within\:bg-blue-500\/5:focus-within { background-color: #3080ff0d; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:bg-blue-500\/5:focus-within { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .focus-within\:bg-green-500\/5:focus-within { background-color: #00c7580d; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:bg-green-500\/5:focus-within { background-color: color-mix(in oklab, var(--color-green-500) 5%, transparent); } } .focus-within\:opacity-100:focus-within { opacity: 1; } .focus-within\:ring-1:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-2:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-amber-500\/50:focus-within { --tw-ring-color: #f99c0080; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-amber-500\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent); } } .focus-within\:ring-cyan-500\/50:focus-within { --tw-ring-color: #00b7d780; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-cyan-500\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent); } } .focus-within\:ring-dept-brand\/50:focus-within { --tw-ring-color: var(--color-dept-brand); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-brand\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-brand) 50%, transparent); } } .focus-within\:ring-dept-campaign\/50:focus-within { --tw-ring-color: var(--color-dept-campaign); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-campaign\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-campaign) 50%, transparent); } } .focus-within\:ring-dept-creative\/50:focus-within { --tw-ring-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-creative\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-creative) 50%, transparent); } } .focus-within\:ring-dept-default\/50:focus-within { --tw-ring-color: var(--color-dept-default); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-default\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-default) 50%, transparent); } } .focus-within\:ring-dept-distribution\/50:focus-within { --tw-ring-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-distribution\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-distribution) 50%, transparent); } } .focus-within\:ring-dept-legal\/50:focus-within { --tw-ring-color: var(--color-dept-legal); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-legal\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-legal) 50%, transparent); } } .focus-within\:ring-dept-licensing\/50:focus-within { --tw-ring-color: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-licensing\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-licensing) 50%, transparent); } } .focus-within\:ring-dept-marketing\/50:focus-within { --tw-ring-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-marketing\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-marketing) 50%, transparent); } } .focus-within\:ring-dept-publishing\/50:focus-within { --tw-ring-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-publishing\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-publishing) 50%, transparent); } } .focus-within\:ring-dept-royalties\/50:focus-within { --tw-ring-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-royalties\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-royalties) 50%, transparent); } } .focus-within\:ring-dept-social\/50:focus-within { --tw-ring-color: var(--color-dept-social); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-social\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-social) 50%, transparent); } } .focus-within\:ring-dept-touring\/50:focus-within { --tw-ring-color: var(--color-dept-touring); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-dept-touring\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-dept-touring) 50%, transparent); } } .focus-within\:ring-gray-600\/50:focus-within { --tw-ring-color: #4a556580; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-gray-600\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-gray-600) 50%, transparent); } } .focus-within\:ring-indigo-500\/50:focus-within { --tw-ring-color: #625fff80; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-indigo-500\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent); } } .focus-within\:ring-purple-500:focus-within { --tw-ring-color: var(--color-purple-500); } .focus-within\:ring-red-500\/50:focus-within { --tw-ring-color: #fb2c3680; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-red-500\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .focus-within\:ring-ring:focus-within { --tw-ring-color: var(--color-ring); } .focus-within\:ring-teal-500\/50:focus-within { --tw-ring-color: #00baa780; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-teal-500\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-teal-500) 50%, transparent); } } .focus-within\:ring-violet-500\/50:focus-within { --tw-ring-color: #8d54ff80; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-violet-500\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent); } } .focus-within\:ring-offset-1:focus-within { --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-within\:ring-offset-2:focus-within { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-within\:ring-offset-\[\#1a1a1a\]:focus-within { --tw-ring-offset-color: #1a1a1a; } @media (hover: hover) { .hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:-translate-y-2:hover { --tw-translate-y: calc(var(--spacing) * -2); 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-110:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-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-150:hover { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; 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\:rotate-90:hover { rotate: 90deg; } .hover\:\!border-teal-400:hover { border-color: var(--color-teal-400) !important; } .hover\:border-\[\#00ff66\]:hover { border-color: #0f6; } .hover\:border-\[\#FFE135\]:hover { border-color: #ffe135; } .hover\:border-\[\#FFE135\]\/20:hover { border-color: oklab(90.8032% -.0260833 .173716 / .2); } .hover\:border-\[\#FFE135\]\/30:hover { border-color: oklab(90.8032% -.0260833 .173716 / .3); } .hover\:border-\[\#FFE135\]\/40:hover { border-color: oklab(90.8032% -.0260833 .173716 / .4); } .hover\:border-\[\#FFE135\]\/50:hover { border-color: oklab(90.8032% -.0260833 .173716 / .5); } .hover\:border-\[\#ff3366\]:hover { border-color: #f36; } .hover\:border-\[--dept-color\]\/40:hover { border-color: color-mix(in oklab, --dept-color 40%, transparent); } .hover\:border-\[--primary\]\/50:hover { border-color: color-mix(in oklab, --primary 50%, 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\/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\/30:hover { border-color: #54a2ff4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-blue-400\/30:hover { border-color: color-mix(in oklab, var(--color-blue-400) 30%, 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\/50:hover { border-color: #3080ff80; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-blue-500\/50:hover { border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } .hover\:border-border:hover { border-color: var(--color-border); } .hover\:border-cyan-500\/30:hover { border-color: #00b7d74d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-cyan-500\/30:hover { border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent); } } .hover\:border-cyan-500\/50:hover { border-color: #00b7d780; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-cyan-500\/50:hover { border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent); } } .hover\:border-cyan-800:hover { border-color: var(--color-cyan-800); } .hover\:border-cyan-900:hover { border-color: var(--color-cyan-900); } .hover\:border-dept-campaign\/30:hover { border-color: var(--color-dept-campaign); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-dept-campaign\/30:hover { border-color: color-mix(in oklab, var(--color-dept-campaign) 30%, transparent); } } .hover\:border-dept-creative\/50:hover { border-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-dept-creative\/50:hover { border-color: color-mix(in oklab, var(--color-dept-creative) 50%, transparent); } } .hover\:border-dept-distribution\/30:hover { border-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-dept-distribution\/30:hover { border-color: color-mix(in oklab, var(--color-dept-distribution) 30%, transparent); } } .hover\:border-dept-distribution\/50:hover { border-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-dept-distribution\/50:hover { border-color: color-mix(in oklab, var(--color-dept-distribution) 50%, transparent); } } .hover\:border-dept-licensing\/50:hover { border-color: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-dept-licensing\/50:hover { border-color: color-mix(in oklab, var(--color-dept-licensing) 50%, transparent); } } .hover\:border-dept-marketing\/30:hover { border-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-dept-marketing\/30:hover { border-color: color-mix(in oklab, var(--color-dept-marketing) 30%, transparent); } } .hover\:border-dept-marketing\/50:hover { border-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-dept-marketing\/50:hover { border-color: color-mix(in oklab, var(--color-dept-marketing) 50%, transparent); } } .hover\:border-dept-marketing\/60:hover { border-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-dept-marketing\/60:hover { border-color: color-mix(in oklab, var(--color-dept-marketing) 60%, transparent); } } .hover\:border-dept-publishing\/20:hover { border-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-dept-publishing\/20:hover { border-color: color-mix(in oklab, var(--color-dept-publishing) 20%, transparent); } } .hover\:border-dept-royalties\/30:hover { border-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-dept-royalties\/30:hover { border-color: color-mix(in oklab, var(--color-dept-royalties) 30%, transparent); } } .hover\:border-emerald-500\/20:hover { border-color: #00bb7f33; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-emerald-500\/20:hover { border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .hover\:border-emerald-500\/30:hover { border-color: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-emerald-500\/30:hover { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .hover\:border-emerald-500\/40:hover { border-color: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-emerald-500\/40:hover { border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .hover\:border-gray-400:hover { border-color: var(--color-gray-400); } .hover\:border-gray-500:hover { border-color: var(--color-gray-500); } .hover\:border-gray-600:hover { border-color: var(--color-gray-600); } .hover\:border-gray-700:hover { border-color: var(--color-gray-700); } .hover\:border-indigo-400\/50:hover { border-color: #7d87ff80; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-indigo-400\/50:hover { border-color: color-mix(in oklab, var(--color-indigo-400) 50%, transparent); } } .hover\:border-indigo-500\/30:hover { border-color: #625fff4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-indigo-500\/30:hover { border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent); } } .hover\:border-indigo-500\/40:hover { border-color: #625fff66; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-indigo-500\/40:hover { border-color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent); } } .hover\:border-neutral-500:hover { border-color: var(--color-neutral-500); } .hover\:border-neutral-600:hover { border-color: var(--color-neutral-600); } .hover\:border-neutral-700:hover { border-color: var(--color-neutral-700); } .hover\:border-orange-400\/30:hover { border-color: #ff8b1a4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-orange-400\/30:hover { border-color: color-mix(in oklab, var(--color-orange-400) 30%, transparent); } } .hover\:border-primary\/50:hover { border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/50:hover { border-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } .hover\:border-primary\/70:hover { border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/70:hover { border-color: color-mix(in oklab, var(--color-primary) 70%, transparent); } } .hover\:border-purple-500:hover { border-color: var(--color-purple-500); } .hover\:border-purple-500\/30:hover { border-color: #ac4bff4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-purple-500\/30:hover { border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .hover\:border-purple-500\/40:hover { border-color: #ac4bff66; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-purple-500\/40:hover { border-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent); } } .hover\:border-purple-500\/50:hover { border-color: #ac4bff80; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-purple-500\/50:hover { border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent); } } .hover\:border-red-500\/20:hover { border-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-red-500\/20:hover { border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .hover\:border-red-800:hover { border-color: var(--color-red-800); } .hover\:border-slate-600:hover { border-color: var(--color-slate-600); } .hover\:border-slate-700:hover { border-color: var(--color-slate-700); } .hover\:border-slate-800:hover { border-color: var(--color-slate-800); } .hover\:border-teal-500\/30:hover { border-color: #00baa74d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-teal-500\/30:hover { border-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent); } } .hover\:border-white\/5:hover { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/5:hover { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .hover\:border-white\/8:hover { border-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/8:hover { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .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\/60:hover { border-color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/60:hover { border-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .hover\:border-white\/\[0\.08\]:hover { border-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/\[0\.08\]:hover { border-color: color-mix(in oklab, var(--color-white) 8%, 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-yellow-400:hover { border-color: var(--color-yellow-400); } .hover\:border-yellow-400\/20:hover { border-color: #fac80033; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-yellow-400\/20:hover { border-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent); } } .hover\:border-yellow-400\/50:hover { border-color: #fac80080; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-yellow-400\/50:hover { border-color: color-mix(in oklab, var(--color-yellow-400) 50%, transparent); } } .hover\:bg-\[\#00FF00\]:hover { background-color: #0f0; } .hover\:bg-\[\#00ff66\]:hover { background-color: #0f6; } .hover\:bg-\[\#00ff66\]\/5:hover { background-color: oklab(87.1766% -.215156 .136344 / .05); } .hover\:bg-\[\#1c2128\]:hover { background-color: #1c2128; } .hover\:bg-\[\#2a2a2a\]:hover { background-color: #2a2a2a; } .hover\:bg-\[\#111\]:hover { background-color: #111; } .hover\:bg-\[\#161b22\]:hover { background-color: #161b22; } .hover\:bg-\[\#222\]:hover { background-color: #222; } .hover\:bg-\[\#333\]:hover { background-color: #333; } .hover\:bg-\[\#151515\]:hover { background-color: #151515; } .hover\:bg-\[\#161616\]:hover { background-color: #161616; } .hover\:bg-\[\#FFD700\]:hover { background-color: gold; } .hover\:bg-\[\#FFE135\]:hover { background-color: #ffe135; } .hover\:bg-\[\#FFE135\]\/10:hover { background-color: oklab(90.8032% -.0260833 .173716 / .1); } .hover\:bg-\[\#FFE135\]\/20:hover { background-color: oklab(90.8032% -.0260833 .173716 / .2); } .hover\:bg-\[\#FFE135\]\/90:hover { background-color: oklab(90.8032% -.0260833 .173716 / .9); } .hover\:bg-\[\#f2f2f7\]:hover { background-color: #f2f2f7; } .hover\:bg-\[--muted\]\/50:hover { background-color: color-mix(in oklab, --muted 50%, transparent); } .hover\:bg-accent:hover { background-color: var(--color-accent); } .hover\:bg-amber-400:hover { background-color: var(--color-amber-400); } .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-600\/30:hover { background-color: #dd74004d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-600\/30:hover { background-color: color-mix(in oklab, var(--color-amber-600) 30%, transparent); } } .hover\:bg-amber-700:hover { background-color: var(--color-amber-700); } .hover\:bg-black:hover { background-color: var(--color-black); } .hover\:bg-black\/10:hover { background-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/10:hover { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .hover\:bg-black\/20:hover { background-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/20:hover { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .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\/60:hover { background-color: #0009; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/60:hover { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .hover\:bg-black\/70:hover { background-color: #000000b3; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/70:hover { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .hover\:bg-black\/80:hover { background-color: #000c; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/80:hover { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .hover\:bg-blue-50:hover { background-color: var(--color-blue-50); } .hover\:bg-blue-100:hover { background-color: var(--color-blue-100); } .hover\:bg-blue-400:hover { background-color: var(--color-blue-400); } .hover\:bg-blue-400\/5:hover { background-color: #54a2ff0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-400\/5:hover { background-color: color-mix(in oklab, var(--color-blue-400) 5%, transparent); } } .hover\:bg-blue-500:hover { background-color: var(--color-blue-500); } .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\/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\/30:hover { background-color: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-500\/30:hover { background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .hover\:bg-blue-500\/40:hover { background-color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-500\/40:hover { background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .hover\:bg-blue-600:hover { background-color: var(--color-blue-600); } .hover\:bg-blue-600\/50:hover { background-color: #155dfc80; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-600\/50:hover { background-color: color-mix(in oklab, var(--color-blue-600) 50%, transparent); } } .hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } .hover\:bg-card:hover, .hover\:bg-card\/80:hover { background-color: var(--color-card); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-card\/80:hover { background-color: color-mix(in oklab, var(--color-card) 80%, transparent); } } .hover\:bg-cyan-400:hover { background-color: var(--color-cyan-400); } .hover\:bg-cyan-500:hover { background-color: var(--color-cyan-500); } .hover\:bg-cyan-500\/5:hover { background-color: #00b7d70d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-cyan-500\/5:hover { background-color: color-mix(in oklab, var(--color-cyan-500) 5%, transparent); } } .hover\:bg-cyan-500\/10:hover { background-color: #00b7d71a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-cyan-500\/10:hover { background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent); } } .hover\:bg-cyan-500\/20:hover { background-color: #00b7d733; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-cyan-500\/20:hover { background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent); } } .hover\:bg-cyan-500\/30:hover { background-color: #00b7d74d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-cyan-500\/30:hover { background-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent); } } .hover\:bg-dept-brand\/5:hover { background-color: var(--color-dept-brand); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-brand\/5:hover { background-color: color-mix(in oklab, var(--color-dept-brand) 5%, transparent); } } .hover\:bg-dept-campaign\/5:hover { background-color: var(--color-dept-campaign); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-campaign\/5:hover { background-color: color-mix(in oklab, var(--color-dept-campaign) 5%, transparent); } } .hover\:bg-dept-creative\/5:hover { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-creative\/5:hover { background-color: color-mix(in oklab, var(--color-dept-creative) 5%, transparent); } } .hover\:bg-dept-creative\/20:hover { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-creative\/20:hover { background-color: color-mix(in oklab, var(--color-dept-creative) 20%, transparent); } } .hover\:bg-dept-creative\/30:hover { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-creative\/30:hover { background-color: color-mix(in oklab, var(--color-dept-creative) 30%, transparent); } } .hover\:bg-dept-creative\/50:hover { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-creative\/50:hover { background-color: color-mix(in oklab, var(--color-dept-creative) 50%, transparent); } } .hover\:bg-dept-creative\/80:hover { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-creative\/80:hover { background-color: color-mix(in oklab, var(--color-dept-creative) 80%, transparent); } } .hover\:bg-dept-creative\/90:hover { background-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-creative\/90:hover { background-color: color-mix(in oklab, var(--color-dept-creative) 90%, transparent); } } .hover\:bg-dept-default\/5:hover { background-color: var(--color-dept-default); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-default\/5:hover { background-color: color-mix(in oklab, var(--color-dept-default) 5%, transparent); } } .hover\:bg-dept-distribution\/5:hover { background-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-distribution\/5:hover { background-color: color-mix(in oklab, var(--color-dept-distribution) 5%, transparent); } } .hover\:bg-dept-distribution\/80:hover { background-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-distribution\/80:hover { background-color: color-mix(in oklab, var(--color-dept-distribution) 80%, transparent); } } .hover\:bg-dept-legal\/5:hover { background-color: var(--color-dept-legal); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-legal\/5:hover { background-color: color-mix(in oklab, var(--color-dept-legal) 5%, transparent); } } .hover\:bg-dept-licensing\/5:hover { background-color: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-licensing\/5:hover { background-color: color-mix(in oklab, var(--color-dept-licensing) 5%, transparent); } } .hover\:bg-dept-licensing\/10:hover { background-color: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-licensing\/10:hover { background-color: color-mix(in oklab, var(--color-dept-licensing) 10%, transparent); } } .hover\:bg-dept-licensing\/80:hover { background-color: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-licensing\/80:hover { background-color: color-mix(in oklab, var(--color-dept-licensing) 80%, transparent); } } .hover\:bg-dept-marketing\/5:hover { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-marketing\/5:hover { background-color: color-mix(in oklab, var(--color-dept-marketing) 5%, transparent); } } .hover\:bg-dept-marketing\/10:hover { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-marketing\/10:hover { background-color: color-mix(in oklab, var(--color-dept-marketing) 10%, transparent); } } .hover\:bg-dept-marketing\/20:hover { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-marketing\/20:hover { background-color: color-mix(in oklab, var(--color-dept-marketing) 20%, transparent); } } .hover\:bg-dept-marketing\/25:hover { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-marketing\/25:hover { background-color: color-mix(in oklab, var(--color-dept-marketing) 25%, transparent); } } .hover\:bg-dept-marketing\/30:hover { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-marketing\/30:hover { background-color: color-mix(in oklab, var(--color-dept-marketing) 30%, transparent); } } .hover\:bg-dept-marketing\/80:hover { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-marketing\/80:hover { background-color: color-mix(in oklab, var(--color-dept-marketing) 80%, transparent); } } .hover\:bg-dept-marketing\/90:hover { background-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-marketing\/90:hover { background-color: color-mix(in oklab, var(--color-dept-marketing) 90%, transparent); } } .hover\:bg-dept-publishing\/5:hover { background-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-publishing\/5:hover { background-color: color-mix(in oklab, var(--color-dept-publishing) 5%, transparent); } } .hover\:bg-dept-publishing\/10:hover { background-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-publishing\/10:hover { background-color: color-mix(in oklab, var(--color-dept-publishing) 10%, transparent); } } .hover\:bg-dept-publishing\/30:hover { background-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-publishing\/30:hover { background-color: color-mix(in oklab, var(--color-dept-publishing) 30%, transparent); } } .hover\:bg-dept-publishing\/80:hover { background-color: var(--color-dept-publishing); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-publishing\/80:hover { background-color: color-mix(in oklab, var(--color-dept-publishing) 80%, transparent); } } .hover\:bg-dept-royalties\/5:hover { background-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-royalties\/5:hover { background-color: color-mix(in oklab, var(--color-dept-royalties) 5%, transparent); } } .hover\:bg-dept-royalties\/20:hover { background-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-royalties\/20:hover { background-color: color-mix(in oklab, var(--color-dept-royalties) 20%, transparent); } } .hover\:bg-dept-royalties\/30:hover { background-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-royalties\/30:hover { background-color: color-mix(in oklab, var(--color-dept-royalties) 30%, transparent); } } .hover\:bg-dept-royalties\/80:hover { background-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-royalties\/80:hover { background-color: color-mix(in oklab, var(--color-dept-royalties) 80%, transparent); } } .hover\:bg-dept-royalties\/90:hover { background-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-royalties\/90:hover { background-color: color-mix(in oklab, var(--color-dept-royalties) 90%, transparent); } } .hover\:bg-dept-social\/5:hover { background-color: var(--color-dept-social); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-social\/5:hover { background-color: color-mix(in oklab, var(--color-dept-social) 5%, transparent); } } .hover\:bg-dept-touring\/5:hover { background-color: var(--color-dept-touring); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-dept-touring\/5:hover { background-color: color-mix(in oklab, var(--color-dept-touring) 5%, transparent); } } .hover\:bg-destructive\/80:hover { background-color: var(--color-destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/80:hover { background-color: color-mix(in oklab, var(--color-destructive) 80%, transparent); } } .hover\:bg-destructive\/90:hover { background-color: var(--color-destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent); } } .hover\:bg-emerald-400:hover { background-color: var(--color-emerald-400); } .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\/12:hover { background-color: #00bb7f1f; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/12:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 12%, 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\/30:hover { background-color: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/30:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .hover\:bg-emerald-700:hover { background-color: var(--color-emerald-700); } .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-50\/80:hover { background-color: #f9fafbcc; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-50\/80:hover { background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent); } } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-gray-200:hover { background-color: var(--color-gray-200); } .hover\:bg-gray-300:hover { background-color: var(--color-gray-300); } .hover\:bg-gray-600:hover { background-color: var(--color-gray-600); } .hover\:bg-gray-700:hover { background-color: var(--color-gray-700); } .hover\:bg-gray-700\/50:hover { background-color: #36415380; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-700\/50:hover { background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent); } } .hover\:bg-gray-800:hover { background-color: var(--color-gray-800); } .hover\:bg-gray-800\/20:hover { background-color: #1e293933; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-800\/20:hover { background-color: color-mix(in oklab, var(--color-gray-800) 20%, transparent); } } .hover\:bg-gray-800\/30:hover { background-color: #1e29394d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-800\/30:hover { background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent); } } .hover\:bg-gray-800\/50:hover { background-color: #1e293980; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-800\/50:hover { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } .hover\:bg-gray-900:hover { background-color: var(--color-gray-900); } .hover\:bg-gray-900\/40:hover { background-color: #10182866; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-900\/40:hover { background-color: color-mix(in oklab, var(--color-gray-900) 40%, transparent); } } .hover\:bg-gray-900\/50:hover { background-color: #10182880; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-900\/50:hover { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } .hover\:bg-gray-900\/60:hover { background-color: #10182899; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-900\/60:hover { background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent); } } .hover\:bg-green-400:hover { background-color: var(--color-green-400); } .hover\:bg-green-500:hover { background-color: var(--color-green-500); } .hover\:bg-green-500\/10:hover { background-color: #00c7581a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-green-500\/10:hover { background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); } } .hover\:bg-green-500\/20:hover { background-color: #00c75833; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-green-500\/20:hover { background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } .hover\:bg-green-500\/30:hover { background-color: #00c7584d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-green-500\/30:hover { background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent); } } .hover\:bg-green-600:hover { background-color: var(--color-green-600); } .hover\:bg-green-700:hover { background-color: var(--color-green-700); } .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); } .hover\:bg-indigo-500\/5:hover { background-color: #625fff0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-indigo-500\/5:hover { background-color: color-mix(in oklab, var(--color-indigo-500) 5%, transparent); } } .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-500\/20:hover { background-color: #625fff33; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-indigo-500\/20:hover { background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); } } .hover\:bg-indigo-500\/30:hover { background-color: #625fff4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-indigo-500\/30:hover { background-color: color-mix(in oklab, var(--color-indigo-500) 30%, 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-700:hover { background-color: var(--color-indigo-700); } .hover\:bg-muted\/50:hover { background-color: var(--color-muted); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/50:hover { background-color: color-mix(in oklab, var(--color-muted) 50%, transparent); } } .hover\:bg-neutral-700:hover { background-color: var(--color-neutral-700); } .hover\:bg-neutral-800:hover { background-color: var(--color-neutral-800); } .hover\:bg-neutral-800\/40:hover { background-color: #26262666; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-neutral-800\/40:hover { background-color: color-mix(in oklab, var(--color-neutral-800) 40%, transparent); } } .hover\:bg-neutral-800\/50:hover { background-color: #26262680; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-neutral-800\/50:hover { background-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent); } } .hover\:bg-orange-400\/5:hover { background-color: #ff8b1a0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-orange-400\/5:hover { background-color: color-mix(in oklab, var(--color-orange-400) 5%, transparent); } } .hover\:bg-orange-500:hover { background-color: var(--color-orange-500); } .hover\:bg-orange-500\/20:hover { background-color: #fe6e0033; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-orange-500\/20:hover { background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .hover\:bg-pink-600\/50:hover { background-color: #e3007680; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-pink-600\/50:hover { background-color: color-mix(in oklab, var(--color-pink-600) 50%, transparent); } } .hover\:bg-primary:hover, .hover\:bg-primary\/5:hover { background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/5:hover { background-color: color-mix(in oklab, var(--color-primary) 5%, transparent); } } .hover\:bg-primary\/20:hover { background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/20:hover { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .hover\:bg-primary\/80:hover { background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/80:hover { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } .hover\:bg-primary\/90:hover { background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } .hover\:bg-purple-500:hover { background-color: var(--color-purple-500); } .hover\:bg-purple-500\/5:hover { background-color: #ac4bff0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-purple-500\/5:hover { background-color: color-mix(in oklab, var(--color-purple-500) 5%, transparent); } } .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-purple-500\/25:hover { background-color: #ac4bff40; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-purple-500\/25:hover { background-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent); } } .hover\:bg-purple-500\/30:hover { background-color: #ac4bff4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-purple-500\/30:hover { background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .hover\:bg-purple-500\/40:hover { background-color: #ac4bff66; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-purple-500\/40:hover { background-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent); } } .hover\:bg-purple-600:hover { background-color: var(--color-purple-600); } .hover\:bg-purple-600\/30:hover { background-color: #9810fa4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-purple-600\/30:hover { background-color: color-mix(in oklab, var(--color-purple-600) 30%, transparent); } } .hover\:bg-purple-600\/50:hover { background-color: #9810fa80; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-purple-600\/50:hover { background-color: color-mix(in oklab, var(--color-purple-600) 50%, transparent); } } .hover\:bg-purple-700:hover { background-color: var(--color-purple-700); } .hover\:bg-red-50:hover { background-color: var(--color-red-50); } .hover\:bg-red-400:hover { background-color: var(--color-red-400); } .hover\:bg-red-400\/10:hover { background-color: #ff65681a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-400\/10:hover { background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent); } } .hover\:bg-red-400\/20:hover { background-color: #ff656833; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-400\/20:hover { background-color: color-mix(in oklab, var(--color-red-400) 20%, transparent); } } .hover\:bg-red-500:hover { background-color: var(--color-red-500); } .hover\:bg-red-500\/5:hover { background-color: #fb2c360d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/5:hover { background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent); } } .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-500\/30:hover { background-color: #fb2c364d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/30:hover { background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .hover\:bg-red-500\/40:hover { background-color: #fb2c3666; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/40:hover { background-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } .hover\:bg-red-500\/80:hover { background-color: #fb2c36cc; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/80:hover { background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent); } } .hover\:bg-red-600:hover { background-color: var(--color-red-600); } .hover\:bg-red-700:hover { background-color: var(--color-red-700); } .hover\:bg-red-900\/10:hover { background-color: #82181a1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-900\/10:hover { background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent); } } .hover\:bg-red-900\/30:hover { background-color: #82181a4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-900\/30:hover { background-color: color-mix(in oklab, var(--color-red-900) 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-900\/50:hover { background-color: #82181a80; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-900\/50:hover { background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent); } } .hover\:bg-red-950\/50:hover { background-color: #46080980; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-950\/50:hover { background-color: color-mix(in oklab, var(--color-red-950) 50%, 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-secondary:hover, .hover\:bg-secondary\/80:hover { background-color: var(--color-secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent); } } .hover\:bg-sky-500\/20:hover { background-color: #00a5ef33; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-sky-500\/20:hover { background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent); } } .hover\:bg-sky-700:hover { background-color: var(--color-sky-700); } .hover\:bg-slate-200:hover { background-color: var(--color-slate-200); } .hover\:bg-slate-600:hover { background-color: var(--color-slate-600); } .hover\:bg-slate-700:hover { background-color: var(--color-slate-700); } .hover\:bg-slate-700\/50:hover { background-color: #31415880; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-slate-700\/50:hover { background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent); } } .hover\:bg-slate-800:hover { background-color: var(--color-slate-800); } .hover\:bg-slate-800\/50:hover { background-color: #1d293d80; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-slate-800\/50:hover { background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent); } } .hover\:bg-slate-800\/70:hover { background-color: #1d293db3; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-slate-800\/70:hover { background-color: color-mix(in oklab, var(--color-slate-800) 70%, transparent); } } .hover\:bg-slate-900:hover { background-color: var(--color-slate-900); } .hover\:bg-slate-900\/50:hover { background-color: #0f172b80; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-slate-900\/50:hover { background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent); } } .hover\:bg-sonic-purple\/90:hover { background-color: var(--color-sonic-purple); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-sonic-purple\/90:hover { background-color: color-mix(in oklab, var(--color-sonic-purple) 90%, transparent); } } .hover\:bg-teal-400:hover { background-color: var(--color-teal-400); } .hover\:bg-teal-500\/5:hover { background-color: #00baa70d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-teal-500\/5:hover { background-color: color-mix(in oklab, var(--color-teal-500) 5%, transparent); } } .hover\:bg-teal-500\/20:hover { background-color: #00baa733; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-teal-500\/20:hover { background-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent); } } .hover\:bg-teal-600:hover { background-color: var(--color-teal-600); } .hover\:bg-transparent:hover { background-color: #0000; } .hover\:bg-violet-500\/5:hover { background-color: #8d54ff0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-violet-500\/5:hover { background-color: color-mix(in oklab, var(--color-violet-500) 5%, transparent); } } .hover\:bg-white:hover { background-color: var(--color-white); } .hover\:bg-white\/2:hover { background-color: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/2:hover { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } .hover\:bg-white\/3:hover { background-color: #ffffff08; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/3:hover { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } .hover\:bg-white\/4:hover { background-color: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/4:hover { background-color: color-mix(in oklab, var(--color-white) 4%, 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\/6:hover { background-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/6:hover { background-color: color-mix(in oklab, var(--color-white) 6%, 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\/30:hover { background-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/30:hover { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .hover\:bg-white\/40:hover { background-color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/40:hover { background-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .hover\:bg-white\/50:hover { background-color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/50:hover { background-color: color-mix(in oklab, var(--color-white) 50%, 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\/\[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\.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-yellow-400:hover { background-color: var(--color-yellow-400); } .hover\:bg-yellow-400\/20:hover { background-color: #fac80033; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-yellow-400\/20:hover { background-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent); } } .hover\:bg-yellow-400\/40:hover { background-color: #fac80066; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-yellow-400\/40:hover { background-color: color-mix(in oklab, var(--color-yellow-400) 40%, transparent); } } .hover\:bg-yellow-500:hover { background-color: var(--color-yellow-500); } .hover\:bg-yellow-500\/10:hover { background-color: #edb2001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-yellow-500\/10:hover { background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent); } } .hover\:bg-yellow-500\/20:hover { background-color: #edb20033; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-yellow-500\/20:hover { background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .hover\:bg-yellow-600:hover { background-color: var(--color-yellow-600); } .hover\:bg-zinc-800:hover { background-color: var(--color-zinc-800); } .hover\:from-blue-500:hover { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-blue-500\/30:hover { --tw-gradient-from: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:from-blue-500\/30:hover { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .hover\:from-blue-500\/30:hover { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-dept-creative\/80:hover { --tw-gradient-from: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .hover\:from-dept-creative\/80:hover { --tw-gradient-from: color-mix(in oklab, var(--color-dept-creative) 80%, transparent); } } .hover\:from-dept-creative\/80:hover { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-dept-licensing\/80:hover { --tw-gradient-from: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .hover\:from-dept-licensing\/80:hover { --tw-gradient-from: color-mix(in oklab, var(--color-dept-licensing) 80%, transparent); } } .hover\:from-dept-licensing\/80:hover { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-green-500:hover { --tw-gradient-from: var(--color-green-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-indigo-500:hover { --tw-gradient-from: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-orange-500:hover { --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)); } .hover\:from-pink-500:hover { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-purple-500:hover { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-teal-500:hover { --tw-gradient-from: var(--color-teal-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:from-violet-500:hover { --tw-gradient-from: var(--color-violet-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-blue-600\/20:hover { --tw-gradient-to: #155dfc33; } @supports (color: color-mix(in lab, red, red)) { .hover\:to-blue-600\/20:hover { --tw-gradient-to: color-mix(in oklab, var(--color-blue-600) 20%, transparent); } } .hover\:to-blue-600\/20:hover { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-cyan-500:hover { --tw-gradient-to: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-dept-royalties\/80:hover { --tw-gradient-to: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .hover\:to-dept-royalties\/80:hover { --tw-gradient-to: color-mix(in oklab, var(--color-dept-royalties) 80%, transparent); } } .hover\:to-dept-royalties\/80:hover { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-emerald-500:hover { --tw-gradient-to: var(--color-emerald-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-indigo-400:hover { --tw-gradient-to: var(--color-indigo-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-indigo-500:hover { --tw-gradient-to: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-orange-400:hover { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-pink-500:hover { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-purple-500:hover { --tw-gradient-to: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-violet-400:hover { --tw-gradient-to: var(--color-violet-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)); } .hover\:pl-4:hover { padding-left: calc(var(--spacing) * 4); } .hover\:text-\[\#8e8e93\]:hover { color: #8e8e93; } .hover\:text-\[\#FFE135\]:hover { color: #ffe135; } .hover\:text-accent-foreground:hover { color: var(--color-accent-foreground); } .hover\:text-amber-300:hover { color: var(--color-amber-300); } .hover\:text-amber-400:hover { color: var(--color-amber-400); } .hover\:text-black:hover { color: var(--color-black); } .hover\:text-blue-300:hover { color: var(--color-blue-300); } .hover\:text-blue-400:hover { color: var(--color-blue-400); } .hover\:text-cyan-300:hover { color: var(--color-cyan-300); } .hover\:text-cyan-400:hover { color: var(--color-cyan-400); } .hover\:text-dept-brand:hover { color: var(--color-dept-brand); } .hover\:text-dept-campaign:hover { color: var(--color-dept-campaign); } .hover\:text-dept-creative:hover { color: var(--color-dept-creative); } .hover\:text-dept-distribution:hover, .hover\:text-dept-distribution\/80:hover { color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .hover\:text-dept-distribution\/80:hover { color: color-mix(in oklab, var(--color-dept-distribution) 80%, transparent); } } .hover\:text-dept-legal:hover { color: var(--color-dept-legal); } .hover\:text-dept-licensing:hover { color: var(--color-dept-licensing); } .hover\:text-dept-marketing:hover { color: var(--color-dept-marketing); } .hover\:text-dept-publishing:hover { color: var(--color-dept-publishing); } .hover\:text-dept-royalties:hover { color: var(--color-dept-royalties); } .hover\:text-dept-social:hover { color: var(--color-dept-social); } .hover\:text-dept-touring:hover { color: var(--color-dept-touring); } .hover\:text-emerald-300:hover { color: var(--color-emerald-300); } .hover\:text-emerald-400:hover { color: var(--color-emerald-400); } .hover\:text-foreground:hover { color: var(--color-foreground); } .hover\:text-gray-200:hover { color: var(--color-gray-200); } .hover\:text-gray-300:hover { color: var(--color-gray-300); } .hover\:text-gray-400:hover { color: var(--color-gray-400); } .hover\:text-gray-900:hover { color: var(--color-gray-900); } .hover\:text-green-400:hover { color: var(--color-green-400); } .hover\:text-indigo-300:hover { color: var(--color-indigo-300); } .hover\:text-indigo-800:hover { color: var(--color-indigo-800); } .hover\:text-neutral-300:hover { color: var(--color-neutral-300); } .hover\:text-neutral-400:hover { color: var(--color-neutral-400); } .hover\:text-primary-foreground:hover { color: var(--color-primary-foreground); } .hover\:text-primary\/70:hover { color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:text-primary\/70:hover { color: color-mix(in oklab, var(--color-primary) 70%, transparent); } } .hover\:text-purple-300:hover { color: var(--color-purple-300); } .hover\:text-purple-400:hover { color: var(--color-purple-400); } .hover\:text-purple-600:hover { color: var(--color-purple-600); } .hover\:text-red-200:hover { color: var(--color-red-200); } .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-red-700:hover { color: var(--color-red-700); } .hover\:text-red-800:hover { color: var(--color-red-800); } .hover\:text-rose-400:hover { color: var(--color-rose-400); } .hover\:text-slate-200:hover { color: var(--color-slate-200); } .hover\:text-slate-300:hover { color: var(--color-slate-300); } .hover\:text-teal-300:hover { color: var(--color-teal-300); } .hover\:text-violet-300:hover { color: var(--color-violet-300); } .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\/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-yellow-300:hover { color: var(--color-yellow-300); } .hover\:text-yellow-400:hover { color: var(--color-yellow-400); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:accent-blue-400:hover { accent-color: var(--color-blue-400); } .hover\:accent-white:hover { accent-color: var(--color-white); } .hover\:opacity-80:hover { opacity: .8; } .hover\:opacity-90:hover { opacity: .9; } .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_15px_rgba\(99\,102\,241\,0\.15\)\]:hover { --tw-shadow: 0 0 15px var(--tw-shadow-color, #6366f126); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_0_20px_rgba\(168\,85\,247\,0\.4\)\]:hover { --tw-shadow: 0 0 20px var(--tw-shadow-color, #a855f766); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_0_25px_rgba\(245\,158\,11\,0\.2\)\]:hover { --tw-shadow: 0 0 25px var(--tw-shadow-color, #f59e0b33); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_0_25px_rgba\(255\,225\,53\,0\.5\)\]:hover { --tw-shadow: 0 0 25px var(--tw-shadow-color, #ffe13580); 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\(6\,182\,212\,0\.6\)\]:hover { --tw-shadow: 0 0 30px var(--tw-shadow-color, #06b6d499); 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\(16\,185\,129\,0\.5\)\]:hover { --tw-shadow: 0 0 30px 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); } .hover\:shadow-\[0_0_30px_rgba\(234\,179\,8\,0\.4\)\]:hover { --tw-shadow: 0 0 30px var(--tw-shadow-color, #eab30866); 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\(245\,158\,11\,0\.5\)\]:hover { --tw-shadow: 0 0 30px 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); } .hover\:shadow-\[0_0_30px_rgba\(255\,255\,255\,0\.2\)\]:hover { --tw-shadow: 0 0 30px 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); } .hover\:shadow-\[0_0_40px_rgba\(255\,255\,255\,0\.4\)\]:hover { --tw-shadow: 0 0 40px var(--tw-shadow-color, #fff6); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.2\)\]:hover { --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0003); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_4px_20px_-10px_rgba\(250\,204\,21\,0\.1\)\]:hover { --tw-shadow: 0 4px 20px -10px var(--tw-shadow-color, #facc151a); 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-\[4px_4px_0px_\#ff3366\]:hover { --tw-shadow: 4px 4px 0px var(--tw-shadow-color, #f36); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[inset_0_2px_10px_rgba\(255\,255\,255\,0\.05\)\]:hover { --tw-shadow: inset 0 2px 10px var(--tw-shadow-color, #ffffff0d); 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-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\:ring-2:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-black\/50:hover { --tw-shadow-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-black\/50:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-blue-500\/10:hover { --tw-shadow-color: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-blue-500\/10:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-blue-500\/40:hover { --tw-shadow-color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-blue-500\/40:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-cyan-900\/10:hover { --tw-shadow-color: #104e641a; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-cyan-900\/10:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-900) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-dept-distribution\/10:hover { --tw-shadow-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-dept-distribution\/10:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-dept-distribution) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-emerald-500\/5:hover { --tw-shadow-color: #00bb7f0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-emerald-500\/5:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-primary\/10:hover { --tw-shadow-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-primary\/10:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-purple-500\/40:hover { --tw-shadow-color: #ac4bff66; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-purple-500\/40:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-purple-900\/10:hover { --tw-shadow-color: #59168b1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-purple-900\/10:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-900) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-red-500\/20:hover { --tw-shadow-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-red-500\/20:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:shadow-yellow-400\/10:hover { --tw-shadow-color: #fac8001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-yellow-400\/10:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-400) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:ring-purple-500\/50:hover { --tw-ring-color: #ac4bff80; } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-purple-500\/50:hover { --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent); } } .hover\:ring-white\/20:hover { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-white\/20:hover { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .hover\:brightness-110:hover { --tw-brightness: brightness(110%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .hover\:brightness-125:hover { --tw-brightness: brightness(125%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .hover\:grayscale-0:hover { --tw-grayscale: grayscale(0%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } } .focus\:not-sr-only:focus { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible; } .focus\:absolute:focus { position: absolute; } .focus\:top-4:focus { top: calc(var(--spacing) * 4); } .focus\:left-4:focus { left: calc(var(--spacing) * 4); } .focus\:z-50:focus { z-index: 50; } .focus\:rounded-lg:focus { border-radius: var(--radius-lg); } .focus\:border-\[\#FFE135\]:focus { border-color: #ffe135; } .focus\:border-\[\#FFE135\]\/40:focus { border-color: oklab(90.8032% -.0260833 .173716 / .4); } .focus\:border-\[\#FFE135\]\/50:focus { border-color: oklab(90.8032% -.0260833 .173716 / .5); } .focus\:border-\[\#ff3366\]:focus { border-color: #f36; } .focus\:border-blue-400:focus { border-color: var(--color-blue-400); } .focus\:border-blue-500:focus { border-color: var(--color-blue-500); } .focus\:border-blue-500\/30:focus { border-color: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-blue-500\/30:focus { border-color: color-mix(in oklab, var(--color-blue-500) 30%, 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-cyan-500\/30:focus { border-color: #00b7d74d; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-cyan-500\/30:focus { border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent); } } .focus\:border-cyan-500\/50:focus { border-color: #00b7d780; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-cyan-500\/50:focus { border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent); } } .focus\:border-cyan-800:focus { border-color: var(--color-cyan-800); } .focus\:border-dept-creative:focus, .focus\:border-dept-creative\/50:focus { border-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-dept-creative\/50:focus { border-color: color-mix(in oklab, var(--color-dept-creative) 50%, transparent); } } .focus\:border-dept-distribution:focus, .focus\:border-dept-distribution\/50:focus { border-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-dept-distribution\/50:focus { border-color: color-mix(in oklab, var(--color-dept-distribution) 50%, transparent); } } .focus\:border-dept-licensing\/50:focus { border-color: var(--color-dept-licensing); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-dept-licensing\/50:focus { border-color: color-mix(in oklab, var(--color-dept-licensing) 50%, transparent); } } .focus\:border-dept-marketing\/30:focus { border-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-dept-marketing\/30:focus { border-color: color-mix(in oklab, var(--color-dept-marketing) 30%, transparent); } } .focus\:border-dept-marketing\/40:focus { border-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-dept-marketing\/40:focus { border-color: color-mix(in oklab, var(--color-dept-marketing) 40%, transparent); } } .focus\:border-dept-marketing\/50:focus { border-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-dept-marketing\/50:focus { border-color: color-mix(in oklab, var(--color-dept-marketing) 50%, transparent); } } .focus\:border-dept-royalties:focus, .focus\:border-dept-royalties\/50:focus { border-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-dept-royalties\/50:focus { border-color: color-mix(in oklab, var(--color-dept-royalties) 50%, transparent); } } .focus\:border-emerald-500:focus { border-color: var(--color-emerald-500); } .focus\:border-emerald-500\/50:focus { border-color: #00bb7f80; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-emerald-500\/50:focus { border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent); } } .focus\:border-green-500\/20:focus { border-color: #00c75833; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-green-500\/20:focus { border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } .focus\:border-green-500\/50:focus { border-color: #00c75880; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-green-500\/50:focus { border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent); } } .focus\:border-indigo-500\/50:focus { border-color: #625fff80; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-indigo-500\/50:focus { border-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent); } } .focus\:border-orange-500:focus { border-color: var(--color-orange-500); } .focus\:border-pink-500:focus { border-color: var(--color-pink-500); } .focus\:border-pink-500\/50:focus { border-color: #f6339a80; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-pink-500\/50:focus { border-color: color-mix(in oklab, var(--color-pink-500) 50%, transparent); } } .focus\:border-primary\/50:focus { border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-primary\/50:focus { border-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } .focus\:border-purple-400:focus { border-color: var(--color-purple-400); } .focus\:border-purple-500:focus { border-color: var(--color-purple-500); } .focus\:border-purple-500\/30:focus { border-color: #ac4bff4d; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-purple-500\/30:focus { border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .focus\:border-purple-500\/50:focus { border-color: #ac4bff80; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-purple-500\/50:focus { border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent); } } .focus\:border-red-400:focus { border-color: var(--color-red-400); } .focus\:border-red-500:focus { border-color: var(--color-red-500); } .focus\:border-red-500\/50:focus { border-color: #fb2c3680; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-red-500\/50:focus { border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .focus\:border-teal-500:focus { border-color: var(--color-teal-500); } .focus\:border-white:focus { border-color: var(--color-white); } .focus\:border-white\/10:focus { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-white\/10:focus { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .focus\:border-white\/12:focus { border-color: #ffffff1f; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-white\/12:focus { border-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .focus\:border-white\/20:focus { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-white\/20:focus { border-color: color-mix(in oklab, var(--color-white) 20%, 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\:border-white\/\[0\.12\]:focus { border-color: #ffffff1f; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-white\/\[0\.12\]:focus { border-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .focus\:border-yellow-400\/50:focus { border-color: #fac80080; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-yellow-400\/50:focus { border-color: color-mix(in oklab, var(--color-yellow-400) 50%, transparent); } } .focus\:border-yellow-500:focus { border-color: var(--color-yellow-500); } .focus\:border-yellow-500\/50:focus { border-color: #edb20080; } @supports (color: color-mix(in lab, red, red)) { .focus\:border-yellow-500\/50:focus { border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent); } } .focus\:bg-black\/40:focus { background-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .focus\:bg-black\/40:focus { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .focus\:bg-dept-creative:focus { background-color: var(--color-dept-creative); } .focus\:bg-slate-950:focus { background-color: var(--color-slate-950); } .focus\:bg-white\/5:focus { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .focus\:bg-white\/5:focus { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .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\.05\]:focus { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .focus\:bg-white\/\[0\.05\]:focus { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .focus\:px-4:focus { padding-inline: calc(var(--spacing) * 4); } .focus\:py-2:focus { padding-block: calc(var(--spacing) * 2); } .focus\:text-dept-marketing:focus { color: var(--color-dept-marketing); } .focus\:text-white:focus { color: var(--color-white); } .focus\:opacity-100:focus { opacity: 1; } .focus\:shadow-lg:focus { --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); } .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-\[\#FFE135\]\/5:focus { --tw-ring-color: oklab(90.8032% -.0260833 .173716 / .05); } .focus\:ring-\[\#FFE135\]\/50:focus { --tw-ring-color: oklab(90.8032% -.0260833 .173716 / .5); } .focus\:ring-amber-500:focus { --tw-ring-color: var(--color-amber-500); } .focus\:ring-blue-500:focus { --tw-ring-color: var(--color-blue-500); } .focus\:ring-blue-500\/50:focus { --tw-ring-color: #3080ff80; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-blue-500\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } .focus\:ring-cyan-500:focus { --tw-ring-color: var(--color-cyan-500); } .focus\:ring-cyan-500\/40:focus { --tw-ring-color: #00b7d766; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-cyan-500\/40:focus { --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent); } } .focus\:ring-dept-marketing\/10:focus { --tw-ring-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-dept-marketing\/10:focus { --tw-ring-color: color-mix(in oklab, var(--color-dept-marketing) 10%, transparent); } } .focus\:ring-dept-marketing\/20:focus { --tw-ring-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-dept-marketing\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-dept-marketing) 20%, transparent); } } .focus\:ring-dept-marketing\/50:focus { --tw-ring-color: var(--color-dept-marketing); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-dept-marketing\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-dept-marketing) 50%, transparent); } } .focus\:ring-dept-royalties\/50:focus { --tw-ring-color: var(--color-dept-royalties); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-dept-royalties\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-dept-royalties) 50%, transparent); } } .focus\:ring-gray-500:focus { --tw-ring-color: var(--color-gray-500); } .focus\:ring-green-500\/50:focus { --tw-ring-color: #00c75880; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-green-500\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-green-500) 50%, transparent); } } .focus\:ring-indigo-500:focus { --tw-ring-color: var(--color-indigo-500); } .focus\:ring-indigo-500\/50:focus { --tw-ring-color: #625fff80; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-indigo-500\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent); } } .focus\:ring-pink-500\/50:focus { --tw-ring-color: #f6339a80; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-pink-500\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-pink-500) 50%, transparent); } } .focus\:ring-purple-500:focus { --tw-ring-color: var(--color-purple-500); } .focus\:ring-purple-500\/5:focus { --tw-ring-color: #ac4bff0d; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-purple-500\/5:focus { --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 5%, transparent); } } .focus\:ring-purple-500\/20:focus { --tw-ring-color: #ac4bff33; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-purple-500\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .focus\:ring-purple-500\/50:focus { --tw-ring-color: #ac4bff80; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-purple-500\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent); } } .focus\:ring-red-500:focus { --tw-ring-color: var(--color-red-500); } .focus\:ring-red-500\/20:focus { --tw-ring-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-red-500\/20:focus { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .focus\:ring-red-500\/50:focus { --tw-ring-color: #fb2c3680; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-red-500\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .focus\:ring-ring:focus { --tw-ring-color: var(--color-ring); } .focus\:ring-slate-700:focus { --tw-ring-color: var(--color-slate-700); } .focus\:ring-sonic-purple\/50:focus { --tw-ring-color: var(--color-sonic-purple); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-sonic-purple\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-sonic-purple) 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-yellow-400\/50:focus { --tw-ring-color: #fac80080; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-yellow-400\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-yellow-400) 50%, transparent); } } .focus\:ring-yellow-500\/50:focus { --tw-ring-color: #edb20080; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-yellow-500\/50:focus { --tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent); } } .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-gray-900:focus { --tw-ring-offset-color: var(--color-gray-900); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid #0000; } } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:opacity-100:focus-visible { opacity: 1; } .focus-visible\:ring: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-0:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-\[\#FFE135\]:focus-visible { --tw-ring-color: #ffe135; } .focus-visible\:ring-\[--ring\]:focus-visible { --tw-ring-color: --ring; } .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-cyan-500:focus-visible { --tw-ring-color: var(--color-cyan-500); } .focus-visible\:ring-dept-creative:focus-visible, .focus-visible\:ring-dept-creative\/40:focus-visible { --tw-ring-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-dept-creative\/40:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-dept-creative) 40%, transparent); } } .focus-visible\:ring-dept-creative\/50:focus-visible { --tw-ring-color: var(--color-dept-creative); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-dept-creative\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-dept-creative) 50%, transparent); } } .focus-visible\:ring-dept-distribution\/40:focus-visible { --tw-ring-color: var(--color-dept-distribution); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-dept-distribution\/40:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-dept-distribution) 40%, transparent); } } .focus-visible\:ring-gray-500:focus-visible { --tw-ring-color: var(--color-gray-500); } .focus-visible\:ring-orange-500\/40:focus-visible { --tw-ring-color: #fe6e0066; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-orange-500\/40:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 40%, transparent); } } .focus-visible\:ring-primary:focus-visible { --tw-ring-color: var(--color-primary); } .focus-visible\:ring-purple-500:focus-visible { --tw-ring-color: var(--color-purple-500); } .focus-visible\:ring-purple-500\/50:focus-visible { --tw-ring-color: #ac4bff80; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-purple-500\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent); } } .focus-visible\:ring-red-400:focus-visible { --tw-ring-color: var(--color-red-400); } .focus-visible\:ring-red-500:focus-visible { --tw-ring-color: var(--color-red-500); } .focus-visible\:ring-ring:focus-visible { --tw-ring-color: var(--color-ring); } .focus-visible\:ring-sky-500:focus-visible { --tw-ring-color: var(--color-sky-500); } .focus-visible\:ring-white:focus-visible { --tw-ring-color: var(--color-white); } .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\/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-400:focus-visible { --tw-ring-color: var(--color-yellow-400); } .focus-visible\:ring-yellow-500:focus-visible { --tw-ring-color: var(--color-yellow-500); } .focus-visible\:ring-offset-0:focus-visible { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-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-\[\#1a1a1a\]:focus-visible { --tw-ring-offset-color: #1a1a1a; } .focus-visible\:ring-offset-\[\#161b22\]:focus-visible { --tw-ring-offset-color: #161b22; } .focus-visible\:ring-offset-black\/40:focus-visible { --tw-ring-offset-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-offset-black\/40:focus-visible { --tw-ring-offset-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .focus-visible\:ring-offset-neutral-900:focus-visible { --tw-ring-offset-color: var(--color-neutral-900); } .focus-visible\:ring-offset-slate-900:focus-visible { --tw-ring-offset-color: var(--color-slate-900); } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } .focus-visible\:ring-inset:focus-visible { --tw-ring-inset: inset; } .active\:translate-y-0:active { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .active\:translate-y-1:active { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .active\:scale-90:active { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-\[0\.97\]:active { scale: .97; } .active\:scale-\[0\.98\]:active { scale: .98; } .active\:cursor-grabbing:active { cursor: grabbing; } .active\:border-b-0:active { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .active\:border-b-4:active { border-bottom-style: var(--tw-border-style); border-bottom-width: 4px; } .active\:shadow-lg:active { --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); } .active\:shadow-none:active { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .active\:shadow-teal-500\/50:active { --tw-shadow-color: #00baa780; } @supports (color: color-mix(in lab, red, red)) { .active\:shadow-teal-500\/50:active { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 50%, transparent) var(--tw-shadow-alpha), transparent); } } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:scale-100:disabled { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:cursor-wait:disabled { cursor: wait; } .disabled\:bg-blue-900:disabled { background-color: var(--color-blue-900); } .disabled\:bg-gray-700:disabled { background-color: var(--color-gray-700); } .disabled\:bg-gray-800:disabled { background-color: var(--color-gray-800); } .disabled\:bg-slate-800:disabled { background-color: var(--color-slate-800); } .disabled\:text-blue-400:disabled { color: var(--color-blue-400); } .disabled\:text-gray-500:disabled { color: var(--color-gray-500); } .disabled\:text-gray-600:disabled { color: var(--color-gray-600); } .disabled\:text-slate-500:disabled { color: var(--color-slate-500); } .disabled\:opacity-20:disabled { opacity: .2; } .disabled\:opacity-30:disabled { opacity: .3; } .disabled\:opacity-40:disabled { opacity: .4; } .disabled\:opacity-50:disabled { opacity: .5; } .disabled\:opacity-60:disabled { opacity: .6; } .disabled\:opacity-70:disabled { opacity: .7; } .disabled\:grayscale:disabled { --tw-grayscale: grayscale(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .data-\[highlighted\]\:bg-white\/10[data-highlighted] { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .data-\[highlighted\]\:bg-white\/10[data-highlighted] { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .data-\[highlighted\]\:text-white[data-highlighted] { color: var(--color-white); } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: calc(2 * var(--spacing) * -1); } .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: calc(2 * var(--spacing)); } .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: calc(2 * var(--spacing) * -1); } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: calc(2 * var(--spacing)); } .data-\[state\=active\]\:border-blue-400[data-state="active"] { border-color: var(--color-blue-400); } .data-\[state\=active\]\:border-dept-royalties[data-state="active"] { border-color: var(--color-dept-royalties); } .data-\[state\=active\]\:border-emerald-400[data-state="active"] { border-color: var(--color-emerald-400); } .data-\[state\=active\]\:border-primary[data-state="active"] { border-color: var(--color-primary); } .data-\[state\=active\]\:border-purple-400[data-state="active"] { border-color: var(--color-purple-400); } .data-\[state\=active\]\:bg-emerald-500[data-state="active"] { background-color: var(--color-emerald-500); } .data-\[state\=active\]\:bg-transparent[data-state="active"] { background-color: #0000; } .data-\[state\=active\]\:bg-white\/10[data-state="active"] { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:bg-white\/10[data-state="active"] { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .data-\[state\=active\]\:text-blue-400[data-state="active"] { color: var(--color-blue-400); } .data-\[state\=active\]\:text-dept-royalties[data-state="active"] { color: var(--color-dept-royalties); } .data-\[state\=active\]\:text-emerald-400[data-state="active"] { color: var(--color-emerald-400); } .data-\[state\=active\]\:text-primary[data-state="active"] { color: var(--color-primary); } .data-\[state\=active\]\:text-purple-400[data-state="active"] { color: var(--color-purple-400); } .data-\[state\=active\]\:text-white[data-state="active"] { color: var(--color-white); } .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; animation-name: exit; animation-duration: .15s; } .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:fade-out[data-state="closed"], .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .data-\[state\=inactive\]\:hidden[data-state="inactive"] { display: none; } .data-\[state\=selected\]\:bg-muted[data-state="selected"] { background-color: var(--color-muted); } @supports (height: 100dvh) { .supports-\[height\:100dvh\]\:h-\[100dvh\] { height: 100dvh; } } @media (min-width: 40rem) { .sm\:order-1 { order: 1; } .sm\:order-3 { order: 3; } .sm\:order-4 { order: 4; } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:inline { display: inline; } .sm\:table-cell { display: table-cell; } .sm\:w-64 { width: calc(var(--spacing) * 64); } .sm\:w-auto { width: auto; } .sm\:max-w-none { max-width: none; } .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\:flex-row { flex-direction: row; } .sm\:items-center { align-items: center; } .sm\:p-6 { padding: calc(var(--spacing) * 6); } .sm\:p-8 { padding: calc(var(--spacing) * 8); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (min-width: 48rem) { .md\:inset-auto { inset: auto; } .md\:top-\[64px\] { top: 64px; } .md\:right-0 { right: calc(var(--spacing) * 0); } .md\:right-4 { right: calc(var(--spacing) * 4); } .md\:bottom-0 { bottom: calc(var(--spacing) * 0); } .md\:left-auto { left: auto; } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-4 { grid-column: span 4 / span 4; } .md\:col-span-8 { grid-column: span 8 / span 8; } .md\:col-span-12 { grid-column: span 12 / span 12; } .md\:-m-6 { margin: calc(var(--spacing) * -6); } .md\:mt-0 { margin-top: calc(var(--spacing) * 0); } .md\:mt-24 { margin-top: calc(var(--spacing) * 24); } .md\:ml-2 { margin-left: calc(var(--spacing) * 2); } .md\:block { display: block; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:inline { display: inline; } .md\:table-cell { display: table-cell; } .md\:h-7 { height: calc(var(--spacing) * 7); } .md\:h-14 { height: calc(var(--spacing) * 14); } .md\:h-20 { height: calc(var(--spacing) * 20); } .md\:h-\[600px\] { height: 600px; } .md\:w-1\/3 { width: 33.3333%; } .md\:w-1\/5 { width: 20%; } .md\:w-2\/5 { width: 40%; } .md\:w-64 { width: calc(var(--spacing) * 64); } .md\:w-\[420px\] { width: 420px; } .md\:w-auto { width: auto; } .md\:max-w-md { max-width: var(--container-md); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:items-center { align-items: center; } .md\:items-end { align-items: flex-end; } .md\:items-start { align-items: flex-start; } .md\:justify-start { justify-content: flex-start; } .md\:gap-3 { gap: calc(var(--spacing) * 3); } .md\:gap-4 { gap: calc(var(--spacing) * 4); } .md\:gap-6 { gap: calc(var(--spacing) * 6); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:border-0 { border-style: var(--tw-border-style); border-width: 0; } .md\:p-6 { padding: calc(var(--spacing) * 6); } .md\:p-8 { padding: calc(var(--spacing) * 8); } .md\:p-10 { padding: calc(var(--spacing) * 10); } .md\:p-12 { padding: calc(var(--spacing) * 12); } .md\:px-4 { padding-inline: calc(var(--spacing) * 4); } .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .md\:px-8 { padding-inline: calc(var(--spacing) * 8); } .md\:px-10 { padding-inline: calc(var(--spacing) * 10); } .md\:pt-6 { padding-top: calc(var(--spacing) * 6); } .md\:pt-8 { padding-top: calc(var(--spacing) * 8); } .md\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--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-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .md\:text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)); } .md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } @media (hover: hover) { .md\:group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } } @media (min-width: 64rem) { .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\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .lg\:mt-0 { margin-top: calc(var(--spacing) * 0); } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:inline { display: inline; } .lg\:h-12 { height: calc(var(--spacing) * 12); } .lg\:w-12 { width: calc(var(--spacing) * 12); } .lg\:w-72 { width: calc(var(--spacing) * 72); } .lg\:max-w-\[80\%\] { max-width: 80%; } .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-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } :where(.lg\:divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.lg\:divide-y-0 > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(0px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); } .lg\:p-6 { padding: calc(var(--spacing) * 6); } .lg\:p-8 { padding: calc(var(--spacing) * 8); } .lg\:p-10 { padding: calc(var(--spacing) * 10); } .lg\:p-12 { padding: calc(var(--spacing) * 12); } .lg\:px-0 { padding-inline: calc(var(--spacing) * 0); } .lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-12 { padding-inline: calc(var(--spacing) * 12); } .lg\:pb-2 { padding-bottom: calc(var(--spacing) * 2); } .lg\:text-left { text-align: left; } .lg\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .lg\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .lg\:text-\[15px\] { font-size: 15px; } } @media (min-width: 80rem) { .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-3 { grid-column: span 3 / span 3; } .xl\:col-span-4 { grid-column: span 4 / span 4; } .xl\:col-span-8 { grid-column: span 8 / span 8; } .xl\:block { display: block; } .xl\:w-72 { width: calc(var(--spacing) * 72); } .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-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .xl\:flex-row { flex-direction: row; } } @media (min-width: 96rem) { .\32 xl\:block { display: block; } .\32 xl\:w-80 { width: calc(var(--spacing) * 80); } .\32 xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .dark\:border-white\/\[0\.08\]:is(.dark *) { border-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-white\/\[0\.08\]:is(.dark *) { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .dark\:bg-black:is(.dark *) { background-color: var(--color-black); } .dark\:bg-black\/50:is(.dark *) { background-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-black\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .dark\:bg-blue-500\/10:is(.dark *) { background-color: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-blue-500\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .dark\:bg-white\/5:is(.dark *) { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-white\/5:is(.dark *) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .dark\:bg-white\/10:is(.dark *) { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-white\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .dark\:bg-white\/\[0\.02\]:is(.dark *) { background-color: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-white\/\[0\.02\]:is(.dark *) { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } .dark\:fill-blue-900\/30:is(.dark *) { fill: #1c398e4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:fill-blue-900\/30:is(.dark *) { fill: color-mix(in oklab, var(--color-blue-900) 30%, transparent); } } .dark\:stroke-blue-400:is(.dark *) { stroke: var(--color-blue-400); } .dark\:stroke-gray-700:is(.dark *) { stroke: var(--color-gray-700); } .dark\:text-blue-400:is(.dark *) { color: var(--color-blue-400); } .dark\:text-gray-400:is(.dark *) { color: var(--color-gray-400); } .dark\:text-red-400:is(.dark *) { color: var(--color-red-400); } .dark\:text-white:is(.dark *) { color: var(--color-white); } .dark\:text-white\/40:is(.dark *) { color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-white\/40:is(.dark *) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .dark\:ring-white\/10:is(.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:ring-white\/10:is(.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .dark\:ring-white\/20:is(.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .dark\:ring-white\/20:is(.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .dark\:placeholder\:text-white\/70:is(.dark *)::placeholder { color: #ffffffb3; } @supports (color: color-mix(in lab, red, red)) { .dark\:placeholder\:text-white\/70:is(.dark *)::placeholder { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } @media (hover: hover) { .dark\:hover\:bg-blue-500\/20:is(.dark *):hover { background-color: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-blue-500\/20:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .dark\:hover\:bg-white\/10:is(.dark *):hover { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/10:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .dark\:hover\:bg-white\/20:is(.dark *):hover { background-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/20:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .dark\:hover\:text-white:is(.dark *):hover { color: var(--color-white); } } .\[\&_\[cmdk-item\]\]\:rounded-lg [cmdk-item] { border-radius: var(--radius-lg); } .\[\&_\[cmdk-item\]\]\:px-4 [cmdk-item] { padding-inline: calc(var(--spacing) * 4); } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-block: calc(var(--spacing) * 3); } .\[\&_\[cmdk-item\]\]\:text-slate-300 [cmdk-item] { color: var(--color-slate-300); } .\[\&_\[cmdk-item\]\[data-selected\]\]\:bg-white\/10 [cmdk-item][data-selected] { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .\[\&_\[cmdk-item\]\[data-selected\]\]\:bg-white\/10 [cmdk-item][data-selected] { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .\[\&_\[cmdk-item\]\[data-selected\]\]\:text-white [cmdk-item][data-selected] { color: var(--color-white); } .\[\&_tr\]\:border-b tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0; } .\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb { height: calc(var(--spacing) * 3); } .\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb { width: calc(var(--spacing) * 3); } .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb { appearance: none; } .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb { border-radius: 3.40282e38px; } .\[\&\:\:-webkit-slider-thumb\]\:bg-blue-500::-webkit-slider-thumb { background-color: var(--color-blue-500); } .\[\&\:\:-webkit-slider-thumb\]\:transition-all::-webkit-slider-thumb { 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) { .hover\:\[\&\:\:-webkit-slider-thumb\]\:scale-125:hover::-webkit-slider-thumb { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) { padding-right: calc(var(--spacing) * 0); } .\[\&\>\*\]\:\[transform-style\:preserve-3d\] > * { transform-style: preserve-3d; } .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\>button\]\:\!border-b-gray-700 > button { border-bottom-color: var(--color-gray-700) !important; } @media (hover: hover) { .hover\:\[\&\>button\]\:\!bg-gray-700\/50:hover > button { background-color: #36415380 !important; } @supports (color: color-mix(in lab, red, red)) { .hover\:\[\&\>button\]\:\!bg-gray-700\/50:hover > button { background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent) !important; } } } .custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; } .custom-scrollbar::-webkit-scrollbar-track { background: none; } .custom-scrollbar::-webkit-scrollbar-thumb { background: var(--color-surface-elevated); border-radius: 3px; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: var(--color-dept-default); } .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } } @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; } @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; } @property --tw-animation-duration { syntax: "*"; inherits: false } @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; } @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; } :root { --font-main: "Inter", system-ui, -apple-system, sans-serif; --font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace; --font-display: "Geist", var(--font-main); --radius-standard: 12px; --radius-sharp: 4px; --radius-pill: 9999px; --transition-speed: .25s; --transition-speed-fast: .15s; --transition-speed-slow: .4s; --transition-timing: cubic-bezier(.4, 0, .2, 1); --transition-bounce: cubic-bezier(.34, 1.56, .64, 1); --color-success: #4caf50; --color-success-muted: #4caf5033; --color-error: #f44336; --color-error-muted: #f4433633; --color-warning: #ff9800; --color-warning-muted: #ff980033; --color-info: #2196f3; --color-info-muted: #2196f333; --color-bg-dark: #0d1117; --color-surface: #1e293b; --color-surface-elevated: #334155; --color-dept-royalties: #ffc107; --color-dept-royalties-muted: #ffc10733; --color-dept-royalties-glow: #ffc10780; --color-dept-distribution: #2196f3; --color-dept-distribution-muted: #2196f333; --color-dept-distribution-glow: #2196f380; --color-dept-marketing: #e91e63; --color-dept-marketing-muted: #e91e6333; --color-dept-marketing-glow: #e91e6380; --color-dept-legal: #455a64; --color-dept-legal-muted: #455a6433; --color-dept-legal-glow: #455a6480; --color-dept-creative: #0f6; --color-dept-creative-muted: #0f63; --color-dept-creative-glow: #00ff6680; --color-dept-touring: #ff5722; --color-dept-touring-muted: #ff572233; --color-dept-touring-glow: #ff572280; --color-dept-publishing: #8bc34a; --color-dept-publishing-muted: #8bc34a33; --color-dept-publishing-glow: #8bc34a80; --color-dept-social: #00bcd4; --color-dept-social-muted: #00bcd433; --color-dept-social-glow: #00bcd480; --color-dept-licensing: #009688; --color-dept-licensing-muted: #00968833; --color-dept-licensing-glow: #00968880; --color-dept-brand: #ffb300; --color-dept-brand-muted: #ffb30033; --color-dept-brand-glow: #ffb30080; --color-dept-campaign: #ff7043; --color-dept-campaign-muted: #ff704333; --color-dept-campaign-glow: #ff704380; --color-dept-default: #0f6; --color-dept-default-muted: #0f63; --sonic-purple: 145 100% 50%; --sonic-blue: 190 100% 50%; --sonic-yellow: 50 100% 50%; --sonic-glass: 240 10% 3.9% / .7; --sonic-glass-border: 240 10% 10%; --background: 0 0% 100%; --foreground: 240 10% 3.9%; --card: 0 0% 100%; --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; --primary: 240 5.9% 10%; --primary-foreground: 0 0% 98%; --secondary: 145 100% 50%; --secondary-foreground: 240 5.9% 10%; --muted: 240 4.8% 95.9%; --muted-foreground: 240 3.8% 46.1%; --accent: 145 100% 50%; --accent-foreground: 240 5.9% 10%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 240 5.9% 90%; --input: 240 5.9% 90%; --ring: 145 100% 50%; --radius: .5rem; } .dark { --background: 240 10% 2%; --foreground: 0 0% 98%; --card: 240 10% 3.9%; --card-foreground: 0 0% 98%; --primary: 240 5.9% 10%; --primary-foreground: 0 0% 98%; --secondary: 145 100% 50%; --secondary-foreground: 0 0% 98%; --muted: 240 5% 10%; --muted-foreground: 240 5% 64.9%; --accent: 145 100% 50%; --accent-foreground: 0 0% 98%; --border: 240 3.7% 15.9%; --input: 240 3.7% 15.9%; --ring: 145 100% 50%; } @media (max-width: 768px) { html { font-size: 14px; } h1 { font-size: clamp(1.125rem, 4vw, 1.5rem) !important; } h2 { font-size: clamp(1rem, 3.5vw, 1.25rem) !important; } h3 { font-size: clamp(.875rem, 3vw, 1.125rem) !important; } input, select, textarea { touch-action: manipulation; font-size: 16px !important; } button:not(.inline-btn), a:not(.inline-link), [role="button"] { touch-action: manipulation; min-width: 44px; min-height: 44px; } } @media (max-width: 430px) { html { font-size: 13px; } .responsive-padding { padding: .75rem !important; } .mobile-single-col { grid-template-columns: 1fr !important; } .mobile-safe-bottom { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); } } .indii-auto-update { animation: bolt-pulse 1.5s var(--transition-timing); border: 1px solid #0000; } @keyframes bolt-pulse { 0% { background-color: #fff0; border-color: #0000; } 50% { border-color: var(--dept-color, var(--color-dept-default)); background-color: #ffffff0d; } 100% { background-color: #fff0; border-color: #0000; } } .dept-glow { box-shadow: 0 0 20px var(--dept-color, var(--color-dept-default)); transition: box-shadow var(--transition-speed) var(--transition-timing); } .dept-border-top { border-top: 2px solid var(--dept-color, var(--color-dept-default)); } .bolt-interactive { transition: all var(--transition-speed-fast) var(--transition-timing); } .bolt-interactive:hover { transform: translateY(-1px); } :focus-visible { outline-offset: 2px; border-radius: 4px; outline: 2px solid #ffffff80; } :focus:not(:focus-visible) { outline: none; } [data-testid^="nav-item"]:focus-visible, .bolt-interactive:focus-visible { outline-offset: 1px; border-radius: 6px; outline: 2px solid #fff6; } .skip-link { position: absolute; top: -9999px; left: -9999px; } .skip-link:focus { z-index: 9999; color: #000; background: #fff; border-radius: 6px; outline: 2px solid #000; padding: .5rem 1rem; font-weight: bold; top: 1rem; left: 1rem; } .font-main { font-family: var(--font-main); } .font-mono { font-family: var(--font-mono); } .font-display { font-family: var(--font-display); } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .animate-shimmer { animation: 1.5s infinite shimmer; } @keyframes shine { 0% { background-position: -200%; } 100% { background-position: 200%; } } .shine-text { background: linear-gradient(90deg, transparent, hsl(var(--sonic-purple) / .5), transparent); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; animation: 3s linear infinite shine; } .startup-fallback { color: #e4e4e7; text-align: center; background: #0a0a0f; justify-content: center; align-items: center; min-height: 100vh; padding: 2rem; font-family: system-ui, sans-serif; display: flex; } .startup-fallback__card { max-width: 480px; } .startup-fallback__title { color: #a78bfa; margin-bottom: 1rem; font-size: 1.5rem; } .startup-fallback__message { opacity: .85; margin-bottom: 1rem; } .startup-fallback__reason { opacity: .65; margin-bottom: 1.5rem; font-size: .9rem; } .startup-fallback__reload { color: #fff; cursor: pointer; background: #7c3aed; border: none; border-radius: .5rem; padding: .75rem 2rem; font-size: 1rem; } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } @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-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 } @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; } }