/*! tailwindcss v4.3.1 | 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-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } } } @layer theme { :root, :host { --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --color-red-50: #fef2f2; --color-red-100: #ffe2e2; --color-red-200: #ffcaca; --color-red-300: #ffa3a3; --color-red-400: #ff6568; --color-red-500: #fb2c36; --color-red-600: #e40014; --color-red-700: #bf000f; --color-red-800: #9f0712; --color-red-900: #82181a; --color-red-950: #460809; --color-orange-50: #fff7ed; --color-orange-100: #ffedd5; --color-orange-200: #ffd7a8; --color-orange-300: #ffb96d; --color-orange-400: #ff8b1a; --color-orange-500: #fe6e00; --color-orange-600: #f05100; --color-orange-700: #c53c00; --color-orange-800: #9f2d00; --color-orange-900: #7e2a0c; --color-orange-950: #441306; --color-amber-50: #fffbeb; --color-amber-100: #fef3c6; --color-amber-200: #fee685; --color-amber-300: #ffd236; --color-amber-400: #fcbb00; --color-amber-500: #f99c00; --color-amber-600: #dd7400; --color-amber-700: #b75000; --color-amber-800: #953d00; --color-amber-900: #7b3306; --color-amber-950: #461901; --color-yellow-100: #fef9c2; --color-yellow-200: #fff085; --color-yellow-300: #ffe02a; --color-yellow-400: #fac800; --color-yellow-500: #edb200; --color-yellow-600: #cd8900; --color-yellow-700: #a36100; --color-yellow-800: #874b00; --color-yellow-900: #733e0a; --color-yellow-950: #432004; --color-lime-500: #80cd00; --color-green-100: #dcfce7; --color-green-200: #b9f8cf; --color-green-500: #00c758; --color-green-600: #00a544; --color-green-700: #008138; --color-green-800: #016630; --color-green-900: #0d542b; --color-emerald-50: #ecfdf5; --color-emerald-100: #d0fae5; --color-emerald-200: #a4f4cf; --color-emerald-300: #5ee9b5; --color-emerald-400: #00d294; --color-emerald-500: #00bb7f; --color-emerald-600: #009767; --color-emerald-700: #007956; --color-emerald-800: #005f46; --color-emerald-900: #004e3b; --color-emerald-950: #002c22; --color-teal-300: #46ecd5; --color-teal-400: #00d3bd; --color-teal-500: #00baa7; --color-teal-700: #00776e; --color-cyan-50: #ecfeff; --color-cyan-100: #cefafe; --color-cyan-200: #a2f4fd; --color-cyan-300: #53eafd; --color-cyan-500: #00b7d7; --color-cyan-600: #0092b5; --color-cyan-700: #007492; --color-cyan-950: #053345; --color-sky-50: #f0f9ff; --color-sky-100: #dff2fe; --color-sky-200: #b8e6fe; --color-sky-300: #77d4ff; --color-sky-400: #00bcfe; --color-sky-500: #00a5ef; --color-sky-600: #0084cc; --color-sky-700: #0069a4; --color-sky-800: #005986; --color-sky-900: #024a70; --color-sky-950: #052f4a; --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bedbff; --color-blue-300: #90c5ff; --color-blue-400: #54a2ff; --color-blue-500: #3080ff; --color-blue-600: #155dfc; --color-blue-700: #1447e6; --color-blue-800: #193cb8; --color-blue-900: #1c398e; --color-blue-950: #162456; --color-indigo-100: #e0e7ff; --color-indigo-300: #a4b3ff; --color-indigo-400: #7d87ff; --color-indigo-500: #625fff; --color-indigo-600: #4f39f6; --color-indigo-700: #432dd7; --color-indigo-900: #312c85; --color-violet-50: #f5f3ff; --color-violet-100: #ede9fe; --color-violet-200: #ddd6ff; --color-violet-300: #c4b4ff; --color-violet-400: #a685ff; --color-violet-500: #8d54ff; --color-violet-600: #7f22fe; --color-violet-700: #7008e7; --color-violet-800: #5d0ec0; --color-violet-950: #2f0d68; --color-purple-300: #d9b3ff; --color-purple-500: #ac4bff; --color-purple-600: #9810fa; --color-purple-700: #8200da; --color-pink-300: #fda5d5; --color-pink-500: #f6339a; --color-pink-700: #c4005c; --color-rose-50: #fff1f2; --color-rose-100: #ffe4e6; --color-rose-200: #ffccd3; --color-rose-300: #ffa2ae; --color-rose-400: #ff667f; --color-rose-500: #ff2357; --color-rose-600: #e70044; --color-rose-700: #c20039; --color-rose-800: #a30037; --color-rose-900: #8b0836; --color-rose-950: #4d0218; --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0; --color-slate-300: #cad5e2; --color-slate-400: #90a1b9; --color-slate-500: #62748e; --color-slate-600: #45556c; --color-slate-700: #314158; --color-slate-800: #1d293d; --color-slate-900: #0f172b; --color-slate-950: #020618; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-400: #99a1af; --color-gray-500: #6a7282; --color-gray-600: #4a5565; --color-gray-700: #364153; --color-gray-800: #1e2939; --color-zinc-100: #f4f4f5; --color-zinc-200: #e4e4e7; --color-zinc-300: #d4d4d8; --color-zinc-400: #9f9fa9; --color-zinc-500: #71717b; --color-zinc-700: #3f3f46; --color-zinc-800: #27272a; --color-zinc-900: #18181b; --color-zinc-950: #09090b; --color-neutral-100: #f5f5f5; --color-neutral-400: #a1a1a1; --color-neutral-900: #171717; --color-neutral-950: #0a0a0a; --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; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-3xl: 1.5rem; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --drop-shadow-lg: 0 4px 4px #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; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --blur-2xl: 40px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --default-mono-font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --color-background: var(--background); --color-foreground: var(--foreground); --color-accent: var(--accent); --color-border: var(--border); --color-brand-navy-deep: var(--brand-navy-deep); --color-brand-orange: var(--brand-orange); --color-brand-teal: var(--brand-teal); --color-brand-teal-deep: var(--brand-teal-deep); --color-brand-cream: var(--brand-cream); --color-brand-ink: var(--brand-ink); --font-display: "Barlow", "Inter", ui-sans-serif, system-ui, sans-serif; --font-kiosk: var(--font-sans); --kiosk-tap-primary: 3.5rem; --kiosk-tap-major: 4.5rem; --kiosk-tap-row: 4rem; --kiosk-radius: .75rem; --kiosk-drawer-width: 34rem; --kiosk-accent: var(--brand-orange); --kiosk-surface-1: var(--foreground); } @supports (color: lab(0% 0 0)) { :root, :host { --color-red-50: lab(96.5005% 4.18508 1.52328); --color-red-100: lab(92.243% 10.2865 3.83865); --color-red-200: lab(86.017% 19.8815 7.75869); --color-red-300: lab(76.5514% 36.422 15.5335); --color-red-400: lab(63.7053% 60.745 31.3109); --color-red-500: lab(55.4814% 75.0732 48.8528); --color-red-600: lab(48.4493% 77.4328 61.5452); --color-red-700: lab(40.4273% 67.2623 53.7441); --color-red-800: lab(33.7174% 55.8993 41.0293); --color-red-900: lab(28.5139% 44.5539 29.0463); --color-red-950: lab(13.003% 29.04 16.7519); --color-orange-50: lab(97.7008% 1.53735 5.90649); --color-orange-100: lab(94.7127% 3.58394 14.3151); --color-orange-200: lab(88.4871% 9.94918 28.8378); --color-orange-300: lab(80.8059% 21.7313 50.4455); --color-orange-400: lab(70.0429% 42.5156 75.8207); --color-orange-500: lab(64.272% 57.1788 90.3583); --color-orange-600: lab(57.1026% 64.2584 89.8886); --color-orange-700: lab(46.4615% 57.7275 70.8507); --color-orange-800: lab(37.1566% 46.6433 50.5562); --color-orange-900: lab(30.2951% 36.0434 37.671); --color-orange-950: lab(14.1747% 23.4515 19.4461); --color-amber-50: lab(98.6252% -.635922 8.42309); --color-amber-100: lab(95.916% -1.21653 23.111); --color-amber-200: lab(91.7203% -.505269 49.9084); --color-amber-300: lab(86.4156% 6.13147 78.3961); --color-amber-400: lab(80.1641% 16.6016 99.2089); --color-amber-500: lab(72.7183% 31.8672 97.9407); --color-amber-600: lab(60.3514% 40.5624 87.1228); --color-amber-700: lab(47.2709% 42.9082 69.2966); --color-amber-800: lab(37.8822% 37.1699 52.2718); --color-amber-900: lab(31.2288% 30.2627 40.0378); --color-amber-950: lab(15.8111% 20.9107 23.3752); --color-yellow-100: lab(97.3564% -4.51407 27.344); --color-yellow-200: lab(94.3433% -5.00429 52.9663); --color-yellow-300: lab(89.7033% -.480294 84.4917); --color-yellow-400: lab(83.2664% 8.65132 106.895); --color-yellow-500: lab(76.3898% 14.5258 98.4589); --color-yellow-600: lab(62.7799% 22.4197 86.1544); --color-yellow-700: lab(47.8202% 25.2426 66.5015); --color-yellow-800: lab(38.7484% 23.5833 51.4916); --color-yellow-900: lab(32.3865% 21.1273 38.5959); --color-yellow-950: lab(16.8146% 15.7422 23.1133); --color-lime-500: lab(75.3197% -46.6547 86.1778); --color-green-100: lab(96.1861% -13.8464 6.52365); --color-green-200: lab(92.4222% -26.4702 12.9427); --color-green-500: lab(70.5521% -66.5147 45.8073); --color-green-600: lab(59.0978% -58.6621 41.2579); --color-green-700: lab(47.0329% -47.0239 31.4788); --color-green-800: lab(37.4616% -36.7971 22.9692); --color-green-900: lab(30.797% -29.6927 17.382); --color-emerald-50: lab(97.8462% -6.94966 1.85487); --color-emerald-100: lab(94.9004% -17.0769 5.63836); --color-emerald-200: lab(90.2247% -31.039 9.47084); --color-emerald-300: lab(83.9203% -48.7124 13.8849); --color-emerald-400: lab(75.0771% -60.7313 19.4147); --color-emerald-500: lab(66.9756% -58.27 19.5419); --color-emerald-600: lab(55.0481% -49.9246 15.93); --color-emerald-700: lab(44.4871% -41.0396 11.0361); --color-emerald-800: lab(35.3675% -33.1188 8.04002); --color-emerald-900: lab(28.8637% -26.9249 5.45986); --color-emerald-950: lab(15.0582% -17.9507 2.38369); --color-teal-300: lab(84.8977% -48.1516 -1.3321); --color-teal-400: lab(76.0109% -53.3483 -2.27906); --color-teal-500: lab(67.3859% -49.0983 -2.63511); --color-teal-700: lab(44.4134% -33.1436 -4.22149); --color-cyan-50: lab(98.3304% -5.97432 -2.62108); --color-cyan-100: lab(95.3146% -13.8285 -6.84732); --color-cyan-200: lab(91.0821% -24.0435 -12.8306); --color-cyan-300: lab(85.3886% -36.7636 -21.5716); --color-cyan-500: lab(67.805% -35.3952 -30.2018); --color-cyan-600: lab(55.1767% -26.7496 -30.5139); --color-cyan-700: lab(44.7267% -21.5987 -26.118); --color-cyan-950: lab(19.1528% -9.68757 -15.5267); --color-sky-50: lab(97.3623% -2.33802 -4.13098); --color-sky-100: lab(94.3709% -4.56053 -8.23453); --color-sky-200: lab(88.6983% -11.3978 -16.8488); --color-sky-300: lab(80.3307% -20.2945 -31.385); --color-sky-400: lab(70.687% -23.6078 -45.9483); --color-sky-500: lab(63.3038% -18.433 -51.0407); --color-sky-600: lab(51.7754% -11.4712 -49.8349); --color-sky-700: lab(41.6013% -9.10804 -42.5647); --color-sky-800: lab(35.164% -9.57692 -34.4068); --color-sky-900: lab(29.1959% -8.34689 -28.2453); --color-sky-950: lab(17.8299% -5.31271 -21.1584); --color-blue-50: lab(96.492% -1.14644 -5.11479); --color-blue-100: lab(92.0301% -2.24757 -11.6453); --color-blue-200: lab(86.15% -4.04379 -21.0797); --color-blue-300: lab(77.5052% -6.4629 -36.42); --color-blue-400: lab(65.0361% -1.42065 -56.9802); --color-blue-500: lab(54.1736% 13.3369 -74.6839); --color-blue-600: lab(44.0605% 29.0279 -86.0352); --color-blue-700: lab(36.9089% 35.0961 -85.6872); --color-blue-800: lab(30.2514% 27.7853 -70.2699); --color-blue-900: lab(26.1542% 15.7545 -51.5504); --color-blue-950: lab(15.6723% 8.86232 -32.2945); --color-indigo-100: lab(91.6577% 1.04591 -12.7199); --color-indigo-300: lab(74.0235% 8.54138 -41.6075); --color-indigo-400: lab(59.866% 22.4834 -64.4485); --color-indigo-500: lab(48.295% 38.3129 -81.9673); --color-indigo-600: lab(38.4009% 52.6132 -92.3857); --color-indigo-700: lab(32.4486% 49.2217 -84.6695); --color-indigo-900: lab(23.3911% 24.6978 -50.4718); --color-violet-50: lab(96.2416% 2.28849 -5.51657); --color-violet-100: lab(93.0838% 4.35197 -9.88284); --color-violet-200: lab(87.0888% 8.53688 -19.4189); --color-violet-300: lab(76.7419% 18.3911 -37.0706); --color-violet-400: lab(62.8239% 34.9159 -60.0512); --color-violet-500: lab(49.9355% 55.1776 -81.8963); --color-violet-600: lab(41.088% 68.9966 -91.995); --color-violet-700: lab(35.2783% 67.9912 -88.793); --color-violet-800: lab(29.3188% 57.7986 -76.1493); --color-violet-950: lab(14.0706% 33.3353 -46.7553); --color-purple-300: lab(78.3298% 26.2195 -34.9499); --color-purple-500: lab(52.0183% 66.11 -78.2316); --color-purple-600: lab(43.0295% 75.21 -86.5669); --color-purple-700: lab(36.1758% 69.8525 -80.0381); --color-pink-300: lab(77.8308% 38.525 -10.5394); --color-pink-500: lab(56.9303% 76.8162 -8.07021); --color-pink-700: lab(42.1737% 71.8009 7.42233); --color-rose-50: lab(96.2369% 4.94155 1.28011); --color-rose-100: lab(92.8221% 9.86832 2.60075); --color-rose-200: lab(86.806% 19.1909 4.07754); --color-rose-300: lab(76.6339% 38.3549 9.68835); --color-rose-400: lab(64.4125% 63.0291 19.2068); --color-rose-500: lab(56.101% 79.4328 31.4532); --color-rose-600: lab(49.1882% 81.577 36.0311); --color-rose-700: lab(41.1651% 71.6251 30.3087); --color-rose-800: lab(34.6481% 60.802 20.1957); --color-rose-900: lab(29.7104% 51.514 12.6253); --color-rose-950: lab(14.2323% 34.0086 9.80922); --color-slate-50: lab(98.1434% -.369519 -1.05966); --color-slate-100: lab(96.286% -.852436 -2.46847); --color-slate-200: lab(91.7353% -.998765 -4.76968); --color-slate-300: lab(84.7652% -1.94535 -7.93337); --color-slate-400: lab(65.5349% -2.25151 -14.5072); --color-slate-500: lab(48.0876% -2.03595 -16.5814); --color-slate-600: lab(35.5623% -1.74978 -15.4316); --color-slate-700: lab(26.9569% -1.47016 -15.6993); --color-slate-800: lab(16.132% -.318035 -14.6672); --color-slate-900: lab(7.78673% 1.82345 -15.0537); --color-slate-950: lab(1.76974% 1.32743 -9.28855); --color-gray-100: lab(96.1596% -.0823438 -1.13575); --color-gray-200: lab(91.6229% -.159115 -2.26791); --color-gray-400: lab(65.9269% -.832707 -8.17473); --color-gray-500: lab(47.7841% -.393182 -10.0268); --color-gray-600: lab(35.6337% -1.58697 -10.8425); --color-gray-700: lab(27.1134% -.956401 -12.3224); --color-gray-800: lab(16.1051% -1.18239 -11.7533); --color-zinc-100: lab(96.1634% .0993311 -.364041); --color-zinc-200: lab(90.6853% .399232 -1.45452); --color-zinc-300: lab(84.9837% .601262 -2.17986); --color-zinc-400: lab(65.6464% 1.53497 -5.42429); --color-zinc-500: lab(47.8878% 1.65477 -5.77283); --color-zinc-700: lab(26.8019% 1.35387 -4.68303); --color-zinc-800: lab(15.7305% .613764 -2.16959); --color-zinc-900: lab(8.30603% .618205 -2.16572); --color-zinc-950: lab(2.51107% .242703 -.886115); --color-neutral-100: lab(96.52% -.0000298023 .0000119209); --color-neutral-400: lab(66.128% -.0000298023 .0000119209); --color-neutral-900: lab(7.78201% -.0000149012 0); --color-neutral-950: lab(2.75381% 0 0); } } @supports (color: color-mix(in lab, red, red)) { :root, :host { --kiosk-surface-1: color-mix(in oklab, var(--foreground) 3%, transparent); } } :root, :host { --kiosk-surface-2: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { :root, :host { --kiosk-surface-2: color-mix(in oklab, var(--foreground) 6%, transparent); } } :root, :host { --kiosk-surface-3: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { :root, :host { --kiosk-surface-3: color-mix(in oklab, var(--foreground) 10%, transparent); } } :root, :host { --kiosk-hairline: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { :root, :host { --kiosk-hairline: color-mix(in oklab, var(--foreground) 14%, transparent); } } :root, :host { --kiosk-motion: .15s; --kiosk-id-size: .8125rem; --kiosk-secondary-size: .9375rem; --kiosk-reading-size: 4rem; } } @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; -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); } html, body { background-color: var(--color-background); color: var(--color-foreground); font-family: var(--font-sans); font-feature-settings: "cv11", "ss01", "ss03"; -webkit-font-smoothing: antialiased; transition: background-color .18s, color .18s; } .bg-blueprint { background-image: linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px); } @supports (color: color-mix(in lab, red, red)) { .bg-blueprint { background-image: linear-gradient(to right, color-mix(in oklab, var(--color-border) 60%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--color-border) 60%, transparent) 1px, transparent 1px); } } .bg-blueprint { background-size: 32px 32px; } } @layer components { .data-table { width: 100%; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); border-collapse: separate; border-spacing: 0; } .data-table thead { z-index: 20; position: sticky; top: 0; } .data-table thead th { z-index: 20; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border-strong); background-color: var(--surface-2); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); text-align: left; --tw-font-weight: var(--font-weight-medium); font-size: 11px; font-weight: var(--font-weight-medium); --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); color: var(--muted-foreground); text-transform: uppercase; -webkit-backdrop-filter: saturate(140%) blur(4px); backdrop-filter: saturate(140%) blur(4px); position: sticky; top: 0; } .data-table tbody td { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--border); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2.5); } .data-table tbody tr:hover { background-color: var(--color-accent); } @supports (color: color-mix(in lab, red, red)) { .data-table tbody tr:hover { background-color: color-mix(in oklab, var(--color-accent) 30%, transparent); } } .data-table-dense thead th { padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1.5); font-family: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; } .data-table-dense tbody td { padding-inline: calc(var(--spacing) * 2); padding-block: var(--spacing); vertical-align: middle; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } @media (max-width: 639px) { [role="dialog"] .grid.grid-cols-2:not(.keep-grid), [role="dialog"] .grid.grid-cols-3:not(.keep-grid), [role="dialog"] .grid.sm\:grid-cols-2:not(.keep-grid), [role="dialog"] .grid.sm\:grid-cols-3:not(.keep-grid) { grid-template-columns: minmax(0, 1fr) !important; } [role="dialog"] .col-span-2:not(.keep-grid), [role="dialog"] .col-span-3:not(.keep-grid) { grid-column: span 1 / span 1 !important; } } .table-scroll { width: 100%; overflow-x: auto; } [data-density="compact"] .data-table { font-size: 12px; } [data-density="compact"] .data-table thead th { padding-inline: calc(var(--spacing) * 2); padding-block: var(--spacing); font-size: 10px; } [data-density="compact"] .data-table tbody td { padding-inline: calc(var(--spacing) * 2); padding-block: var(--spacing); } [data-density="compact"] table thead th { height: 1.75rem; padding-top: .25rem; padding-bottom: .25rem; } [data-density="compact"] table tbody td { padding-top: .25rem; padding-bottom: .25rem; } [data-density="compact"] .data-table .badge, [data-density="compact"] table .badge { padding-inline: calc(var(--spacing) * 1.5); padding-block: 0; font-size: 10px; } .kbd { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border-strong); background-color: var(--surface-2); padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * .5); color: var(--muted-foreground); border-radius: .25rem; justify-content: center; align-items: center; font-family: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; display: inline-flex; } @media (max-width: 767px) { :is(:has( > .data-table), :has( > table.data-table)) { -webkit-overflow-scrolling: touch; overflow-x: auto !important; } .data-table { min-width: 640px; } .data-table tbody td, .data-table thead th { white-space: nowrap; } input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea { min-height: 44px; font-size: 16px !important; } button:not([data-compact]):not(.size-icon-sm) { min-height: 40px; } .page-actions-mobile-stack > * { flex: auto; } } .font-display { font-family: var(--font-display); letter-spacing: -.01em; } .brand-eyebrow { --tw-font-weight: var(--font-weight-semibold); font-size: 11px; font-weight: var(--font-weight-semibold); --tw-tracking: .28em; letter-spacing: .28em; text-transform: uppercase; color: var(--color-brand-teal-deep); display: inline-block; } .brand-rule { background: var(--color-brand-orange); border-radius: 2px; width: 56px; height: 3px; display: inline-block; } .brand-highlight { color: var(--color-brand-orange); font-weight: 700; } .brand-section-dark { background: var(--color-brand-navy-deep); color: var(--color-brand-cream); } .brand-section-cream { background: var(--color-brand-cream); color: var(--color-brand-ink); } .brand-cta-orange { background: var(--color-brand-orange); color: #fff; } .brand-cta-orange:hover { filter: brightness(1.05); } .brand-cta-teal { background: var(--color-brand-teal-deep); color: #fff; } .brand-cta-teal:hover { filter: brightness(1.08); } .brand-wave { background-image: radial-gradient(circle at 20% 100%, var(--color-brand-orange) 0, transparent 45%), radial-gradient(circle at 90% 0%, var(--color-brand-teal) 0, transparent 50%); } @supports (color: color-mix(in lab, red, red)) { .brand-wave { background-image: radial-gradient(circle at 20% 100%, color-mix(in oklab, var(--color-brand-orange) 22%, transparent) 0, transparent 45%), radial-gradient(circle at 90% 0%, color-mix(in oklab, var(--color-brand-teal) 18%, transparent) 0, transparent 50%); } } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .\!visible { visibility: visible !important; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: 0; } .inset-x-0 { inset-inline: 0; } .inset-y-0 { inset-block: 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-2 { top: calc(var(--spacing) * -2); } .-top-3 { top: calc(var(--spacing) * -3); } .-top-10 { top: calc(var(--spacing) * -10); } .-top-12 { top: calc(var(--spacing) * -12); } .-top-24 { top: calc(var(--spacing) * -24); } .top-0 { top: 0; } .top-0\.5 { top: calc(var(--spacing) * .5); } .top-1 { top: var(--spacing); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing) * 2); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-3 { top: calc(var(--spacing) * 3); } .top-3\.5 { top: calc(var(--spacing) * 3.5); } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-6 { top: calc(var(--spacing) * 6); } .top-10 { top: calc(var(--spacing) * 10); } .top-\[1px\] { top: 1px; } .top-\[13px\] { top: 13px; } .top-\[18px\] { top: 18px; } .top-\[50\%\] { top: 50%; } .top-\[55\%\] { top: 55%; } .top-\[60\%\] { top: 60%; } .top-\[calc\(100\%\+8px\)\] { top: calc(100% + 8px); } .top-full { top: 100%; } .-right-0\.5 { right: calc(var(--spacing) * -.5); } .-right-1 { right: calc(var(--spacing) * -1); } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-2 { right: calc(var(--spacing) * -2); } .-right-8 { right: calc(var(--spacing) * -8); } .-right-12 { right: calc(var(--spacing) * -12); } .-right-24 { right: calc(var(--spacing) * -24); } .right-0 { right: 0; } .right-0\.5 { right: calc(var(--spacing) * .5); } .right-1 { right: var(--spacing); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-1\/2 { right: 50%; } .right-2 { right: calc(var(--spacing) * 2); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-11 { right: calc(var(--spacing) * 11); } .right-\[0\.10in\] { right: .1in; } .right-\[2px\] { right: 2px; } .-bottom-1 { bottom: calc(var(--spacing) * -1); } .-bottom-3 { bottom: calc(var(--spacing) * -3); } .-bottom-4 { bottom: calc(var(--spacing) * -4); } .-bottom-12 { bottom: calc(var(--spacing) * -12); } .-bottom-px { bottom: -1px; } .bottom-0 { bottom: 0; } .bottom-1 { bottom: var(--spacing); } .bottom-1\.5 { bottom: calc(var(--spacing) * 1.5); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-\[0\.04in\] { bottom: .04in; } .bottom-\[calc\(env\(safe-area-inset-bottom\)\+5\.75rem\)\] { bottom: calc(env(safe-area-inset-bottom) + 5.75rem); } .-left-1 { left: calc(var(--spacing) * -1); } .-left-2\.5 { left: calc(var(--spacing) * -2.5); } .-left-12 { left: calc(var(--spacing) * -12); } .-left-\[7px\] { left: -7px; } .-left-\[11px\] { left: -11px; } .-left-\[31px\] { left: -31px; } .left-0 { left: 0; } .left-1 { left: var(--spacing); } .left-1\/2 { left: 50%; } .left-2 { left: calc(var(--spacing) * 2); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-5 { left: calc(var(--spacing) * 5); } .left-6 { left: calc(var(--spacing) * 6); } .left-20 { left: calc(var(--spacing) * 20); } .left-\[0\.10in\] { left: .1in; } .left-\[9\.5px\] { left: 9.5px; } .left-\[15px\] { left: 15px; } .left-\[50\%\] { left: 50%; } .isolate { isolation: isolate; } .-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-\[1\] { z-index: 1; } .z-\[60\] { z-index: 60; } .z-\[90\] { z-index: 90; } .z-\[100\] { z-index: 100; } .z-\[110\] { z-index: 110; } .z-\[200\] { z-index: 200; } .z-\[500\] { z-index: 500; } .order-2 { order: 2; } .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-6 { grid-column: span 6 / span 6; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-12 { grid-column: span 12 / span 12; } .col-span-full { grid-column: 1 / -1; } .col-start-2 { grid-column-start: 2; } .row-2 { grid-row: 2; } .row-span-2 { grid-row: span 2 / span 2; } .float-right { float: right; } .container { width: 100%; } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .-m-0\.5 { margin: calc(var(--spacing) * -.5); } .-m-1 { margin: calc(var(--spacing) * -1); } .m-0 { margin: 0; } .m-0\.5 { margin: calc(var(--spacing) * .5); } .m-3 { margin: calc(var(--spacing) * 3); } .m-6 { margin: calc(var(--spacing) * 6); } .m-\[1px\] { margin: 1px; } .m-auto { margin: auto; } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .-mx-px { margin-inline: -1px; } .mx-0\.5 { margin-inline: calc(var(--spacing) * .5); } .mx-1 { margin-inline: var(--spacing); } .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-auto { margin-inline: auto; } .-my-0\.5 { margin-block: calc(var(--spacing) * -.5); } .-my-1 { margin-block: calc(var(--spacing) * -1); } .-my-2 { margin-block: calc(var(--spacing) * -2); } .my-0\.5 { margin-block: calc(var(--spacing) * .5); } .my-1 { margin-block: var(--spacing); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-auto { margin-block: auto; } .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-3 { margin-top: calc(var(--spacing) * -3); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .mt-0 { margin-top: 0; } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: var(--spacing); } .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-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .mt-\[1px\] { margin-top: 1px; } .mt-\[2px\] { margin-top: 2px; } .mt-\[3px\] { margin-top: 3px; } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .-mr-3 { margin-right: calc(var(--spacing) * -3); } .mr-0\.5 { margin-right: calc(var(--spacing) * .5); } .mr-1 { margin-right: var(--spacing); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-8 { margin-right: calc(var(--spacing) * 8); } .mr-auto { margin-right: auto; } .-mb-3 { margin-bottom: calc(var(--spacing) * -3); } .-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .-mb-6 { margin-bottom: calc(var(--spacing) * -6); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: 0; } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .mb-1 { margin-bottom: var(--spacing); } .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-\[2px\] { margin-bottom: 2px; } .-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-4 { margin-left: calc(var(--spacing) * -4); } .ml-0\.5 { margin-left: calc(var(--spacing) * .5); } .ml-1 { margin-left: var(--spacing); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-5 { margin-left: calc(var(--spacing) * 5); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-7 { margin-left: calc(var(--spacing) * 7); } .ml-8 { margin-left: calc(var(--spacing) * 8); } .ml-9 { margin-left: calc(var(--spacing) * 9); } .ml-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; } .\!table { display: table !important; } .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; } .inline-grid { display: inline-grid; } .table { display: table; } .aspect-\[4\/3\] { aspect-ratio: 4 / 3; } .aspect-\[16\/7\] { aspect-ratio: 16 / 7; } .aspect-\[16\/9\] { aspect-ratio: 16 / 9; } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-\(--cell-size\) { width: var(--cell-size); height: var(--cell-size); } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .h-\(--cell-size\) { height: var(--cell-size); } .h-0\.5 { height: calc(var(--spacing) * .5); } .h-1 { height: var(--spacing); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .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-4\.5 { height: calc(var(--spacing) * 4.5); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-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-36 { height: calc(var(--spacing) * 36); } .h-40 { height: calc(var(--spacing) * 40); } .h-48 { height: calc(var(--spacing) * 48); } .h-56 { height: calc(var(--spacing) * 56); } .h-64 { height: calc(var(--spacing) * 64); } .h-72 { height: calc(var(--spacing) * 72); } .h-\[1px\] { height: 1px; } .h-\[3px\] { height: 3px; } .h-\[6px\] { height: 6px; } .h-\[10px\] { height: 10px; } .h-\[14px\] { height: 14px; } .h-\[16px\] { height: 16px; } .h-\[18px\] { height: 18px; } .h-\[20px\] { height: 20px; } .h-\[21rem\] { height: 21rem; } .h-\[22px\] { height: 22px; } .h-\[28px\] { height: 28px; } .h-\[30px\] { height: 30px; } .h-\[68px\] { height: 68px; } .h-\[70vh\] { height: 70vh; } .h-\[72px\] { height: 72px; } .h-\[76px\] { height: 76px; } .h-\[80vh\] { height: 80vh; } .h-\[85vh\] { height: 85vh; } .h-\[88vh\] { height: 88vh; } .h-\[90vh\] { height: 90vh; } .h-\[92dvh\] { height: 92dvh; } .h-\[92vh\] { height: 92vh; } .h-\[100dvh\] { height: 100dvh; } .h-\[104px\] { height: 104px; } .h-\[140px\] { height: 140px; } .h-\[180px\] { height: 180px; } .h-\[200px\] { height: 200px; } .h-\[340px\] { height: 340px; } .h-\[420px\] { height: 420px; } .h-\[calc\(100dvh-3\.5rem\)\] { height: calc(100dvh - 3.5rem); } .h-\[calc\(100dvh-56px\)\] { height: calc(100dvh - 56px); } .h-\[calc\(100vh-180px\)\] { height: calc(100vh - 180px); } .h-\[calc\(100vh-340px\)\] { height: calc(100vh - 340px); } .h-\[var\(--kiosk-tap-major\,3\.5rem\)\] { height: var(--kiosk-tap-major, 3.5rem); } .h-\[var\(--kiosk-tap-primary\,3\.5rem\)\] { height: var(--kiosk-tap-primary, 3.5rem); } .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-dvh { height: 100dvh; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-svh { height: 100svh; } .max-h-\(--radix-context-menu-content-available-height\) { max-height: var(--radix-context-menu-content-available-height); } .max-h-\(--radix-select-content-available-height\) { max-height: var(--radix-select-content-available-height); } .max-h-16 { max-height: calc(var(--spacing) * 16); } .max-h-24 { max-height: calc(var(--spacing) * 24); } .max-h-28 { max-height: calc(var(--spacing) * 28); } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-44 { max-height: calc(var(--spacing) * 44); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-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-\[24rem\] { max-height: 24rem; } .max-h-\[40vh\] { max-height: 40vh; } .max-h-\[42dvh\] { max-height: 42dvh; } .max-h-\[45vh\] { max-height: 45vh; } .max-h-\[46vh\] { max-height: 46vh; } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[52vh\] { max-height: 52vh; } .max-h-\[55vh\] { max-height: 55vh; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[62vh\] { max-height: 62vh; } .max-h-\[65vh\] { max-height: 65vh; } .max-h-\[68vh\] { max-height: 68vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[75vh\] { max-height: 75vh; } .max-h-\[78vh\] { max-height: 78vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[88vh\] { max-height: 88vh; } .max-h-\[90dvh\] { max-height: 90dvh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[92dvh\] { max-height: 92dvh; } .max-h-\[92svh\] { max-height: 92svh; } .max-h-\[92vh\] { max-height: 92vh; } .max-h-\[94dvh\] { max-height: 94dvh; } .max-h-\[95vh\] { max-height: 95vh; } .max-h-\[100dvh\] { max-height: 100dvh; } .max-h-\[260px\] { max-height: 260px; } .max-h-\[280px\] { max-height: 280px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[420px\] { max-height: 420px; } .max-h-\[460px\] { max-height: 460px; } .max-h-\[480px\] { max-height: 480px; } .max-h-\[520px\] { max-height: 520px; } .max-h-\[calc\(100dvh-1\.5rem\)\] { max-height: calc(100dvh - 1.5rem); } .max-h-\[calc\(100dvh-2rem\)\] { max-height: calc(100dvh - 2rem); } .max-h-\[calc\(100vh-6rem\)\] { max-height: calc(100vh - 6rem); } .max-h-\[calc\(100vh-7rem\)\] { max-height: calc(100vh - 7rem); } .max-h-\[calc\(100vh-13rem\)\] { max-height: calc(100vh - 13rem); } .max-h-\[calc\(100vh-15rem\)\] { max-height: calc(100vh - 15rem); } .max-h-\[calc\(100vh-200px\)\] { max-height: calc(100vh - 200px); } .max-h-\[calc\(100vh-220px\)\] { max-height: calc(100vh - 220px); } .max-h-\[calc\(100vh-260px\)\] { max-height: calc(100vh - 260px); } .max-h-\[min\(60vh\,20rem\)\] { max-height: min(60vh, 20rem); } .max-h-\[min\(70vh\,520px\)\] { max-height: min(70vh, 520px); } .max-h-\[min\(70vh\,560px\)\] { max-height: min(70vh, 560px); } .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] { max-height: var(--radix-dropdown-menu-content-available-height); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: 0; } .min-h-5 { min-height: calc(var(--spacing) * 5); } .min-h-7 { min-height: calc(var(--spacing) * 7); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-11 { min-height: calc(var(--spacing) * 11); } .min-h-12 { min-height: calc(var(--spacing) * 12); } .min-h-14 { min-height: calc(var(--spacing) * 14); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-20 { min-height: calc(var(--spacing) * 20); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-40 { min-height: calc(var(--spacing) * 40); } .min-h-\[1rem\] { min-height: 1rem; } .min-h-\[3\.5rem\] { min-height: 3.5rem; } .min-h-\[3\.25rem\] { min-height: 3.25rem; } .min-h-\[4\.5rem\] { min-height: 4.5rem; } .min-h-\[6\.5rem\] { min-height: 6.5rem; } .min-h-\[7rem\] { min-height: 7rem; } .min-h-\[9rem\] { min-height: 9rem; } .min-h-\[16rem\] { min-height: 16rem; } .min-h-\[21rem\] { min-height: 21rem; } .min-h-\[24px\] { min-height: 24px; } .min-h-\[34px\] { min-height: 34px; } .min-h-\[36px\] { min-height: 36px; } .min-h-\[38vh\] { min-height: 38vh; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[40vh\] { min-height: 40vh; } .min-h-\[42px\] { min-height: 42px; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[48px\] { min-height: 48px; } .min-h-\[52px\] { min-height: 52px; } .min-h-\[56px\] { min-height: 56px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[60vh\] { min-height: 60vh; } .min-h-\[64px\] { min-height: 64px; } .min-h-\[68px\] { min-height: 68px; } .min-h-\[68vh\] { min-height: 68vh; } .min-h-\[72px\] { min-height: 72px; } .min-h-\[76px\] { min-height: 76px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[88px\] { min-height: 88px; } .min-h-\[96px\] { min-height: 96px; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[110px\] { min-height: 110px; } .min-h-\[112px\] { min-height: 112px; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[220px\] { min-height: 220px; } .min-h-\[260px\] { min-height: 260px; } .min-h-\[280px\] { min-height: 280px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[340px\] { min-height: 340px; } .min-h-\[380px\] { min-height: 380px; } .min-h-\[420px\] { min-height: 420px; } .min-h-\[calc\(100vh-3\.5rem\)\] { min-height: calc(100vh - 3.5rem); } .min-h-\[var\(--kiosk-tap-major\)\] { min-height: var(--kiosk-tap-major); } .min-h-\[var\(--kiosk-tap-primary\)\] { min-height: var(--kiosk-tap-primary); } .min-h-\[var\(--kiosk-tap-row\)\] { min-height: var(--kiosk-tap-row); } .min-h-\[var\(--vv-height\,100dvh\)\] { min-height: var(--vv-height, 100dvh); } .min-h-dvh { min-height: 100dvh; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .\!w-full { width: 100% !important; } .w-\(--cell-size\) { width: var(--cell-size); } .w-\(--sidebar-width\) { width: var(--sidebar-width); } .w-0 { width: 0; } .w-0\.5 { width: calc(var(--spacing) * .5); } .w-1 { width: var(--spacing); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.3333%; } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: 66.6667%; } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: 75%; } .w-4 { width: calc(var(--spacing) * 4); } .w-4\.5 { width: calc(var(--spacing) * 4.5); } .w-5 { width: calc(var(--spacing) * 5); } .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-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-\[--radix-popover-trigger-width\] { width: --radix-popover-trigger-width; } .w-\[1\%\] { width: 1%; } .w-\[1px\] { width: 1px; } .w-\[3px\] { width: 3px; } .w-\[4\%\] { width: 4%; } .w-\[6px\] { width: 6px; } .w-\[7\.5rem\] { width: 7.5rem; } .w-\[10\%\] { width: 10%; } .w-\[11\.5rem\] { width: 11.5rem; } .w-\[13\%\] { width: 13%; } .w-\[14\%\] { width: 14%; } .w-\[16\%\] { width: 16%; } .w-\[18\%\] { width: 18%; } .w-\[22rem\] { width: 22rem; } .w-\[24\%\] { width: 24%; } .w-\[26\%\] { width: 26%; } .w-\[28rem\] { width: 28rem; } .w-\[30\%\] { width: 30%; } .w-\[30px\] { width: 30px; } .w-\[32rem\] { width: 32rem; } .w-\[45\%\] { width: 45%; } .w-\[50px\] { width: 50px; } .w-\[84px\] { width: 84px; } .w-\[85\%\] { width: 85%; } .w-\[88vw\] { width: 88vw; } .w-\[90vw\] { width: 90vw; } .w-\[92px\] { width: 92px; } .w-\[95vw\] { width: 95vw; } .w-\[96px\] { width: 96px; } .w-\[96vw\] { width: 96vw; } .w-\[100px\] { width: 100px; } .w-\[104px\] { width: 104px; } .w-\[110px\] { width: 110px; } .w-\[116px\] { width: 116px; } .w-\[120px\] { width: 120px; } .w-\[130px\] { width: 130px; } .w-\[140px\] { width: 140px; } .w-\[150px\] { width: 150px; } .w-\[160px\] { width: 160px; } .w-\[170px\] { width: 170px; } .w-\[180px\] { width: 180px; } .w-\[190px\] { width: 190px; } .w-\[200px\] { width: 200px; } .w-\[220px\] { width: 220px; } .w-\[240px\] { width: 240px; } .w-\[260px\] { width: 260px; } .w-\[280px\] { width: 280px; } .w-\[320px\] { width: 320px; } .w-\[360px\] { width: 360px; } .w-\[380px\] { width: 380px; } .w-\[420px\] { width: 420px; } .w-\[460px\] { width: 460px; } .w-\[1100px\] { width: 1100px; } .w-\[1200px\] { width: 1200px; } .w-\[calc\(100vw-1\.5rem\)\] { width: calc(100vw - 1.5rem); } .w-\[calc\(100vw-1rem\)\] { width: calc(100vw - 1rem); } .w-\[calc\(100vw-2rem\)\] { width: calc(100vw - 2rem); } .w-\[min\(20rem\,calc\(100vw-2rem\)\)\] { width: min(20rem, 100vw - 2rem); } .w-\[min\(21rem\,calc\(100vw-1rem\)\)\] { width: min(21rem, 100vw - 1rem); } .w-\[min\(22rem\,calc\(100vw-2rem\)\)\] { width: min(22rem, 100vw - 2rem); } .w-\[min\(28rem\,90vw\)\] { width: min(28rem, 90vw); } .w-\[min\(28rem\,calc\(100vw-1\.5rem\)\)\] { width: min(28rem, 100vw - 1.5rem); } .w-\[min\(28rem\,calc\(100vw-2rem\)\)\] { width: min(28rem, 100vw - 2rem); } .w-\[min\(32rem\,92vw\)\] { width: min(32rem, 92vw); } .w-\[min\(60vw\,28rem\)\] { width: min(60vw, 28rem); } .w-\[min\(92vw\,22rem\)\] { width: min(92vw, 22rem); } .w-\[min\(92vw\,26rem\)\] { width: min(92vw, 26rem); } .w-\[min\(96vw\,52rem\)\] { width: min(96vw, 52rem); } .w-\[min\(96vw\,72rem\)\] { width: min(96vw, 72rem); } .w-\[min\(100vw-16px\,640px\)\] { width: min(100vw - 16px, 640px); } .w-\[min\(260px\,60vw\)\] { width: min(260px, 60vw); } .w-\[min\(420px\,90vw\)\] { width: min(420px, 90vw); } .w-\[min\(420px\,100vw\)\] { width: min(420px, 100vw); } .w-\[var\(--kiosk-tap-major\,3\.5rem\)\] { width: var(--kiosk-tap-major, 3.5rem); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .\!max-w-full { max-width: 100% !important; } .max-w-\(--skeleton-width\) { max-width: var(--skeleton-width); } .max-w-0 { max-width: 0; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-40 { max-width: calc(var(--spacing) * 40); } .max-w-48 { max-width: calc(var(--spacing) * 48); } .max-w-56 { max-width: calc(var(--spacing) * 56); } .max-w-\[7in\] { max-width: 7in; } .max-w-\[8rem\] { max-width: 8rem; } .max-w-\[9rem\] { max-width: 9rem; } .max-w-\[10rem\] { max-width: 10rem; } .max-w-\[12rem\] { max-width: 12rem; } .max-w-\[13rem\] { max-width: 13rem; } .max-w-\[14rem\] { max-width: 14rem; } .max-w-\[16rem\] { max-width: 16rem; } .max-w-\[18rem\] { max-width: 18rem; } .max-w-\[20ch\] { max-width: 20ch; } .max-w-\[20rem\] { max-width: 20rem; } .max-w-\[22rem\] { max-width: 22rem; } .max-w-\[28rem\] { max-width: 28rem; } .max-w-\[32ch\] { max-width: 32ch; } .max-w-\[42\%\] { max-width: 42%; } .max-w-\[45\%\] { max-width: 45%; } .max-w-\[50\%\] { max-width: 50%; } .max-w-\[55\%\] { max-width: 55%; } .max-w-\[62\%\] { max-width: 62%; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[92px\] { max-width: 92px; } .max-w-\[95vw\] { max-width: 95vw; } .max-w-\[96vw\] { max-width: 96vw; } .max-w-\[100vw\] { max-width: 100vw; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[120rem\] { max-width: 120rem; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[170px\] { max-width: 170px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[340px\] { max-width: 340px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[1100px\] { max-width: 1100px; } .max-w-\[1400px\] { max-width: 1400px; } .max-w-\[calc\(100vw-1\.5rem\)\] { max-width: calc(100vw - 1.5rem); } .max-w-\[calc\(100vw-1rem\)\] { max-width: calc(100vw - 1rem); } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem); } .max-w-\[min\(56rem\,96vw\)\] { max-width: min(56rem, 96vw); } .max-w-\[min\(90vw\,520px\)\] { max-width: min(90vw, 520px); } .max-w-\[min\(96vw\,60rem\)\] { max-width: min(96vw, 60rem); } .max-w-\[min\(96vw\,1100px\)\] { max-width: min(96vw, 1100px); } .max-w-\[min\(1600px\,100\%\)\] { max-width: min(1600px, 100%); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-max { max-width: max-content; } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-prose { max-width: 65ch; } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-\(--cell-size\) { min-width: var(--cell-size); } .min-w-0 { min-width: 0; } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-10 { min-width: calc(var(--spacing) * 10); } .min-w-20 { min-width: calc(var(--spacing) * 20); } .min-w-28 { min-width: calc(var(--spacing) * 28); } .min-w-\[2rem\] { min-width: 2rem; } .min-w-\[3rem\] { min-width: 3rem; } .min-w-\[5rem\] { min-width: 5rem; } .min-w-\[7rem\] { min-width: 7rem; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[9rem\] { min-width: 9rem; } .min-w-\[10rem\] { min-width: 10rem; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[14px\] { min-width: 14px; } .min-w-\[16px\] { min-width: 16px; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[20px\] { min-width: 20px; } .min-w-\[22px\] { min-width: 22px; } .min-w-\[24px\] { min-width: 24px; } .min-w-\[28px\] { min-width: 28px; } .min-w-\[40px\] { min-width: 40px; } .min-w-\[44px\] { min-width: 44px; } .min-w-\[48px\] { min-width: 48px; } .min-w-\[56px\] { min-width: 56px; } .min-w-\[60\%\] { min-width: 60%; } .min-w-\[60px\] { min-width: 60px; } .min-w-\[64px\] { min-width: 64px; } .min-w-\[70px\] { min-width: 70px; } .min-w-\[80px\] { min-width: 80px; } .min-w-\[88px\] { min-width: 88px; } .min-w-\[90px\] { min-width: 90px; } .min-w-\[96px\] { min-width: 96px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[110px\] { min-width: 110px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[420px\] { min-width: 420px; } .min-w-\[480px\] { min-width: 480px; } .min-w-\[560px\] { min-width: 560px; } .min-w-\[600px\] { min-width: 600px; } .min-w-\[640px\] { min-width: 640px; } .min-w-\[720px\] { min-width: 720px; } .min-w-\[760px\] { min-width: 760px; } .min-w-\[820px\] { min-width: 820px; } .min-w-\[860px\] { min-width: 860px; } .min-w-\[900px\] { min-width: 900px; } .min-w-\[920px\] { min-width: 920px; } .min-w-\[960px\] { min-width: 960px; } .min-w-\[1100px\] { min-width: 1100px; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-full { min-width: 100%; } .min-w-min { min-width: min-content; } .flex-1 { flex: 1; } .flex-\[0\.5\] { flex: .5; } .flex-\[2\] { flex: 2; } .flex-none { flex: none; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-56 { flex-basis: calc(var(--spacing) * 56); } .basis-full { flex-basis: 100%; } .table-fixed { table-layout: fixed; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .border-separate { border-collapse: separate; } .border-spacing-0 { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .origin-\(--radix-context-menu-content-transform-origin\) { transform-origin: var(--radix-context-menu-content-transform-origin); } .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); } .origin-\(--radix-hover-card-content-transform-origin\) { transform-origin: var(--radix-hover-card-content-transform-origin); } .origin-\(--radix-menubar-content-transform-origin\) { transform-origin: var(--radix-menubar-content-transform-origin); } .origin-\(--radix-popover-content-transform-origin\) { transform-origin: var(--radix-popover-content-transform-origin); } .origin-\(--radix-select-content-transform-origin\) { transform-origin: var(--radix-select-content-transform-origin); } .origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin); } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: 0; 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-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\.5 { --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: 0; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .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); } .-rotate-90 { rotate: -90deg; } .rotate-0 { rotate: 0deg; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .-skew-x-12 { --tw-skew-x: skewX(calc(12deg * -1)); 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-\[scanline_1\.8s_ease-in-out_infinite\] { animation: 1.8s ease-in-out infinite scanline; } .animate-\[shimmer_1\.6s_ease-in-out_infinite\] { animation: 1.6s ease-in-out infinite shimmer; } .animate-caret-blink { animation: 1.25s ease-out infinite caret-blink; } .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-ew-resize { cursor: ew-resize; } .cursor-grab { cursor: grab; } .cursor-help { cursor: help; } .cursor-move { cursor: move; } .cursor-not-allowed { cursor: not-allowed; } .cursor-ns-resize { cursor: ns-resize; } .cursor-nwse-resize { cursor: nwse-resize; } .cursor-pointer { cursor: pointer; } .cursor-zoom-in { cursor: zoom-in; } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-manipulation { touch-action: manipulation; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .scroll-mt-20 { scroll-margin-top: calc(var(--spacing) * 20); } .scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24); } .scrollbar-none { scrollbar-width: none; } .list-inside { list-style-position: inside; } .list-\[upper-alpha\] { list-style-type: upper-alpha; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .\[appearance\:textfield\] { appearance: textfield; } .appearance-none { appearance: none; } .auto-rows-\[minmax\(160px\,auto\)\] { grid-auto-rows: minmax(160px, auto); } .auto-rows-min { grid-auto-rows: min-content; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-\[1\.6fr_1fr_1fr_auto\] { grid-template-columns: 1.6fr 1fr 1fr auto; } .grid-cols-\[1fr\,auto\] { grid-template-columns: 1fr,auto; } .grid-cols-\[1fr_1\.3fr_1fr_auto\] { grid-template-columns: 1fr 1.3fr 1fr auto; } .grid-cols-\[1fr_1fr_auto\] { grid-template-columns: 1fr 1fr auto; } .grid-cols-\[1fr_1fr_auto_auto\] { grid-template-columns: 1fr 1fr auto auto; } .grid-cols-\[1fr_60px_1fr_24px\] { grid-template-columns: 1fr 60px 1fr 24px; } .grid-cols-\[1fr_70px_90px_70px_90px\] { grid-template-columns: 1fr 70px 90px 70px 90px; } .grid-cols-\[1fr_80px_80px_80px_160px_40px\] { grid-template-columns: 1fr 80px 80px 80px 160px 40px; } .grid-cols-\[1fr_140px_120px_1fr_auto\] { grid-template-columns: 1fr 140px 120px 1fr auto; } .grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .grid-cols-\[1fr_auto_auto\] { grid-template-columns: 1fr auto auto; } .grid-cols-\[1fr_auto_auto_auto_auto_auto_auto\] { grid-template-columns: 1fr auto auto auto auto auto auto; } .grid-cols-\[6\.5rem\,1fr\] { grid-template-columns: 6.5rem,1fr; } .grid-cols-\[9rem_1fr\] { grid-template-columns: 9rem 1fr; } .grid-cols-\[10rem_1fr\] { grid-template-columns: 10rem 1fr; } .grid-cols-\[16px_1fr_auto\] { grid-template-columns: 16px 1fr auto; } .grid-cols-\[28px_1fr\] { grid-template-columns: 28px 1fr; } .grid-cols-\[28px_repeat\(7\,1fr\)\] { grid-template-columns: 28px repeat(7, 1fr); } .grid-cols-\[56px_minmax\(0\,1fr\)\] { grid-template-columns: 56px minmax(0, 1fr); } .grid-cols-\[80px_1fr\] { grid-template-columns: 80px 1fr; } .grid-cols-\[88px_184px_1fr_80px_60px_70px_84px_84px_24px_24px_28px_28px\] { grid-template-columns: 88px 184px 1fr 80px 60px 70px 84px 84px 24px 24px 28px 28px; } .grid-cols-\[110px_1fr\] { grid-template-columns: 110px 1fr; } .grid-cols-\[110px_1fr_auto\] { grid-template-columns: 110px 1fr auto; } .grid-cols-\[120px_1fr\] { grid-template-columns: 120px 1fr; } .grid-cols-\[130px_1fr\] { grid-template-columns: 130px 1fr; } .grid-cols-\[130px_1fr_60px\] { grid-template-columns: 130px 1fr 60px; } .grid-cols-\[140px_1fr\] { grid-template-columns: 140px 1fr; } .grid-cols-\[140px_1fr_auto\] { grid-template-columns: 140px 1fr auto; } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto; } .grid-cols-\[auto_1fr_auto_1fr\] { grid-template-columns: auto 1fr auto 1fr; } .grid-cols-\[auto_minmax\(0\,1fr\)\] { grid-template-columns: auto minmax(0, 1fr); } .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] { grid-template-columns: auto minmax(0, 1fr) auto; } .grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\] { grid-template-columns: auto minmax(0, 1fr) auto auto; } .grid-cols-\[minmax\(0\,1fr\)_3rem_4\.5rem\] { grid-template-columns: minmax(0, 1fr) 3rem 4.5rem; } .grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0, 1fr) auto; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .place-items-center { place-items: center; } .content-center { align-content: center; } .content-start { align-content: flex-start; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0 { gap: 0; } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: var(--spacing); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-\[2px\] { gap: 2px; } .gap-\[3px\] { gap: 3px; } .gap-px { gap: 1px; } :where(.space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block: 0; } :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(var(--spacing) * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * 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-\[1px\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(1px * var(--tw-space-y-reverse)); margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } :where(.space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse)); margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-0\.5 { row-gap: calc(var(--spacing) * .5); } .gap-y-1 { row-gap: var(--spacing); } .gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-2\.5 { row-gap: calc(var(--spacing) * 2.5); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-\[2px\] { row-gap: 2px; } :where(.divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-border > :not(:last-child)), :where(.divide-border\/40 > :not(:last-child)) { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/40 > :not(:last-child)) { border-color: color-mix(in oklab, var(--border) 40%, transparent); } } :where(.divide-border\/60 > :not(:last-child)) { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/60 > :not(:last-child)) { border-color: color-mix(in oklab, var(--border) 60%, transparent); } } :where(.divide-destructive\/20 > :not(:last-child)) { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-destructive\/20 > :not(:last-child)) { border-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } :where(.divide-primary\/10 > :not(:last-child)) { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-primary\/10 > :not(:last-child)) { border-color: color-mix(in oklab, var(--primary) 10%, 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; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: flex-end; } .justify-self-start { justify-self: flex-start; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overscroll-contain { overscroll-behavior: contain; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: calc(var(--radius) + 8px); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-\[1px\] { border-radius: 1px; } .rounded-\[2\.5rem\] { border-radius: 2.5rem; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[2rem\] { border-radius: 2rem; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius); } .rounded-md { border-radius: calc(var(--radius) - 2px); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: calc(var(--radius) - 4px); } .rounded-xl { border-radius: calc(var(--radius) + 4px); } .rounded-t { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .rounded-t-2xl { border-top-left-radius: calc(var(--radius) + 8px); border-top-right-radius: calc(var(--radius) + 8px); } .rounded-t-\[4px\] { border-top-left-radius: 4px; border-top-right-radius: 4px; } .rounded-t-\[10px\] { border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-t-md { border-top-left-radius: calc(var(--radius) - 2px); border-top-right-radius: calc(var(--radius) - 2px); } .rounded-t-sm { border-top-left-radius: calc(var(--radius) - 4px); border-top-right-radius: calc(var(--radius) - 4px); } .rounded-t-xl { border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px); } .rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); } .rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .rounded-bl { border-bottom-left-radius: .25rem; } .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-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; } .border-\[3px\] { border-style: var(--tw-border-style); border-width: 3px; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-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-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-t-\[3px\] { border-top-style: var(--tw-border-style); border-top-width: 3px; } .border-t-\[6px\] { border-top-style: var(--tw-border-style); border-top-width: 6px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-4 { border-right-style: var(--tw-border-style); border-right-width: 4px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-b-4 { border-bottom-style: var(--tw-border-style); border-bottom-width: 4px; } .border-b-\[3px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: 3px; } .border-b-\[4px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: 4px; } .border-b-\[8px\] { border-bottom-style: var(--tw-border-style); border-bottom-width: 8px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-\(--color-border\) { border-color: var(--color-border); } .border-\[\#1f3866\] { border-color: #1f3866; } .border-\[\#f97316\]\/40 { border-color: #f9731666; border-color: lab(64.4963% 49.3667 68.6638 / .4); } .border-\[hsl\(var\(--primary\)\)\]\/30 { border-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .border-\[hsl\(var\(--primary\)\)\]\/30 { border-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent); } } .border-\[var\(--brand-orange\)\], .border-\[var\(--brand-orange\)\]\/30 { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .border-\[var\(--brand-orange\)\]\/30 { border-color: color-mix(in oklab, var(--brand-orange) 30%, transparent); } } .border-\[var\(--brand-orange\)\]\/40 { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .border-\[var\(--brand-orange\)\]\/40 { border-color: color-mix(in oklab, var(--brand-orange) 40%, transparent); } } .border-\[var\(--brand-orange\)\]\/50 { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .border-\[var\(--brand-orange\)\]\/50 { border-color: color-mix(in oklab, var(--brand-orange) 50%, transparent); } } .border-\[var\(--brand-orange\)\]\/60 { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .border-\[var\(--brand-orange\)\]\/60 { border-color: color-mix(in oklab, var(--brand-orange) 60%, transparent); } } .border-\[var\(--brand-orange\)\]\/70 { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .border-\[var\(--brand-orange\)\]\/70 { border-color: color-mix(in oklab, var(--brand-orange) 70%, transparent); } } .border-\[var\(--color-brand-orange\)\], .border-\[var\(--color-brand-orange\)\]\/40 { border-color: var(--color-brand-orange); } @supports (color: color-mix(in lab, red, red)) { .border-\[var\(--color-brand-orange\)\]\/40 { border-color: color-mix(in oklab, var(--color-brand-orange) 40%, transparent); } } .border-\[var\(--kiosk-hairline\)\] { border-color: var(--kiosk-hairline); } .border-accent, .border-accent\/40 { border-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .border-accent\/40 { border-color: color-mix(in oklab, var(--accent) 40%, transparent); } } .border-amber-200 { border-color: var(--color-amber-200); } .border-amber-200\/80 { border-color: #fee685cc; } @supports (color: color-mix(in lab, red, red)) { .border-amber-200\/80 { border-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent); } } .border-amber-300 { border-color: var(--color-amber-300); } .border-amber-300\/40 { border-color: #ffd23666; } @supports (color: color-mix(in lab, red, red)) { .border-amber-300\/40 { border-color: color-mix(in oklab, var(--color-amber-300) 40%, transparent); } } .border-amber-300\/50 { border-color: #ffd23680; } @supports (color: color-mix(in lab, red, red)) { .border-amber-300\/50 { border-color: color-mix(in oklab, var(--color-amber-300) 50%, transparent); } } .border-amber-300\/60 { border-color: #ffd23699; } @supports (color: color-mix(in lab, red, red)) { .border-amber-300\/60 { border-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent); } } .border-amber-300\/80 { border-color: #ffd236cc; } @supports (color: color-mix(in lab, red, red)) { .border-amber-300\/80 { border-color: color-mix(in oklab, var(--color-amber-300) 80%, transparent); } } .border-amber-400 { border-color: var(--color-amber-400); } .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\/60 { border-color: #fcbb0099; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/60 { border-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent); } } .border-amber-500 { border-color: var(--color-amber-500); } .border-amber-500\/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-500\/60 { border-color: #f99c0099; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/60 { border-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent); } } .border-amber-500\/70 { border-color: #f99c00b3; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/70 { border-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent); } } .border-background { border-color: var(--background); } .border-black { border-color: var(--color-black); } .border-black\/10 { border-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .border-black\/10 { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .border-black\/20 { border-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .border-black\/20 { border-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .border-black\/40 { border-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .border-black\/40 { border-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .border-black\/70 { border-color: #000000b3; } @supports (color: color-mix(in lab, red, red)) { .border-black\/70 { border-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-300 { border-color: var(--color-blue-300); } .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\/60 { border-color: #3080ff99; } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/60 { border-color: color-mix(in oklab, var(--color-blue-500) 60%, transparent); } } .border-border { border-color: var(--border); } .border-border-strong { border-color: var(--border-strong); } .border-border\/20 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/20 { border-color: color-mix(in oklab, var(--border) 20%, transparent); } } .border-border\/30 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/30 { border-color: color-mix(in oklab, var(--border) 30%, transparent); } } .border-border\/40 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/40 { border-color: color-mix(in oklab, var(--border) 40%, transparent); } } .border-border\/50 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/50 { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } .border-border\/60 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/60 { border-color: color-mix(in oklab, var(--border) 60%, transparent); } } .border-border\/70 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/70 { border-color: color-mix(in oklab, var(--border) 70%, transparent); } } .border-brand-orange, .border-brand-orange\/20 { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .border-brand-orange\/20 { border-color: color-mix(in oklab, var(--brand-orange) 20%, transparent); } } .border-brand-orange\/30 { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .border-brand-orange\/30 { border-color: color-mix(in oklab, var(--brand-orange) 30%, transparent); } } .border-brand-orange\/40 { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .border-brand-orange\/40 { border-color: color-mix(in oklab, var(--brand-orange) 40%, transparent); } } .border-brand-orange\/50 { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .border-brand-orange\/50 { border-color: color-mix(in oklab, var(--brand-orange) 50%, transparent); } } .border-brand-orange\/60 { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .border-brand-orange\/60 { border-color: color-mix(in oklab, var(--brand-orange) 60%, transparent); } } .border-current, .border-current\/10 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/10 { border-color: color-mix(in oklab, currentcolor 10%, transparent); } } .border-current\/20 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/20 { border-color: color-mix(in oklab, currentcolor 20%, transparent); } } .border-current\/30 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/30 { border-color: color-mix(in oklab, currentcolor 30%, transparent); } } .border-current\/40 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/40 { border-color: color-mix(in oklab, currentcolor 40%, 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\/40 { border-color: #00b7d766; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-500\/40 { border-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent); } } .border-destructive, .border-destructive\/20 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/20 { border-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .border-destructive\/30 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/30 { border-color: color-mix(in oklab, var(--destructive) 30%, transparent); } } .border-destructive\/40 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/40 { border-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .border-destructive\/45 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/45 { border-color: color-mix(in oklab, var(--destructive) 45%, transparent); } } .border-destructive\/50 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/50 { border-color: color-mix(in oklab, var(--destructive) 50%, transparent); } } .border-destructive\/60 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/60 { border-color: color-mix(in oklab, var(--destructive) 60%, transparent); } } .border-destructive\/70 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/70 { border-color: color-mix(in oklab, var(--destructive) 70%, transparent); } } .border-emerald-200 { border-color: var(--color-emerald-200); } .border-emerald-300 { border-color: var(--color-emerald-300); } .border-emerald-300\/40 { border-color: #5ee9b566; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-300\/40 { border-color: color-mix(in oklab, var(--color-emerald-300) 40%, transparent); } } .border-emerald-300\/60 { border-color: #5ee9b599; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-300\/60 { border-color: color-mix(in oklab, var(--color-emerald-300) 60%, transparent); } } .border-emerald-400 { border-color: var(--color-emerald-400); } .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\/40 { border-color: #00d29466; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-400\/40 { border-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent); } } .border-emerald-500 { border-color: var(--color-emerald-500); } .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-500\/70 { border-color: #00bb7fb3; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/70 { border-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent); } } .border-emerald-600 { border-color: var(--color-emerald-600); } .border-emerald-600\/40 { border-color: #00976766; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-600\/40 { border-color: color-mix(in oklab, var(--color-emerald-600) 40%, transparent); } } .border-foreground, .border-foreground\/10 { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/10 { border-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } .border-foreground\/15 { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/15 { border-color: color-mix(in oklab, var(--foreground) 15%, transparent); } } .border-foreground\/20 { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/20 { border-color: color-mix(in oklab, var(--foreground) 20%, transparent); } } .border-foreground\/25 { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/25 { border-color: color-mix(in oklab, var(--foreground) 25%, transparent); } } .border-foreground\/30 { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/30 { border-color: color-mix(in oklab, var(--foreground) 30%, transparent); } } .border-foreground\/40 { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/40 { border-color: color-mix(in oklab, var(--foreground) 40%, transparent); } } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-400 { border-color: var(--color-gray-400); } .border-green-500 { border-color: var(--color-green-500); } .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-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-info, .border-info\/20 { border-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .border-info\/20 { border-color: color-mix(in oklab, var(--info) 20%, transparent); } } .border-info\/30 { border-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .border-info\/30 { border-color: color-mix(in oklab, var(--info) 30%, transparent); } } .border-info\/40 { border-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .border-info\/40 { border-color: color-mix(in oklab, var(--info) 40%, transparent); } } .border-info\/45 { border-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .border-info\/45 { border-color: color-mix(in oklab, var(--info) 45%, transparent); } } .border-info\/50 { border-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .border-info\/50 { border-color: color-mix(in oklab, var(--info) 50%, transparent); } } .border-input { border-color: var(--input); } .border-muted { border-color: var(--muted); } .border-muted-foreground\/30 { border-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .border-muted-foreground\/30 { border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent); } } .border-muted-foreground\/40 { border-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .border-muted-foreground\/40 { border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent); } } .border-muted-foreground\/50 { border-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .border-muted-foreground\/50 { border-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent); } } .border-neutral-400 { border-color: var(--color-neutral-400); } .border-orange-300 { border-color: var(--color-orange-300); } .border-orange-400 { border-color: var(--color-orange-400); } .border-orange-400\/30 { border-color: #ff8b1a4d; } @supports (color: color-mix(in lab, red, red)) { .border-orange-400\/30 { border-color: color-mix(in oklab, var(--color-orange-400) 30%, transparent); } } .border-orange-400\/40 { border-color: #ff8b1a66; } @supports (color: color-mix(in lab, red, red)) { .border-orange-400\/40 { border-color: color-mix(in oklab, var(--color-orange-400) 40%, transparent); } } .border-orange-400\/50 { border-color: #ff8b1a80; } @supports (color: color-mix(in lab, red, red)) { .border-orange-400\/50 { border-color: color-mix(in oklab, var(--color-orange-400) 50%, transparent); } } .border-orange-400\/60 { border-color: #ff8b1a99; } @supports (color: color-mix(in lab, red, red)) { .border-orange-400\/60 { border-color: color-mix(in oklab, var(--color-orange-400) 60%, transparent); } } .border-orange-500\/30 { border-color: #fe6e004d; } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/30 { border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent); } } .border-orange-500\/40 { border-color: #fe6e0066; } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/40 { border-color: color-mix(in oklab, var(--color-orange-500) 40%, transparent); } } .border-orange-500\/50 { border-color: #fe6e0080; } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/50 { border-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent); } } .border-orange-500\/60 { border-color: #fe6e0099; } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/60 { border-color: color-mix(in oklab, var(--color-orange-500) 60%, transparent); } } .border-orange-600 { border-color: var(--color-orange-600); } .border-orange-600\/50 { border-color: #f0510080; } @supports (color: color-mix(in lab, red, red)) { .border-orange-600\/50 { border-color: color-mix(in oklab, var(--color-orange-600) 50%, 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-primary { border-color: var(--primary); } .border-primary-foreground\/30 { border-color: var(--primary-foreground); } @supports (color: color-mix(in lab, red, red)) { .border-primary-foreground\/30 { border-color: color-mix(in oklab, var(--primary-foreground) 30%, transparent); } } .border-primary\/15 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/15 { border-color: color-mix(in oklab, var(--primary) 15%, transparent); } } .border-primary\/20 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/20 { border-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .border-primary\/25 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/25 { border-color: color-mix(in oklab, var(--primary) 25%, transparent); } } .border-primary\/30 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/30 { border-color: color-mix(in oklab, var(--primary) 30%, transparent); } } .border-primary\/40 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/40 { border-color: color-mix(in oklab, var(--primary) 40%, transparent); } } .border-primary\/45 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/45 { border-color: color-mix(in oklab, var(--primary) 45%, transparent); } } .border-primary\/50 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/50 { border-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .border-primary\/60 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/60 { border-color: color-mix(in oklab, var(--primary) 60%, transparent); } } .border-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-red-200 { border-color: var(--color-red-200); } .border-red-300 { border-color: var(--color-red-300); } .border-red-400\/40 { border-color: #ff656866; } @supports (color: color-mix(in lab, red, red)) { .border-red-400\/40 { border-color: color-mix(in oklab, var(--color-red-400) 40%, 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\/40 { border-color: #fb2c3666; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/40 { border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } .border-red-500\/50 { border-color: #fb2c3680; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/50 { border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .border-red-500\/60 { border-color: #fb2c3699; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/60 { border-color: color-mix(in oklab, var(--color-red-500) 60%, transparent); } } .border-red-600 { border-color: var(--color-red-600); } .border-red-700 { border-color: var(--color-red-700); } .border-rose-200 { border-color: var(--color-rose-200); } .border-rose-300 { border-color: var(--color-rose-300); } .border-rose-500 { border-color: var(--color-rose-500); } .border-rose-500\/30 { border-color: #ff23574d; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/30 { border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent); } } .border-rose-500\/40 { border-color: #ff235766; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/40 { border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent); } } .border-sidebar-border { border-color: var(--sidebar-border); } .border-sidebar-foreground\/15 { border-color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .border-sidebar-foreground\/15 { border-color: color-mix(in oklab, var(--sidebar-foreground) 15%, transparent); } } .border-sky-200 { border-color: var(--color-sky-200); } .border-sky-300 { border-color: var(--color-sky-300); } .border-sky-400 { border-color: var(--color-sky-400); } .border-sky-500\/20 { border-color: #00a5ef33; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/20 { border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent); } } .border-sky-500\/30 { border-color: #00a5ef4d; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/30 { border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent); } } .border-sky-500\/40 { border-color: #00a5ef66; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/40 { border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent); } } .border-sky-500\/50 { border-color: #00a5ef80; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/50 { border-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent); } } .border-slate-200 { border-color: var(--color-slate-200); } .border-slate-300 { border-color: var(--color-slate-300); } .border-slate-400 { border-color: var(--color-slate-400); } .border-slate-500\/30 { border-color: #62748e4d; } @supports (color: color-mix(in lab, red, red)) { .border-slate-500\/30 { border-color: color-mix(in oklab, var(--color-slate-500) 30%, 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-800 { border-color: var(--color-slate-800); } .border-success, .border-success\/25 { border-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .border-success\/25 { border-color: color-mix(in oklab, var(--success) 25%, transparent); } } .border-success\/30 { border-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .border-success\/30 { border-color: color-mix(in oklab, var(--success) 30%, transparent); } } .border-success\/40 { border-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .border-success\/40 { border-color: color-mix(in oklab, var(--success) 40%, transparent); } } .border-success\/45 { border-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .border-success\/45 { border-color: color-mix(in oklab, var(--success) 45%, transparent); } } .border-success\/50 { border-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .border-success\/50 { border-color: color-mix(in oklab, var(--success) 50%, transparent); } } .border-success\/60 { border-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .border-success\/60 { border-color: color-mix(in oklab, var(--success) 60%, 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\/40 { border-color: #00baa766; } @supports (color: color-mix(in lab, red, red)) { .border-teal-500\/40 { border-color: color-mix(in oklab, var(--color-teal-500) 40%, transparent); } } .border-transparent { border-color: #0000; } .border-violet-200 { border-color: var(--color-violet-200); } .border-violet-300 { border-color: var(--color-violet-300); } .border-violet-500\/30 { border-color: #8d54ff4d; } @supports (color: color-mix(in lab, red, red)) { .border-violet-500\/30 { border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent); } } .border-warning, .border-warning\/30 { border-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .border-warning\/30 { border-color: color-mix(in oklab, var(--warning) 30%, transparent); } } .border-warning\/40 { border-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .border-warning\/40 { border-color: color-mix(in oklab, var(--warning) 40%, transparent); } } .border-warning\/50 { border-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .border-warning\/50 { border-color: color-mix(in oklab, var(--warning) 50%, transparent); } } .border-warning\/55 { border-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .border-warning\/55 { border-color: color-mix(in oklab, var(--warning) 55%, transparent); } } .border-warning\/60 { border-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .border-warning\/60 { border-color: color-mix(in oklab, var(--warning) 60%, transparent); } } .border-white { border-color: var(--color-white); } .border-white\/5 { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .border-white\/5 { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .border-white\/10 { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/15 { border-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .border-white\/15 { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/20 { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-white\/25 { border-color: #ffffff40; } @supports (color: color-mix(in lab, red, red)) { .border-white\/25 { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .border-white\/30 { border-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .border-white\/30 { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .border-white\/70 { border-color: #ffffffb3; } @supports (color: color-mix(in lab, red, red)) { .border-white\/70 { border-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .border-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\/40 { border-color: #fac80066; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-400\/40 { border-color: color-mix(in oklab, var(--color-yellow-400) 40%, 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\/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\/40 { border-color: #edb20066; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-500\/40 { border-color: color-mix(in oklab, var(--color-yellow-500) 40%, 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-500\/60 { border-color: #edb20099; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-500\/60 { border-color: color-mix(in oklab, var(--color-yellow-500) 60%, transparent); } } .border-yellow-600\/40 { border-color: #cd890066; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-600\/40 { border-color: color-mix(in oklab, var(--color-yellow-600) 40%, transparent); } } .border-yellow-600\/50 { border-color: #cd890080; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-600\/50 { border-color: color-mix(in oklab, var(--color-yellow-600) 50%, transparent); } } .border-zinc-100 { border-color: var(--color-zinc-100); } .border-zinc-700 { border-color: var(--color-zinc-700); } .border-zinc-800 { border-color: var(--color-zinc-800); } .border-t-transparent { border-top-color: #0000; } .border-l-amber-500 { border-left-color: var(--color-amber-500); } .border-l-muted { border-left-color: var(--muted); } .border-l-primary { border-left-color: var(--primary); } .border-l-rose-500 { border-left-color: var(--color-rose-500); } .border-l-sky-500 { border-left-color: var(--color-sky-500); } .border-l-transparent { border-left-color: #0000; } .bg-\(--color-bg\) { background-color: var(--color-bg); } .bg-\[\#0b1830\] { background-color: #0b1830; } .bg-\[\#15294b\]\/90 { background-color: #15294be6; background-color: lab(16.4196% 1.80641 -23.9495 / .9); } .bg-\[hsl\(var\(--primary\)\)\]\/5 { background-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .bg-\[hsl\(var\(--primary\)\)\]\/5 { background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent); } } .bg-\[hsl\(var\(--surface\)\)\] { background-color: hsl(var(--surface)); } .bg-\[oklch\(0\.985_0\.005_240\)\] { background-color: #f7fbfd; background-color: lab(98.2682% -.8232 -1.65226); } .bg-\[var\(--brand-cream\)\] { background-color: var(--brand-cream); } .bg-\[var\(--brand-navy-deep\)\] { background-color: var(--brand-navy-deep); } .bg-\[var\(--brand-navy-deep\,\#0b1220\)\] { background-color: var(--brand-navy-deep, #0b1220); } .bg-\[var\(--brand-orange\)\], .bg-\[var\(--brand-orange\)\]\/5 { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--brand-orange\)\]\/5 { background-color: color-mix(in oklab, var(--brand-orange) 5%, transparent); } } .bg-\[var\(--brand-orange\)\]\/8 { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--brand-orange\)\]\/8 { background-color: color-mix(in oklab, var(--brand-orange) 8%, transparent); } } .bg-\[var\(--brand-orange\)\]\/10 { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--brand-orange\)\]\/10 { background-color: color-mix(in oklab, var(--brand-orange) 10%, transparent); } } .bg-\[var\(--brand-orange\)\]\/15 { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--brand-orange\)\]\/15 { background-color: color-mix(in oklab, var(--brand-orange) 15%, transparent); } } .bg-\[var\(--brand-orange\)\]\/20 { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--brand-orange\)\]\/20 { background-color: color-mix(in oklab, var(--brand-orange) 20%, transparent); } } .bg-\[var\(--brand-orange\)\]\/25 { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--brand-orange\)\]\/25 { background-color: color-mix(in oklab, var(--brand-orange) 25%, transparent); } } .bg-\[var\(--color-brand-navy-deep\)\], .bg-\[var\(--color-brand-navy-deep\)\]\/10 { background-color: var(--color-brand-navy-deep); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--color-brand-navy-deep\)\]\/10 { background-color: color-mix(in oklab, var(--color-brand-navy-deep) 10%, transparent); } } .bg-\[var\(--color-brand-orange\)\], .bg-\[var\(--color-brand-orange\)\]\/10 { background-color: var(--color-brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--color-brand-orange\)\]\/10 { background-color: color-mix(in oklab, var(--color-brand-orange) 10%, transparent); } } .bg-\[var\(--color-brand-teal-deep\)\], .bg-\[var\(--color-brand-teal-deep\)\]\/10 { background-color: var(--color-brand-teal-deep); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--color-brand-teal-deep\)\]\/10 { background-color: color-mix(in oklab, var(--color-brand-teal-deep) 10%, transparent); } } .bg-\[var\(--kiosk-surface-1\)\] { background-color: var(--kiosk-surface-1); } .bg-\[var\(--kiosk-surface-2\)\] { background-color: var(--kiosk-surface-2); } .bg-\[var\(--kiosk-surface-3\)\] { background-color: var(--kiosk-surface-3); } .bg-accent { background-color: var(--accent); } .bg-accent-foreground\/40 { background-color: var(--accent-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-accent-foreground\/40 { background-color: color-mix(in oklab, var(--accent-foreground) 40%, transparent); } } .bg-accent\/15 { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/15 { background-color: color-mix(in oklab, var(--accent) 15%, transparent); } } .bg-accent\/20 { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/20 { background-color: color-mix(in oklab, var(--accent) 20%, transparent); } } .bg-accent\/30 { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/30 { background-color: color-mix(in oklab, var(--accent) 30%, transparent); } } .bg-accent\/60 { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/60 { background-color: color-mix(in oklab, var(--accent) 60%, transparent); } } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-50\/30 { background-color: #fffbeb4d; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/30 { background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent); } } .bg-amber-50\/40 { background-color: #fffbeb66; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/40 { background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent); } } .bg-amber-50\/50 { background-color: #fffbeb80; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/50 { background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent); } } .bg-amber-50\/60 { background-color: #fffbeb99; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/60 { background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent); } } .bg-amber-100 { background-color: var(--color-amber-100); } .bg-amber-100\/60 { background-color: #fef3c699; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-100\/60 { background-color: color-mix(in oklab, var(--color-amber-100) 60%, transparent); } } .bg-amber-400 { background-color: var(--color-amber-400); } .bg-amber-400\/10 { background-color: #fcbb001a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/10 { background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent); } } .bg-amber-400\/15 { background-color: #fcbb0026; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/15 { background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent); } } .bg-amber-400\/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-400\/25 { background-color: #fcbb0040; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/25 { background-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent); } } .bg-amber-400\/70 { background-color: #fcbb00b3; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/70 { background-color: color-mix(in oklab, var(--color-amber-400) 70%, 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\/25 { background-color: #f99c0040; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/25 { background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); } } .bg-amber-500\/30 { background-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/30 { background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .bg-amber-500\/70 { background-color: #f99c00b3; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/70 { background-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent); } } .bg-amber-500\/80 { background-color: #f99c00cc; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/80 { background-color: color-mix(in oklab, var(--color-amber-500) 80%, transparent); } } .bg-amber-500\/\[0\.04\] { background-color: #f99c000a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-amber-500) 4%, transparent); } } .bg-amber-600 { background-color: var(--color-amber-600); } .bg-background, .bg-background\/40 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/40 { background-color: color-mix(in oklab, var(--background) 40%, transparent); } } .bg-background\/50 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/50 { background-color: color-mix(in oklab, var(--background) 50%, transparent); } } .bg-background\/60 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/60 { background-color: color-mix(in oklab, var(--background) 60%, transparent); } } .bg-background\/70 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/70 { background-color: color-mix(in oklab, var(--background) 70%, transparent); } } .bg-background\/80 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/80 { background-color: color-mix(in oklab, var(--background) 80%, transparent); } } .bg-background\/85 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/85 { background-color: color-mix(in oklab, var(--background) 85%, transparent); } } .bg-background\/90 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/90 { background-color: color-mix(in oklab, var(--background) 90%, transparent); } } .bg-background\/95 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/95 { background-color: color-mix(in oklab, var(--background) 95%, transparent); } } .bg-black { background-color: var(--color-black); } .bg-black\/5 { background-color: #0000000d; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/5 { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .bg-black\/10 { background-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/10 { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .bg-black\/20 { background-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/20 { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .bg-black\/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\/85 { background-color: #000000d9; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/85 { background-color: color-mix(in oklab, var(--color-black) 85%, transparent); } } .bg-black\/90 { background-color: #000000e6; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/90 { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } } .bg-black\/95 { background-color: #000000f2; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/95 { background-color: color-mix(in oklab, var(--color-black) 95%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-500\/5 { background-color: #3080ff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/5 { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .bg-blue-500\/10 { background-color: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/10 { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .bg-blue-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-border, .bg-border\/60 { background-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .bg-border\/60 { background-color: color-mix(in oklab, var(--border) 60%, transparent); } } .bg-brand-orange, .bg-brand-orange\/5 { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-brand-orange\/5 { background-color: color-mix(in oklab, var(--brand-orange) 5%, transparent); } } .bg-brand-orange\/10 { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-brand-orange\/10 { background-color: color-mix(in oklab, var(--brand-orange) 10%, transparent); } } .bg-brand-orange\/15 { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-brand-orange\/15 { background-color: color-mix(in oklab, var(--brand-orange) 15%, transparent); } } .bg-brand-orange\/20 { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-brand-orange\/20 { background-color: color-mix(in oklab, var(--brand-orange) 20%, transparent); } } .bg-brand-orange\/50 { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-brand-orange\/50 { background-color: color-mix(in oklab, var(--brand-orange) 50%, transparent); } } .bg-brand-orange\/\[0\.06\] { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .bg-brand-orange\/\[0\.06\] { background-color: color-mix(in oklab, var(--brand-orange) 6%, transparent); } } .bg-card, .bg-card\/40 { background-color: var(--card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/40 { background-color: color-mix(in oklab, var(--card) 40%, transparent); } } .bg-card\/60 { background-color: var(--card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/60 { background-color: color-mix(in oklab, var(--card) 60%, transparent); } } .bg-card\/70 { background-color: var(--card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/70 { background-color: color-mix(in oklab, var(--card) 70%, transparent); } } .bg-card\/80 { background-color: var(--card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/80 { background-color: color-mix(in oklab, var(--card) 80%, transparent); } } .bg-card\/95 { background-color: var(--card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/95 { background-color: color-mix(in oklab, var(--card) 95%, transparent); } } .bg-current, .bg-current\/10 { background-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .bg-current\/10 { background-color: color-mix(in oklab, currentcolor 10%, transparent); } } .bg-cyan-500\/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\/30 { background-color: #00b7d74d; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/30 { background-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent); } } .bg-cyan-950\/40 { background-color: #05334566; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-950\/40 { background-color: color-mix(in oklab, var(--color-cyan-950) 40%, transparent); } } .bg-destructive, .bg-destructive\/5 { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/5 { background-color: color-mix(in oklab, var(--destructive) 5%, transparent); } } .bg-destructive\/10 { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/10 { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } .bg-destructive\/15 { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/15 { background-color: color-mix(in oklab, var(--destructive) 15%, transparent); } } .bg-destructive\/20 { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/20 { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .bg-destructive\/25 { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/25 { background-color: color-mix(in oklab, var(--destructive) 25%, transparent); } } .bg-destructive\/30 { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/30 { background-color: color-mix(in oklab, var(--destructive) 30%, transparent); } } .bg-destructive\/60 { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/60 { background-color: color-mix(in oklab, var(--destructive) 60%, transparent); } } .bg-destructive\/70 { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/70 { background-color: color-mix(in oklab, var(--destructive) 70%, transparent); } } .bg-destructive\/80 { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/80 { background-color: color-mix(in oklab, var(--destructive) 80%, transparent); } } .bg-destructive\/\[0\.03\] { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/\[0\.03\] { background-color: color-mix(in oklab, var(--destructive) 3%, transparent); } } .bg-destructive\/\[0\.04\] { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/\[0\.04\] { background-color: color-mix(in oklab, var(--destructive) 4%, transparent); } } .bg-emerald-50 { background-color: var(--color-emerald-50); } .bg-emerald-50\/40 { background-color: #ecfdf566; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-50\/40 { background-color: color-mix(in oklab, var(--color-emerald-50) 40%, transparent); } } .bg-emerald-50\/60 { background-color: #ecfdf599; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-50\/60 { background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent); } } .bg-emerald-100 { background-color: var(--color-emerald-100); } .bg-emerald-400 { background-color: var(--color-emerald-400); } .bg-emerald-400\/5 { background-color: #00d2940d; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-400\/5 { background-color: color-mix(in oklab, var(--color-emerald-400) 5%, transparent); } } .bg-emerald-400\/10 { background-color: #00d2941a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-400\/10 { background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent); } } .bg-emerald-400\/15 { background-color: #00d29426; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-400\/15 { background-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent); } } .bg-emerald-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\/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\/25 { background-color: #00bb7f40; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/25 { background-color: color-mix(in oklab, var(--color-emerald-500) 25%, 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-500\/40 { background-color: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/40 { background-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .bg-emerald-500\/50 { background-color: #00bb7f80; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/50 { background-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent); } } .bg-emerald-500\/60 { background-color: #00bb7f99; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/60 { background-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent); } } .bg-emerald-500\/70 { background-color: #00bb7fb3; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/70 { background-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent); } } .bg-emerald-500\/80 { background-color: #00bb7fcc; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/80 { background-color: color-mix(in oklab, var(--color-emerald-500) 80%, transparent); } } .bg-emerald-500\/\[0\.04\] { background-color: #00bb7f0a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-emerald-500) 4%, transparent); } } .bg-emerald-600 { background-color: var(--color-emerald-600); } .bg-emerald-600\/10 { background-color: #0097671a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-600\/10 { background-color: color-mix(in oklab, var(--color-emerald-600) 10%, transparent); } } .bg-foreground, .bg-foreground\/5 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/5 { background-color: color-mix(in oklab, var(--foreground) 5%, transparent); } } .bg-foreground\/10 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/10 { background-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } .bg-foreground\/15 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/15 { background-color: color-mix(in oklab, var(--foreground) 15%, transparent); } } .bg-foreground\/20 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/20 { background-color: color-mix(in oklab, var(--foreground) 20%, transparent); } } .bg-foreground\/25 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/25 { background-color: color-mix(in oklab, var(--foreground) 25%, transparent); } } .bg-foreground\/40 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/40 { background-color: color-mix(in oklab, var(--foreground) 40%, transparent); } } .bg-foreground\/50 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/50 { background-color: color-mix(in oklab, var(--foreground) 50%, transparent); } } .bg-foreground\/60 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/60 { background-color: color-mix(in oklab, var(--foreground) 60%, transparent); } } .bg-foreground\/70 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/70 { background-color: color-mix(in oklab, var(--foreground) 70%, transparent); } } .bg-foreground\/\[0\.02\] { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/\[0\.02\] { background-color: color-mix(in oklab, var(--foreground) 2%, transparent); } } .bg-foreground\/\[0\.03\] { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/\[0\.03\] { background-color: color-mix(in oklab, var(--foreground) 3%, transparent); } } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-green-100 { background-color: var(--color-green-100); } .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-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-400\/25 { background-color: #7d87ff40; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-400\/25 { background-color: color-mix(in oklab, var(--color-indigo-400) 25%, transparent); } } .bg-indigo-500\/10 { background-color: #625fff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/10 { background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); } } .bg-indigo-500\/15 { background-color: #625fff26; } @supports (color: color-mix(in lab, red, red)) { .bg-indigo-500\/15 { background-color: color-mix(in oklab, var(--color-indigo-500) 15%, transparent); } } .bg-info, .bg-info\/5 { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/5 { background-color: color-mix(in oklab, var(--info) 5%, transparent); } } .bg-info\/10 { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/10 { background-color: color-mix(in oklab, var(--info) 10%, transparent); } } .bg-info\/15 { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/15 { background-color: color-mix(in oklab, var(--info) 15%, transparent); } } .bg-info\/20 { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/20 { background-color: color-mix(in oklab, var(--info) 20%, transparent); } } .bg-info\/30 { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/30 { background-color: color-mix(in oklab, var(--info) 30%, transparent); } } .bg-info\/60 { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/60 { background-color: color-mix(in oklab, var(--info) 60%, transparent); } } .bg-info\/\[0\.03\] { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/\[0\.03\] { background-color: color-mix(in oklab, var(--info) 3%, transparent); } } .bg-info\/\[0\.04\] { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .bg-info\/\[0\.04\] { background-color: color-mix(in oklab, var(--info) 4%, transparent); } } .bg-muted { background-color: var(--muted); } .bg-muted-foreground, .bg-muted-foreground\/10 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/10 { background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent); } } .bg-muted-foreground\/20 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/20 { background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent); } } .bg-muted-foreground\/25 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/25 { background-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent); } } .bg-muted-foreground\/30 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/30 { background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent); } } .bg-muted-foreground\/40 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/40 { background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent); } } .bg-muted-foreground\/50 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/50 { background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent); } } .bg-muted-foreground\/60 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/60 { background-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent); } } .bg-muted-foreground\/70 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/70 { background-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent); } } .bg-muted-foreground\/80 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/80 { background-color: color-mix(in oklab, var(--muted-foreground) 80%, transparent); } } .bg-muted\/5 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/5 { background-color: color-mix(in oklab, var(--muted) 5%, transparent); } } .bg-muted\/10 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/10 { background-color: color-mix(in oklab, var(--muted) 10%, transparent); } } .bg-muted\/20 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/20 { background-color: color-mix(in oklab, var(--muted) 20%, transparent); } } .bg-muted\/30 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/30 { background-color: color-mix(in oklab, var(--muted) 30%, transparent); } } .bg-muted\/40 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/40 { background-color: color-mix(in oklab, var(--muted) 40%, transparent); } } .bg-muted\/50 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/50 { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } .bg-muted\/60 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/60 { background-color: color-mix(in oklab, var(--muted) 60%, transparent); } } .bg-muted\/70 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/70 { background-color: color-mix(in oklab, var(--muted) 70%, transparent); } } .bg-muted\/80 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/80 { background-color: color-mix(in oklab, var(--muted) 80%, transparent); } } .bg-muted\/95 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/95 { background-color: color-mix(in oklab, var(--muted) 95%, transparent); } } .bg-neutral-100 { background-color: var(--color-neutral-100); } .bg-neutral-900 { background-color: var(--color-neutral-900); } .bg-neutral-950 { background-color: var(--color-neutral-950); } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-50\/40 { background-color: #fff7ed66; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-50\/40 { background-color: color-mix(in oklab, var(--color-orange-50) 40%, transparent); } } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-400 { background-color: var(--color-orange-400); } .bg-orange-400\/5 { background-color: #ff8b1a0d; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-400\/5 { background-color: color-mix(in oklab, var(--color-orange-400) 5%, transparent); } } .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-400\/15 { background-color: #ff8b1a26; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-400\/15 { background-color: color-mix(in oklab, var(--color-orange-400) 15%, transparent); } } .bg-orange-400\/70 { background-color: #ff8b1ab3; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-400\/70 { background-color: color-mix(in oklab, var(--color-orange-400) 70%, transparent); } } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-orange-500\/5 { background-color: #fe6e000d; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/5 { background-color: color-mix(in oklab, var(--color-orange-500) 5%, transparent); } } .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\/25 { background-color: #fe6e0040; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/25 { background-color: color-mix(in oklab, var(--color-orange-500) 25%, transparent); } } .bg-orange-500\/30 { background-color: #fe6e004d; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/30 { background-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent); } } .bg-pink-500\/10 { background-color: #f6339a1a; } @supports (color: color-mix(in lab, red, red)) { .bg-pink-500\/10 { background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent); } } .bg-popover { background-color: var(--popover); } .bg-primary { background-color: var(--primary); } .bg-primary-foreground\/80 { background-color: var(--primary-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-primary-foreground\/80 { background-color: color-mix(in oklab, var(--primary-foreground) 80%, transparent); } } .bg-primary\/5 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/5 { background-color: color-mix(in oklab, var(--primary) 5%, transparent); } } .bg-primary\/10 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/10 { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .bg-primary\/15 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/15 { background-color: color-mix(in oklab, var(--primary) 15%, transparent); } } .bg-primary\/20 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/20 { background-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .bg-primary\/30 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/30 { background-color: color-mix(in oklab, var(--primary) 30%, transparent); } } .bg-primary\/50 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/50 { background-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .bg-primary\/60 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/60 { background-color: color-mix(in oklab, var(--primary) 60%, transparent); } } .bg-primary\/70 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/70 { background-color: color-mix(in oklab, var(--primary) 70%, transparent); } } .bg-primary\/\[0\.02\] { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/\[0\.02\] { background-color: color-mix(in oklab, var(--primary) 2%, transparent); } } .bg-primary\/\[0\.03\] { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/\[0\.03\] { background-color: color-mix(in oklab, var(--primary) 3%, transparent); } } .bg-primary\/\[0\.04\] { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/\[0\.04\] { background-color: color-mix(in oklab, var(--primary) 4%, 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-red-50 { background-color: var(--color-red-50); } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-400\/5 { background-color: #ff65680d; } @supports (color: color-mix(in lab, red, red)) { .bg-red-400\/5 { background-color: color-mix(in oklab, var(--color-red-400) 5%, transparent); } } .bg-red-400\/10 { background-color: #ff65681a; } @supports (color: color-mix(in lab, red, red)) { .bg-red-400\/10 { background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent); } } .bg-red-400\/20 { background-color: #ff656833; } @supports (color: color-mix(in lab, red, red)) { .bg-red-400\/20 { background-color: color-mix(in oklab, var(--color-red-400) 20%, 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\/70 { background-color: #fb2c36b3; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/70 { background-color: color-mix(in oklab, var(--color-red-500) 70%, 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\/90 { background-color: #fb2c36e6; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/90 { background-color: color-mix(in oklab, var(--color-red-500) 90%, transparent); } } .bg-red-600 { background-color: var(--color-red-600); } .bg-red-700 { background-color: var(--color-red-700); } .bg-rose-50 { background-color: var(--color-rose-50); } .bg-rose-100 { background-color: var(--color-rose-100); } .bg-rose-500 { background-color: var(--color-rose-500); } .bg-rose-500\/10 { background-color: #ff23571a; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/10 { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } .bg-rose-500\/15 { background-color: #ff235726; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/15 { background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent); } } .bg-rose-600 { background-color: var(--color-rose-600); } .bg-secondary { background-color: var(--secondary); } .bg-secondary-foreground\/30 { background-color: var(--secondary-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-secondary-foreground\/30 { background-color: color-mix(in oklab, var(--secondary-foreground) 30%, transparent); } } .bg-secondary\/30 { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/30 { background-color: color-mix(in oklab, var(--secondary) 30%, transparent); } } .bg-secondary\/40 { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { .bg-secondary\/40 { background-color: color-mix(in oklab, var(--secondary) 40%, transparent); } } .bg-sidebar { background-color: var(--sidebar); } .bg-sidebar-accent\/30 { background-color: var(--sidebar-accent); } @supports (color: color-mix(in lab, red, red)) { .bg-sidebar-accent\/30 { background-color: color-mix(in oklab, var(--sidebar-accent) 30%, transparent); } } .bg-sidebar-accent\/40 { background-color: var(--sidebar-accent); } @supports (color: color-mix(in lab, red, red)) { .bg-sidebar-accent\/40 { background-color: color-mix(in oklab, var(--sidebar-accent) 40%, transparent); } } .bg-sidebar-accent\/45 { background-color: var(--sidebar-accent); } @supports (color: color-mix(in lab, red, red)) { .bg-sidebar-accent\/45 { background-color: color-mix(in oklab, var(--sidebar-accent) 45%, transparent); } } .bg-sidebar-accent\/50 { background-color: var(--sidebar-accent); } @supports (color: color-mix(in lab, red, red)) { .bg-sidebar-accent\/50 { background-color: color-mix(in oklab, var(--sidebar-accent) 50%, transparent); } } .bg-sidebar-border { background-color: var(--sidebar-border); } .bg-sidebar-foreground\/5 { background-color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-sidebar-foreground\/5 { background-color: color-mix(in oklab, var(--sidebar-foreground) 5%, transparent); } } .bg-sidebar-primary { background-color: var(--sidebar-primary); } .bg-sidebar-primary-foreground\/15 { background-color: var(--sidebar-primary-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-sidebar-primary-foreground\/15 { background-color: color-mix(in oklab, var(--sidebar-primary-foreground) 15%, transparent); } } .bg-sidebar-primary-foreground\/20 { background-color: var(--sidebar-primary-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-sidebar-primary-foreground\/20 { background-color: color-mix(in oklab, var(--sidebar-primary-foreground) 20%, transparent); } } .bg-sky-50 { background-color: var(--color-sky-50); } .bg-sky-100 { background-color: var(--color-sky-100); } .bg-sky-500 { background-color: var(--color-sky-500); } .bg-sky-500\/5 { background-color: #00a5ef0d; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/5 { background-color: color-mix(in oklab, var(--color-sky-500) 5%, transparent); } } .bg-sky-500\/10 { background-color: #00a5ef1a; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/10 { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent); } } .bg-sky-500\/15 { background-color: #00a5ef26; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/15 { background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent); } } .bg-sky-500\/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-500\/\[0\.04\] { background-color: #00a5ef0a; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-sky-500) 4%, transparent); } } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-200 { background-color: var(--color-slate-200); } .bg-slate-500\/10 { background-color: #62748e1a; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-500\/10 { background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent); } } .bg-slate-500\/15 { background-color: #62748e26; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-500\/15 { background-color: color-mix(in oklab, var(--color-slate-500) 15%, transparent); } } .bg-slate-900 { background-color: var(--color-slate-900); } .bg-slate-900\/40 { background-color: #0f172b66; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-900\/40 { background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent); } } .bg-slate-950\/70 { background-color: #020618b3; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-950\/70 { background-color: color-mix(in oklab, var(--color-slate-950) 70%, 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-success, .bg-success\/5 { background-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/5 { background-color: color-mix(in oklab, var(--success) 5%, transparent); } } .bg-success\/10 { background-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/10 { background-color: color-mix(in oklab, var(--success) 10%, transparent); } } .bg-success\/15 { background-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/15 { background-color: color-mix(in oklab, var(--success) 15%, transparent); } } .bg-success\/20 { background-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/20 { background-color: color-mix(in oklab, var(--success) 20%, transparent); } } .bg-success\/50 { background-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/50 { background-color: color-mix(in oklab, var(--success) 50%, transparent); } } .bg-success\/60 { background-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .bg-success\/60 { background-color: color-mix(in oklab, var(--success) 60%, transparent); } } .bg-surface { background-color: var(--surface); } .bg-surface-2, .bg-surface-2\/20 { background-color: var(--surface-2); } @supports (color: color-mix(in lab, red, red)) { .bg-surface-2\/20 { background-color: color-mix(in oklab, var(--surface-2) 20%, transparent); } } .bg-surface-2\/30 { background-color: var(--surface-2); } @supports (color: color-mix(in lab, red, red)) { .bg-surface-2\/30 { background-color: color-mix(in oklab, var(--surface-2) 30%, transparent); } } .bg-surface-2\/40 { background-color: var(--surface-2); } @supports (color: color-mix(in lab, red, red)) { .bg-surface-2\/40 { background-color: color-mix(in oklab, var(--surface-2) 40%, transparent); } } .bg-surface-2\/50 { background-color: var(--surface-2); } @supports (color: color-mix(in lab, red, red)) { .bg-surface-2\/50 { background-color: color-mix(in oklab, var(--surface-2) 50%, transparent); } } .bg-surface\/40 { background-color: var(--surface); } @supports (color: color-mix(in lab, red, red)) { .bg-surface\/40 { background-color: color-mix(in oklab, var(--surface) 40%, transparent); } } .bg-surface\/50 { background-color: var(--surface); } @supports (color: color-mix(in lab, red, red)) { .bg-surface\/50 { background-color: color-mix(in oklab, var(--surface) 50%, transparent); } } .bg-surface\/60 { background-color: var(--surface); } @supports (color: color-mix(in lab, red, red)) { .bg-surface\/60 { background-color: color-mix(in oklab, var(--surface) 60%, transparent); } } .bg-surface\/70 { background-color: var(--surface); } @supports (color: color-mix(in lab, red, red)) { .bg-surface\/70 { background-color: color-mix(in oklab, var(--surface) 70%, transparent); } } .bg-surface\/80 { background-color: var(--surface); } @supports (color: color-mix(in lab, red, red)) { .bg-surface\/80 { background-color: color-mix(in oklab, var(--surface) 80%, transparent); } } .bg-surface\/95 { background-color: var(--surface); } @supports (color: color-mix(in lab, red, red)) { .bg-surface\/95 { background-color: color-mix(in oklab, var(--surface) 95%, transparent); } } .bg-teal-500 { background-color: var(--color-teal-500); } .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\/15 { background-color: #00baa726; } @supports (color: color-mix(in lab, red, red)) { .bg-teal-500\/15 { background-color: color-mix(in oklab, var(--color-teal-500) 15%, transparent); } } .bg-transparent { background-color: #0000; } .bg-violet-50 { background-color: var(--color-violet-50); } .bg-violet-100 { background-color: var(--color-violet-100); } .bg-violet-500\/5 { background-color: #8d54ff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/5 { background-color: color-mix(in oklab, var(--color-violet-500) 5%, transparent); } } .bg-violet-500\/10 { background-color: #8d54ff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/10 { background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent); } } .bg-violet-500\/15 { background-color: #8d54ff26; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/15 { background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent); } } .bg-violet-500\/25 { background-color: #8d54ff40; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/25 { background-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent); } } .bg-warning, .bg-warning\/5 { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/5 { background-color: color-mix(in oklab, var(--warning) 5%, transparent); } } .bg-warning\/10 { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/10 { background-color: color-mix(in oklab, var(--warning) 10%, transparent); } } .bg-warning\/15 { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/15 { background-color: color-mix(in oklab, var(--warning) 15%, transparent); } } .bg-warning\/20 { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/20 { background-color: color-mix(in oklab, var(--warning) 20%, transparent); } } .bg-warning\/30 { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/30 { background-color: color-mix(in oklab, var(--warning) 30%, transparent); } } .bg-warning\/60 { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/60 { background-color: color-mix(in oklab, var(--warning) 60%, transparent); } } .bg-warning\/\[0\.04\] { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/\[0\.04\] { background-color: color-mix(in oklab, var(--warning) 4%, transparent); } } .bg-warning\/\[0\.05\] { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .bg-warning\/\[0\.05\] { background-color: color-mix(in oklab, var(--warning) 5%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/5 { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/10 { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/15 { background-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/15 { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .bg-white\/30 { background-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/40 { background-color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/40 { background-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .bg-white\/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\/80 { background-color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/80 { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-white\/90 { background-color: #ffffffe6; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/90 { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-white\/\[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-yellow-300 { background-color: var(--color-yellow-300); } .bg-yellow-400 { background-color: var(--color-yellow-400); } .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\/15 { background-color: #fac80026; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-400\/15 { background-color: color-mix(in oklab, var(--color-yellow-400) 15%, 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-400\/60 { background-color: #fac80099; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-400\/60 { background-color: color-mix(in oklab, var(--color-yellow-400) 60%, 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\/15 { background-color: #edb20026; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/15 { background-color: color-mix(in oklab, var(--color-yellow-500) 15%, 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\/30 { background-color: #edb2004d; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/30 { background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent); } } .bg-zinc-100 { background-color: var(--color-zinc-100); } .bg-zinc-500\/10 { background-color: #71717b1a; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-500\/10 { background-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent); } } .bg-zinc-800 { background-color: var(--color-zinc-800); } .bg-zinc-900 { background-color: var(--color-zinc-900); } .bg-zinc-900\/40 { background-color: #18181b66; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/40 { background-color: color-mix(in oklab, var(--color-zinc-900) 40%, transparent); } } .bg-zinc-900\/60 { background-color: #18181b99; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-900\/60 { background-color: color-mix(in oklab, var(--color-zinc-900) 60%, transparent); } } .bg-zinc-950 { background-color: var(--color-zinc-950); } .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-\[radial-gradient\(circle_at_1px_1px\,hsl\(var\(--border\)\)_1px\,transparent_0\)\] { background-image: radial-gradient(circle at 1px 1px,hsl(var(--border)) 1px,transparent 0); } .bg-\[repeating-linear-gradient\(45deg\,transparent_0_5px\,color-mix\(in_oklab\,var\(--warning\)_55\%\,transparent\)_5px_10px\)\] { background-image: repeating-linear-gradient(45deg,transparent 0 5px,var(--warning) 5px 10px); } @supports (color: color-mix(in lab, red, red)) { .bg-\[repeating-linear-gradient\(45deg\,transparent_0_5px\,color-mix\(in_oklab\,var\(--warning\)_55\%\,transparent\)_5px_10px\)\] { background-image: repeating-linear-gradient(45deg,transparent 0 5px,color-mix(in oklab,var(--warning) 55%,transparent) 5px 10px); } } .bg-\[repeating-linear-gradient\(45deg\,transparent_0_6px\,color-mix\(in_oklab\,var\(--muted-foreground\)_35\%\,transparent\)_6px_12px\)\] { background-image: repeating-linear-gradient(45deg,transparent 0 6px,var(--muted-foreground) 6px 12px); } @supports (color: color-mix(in lab, red, red)) { .bg-\[repeating-linear-gradient\(45deg\,transparent_0_6px\,color-mix\(in_oklab\,var\(--muted-foreground\)_35\%\,transparent\)_6px_12px\)\] { background-image: repeating-linear-gradient(45deg,transparent 0 6px,color-mix(in oklab,var(--muted-foreground) 35%,transparent) 6px 12px); } } .from-\[var\(--brand-orange\)\]\/70 { --tw-gradient-from: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .from-\[var\(--brand-orange\)\]\/70 { --tw-gradient-from: color-mix(in oklab, var(--brand-orange) 70%, transparent); } } .from-\[var\(--brand-orange\)\]\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[var\(--brand-orange\)\]\/\[0\.08\] { --tw-gradient-from: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .from-\[var\(--brand-orange\)\]\/\[0\.08\] { --tw-gradient-from: color-mix(in oklab, var(--brand-orange) 8%, transparent); } } .from-\[var\(--brand-orange\)\]\/\[0\.08\] { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[var\(--color-brand-teal-deep\,\#0b3a4a\)\] { --tw-gradient-from: var(--color-brand-teal-deep, #0b3a4a); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-amber-50 { --tw-gradient-from: var(--color-amber-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-amber-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\/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-500\/25 { --tw-gradient-from: #f99c0040; } @supports (color: color-mix(in lab, red, red)) { .from-amber-500\/25 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 25%, transparent); } } .from-amber-500\/25 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-amber-500\/70 { --tw-gradient-from: #f99c00b3; } @supports (color: color-mix(in lab, red, red)) { .from-amber-500\/70 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 70%, transparent); } } .from-amber-500\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/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-blue-500\/15 { --tw-gradient-from: #3080ff26; } @supports (color: color-mix(in lab, red, red)) { .from-blue-500\/15 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 15%, transparent); } } .from-blue-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-blue-600\/20 { --tw-gradient-from: #155dfc33; } @supports (color: color-mix(in lab, red, red)) { .from-blue-600\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-600) 20%, transparent); } } .from-blue-600\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-card { --tw-gradient-from: var(--card); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-destructive\/15 { --tw-gradient-from: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .from-destructive\/15 { --tw-gradient-from: color-mix(in oklab, var(--destructive) 15%, transparent); } } .from-destructive\/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-emerald-500\/15 { --tw-gradient-from: #00bb7f26; } @supports (color: color-mix(in lab, red, red)) { .from-emerald-500\/15 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } } .from-emerald-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-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\/30 { --tw-gradient-from: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .from-emerald-500\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .from-emerald-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-emerald-500\/80 { --tw-gradient-from: #00bb7fcc; } @supports (color: color-mix(in lab, red, red)) { .from-emerald-500\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 80%, transparent); } } .from-emerald-500\/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-emerald-500\/\[0\.07\] { --tw-gradient-from: #00bb7f12; } @supports (color: color-mix(in lab, red, red)) { .from-emerald-500\/\[0\.07\] { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 7.0%, transparent); } } .from-emerald-500\/\[0\.07\] { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-foreground\/5 { --tw-gradient-from: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .from-foreground\/5 { --tw-gradient-from: color-mix(in oklab, var(--foreground) 5%, transparent); } } .from-foreground\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-info\/5 { --tw-gradient-from: var(--info); } @supports (color: color-mix(in lab, red, red)) { .from-info\/5 { --tw-gradient-from: color-mix(in oklab, var(--info) 5%, transparent); } } .from-info\/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-info\/10 { --tw-gradient-from: var(--info); } @supports (color: color-mix(in lab, red, red)) { .from-info\/10 { --tw-gradient-from: color-mix(in oklab, var(--info) 10%, transparent); } } .from-info\/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-lime-500\/15 { --tw-gradient-from: #80cd0026; } @supports (color: color-mix(in lab, red, red)) { .from-lime-500\/15 { --tw-gradient-from: color-mix(in oklab, var(--color-lime-500) 15%, transparent); } } .from-lime-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-muted\/40 { --tw-gradient-from: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .from-muted\/40 { --tw-gradient-from: color-mix(in oklab, var(--muted) 40%, transparent); } } .from-muted\/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-orange-500\/15 { --tw-gradient-from: #fe6e0026; } @supports (color: color-mix(in lab, red, red)) { .from-orange-500\/15 { --tw-gradient-from: color-mix(in oklab, var(--color-orange-500) 15%, transparent); } } .from-orange-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-orange-500\/20 { --tw-gradient-from: #fe6e0033; } @supports (color: color-mix(in lab, red, red)) { .from-orange-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .from-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)); } .from-primary\/15 { --tw-gradient-from: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .from-primary\/15 { --tw-gradient-from: color-mix(in oklab, var(--primary) 15%, transparent); } } .from-primary\/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-primary\/\[0\.06\] { --tw-gradient-from: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .from-primary\/\[0\.06\] { --tw-gradient-from: color-mix(in oklab, var(--primary) 6%, transparent); } } .from-primary\/\[0\.06\] { --tw-gradient-stops: var(--tw-gradient-via-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\/15 { --tw-gradient-from: #fb2c3626; } @supports (color: color-mix(in lab, red, red)) { .from-red-500\/15 { --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 15%, transparent); } } .from-red-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-red-500\/20 { --tw-gradient-from: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .from-red-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .from-red-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-500\/30 { --tw-gradient-from: #fb2c364d; } @supports (color: color-mix(in lab, red, red)) { .from-red-500\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .from-red-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-red-500\/80 { --tw-gradient-from: #fb2c36cc; } @supports (color: color-mix(in lab, red, red)) { .from-red-500\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 80%, transparent); } } .from-red-500\/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-rose-500\/15 { --tw-gradient-from: #ff235726; } @supports (color: color-mix(in lab, red, red)) { .from-rose-500\/15 { --tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 15%, transparent); } } .from-rose-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-rose-500\/20 { --tw-gradient-from: #ff235733; } @supports (color: color-mix(in lab, red, red)) { .from-rose-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .from-rose-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-success\/5 { --tw-gradient-from: var(--success); } @supports (color: color-mix(in lab, red, red)) { .from-success\/5 { --tw-gradient-from: color-mix(in oklab, var(--success) 5%, transparent); } } .from-success\/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-success\/10 { --tw-gradient-from: var(--success); } @supports (color: color-mix(in lab, red, red)) { .from-success\/10 { --tw-gradient-from: color-mix(in oklab, var(--success) 10%, transparent); } } .from-success\/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-surface { --tw-gradient-from: var(--surface); --tw-gradient-stops: var(--tw-gradient-via-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\/20 { --tw-gradient-from: #00baa733; } @supports (color: color-mix(in lab, red, red)) { .from-teal-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-teal-500) 20%, transparent); } } .from-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)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-violet-500\/15 { --tw-gradient-from: #8d54ff26; } @supports (color: color-mix(in lab, red, red)) { .from-violet-500\/15 { --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 15%, transparent); } } .from-violet-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-warning\/5 { --tw-gradient-from: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .from-warning\/5 { --tw-gradient-from: color-mix(in oklab, var(--warning) 5%, transparent); } } .from-warning\/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-warning\/15 { --tw-gradient-from: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .from-warning\/15 { --tw-gradient-from: color-mix(in oklab, var(--warning) 15%, transparent); } } .from-warning\/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-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\/15 { --tw-gradient-from: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .from-white\/15 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 15%, transparent); } } .from-white\/15 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-\[\#0e4d5f\] { --tw-gradient-via: #0e4d5f; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-\[var\(--brand-orange\)\]\/\[0\.03\] { --tw-gradient-via: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .via-\[var\(--brand-orange\)\]\/\[0\.03\] { --tw-gradient-via: color-mix(in oklab, var(--brand-orange) 3%, transparent); } } .via-\[var\(--brand-orange\)\]\/\[0\.03\] { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-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-background { --tw-gradient-via: var(--background); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/10 { --tw-gradient-via: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .via-black\/10 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 10%, transparent); } } .via-black\/10 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-blue-600\/5 { --tw-gradient-via: #155dfc0d; } @supports (color: color-mix(in lab, red, red)) { .via-blue-600\/5 { --tw-gradient-via: color-mix(in oklab, var(--color-blue-600) 5%, transparent); } } .via-blue-600\/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-card\/40 { --tw-gradient-via: var(--card); } @supports (color: color-mix(in lab, red, red)) { .via-card\/40 { --tw-gradient-via: color-mix(in oklab, var(--card) 40%, transparent); } } .via-card\/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-destructive\/5 { --tw-gradient-via: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .via-destructive\/5 { --tw-gradient-via: color-mix(in oklab, var(--destructive) 5%, transparent); } } .via-destructive\/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-emerald-500\/5 { --tw-gradient-via: #00bb7f0d; } @supports (color: color-mix(in lab, red, red)) { .via-emerald-500\/5 { --tw-gradient-via: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } .via-emerald-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-emerald-500\/\[0\.04\] { --tw-gradient-via: #00bb7f0a; } @supports (color: color-mix(in lab, red, red)) { .via-emerald-500\/\[0\.04\] { --tw-gradient-via: color-mix(in oklab, var(--color-emerald-500) 4%, transparent); } } .via-emerald-500\/\[0\.04\] { --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-info\/5 { --tw-gradient-via: var(--info); } @supports (color: color-mix(in lab, red, red)) { .via-info\/5 { --tw-gradient-via: color-mix(in oklab, var(--info) 5%, transparent); } } .via-info\/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-orange-500\/5 { --tw-gradient-via: #fe6e000d; } @supports (color: color-mix(in lab, red, red)) { .via-orange-500\/5 { --tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 5%, transparent); } } .via-orange-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-primary { --tw-gradient-via: var(--primary); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-primary\/40 { --tw-gradient-via: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .via-primary\/40 { --tw-gradient-via: color-mix(in oklab, var(--primary) 40%, transparent); } } .via-primary\/40 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-rose-500\/5 { --tw-gradient-via: #ff23570d; } @supports (color: color-mix(in lab, red, red)) { .via-rose-500\/5 { --tw-gradient-via: color-mix(in oklab, var(--color-rose-500) 5%, transparent); } } .via-rose-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-success\/5 { --tw-gradient-via: var(--success); } @supports (color: color-mix(in lab, red, red)) { .via-success\/5 { --tw-gradient-via: color-mix(in oklab, var(--success) 5%, transparent); } } .via-success\/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-500\/5 { --tw-gradient-via: #00baa70d; } @supports (color: color-mix(in lab, red, red)) { .via-teal-500\/5 { --tw-gradient-via: color-mix(in oklab, var(--color-teal-500) 5%, transparent); } } .via-teal-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-warning\/5 { --tw-gradient-via: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .via-warning\/5 { --tw-gradient-via: color-mix(in oklab, var(--warning) 5%, transparent); } } .via-warning\/5 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white { --tw-gradient-via: var(--color-white); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-\[\#13627a\] { --tw-gradient-to: #13627a; --tw-gradient-stops: var(--tw-gradient-via-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-100\/70 { --tw-gradient-to: #fef3c6b3; } @supports (color: color-mix(in lab, red, red)) { .to-amber-100\/70 { --tw-gradient-to: color-mix(in oklab, var(--color-amber-100) 70%, transparent); } } .to-amber-100\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-amber-300\/50 { --tw-gradient-to: #ffd23680; } @supports (color: color-mix(in lab, red, red)) { .to-amber-300\/50 { --tw-gradient-to: color-mix(in oklab, var(--color-amber-300) 50%, transparent); } } .to-amber-300\/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-amber-400\/10 { --tw-gradient-to: #fcbb001a; } @supports (color: color-mix(in lab, red, red)) { .to-amber-400\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-amber-400) 10%, transparent); } } .to-amber-400\/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-500\/20 { --tw-gradient-to: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .to-amber-500\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .to-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)); } .to-background { --tw-gradient-to: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-500\/5 { --tw-gradient-to: #3080ff0d; } @supports (color: color-mix(in lab, red, red)) { .to-blue-500\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .to-blue-500\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-300\/60 { --tw-gradient-to: #5ee9b599; } @supports (color: color-mix(in lab, red, red)) { .to-emerald-300\/60 { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-300) 60%, transparent); } } .to-emerald-300\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-400\/10 { --tw-gradient-to: #00d2941a; } @supports (color: color-mix(in lab, red, red)) { .to-emerald-400\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-400) 10%, transparent); } } .to-emerald-400\/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-emerald-500\/5 { --tw-gradient-to: #00bb7f0d; } @supports (color: color-mix(in lab, red, red)) { .to-emerald-500\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } .to-emerald-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-foreground\/0 { --tw-gradient-to: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .to-foreground\/0 { --tw-gradient-to: color-mix(in oklab, var(--foreground) 0%, transparent); } } .to-foreground\/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-info\/10 { --tw-gradient-to: var(--info); } @supports (color: color-mix(in lab, red, red)) { .to-info\/10 { --tw-gradient-to: color-mix(in oklab, var(--info) 10%, transparent); } } .to-info\/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-lime-500\/5 { --tw-gradient-to: #80cd000d; } @supports (color: color-mix(in lab, red, red)) { .to-lime-500\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-lime-500) 5%, transparent); } } .to-lime-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-muted-foreground\/20 { --tw-gradient-to: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .to-muted-foreground\/20 { --tw-gradient-to: color-mix(in oklab, var(--muted-foreground) 20%, transparent); } } .to-muted-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-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\/5 { --tw-gradient-to: #fe6e000d; } @supports (color: color-mix(in lab, red, red)) { .to-orange-500\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 5%, transparent); } } .to-orange-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-primary\/5 { --tw-gradient-to: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .to-primary\/5 { --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent); } } .to-primary\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-300\/60 { --tw-gradient-to: #ffa3a399; } @supports (color: color-mix(in lab, red, red)) { .to-red-300\/60 { --tw-gradient-to: color-mix(in oklab, var(--color-red-300) 60%, transparent); } } .to-red-300\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-400\/10 { --tw-gradient-to: #ff65681a; } @supports (color: color-mix(in lab, red, red)) { .to-red-400\/10 { --tw-gradient-to: color-mix(in oklab, var(--color-red-400) 10%, transparent); } } .to-red-400\/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-red-500\/5 { --tw-gradient-to: #fb2c360d; } @supports (color: color-mix(in lab, red, red)) { .to-red-500\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-red-500) 5%, transparent); } } .to-red-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-red-500\/30 { --tw-gradient-to: #fb2c364d; } @supports (color: color-mix(in lab, red, red)) { .to-red-500\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .to-red-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-rose-500\/5 { --tw-gradient-to: #ff23570d; } @supports (color: color-mix(in lab, red, red)) { .to-rose-500\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-rose-500) 5%, transparent); } } .to-rose-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-success\/10 { --tw-gradient-to: var(--success); } @supports (color: color-mix(in lab, red, red)) { .to-success\/10 { --tw-gradient-to: color-mix(in oklab, var(--success) 10%, transparent); } } .to-success\/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-surface\/60 { --tw-gradient-to: var(--surface); } @supports (color: color-mix(in lab, red, red)) { .to-surface\/60 { --tw-gradient-to: color-mix(in oklab, var(--surface) 60%, transparent); } } .to-surface\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-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\/5 { --tw-gradient-to: #8d54ff0d; } @supports (color: color-mix(in lab, red, red)) { .to-violet-500\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 5%, transparent); } } .to-violet-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-warning\/10 { --tw-gradient-to: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .to-warning\/10 { --tw-gradient-to: color-mix(in oklab, var(--warning) 10%, transparent); } } .to-warning\/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 { --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\/5 { --tw-gradient-to: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .to-white\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, transparent); } } .to-white\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .\[background-size\:28px_28px\] { background-size: 28px 28px; } .fill-amber-500 { fill: var(--color-amber-500); } .fill-current { fill: currentColor; } .fill-emerald-500\/10 { fill: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .fill-emerald-500\/10 { fill: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .fill-primary { fill: var(--primary); } .fill-warning { fill: var(--warning); } .stroke-border { stroke: var(--border); } .stroke-emerald-600\/50 { stroke: #00976780; } @supports (color: color-mix(in lab, red, red)) { .stroke-emerald-600\/50 { stroke: color-mix(in oklab, var(--color-emerald-600) 50%, transparent); } } .stroke-primary, .stroke-primary\/60 { stroke: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .stroke-primary\/60 { stroke: color-mix(in oklab, var(--primary) 60%, transparent); } } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .\!p-0 { padding: 0 !important; } .p-0 { padding: 0; } .p-0\.5 { padding: calc(var(--spacing) * .5); } .p-1 { padding: var(--spacing); } .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-\[1px\], .p-px { padding: 1px; } .px-\(--cell-size\) { padding-inline: var(--cell-size); } .px-0 { padding-inline: 0; } .px-0\.5 { padding-inline: calc(var(--spacing) * .5); } .px-1 { padding-inline: var(--spacing); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .px-12 { padding-inline: calc(var(--spacing) * 12); } .px-\[2px\] { padding-inline: 2px; } .px-\[3px\] { padding-inline: 3px; } .py-0 { padding-block: 0; } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: var(--spacing); } .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-\[2px\] { padding-block: 2px; } .py-\[3px\] { padding-block: 3px; } .py-px { padding-block: 1px; } .pt-0 { padding-top: 0; } .pt-0\.5 { padding-top: calc(var(--spacing) * .5); } .pt-1 { padding-top: var(--spacing); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[1px\] { padding-top: 1px; } .pt-\[env\(safe-area-inset-top\)\] { padding-top: env(safe-area-inset-top); } .pt-\[max\(1rem\,env\(safe-area-inset-top\)\)\] { padding-top: max(1rem, env(safe-area-inset-top)); } .pr-0\.5 { padding-right: calc(var(--spacing) * .5); } .pr-1 { padding-right: var(--spacing); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-11 { padding-right: calc(var(--spacing) * 11); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pr-14 { padding-right: calc(var(--spacing) * 14); } .pr-28 { padding-right: calc(var(--spacing) * 28); } .pb-0\.5 { padding-bottom: calc(var(--spacing) * .5); } .pb-1 { padding-bottom: var(--spacing); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-20 { padding-bottom: calc(var(--spacing) * 20); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-28 { padding-bottom: calc(var(--spacing) * 28); } .pb-32 { padding-bottom: calc(var(--spacing) * 32); } .pb-212 { padding-bottom: calc(var(--spacing) * 212); } .pb-\[calc\(env\(safe-area-inset-bottom\)\+8rem\)\] { padding-bottom: calc(env(safe-area-inset-bottom) + 8rem); } .pb-\[env\(safe-area-inset-bottom\)\] { padding-bottom: env(safe-area-inset-bottom); } .pb-\[max\(0\.5rem\,env\(safe-area-inset-bottom\)\)\] { padding-bottom: max(.5rem, env(safe-area-inset-bottom)); } .pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] { padding-bottom: max(.75rem, env(safe-area-inset-bottom)); } .pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\] { padding-bottom: max(1rem, env(safe-area-inset-bottom)); } .pb-\[max\(env\(safe-area-inset-bottom\)\,0\.5rem\)\] { padding-bottom: max(env(safe-area-inset-bottom), .5rem); } .pb-\[max\(env\(safe-area-inset-bottom\)\,0\.625rem\)\] { padding-bottom: max(env(safe-area-inset-bottom), .625rem); } .pl-0 { padding-left: 0; } .pl-0\.5 { padding-left: calc(var(--spacing) * .5); } .pl-1 { padding-left: var(--spacing); } .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-7 { padding-left: calc(var(--spacing) * 7); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-11 { padding-left: calc(var(--spacing) * 11); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .pl-14 { padding-left: calc(var(--spacing) * 14); } .pl-28 { padding-left: calc(var(--spacing) * 28); } .pl-32 { padding-left: calc(var(--spacing) * 32); } .pl-\[148px\] { padding-left: 148px; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-bottom { vertical-align: bottom; } .align-middle { vertical-align: middle; } .align-text-top { vertical-align: text-top; } .align-top { vertical-align: top; } .font-display { font-family: Barlow, Inter, ui-sans-serif, system-ui, sans-serif; } .font-mono { font-family: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace; } .font-sans { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } .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-\[0\.7rem\] { font-size: .7rem; } .text-\[0\.8rem\] { font-size: .8rem; } .text-\[5px\] { font-size: 5px; } .text-\[6\.5px\] { font-size: 6.5px; } .text-\[7\.5px\] { font-size: 7.5px; } .text-\[7px\] { font-size: 7px; } .text-\[8\.5px\] { font-size: 8.5px; } .text-\[8px\] { font-size: 8px; } .text-\[9\.5px\] { font-size: 9.5px; } .text-\[9px\] { font-size: 9px; } .text-\[10\.5px\] { font-size: 10.5px; } .text-\[10px\] { font-size: 10px; } .text-\[11\.5px\] { font-size: 11.5px; } .text-\[11px\] { font-size: 11px; } .text-\[12\.5px\] { font-size: 12.5px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[15px\] { font-size: 15px; } .text-\[17px\] { font-size: 17px; } .text-\[19vw\] { font-size: 19vw; } .text-\[80px\] { font-size: 80px; } .text-\[96px\] { font-size: 96px; } .text-\[180px\] { font-size: 180px; } .text-\[clamp\(6rem\,22vw\,20rem\)\] { font-size: clamp(6rem, 22vw, 20rem); } .text-\[length\:var\(--kiosk-id-size\)\] { font-size: var(--kiosk-id-size); } .text-\[length\:var\(--kiosk-reading-size\)\] { font-size: var(--kiosk-reading-size); } .text-\[length\:var\(--kiosk-secondary-size\)\] { font-size: var(--kiosk-secondary-size); } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; } .leading-\[1\.15\] { --tw-leading: 1.15; line-height: 1.15; } .leading-\[1\] { --tw-leading: 1; line-height: 1; } .leading-\[14px\] { --tw-leading: 14px; line-height: 14px; } .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-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[0\.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\.5em\] { --tw-tracking: .5em; letter-spacing: .5em; } .tracking-\[0\.12em\] { --tw-tracking: .12em; letter-spacing: .12em; } .tracking-\[0\.14em\] { --tw-tracking: .14em; letter-spacing: .14em; } .tracking-\[0\.15em\] { --tw-tracking: .15em; letter-spacing: .15em; } .tracking-\[0\.16em\] { --tw-tracking: .16em; letter-spacing: .16em; } .tracking-\[0\.18em\] { --tw-tracking: .18em; letter-spacing: .18em; } .tracking-\[0\.22em\] { --tw-tracking: .22em; letter-spacing: .22em; } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } .break-words { overflow-wrap: break-word; } .\[word-break\:break-word\] { word-break: break-word; } .break-all { word-break: break-all; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-\[hsl\(var\(--primary\)\)\] { color: hsl(var(--primary)); } .text-\[var\(--brand-ink\)\] { color: var(--brand-ink); } .text-\[var\(--brand-orange\)\] { color: var(--brand-orange); } .text-\[var\(--brand-orange-soft\)\] { color: var(--brand-orange-soft); } .text-\[var\(--color-brand-navy-deep\)\] { color: var(--color-brand-navy-deep); } .text-\[var\(--color-brand-orange\)\] { color: var(--color-brand-orange); } .text-\[var\(--color-brand-orange\,theme\(colors\.orange\.500\)\)\] { color: var(--color-brand-orange, #fe6e00); } @supports (color: lab(0% 0 0)) { .text-\[var\(--color-brand-orange\,theme\(colors\.orange\.500\)\)\] { color: var(--color-brand-orange, lab(64.272% 57.1788 90.3583)); } } .text-\[var\(--color-brand-teal-deep\)\] { color: var(--color-brand-teal-deep); } .text-accent-foreground { color: var(--accent-foreground); } .text-amber-200 { color: var(--color-amber-200); } .text-amber-300 { color: var(--color-amber-300); } .text-amber-400 { color: var(--color-amber-400); } .text-amber-500 { color: var(--color-amber-500); } .text-amber-600 { color: var(--color-amber-600); } .text-amber-700 { color: var(--color-amber-700); } .text-amber-800 { color: var(--color-amber-800); } .text-amber-800\/80 { color: #953d00cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-800\/80 { color: color-mix(in oklab, var(--color-amber-800) 80%, transparent); } } .text-amber-800\/90 { color: #953d00e6; } @supports (color: color-mix(in lab, red, red)) { .text-amber-800\/90 { color: color-mix(in oklab, var(--color-amber-800) 90%, transparent); } } .text-amber-900 { color: var(--color-amber-900); } .text-amber-900\/80 { color: #7b3306cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-900\/80 { color: color-mix(in oklab, var(--color-amber-900) 80%, transparent); } } .text-amber-950 { color: var(--color-amber-950); } .text-background, .text-background\/50 { color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .text-background\/50 { color: color-mix(in oklab, var(--background) 50%, transparent); } } .text-black { color: var(--color-black); } .text-black\/60 { color: #0009; } @supports (color: color-mix(in lab, red, red)) { .text-black\/60 { color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .text-black\/70 { color: #000000b3; } @supports (color: color-mix(in lab, red, red)) { .text-black\/70 { color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .text-blue-300 { color: var(--color-blue-300); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-border { color: var(--border); } .text-brand-orange, .text-brand-orange\/70 { color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .text-brand-orange\/70 { color: color-mix(in oklab, var(--brand-orange) 70%, transparent); } } .text-brand-orange\/80 { color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .text-brand-orange\/80 { color: color-mix(in oklab, var(--brand-orange) 80%, transparent); } } .text-card-foreground { color: var(--card-foreground); } .text-current { color: currentColor; } .text-cyan-50 { color: var(--color-cyan-50); } .text-cyan-100\/70 { color: #cefafeb3; } @supports (color: color-mix(in lab, red, red)) { .text-cyan-100\/70 { color: color-mix(in oklab, var(--color-cyan-100) 70%, transparent); } } .text-cyan-100\/80 { color: #cefafecc; } @supports (color: color-mix(in lab, red, red)) { .text-cyan-100\/80 { color: color-mix(in oklab, var(--color-cyan-100) 80%, transparent); } } .text-cyan-200 { color: var(--color-cyan-200); } .text-cyan-500 { color: var(--color-cyan-500); } .text-cyan-600 { color: var(--color-cyan-600); } .text-cyan-700 { color: var(--color-cyan-700); } .text-destructive { color: var(--destructive); } .text-destructive-foreground { color: var(--destructive-foreground); } .text-destructive\/70 { color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .text-destructive\/70 { color: color-mix(in oklab, var(--destructive) 70%, transparent); } } .text-destructive\/80 { color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .text-destructive\/80 { color: color-mix(in oklab, var(--destructive) 80%, transparent); } } .text-destructive\/90 { color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .text-destructive\/90 { color: color-mix(in oklab, var(--destructive) 90%, transparent); } } .text-emerald-200 { color: var(--color-emerald-200); } .text-emerald-300 { color: var(--color-emerald-300); } .text-emerald-400 { color: var(--color-emerald-400); } .text-emerald-500 { color: var(--color-emerald-500); } .text-emerald-600 { color: var(--color-emerald-600); } .text-emerald-600\/80 { color: #009767cc; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-600\/80 { color: color-mix(in oklab, var(--color-emerald-600) 80%, transparent); } } .text-emerald-700 { color: var(--color-emerald-700); } .text-emerald-800 { color: var(--color-emerald-800); } .text-emerald-900 { color: var(--color-emerald-900); } .text-emerald-900\/80 { color: #004e3bcc; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-900\/80 { color: color-mix(in oklab, var(--color-emerald-900) 80%, transparent); } } .text-foreground, .text-foreground\/30 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/30 { color: color-mix(in oklab, var(--foreground) 30%, transparent); } } .text-foreground\/60 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/60 { color: color-mix(in oklab, var(--foreground) 60%, transparent); } } .text-foreground\/70 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/70 { color: color-mix(in oklab, var(--foreground) 70%, transparent); } } .text-foreground\/75 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/75 { color: color-mix(in oklab, var(--foreground) 75%, transparent); } } .text-foreground\/80 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/80 { color: color-mix(in oklab, var(--foreground) 80%, transparent); } } .text-foreground\/85 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/85 { color: color-mix(in oklab, var(--foreground) 85%, transparent); } } .text-foreground\/90 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/90 { color: color-mix(in oklab, var(--foreground) 90%, transparent); } } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-indigo-500 { color: var(--color-indigo-500); } .text-indigo-600 { color: var(--color-indigo-600); } .text-indigo-700 { color: var(--color-indigo-700); } .text-indigo-900 { color: var(--color-indigo-900); } .text-info { color: var(--info); } .text-info-foreground { color: var(--info-foreground); } .text-muted-foreground, .text-muted-foreground\/0 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/0 { color: color-mix(in oklab, var(--muted-foreground) 0%, transparent); } } .text-muted-foreground\/25 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/25 { color: color-mix(in oklab, var(--muted-foreground) 25%, transparent); } } .text-muted-foreground\/30 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/30 { color: color-mix(in oklab, var(--muted-foreground) 30%, transparent); } } .text-muted-foreground\/40 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/40 { color: color-mix(in oklab, var(--muted-foreground) 40%, transparent); } } .text-muted-foreground\/50 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/50 { color: color-mix(in oklab, var(--muted-foreground) 50%, transparent); } } .text-muted-foreground\/60 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/60 { color: color-mix(in oklab, var(--muted-foreground) 60%, transparent); } } .text-muted-foreground\/70 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/70 { color: color-mix(in oklab, var(--muted-foreground) 70%, transparent); } } .text-muted-foreground\/80 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/80 { color: color-mix(in oklab, var(--muted-foreground) 80%, transparent); } } .text-muted-foreground\/90 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/90 { color: color-mix(in oklab, var(--muted-foreground) 90%, transparent); } } .text-orange-200 { color: var(--color-orange-200); } .text-orange-300 { color: var(--color-orange-300); } .text-orange-500 { color: var(--color-orange-500); } .text-orange-600 { color: var(--color-orange-600); } .text-orange-700 { color: var(--color-orange-700); } .text-orange-800 { color: var(--color-orange-800); } .text-orange-900 { color: var(--color-orange-900); } .text-pink-700 { color: var(--color-pink-700); } .text-popover-foreground { color: var(--popover-foreground); } .text-primary { color: var(--primary); } .text-primary-foreground, .text-primary-foreground\/90 { color: var(--primary-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-primary-foreground\/90 { color: color-mix(in oklab, var(--primary-foreground) 90%, transparent); } } .text-primary\/70 { color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/70 { color: color-mix(in oklab, var(--primary) 70%, transparent); } } .text-primary\/80 { color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/80 { color: color-mix(in oklab, var(--primary) 80%, transparent); } } .text-purple-500 { color: var(--color-purple-500); } .text-purple-600 { color: var(--color-purple-600); } .text-purple-700 { color: var(--color-purple-700); } .text-red-200 { color: var(--color-red-200); } .text-red-300 { color: var(--color-red-300); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-rose-400 { color: var(--color-rose-400); } .text-rose-500 { color: var(--color-rose-500); } .text-rose-600 { color: var(--color-rose-600); } .text-rose-700 { color: var(--color-rose-700); } .text-rose-800 { color: var(--color-rose-800); } .text-rose-900 { color: var(--color-rose-900); } .text-secondary-foreground { color: var(--secondary-foreground); } .text-sidebar-foreground, .text-sidebar-foreground\/40 { color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-sidebar-foreground\/40 { color: color-mix(in oklab, var(--sidebar-foreground) 40%, transparent); } } .text-sidebar-foreground\/50 { color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-sidebar-foreground\/50 { color: color-mix(in oklab, var(--sidebar-foreground) 50%, transparent); } } .text-sidebar-foreground\/60 { color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-sidebar-foreground\/60 { color: color-mix(in oklab, var(--sidebar-foreground) 60%, transparent); } } .text-sidebar-foreground\/65 { color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-sidebar-foreground\/65 { color: color-mix(in oklab, var(--sidebar-foreground) 65%, transparent); } } .text-sidebar-foreground\/70 { color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-sidebar-foreground\/70 { color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent); } } .text-sidebar-foreground\/75 { color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-sidebar-foreground\/75 { color: color-mix(in oklab, var(--sidebar-foreground) 75%, transparent); } } .text-sidebar-foreground\/80 { color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-sidebar-foreground\/80 { color: color-mix(in oklab, var(--sidebar-foreground) 80%, transparent); } } .text-sidebar-foreground\/85 { color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-sidebar-foreground\/85 { color: color-mix(in oklab, var(--sidebar-foreground) 85%, transparent); } } .text-sidebar-foreground\/90 { color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-sidebar-foreground\/90 { color: color-mix(in oklab, var(--sidebar-foreground) 90%, transparent); } } .text-sidebar-primary { color: var(--sidebar-primary); } .text-sidebar-primary-foreground { color: var(--sidebar-primary-foreground); } .text-sky-300 { color: var(--color-sky-300); } .text-sky-400 { color: var(--color-sky-400); } .text-sky-600 { color: var(--color-sky-600); } .text-sky-700 { color: var(--color-sky-700); } .text-sky-800 { color: var(--color-sky-800); } .text-sky-900 { color: var(--color-sky-900); } .text-slate-100 { color: var(--color-slate-100); } .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-success { color: var(--success); } .text-success-foreground { color: var(--success-foreground); } .text-success\/60 { color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .text-success\/60 { color: color-mix(in oklab, var(--success) 60%, transparent); } } .text-success\/80 { color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .text-success\/80 { color: color-mix(in oklab, var(--success) 80%, transparent); } } .text-teal-700 { color: var(--color-teal-700); } .text-violet-600 { color: var(--color-violet-600); } .text-violet-700 { color: var(--color-violet-700); } .text-violet-800 { color: var(--color-violet-800); } .text-warning { color: var(--warning); } .text-warning-foreground { color: var(--warning-foreground); } .text-warning\/90 { color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .text-warning\/90 { color: color-mix(in oklab, var(--warning) 90%, transparent); } } .text-white { color: var(--color-white); } .text-white\/40 { color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .text-white\/40 { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/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\/65 { color: #ffffffa6; } @supports (color: color-mix(in lab, red, red)) { .text-white\/65 { color: color-mix(in oklab, var(--color-white) 65%, transparent); } } .text-white\/70 { color: #ffffffb3; } @supports (color: color-mix(in lab, red, red)) { .text-white\/70 { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/80 { color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .text-white\/80 { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/85 { color: #ffffffd9; } @supports (color: color-mix(in lab, red, red)) { .text-white\/85 { color: color-mix(in oklab, var(--color-white) 85%, transparent); } } .text-white\/90 { color: #ffffffe6; } @supports (color: color-mix(in lab, red, red)) { .text-white\/90 { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .text-white\/95 { color: #fffffff2; } @supports (color: color-mix(in lab, red, red)) { .text-white\/95 { color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .text-yellow-200 { color: var(--color-yellow-200); } .text-yellow-300 { color: var(--color-yellow-300); } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-800 { color: var(--color-yellow-800); } .text-yellow-900 { color: var(--color-yellow-900); } .text-yellow-950 { color: var(--color-yellow-950); } .text-zinc-100 { color: var(--color-zinc-100); } .text-zinc-200 { color: var(--color-zinc-200); } .text-zinc-300 { color: var(--color-zinc-300); } .text-zinc-400 { color: var(--color-zinc-400); } .text-zinc-700 { color: var(--color-zinc-700); } .text-zinc-900 { color: var(--color-zinc-900); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .decoration-emerald-500\/40 { text-decoration-color: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .decoration-emerald-500\/40 { -webkit-text-decoration-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); text-decoration-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .decoration-muted-foreground\/60 { -webkit-text-decoration-color: var(--muted-foreground); -webkit-text-decoration-color: var(--muted-foreground); -webkit-text-decoration-color: var(--muted-foreground); text-decoration-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .decoration-muted-foreground\/60 { -webkit-text-decoration-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent); text-decoration-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent); } } .decoration-success\/60 { -webkit-text-decoration-color: var(--success); -webkit-text-decoration-color: var(--success); -webkit-text-decoration-color: var(--success); text-decoration-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .decoration-success\/60 { -webkit-text-decoration-color: color-mix(in oklab, var(--success) 60%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--success) 60%, transparent); -webkit-text-decoration-color: color-mix(in oklab, var(--success) 60%, transparent); text-decoration-color: color-mix(in oklab, var(--success) 60%, transparent); } } .decoration-dotted { text-decoration-style: dotted; } .decoration-1 { text-decoration-thickness: 1px; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .accent-\[hsl\(var\(--primary\)\)\] { accent-color: hsl(var(--primary)); } .accent-\[var\(--brand-orange\)\] { accent-color: var(--brand-orange); } .accent-current { accent-color: currentColor; } .accent-foreground { accent-color: var(--foreground); } .accent-primary { accent-color: var(--primary); } .opacity-0 { opacity: 0; } .opacity-25 { opacity: .25; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-45 { opacity: .45; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-75 { opacity: .75; } .opacity-80 { opacity: .8; } .opacity-85 { opacity: .85; } .opacity-90 { opacity: .9; } .opacity-95 { opacity: .95; } .opacity-100 { opacity: 1; } .opacity-\[0\.05\] { opacity: .05; } .opacity-\[0\.06\] { opacity: .06; } .opacity-\[0\.08\] { opacity: .08; } .opacity-\[0\.035\] { opacity: .035; } .shadow-\[var\(--brand-orange\)\]\/30 { --tw-shadow-alpha: 30%; --tw-shadow: var(--brand-orange); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow { --tw-shadow: 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_-8px_24px_-12px_rgba\(0\,0\,0\,0\.4\)\] { --tw-shadow: 0 -8px 24px -12px 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_0_0_1px_var\(--sidebar-border\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_4px_var\(--brand-orange-soft\,rgba\(234\,88\,12\,0\.15\)\)\] { --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--brand-orange-soft, #ea580c26)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_4px_var\(--brand-orange-soft\,rgba\(234\,88\,12\,0\.18\)\)\] { --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--brand-orange-soft, #ea580c2e)); box-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_2px_rgba\(52\,211\,153\,0\.8\)\] { --tw-shadow: 0 0 12px 2px var(--tw-shadow-color, #34d399cc); box-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_-5px_rgba\(249\,115\,22\,0\.4\)\] { --tw-shadow: 0 0 20px -5px var(--tw-shadow-color, #f9731666); box-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_24px_rgba\(16\,185\,129\,0\.55\)\] { --tw-shadow: 0 0 24px var(--tw-shadow-color, #10b9818c); box-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_24px_rgba\(239\,68\,68\,0\.55\)\] { --tw-shadow: 0 0 24px var(--tw-shadow-color, #ef44448c); box-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_24px_rgba\(245\,158\,11\,0\.5\)\] { --tw-shadow: 0 0 24px var(--tw-shadow-color, #f59e0b80); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_25px_-5px_rgba\(249\,115\,22\,0\.5\)\] { --tw-shadow: 0 0 25px -5px var(--tw-shadow-color, #f9731680); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0_0_hsl\(var\(--border\)\)\] { --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, hsl(var(--border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.18\)_inset\,0_6px_16px_-10px_rgba\(0\,0\,0\,0\.6\)\] { --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, #ffffff2e) inset, 0 6px 16px -10px 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_2px_8px_rgba\(0\,0\,0\,0\.03\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000008); box-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_18px_-8px_var\(--brand-orange\)\] { --tw-shadow: 0 4px 18px -8px var(--tw-shadow-color, var(--brand-orange)); box-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_-12px_rgba\(0\,0\,0\,0\.25\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 20px 50px -12px var(--tw-shadow-color, #00000040), 0 0 0 1px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_-1px_0_0_hsl\(var\(--border\)\)\] { --tw-shadow: inset 0 -1px 0 0 var(--tw-shadow-color, hsl(var(--border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_8px_rgba\(249\,115\,22\,0\.1\)\] { --tw-shadow: inset 0 0 8px var(--tw-shadow-color, #f973161a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_1px_0_0_color-mix\(in_oklab\,var\(--foreground\)_8\%\,transparent\)\] { --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, var(--foreground)); } @supports (color: color-mix(in lab, red, red)) { .shadow-\[inset_0_1px_0_0_color-mix\(in_oklab\,var\(--foreground\)_8\%\,transparent\)\] { --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, color-mix(in oklab,var(--foreground) 8%,transparent)); } } .shadow-\[inset_0_1px_0_0_color-mix\(in_oklab\,var\(--foreground\)_8\%\,transparent\)\] { 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 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-\[var\(--brand-orange\)\], .ring-\[var\(--brand-orange\)\]\/15 { --tw-ring-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .ring-\[var\(--brand-orange\)\]\/15 { --tw-ring-color: color-mix(in oklab, var(--brand-orange) 15%, transparent); } } .ring-\[var\(--brand-orange\)\]\/20 { --tw-ring-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .ring-\[var\(--brand-orange\)\]\/20 { --tw-ring-color: color-mix(in oklab, var(--brand-orange) 20%, transparent); } } .ring-\[var\(--brand-orange\)\]\/30 { --tw-ring-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .ring-\[var\(--brand-orange\)\]\/30 { --tw-ring-color: color-mix(in oklab, var(--brand-orange) 30%, transparent); } } .ring-\[var\(--brand-orange\)\]\/40 { --tw-ring-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .ring-\[var\(--brand-orange\)\]\/40 { --tw-ring-color: color-mix(in oklab, var(--brand-orange) 40%, transparent); } } .ring-\[var\(--color-brand-navy-deep\)\] { --tw-ring-color: var(--color-brand-navy-deep); } .ring-\[var\(--color-brand-orange\)\], .ring-\[var\(--color-brand-orange\)\]\/30 { --tw-ring-color: var(--color-brand-orange); } @supports (color: color-mix(in lab, red, red)) { .ring-\[var\(--color-brand-orange\)\]\/30 { --tw-ring-color: color-mix(in oklab, var(--color-brand-orange) 30%, transparent); } } .ring-\[var\(--color-brand-teal-deep\)\] { --tw-ring-color: var(--color-brand-teal-deep); } .ring-amber-500\/20 { --tw-ring-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .ring-amber-500\/20 { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .ring-amber-500\/25 { --tw-ring-color: #f99c0040; } @supports (color: color-mix(in lab, red, red)) { .ring-amber-500\/25 { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); } } .ring-amber-500\/30 { --tw-ring-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .ring-amber-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .ring-amber-600 { --tw-ring-color: var(--color-amber-600); } .ring-background { --tw-ring-color: var(--background); } .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\/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-600\/20 { --tw-ring-color: #155dfc33; } @supports (color: color-mix(in lab, red, red)) { .ring-blue-600\/20 { --tw-ring-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent); } } .ring-border { --tw-ring-color: var(--border); } .ring-brand-orange { --tw-ring-color: var(--brand-orange); } .ring-cyan-300 { --tw-ring-color: var(--color-cyan-300); } .ring-destructive, .ring-destructive\/10 { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .ring-destructive\/10 { --tw-ring-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } .ring-destructive\/20 { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .ring-destructive\/20 { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .ring-destructive\/30 { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .ring-destructive\/30 { --tw-ring-color: color-mix(in oklab, var(--destructive) 30%, transparent); } } .ring-destructive\/40 { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .ring-destructive\/40 { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .ring-emerald-500 { --tw-ring-color: var(--color-emerald-500); } .ring-emerald-500\/20 { --tw-ring-color: #00bb7f33; } @supports (color: color-mix(in lab, red, red)) { .ring-emerald-500\/20 { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .ring-emerald-500\/25 { --tw-ring-color: #00bb7f40; } @supports (color: color-mix(in lab, red, red)) { .ring-emerald-500\/25 { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent); } } .ring-emerald-500\/30 { --tw-ring-color: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .ring-emerald-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .ring-emerald-500\/40 { --tw-ring-color: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .ring-emerald-500\/40 { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .ring-emerald-600 { --tw-ring-color: var(--color-emerald-600); } .ring-emerald-600\/30 { --tw-ring-color: #0097674d; } @supports (color: color-mix(in lab, red, red)) { .ring-emerald-600\/30 { --tw-ring-color: color-mix(in oklab, var(--color-emerald-600) 30%, transparent); } } .ring-foreground\/40 { --tw-ring-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .ring-foreground\/40 { --tw-ring-color: color-mix(in oklab, var(--foreground) 40%, transparent); } } .ring-foreground\/50 { --tw-ring-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .ring-foreground\/50 { --tw-ring-color: color-mix(in oklab, var(--foreground) 50%, transparent); } } .ring-info\/20 { --tw-ring-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .ring-info\/20 { --tw-ring-color: color-mix(in oklab, var(--info) 20%, transparent); } } .ring-info\/50 { --tw-ring-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .ring-info\/50 { --tw-ring-color: color-mix(in oklab, var(--info) 50%, transparent); } } .ring-lime-500\/30 { --tw-ring-color: #80cd004d; } @supports (color: color-mix(in lab, red, red)) { .ring-lime-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-lime-500) 30%, transparent); } } .ring-muted-foreground\/10 { --tw-ring-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .ring-muted-foreground\/10 { --tw-ring-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent); } } .ring-muted-foreground\/20 { --tw-ring-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .ring-muted-foreground\/20 { --tw-ring-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent); } } .ring-muted-foreground\/30 { --tw-ring-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .ring-muted-foreground\/30 { --tw-ring-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent); } } .ring-orange-500\/20 { --tw-ring-color: #fe6e0033; } @supports (color: color-mix(in lab, red, red)) { .ring-orange-500\/20 { --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .ring-orange-500\/30 { --tw-ring-color: #fe6e004d; } @supports (color: color-mix(in lab, red, red)) { .ring-orange-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent); } } .ring-primary, .ring-primary\/10 { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/10 { --tw-ring-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .ring-primary\/20 { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/20 { --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .ring-primary\/30 { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/30 { --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent); } } .ring-primary\/40 { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/40 { --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent); } } .ring-primary\/50 { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/50 { --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .ring-red-500\/30 { --tw-ring-color: #fb2c364d; } @supports (color: color-mix(in lab, red, red)) { .ring-red-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .ring-red-500\/40 { --tw-ring-color: #fb2c3666; } @supports (color: color-mix(in lab, red, red)) { .ring-red-500\/40 { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } .ring-ring { --tw-ring-color: var(--ring); } .ring-rose-500\/20 { --tw-ring-color: #ff235733; } @supports (color: color-mix(in lab, red, red)) { .ring-rose-500\/20 { --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .ring-rose-500\/25 { --tw-ring-color: #ff235740; } @supports (color: color-mix(in lab, red, red)) { .ring-rose-500\/25 { --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent); } } .ring-rose-500\/30 { --tw-ring-color: #ff23574d; } @supports (color: color-mix(in lab, red, red)) { .ring-rose-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent); } } .ring-rose-600 { --tw-ring-color: var(--color-rose-600); } .ring-sidebar { --tw-ring-color: var(--sidebar); } .ring-sky-500\/25 { --tw-ring-color: #00a5ef40; } @supports (color: color-mix(in lab, red, red)) { .ring-sky-500\/25 { --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent); } } .ring-sky-500\/30 { --tw-ring-color: #00a5ef4d; } @supports (color: color-mix(in lab, red, red)) { .ring-sky-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent); } } .ring-slate-500\/20 { --tw-ring-color: #62748e33; } @supports (color: color-mix(in lab, red, red)) { .ring-slate-500\/20 { --tw-ring-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent); } } .ring-success\/20 { --tw-ring-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .ring-success\/20 { --tw-ring-color: color-mix(in oklab, var(--success) 20%, transparent); } } .ring-success\/30 { --tw-ring-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .ring-success\/30 { --tw-ring-color: color-mix(in oklab, var(--success) 30%, transparent); } } .ring-surface { --tw-ring-color: var(--surface); } .ring-teal-500\/20 { --tw-ring-color: #00baa733; } @supports (color: color-mix(in lab, red, red)) { .ring-teal-500\/20 { --tw-ring-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent); } } .ring-transparent { --tw-ring-color: transparent; } .ring-violet-500\/25 { --tw-ring-color: #8d54ff40; } @supports (color: color-mix(in lab, red, red)) { .ring-violet-500\/25 { --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent); } } .ring-violet-500\/30 { --tw-ring-color: #8d54ff4d; } @supports (color: color-mix(in lab, red, red)) { .ring-violet-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent); } } .ring-warning\/30 { --tw-ring-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .ring-warning\/30 { --tw-ring-color: color-mix(in oklab, var(--warning) 30%, transparent); } } .ring-warning\/50 { --tw-ring-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .ring-warning\/50 { --tw-ring-color: color-mix(in oklab, var(--warning) 50%, transparent); } } .ring-white\/30 { --tw-ring-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .ring-white\/30 { --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .ring-yellow-500\/40 { --tw-ring-color: #edb20066; } @supports (color: color-mix(in lab, red, red)) { .ring-yellow-500\/40 { --tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 40%, transparent); } } .ring-offset-1 { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-background { --tw-ring-offset-color: var(--background); } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid #0000; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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-\[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, ); } .drop-shadow-\[0_4px_10px_rgba\(255\,255\,255\,0\.15\)\] { --tw-drop-shadow-size: drop-shadow(0 4px 10px var(--tw-drop-shadow-color, #ffffff26)); --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, ); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .filter { filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-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, ); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,border-color\,transform\,box-shadow\] { transition-property: background-color, border-color, transform, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,border-color\,transform\] { transition-property: background-color, border-color, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[border-color\,background-color\,transform\] { transition-property: border-color, background-color, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[left\,right\,width\] { transition-property: left, right, width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[margin\,opacity\] { transition-property: margin, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,height\,padding\] { transition-property: width, height, padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .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-500 { --tw-duration: .5s; transition-duration: .5s; } .duration-700 { --tw-duration: .7s; transition-duration: .7s; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .duration-\[var\(--kiosk-motion\)\] { --tw-duration: var(--kiosk-motion); transition-duration: var(--kiosk-motion); } .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); } .fade-in-0 { --tw-enter-opacity: 0; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-all { -webkit-user-select: all; user-select: all; } .select-none { -webkit-user-select: none; user-select: none; } .zoom-in-95 { --tw-enter-scale: .95; } .\!running { animation-play-state: running !important; } .\[--cell-size\:2\.75rem\] { --cell-size: 2.75rem; } .\[ai-gateway\:image\] { ai-gateway: image; } .\[ai-gateway\:stream\] { ai-gateway: stream; } .\[device-bridge\:pair\] { device-bridge: pair; } .\[truncated\:depth\] { truncated: depth; } .fade-in { --tw-enter-opacity: 0; } .paused { animation-play-state: paused; } .ring-inset { --tw-ring-inset: inset; } .running { animation-play-state: running; } .group-last\:hidden:is(:where(.group):last-child *), .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-open\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 45deg; } .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 90deg; } .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) { opacity: 1; } @media (hover: hover) { .group-hover\:ml-1:is(:where(.group):hover *) { margin-left: var(--spacing); } .group-hover\:block:is(:where(.group):hover *) { display: block; } .group-hover\:max-w-\[8rem\]:is(:where(.group):hover *) { max-width: 8rem; } .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\: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-\[1\.02\]:is(:where(.group):hover *) { scale: 1.02; } .group-hover\:gap-2:is(:where(.group):hover *) { gap: calc(var(--spacing) * 2); } .group-hover\:bg-\[var\(--brand-orange\)\]\/15:is(:where(.group):hover *) { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-\[var\(--brand-orange\)\]\/15:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--brand-orange) 15%, transparent); } } .group-hover\:bg-\[var\(--brand-orange\)\]\/40:is(:where(.group):hover *) { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-\[var\(--brand-orange\)\]\/40:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--brand-orange) 40%, transparent); } } .group-hover\:bg-muted\/40:is(:where(.group):hover *) { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-muted\/40:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--muted) 40%, transparent); } } .group-hover\:text-\[var\(--brand-orange\)\]:is(:where(.group):hover *), .group-hover\:text-brand-orange:is(:where(.group):hover *) { color: var(--brand-orange); } .group-hover\:text-foreground:is(:where(.group):hover *) { color: var(--foreground); } .group-hover\:text-info:is(:where(.group):hover *) { color: var(--info); } .group-hover\:text-muted-foreground:is(:where(.group):hover *) { color: var(--muted-foreground); } .group-hover\:text-primary:is(:where(.group):hover *) { color: var(--primary); } .group-hover\:text-warning:is(:where(.group):hover *) { color: var(--warning); } .group-hover\:opacity-25:is(:where(.group):hover *) { opacity: .25; } .group-hover\:opacity-60:is(:where(.group):hover *) { opacity: .6; } .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/kpis\:opacity-100:is(:where(.group\/kpis):hover *), .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *), .group-hover\/toolbar\:opacity-100:is(:where(.group\/toolbar):hover *) { opacity: 1; } } .group-focus-visible\:ml-1:is(:where(.group):focus-visible *) { margin-left: var(--spacing); } .group-focus-visible\:max-w-\[8rem\]:is(:where(.group):focus-visible *) { max-width: 8rem; } .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) { padding-right: calc(var(--spacing) * 8); } .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) { margin-top: calc(var(--spacing) * -8); } .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) { display: none; } .group-data-\[collapsible\=icon\]\:\!size-8:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; } .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + 1rem); } .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + 1rem + 2px); } .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) { overflow: hidden; } .group-data-\[collapsible\=icon\]\:\!p-0:is(:where(.group)[data-collapsible="icon"] *) { padding: 0 !important; } .group-data-\[collapsible\=icon\]\:\!p-2:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 2) !important; } .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) { opacity: 0; } .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { right: calc(var(--sidebar-width) * -1); } .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { left: calc(var(--sidebar-width) * -1); } .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) { width: 0; } .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) { --tw-translate-x: 0; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) { position: relative; } .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) { z-index: 10; } .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) { border-color: var(--ring); } .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) { right: calc(var(--spacing) * -4); } .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) { left: 0; } .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) { rotate: 180deg; } .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) { rotate: 180deg; } .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) { border-radius: var(--radius); } .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) { border-style: var(--tw-border-style); border-width: 1px; } .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant="floating"] *) { border-color: var(--sidebar-border); } .group-data-\[variant\=floating\]\:shadow:is(:where(.group)[data-variant="floating"] *) { --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); } .group-\[\.toast\]\:bg-muted:is(:where(.group).toast *) { background-color: var(--muted); } .group-\[\.toast\]\:bg-primary:is(:where(.group).toast *) { background-color: var(--primary); } .group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *) { color: var(--muted-foreground); } .group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *) { color: var(--primary-foreground); } .group-\[\.toaster\]\:border-border:is(:where(.group).toaster *) { border-color: var(--border); } .group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *) { background-color: var(--background); } .group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *) { color: var(--foreground); } .group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *) { --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); } @media (hover: hover) { .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) { color: var(--sidebar-accent-foreground); } } .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) { opacity: .7; } .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active="true"] ~ *) { color: var(--sidebar-accent-foreground); } .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) { top: calc(var(--spacing) * 1.5); } .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) { top: calc(var(--spacing) * 2.5); } .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) { top: var(--spacing); } .file\:mr-3::file-selector-button { margin-right: calc(var(--spacing) * 3); } .file\:cursor-pointer::file-selector-button { cursor: pointer; } .file\:rounded-md::file-selector-button { border-radius: calc(var(--radius) - 2px); } .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } .file\:bg-primary::file-selector-button { background-color: var(--primary); } .file\:bg-transparent::file-selector-button { background-color: #0000; } .file\:px-4::file-selector-button { padding-inline: calc(var(--spacing) * 4); } .file\:py-2::file-selector-button { padding-block: calc(var(--spacing) * 2); } .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .file\:font-semibold::file-selector-button { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .file\:text-foreground::file-selector-button { color: var(--foreground); } .file\:text-primary-foreground::file-selector-button { color: var(--primary-foreground); } .placeholder\:text-cyan-200\/40::placeholder { color: #a2f4fd66; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-cyan-200\/40::placeholder { color: color-mix(in oklab, var(--color-cyan-200) 40%, transparent); } } .placeholder\:text-muted-foreground::placeholder, .placeholder\:text-muted-foreground\/50::placeholder { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-muted-foreground\/50::placeholder { color: color-mix(in oklab, var(--muted-foreground) 50%, transparent); } } .placeholder\:text-muted-foreground\/60::placeholder { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-muted-foreground\/60::placeholder { color: color-mix(in oklab, var(--muted-foreground) 60%, transparent); } } .placeholder\:text-muted-foreground\/70::placeholder { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-muted-foreground\/70::placeholder { color: color-mix(in oklab, var(--muted-foreground) 70%, transparent); } } .placeholder\:text-sidebar-foreground\/40::placeholder { color: var(--sidebar-foreground); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-sidebar-foreground\/40::placeholder { color: color-mix(in oklab, var(--sidebar-foreground) 40%, transparent); } } .placeholder\:text-white\/30::placeholder { color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-white\/30::placeholder { color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .before\:h-px:before { content: var(--tw-content); height: 1px; } .before\:flex-1:before { content: var(--tw-content); flex: 1; } .before\:bg-border:before { content: var(--tw-content); background-color: var(--border); } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:-inset-2:after { content: var(--tw-content); inset: calc(var(--spacing) * -2); } .after\:inset-y-0:after { content: var(--tw-content); inset-block: 0; } .after\:left-1\/2:after { content: var(--tw-content); left: 50%; } .after\:h-px:after { content: var(--tw-content); height: 1px; } .after\:w-1:after { content: var(--tw-content); width: var(--spacing); } .after\:w-\[2px\]:after { content: var(--tw-content); width: 2px; } .after\:flex-1:after { content: var(--tw-content); flex: 1; } .after\:-translate-x-1\/2:after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:bg-border:after { content: var(--tw-content); background-color: var(--border); } .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after { content: var(--tw-content); left: 100%; } .first\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .first\:border-0:first-child { border-style: var(--tw-border-style); border-width: 0; } .first\:border-t-0:first-child { border-top-style: var(--tw-border-style); border-top-width: 0; } .first\:border-l:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; } .first\:pt-0:first-child { padding-top: 0; } .last\:mb-0:last-child { margin-bottom: 0; } .last\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .last\:pb-0:last-child { padding-bottom: 0; } .empty\:hidden:empty { display: none; } .focus-within\:border-brand-orange:focus-within { border-color: var(--brand-orange); } .focus-within\:opacity-100:focus-within { opacity: 1; } @media (hover: hover) { .hover\:z-10:hover { z-index: 10; } .hover\:w-auto:hover { width: auto; } .hover\:-translate-y-0\.5:hover { --tw-translate-y: calc(var(--spacing) * -.5); 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\:gap-1\.5:hover { gap: calc(var(--spacing) * 1.5); } .hover\:border-\[var\(--brand-orange\)\]:hover, .hover\:border-\[var\(--brand-orange\)\]\/40:hover { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-\[var\(--brand-orange\)\]\/40:hover { border-color: color-mix(in oklab, var(--brand-orange) 40%, transparent); } } .hover\:border-\[var\(--brand-orange\)\]\/50:hover { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-\[var\(--brand-orange\)\]\/50:hover { border-color: color-mix(in oklab, var(--brand-orange) 50%, transparent); } } .hover\:border-\[var\(--brand-orange\)\]\/60:hover { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-\[var\(--brand-orange\)\]\/60:hover { border-color: color-mix(in oklab, var(--brand-orange) 60%, transparent); } } .hover\:border-amber-500:hover { border-color: var(--color-amber-500); } .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-border:hover, .hover\:border-border\/80:hover { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-border\/80:hover { border-color: color-mix(in oklab, var(--border) 80%, transparent); } } .hover\:border-brand-orange:hover, .hover\:border-brand-orange\/40:hover { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-brand-orange\/40:hover { border-color: color-mix(in oklab, var(--brand-orange) 40%, transparent); } } .hover\:border-brand-orange\/50:hover { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-brand-orange\/50:hover { border-color: color-mix(in oklab, var(--brand-orange) 50%, transparent); } } .hover\:border-brand-orange\/60:hover { border-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-brand-orange\/60:hover { border-color: color-mix(in oklab, var(--brand-orange) 60%, transparent); } } .hover\:border-destructive:hover, .hover\:border-destructive\/40:hover { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-destructive\/40:hover { border-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .hover\:border-emerald-500:hover { border-color: var(--color-emerald-500); } .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-emerald-500\/60:hover { border-color: #00bb7f99; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-emerald-500\/60:hover { border-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent); } } .hover\:border-foreground:hover, .hover\:border-foreground\/20:hover { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-foreground\/20:hover { border-color: color-mix(in oklab, var(--foreground) 20%, transparent); } } .hover\:border-foreground\/30:hover { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-foreground\/30:hover { border-color: color-mix(in oklab, var(--foreground) 30%, transparent); } } .hover\:border-foreground\/40:hover { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-foreground\/40:hover { border-color: color-mix(in oklab, var(--foreground) 40%, transparent); } } .hover\:border-info:hover, .hover\:border-info\/40:hover { border-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-info\/40:hover { border-color: color-mix(in oklab, var(--info) 40%, transparent); } } .hover\:border-info\/50:hover { border-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-info\/50:hover { border-color: color-mix(in oklab, var(--info) 50%, transparent); } } .hover\:border-muted-foreground:hover, .hover\:border-muted-foreground\/30:hover { border-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-muted-foreground\/30:hover { border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent); } } .hover\:border-muted-foreground\/40:hover { border-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-muted-foreground\/40:hover { border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent); } } .hover\:border-primary:hover, .hover\:border-primary\/40:hover { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/40:hover { border-color: color-mix(in oklab, var(--primary) 40%, transparent); } } .hover\:border-primary\/50:hover { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/50:hover { border-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .hover\:border-primary\/60:hover { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/60:hover { border-color: color-mix(in oklab, var(--primary) 60%, transparent); } } .hover\:border-sky-500\/70:hover { border-color: #00a5efb3; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-sky-500\/70:hover { border-color: color-mix(in oklab, var(--color-sky-500) 70%, transparent); } } .hover\:border-success\/40:hover { border-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-success\/40:hover { border-color: color-mix(in oklab, var(--success) 40%, transparent); } } .hover\:border-warning\/40:hover { border-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-warning\/40:hover { border-color: color-mix(in oklab, var(--warning) 40%, transparent); } } .hover\:bg-\[var\(--brand-orange\)\]:hover, .hover\:bg-\[var\(--brand-orange\)\]\/5:hover { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-\[var\(--brand-orange\)\]\/5:hover { background-color: color-mix(in oklab, var(--brand-orange) 5%, transparent); } } .hover\:bg-\[var\(--brand-orange\)\]\/10:hover { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-\[var\(--brand-orange\)\]\/10:hover { background-color: color-mix(in oklab, var(--brand-orange) 10%, transparent); } } .hover\:bg-\[var\(--brand-orange\)\]\/15:hover { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-\[var\(--brand-orange\)\]\/15:hover { background-color: color-mix(in oklab, var(--brand-orange) 15%, transparent); } } .hover\:bg-\[var\(--brand-orange\)\]\/90:hover { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-\[var\(--brand-orange\)\]\/90:hover { background-color: color-mix(in oklab, var(--brand-orange) 90%, transparent); } } .hover\:bg-\[var\(--kiosk-surface-2\)\]:hover { background-color: var(--kiosk-surface-2); } .hover\:bg-\[var\(--kiosk-surface-3\)\]:hover { background-color: var(--kiosk-surface-3); } .hover\:bg-accent:hover, .hover\:bg-accent\/30:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/30:hover { background-color: color-mix(in oklab, var(--accent) 30%, transparent); } } .hover\:bg-accent\/40:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/40:hover { background-color: color-mix(in oklab, var(--accent) 40%, transparent); } } .hover\:bg-accent\/50:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/50:hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .hover\:bg-accent\/60:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/60:hover { background-color: color-mix(in oklab, var(--accent) 60%, transparent); } } .hover\:bg-amber-100:hover { background-color: var(--color-amber-100); } .hover\:bg-amber-100\/50:hover { background-color: #fef3c680; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-100\/50:hover { background-color: color-mix(in oklab, var(--color-amber-100) 50%, transparent); } } .hover\:bg-amber-200:hover { background-color: var(--color-amber-200); } .hover\:bg-amber-400:hover { background-color: var(--color-amber-400); } .hover\:bg-amber-400\/10:hover { background-color: #fcbb001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-400\/10:hover { background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent); } } .hover\:bg-amber-500:hover { background-color: var(--color-amber-500); } .hover\:bg-amber-500\/5:hover { background-color: #f99c000d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/5:hover { background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent); } } .hover\:bg-amber-500\/10:hover { background-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/10:hover { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .hover\:bg-amber-500\/20:hover { background-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/20:hover { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .hover\:bg-amber-500\/25:hover { background-color: #f99c0040; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/25:hover { background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); } } .hover\:bg-amber-500\/90:hover { background-color: #f99c00e6; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/90:hover { background-color: color-mix(in oklab, var(--color-amber-500) 90%, transparent); } } .hover\:bg-amber-500\/\[0\.06\]:hover { background-color: #f99c000f; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/\[0\.06\]:hover { background-color: color-mix(in oklab, var(--color-amber-500) 6%, transparent); } } .hover\:bg-amber-600:hover { background-color: var(--color-amber-600); } .hover\:bg-amber-600\/90:hover { background-color: #dd7400e6; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-600\/90:hover { background-color: color-mix(in oklab, var(--color-amber-600) 90%, transparent); } } .hover\:bg-amber-700:hover { background-color: var(--color-amber-700); } .hover\:bg-background:hover { background-color: var(--background); } .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-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-brand-orange\/5:hover { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-brand-orange\/5:hover { background-color: color-mix(in oklab, var(--brand-orange) 5%, transparent); } } .hover\:bg-brand-orange\/10:hover { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-brand-orange\/10:hover { background-color: color-mix(in oklab, var(--brand-orange) 10%, transparent); } } .hover\:bg-brand-orange\/15:hover { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-brand-orange\/15:hover { background-color: color-mix(in oklab, var(--brand-orange) 15%, transparent); } } .hover\:bg-brand-orange\/20:hover { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-brand-orange\/20:hover { background-color: color-mix(in oklab, var(--brand-orange) 20%, transparent); } } .hover\:bg-brand-orange\/90:hover { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-brand-orange\/90:hover { background-color: color-mix(in oklab, var(--brand-orange) 90%, transparent); } } .hover\:bg-cyan-500\/15:hover { background-color: #00b7d726; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-cyan-500\/15:hover { background-color: color-mix(in oklab, var(--color-cyan-500) 15%, transparent); } } .hover\:bg-destructive:hover, .hover\:bg-destructive\/5:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/5:hover { background-color: color-mix(in oklab, var(--destructive) 5%, transparent); } } .hover\:bg-destructive\/10:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/10:hover { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } .hover\:bg-destructive\/15:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/15:hover { background-color: color-mix(in oklab, var(--destructive) 15%, transparent); } } .hover\:bg-destructive\/20:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/20:hover { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .hover\:bg-destructive\/80:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/80:hover { background-color: color-mix(in oklab, var(--destructive) 80%, transparent); } } .hover\:bg-destructive\/90:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab, var(--destructive) 90%, transparent); } } .hover\:bg-emerald-100:hover { background-color: var(--color-emerald-100); } .hover\:bg-emerald-500:hover { background-color: var(--color-emerald-500); } .hover\:bg-emerald-500\/5:hover { background-color: #00bb7f0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/5:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } .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\/15:hover { background-color: #00bb7f26; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/15:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, 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\/90:hover { background-color: #00bb7fe6; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/90:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 90%, transparent); } } .hover\:bg-emerald-600:hover { background-color: var(--color-emerald-600); } .hover\:bg-emerald-600\/90:hover { background-color: #009767e6; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-600\/90:hover { background-color: color-mix(in oklab, var(--color-emerald-600) 90%, transparent); } } .hover\:bg-emerald-700:hover { background-color: var(--color-emerald-700); } .hover\:bg-foreground\/5:hover { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-foreground\/5:hover { background-color: color-mix(in oklab, var(--foreground) 5%, transparent); } } .hover\:bg-foreground\/10:hover { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-foreground\/10:hover { background-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } .hover\:bg-foreground\/\[0\.02\]:hover { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-foreground\/\[0\.02\]:hover { background-color: color-mix(in oklab, var(--foreground) 2%, transparent); } } .hover\:bg-foreground\/\[0\.03\]:hover { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-foreground\/\[0\.03\]:hover { background-color: color-mix(in oklab, var(--foreground) 3%, transparent); } } .hover\:bg-foreground\/\[0\.06\]:hover { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-foreground\/\[0\.06\]:hover { background-color: color-mix(in oklab, var(--foreground) 6%, transparent); } } .hover\:bg-info\/5:hover { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-info\/5:hover { background-color: color-mix(in oklab, var(--info) 5%, transparent); } } .hover\:bg-info\/10:hover { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-info\/10:hover { background-color: color-mix(in oklab, var(--info) 10%, transparent); } } .hover\:bg-info\/15:hover { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-info\/15:hover { background-color: color-mix(in oklab, var(--info) 15%, transparent); } } .hover\:bg-info\/20:hover { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-info\/20:hover { background-color: color-mix(in oklab, var(--info) 20%, transparent); } } .hover\:bg-info\/25:hover { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-info\/25:hover { background-color: color-mix(in oklab, var(--info) 25%, transparent); } } .hover\:bg-info\/\[0\.03\]:hover { background-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-info\/\[0\.03\]:hover { background-color: color-mix(in oklab, var(--info) 3%, transparent); } } .hover\:bg-muted:hover, .hover\:bg-muted\/20:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/20:hover { background-color: color-mix(in oklab, var(--muted) 20%, transparent); } } .hover\:bg-muted\/30:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/30:hover { background-color: color-mix(in oklab, var(--muted) 30%, transparent); } } .hover\:bg-muted\/40:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/40:hover { background-color: color-mix(in oklab, var(--muted) 40%, transparent); } } .hover\:bg-muted\/50:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/50:hover { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } .hover\:bg-muted\/60:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/60:hover { background-color: color-mix(in oklab, var(--muted) 60%, transparent); } } .hover\:bg-muted\/70:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/70:hover { background-color: color-mix(in oklab, var(--muted) 70%, transparent); } } .hover\:bg-orange-500\/90:hover { background-color: #fe6e00e6; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-orange-500\/90:hover { background-color: color-mix(in oklab, var(--color-orange-500) 90%, transparent); } } .hover\:bg-primary\/5:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/5:hover { background-color: color-mix(in oklab, var(--primary) 5%, transparent); } } .hover\:bg-primary\/10:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/10:hover { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .hover\:bg-primary\/15:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/15:hover { background-color: color-mix(in oklab, var(--primary) 15%, transparent); } } .hover\:bg-primary\/20:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/20:hover { background-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .hover\:bg-primary\/30:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/30:hover { background-color: color-mix(in oklab, var(--primary) 30%, transparent); } } .hover\:bg-primary\/80:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/80:hover { background-color: color-mix(in oklab, var(--primary) 80%, transparent); } } .hover\:bg-primary\/90:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } .hover\:bg-red-500:hover { background-color: var(--color-red-500); } .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\/25:hover { background-color: #fb2c3640; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/25:hover { background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent); } } .hover\:bg-red-700:hover { background-color: var(--color-red-700); } .hover\:bg-red-800:hover { background-color: var(--color-red-800); } .hover\:bg-rose-50:hover { background-color: var(--color-rose-50); } .hover\:bg-secondary:hover, .hover\:bg-secondary\/80:hover { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab, var(--secondary) 80%, transparent); } } .hover\:bg-sidebar-accent:hover, .hover\:bg-sidebar-accent\/40:hover { background-color: var(--sidebar-accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-sidebar-accent\/40:hover { background-color: color-mix(in oklab, var(--sidebar-accent) 40%, transparent); } } .hover\:bg-sky-200:hover { background-color: var(--color-sky-200); } .hover\:bg-sky-500\/\[0\.06\]:hover { background-color: #00a5ef0f; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-sky-500\/\[0\.06\]:hover { background-color: color-mix(in oklab, var(--color-sky-500) 6%, transparent); } } .hover\:bg-slate-100:hover { background-color: var(--color-slate-100); } .hover\:bg-slate-200:hover { background-color: var(--color-slate-200); } .hover\:bg-success\/10:hover { background-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-success\/10:hover { background-color: color-mix(in oklab, var(--success) 10%, transparent); } } .hover\:bg-success\/15:hover { background-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-success\/15:hover { background-color: color-mix(in oklab, var(--success) 15%, transparent); } } .hover\:bg-success\/20:hover { background-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-success\/20:hover { background-color: color-mix(in oklab, var(--success) 20%, transparent); } } .hover\:bg-success\/25:hover { background-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-success\/25:hover { background-color: color-mix(in oklab, var(--success) 25%, transparent); } } .hover\:bg-success\/90:hover { background-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-success\/90:hover { background-color: color-mix(in oklab, var(--success) 90%, transparent); } } .hover\:bg-surface:hover { background-color: var(--surface); } .hover\:bg-surface-2:hover, .hover\:bg-surface-2\/40:hover { background-color: var(--surface-2); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-surface-2\/40:hover { background-color: color-mix(in oklab, var(--surface-2) 40%, transparent); } } .hover\:bg-surface-2\/50:hover { background-color: var(--surface-2); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-surface-2\/50:hover { background-color: color-mix(in oklab, var(--surface-2) 50%, transparent); } } .hover\:bg-surface-2\/70:hover { background-color: var(--surface-2); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-surface-2\/70:hover { background-color: color-mix(in oklab, var(--surface-2) 70%, transparent); } } .hover\:bg-transparent:hover { background-color: #0000; } .hover\:bg-warning\/10:hover { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-warning\/10:hover { background-color: color-mix(in oklab, var(--warning) 10%, transparent); } } .hover\:bg-warning\/15:hover { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-warning\/15:hover { background-color: color-mix(in oklab, var(--warning) 15%, transparent); } } .hover\:bg-warning\/20:hover { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-warning\/20:hover { background-color: color-mix(in oklab, var(--warning) 20%, transparent); } } .hover\:bg-warning\/90:hover { background-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-warning\/90:hover { background-color: color-mix(in oklab, var(--warning) 90%, 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\/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-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\/15:hover { background-color: #edb20026; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-yellow-500\/15:hover { background-color: color-mix(in oklab, var(--color-yellow-500) 15%, 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-zinc-800:hover { background-color: var(--color-zinc-800); } .hover\:px-4:hover { padding-inline: calc(var(--spacing) * 4); } .hover\:text-\[var\(--brand-orange\)\]:hover { color: var(--brand-orange); } .hover\:text-accent-foreground:hover { color: var(--accent-foreground); } .hover\:text-destructive:hover { color: var(--destructive); } .hover\:text-destructive-foreground:hover { color: var(--destructive-foreground); } .hover\:text-foreground:hover { color: var(--foreground); } .hover\:text-info:hover, .hover\:text-info\/80:hover { color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .hover\:text-info\/80:hover { color: color-mix(in oklab, var(--info) 80%, transparent); } } .hover\:text-muted-foreground:hover { color: var(--muted-foreground); } .hover\:text-primary:hover { color: var(--primary); } .hover\:text-red-300:hover { color: var(--color-red-300); } .hover\:text-rose-700:hover { color: var(--color-rose-700); } .hover\:text-sidebar-accent-foreground:hover { color: var(--sidebar-accent-foreground); } .hover\:text-sidebar-foreground:hover { color: var(--sidebar-foreground); } .hover\:text-success:hover { color: var(--success); } .hover\:text-success-foreground:hover { color: var(--success-foreground); } .hover\:text-white:hover { color: var(--color-white); } .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-900:hover { color: var(--color-yellow-900); } .hover\:text-zinc-100:hover { color: var(--color-zinc-100); } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:underline:hover { text-decoration-line: underline; } .hover\:\!opacity-100:hover { opacity: 1 !important; } .hover\:opacity-70:hover { opacity: .7; } .hover\:opacity-80:hover { opacity: .8; } .hover\:opacity-90:hover { opacity: .9; } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.04\)\]:hover { --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0000000a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-sm:hover { --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); } .hover\:ring-2:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:ring-\[var\(--brand-orange\)\]\/40:hover { --tw-ring-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-\[var\(--brand-orange\)\]\/40:hover { --tw-ring-color: color-mix(in oklab, var(--brand-orange) 40%, transparent); } } .hover\:ring-foreground\/40:hover { --tw-ring-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-foreground\/40:hover { --tw-ring-color: color-mix(in oklab, var(--foreground) 40%, transparent); } } .hover\:ring-primary\/30:hover { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-primary\/30:hover { --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent); } } .hover\:ring-primary\/50:hover { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-primary\/50:hover { --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .hover\:ring-primary\/60:hover { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-primary\/60:hover { --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent); } } .hover\:brightness-95:hover { --tw-brightness: brightness(95%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .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, ); } .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:is(:where(.group)[data-collapsible="offcanvas"] *):hover { background-color: var(--sidebar); } .hover\:file\:bg-primary\/90:hover::file-selector-button { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:file\:bg-primary\/90:hover::file-selector-button { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } .hover\:after\:bg-sidebar-border:hover:after { content: var(--tw-content); background-color: var(--sidebar-border); } } .focus\:border-\[var\(--brand-orange\)\]:focus { border-color: var(--brand-orange); } .focus\:border-border:focus { border-color: var(--border); } .focus\:border-primary:focus { border-color: var(--primary); } .focus\:bg-accent:focus { background-color: var(--accent); } .focus\:bg-muted\/40:focus { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .focus\:bg-muted\/40:focus { background-color: color-mix(in oklab, var(--muted) 40%, transparent); } } .focus\:text-accent-foreground:focus { color: var(--accent-foreground); } .focus\:text-destructive:focus { color: var(--destructive); } .focus\:text-rose-700:focus { color: var(--color-rose-700); } .focus\:text-warning:focus { color: var(--warning); } .focus\:shadow-none:focus { --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); } .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-\[var\(--brand-orange\)\]\/30:focus { --tw-ring-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-\[var\(--brand-orange\)\]\/30:focus { --tw-ring-color: color-mix(in oklab, var(--brand-orange) 30%, transparent); } } .focus\:ring-\[var\(--brand-orange\)\]\/40:focus { --tw-ring-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-\[var\(--brand-orange\)\]\/40:focus { --tw-ring-color: color-mix(in oklab, var(--brand-orange) 40%, transparent); } } .focus\:ring-blue-400\/60:focus { --tw-ring-color: #54a2ff99; } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-blue-400\/60:focus { --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 60%, transparent); } } .focus\:ring-foreground\/30:focus { --tw-ring-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-foreground\/30:focus { --tw-ring-color: color-mix(in oklab, var(--foreground) 30%, transparent); } } .focus\:ring-primary:focus { --tw-ring-color: var(--primary); } .focus\:ring-ring:focus { --tw-ring-color: var(--ring); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid #0000; } } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:w-auto:focus-visible { width: auto; } .focus-visible\:border-primary:focus-visible { border-color: var(--primary); } .focus-visible\:px-4:focus-visible { padding-inline: calc(var(--spacing) * 4); } .focus-visible\:opacity-100:focus-visible { opacity: 1; } .focus-visible\:shadow-none:focus-visible { --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); } .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-\[var\(--brand-orange\)\]:focus-visible, .focus-visible\:ring-brand-orange:focus-visible, .focus-visible\:ring-brand-orange\/40:focus-visible { --tw-ring-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-brand-orange\/40:focus-visible { --tw-ring-color: color-mix(in oklab, var(--brand-orange) 40%, transparent); } } .focus-visible\:ring-foreground\/40:focus-visible { --tw-ring-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-foreground\/40:focus-visible { --tw-ring-color: color-mix(in oklab, var(--foreground) 40%, transparent); } } .focus-visible\:ring-info:focus-visible { --tw-ring-color: var(--info); } .focus-visible\:ring-primary:focus-visible { --tw-ring-color: var(--primary); } .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/40:focus-visible { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-ring\/40:focus-visible { --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent); } } .focus-visible\:ring-yellow-600\/40:focus-visible { --tw-ring-color: #cd890066; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-yellow-600\/40:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-yellow-600) 40%, transparent); } } .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: var(--background); } .focus-visible\:outline-hidden:focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: 2px solid #0000; } } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:-outline-offset-2:focus-visible { outline-offset: calc(2px * -1); } .focus-visible\:outline-ring:focus-visible { outline-color: var(--ring); } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } .focus-visible\:ring-inset:focus-visible { --tw-ring-inset: inset; } .active\:translate-y-px:active { --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-\[0\.97\]:active { scale: .97; } .active\:scale-\[0\.98\]:active { scale: .98; } .active\:scale-\[0\.99\]:active { scale: .99; } .active\:scale-\[0\.997\]:active { scale: .997; } .active\:cursor-grabbing:active { cursor: grabbing; } .active\:bg-\[var\(--brand-orange\)\]\/20:active { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-\[var\(--brand-orange\)\]\/20:active { background-color: color-mix(in oklab, var(--brand-orange) 20%, transparent); } } .active\:bg-accent:active, .active\:bg-accent\/40:active { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-accent\/40:active { background-color: color-mix(in oklab, var(--accent) 40%, transparent); } } .active\:bg-accent\/70:active { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-accent\/70:active { background-color: color-mix(in oklab, var(--accent) 70%, transparent); } } .active\:bg-accent\/80:active { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-accent\/80:active { background-color: color-mix(in oklab, var(--accent) 80%, transparent); } } .active\:bg-brand-orange\/95:active { background-color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-brand-orange\/95:active { background-color: color-mix(in oklab, var(--brand-orange) 95%, transparent); } } .active\:bg-foreground\/\[0\.1\]:active { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-foreground\/\[0\.1\]:active { background-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } .active\:bg-muted:active, .active\:bg-muted\/30:active { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-muted\/30:active { background-color: color-mix(in oklab, var(--muted) 30%, transparent); } } .active\:bg-muted\/40:active { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-muted\/40:active { background-color: color-mix(in oklab, var(--muted) 40%, transparent); } } .active\:bg-muted\/60:active { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-muted\/60:active { background-color: color-mix(in oklab, var(--muted) 60%, transparent); } } .active\:bg-sidebar-accent:active, .active\:bg-sidebar-accent\/40:active { background-color: var(--sidebar-accent); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-sidebar-accent\/40:active { background-color: color-mix(in oklab, var(--sidebar-accent) 40%, transparent); } } .active\:bg-sidebar-accent\/80:active { background-color: var(--sidebar-accent); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-sidebar-accent\/80:active { background-color: color-mix(in oklab, var(--sidebar-accent) 80%, transparent); } } .active\:text-foreground:active { color: var(--foreground); } .active\:text-sidebar-accent-foreground:active { color: var(--sidebar-accent-foreground); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:text-foreground\/80:disabled { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .disabled\:text-foreground\/80:disabled { color: color-mix(in oklab, var(--foreground) 80%, transparent); } } .disabled\:opacity-30:disabled { opacity: .3; } .disabled\:opacity-40:disabled { opacity: .4; } .disabled\:opacity-45:disabled { opacity: .45; } .disabled\:opacity-50:disabled { opacity: .5; } .disabled\:opacity-60:disabled { opacity: .6; } .disabled\:opacity-100:disabled { opacity: 1; } .disabled\:shadow-none:disabled { --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); } @media (hover: hover) { .disabled\:hover\:brightness-100:disabled:hover { --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, ); } } .has-focus\:border-ring:has(:focus) { border-color: var(--ring); } .has-focus\:ring-\[3px\]:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .has-\[\:disabled\]\:opacity-50:has(:disabled) { opacity: .5; } .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant="inset"]) { background-color: var(--sidebar); } .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: .5; } .aria-selected\:text-muted-foreground[aria-selected="true"] { color: var(--muted-foreground); } .data-\[active\=true\]\:bg-primary[data-active="true"] { background-color: var(--primary); } .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] { background-color: var(--sidebar-accent); } .data-\[active\=true\]\:font-medium[data-active="true"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .data-\[active\=true\]\:text-primary-foreground[data-active="true"] { color: var(--primary-foreground); } .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] { color: var(--sidebar-accent-foreground); } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: .5; } .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: .5; } .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] { --tw-enter-translate-x: calc(52*var(--spacing)); } .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] { --tw-enter-translate-x: calc(52*var(--spacing)*-1); } .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] { --tw-exit-translate-x: calc(52*var(--spacing)); } .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] { --tw-exit-translate-x: calc(52*var(--spacing)*-1); } .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] { --tw-enter-opacity: 0; } .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] { --tw-exit-opacity: 0; } .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] { height: 1px; } .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] { width: 100%; } .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] { flex-direction: column; } .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after { content: var(--tw-content); left: 0; } .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after { content: var(--tw-content); height: var(--spacing); } .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after { content: var(--tw-content); width: 100%; } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after { content: var(--tw-content); --tw-translate-x: 0; translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: var(--muted-foreground); } .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] { border-radius: calc(var(--radius) - 2px); } .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] { background-color: var(--primary); } .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] { color: var(--primary-foreground); } .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] { border-radius: 0; } .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] { background-color: var(--accent); } .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] { color: var(--accent-foreground); } .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] { border-radius: calc(var(--radius) - 2px); } .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] { background-color: var(--primary); } .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] { color: var(--primary-foreground); } .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] { background-color: var(--primary); } .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] { color: var(--primary-foreground); } .data-\[selected\=true\]\:rounded-none[data-selected="true"] { border-radius: 0; } .data-\[selected\=true\]\:bg-accent[data-selected="true"] { background-color: var(--accent); } .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { color: var(--accent-foreground); } .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); } .data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: calc(2*var(--spacing)); } .data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); } .data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: calc(2*var(--spacing)); } .data-\[state\=active\]\:border-info\/40[data-state="active"] { border-color: var(--info); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:border-info\/40[data-state="active"] { border-color: color-mix(in oklab, var(--info) 40%, transparent); } } .data-\[state\=active\]\:border-success\/40[data-state="active"] { border-color: var(--success); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:border-success\/40[data-state="active"] { border-color: color-mix(in oklab, var(--success) 40%, transparent); } } .data-\[state\=active\]\:border-warning\/40[data-state="active"] { border-color: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:border-warning\/40[data-state="active"] { border-color: color-mix(in oklab, var(--warning) 40%, transparent); } } .data-\[state\=active\]\:bg-background[data-state="active"] { background-color: var(--background); } .data-\[state\=active\]\:bg-foreground\/10[data-state="active"] { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:bg-foreground\/10[data-state="active"] { background-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } .data-\[state\=active\]\:from-info\/15[data-state="active"] { --tw-gradient-from: var(--info); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:from-info\/15[data-state="active"] { --tw-gradient-from: color-mix(in oklab, var(--info) 15%, transparent); } } .data-\[state\=active\]\:from-info\/15[data-state="active"] { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .data-\[state\=active\]\:from-success\/15[data-state="active"] { --tw-gradient-from: var(--success); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:from-success\/15[data-state="active"] { --tw-gradient-from: color-mix(in oklab, var(--success) 15%, transparent); } } .data-\[state\=active\]\:from-success\/15[data-state="active"] { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .data-\[state\=active\]\:from-warning\/15[data-state="active"] { --tw-gradient-from: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:from-warning\/15[data-state="active"] { --tw-gradient-from: color-mix(in oklab, var(--warning) 15%, transparent); } } .data-\[state\=active\]\:from-warning\/15[data-state="active"] { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .data-\[state\=active\]\:to-info\/20[data-state="active"] { --tw-gradient-to: var(--info); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:to-info\/20[data-state="active"] { --tw-gradient-to: color-mix(in oklab, var(--info) 20%, transparent); } } .data-\[state\=active\]\:to-info\/20[data-state="active"] { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .data-\[state\=active\]\:to-success\/20[data-state="active"] { --tw-gradient-to: var(--success); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:to-success\/20[data-state="active"] { --tw-gradient-to: color-mix(in oklab, var(--success) 20%, transparent); } } .data-\[state\=active\]\:to-success\/20[data-state="active"] { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .data-\[state\=active\]\:to-warning\/20[data-state="active"] { --tw-gradient-to: var(--warning); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:to-warning\/20[data-state="active"] { --tw-gradient-to: color-mix(in oklab, var(--warning) 20%, transparent); } } .data-\[state\=active\]\:to-warning\/20[data-state="active"] { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .data-\[state\=active\]\:text-destructive[data-state="active"] { color: var(--destructive); } .data-\[state\=active\]\:text-foreground[data-state="active"] { color: var(--foreground); } .data-\[state\=active\]\:shadow[data-state="active"], .data-\[state\=active\]\:shadow-sm[data-state="active"] { --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); } .data-\[state\=checked\]\:translate-x-4[data-state="checked"] { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: var(--primary); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: var(--primary-foreground); } .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] { animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[state\=closed\]\:duration-300[data-state="closed"] { --tw-duration: .3s; transition-duration: .3s; } .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\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; } .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] { --tw-exit-translate-x: calc(1 / 2*-100%); } .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; } .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] { --tw-exit-translate-y: calc(48%*-1); } .data-\[state\=hidden\]\:animate-out[data-state="hidden"] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[state\=hidden\]\:fade-out[data-state="hidden"] { --tw-exit-opacity: 0; } .data-\[state\=on\]\:bg-accent[data-state="on"] { background-color: var(--accent); } .data-\[state\=on\]\:text-accent-foreground[data-state="on"] { color: var(--accent-foreground); } .data-\[state\=open\]\:animate-accordion-down[data-state="open"] { animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[state\=open\]\:animate-in[data-state="open"] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[state\=open\]\:bg-accent[data-state="open"], .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: var(--secondary); } .data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: var(--accent-foreground); } .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: var(--muted-foreground); } .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; } .data-\[state\=open\]\:duration-500[data-state="open"] { --tw-duration: .5s; transition-duration: .5s; } .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .data-\[state\=open\]\:zoom-in-90[data-state="open"] { --tw-enter-scale: .9; } .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } .data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; } .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] { --tw-enter-translate-x: calc(1 / 2*-100%); } .data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; } .data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; } .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] { --tw-enter-translate-y: calc(48%*-1); } @media (hover: hover) { .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover { background-color: var(--accent); } .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover { background-color: var(--sidebar-accent); } .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover { color: var(--sidebar-accent-foreground); } } .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus { background-color: var(--accent); } .data-\[state\=selected\]\:bg-muted[data-state="selected"] { background-color: var(--muted); } .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: 0; translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: var(--input); } .data-\[state\=visible\]\:animate-in[data-state="visible"] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none); } .data-\[state\=visible\]\:fade-in[data-state="visible"] { --tw-enter-opacity: 0; } @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) { .supports-\[backdrop-filter\]\:bg-background\/80 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .supports-\[backdrop-filter\]\:bg-background\/80 { background-color: color-mix(in oklab, var(--background) 80%, transparent); } } .supports-\[backdrop-filter\]\:bg-muted\/80 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .supports-\[backdrop-filter\]\:bg-muted\/80 { background-color: color-mix(in oklab, var(--muted) 80%, transparent); } } .supports-\[backdrop-filter\]\:bg-surface\/80 { background-color: var(--surface); } @supports (color: color-mix(in lab, red, red)) { .supports-\[backdrop-filter\]\:bg-surface\/80 { background-color: color-mix(in oklab, var(--surface) 80%, transparent); } } } @media not all and (min-width: 480px) { .max-\[480px\]\:h-9 { height: calc(var(--spacing) * 9); } .max-\[480px\]\:w-9 { width: calc(var(--spacing) * 9); } .max-\[480px\]\:max-w-\[8rem\] { max-width: 8rem; } .max-\[480px\]\:px-0 { padding-inline: 0; } } @media not all and (min-width: 420px) { .max-\[420px\]\:hidden { display: none; } .max-\[420px\]\:gap-2 { gap: calc(var(--spacing) * 2); } .max-\[420px\]\:p-3 { padding: calc(var(--spacing) * 3); } .max-\[420px\]\:p-4 { padding: calc(var(--spacing) * 4); } .max-\[420px\]\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } @media (min-width: 480px) { .min-\[480px\]\:block { display: block; } } @media (min-width: 40rem) { .sm\:order-last { order: 9999; } .sm\:col-span-1 { grid-column: span 1 / span 1; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:col-span-3 { grid-column: span 3 / span 3; } .sm\:col-span-4 { grid-column: span 4 / span 4; } .sm\:col-start-4 { grid-column-start: 4; } .sm\:-mx-4 { margin-inline: calc(var(--spacing) * -4); } .sm\:-mx-6 { margin-inline: calc(var(--spacing) * -6); } .sm\:mx-0 { margin-inline: 0; } .sm\:mt-0 { margin-top: 0; } .sm\:mt-2 { margin-top: calc(var(--spacing) * 2); } .sm\:mt-3 { margin-top: calc(var(--spacing) * 3); } .sm\:mt-6 { margin-top: calc(var(--spacing) * 6); } .sm\:mr-1 { margin-right: var(--spacing); } .sm\:mr-4 { margin-right: calc(var(--spacing) * 4); } .sm\:mb-2 { margin-bottom: calc(var(--spacing) * 2); } .sm\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } .sm\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } .sm\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .sm\:ml-2 { margin-left: calc(var(--spacing) * 2); } .sm\:ml-auto { margin-left: auto; } .sm\:line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .sm\:block { display: block; } .sm\:contents { display: contents; } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:hidden { display: none; } .sm\:inline { display: inline; } .sm\:inline-block { display: inline-block; } .sm\:inline-flex { display: inline-flex; } .sm\:inline-grid { display: inline-grid; } .sm\:table { display: table; } .sm\:table-cell { display: table-cell; } .sm\:h-2 { height: calc(var(--spacing) * 2); } .sm\:h-4 { height: calc(var(--spacing) * 4); } .sm\:h-5 { height: calc(var(--spacing) * 5); } .sm\:h-6 { height: calc(var(--spacing) * 6); } .sm\:h-7 { height: calc(var(--spacing) * 7); } .sm\:h-8 { height: calc(var(--spacing) * 8); } .sm\:h-9 { height: calc(var(--spacing) * 9); } .sm\:h-10 { height: calc(var(--spacing) * 10); } .sm\:h-11 { height: calc(var(--spacing) * 11); } .sm\:h-12 { height: calc(var(--spacing) * 12); } .sm\:h-14 { height: calc(var(--spacing) * 14); } .sm\:h-16 { height: calc(var(--spacing) * 16); } .sm\:h-20 { height: calc(var(--spacing) * 20); } .sm\:h-24 { height: calc(var(--spacing) * 24); } .sm\:h-32 { height: calc(var(--spacing) * 32); } .sm\:h-40 { height: calc(var(--spacing) * 40); } .sm\:h-44 { height: calc(var(--spacing) * 44); } .sm\:h-\[120px\] { height: 120px; } .sm\:h-\[230px\] { height: 230px; } .sm\:h-\[400px\] { height: 400px; } .sm\:h-\[680px\] { height: 680px; } .sm\:max-h-56 { max-height: calc(var(--spacing) * 56); } .sm\:max-h-\[336px\] { max-height: 336px; } .sm\:max-h-\[680px\] { max-height: 680px; } .sm\:max-h-\[calc\(100dvh-4rem\)\] { max-height: calc(100dvh - 4rem); } .sm\:min-h-\[52px\] { min-height: 52px; } .sm\:min-h-\[56px\] { min-height: 56px; } .sm\:min-h-\[60px\] { min-height: 60px; } .sm\:min-h-\[96px\] { min-height: 96px; } .sm\:min-h-\[170px\] { min-height: 170px; } .sm\:w-2 { width: calc(var(--spacing) * 2); } .sm\:w-4 { width: calc(var(--spacing) * 4); } .sm\:w-5 { width: calc(var(--spacing) * 5); } .sm\:w-6 { width: calc(var(--spacing) * 6); } .sm\:w-7 { width: calc(var(--spacing) * 7); } .sm\:w-8 { width: calc(var(--spacing) * 8); } .sm\:w-9 { width: calc(var(--spacing) * 9); } .sm\:w-10 { width: calc(var(--spacing) * 10); } .sm\:w-11 { width: calc(var(--spacing) * 11); } .sm\:w-12 { width: calc(var(--spacing) * 12); } .sm\:w-16 { width: calc(var(--spacing) * 16); } .sm\:w-20 { width: calc(var(--spacing) * 20); } .sm\:w-24 { width: calc(var(--spacing) * 24); } .sm\:w-28 { width: calc(var(--spacing) * 28); } .sm\:w-32 { width: calc(var(--spacing) * 32); } .sm\:w-36 { width: calc(var(--spacing) * 36); } .sm\:w-40 { width: calc(var(--spacing) * 40); } .sm\:w-44 { width: calc(var(--spacing) * 44); } .sm\:w-48 { width: calc(var(--spacing) * 48); } .sm\:w-52 { width: calc(var(--spacing) * 52); } .sm\:w-56 { width: calc(var(--spacing) * 56); } .sm\:w-64 { width: calc(var(--spacing) * 64); } .sm\:w-\[160px\] { width: 160px; } .sm\:w-\[170px\] { width: 170px; } .sm\:w-\[180px\] { width: 180px; } .sm\:w-\[200px\] { width: 200px; } .sm\:w-\[220px\] { width: 220px; } .sm\:w-\[400px\] { width: 400px; } .sm\:w-\[440px\] { width: 440px; } .sm\:w-auto { width: auto; } .sm\:w-full { width: 100%; } .sm\:\!max-w-lg { max-width: var(--container-lg) !important; } .sm\:\!max-w-md { max-width: var(--container-md) !important; } .sm\:max-w-2xl { max-width: var(--container-2xl); } .sm\:max-w-3xl { max-width: var(--container-3xl); } .sm\:max-w-5xl { max-width: var(--container-5xl); } .sm\:max-w-\[28rem\] { max-width: 28rem; } .sm\:max-w-\[32rem\] { max-width: 32rem; } .sm\:max-w-\[90vw\] { max-width: 90vw; } .sm\:max-w-\[95vw\] { max-width: 95vw; } .sm\:max-w-\[420px\] { max-width: 420px; } .sm\:max-w-\[520px\] { max-width: 520px; } .sm\:max-w-\[560px\] { max-width: 560px; } .sm\:max-w-\[760px\] { max-width: 760px; } .sm\:max-w-\[min\(96vw\,1100px\)\] { max-width: min(96vw, 1100px); } .sm\:max-w-\[var\(--kiosk-drawer-width\)\] { max-width: var(--kiosk-drawer-width); } .sm\:max-w-full { max-width: 100%; } .sm\:max-w-lg { max-width: var(--container-lg); } .sm\:max-w-md { max-width: var(--container-md); } .sm\:max-w-none { max-width: none; } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:max-w-xl { max-width: var(--container-xl); } .sm\:max-w-xs { max-width: var(--container-xs); } .sm\:min-w-\[52px\] { min-width: 52px; } .sm\:min-w-\[120px\] { min-width: 120px; } .sm\:flex-1 { flex: 1; } .sm\:flex-none { flex: none; } .sm\:flex-shrink-0 { flex-shrink: 0; } .sm\:basis-0 { flex-basis: 0; } .sm\:basis-auto { flex-basis: auto; } .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .sm\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .sm\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .sm\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .sm\:grid-cols-\[0\.7fr_2fr_0\.7fr_0\.6fr_auto\] { grid-template-columns: .7fr 2fr .7fr .6fr auto; } .sm\:grid-cols-\[1\.4fr_0\.6fr_0\.7fr_0\.5fr_0\.5fr_0\.5fr_0\.9fr_auto\] { grid-template-columns: 1.4fr .6fr .7fr .5fr .5fr .5fr .9fr auto; } .sm\:grid-cols-\[1\.4fr_repeat\(4\,minmax\(0\,0\.55fr\)\)_0\.8fr_auto\] { grid-template-columns: 1.4fr repeat(4, minmax(0, .55fr)) .8fr auto; } .sm\:grid-cols-\[1fr\,1fr\,1fr\,auto\] { grid-template-columns: 1fr,1fr,1fr,auto; } .sm\:grid-cols-\[1fr_1fr_1fr_auto\] { grid-template-columns: 1fr 1fr 1fr auto; } .sm\:grid-cols-\[1fr_1fr_10rem_auto\] { grid-template-columns: 1fr 1fr 10rem auto; } .sm\:grid-cols-\[1fr_1fr_170px\] { grid-template-columns: 1fr 1fr 170px; } .sm\:grid-cols-\[1fr_1fr_auto\] { grid-template-columns: 1fr 1fr auto; } .sm\:grid-cols-\[1fr_1fr_auto_auto\] { grid-template-columns: 1fr 1fr auto auto; } .sm\:grid-cols-\[1fr_70px_90px_70px_90px\] { grid-template-columns: 1fr 70px 90px 70px 90px; } .sm\:grid-cols-\[1fr_70px_100px_100px_30px\] { grid-template-columns: 1fr 70px 100px 100px 30px; } .sm\:grid-cols-\[1fr_80px_80px_80px_160px_40px\] { grid-template-columns: 1fr 80px 80px 80px 160px 40px; } .sm\:grid-cols-\[1fr_90px_auto\] { grid-template-columns: 1fr 90px auto; } .sm\:grid-cols-\[1fr_110px\] { grid-template-columns: 1fr 110px; } .sm\:grid-cols-\[1fr_110px_140px_110px_40px\] { grid-template-columns: 1fr 110px 140px 110px 40px; } .sm\:grid-cols-\[1fr_120px_120px_auto\] { grid-template-columns: 1fr 120px 120px auto; } .sm\:grid-cols-\[1fr_120px_auto\] { grid-template-columns: 1fr 120px auto; } .sm\:grid-cols-\[1fr_140px_140px_auto\] { grid-template-columns: 1fr 140px 140px auto; } .sm\:grid-cols-\[1fr_160px_auto\] { grid-template-columns: 1fr 160px auto; } .sm\:grid-cols-\[1fr_180px\] { grid-template-columns: 1fr 180px; } .sm\:grid-cols-\[1fr_180px_140px_100px\] { grid-template-columns: 1fr 180px 140px 100px; } .sm\:grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .sm\:grid-cols-\[1fr_auto_1fr_auto\] { grid-template-columns: 1fr auto 1fr auto; } .sm\:grid-cols-\[2fr_1fr_1fr\] { grid-template-columns: 2fr 1fr 1fr; } .sm\:grid-cols-\[8rem_1fr_1fr_5\.5rem\] { grid-template-columns: 8rem 1fr 1fr 5.5rem; } .sm\:grid-cols-\[8rem_1fr_5rem_5rem_2rem\] { grid-template-columns: 8rem 1fr 5rem 5rem 2rem; } .sm\:grid-cols-\[9rem_1fr_5rem_7rem_6rem\] { grid-template-columns: 9rem 1fr 5rem 7rem 6rem; } .sm\:grid-cols-\[11rem_1fr_auto\] { grid-template-columns: 11rem 1fr auto; } .sm\:grid-cols-\[80px_1fr_80px_1fr_auto\] { grid-template-columns: 80px 1fr 80px 1fr auto; } .sm\:grid-cols-\[180px_1fr\] { grid-template-columns: 180px 1fr; } .sm\:grid-cols-\[180px_1fr_auto\] { grid-template-columns: 180px 1fr auto; } .sm\:grid-cols-\[auto_minmax\(0\,1fr\)\] { grid-template-columns: auto minmax(0, 1fr); } .sm\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; } .sm\:grid-cols-\[minmax\(0\,1fr\)\,110px\,minmax\(0\,1fr\)\,auto\] { grid-template-columns: minmax(0,1fr),110px,minmax(0,1fr),auto; } .sm\:grid-cols-\[minmax\(0\,1fr\)_9\.5rem_9\.5rem\] { grid-template-columns: minmax(0, 1fr) 9.5rem 9.5rem; } .sm\:grid-cols-\[minmax\(0\,1fr\)_12rem_12rem\] { grid-template-columns: minmax(0, 1fr) 12rem 12rem; } .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0, 1fr) auto; } .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .sm\:grid-cols-\[minmax\(0\,11rem\)_minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0, 11rem) minmax(0, 1fr) auto; } .sm\:grid-cols-\[minmax\(0\,13rem\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 13rem) minmax(0, 1fr); } .sm\:grid-cols-\[minmax\(0\,180px\)_1fr\] { grid-template-columns: minmax(0, 180px) 1fr; } .sm\:flex-col { flex-direction: column; } .sm\:flex-row { flex-direction: row; } .sm\:flex-nowrap { flex-wrap: nowrap; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:items-center { align-items: center; } .sm\:items-end { align-items: flex-end; } .sm\:items-start { align-items: flex-start; } .sm\:items-stretch { align-items: stretch; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-center { justify-content: center; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-start { justify-content: flex-start; } .sm\:gap-0 { gap: 0; } .sm\:gap-1 { gap: var(--spacing); } .sm\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .sm\:gap-2 { gap: calc(var(--spacing) * 2); } .sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .sm\:gap-3 { gap: calc(var(--spacing) * 3); } .sm\:gap-4 { gap: calc(var(--spacing) * 4); } .sm\:gap-5 { gap: calc(var(--spacing) * 5); } .sm\:gap-6 { gap: calc(var(--spacing) * 6); } .sm\:gap-8 { gap: calc(var(--spacing) * 8); } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block: 0; } :where(.sm\:space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-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(.sm\:space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } .sm\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } :where(.sm\:space-x-0 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline: 0; } :where(.sm\: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(.sm\: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(.sm\:divide-y-0 > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(0px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); } .sm\:self-auto { align-self: auto; } .sm\:self-end { align-self: flex-end; } .sm\:self-start { align-self: flex-start; } .sm\:justify-self-auto { justify-self: auto; } .sm\:truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sm\:rounded-2xl { border-radius: calc(var(--radius) + 8px); } .sm\:rounded-3xl { border-radius: var(--radius-3xl); } .sm\:rounded-lg { border-radius: var(--radius); } .sm\:rounded-md { border-radius: calc(var(--radius) - 2px); } .sm\:rounded-xl { border-radius: calc(var(--radius) + 4px); } .sm\:border { border-style: var(--tw-border-style); border-width: 1px; } .sm\:border-0 { border-style: var(--tw-border-style); border-width: 0; } .sm\:border-2 { border-style: var(--tw-border-style); border-width: 2px; } .sm\:border-border { border-color: var(--border); } .sm\:bg-card { background-color: var(--card); } .sm\:bg-transparent { background-color: #0000; } .sm\:p-0 { padding: 0; } .sm\:p-1 { padding: var(--spacing); } .sm\:p-2 { padding: calc(var(--spacing) * 2); } .sm\:p-3 { padding: calc(var(--spacing) * 3); } .sm\:p-4 { padding: calc(var(--spacing) * 4); } .sm\:p-5 { padding: calc(var(--spacing) * 5); } .sm\:p-6 { padding: calc(var(--spacing) * 6); } .sm\:p-7 { padding: calc(var(--spacing) * 7); } .sm\:p-8 { padding: calc(var(--spacing) * 8); } .sm\:p-12 { padding: calc(var(--spacing) * 12); } .sm\:px-3 { padding-inline: calc(var(--spacing) * 3); } .sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } .sm\:px-5 { padding-inline: calc(var(--spacing) * 5); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } .sm\:px-9 { padding-inline: calc(var(--spacing) * 9); } .sm\:px-10 { padding-inline: calc(var(--spacing) * 10); } .sm\:px-14 { padding-inline: calc(var(--spacing) * 14); } .sm\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .sm\:py-2 { padding-block: calc(var(--spacing) * 2); } .sm\:py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .sm\:py-3 { padding-block: calc(var(--spacing) * 3); } .sm\:py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .sm\:py-4 { padding-block: calc(var(--spacing) * 4); } .sm\:py-5 { padding-block: calc(var(--spacing) * 5); } .sm\:py-6 { padding-block: calc(var(--spacing) * 6); } .sm\:py-10 { padding-block: calc(var(--spacing) * 10); } .sm\:py-12 { padding-block: calc(var(--spacing) * 12); } .sm\:py-16 { padding-block: calc(var(--spacing) * 16); } .sm\:pt-1 { padding-top: var(--spacing); } .sm\:pt-4 { padding-top: calc(var(--spacing) * 4); } .sm\:pt-6 { padding-top: calc(var(--spacing) * 6); } .sm\:pt-8 { padding-top: calc(var(--spacing) * 8); } .sm\:pt-10 { padding-top: calc(var(--spacing) * 10); } .sm\:pb-4 { padding-bottom: calc(var(--spacing) * 4); } .sm\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } .sm\:pb-16 { padding-bottom: calc(var(--spacing) * 16); } .sm\:pl-7 { padding-left: calc(var(--spacing) * 7); } .sm\:pl-\[5\.5rem\] { padding-left: 5.5rem; } .sm\:text-left { text-align: left; } .sm\:text-right { text-align: right; } .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .sm\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .sm\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .sm\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .sm\:text-\[10px\] { font-size: 10px; } .sm\:text-\[11px\] { font-size: 11px; } .sm\:text-\[14vw\] { font-size: 14vw; } .sm\:text-\[128px\] { font-size: 128px; } .sm\:text-\[220px\] { font-size: 220px; } .sm\:\[--cell-size\:3rem\] { --cell-size: 3rem; } .sm\:odd\:border-r:nth-child(odd) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } @media (min-width: 48rem) { .md\:absolute { position: absolute; } .md\:bottom-4 { bottom: calc(var(--spacing) * 4); } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-5 { grid-column: span 5 / span 5; } .md\:col-span-6 { grid-column: span 6 / span 6; } .md\:col-span-12 { grid-column: span 12 / span 12; } .md\:mx-0 { margin-inline: 0; } .md\:mr-1 { margin-right: var(--spacing); } .md\:ml-1 { margin-left: var(--spacing); } .md\:line-clamp-none { -webkit-line-clamp: unset; -webkit-box-orient: horizontal; display: block; overflow: visible; } .md\:block { display: block; } .md\:contents { display: contents; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:inline { display: inline; } .md\:inline-flex { display: inline-flex; } .md\:table-cell { display: table-cell; } .md\:h-3 { height: calc(var(--spacing) * 3); } .md\:h-4 { height: calc(var(--spacing) * 4); } .md\:h-9 { height: calc(var(--spacing) * 9); } .md\:h-full { height: 100%; } .md\:w-4 { width: calc(var(--spacing) * 4); } .md\:w-9 { width: calc(var(--spacing) * 9); } .md\:w-56 { width: calc(var(--spacing) * 56); } .md\:w-64 { width: calc(var(--spacing) * 64); } .md\:w-72 { width: calc(var(--spacing) * 72); } .md\:w-\[130px\] { width: 130px; } .md\:w-\[140px\] { width: 140px; } .md\:w-\[160px\] { width: 160px; } .md\:w-\[200px\] { width: 200px; } .md\:w-\[220px\] { width: 220px; } .md\:w-\[260px\] { width: 260px; } .md\:w-\[280px\] { width: 280px; } .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--radix-navigation-menu-viewport-width); } .md\:w-auto { width: auto; } .md\:max-w-3xl { max-width: var(--container-3xl); } .md\:max-w-5xl { max-width: var(--container-5xl); } .md\:max-w-xs { max-width: var(--container-xs); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:grid-cols-\[1\.05fr_minmax\(0\,420px\)\] { grid-template-columns: 1.05fr minmax(0, 420px); } .md\:grid-cols-\[1fr_2fr_auto\] { grid-template-columns: 1fr 2fr auto; } .md\:grid-cols-\[200px\,1fr\] { grid-template-columns: 200px,1fr; } .md\:grid-cols-\[240px\,1fr\] { grid-template-columns: 240px,1fr; } .md\:grid-cols-\[260px_1fr\] { grid-template-columns: 260px 1fr; } .md\:grid-cols-\[380px_1fr\] { grid-template-columns: 380px 1fr; } .md\:grid-cols-\[auto_1fr_1fr_1fr_1fr_auto\] { grid-template-columns: auto 1fr 1fr 1fr 1fr auto; } .md\:grid-cols-\[clamp\(360px\,28vw\,460px\)_1fr\] { grid-template-columns: clamp(360px, 28vw, 460px) 1fr; } .md\:flex-col { flex-direction: column; } .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\:items-stretch { align-items: stretch; } .md\:justify-between { justify-content: space-between; } .md\:gap-2 { gap: calc(var(--spacing) * 2); } .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); } :where(.md\:space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.md\:divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.md\:divide-y-0 > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(0px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); } .md\:overflow-x-auto { overflow-x: auto; } .md\:rounded-lg { border-radius: var(--radius); } .md\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .md\:p-4 { padding: calc(var(--spacing) * 4); } .md\:p-5 { padding: calc(var(--spacing) * 5); } .md\:p-6 { padding: calc(var(--spacing) * 6); } .md\:p-8 { padding: calc(var(--spacing) * 8); } .md\:p-10 { padding: calc(var(--spacing) * 10); } .md\:px-0 { padding-inline: 0; } .md\:px-2 { padding-inline: calc(var(--spacing) * 2); } .md\:px-3 { padding-inline: calc(var(--spacing) * 3); } .md\:px-4 { padding-inline: calc(var(--spacing) * 4); } .md\:px-5 { padding-inline: calc(var(--spacing) * 5); } .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .md\:px-8 { padding-inline: calc(var(--spacing) * 8); } .md\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .md\:py-4 { padding-block: calc(var(--spacing) * 4); } .md\:py-5 { padding-block: calc(var(--spacing) * 5); } .md\:py-6 { padding-block: calc(var(--spacing) * 6); } .md\:pb-0 { padding-bottom: 0; } .md\:pb-24 { padding-bottom: calc(var(--spacing) * 24); } .md\:text-left { text-align: left; } .md\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .md\:text-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-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .md\:text-\[10px\] { font-size: 10px; } .md\:text-\[11px\] { font-size: 11px; } .md\:opacity-0 { opacity: 0; } .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) { margin: calc(var(--spacing) * 2); } .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: 0; } .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) { border-radius: calc(var(--radius) + 4px); } .md\:peer-data-\[variant\=inset\]\:shadow:is(:where(.peer)[data-variant="inset"] ~ *) { --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); } .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(:where(.peer)[data-state="collapsed"] ~ *):is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: calc(var(--spacing) * 2); } } .after\:md\:hidden:after { content: var(--tw-content); } @media (min-width: 48rem) { .after\:md\:hidden:after { display: none; } } @media (min-width: 64rem) { .lg\:sticky { position: sticky; } .lg\:top-4 { top: calc(var(--spacing) * 4); } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:col-span-8 { grid-column: span 8 / span 8; } .lg\:mt-4 { margin-top: calc(var(--spacing) * 4); } .lg\:mt-5 { margin-top: calc(var(--spacing) * 5); } .lg\:mt-6 { margin-top: calc(var(--spacing) * 6); } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:inline { display: inline; } .lg\:table-cell { display: table-cell; } .lg\:h-44 { height: calc(var(--spacing) * 44); } .lg\:max-h-\[82vh\] { max-height: 82vh; } .lg\:max-h-\[calc\(100vh-22rem\)\] { max-height: calc(100vh - 22rem); } .lg\:max-w-2xl { max-width: var(--container-2xl); } .lg\:max-w-3xl { max-width: var(--container-3xl); } .lg\:max-w-4xl { max-width: var(--container-4xl); } .lg\:max-w-5xl { max-width: var(--container-5xl); } .lg\:max-w-6xl { max-width: var(--container-6xl); } .lg\:max-w-\[65\%\] { max-width: 65%; } .lg\:max-w-\[80\%\] { max-width: 80%; } .lg\:max-w-\[640px\] { max-width: 640px; } .lg\:max-w-\[720px\] { max-width: 720px; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-\[1\.1fr_0\.9fr\] { grid-template-columns: 1.1fr .9fr; } .lg\:grid-cols-\[1fr_2fr\] { grid-template-columns: 1fr 2fr; } .lg\:grid-cols-\[1fr_320px\] { grid-template-columns: 1fr 320px; } .lg\:grid-cols-\[1fr_360px\] { grid-template-columns: 1fr 360px; } .lg\:grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .lg\:grid-cols-\[13rem_minmax\(0\,1fr\)\] { grid-template-columns: 13rem minmax(0, 1fr); } .lg\:grid-cols-\[18rem_minmax\(0\,1fr\)_20rem\] { grid-template-columns: 18rem minmax(0, 1fr) 20rem; } .lg\:grid-cols-\[140px_140px_1fr_1fr\] { grid-template-columns: 140px 140px 1fr 1fr; } .lg\:grid-cols-\[220px_1fr_280px\] { grid-template-columns: 220px 1fr 280px; } .lg\:grid-cols-\[260px_1fr\] { grid-template-columns: 260px 1fr; } .lg\:grid-cols-\[260px_minmax\(0\,1fr\)\] { grid-template-columns: 260px minmax(0, 1fr); } .lg\:grid-cols-\[320px_1fr\] { grid-template-columns: 320px 1fr; } .lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); } .lg\:grid-cols-\[minmax\(0\,1fr\)_220px\] { grid-template-columns: minmax(0, 1fr) 220px; } .lg\:grid-cols-\[minmax\(0\,1fr\)_360px\] { grid-template-columns: minmax(0, 1fr) 360px; } .lg\:grid-cols-\[minmax\(0\,20rem\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 20rem) minmax(0, 1fr); } .lg\:items-start { align-items: flex-start; } .lg\:items-stretch { align-items: stretch; } .lg\:gap-4 { gap: calc(var(--spacing) * 4); } .lg\:gap-12 { gap: calc(var(--spacing) * 12); } :where(.lg\:space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.lg\: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\:self-start { align-self: flex-start; } .lg\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .lg\:border-border\/60 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .lg\:border-border\/60 { border-color: color-mix(in oklab, var(--border) 60%, transparent); } } .lg\:p-3 { padding: calc(var(--spacing) * 3); } .lg\:p-4 { padding: calc(var(--spacing) * 4); } .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-10 { padding-inline: calc(var(--spacing) * 10); } .lg\:py-8 { padding-block: calc(var(--spacing) * 8); } .lg\:pl-4 { padding-left: calc(var(--spacing) * 4); } .lg\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .lg\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .lg\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .lg\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .lg\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .lg\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .lg\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .lg\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .lg\:text-\[11px\] { font-size: 11px; } .lg\:text-\[11rem\] { font-size: 11rem; } } @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\:-mx-6 { margin-inline: calc(var(--spacing) * -6); } .xl\:flex { display: flex; } .xl\:hidden { display: none; } .xl\:max-w-6xl { max-width: var(--container-6xl); } .xl\:max-w-\[96\%\] { max-width: 96%; } .xl\:max-w-\[820px\] { max-width: 820px; } .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-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .xl\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1\.4fr\)_auto\] { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr) auto; } .xl\:items-center { align-items: center; } .xl\:justify-end { justify-content: flex-end; } .xl\:px-6 { padding-inline: calc(var(--spacing) * 6); } .xl\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } @media (min-width: 96rem) { .\32 xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .dark\:block:is(.dark *) { display: block; } .dark\:hidden:is(.dark *) { display: none; } :where(.dark\:divide-white\/10:is(.dark *) > :not(:last-child)) { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { :where(.dark\:divide-white\/10:is(.dark *) > :not(:last-child)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .dark\:border-amber-500\/30:is(.dark *) { border-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-500\/30:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .dark\:border-amber-500\/40:is(.dark *) { border-color: #f99c0066; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-500\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent); } } .dark\:border-amber-700\/60:is(.dark *) { border-color: #b7500099; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-700\/60:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-700) 60%, transparent); } } .dark\:border-amber-800:is(.dark *) { border-color: var(--color-amber-800); } .dark\:border-amber-900:is(.dark *) { border-color: var(--color-amber-900); } .dark\:border-amber-900\/50:is(.dark *) { border-color: #7b330680; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-900\/50:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent); } } .dark\:border-blue-800:is(.dark *) { border-color: var(--color-blue-800); } .dark\:border-destructive:is(.dark *) { border-color: var(--destructive); } .dark\:border-emerald-500:is(.dark *) { border-color: var(--color-emerald-500); } .dark\:border-emerald-800:is(.dark *) { border-color: var(--color-emerald-800); } .dark\:border-emerald-900:is(.dark *) { border-color: var(--color-emerald-900); } .dark\:border-red-800:is(.dark *) { border-color: var(--color-red-800); } .dark\:border-red-900:is(.dark *) { border-color: var(--color-red-900); } .dark\:border-rose-900:is(.dark *) { border-color: var(--color-rose-900); } .dark\:border-sky-500\/40:is(.dark *) { border-color: #00a5ef66; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-sky-500\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent); } } .dark\:border-sky-800:is(.dark *) { border-color: var(--color-sky-800); } .dark\:border-violet-800:is(.dark *) { border-color: var(--color-violet-800); } .dark\:border-white\/10:is(.dark *) { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-white\/10:is(.dark *) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .dark\:border-white\/15:is(.dark *) { border-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-white\/15:is(.dark *) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .dark\:bg-\[var\(--brand-navy-deep\)\]:is(.dark *) { background-color: var(--brand-navy-deep); } .dark\:bg-amber-500\/\[0\.06\]:is(.dark *) { background-color: #f99c000f; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-500\/\[0\.06\]:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-500) 6%, transparent); } } .dark\:bg-amber-900\/30:is(.dark *) { background-color: #7b33064d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-900\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent); } } .dark\:bg-amber-900\/60:is(.dark *) { background-color: #7b330699; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-900\/60:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-900) 60%, transparent); } } .dark\:bg-amber-950:is(.dark *) { background-color: var(--color-amber-950); } .dark\:bg-amber-950\/10:is(.dark *) { background-color: #4619011a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-950\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-950) 10%, transparent); } } .dark\:bg-amber-950\/20:is(.dark *) { background-color: #46190133; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-950\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent); } } .dark\:bg-amber-950\/30:is(.dark *) { background-color: #4619014d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-950\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent); } } .dark\:bg-amber-950\/40:is(.dark *) { background-color: #46190166; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-950\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent); } } .dark\:bg-amber-950\/50:is(.dark *) { background-color: #46190180; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-950\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-950) 50%, transparent); } } .dark\:bg-blue-900\/40:is(.dark *) { background-color: #1c398e66; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-blue-900\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent); } } .dark\:bg-blue-950\/40:is(.dark *) { background-color: #16245666; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-blue-950\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent); } } .dark\:bg-emerald-500:is(.dark *) { background-color: var(--color-emerald-500); } .dark\:bg-emerald-500\/5:is(.dark *) { background-color: #00bb7f0d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-emerald-500\/5:is(.dark *) { background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } .dark\:bg-emerald-500\/\[0\.04\]:is(.dark *) { background-color: #00bb7f0a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-emerald-500\/\[0\.04\]:is(.dark *) { background-color: color-mix(in oklab, var(--color-emerald-500) 4%, transparent); } } .dark\:bg-emerald-900\/40:is(.dark *) { background-color: #004e3b66; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-emerald-900\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent); } } .dark\:bg-emerald-950:is(.dark *) { background-color: var(--color-emerald-950); } .dark\:bg-emerald-950\/20:is(.dark *) { background-color: #002c2233; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-emerald-950\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent); } } .dark\:bg-emerald-950\/30:is(.dark *) { background-color: #002c224d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-emerald-950\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent); } } .dark\:bg-emerald-950\/40:is(.dark *) { background-color: #002c2266; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-emerald-950\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent); } } .dark\:bg-green-900\/40:is(.dark *) { background-color: #0d542b66; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-900\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-green-900) 40%, transparent); } } .dark\:bg-orange-950\/40:is(.dark *) { background-color: #44130666; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-orange-950\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-orange-950) 40%, transparent); } } .dark\:bg-orange-950\/50:is(.dark *) { background-color: #44130680; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-orange-950\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-orange-950) 50%, transparent); } } .dark\:bg-red-900\/40:is(.dark *) { background-color: #82181a66; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-900\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } .dark\:bg-red-950\/40:is(.dark *) { background-color: #46080966; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-950\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent); } } .dark\:bg-red-950\/50:is(.dark *) { background-color: #46080980; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-950\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent); } } .dark\:bg-rose-950\/20:is(.dark *) { background-color: #4d021833; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-rose-950\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-rose-950) 20%, transparent); } } .dark\:bg-rose-950\/30:is(.dark *) { background-color: #4d02184d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-rose-950\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent); } } .dark\:bg-rose-950\/40:is(.dark *) { background-color: #4d021866; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-rose-950\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent); } } .dark\:bg-sky-500\/\[0\.06\]:is(.dark *) { background-color: #00a5ef0f; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-sky-500\/\[0\.06\]:is(.dark *) { background-color: color-mix(in oklab, var(--color-sky-500) 6%, transparent); } } .dark\:bg-sky-950\/30:is(.dark *) { background-color: #052f4a4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-sky-950\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-sky-950) 30%, transparent); } } .dark\:bg-sky-950\/40:is(.dark *) { background-color: #052f4a66; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-sky-950\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-sky-950) 40%, transparent); } } .dark\:bg-sky-950\/50:is(.dark *) { background-color: #052f4a80; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-sky-950\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-sky-950) 50%, transparent); } } .dark\:bg-slate-900\/60:is(.dark *) { background-color: #0f172b99; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-slate-900\/60:is(.dark *) { background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent); } } .dark\:bg-violet-950\/40:is(.dark *) { background-color: #2f0d6866; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-violet-950\/40:is(.dark *) { background-color: color-mix(in oklab, var(--color-violet-950) 40%, 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-gradient-to-br:is(.dark *) { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .dark\:from-amber-500\/10:is(.dark *) { --tw-gradient-from: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .dark\:from-amber-500\/10:is(.dark *) { --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .dark\:from-amber-500\/10:is(.dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark\:from-surface:is(.dark *) { --tw-gradient-from: var(--surface); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark\:to-amber-500\/5:is(.dark *) { --tw-gradient-to: #f99c000d; } @supports (color: color-mix(in lab, red, red)) { .dark\:to-amber-500\/5:is(.dark *) { --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 5%, transparent); } } .dark\:to-amber-500\/5:is(.dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark\:to-background:is(.dark *) { --tw-gradient-to: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .dark\:text-amber-100:is(.dark *) { color: var(--color-amber-100); } .dark\:text-amber-100\/80:is(.dark *) { color: #fef3c6cc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-amber-100\/80:is(.dark *) { color: color-mix(in oklab, var(--color-amber-100) 80%, transparent); } } .dark\:text-amber-200:is(.dark *) { color: var(--color-amber-200); } .dark\:text-amber-200\/80:is(.dark *) { color: #fee685cc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-amber-200\/80:is(.dark *) { color: color-mix(in oklab, var(--color-amber-200) 80%, transparent); } } .dark\:text-amber-300:is(.dark *) { color: var(--color-amber-300); } .dark\:text-amber-300\/80:is(.dark *) { color: #ffd236cc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-amber-300\/80:is(.dark *) { color: color-mix(in oklab, var(--color-amber-300) 80%, transparent); } } .dark\:text-amber-300\/90:is(.dark *) { color: #ffd236e6; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-amber-300\/90:is(.dark *) { color: color-mix(in oklab, var(--color-amber-300) 90%, transparent); } } .dark\:text-amber-400:is(.dark *) { color: var(--color-amber-400); } .dark\:text-amber-500:is(.dark *) { color: var(--color-amber-500); } .dark\:text-blue-200:is(.dark *) { color: var(--color-blue-200); } .dark\:text-blue-300:is(.dark *) { color: var(--color-blue-300); } .dark\:text-blue-400:is(.dark *) { color: var(--color-blue-400); } .dark\:text-cyan-200:is(.dark *) { color: var(--color-cyan-200); } .dark\:text-cyan-300:is(.dark *) { color: var(--color-cyan-300); } .dark\:text-emerald-100:is(.dark *) { color: var(--color-emerald-100); } .dark\:text-emerald-200:is(.dark *) { color: var(--color-emerald-200); } .dark\:text-emerald-200\/90:is(.dark *) { color: #a4f4cfe6; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-emerald-200\/90:is(.dark *) { color: color-mix(in oklab, var(--color-emerald-200) 90%, transparent); } } .dark\:text-emerald-300:is(.dark *) { color: var(--color-emerald-300); } .dark\:text-emerald-400:is(.dark *) { color: var(--color-emerald-400); } .dark\:text-emerald-400\/80:is(.dark *) { color: #00d294cc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-emerald-400\/80:is(.dark *) { color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent); } } .dark\:text-emerald-500:is(.dark *) { color: var(--color-emerald-500); } .dark\:text-green-200:is(.dark *) { color: var(--color-green-200); } .dark\:text-indigo-100:is(.dark *) { color: var(--color-indigo-100); } .dark\:text-indigo-300:is(.dark *) { color: var(--color-indigo-300); } .dark\:text-indigo-400:is(.dark *) { color: var(--color-indigo-400); } .dark\:text-orange-100:is(.dark *) { color: var(--color-orange-100); } .dark\:text-orange-200:is(.dark *) { color: var(--color-orange-200); } .dark\:text-orange-300:is(.dark *) { color: var(--color-orange-300); } .dark\:text-orange-400:is(.dark *) { color: var(--color-orange-400); } .dark\:text-pink-300:is(.dark *) { color: var(--color-pink-300); } .dark\:text-purple-300:is(.dark *) { color: var(--color-purple-300); } .dark\:text-red-100:is(.dark *) { color: var(--color-red-100); } .dark\:text-red-200:is(.dark *) { color: var(--color-red-200); } .dark\:text-red-300:is(.dark *) { color: var(--color-red-300); } .dark\:text-red-400:is(.dark *) { color: var(--color-red-400); } .dark\:text-rose-300:is(.dark *) { color: var(--color-rose-300); } .dark\:text-rose-400:is(.dark *) { color: var(--color-rose-400); } .dark\:text-sky-100:is(.dark *) { color: var(--color-sky-100); } .dark\:text-sky-200:is(.dark *) { color: var(--color-sky-200); } .dark\:text-sky-300:is(.dark *) { color: var(--color-sky-300); } .dark\:text-sky-400:is(.dark *) { color: var(--color-sky-400); } .dark\:text-slate-300:is(.dark *) { color: var(--color-slate-300); } .dark\:text-slate-400:is(.dark *) { color: var(--color-slate-400); } .dark\:text-teal-300:is(.dark *) { color: var(--color-teal-300); } .dark\:text-teal-400:is(.dark *) { color: var(--color-teal-400); } .dark\:text-violet-200:is(.dark *) { color: var(--color-violet-200); } .dark\:text-violet-300:is(.dark *) { color: var(--color-violet-300); } .dark\:text-violet-400:is(.dark *) { color: var(--color-violet-400); } .dark\:text-warning:is(.dark *) { color: var(--warning); } .dark\:text-white:is(.dark *) { color: var(--color-white); } .dark\:text-white\/50:is(.dark *) { color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-white\/50:is(.dark *) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .dark\:text-white\/60:is(.dark *) { color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-white\/60:is(.dark *) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .dark\:text-white\/70:is(.dark *) { color: #ffffffb3; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-white\/70:is(.dark *) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .dark\:text-yellow-100:is(.dark *) { color: var(--color-yellow-100); } .dark\:text-yellow-100\/80:is(.dark *) { color: #fef9c2cc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-yellow-100\/80:is(.dark *) { color: color-mix(in oklab, var(--color-yellow-100) 80%, transparent); } } .dark\:text-yellow-200:is(.dark *) { color: var(--color-yellow-200); } .dark\:text-yellow-200\/90:is(.dark *) { color: #fff085e6; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-yellow-200\/90:is(.dark *) { color: color-mix(in oklab, var(--color-yellow-200) 90%, transparent); } } .dark\:text-yellow-300:is(.dark *) { color: var(--color-yellow-300); } .dark\:text-yellow-400:is(.dark *) { color: var(--color-yellow-400); } .dark\:text-zinc-300:is(.dark *) { color: var(--color-zinc-300); } .dark\:opacity-100:is(.dark *) { opacity: 1; } .dark\:opacity-\[0\.09\]:is(.dark *) { opacity: .09; } .dark\:shadow-\[0_20px_50px_-12px_rgba\(0\,0\,0\,0\.5\)\,0_0_20px_-4px_rgba\(249\,115\,22\,0\.35\)\]:is(.dark *) { --tw-shadow: 0 20px 50px -12px var(--tw-shadow-color, #00000080), 0 0 20px -4px var(--tw-shadow-color, #f9731659); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-lg:is(.dark *) { --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); } .dark\:shadow-sm:is(.dark *) { --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); } .dark\:ring-4:is(.dark *) { --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); } .dark\:ring-emerald-400\/40:is(.dark *) { --tw-ring-color: #00d29466; } @supports (color: color-mix(in lab, red, red)) { .dark\:ring-emerald-400\/40:is(.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent); } } .dark\:drop-shadow-lg:is(.dark *) { --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, ); } @media (hover: hover) { .dark\:hover\:bg-emerald-500\/15:is(.dark *):hover { background-color: #00bb7f26; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-emerald-500\/15:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } } .dark\:hover\:bg-rose-950\/40:is(.dark *):hover { background-color: #4d021866; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-rose-950\/40:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-rose-950) 40%, 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\/15:is(.dark *):hover { background-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/15:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .dark\:hover\:text-white:is(.dark *):hover { color: var(--color-white); } .dark\:hover\:text-yellow-100:is(.dark *):hover { color: var(--color-yellow-100); } .dark\:hover\:shadow-\[0_25px_55px_-12px_rgba\(0\,0\,0\,0\.5\)\,0_0_30px_-4px_rgba\(249\,115\,22\,0\.5\)\]:is(.dark *):hover { --tw-shadow: 0 25px 55px -12px var(--tw-shadow-color, #00000080), 0 0 30px -4px var(--tw-shadow-color, #f9731680); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:hover\:shadow-xl:is(.dark *):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); } } @media print { .print\:hidden { display: none; } .print\:max-h-none { max-height: none; } .print\:max-w-none { max-width: none; } :where(.print\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block: 0; } .print\:overflow-visible { overflow: visible; } .print\:border-0 { border-style: var(--tw-border-style); border-width: 0; } .print\:p-0 { padding: 0; } .print\: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); } } .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: var(--muted-foreground); } .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke: var(--border); } @supports (color: color-mix(in lab, red, red)) { .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke: color-mix(in oklab, var(--border) 50%, transparent); } } .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: var(--border); } .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { stroke: #0000; } .\[\&_\.recharts-layer\]\:outline-none .recharts-layer { --tw-outline-style: none; outline-style: none; } .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] { stroke: var(--border); } .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: var(--muted); } .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] { stroke: var(--border); } .\[\&_\.recharts-sector\]\:outline-none .recharts-sector { --tw-outline-style: none; outline-style: none; } .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { stroke: #0000; } .\[\&_\.recharts-surface\]\:outline-none .recharts-surface { --tw-outline-style: none; outline-style: none; } .\[\&_\[cmdk-group-heading\]\]\:mb-1\.5 [cmdk-group-heading] { margin-bottom: calc(var(--spacing) * 1.5); } .\[\&_\[cmdk-group-heading\]\]\:border-b [cmdk-group-heading] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\[\&_\[cmdk-group-heading\]\]\:border-border [cmdk-group-heading] { border-color: var(--border); } .\[\&_\[cmdk-group-heading\]\]\:px-1 [cmdk-group-heading] { padding-inline: var(--spacing); } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } .\[\&_\[cmdk-group-heading\]\]\:pb-1 [cmdk-group-heading] { padding-bottom: var(--spacing); } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .\[\&_\[cmdk-group-heading\]\]\:text-\[10px\] [cmdk-group-heading] { font-size: 10px; } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .\[\&_\[cmdk-group-heading\]\]\:font-semibold [cmdk-group-heading] { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .\[\&_\[cmdk-group-heading\]\]\:tracking-wider [cmdk-group-heading] { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .\[\&_\[cmdk-group-heading\]\]\:text-foreground\/70 [cmdk-group-heading] { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .\[\&_\[cmdk-group-heading\]\]\:text-foreground\/70 [cmdk-group-heading] { color: color-mix(in oklab, var(--foreground) 70%, transparent); } } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: var(--muted-foreground); } .\[\&_\[cmdk-group-heading\]\]\:uppercase [cmdk-group-heading] { text-transform: uppercase; } .\[\&_\[cmdk-group-items\]\]\:flex [cmdk-group-items] { display: flex; } .\[\&_\[cmdk-group-items\]\]\:flex-col [cmdk-group-items] { flex-direction: column; } .\[\&_\[cmdk-group-items\]\]\:gap-0 [cmdk-group-items] { gap: 0; } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: 0; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: calc(var(--spacing) * 12); } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-block: calc(var(--spacing) * 3); } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: calc(var(--spacing) * 5); } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: calc(var(--spacing) * 5); } .\[\&_\[data-item-panel\]\]\:rounded-none [data-item-panel] { border-radius: 0; } .\[\&_\[data-item-panel\]\]\:border-0 [data-item-panel] { border-style: var(--tw-border-style); border-width: 0; } .\[\&_\[data-item-panel\]\]\:bg-transparent [data-item-panel] { background-color: #0000; } .\[\&_\[data-item-panel\]\]\:p-0 [data-item-panel] { padding: 0; } .\[\&_button\[role\=combobox\]\]\:border-foreground\/25 button[role="combobox"] { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .\[\&_button\[role\=combobox\]\]\:border-foreground\/25 button[role="combobox"] { border-color: color-mix(in oklab, var(--foreground) 25%, transparent); } } .\[\&_button\[role\=combobox\]\]\:bg-background button[role="combobox"] { background-color: var(--background); } .\[\&_code\]\:text-xs code { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .\[\&_h2\]\:text-base h2 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .\[\&_h3\]\:text-sm h3 { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .\[\&_input\]\:border-foreground\/25 input { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .\[\&_input\]\:border-foreground\/25 input { border-color: color-mix(in oklab, var(--foreground) 25%, transparent); } } .\[\&_input\]\:bg-background input { background-color: var(--background); } .\[\&_input\]\:font-medium input { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .\[\&_ol\]\:my-1 ol, .\[\&_p\]\:my-1 p { margin-block: var(--spacing); } .\[\&_p\]\:my-2 p { margin-block: calc(var(--spacing) * 2); } .\[\&_p\]\:leading-relaxed p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .\[\&_p\:first-child\]\:mt-0 p:first-child { margin-top: 0; } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:mx-auto svg { margin-inline: auto; } .\[\&_svg\]\:size-4 svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&_svg\]\:h-auto svg { height: auto; } .\[\&_svg\]\:max-w-full svg { max-width: 100%; } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_td\]\:py-1 td { padding-block: var(--spacing); } .\[\&_th\]\:bg-surface-2 th { background-color: var(--surface-2); } .\[\&_th\]\:py-1\.5 th { padding-block: calc(var(--spacing) * 1.5); } .\[\&_th\]\:backdrop-blur-sm th { --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, ); } .\[\&_tr\]\:border-b tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .\[\&_tr\]\:border-border-strong tr { border-color: var(--border-strong); } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0; } .\[\&_ul\]\:my-1 ul { margin-block: var(--spacing); } .\[\&_ul\]\:my-2 ul { margin-block: calc(var(--spacing) * 2); } .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button { appearance: none; } .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button { appearance: none; } .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button { display: none; } .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) { padding-right: 0; } :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) { rotate: 180deg; } .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } @media (min-width: 40rem) { .sm\:\[\&\:nth-last-child\(2\)\]\:border-b-0:nth-last-child(2) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } } .\[\&\>\*\]\:pointer-events-auto > * { pointer-events: auto; } .\[\&\>\*\]\:w-full > * { width: 100%; } .\[\&\>\*\]\:min-w-0 > * { min-width: 0; } @media (min-width: 40rem) { .sm\:\[\&\>\*\]\:w-auto > * { width: auto; } } .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\>button\]\:hidden > button { display: none; } .\[\&\>button\]\:justify-start > button { justify-content: flex-start; } .\[\&\>button\]\:text-xs > button { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } @media (min-width: 40rem) { .sm\:\[\&\>button\]\:text-sm > button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .\[\&\>button\.absolute\]\:hidden > button.absolute, .\[\&\>button\:first-of-type\]\:hidden > button:first-of-type { display: none; } .\[\&\>option\]\:bg-popover > option { background-color: var(--popover); } .\[\&\>option\]\:text-popover-foreground > option { color: var(--popover-foreground); } .\[\&\>span\]\:line-clamp-1 > span { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .\[\&\>span\]\:text-xs > span { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .\[\&\>span\]\:opacity-70 > span { opacity: .7; } .\[\&\>span\:last-child\]\:truncate > span:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .\[\&\>svg\]\:absolute > svg { position: absolute; } .\[\&\>svg\]\:top-4 > svg { top: calc(var(--spacing) * 4); } .\[\&\>svg\]\:left-4 > svg { left: calc(var(--spacing) * 4); } .\[\&\>svg\]\:hidden > svg { display: none; } .\[\&\>svg\]\:size-3\.5 > svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .\[\&\>svg\]\:size-4 > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&\>svg\]\:h-2\.5 > svg { height: calc(var(--spacing) * 2.5); } .\[\&\>svg\]\:h-3 > svg { height: calc(var(--spacing) * 3); } .\[\&\>svg\]\:h-3\.5 > svg { height: calc(var(--spacing) * 3.5); } .\[\&\>svg\]\:w-2\.5 > svg { width: calc(var(--spacing) * 2.5); } .\[\&\>svg\]\:w-3 > svg { width: calc(var(--spacing) * 3); } .\[\&\>svg\]\:w-3\.5 > svg { width: calc(var(--spacing) * 3.5); } .\[\&\>svg\]\:shrink-0 > svg { flex-shrink: 0; } .\[\&\>svg\]\:text-destructive > svg { color: var(--destructive); } .\[\&\>svg\]\:text-foreground > svg { color: var(--foreground); } .\[\&\>svg\]\:text-muted-foreground > svg { color: var(--muted-foreground); } .\[\&\>svg\]\:text-sidebar-accent-foreground > svg { color: var(--sidebar-accent-foreground); } .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div { --tw-translate-y: -3px; translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\>svg\~\*\]\:pl-7 > svg ~ * { padding-left: calc(var(--spacing) * 7); } .\[\&\>td\]\:px-3 > td { padding-inline: calc(var(--spacing) * 3); } .\[\&\>td\]\:py-1\.5 > td { padding-block: calc(var(--spacing) * 1.5); } .\[\&\>th\]\:h-8 > th { height: calc(var(--spacing) * 8); } .\[\&\>th\]\:px-2 > th { padding-inline: calc(var(--spacing) * 2); } .\[\&\>th\]\:px-3 > th { padding-inline: calc(var(--spacing) * 3); } .\[\&\>th\]\:py-2 > th { padding-block: calc(var(--spacing) * 2); } .\[\&\>th\]\:text-left > th { text-align: left; } .\[\&\>th\]\:text-\[11px\] > th { font-size: 11px; } .\[\&\>th\]\:font-medium > th { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .\[\&\>th\]\:tracking-wider > th { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .\[\&\>th\]\:uppercase > th { text-transform: uppercase; } .\[\&\>tr\]\:last\:border-b-0 > tr:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .\[\&\>tr\>td\]\:py-1 > tr > td { padding-block: var(--spacing); } .\[\&\>tr\>td\:first-child\]\:w-\[40\%\] > tr > td:first-child { width: 40%; } .\[\&\>tr\>td\:first-child\]\:font-semibold > tr > td:first-child { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div { rotate: 90deg; } .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg { rotate: 180deg; } [data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize { cursor: w-resize; } [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right: calc(var(--spacing) * -2); } [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize, [data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize { cursor: e-resize; } [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left: calc(var(--spacing) * -2); } [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; } [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent, [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent { background-color: #0000; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } .no-scrollbar::-webkit-scrollbar { display: 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 { --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; --radius: .5rem; --background: #faf6f1; --foreground: #0b1c2a; --surface: #fefcf9; --surface-2: #f6f2eb; --card: #fefcf9; --card-foreground: #0b1c2a; --popover: #fefcf9; --popover-foreground: #0b1c2a; --primary: #f27700; --primary-foreground: #fefbf8; --secondary: #1e3548; --secondary-foreground: #fbf8f4; --muted: #f1ece4; --muted-foreground: #4c5a65; --accent: #d2efee; --accent-foreground: #005353; --destructive: #d01e1c; --destructive-foreground: #fffafc; --success: #008c8c; --success-foreground: #fffafc; --warning: #ea9602; --warning-foreground: #281606; --info: #347a9f; --info-foreground: #fffafc; --border: #e6e2dc; --border-strong: #cac3b9; --input: #e9e4dc; --ring: #ee7a1f; --sidebar: #122636; --sidebar-foreground: #e9e4dc; --sidebar-primary: #f27700; --sidebar-primary-foreground: #fefbf8; --sidebar-accent: #1e3548; --sidebar-accent-foreground: #fbf8f4; --sidebar-border: #263a4b; --brand-navy: #193043; --brand-navy-deep: #0a1c2b; --brand-orange: #f27700; --brand-orange-soft: #ffbe8a; --brand-teal: #5ba09f; --brand-teal-deep: #287070; --brand-cream: #faf6f1; --brand-ink: #0b1c2a; } @supports (color: lab(0% 0 0)) { :root { --background: lab(97.1232% .459164 3.01493); --foreground: lab(9.45476% -3.21378 -11.5249); --surface: lab(99.0839% .22465 1.50433); --surface-2: lab(95.6206% .58037 3.77285); --card: lab(99.0839% .22465 1.50433); --card-foreground: lab(9.45476% -3.21378 -11.5249); --popover: lab(99.0839% .22465 1.50433); --popover-foreground: lab(9.45476% -3.21378 -11.5249); --primary: lab(64.1159% 44.7801 71.6985); --primary-foreground: lab(98.8548% .282347 1.88134); --secondary: lab(21.0493% -4.40328 -14.8771); --secondary-foreground: lab(97.6976% .3407 2.25881); --muted: lab(93.6539% .704587 4.53277); --muted-foreground: lab(37.3847% -3.79331 -8.10444); --accent: lab(92.2018% -9.78547 -3.02737); --accent-foreground: lab(31.1396% -22.9047 -6.87076); --destructive: lab(45.7145% 65.9692 49.9266); --destructive-foreground: lab(98.7772% 1.69092 .0164032); --success: lab(52.3368% -32.7193 -9.81976); --success-foreground: lab(98.7772% 1.69092 .0164032); --warning: lab(69.4787% 26.2995 73.6829); --warning-foreground: lab(9.36646% 8.20371 11.7233); --info: lab(47.8809% -13.3871 -26.8526); --info-foreground: lab(98.7772% 1.69092 .0164032); --border: lab(90.1686% .58198 3.77389); --border-strong: lab(79.1449% 1.43233 5.95355); --input: lab(90.7538% .705808 4.53357); --ring: lab(64.1975% 41.9694 65.1476); --sidebar: lab(14.0888% -3.74188 -13.1858); --sidebar-foreground: lab(90.7538% .705808 4.53357); --sidebar-primary: lab(64.1159% 44.7801 71.6985); --sidebar-primary-foreground: lab(98.8548% .282347 1.88134); --sidebar-accent: lab(21.0493% -4.40328 -14.8771); --sidebar-accent-foreground: lab(97.6976% .3407 2.25881); --sidebar-border: lab(23.3914% -4.20722 -13.2972); --brand-navy: lab(18.7226% -4.26625 -14.8462); --brand-navy-deep: lab(9.44085% -3.31718 -12.4787); --brand-orange: lab(64.1159% 44.7801 71.6985); --brand-orange-soft: lab(82.2883% 19.2649 35.7162); --brand-teal: lab(61.305% -22.8703 -6.95759); --brand-teal-deep: lab(42.7423% -22.8874 -6.91348); --brand-cream: lab(97.1232% .459164 3.01493); --brand-ink: lab(9.45476% -3.21378 -11.5249); } } .dark { --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; --background: #1b242c; --foreground: #f5f1ec; --surface: #25313b; --surface-2: #2e3b46; --card: #25313b; --card-foreground: #f5f1ec; --popover: #293641; --popover-foreground: #f5f1ec; --primary: #fa8927; --primary-foreground: #0a1723; --secondary: #313f4b; --secondary-foreground: #f5f1ec; --muted: #2f3b45; --muted-foreground: #b7b0a5; --accent: #225050; --accent-foreground: #cdf4f3; --destructive: #fb594d; --destructive-foreground: #fffafc; --success: #41b2b2; --success-foreground: #010c0c; --warning: #f9ad26; --warning-foreground: #231103; --info: #61afda; --info-foreground: #030a10; --border: #414f5c; --border-strong: #5b6b79; --input: #414f5c; --ring: #f28e42; --sidebar: #121c24; --sidebar-foreground: #e1ddd7; --sidebar-primary: #fa8927; --sidebar-primary-foreground: #0a1723; --sidebar-accent: #28343f; --sidebar-accent-foreground: #f5f1ec; --sidebar-border: #333f49; } @supports (color: lab(0% 0 0)) { .dark { --background: lab(13.5676% -2.3447 -6.72218); --foreground: lab(95.3832% .459492 3.01512); --surface: lab(19.365% -2.81174 -8.06599); --surface-2: lab(24.005% -3.07196 -8.7472); --card: lab(19.365% -2.81174 -8.06599); --card-foreground: lab(95.3832% .459492 3.01512); --popover: lab(21.6833% -3.03583 -8.73463); --popover-foreground: lab(95.3832% .459492 3.01512); --primary: lab(68.9462% 39.7503 66.7309); --primary-foreground: lab(7.17828% -2.5712 -9.84598); --secondary: lab(25.7429% -3.28806 -9.41296); --secondary-foreground: lab(95.3832% .459492 3.01512); --muted: lab(24.0083% -2.87707 -8.08926); --muted-foreground: lab(72.2077% 1.11428 6.83925); --accent: lab(30.9311% -16.3427 -4.95189); --accent-foreground: lab(93.4685% -13.0503 -4.0275); --destructive: lab(60.9522% 62.2562 42.4999); --destructive-foreground: lab(98.7772% 1.69092 .0164032); --success: lab(66.2601% -32.6982 -9.87129); --success-foreground: lab(2.577% -2.79838 -.993791); --warning: lab(76.6366% 21.5807 73.1029); --warning-foreground: lab(7.07656% 8.17062 9.56571); --info: lab(67.6411% -15.5793 -29.9971); --info-foreground: lab(2.4893% -1.35876 -3.38267); --border: lab(32.7075% -3.38061 -9.44638); --border-strong: lab(44.3106% -3.70112 -10.1516); --input: lab(32.7075% -3.38061 -9.44638); --ring: lab(69.0904% 34.4514 55.8445); --sidebar: lab(9.49921% -2.43489 -7.34783); --sidebar-foreground: lab(88.4285% .582516 3.77423); --sidebar-primary: lab(68.9462% 39.7503 66.7309); --sidebar-primary-foreground: lab(7.17828% -2.5712 -9.84598); --sidebar-accent: lab(21.1028% -3.02605 -8.73129); --sidebar-accent-foreground: lab(95.3832% .459492 3.01512); --sidebar-border: lab(25.7493% -2.89767 -8.0969); } } .force-light, .dark .force-light { --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; --background: #f8fafc; --foreground: #09121c; --surface: #fff; --surface-2: #f1f4f6; --card: #fff; --card-foreground: #09121c; --popover: #fff; --popover-foreground: #09121c; --primary: #ea7100; --primary-foreground: #fefbf8; --secondary: #eaeff3; --secondary-foreground: #162330; --muted: #eff2f5; --muted-foreground: #5d646c; --accent: #fdecd1; --accent-foreground: #582f02; --destructive: #d40e14; --destructive-foreground: #fffafc; --success: #249057; --success-foreground: #fffafc; --warning: #dc9400; --warning-foreground: #281606; --info: #0e84b7; --info-foreground: #fffafc; --border: #d9dfe3; --border-strong: #c1c9ce; --input: #d9dfe3; --ring: #e37725; } @supports (color: lab(0% 0 0)) { .force-light, .dark .force-light { --background: lab(98.265% -.495434 -.992274); --foreground: lab(5.21333% -1.27424 -7.86241); --surface: lab(100% 0 0); --surface-2: lab(95.9481% -.823051 -1.65221); --card: lab(100% 0 0); --card-foreground: lab(5.21333% -1.27424 -7.86241); --popover: lab(100% 0 0); --popover-foreground: lab(5.21333% -1.27424 -7.86241); --primary: lab(61.7841% 44.9573 73.4901); --primary-foreground: lab(98.8312% .835866 1.65983); --secondary: lab(94.2127% -1.31023 -2.63982); --secondary-foreground: lab(12.9225% -2.26182 -10.321); --muted: lab(95.3681% -.823021 -1.65218); --muted-foreground: lab(41.9829% -1.55199 -5.31099); --accent: lab(94.2941% 2.68632 15.3633); --accent-foreground: lab(24.2528% 17.0621 33.1082); --destructive: lab(45.6021% 69.2282 54.1881); --destructive-foreground: lab(98.7772% 1.69092 .0164032); --success: lab(52.9621% -41.6164 21.4815); --success-foreground: lab(98.7772% 1.69092 .0164032); --warning: lab(67.3107% 22.3394 78.3256); --warning-foreground: lab(9.36646% 8.20371 11.7233); --info: lab(51.3206% -16.305 -35.5156); --info-foreground: lab(98.7772% 1.69092 .0164032); --border: lab(88.4126% -1.30934 -2.63926); --border-strong: lab(80.2981% -1.94693 -3.94957); --input: lab(88.4126% -1.30934 -2.63926); --ring: lab(61.9471% 39.3362 60.259); } } body.mobile-menu-open .marketing-fab { display: none !important; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(400%); } } @keyframes wizard-slide-in-right { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } } @keyframes wizard-slide-in-left { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: translateX(0); } } .wizard-step-forward { animation: .22s ease-out both wizard-slide-in-right; } .wizard-step-backward { animation: .22s ease-out both wizard-slide-in-left; } @media (prefers-reduced-motion: reduce) { .wizard-step-forward, .wizard-step-backward { animation: none; } } @keyframes attention-halo { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in oklab, var(--brand-orange) 55%, transparent), 0 0 0 0 color-mix(in oklab, var(--brand-orange) 30%, transparent), 0 6px 22px -6px color-mix(in oklab, var(--brand-orange) 50%, transparent); } 50% { box-shadow: 0 0 0 4px color-mix(in oklab, var(--brand-orange) 35%, transparent), 0 0 0 10px color-mix(in oklab, var(--brand-orange) 15%, transparent), 0 10px 30px -4px color-mix(in oklab, var(--brand-orange) 65%, transparent); } } @keyframes attention-sheen { 0% { opacity: 0; transform: translateX(-120%) skewX(-18deg); } 18% { opacity: .55; } 60% { opacity: .55; } 100% { opacity: 0; transform: translateX(220%) skewX(-18deg); } } @keyframes attention-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.025); } } .attention-glow, [data-glow="attention"], form[data-pristine="true"] button[type="submit"]:not(:disabled):not([data-glow="off"]), .border-dashed.text-center button:not(:disabled):not([data-glow="off"]), .border-dashed.text-center a > button:not(:disabled):not([data-glow="off"]) { isolation: isolate; animation: 2.2s ease-in-out infinite attention-halo, 2.2s ease-in-out infinite attention-breathe; position: relative; overflow: hidden; } .attention-glow:before, [data-glow="attention"]:before, form[data-pristine="true"] button[type="submit"]:not(:disabled):not([data-glow="off"]):before, .border-dashed.text-center button:not(:disabled):not([data-glow="off"]):before, .border-dashed.text-center a > button:not(:disabled):not([data-glow="off"]):before { content: ""; pointer-events: none; mix-blend-mode: overlay; z-index: 1; background: linear-gradient(100deg, #0000 0%, #ffffffb3 50%, #0000 100%); background: linear-gradient(100deg, #0000 0%, lab(100% -.0000298023 .0000119209 / .7) 50%, #0000 100%); width: 40%; animation: 2.6s ease-in-out infinite attention-sheen; position: absolute; inset: 0; } @media (prefers-reduced-motion: reduce) { .attention-glow, [data-glow="attention"], form[data-pristine="true"] button[type="submit"]:not(:disabled), .border-dashed.text-center button:not(:disabled):not([data-glow="off"]), .border-dashed.text-center a > button:not(:disabled):not([data-glow="off"]) { box-shadow: 0 0 0 3px var(--brand-orange), 0 6px 22px -6px var(--brand-orange); animation: none; } @supports (color: color-mix(in lab, red, red)) { .attention-glow, [data-glow="attention"], form[data-pristine="true"] button[type="submit"]:not(:disabled), .border-dashed.text-center button:not(:disabled):not([data-glow="off"]), .border-dashed.text-center a > button:not(:disabled):not([data-glow="off"]) { box-shadow: 0 0 0 3px color-mix(in oklab, var(--brand-orange) 35%, transparent), 0 6px 22px -6px color-mix(in oklab, var(--brand-orange) 50%, transparent); } } .attention-glow:before, [data-glow="attention"]:before, form[data-pristine="true"] button[type="submit"]:not(:disabled):before, .border-dashed.text-center button:not(:disabled):not([data-glow="off"]):before, .border-dashed.text-center a > button:not(:disabled):not([data-glow="off"]):before { display: none; } } .dark { background-image: radial-gradient(120% 80% at 50% -10%, #ffffff0a 0%, #0000 60%); background-image: radial-gradient(120% 80% at 50% -10%, lab(100% -.0000298023 .0000119209 / .04) 0%, #0000 60%); background-attachment: fixed; } .dark [data-slot="card"], .dark .bg-card, .dark .bg-surface, .dark .bg-popover, .dark [data-sidebar="sidebar"] { box-shadow: inset 0 1px #ffffff0f, 0 1px 2px #0000004d; box-shadow: inset 0 1px lab(100% -.0000298023 .0000119209 / .06), 0 1px 2px lab(0% 0 0 / .3); } table, [role="table"], [role="grid"], [data-tabular], .tabular-figures, .font-mono, input[type="number"], td, th { font-variant-numeric: tabular-nums; font-feature-settings: "tnum", "cv11", "ss01"; } [data-slot="badge"] { font-variant-numeric: tabular-nums; } :root { --shadow-xs: 0 1px 2px 0 var(--brand-ink); } @supports (color: color-mix(in lab, red, red)) { :root { --shadow-xs: 0 1px 2px 0 color-mix(in oklab, var(--brand-ink) 6%, transparent); } } :root { --shadow-sm: 0 1px 2px 0 var(--brand-ink), 0 1px 3px 0 var(--brand-ink); } @supports (color: color-mix(in lab, red, red)) { :root { --shadow-sm: 0 1px 2px 0 color-mix(in oklab, var(--brand-ink) 5%, transparent), 0 1px 3px 0 color-mix(in oklab, var(--brand-ink) 4%, transparent); } } :root { --shadow-md: 0 2px 4px -1px var(--brand-ink), 0 8px 16px -4px var(--brand-ink); } @supports (color: color-mix(in lab, red, red)) { :root { --shadow-md: 0 2px 4px -1px color-mix(in oklab, var(--brand-ink) 6%, transparent), 0 8px 16px -4px color-mix(in oklab, var(--brand-ink) 8%, transparent); } } :root { --shadow-lg: 0 4px 8px -2px var(--brand-ink), 0 16px 32px -8px var(--brand-ink); } @supports (color: color-mix(in lab, red, red)) { :root { --shadow-lg: 0 4px 8px -2px color-mix(in oklab, var(--brand-ink) 8%, transparent), 0 16px 32px -8px color-mix(in oklab, var(--brand-ink) 12%, transparent); } } .dark { --shadow-xs: 0 1px 2px 0 #00000059; --shadow-sm: 0 1px 2px 0 #0000004d, 0 1px 3px 0 #00000040; --shadow-md: 0 2px 4px -1px #00000059, 0 8px 16px -4px #0006; --shadow-lg: 0 4px 8px -2px #00000073, 0 16px 32px -8px #0000008c; } :where(button, a, [role="button"], input, select, textarea):focus-visible { box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--ring), 0 0 12px var(--ring); outline: none; } @supports (color: color-mix(in lab, red, red)) { :where(button, a, [role="button"], input, select, textarea):focus-visible { box-shadow: 0 0 0 2px var(--background), 0 0 0 4px color-mix(in oklab, var(--ring) 55%, transparent), 0 0 12px color-mix(in oklab, var(--ring) 25%, transparent); } } :where(button, a, [role="button"], input, select, textarea):focus-visible { transition: box-shadow .12s ease-out; } .bg-sidebar :where(a, button, [role="button"]), [data-app-rail] :where(a, button, [role="button"]) { border-color: var(--sidebar) !important; outline-color: var(--sidebar) !important; box-shadow: none !important; } .bg-sidebar :focus-visible, [data-app-rail] :focus-visible, [data-kiosk-shell] :focus-visible { box-shadow: none !important; outline: none !important; } * { scrollbar-width: thin; scrollbar-color: var(--foreground) transparent; } @supports (color: color-mix(in lab, red, red)) { * { scrollbar-color: color-mix(in oklab, var(--foreground) 18%, transparent) transparent; } } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: none; } ::-webkit-scrollbar-thumb { background: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { ::-webkit-scrollbar-thumb { background: color-mix(in oklab, var(--foreground) 14%, transparent); } } ::-webkit-scrollbar-thumb { background-clip: padding-box; border: 2px solid #0000; border-radius: 999px; } ::-webkit-scrollbar-thumb:hover { background: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { ::-webkit-scrollbar-thumb:hover { background: color-mix(in oklab, var(--foreground) 28%, transparent); } } ::-webkit-scrollbar-thumb:hover { background-clip: padding-box; } button, [role="button"], a, [data-slot="card"] { transition: background-color .14s ease-out, border-color .14s ease-out, color .14s ease-out, box-shadow .18s ease-out, transform .18s ease-out; } ::selection { background: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { ::selection { background: color-mix(in oklab, var(--brand-orange) 35%, transparent); } } ::selection { color: var(--brand-ink); } .dark ::selection { background: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .dark ::selection { background: color-mix(in oklab, var(--brand-orange) 45%, transparent); } } .dark ::selection { color: #fbf8f3; color: lab(97.7032% .459075 3.01486); } h1, h2, .font-display { letter-spacing: -.022em; font-feature-settings: "ss01", "ss03", "cv11", "cv02"; text-rendering: optimizelegibility; } h1 { letter-spacing: -.028em; } h3, h4 { letter-spacing: -.014em; } a:where(:not([class*="bg-"]):not([data-slot])) { text-underline-offset: 3px; text-decoration-color: currentColor; text-decoration-thickness: 1px; } @supports (color: color-mix(in lab, red, red)) { a:where(:not([class*="bg-"]):not([data-slot])) { -webkit-text-decoration-color: color-mix(in oklab, currentColor 35%, transparent); -webkit-text-decoration-color: color-mix(in oklab, currentColor 35%, transparent); -webkit-text-decoration-color: color-mix(in oklab, currentColor 35%, transparent); text-decoration-color: color-mix(in oklab, currentColor 35%, transparent); } } a:where(:not([class*="bg-"]):not([data-slot])):hover { text-decoration-color: currentColor; } [data-slot="card"]:not([data-static]):hover { box-shadow: var(--shadow-md); transform: translateY(-1px); } .dark [data-slot="card"]:not([data-static]):hover { box-shadow: inset 0 1px 0 0 #ffffff14, var(--shadow-md); } @supports (color: lab(0% 0 0)) { .dark [data-slot="card"]:not([data-static]):hover { box-shadow: inset 0 1px 0 0 lab(100% -.0000298023 .0000119209 / .08), var(--shadow-md); } } [data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="command"], [data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="hover-card-content"] { -webkit-backdrop-filter: saturate(140%) blur(8px); backdrop-filter: saturate(140%) blur(8px); background-color: var(--popover); } @supports (color: color-mix(in lab, red, red)) { [data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="command"], [data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="hover-card-content"] { background-color: color-mix(in oklab, var(--popover) 92%, transparent); } } .dark [data-slot="popover-content"], .dark [data-slot="dropdown-menu-content"], .dark [data-slot="command"], .dark [data-slot="dialog-content"], .dark [data-slot="sheet-content"], .dark [data-slot="hover-card-content"] { background-color: var(--popover); } @supports (color: color-mix(in lab, red, red)) { .dark [data-slot="popover-content"], .dark [data-slot="dropdown-menu-content"], .dark [data-slot="command"], .dark [data-slot="dialog-content"], .dark [data-slot="sheet-content"], .dark [data-slot="hover-card-content"] { background-color: color-mix(in oklab, var(--popover) 86%, transparent); } } [data-slot="dialog-overlay"], [data-slot="sheet-overlay"], [data-slot="alert-dialog-overlay"] { background: radial-gradient(120% 80% at 50% 30%, var(--brand-ink) 0%, var(--brand-ink) 100%); } @supports (color: color-mix(in lab, red, red)) { [data-slot="dialog-overlay"], [data-slot="sheet-overlay"], [data-slot="alert-dialog-overlay"] { background: radial-gradient(120% 80% at 50% 30%, color-mix(in oklab, var(--brand-ink) 55%, transparent) 0%, color-mix(in oklab, var(--brand-ink) 78%, transparent) 100%); } } [data-slot="dialog-overlay"], [data-slot="sheet-overlay"], [data-slot="alert-dialog-overlay"] { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } [data-sidebar="sidebar"] { background-image: linear-gradient(#ffffff0a 0%, #0000 18% 100%); background-image: linear-gradient(lab(100% -.0000298023 .0000119209 / .04) 0%, #0000 18% 100%); position: relative; } [data-sidebar="sidebar"]:after { content: ""; background: linear-gradient(90deg, transparent, var(--brand-orange), transparent); height: 1px; position: absolute; inset: auto 0 0; } @supports (color: color-mix(in lab, red, red)) { [data-sidebar="sidebar"]:after { background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--brand-orange) 30%, transparent), transparent); } } [data-sidebar="sidebar"]:after { pointer-events: none; } button.bg-primary, [data-slot="button"].bg-primary { background-image: linear-gradient(180deg, white 0%, var(--primary) 55%, var(--brand-ink) 100%); } @supports (color: color-mix(in lab, red, red)) { button.bg-primary, [data-slot="button"].bg-primary { background-image: linear-gradient(180deg, color-mix(in oklab, white 10%, var(--primary)) 0%, var(--primary) 55%, color-mix(in oklab, var(--brand-ink) 8%, var(--primary)) 100%); } } button.bg-primary, [data-slot="button"].bg-primary { box-shadow: inset 0 1px 0 0 #ffffff47, inset 0 -1px 0 0 var(--brand-ink), 0 1px 2px 0 var(--brand-ink); } @supports (color: lab(0% 0 0)) { button.bg-primary, [data-slot="button"].bg-primary { box-shadow: inset 0 1px 0 0 lab(100% -.0000298023 .0000119209 / .28), inset 0 -1px 0 0 var(--brand-ink), 0 1px 2px 0 var(--brand-ink); } } @supports (color: color-mix(in lab, red, red)) { button.bg-primary, [data-slot="button"].bg-primary { box-shadow: inset 0 1px 0 0 lab(100% -.0000298023 .0000119209 / .28), inset 0 -1px 0 0 color-mix(in oklab, var(--brand-ink) 18%, transparent), 0 1px 2px 0 color-mix(in oklab, var(--brand-ink) 12%, transparent); } } button.bg-primary:hover, [data-slot="button"].bg-primary:hover { box-shadow: inset 0 1px 0 0 #ffffff57, inset 0 -1px 0 0 var(--brand-ink), 0 4px 12px -2px var(--brand-orange); } @supports (color: lab(0% 0 0)) { button.bg-primary:hover, [data-slot="button"].bg-primary:hover { box-shadow: inset 0 1px 0 0 lab(100% -.0000298023 .0000119209 / .34), inset 0 -1px 0 0 var(--brand-ink), 0 4px 12px -2px var(--brand-orange); } } @supports (color: color-mix(in lab, red, red)) { button.bg-primary:hover, [data-slot="button"].bg-primary:hover { box-shadow: inset 0 1px 0 0 lab(100% -.0000298023 .0000119209 / .34), inset 0 -1px 0 0 color-mix(in oklab, var(--brand-ink) 22%, transparent), 0 4px 12px -2px color-mix(in oklab, var(--brand-orange) 45%, transparent); } } img { image-rendering: -webkit-optimize-contrast; } .dark body:before { content: ""; pointer-events: none; z-index: 0; opacity: .025; mix-blend-mode: overlay; background-image: url("data:image/svg+xml;utf8,"); position: fixed; inset: 0; } :root, .dark { caret-color: var(--brand-orange); } @media (prefers-reduced-motion: no-preference) { :where(button, a, [role="button"]):active:not(:disabled) { transform: translateY(.5px) scale(.997); } } @media print { *, :before, :after { box-shadow: none !important; text-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } } @view-transition { navigation: auto; } ::view-transition-old(root) { animation-duration: .22s; } ::view-transition-new(root) { animation-duration: .22s; } html { scroll-behavior: smooth; } :where(h1, h2, h3, h4, [id]) { scroll-margin-top: 96px; } input:not([type="checkbox"]):not([type="radio"]):focus, textarea:focus, select:focus, [contenteditable="true"]:focus { border-color: var(--ring); outline: none; } @supports (color: color-mix(in lab, red, red)) { input:not([type="checkbox"]):not([type="radio"]):focus, textarea:focus, select:focus, [contenteditable="true"]:focus { border-color: color-mix(in oklab, var(--ring) 70%, transparent); } } input:not([type="checkbox"]):not([type="radio"]):focus, textarea:focus, select:focus, [contenteditable="true"]:focus { box-shadow: 0 0 0 3px var(--ring), 0 1px 2px 0 var(--brand-ink); } @supports (color: color-mix(in lab, red, red)) { input:not([type="checkbox"]):not([type="radio"]):focus, textarea:focus, select:focus, [contenteditable="true"]:focus { box-shadow: 0 0 0 3px color-mix(in oklab, var(--ring) 18%, transparent), 0 1px 2px 0 color-mix(in oklab, var(--brand-ink) 8%, transparent); } } .data-table tbody tr { transition: background-color .12s ease-out; } .data-table tbody td:first-child { position: relative; } .data-table tbody td:first-child:before { content: ""; background: var(--brand-orange); opacity: 0; width: 2px; transition: opacity .14s ease-out; position: absolute; inset: 0 auto 0 0; } .data-table tbody tr:hover td:first-child:before { opacity: .65; } .brand-eyebrow:before { content: ""; background: var(--brand-orange); vertical-align: 1px; width: 6px; height: 6px; box-shadow: 0 0 0 3px var(--brand-orange); border-radius: 999px; margin-right: 8px; display: inline-block; } @supports (color: color-mix(in lab, red, red)) { .brand-eyebrow:before { box-shadow: 0 0 0 3px color-mix(in oklab, var(--brand-orange) 18%, transparent); } } .text-display-grad { background: linear-gradient(180deg, var(--foreground) 0%, var(--foreground) 100%); } @supports (color: color-mix(in lab, red, red)) { .text-display-grad { background: linear-gradient(180deg, var(--foreground) 0%, color-mix(in oklab, var(--foreground) 78%, var(--brand-ink)) 100%); } } .text-display-grad { color: #0000; -webkit-background-clip: text; background-clip: text; } .dark .text-display-grad { color: #0000; background: linear-gradient(#fffbf6 0%, #fffbf6b8 100%); background: linear-gradient(lab(98.8632% .458837 3.01477) 0%, lab(98.8632% .458837 3.01477 / .72) 100%); -webkit-background-clip: text; background-clip: text; } hr, .divider-soft { background: linear-gradient(90deg, transparent, var(--foreground) 18%, var(--foreground) 82%, transparent); border: 0; height: 1px; } @supports (color: color-mix(in lab, red, red)) { hr, .divider-soft { background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--foreground) 14%, transparent) 18%, color-mix(in oklab, var(--foreground) 14%, transparent) 82%, transparent); } } [data-sidebar="menu-button"] { transition: background-color .14s ease-out, color .14s ease-out; position: relative; } [data-sidebar="menu-button"]:before { content: ""; background: var(--brand-orange); transform-origin: center; border-radius: 0 2px 2px 0; width: 2px; transition: transform .18s cubic-bezier(.2, .8, .2, 1); position: absolute; inset: 6px auto 6px 0; transform: scaleY(0); } [data-sidebar="menu-button"][data-active="true"]:before, [data-sidebar="menu-button"]:hover:before { transform: scaleY(1); } [data-slot="skeleton"], .skeleton { background: var(--muted); position: relative; overflow: hidden; } @supports (color: color-mix(in lab, red, red)) { [data-slot="skeleton"], .skeleton { background: color-mix(in oklab, var(--muted) 90%, transparent); } } [data-slot="skeleton"]:after, .skeleton:after { content: ""; background: linear-gradient(90deg, #0000, #ffffff4d, #0000); background: linear-gradient(90deg, #0000, lab(100% -.0000298023 .0000119209 / .3), #0000); animation: 1.6s ease-in-out infinite skeleton-sweep; position: absolute; inset: 0; transform: translateX(-100%); } .dark [data-slot="skeleton"]:after, .dark .skeleton:after { background: linear-gradient(90deg, #0000, #ffffff14, #0000); background: linear-gradient(90deg, #0000, lab(100% -.0000298023 .0000119209 / .08), #0000); } @keyframes skeleton-sweep { 100% { transform: translateX(100%); } } [data-slot="badge"] { letter-spacing: .01em; box-shadow: inset 0 1px #ffffff24; box-shadow: inset 0 1px lab(100% -.0000298023 .0000119209 / .14); } [data-state="checked"][data-slot="switch"], [data-state="checked"][data-slot="checkbox"] { box-shadow: 0 0 0 3px var(--primary); } @supports (color: color-mix(in lab, red, red)) { [data-state="checked"][data-slot="switch"], [data-state="checked"][data-slot="checkbox"] { box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary) 18%, transparent); } } [data-slot="tooltip-content"] { box-shadow: 0 4px 14px -2px var(--brand-ink), 0 1px 2px 0 var(--brand-ink); } @supports (color: color-mix(in lab, red, red)) { [data-slot="tooltip-content"] { box-shadow: 0 4px 14px -2px color-mix(in oklab, var(--brand-ink) 25%, transparent), 0 1px 2px 0 color-mix(in oklab, var(--brand-ink) 18%, transparent); } } [data-slot="tooltip-content"] { letter-spacing: .005em; } .prose p, article p { text-wrap: pretty; } h1, h2, h3, h4 { text-wrap: balance; } @keyframes reveal-up { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } [data-reveal] { animation: .42s cubic-bezier(.2, .8, .2, 1) both reveal-up; } [data-reveal="delay-1"] { animation-delay: 60ms; } [data-reveal="delay-2"] { animation-delay: .12s; } [data-reveal="delay-3"] { animation-delay: .18s; } @media (prefers-reduced-motion: reduce) { [data-reveal] { animation: none; } } :root { --ease-spring: cubic-bezier(.34, 1.56, .64, 1); --ease-out-expo: cubic-bezier(.16, 1, .3, 1); --ease-in-out-quart: cubic-bezier(.76, 0, .24, 1); } kbd, .kbd { background: linear-gradient(180deg, var(--surface), var(--surface-2)); } @supports (color: color-mix(in lab, red, red)) { kbd, .kbd { background: linear-gradient(180deg, color-mix(in oklab, var(--surface) 100%, transparent), color-mix(in oklab, var(--surface-2) 100%, transparent)); } } kbd, .kbd { border: 1px solid var(--border-strong); box-shadow: inset 0 -1px 0 0 var(--brand-ink), 0 1px 0 0 var(--brand-ink); } @supports (color: color-mix(in lab, red, red)) { kbd, .kbd { box-shadow: inset 0 -1px 0 0 color-mix(in oklab, var(--brand-ink) 12%, transparent), 0 1px 0 0 color-mix(in oklab, var(--brand-ink) 6%, transparent); } } kbd, .kbd { border-radius: 4px; } :disabled, [aria-disabled="true"], [data-disabled="true"] { filter: saturate(.6); } .chip-success, .chip-warning, .chip-info, .chip-destructive, [data-status] { box-shadow: inset 0 0 0 1px; } @supports (color: color-mix(in lab, red, red)) { .chip-success, .chip-warning, .chip-info, .chip-destructive, [data-status] { box-shadow: inset 0 0 0 1px color-mix(in oklab, currentColor 22%, transparent); } } [data-app-rail] [data-status] { box-shadow: none !important; } [data-slot="card"]:not([data-static]) { background-image: linear-gradient(135deg, #ffffff04 0%, #0000 40%); background-image: linear-gradient(135deg, lab(100% -.0000298023 .0000119209 / .015) 0%, #0000 40%); } .dark [data-slot="card"]:not([data-static]) { background-image: linear-gradient(135deg, #ffffff0a 0%, #0000 40%); background-image: linear-gradient(135deg, lab(100% -.0000298023 .0000119209 / .04) 0%, #0000 40%); } @keyframes num-roll-up { 0% { opacity: 0; transform: translateY(40%); } 100% { opacity: 1; transform: translateY(0); } } .num-roll { animation: num-roll-up .32s var(--ease-out-expo) both; font-variant-numeric: tabular-nums; display: inline-block; } @keyframes ingredient-ripple { 0% { color: inherit; text-shadow: none; transform: translateX(0); } 8% { color: var(--brand-orange); text-shadow: 0 0 12px color-mix(in oklab, var(--brand-orange) 55%, transparent); transform: translateX(-10px); } 16% { color: var(--brand-orange); transform: translateX(9px); } 24% { color: var(--brand-orange); transform: translateX(-7px); } 32% { color: var(--brand-orange); transform: translateX(6px); } 42% { color: var(--brand-orange); transform: translateX(-4px); } 52% { color: var(--brand-orange); transform: translateX(3px); } 64% { color: var(--brand-orange); text-shadow: 0 0 6px color-mix(in oklab, var(--brand-orange) 30%, transparent); transform: translateX(-2px); } 78% { color: inherit; text-shadow: none; transform: translateX(1px); } 100% { color: inherit; text-shadow: none; transform: translateX(0); } } .ingredient-flash { transform-origin: center; will-change: transform; white-space: nowrap; margin-inline: -14px; padding-inline: 14px; animation: 1.4s cubic-bezier(.36, .07, .19, .97) 6 ingredient-ripple; } @media (prefers-reduced-motion: reduce) { .ingredient-flash { animation: none; } } :root { --kiosk-header-h: 64px; } @media (min-width: 640px) { :root { --kiosk-header-h: 72px; } } .kiosk-header { height: calc(var(--kiosk-header-h) + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); padding-left: max(.75rem, env(safe-area-inset-left)); padding-right: max(.75rem, env(safe-area-inset-right)); } .kiosk-header-title { max-width: min(62%, calc(100% - 2 * var(--kiosk-header-side, 132px))); } .brand-eyebrow-rule { align-items: center; gap: 12px; display: inline-flex; } .brand-eyebrow-rule:after { content: ""; background: linear-gradient(90deg, var(--brand-orange), var(--brand-orange)); width: 56px; height: 1px; } @supports (color: color-mix(in lab, red, red)) { .brand-eyebrow-rule:after { background: linear-gradient(90deg, var(--brand-orange), color-mix(in oklab, var(--brand-orange) 0%, transparent)); } } [data-sidebar="menu-button"][data-active="true"] { background: linear-gradient(90deg, var(--brand-orange) 0%, transparent 60%); } @supports (color: color-mix(in lab, red, red)) { [data-sidebar="menu-button"][data-active="true"] { background: linear-gradient(90deg, color-mix(in oklab, var(--brand-orange) 14%, transparent) 0%, transparent 60%); } } [data-sidebar="menu-button"][data-active="true"] { color: var(--brand-orange-soft, #ffddc2); } @supports (color: lab(0% 0 0)) { [data-sidebar="menu-button"][data-active="true"] { color: var(--brand-orange-soft, lab(90.57% 10.8826 20.5865)); } } [data-sonner-toast] { -webkit-backdrop-filter: saturate(140%) blur(10px); backdrop-filter: saturate(140%) blur(10px); box-shadow: 0 10px 30px -10px var(--brand-ink), 0 2px 6px -2px var(--brand-ink), inset 0 1px 0 0 #ffffff1a !important; } @supports (color: color-mix(in lab, red, red)) { [data-sonner-toast] { box-shadow: 0 10px 30px -10px color-mix(in oklab, var(--brand-ink) 35%, transparent), 0 2px 6px -2px color-mix(in oklab, var(--brand-ink) 20%, transparent), inset 0 1px 0 0 lab(100% -.0000298023 .0000119209 / .1) !important; } } [data-slot="tabs-trigger"] { transition: color .16s var(--ease-out-expo); position: relative; } [data-slot="tabs-trigger"]:after { content: ""; background: var(--brand-orange); height: 2px; transition: transform .22s var(--ease-out-expo); border-radius: 2px 2px 0 0; position: absolute; inset: auto 12px 0; transform: scaleX(0); } [data-slot="tabs-trigger"][data-state="active"]:after { transform: scaleX(1); } @media (hover: hover) and (pointer: fine) { :where(article, .prose) :where(h2, h3, h4)[id]:hover:before { content: "#"; color: var(--brand-orange); margin-left: -1.1em; position: absolute; } @supports (color: color-mix(in lab, red, red)) { :where(article, .prose) :where(h2, h3, h4)[id]:hover:before { color: color-mix(in oklab, var(--brand-orange) 70%, transparent); } } :where(article, .prose) :where(h2, h3, h4)[id]:hover:before { font-weight: 500; } } :where(article, .prose) :where(h2, h3, h4)[id] { position: relative; } :not(pre) > code { background: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { :not(pre) > code { background: color-mix(in oklab, var(--brand-orange) 8%, var(--surface-2)); } } :not(pre) > code { color: var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { :not(pre) > code { color: color-mix(in oklab, var(--brand-orange) 60%, var(--foreground)); } } :not(pre) > code { border: 1px solid var(--brand-orange); border-radius: 4px; padding: .125em .4em; font-size: .9em; } @supports (color: color-mix(in lab, red, red)) { :not(pre) > code { border: 1px solid color-mix(in oklab, var(--brand-orange) 14%, transparent); } } a img, button img, [data-slot="card"]:hover img { transition: filter .24s var(--ease-out-expo), transform .24s var(--ease-out-expo); } [data-slot="card"]:not([data-static]):hover img { filter: saturate(1.06); } .text-display-grad { padding-bottom: .08em; } [data-slot="card"] hr, [data-slot="dialog-content"] hr { background: linear-gradient(90deg, transparent, var(--foreground) 30%, var(--foreground) 70%, transparent); } @supports (color: color-mix(in lab, red, red)) { [data-slot="card"] hr, [data-slot="dialog-content"] hr { background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--foreground) 10%, transparent) 30%, color-mix(in oklab, var(--foreground) 10%, transparent) 70%, transparent); } } .cta-glow { box-shadow: 0 10px 30px -8px var(--brand-orange), 0 2px 6px -2px var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .cta-glow { box-shadow: 0 10px 30px -8px color-mix(in oklab, var(--brand-orange) 55%, transparent), 0 2px 6px -2px color-mix(in oklab, var(--brand-orange) 35%, transparent); } } .cta-glow:hover { box-shadow: 0 14px 36px -8px var(--brand-orange), 0 4px 10px -2px var(--brand-orange); } @supports (color: color-mix(in lab, red, red)) { .cta-glow:hover { box-shadow: 0 14px 36px -8px color-mix(in oklab, var(--brand-orange) 65%, transparent), 0 4px 10px -2px color-mix(in oklab, var(--brand-orange) 45%, transparent); } } html { font-synthesis-weight: none; font-synthesis-style: none; } .kiosk-touch :where(button, a, [role="button"], [role="tab"], summary, label[for]) { min-height: 48px; } .kiosk-touch :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { min-height: 48px; font-size: 16px; } .kiosk-touch :where(input[type="checkbox"], input[type="radio"]) { width: 22px; height: 22px; } .kiosk-touch :where(button[aria-label]):not([class*="px-"]) { padding-left: .75rem; padding-right: .75rem; } .kiosk-touch :where(button, a, [role="button"]) { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; touch-action: manipulation; } .kiosk-touch { --kiosk-surface-1: var(--background); --kiosk-surface-2: var(--surface); --kiosk-surface-3: var(--surface-2); --kiosk-hairline: var(--border); --kiosk-reading-color: var(--foreground); } .kiosk-touch :where([data-slot="card"], .bg-card, .bg-surface, .bg-popover) { border-color: var(--border); } .kiosk-touch input:not([type="checkbox"]):not([type="radio"]), .kiosk-touch select, .kiosk-touch textarea { border-width: 2px; border-color: var(--border); background-color: var(--background); border-radius: var(--kiosk-radius); padding-left: .875rem; padding-right: .875rem; font-size: 1rem; line-height: 1.5rem; } .kiosk-touch input:focus-visible, .kiosk-touch select:focus-visible, .kiosk-touch textarea:focus-visible { border-color: var(--kiosk-accent); } .kiosk-touch [role="combobox"], .kiosk-touch [data-kiosk-field] { border-width: 2px; font-size: 1rem; } .kiosk-touch textarea { padding-top: .625rem; padding-bottom: .625rem; } .kiosk-touch input:not([type="checkbox"]):not([type="radio"]), .kiosk-touch select, .kiosk-touch textarea { color: var(--foreground); font-weight: 500; } .kiosk-touch ::placeholder { color: var(--muted-foreground); opacity: 1; } .kiosk-touch button[class*="border-input"], .kiosk-touch a[class*="border-input"] { border-width: 2px; } .kiosk-touch :where(.text-xs, .text-\[11px\], .text-\[10px\]) { font-size: .875rem; line-height: 1.25rem; } .kiosk-tile-grid { grid-template-columns: repeat(var(--cols-base, 2), minmax(0, 1fr)); } @media (min-width: 640px) { .kiosk-tile-grid { grid-template-columns: repeat(var(--cols-sm, 3), minmax(0, 1fr)); } } @media (min-width: 1024px) { .kiosk-tile-grid { grid-template-columns: repeat(var(--cols-lg, 4), minmax(0, 1fr)); } } .kiosk-touch-scroll { scrollbar-width: thick; scrollbar-color: hsl(var(--muted-foreground) / .5) transparent; } .kiosk-touch-scroll::-webkit-scrollbar { width: 14px; height: 14px; } .kiosk-touch-scroll::-webkit-scrollbar-track { background: none; } .kiosk-touch-scroll::-webkit-scrollbar-thumb { background-color: hsl(var(--muted-foreground) / .45); background-clip: content-box; border: 3px solid #0000; border-radius: 999px; min-height: 60px; } .kiosk-touch-scroll::-webkit-scrollbar-thumb:hover { background-color: hsl(var(--muted-foreground) / .75); background-clip: content-box; } .kiosk-touch-scroll::-webkit-scrollbar-thumb:active { background-color: hsl(var(--muted-foreground) / .75); background-clip: content-box; } .theme-paper { --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; --background: #f3ece1; --foreground: #091724; --surface: #fbf7f0; --surface-2: #eee7db; --card: #fbf7f0; --card-foreground: #091724; --popover: #fcf9f3; --popover-foreground: #091724; --muted: #eae3d7; --muted-foreground: #465560; --secondary: #e7ded1; --secondary-foreground: #10212f; --border: #d4cbbb; --border-strong: #baae9b; --input: #d4cbbb; --sidebar: #131f2a; --sidebar-border: #28343f; } @supports (color: lab(0% 0 0)) { .theme-paper { --background: lab(93.6641% .959188 6.05712); --foreground: lab(7.17035% -2.64341 -10.4825); --surface: lab(97.4767% .579894 3.77253); --surface-2: lab(91.9289% 1.09178 6.82311); --card: lab(97.4767% .579894 3.77253); --card-foreground: lab(7.17035% -2.64341 -10.4825); --popover: lab(97.9352% .459015 3.01485); --popover-foreground: lab(7.17035% -2.64341 -10.4825); --muted: lab(90.5368% 1.09312 6.82402); --muted-foreground: lab(35.0641% -3.9115 -8.41506); --secondary: lab(89.0335% 1.22899 7.59254); --secondary-foreground: lab(11.7781% -3.41299 -11.877); --border: lab(82.0817% 1.51828 9.14321); --border-strong: lab(71.6517% 1.99467 11.5057); --input: lab(82.0817% 1.51828 9.14321); --sidebar: lab(11.2312% -2.79181 -8.65887); --sidebar-border: lab(21.1028% -3.02605 -8.73129); } } .dark.theme-dim { --background: #373e44; --foreground: #f6f3ef; --surface: #434b53; --surface-2: #4d565e; --card: #434b53; --card-foreground: #f6f3ef; --popover: #475159; --popover-foreground: #f6f3ef; --secondary: #4f5860; --muted: #4d555c; --muted-foreground: #cac5bc; --accent: #3d6464; --border: #606a74; --border-strong: #798590; --input: #606a74; --sidebar: #2b343c; --sidebar-accent: #465059; --sidebar-border: #4f5860; --primary-foreground: #15212b; --shadow-xs: 0 1px 2px 0 #00000038; --shadow-sm: 0 1px 2px 0 #0003, 0 1px 3px 0 #00000029; --shadow-md: 0 2px 4px -1px #0000003d, 0 8px 16px -4px #00000042; --shadow-lg: 0 4px 8px -2px #0000004d, 0 16px 32px -8px #0000005c; } @supports (color: lab(0% 0 0)) { .dark.theme-dim { --background: lab(25.7594% -1.80306 -4.76961); --foreground: lab(95.9576% .340849 2.25893); --surface: lab(31.5593% -2.06004 -5.4507); --surface-2: lab(35.9669% -2.3116 -6.12938); --card: lab(31.5593% -2.06004 -5.4507); --card-foreground: lab(95.9576% .340849 2.25893); --popover: lab(33.6464% -2.30195 -6.12509); --popover-foreground: lab(95.9576% .340849 2.25893); --secondary: lab(36.7791% -2.31476 -6.1308); --muted: lab(35.62% -2.07397 -5.45708); --muted-foreground: lab(79.7386% .839382 5.3001); --accent: lab(39.5795% -14.6986 -4.48262); --border: lab(44.3193% -2.5782 -6.81483); --border-strong: lab(54.76% -2.85098 -7.50316); --input: lab(44.3193% -2.5782 -6.81483); --sidebar: lab(21.1147% -2.22825 -6.094); --sidebar-accent: lab(33.2968% -2.52905 -6.79317); --sidebar-border: lab(36.7791% -2.31476 -6.1308); --primary-foreground: lab(11.8121% -2.81049 -8.66416); } } .theme-contrast { --border: var(--border-strong); --input: var(--border-strong); } .theme-contrast:not(.dark) { --background: #fff; --foreground: #040a11; --surface: #fff; --surface-2: #f2f0ec; --card: #fff; --card-foreground: #040a11; --popover: #fff; --muted-foreground: #2a343c; --border-strong: #444e58; --primary: #ce5700; } @supports (color: lab(0% 0 0)) { .theme-contrast:not(.dark) { --background: lab(100% 0 0); --foreground: lab(2.46396% -.86154 -3.783); --surface: lab(100% 0 0); --surface-2: lab(94.7976% .340968 2.259); --card: lab(100% 0 0); --card-foreground: lab(2.46396% -.86154 -3.783); --popover: lab(100% 0 0); --muted-foreground: lab(21.1376% -2.99017 -6.46576); --border-strong: lab(32.7166% -2.52582 -6.79179); --primary: lab(52.2067% 52.8861 104.862); } } .theme-contrast.dark:not(.theme-dim) { --background: #0a1015; --foreground: #fff; --surface: #181f25; --surface-2: #232b33; --card: #181f25; --card-foreground: #fff; --popover: #1c242b; --muted-foreground: #e1ddd7; --border-strong: #99a7b3; --primary: #ffa353; } @supports (color: lab(0% 0 0)) { .theme-contrast.dark:not(.theme-dim) { --background: lab(4.43148% -1.07506 -3.62862); --foreground: lab(100% 0 0); --surface: lab(11.2525% -1.92507 -5.39542); --surface-2: lab(17.0529% -2.19184 -6.07972); --card: lab(11.2525% -1.92507 -5.39542); --card-foreground: lab(100% 0 0); --popover: lab(13.5709% -2.15232 -6.06494); --muted-foreground: lab(88.4285% .582516 3.77423); --border-strong: lab(67.5209% -3.12874 -8.19391); --primary: lab(76.0275% 37.2368 67.3613); } } .theme-contrast.dark.theme-dim { --background: #282f35; --foreground: #fff; --surface: #3a4249; --surface-2: #465058; --card: #3a4249; --card-foreground: #fff; --popover: #3f4850; --muted-foreground: #eeebe5; --border-strong: #a5b3c0; --primary: #ffa353; } @supports (color: lab(0% 0 0)) { .theme-contrast.dark.theme-dim { --background: lab(18.7978% -1.77191 -4.7559); --foreground: lab(100% 0 0); --surface: lab(27.4985% -2.04341 -5.44328); --surface-2: lab(33.2983% -2.30044 -6.12441); --card: lab(27.4985% -2.04341 -5.44328); --card-foreground: lab(100% 0 0); --popover: lab(29.8175% -2.28383 -6.11717); --muted-foreground: lab(93.0632% .45988 3.01539); --border-strong: lab(72.1615% -3.1406 -8.19954); --primary: lab(76.0275% 37.2368 67.3613); } } .theme-contrast [data-slot="card"], .theme-contrast [data-slot="input"], .theme-contrast [data-slot="select-trigger"], .theme-contrast [data-slot="popover-content"], .theme-contrast [data-slot="dialog-content"] { border-width: 2px; } .theme-contrast :where(button, a, [role="button"], input, select, textarea):focus-visible { outline: 3px solid var(--ring); outline-offset: 2px; } .kiosk-touch input.lab-scan-input, input.lab-scan-input { border: 0; height: 72px; min-height: 72px; padding-left: 0; padding-right: 0; font-size: 1.5rem; line-height: 2rem; } .kiosk-field, .kiosk-touch input:not([type="checkbox"]):not([type="radio"]).kiosk-field, .kiosk-touch select.kiosk-field, .kiosk-touch textarea.kiosk-field, input.kiosk-field, select.kiosk-field, textarea.kiosk-field { padding-left: var(--kiosk-field-pl, .875rem); padding-right: var(--kiosk-field-pr, .875rem); } .kiosk-field[data-lead="true"] { --kiosk-field-pl: 3.25rem; } .kiosk-field[data-trail="true"] { --kiosk-field-pr: 3.5rem; } .kiosk-register { border-width: 2px; border-color: var(--border); background-color: var(--card); border-radius: var(--kiosk-radius, .75rem); box-shadow: 0 1px 2px #0000000f; } .kiosk-register-head { color: var(--muted-foreground); letter-spacing: .06em; text-transform: uppercase; font-weight: 700; } .kiosk-register-row + .kiosk-register-row { border-top: 1px solid var(--border); } @media (max-width: 639px) { .kiosk-register-head, .kiosk-register-row { grid-template-columns: minmax(0, 1fr) auto 3.5rem !important; } } @property --tw-border-spacing-x { syntax: ""; inherits: false; initial-value: 0; } @property --tw-border-spacing-y { syntax: ""; inherits: false; initial-value: 0; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-pan-x { syntax: "*"; inherits: false } @property --tw-pan-y { syntax: "*"; inherits: false } @property --tw-pinch-zoom { syntax: "*"; inherits: false } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-tracking { syntax: "*"; inherits: false } @property --tw-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { opacity: 0; transform: scale(2); } } @keyframes pulse { 50% { opacity: .5; } } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0)); filter: blur(var(--tw-enter-blur, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0)); filter: blur(var(--tw-exit-blur, 0)); } } @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto))))); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto))))); } to { height: 0; } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } }