@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 none); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 none); --color-neutral-100: oklch(97% 0 none); --color-neutral-200: oklch(92.2% 0 none); --color-neutral-300: oklch(87% 0 none); --color-neutral-400: oklch(70.8% 0 none); --color-neutral-500: oklch(55.6% 0 none); --color-neutral-600: oklch(43.9% 0 none); --color-neutral-700: oklch(37.1% 0 none); --color-neutral-800: oklch(26.9% 0 none); --color-neutral-900: oklch(20.5% 0 none); --color-neutral-950: oklch(14.5% 0 none); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 none); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:--theme(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}@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}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: 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-out: 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); @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)); }}--animate-accordion-down: 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); --animate-accordion-up: 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); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @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 collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px) ; --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px) ; --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.cocnicom-web{--surface-primary: 42% .07 75;--text-primary: 98% .002 85;--text-link: 42% .07 75;--cocnicom-rule: oklch(89% .008 260 / .72);--cocnicom-silhouette-opacity: .05;--cube-field-border: oklch(89% .008 260 / .68);--cube-light: oklch(72% .105 82);--cube-large-top-start: oklch(92% .006 85);--cube-large-top-end: oklch(84% .01 75);--cube-large-left: oklch(79% .009 75);--cube-large-right: oklch(72% .011 75);--cube-medium-top: oklch(89% .007 85);--cube-medium-left: oklch(82% .009 75);--cube-medium-right: oklch(76% .011 75);--cube-gold-top-start: oklch(72% .105 82);--cube-gold-top-end: oklch(60% .09 78);--cube-gold-left: oklch(53% .075 76);--cube-gold-right: oklch(44% .06 74)}.dark .cocnicom-web{--surface-primary: 48% .075 75;--text-primary: 98% .002 85;--text-link: 78% .105 82;--cocnicom-rule: oklch(31% .018 255 / .42);--cocnicom-silhouette-opacity: .075;--cube-field-border: oklch(31% .018 255 / .36);--cube-light: oklch(68% .105 80);--cube-large-top-start: oklch(29% .012 75);--cube-large-top-end: oklch(23% .01 75);--cube-large-left: oklch(18.5% .009 75);--cube-large-right: oklch(15% .008 75);--cube-medium-top: oklch(34% .012 75);--cube-medium-left: oklch(25% .01 75);--cube-medium-right: oklch(20% .009 75);--cube-gold-top-start: oklch(69% .09 80);--cube-gold-top-end: oklch(55% .07 77);--cube-gold-left: oklch(43% .055 75);--cube-gold-right: oklch(34% .04 73)}.cocnicom-rule{border-color:var(--cocnicom-rule)}.cocnicom-silhouette{opacity:var(--cocnicom-silhouette-opacity)}.services-cube-field{isolation:isolate;overflow:visible}.services-cube{stroke:var(--cube-field-border);stroke-width:1;stroke-linejoin:round}@theme inline{ --font-family-1: var(--fonts-family-1); --font-family-2: var(--fonts-family-2); --font-family-3: var(--fonts-family-3); --font-family-4: var(--fonts-family-4); }@theme{ --grid-template-columns-rep-12: repeat(12, 1fr); --grid-template-columns-auto-fit-10: repeat(auto-fit, minmax(10px, 1fr)); --grid-template-columns-auto-fit-20: repeat(auto-fit, minmax(20px, 1fr)); --grid-template-columns-auto-fit-30: repeat(auto-fit, minmax(30px, 1fr)); --grid-template-columns-auto-fit-40: repeat(auto-fit, minmax(40px, 1fr)); --grid-template-columns-auto-fit-50: repeat(auto-fit, minmax(50px, 1fr)); --grid-template-columns-auto-fit-60: repeat(auto-fit, minmax(60px, 1fr)); --grid-template-columns-auto-fit-70: repeat(auto-fit, minmax(70px, 1fr)); --grid-template-columns-auto-fit-80: repeat(auto-fit, minmax(80px, 1fr)); --grid-template-columns-auto-fit-90: repeat(auto-fit, minmax(90px, 1fr)); --grid-template-columns-auto-fit-100: repeat(auto-fit, minmax(100px, 1fr)); --grid-template-columns-auto-fit-150: repeat(auto-fit, minmax(150px, 1fr)); --grid-template-columns-auto-fit-160: repeat(auto-fit, minmax(160px, 1fr)); --grid-template-columns-auto-fit-180: repeat(auto-fit, minmax(180px, 1fr)); --grid-template-columns-auto-fit-200: repeat(auto-fit, minmax(200px, 1fr)); --grid-template-columns-auto-fit-220: repeat(auto-fit, minmax(220px, 1fr)); --grid-template-columns-auto-fit-250: repeat(auto-fit, minmax(250px, 1fr)); --grid-template-columns-auto-fit-280: repeat(auto-fit, minmax(280px, 1fr)); --grid-template-columns-auto-fit-300: repeat(auto-fit, minmax(300px, 1fr)); --grid-template-columns-auto-fit-320: repeat(auto-fit, minmax(320px, 1fr)); --grid-template-columns-auto-fit-350: repeat(auto-fit, minmax(350px, 1fr)); --grid-template-columns-auto-fit-380: repeat(auto-fit, minmax(380px, 1fr)); --grid-template-columns-auto-fit-400: repeat(auto-fit, minmax(400px, 1fr)); --grid-template-columns-auto-fit-420: repeat(auto-fit, minmax(420px, 1fr)); --grid-template-columns-auto-fit-450: repeat(auto-fit, minmax(450px, 1fr)); --grid-template-columns-auto-fit-480: repeat(auto-fit, minmax(480px, 1fr)); }@theme{ --breakpoint-xs-up: 480px; --breakpoint-sm-up: 576px; --breakpoint-md-up: 768px; --breakpoint-lg-up: 992px; --breakpoint-xlg-up: 1200px; --breakpoint-xxlg-up: 1600px; }.mqChk{position:fixed;display:flex;min-width:20px;padding:0 10px;height:40px;z-index:99999999999999999;box-shadow:0 2px 8px #03030326}.mqChk:before{font-weight:700}.mqChk.top{top:60px}.mqChk.bottom{bottom:20px}@media screen and (max-width:480px){.mqChk{background-color:#00f!important;color:#fff}.mqChk:before{content:"[xs-down] within 0 to 480px: 0 to xs - M";margin:auto}}@media screen and (min-width:480.01px)and (max-width:576px){.mqChk{background-color:purple!important;color:#fff}.mqChk:before{content:"[xs-up] within 480.01 to 576px: xs to sm - sT";margin:auto}}@media screen and (min-width:576.01px)and (max-width:768px){.mqChk{background-color:red!important;color:#fff}.mqChk:before{content:"[sm-up] within 576.01 to 768px: sm to md - T";margin:auto}}@media screen and (min-width:768.01px)and (max-width:992px){.mqChk{background-color:#7fff00!important;color:#000}.mqChk:before{content:"[md-up] within 768.01 to 992px: md to lg - sL";margin:auto}}@media screen and (min-width:992.01px)and (max-width:1200px){.mqChk{background-color:gold!important;color:#000}.mqChk:before{content:"[lg-up] within 992.01 to 1200px: lg to xlg - L/D";margin:auto}}@media screen and (min-width:1200.01px)and (max-width:1600px){.mqChk{background-color:#ff00f2!important;color:#fff}.mqChk:before{content:"within 1200.01 to 1600px: xlg to xxlg - xxL/xxD";margin:auto}}.dark{--surface-base-100: 16% .008 75;--surface-base-150: 19% .009 75;--surface-base-200: 22% .01 75;--surface-base-250: 24% .011 75;--surface-base-300: 27% .012 75;--text-base: 96% .006 255;--text-light: 96% .006 255;--text-base-alt: 21% .015 260;--text-dark: 21% .015 260;--brand-400: 78% .105 82;--brand-500: 68% .105 80;--brand-600: 58% .095 78;--brand-700: 48% .075 75;--surface-primary: 64% .25 32;--text-primary: 98% .002 85;--surface-secondary: 76% .19 58;--text-secondary: 82% .008 255;--surface-tertiary: 34% .018 255;--text-tertiary: 68% .01 255;--surface-accent: 89% .18 92;--text-accent: 18% .018 255;--surface-success: 69% .18 152;--text-success: 98% .002 85;--surface-info: 71% .16 245;--text-info: 98% .002 85;--surface-warning: 84% .16 88;--text-warning: 18% .018 255;--surface-error: 61% .24 27;--text-error: 98% .002 85;--text-link: 73% .16 245;--border-1: 31% .018 255;--border-2: 36% .02 255;--border-3: 42% .022 255;--hover-surface-1: 25% .022 255;--hover-surface-2: 31% .025 255;--shadow-1: rgba(0, 0, 0, .16) 0px 1px 2px, rgba(0, 0, 0, .12) 0px 8px 22px;--shadow-2: rgba(0, 0, 0, .18) 0px 2px 5px, rgba(0, 0, 0, .2) 0px 14px 36px;--shadow-3: rgba(0, 0, 0, .2) 0px 5px 12px, rgba(0, 0, 0, .26) 0px 24px 54px;--shadow-4: rgba(0, 0, 0, .22) 0px 10px 24px, rgba(0, 0, 0, .32) 0px 36px 76px;--elevation-shadow-1: inset 0 0 0 1px oklch(34% .018 255 / .65);--elevation-shadow-2: 0 0 0 1px oklch(36% .018 255 / .6), 0 12px 34px rgba(0, 0, 0, .2);--elevation-shadow-3: 0 0 0 1px oklch(40% .02 255 / .55), 0 20px 52px rgba(0, 0, 0, .28);--gradient-background: linear-gradient( 180deg, oklch(20% .02 255), oklch(17% .018 255) );--gradient-hero: radial-gradient( circle at top right, oklch(68% .105 80 / .16), transparent 45% ), radial-gradient( circle at left, oklch(78% .105 82 / .08), transparent 55% ), linear-gradient(180deg, oklch(19% .009 75), oklch(15% .007 75));--gradient-cta: linear-gradient( 135deg, oklch(48% .075 75), oklch(68% .105 80) );--gradient-brand: linear-gradient( 135deg, oklch(78% .105 82), oklch(68% .105 80), oklch(58% .095 78), oklch(48% .075 75) );--gradient-card: linear-gradient( 180deg, oklch(28% .024 255), oklch(24% .022 255) );--gradient-1: radial-gradient( circle at top right, oklch(68% .105 80 / .18), transparent 45% ), radial-gradient(circle at left, oklch(78% .105 82 / .1), transparent 55%), linear-gradient(180deg, oklch(19% .009 75), oklch(15% .007 75))}.light{--surface-base-100: 100% 0 0;--surface-base-150: 98.8% .003 85;--surface-base-200: 98% .004 85;--surface-base-250: 96.8% .005 85;--surface-base-300: 94.5% .006 85;--text-base: 21% .015 260;--text-dark: 21% .015 260;--text-base-alt: 96% .006 255;--text-light: 96% .006 255;--brand-400: 72% .105 82;--brand-500: 58% .105 80;--brand-600: 45% .085 78;--brand-700: 34% .06 75;--surface-primary: 64% .25 32;--text-primary: 98% .002 85;--surface-secondary: 76% .19 58;--text-secondary: 21% .015 260;--surface-tertiary: 92% .008 260;--text-tertiary: 42% .014 260;--surface-accent: 89% .18 92;--text-accent: 21% .015 260;--surface-success: 69% .18 152;--text-success: 98% .002 85;--surface-info: 71% .16 245;--text-info: 98% .002 85;--surface-warning: 84% .16 88;--text-warning: 25% .02 260;--surface-error: 61% .24 27;--text-error: 98% .002 85;--text-link: 61% .2 245;--border-1: 93% .006 260;--border-2: 89% .008 260;--border-3: 82% .012 260;--hover-surface-1: 97% .005 85;--hover-surface-2: 90% .015 58;--shadow-1: rgba(17, 24, 39, .035) 0px 1px 2px, rgba(17, 24, 39, .025) 0px 6px 18px;--shadow-2: rgba(17, 24, 39, .04) 0px 2px 4px, rgba(17, 24, 39, .055) 0px 12px 32px;--shadow-3: rgba(17, 24, 39, .05) 0px 4px 10px, rgba(17, 24, 39, .08) 0px 20px 48px;--shadow-4: rgba(17, 24, 39, .07) 0px 8px 20px, rgba(17, 24, 39, .11) 0px 32px 72px;--elevation-shadow-1: inset 0 0 0 1px oklch(92% .006 260 / .7);--elevation-shadow-2: 0 0 0 1px oklch(91% .005 260 / .65), 0 10px 30px rgba(17, 24, 39, .05);--elevation-shadow-3: 0 0 0 1px oklch(90% .006 260 / .6), 0 18px 46px rgba(17, 24, 39, .075);--gradient-background: linear-gradient( 180deg, oklch(99% .002 85), oklch(98.5% .003 85) );--gradient-hero: radial-gradient( circle at top right, oklch(58% .105 80 / .12), transparent 42% ), radial-gradient( circle at left, oklch(72% .105 82 / .08), transparent 52% ), linear-gradient(180deg, oklch(99% .002 85), oklch(98.5% .003 85));--gradient-cta: linear-gradient( 135deg, oklch(45% .085 78), oklch(58% .105 80) );--gradient-brand: linear-gradient( 135deg, oklch(72% .105 82), oklch(58% .105 80), oklch(45% .085 78), oklch(34% .06 75) );--gradient-card: linear-gradient( 180deg, oklch(100% 0 0), oklch(98.8% .003 85) );--gradient-1: radial-gradient( circle at top right, oklch(58% .105 80 / .14), transparent 45% ), radial-gradient( circle at left, oklch(72% .105 82 / .08), transparent 55% ), linear-gradient(180deg, oklch(99% .002 85), oklch(98.5% .003 85))}@theme inline{ --color-base-100: oklch(var(--surface-base-100)); --color-base-150: oklch(var(--surface-base-150)); --color-base-200: oklch(var(--surface-base-200)); --color-base-250: oklch(var(--surface-base-250)); --color-base-300: oklch(var(--surface-base-300)); --color-tc-base: oklch(var(--text-base)); --color-tc-base-alt: oklch(var(--text-base-alt)); --color-tc-light: oklch(var(--text-light)); --color-tc-dark: oklch(var(--text-dark)); --color-brand-400: oklch(var(--brand-400)); --color-brand-500: oklch(var(--brand-500)); --color-brand-600: oklch(var(--brand-600)); --color-brand-700: oklch(var(--brand-700)); --color-prim: oklch(var(--surface-primary)); --color-tc-prim: oklch(var(--text-primary)); --color-sec: oklch(var(--surface-secondary)); --color-tc-sec: oklch(var(--text-secondary)); --color-ter: oklch(var(--surface-tertiary)); --color-tc-ter: oklch(var(--text-tertiary)); --color-acc: oklch(var(--surface-accent)); --color-tc-acc: oklch(var(--text-accent)); --color-suc: oklch(var(--surface-success)); --color-tc-suc: oklch(var(--text-success)); --color-info: oklch(var(--surface-info)); --color-tc-info: oklch(var(--text-info)); --color-warn: oklch(var(--surface-warning)); --color-tc-warn: oklch(var(--text-warning)); --color-err: oklch(var(--surface-error)); --color-tc-err: oklch(var(--text-error)); --color-link: oklch(var(--text-link)); --color-bor-1: oklch(var(--border-1)); --color-bor-2: oklch(var(--border-2)); --color-bor-3: oklch(var(--border-3)); --color-hov-1: oklch(var(--hover-surface-1)); --color-hov-2: oklch(var(--hover-surface-2)); --color-editor-bg: oklch(var(--editor-background)); --color-editor-toolbar: oklch(var(--editor-toolbar)); --color-editor-border: oklch(var(--editor-border)); --color-editor-text: oklch(var(--editor-text)); --color-editor-muted: oklch(var(--editor-muted)); --color-editor-selection: oklch(var(--editor-selection)); --background-image-gradient-bg: var(--gradient-background); --background-image-gradient-hero: var(--gradient-hero); --background-image-gradient-cta: var(--gradient-cta); --background-image-gradient-brand: var(--gradient-brand); --background-image-gradient-card: var(--gradient-card); --background-image-gradient-1: var(--gradient-1); --shadow-1: var(--shadow-1); --shadow-2: var(--shadow-2); --shadow-3: var(--shadow-3); --shadow-4: var(--shadow-4); --shadow-el-1: var(--elevation-shadow-1); --shadow-el-2: var(--elevation-shadow-2); --shadow-el-3: var(--elevation-shadow-3); }.light{--editor-background: 23% .018 255;--editor-toolbar: 27% .02 255;--editor-border: 38% .022 255;--editor-text: 93% .007 255;--editor-muted: 74% .012 255;--editor-selection: 42% .09 245}.dark{--editor-background: 15% .016 255;--editor-toolbar: 19% .018 255;--editor-border: 30% .02 255;--editor-text: 94% .007 255;--editor-muted: 72% .012 255;--editor-selection: 38% .1 245}.light,.light[data-accent=blue]{--surface-primary: 52% .17 254;--text-link: 52% .17 254}.light[data-accent=emerald]{--surface-primary: 50% .13 155;--text-link: 48% .13 155}.light[data-accent=violet]{--surface-primary: 52% .17 292;--text-link: 52% .17 292}.light[data-accent=teal]{--surface-primary: 51% .11 190;--text-link: 48% .11 190}.light[data-accent=amber]{--surface-primary: 50% .11 78;--text-link: 47% .11 78}.light[data-accent=rose]{--surface-primary: 52% .17 18;--text-link: 52% .17 18}.dark,.dark[data-accent=blue]{--surface-primary: 54% .16 254;--text-link: 76% .12 245}.dark[data-accent=emerald]{--surface-primary: 54% .12 155;--text-link: 76% .1 155}.dark[data-accent=violet]{--surface-primary: 54% .15 292;--text-link: 76% .11 292}.dark[data-accent=teal]{--surface-primary: 54% .1 190;--text-link: 77% .09 190}.dark[data-accent=amber]{--surface-primary: 54% .1 78;--text-link: 78% .12 78}.dark[data-accent=rose]{--surface-primary: 54% .15 18;--text-link: 76% .11 18}.light[data-accent=custom]{--surface-primary: var(--custom-light-surface-primary);--text-link: var(--custom-light-text-link);--text-primary: var(--custom-light-text-primary)}.dark[data-accent=custom]{--surface-primary: var(--custom-dark-surface-primary);--text-link: var(--custom-dark-text-link);--text-primary: var(--custom-dark-text-primary)}[data-accent-preview]{background-color:oklch(var(--accent-preview-color))}[data-accent-preview=blue]{--accent-preview-color: 55% .17 250}[data-accent-preview=emerald]{--accent-preview-color: 53% .14 155}[data-accent-preview=violet]{--accent-preview-color: 56% .16 292}[data-accent-preview=teal]{--accent-preview-color: 52% .12 190}[data-accent-preview=amber]{--accent-preview-color: 55% .13 78}[data-accent-preview=rose]{--accent-preview-color: 57% .16 18}@theme inline{@keyframes btt-shimmer {0% {background-position: 0 -100%;} 100% {background-position: 0 100%;}} @keyframes ltr-shimmer {0% {background-position: 100% 0;} 100% {background-position: -100% 0;}} @keyframes rtl-shimmer {0% {background-position: -100% 0;} 100% {background-position: 100% 0;}} @keyframes ttb-shimmer {0% {background-position: 0 100%;} 100% {background-position: 0 -100%;}} @keyframes macro-shimmer {0% {background-position: 200% 0;} 100% {background-position: -200% 0;}} @keyframes standard-pulse {0%,100% {opacity: 1;} 50% {opacity: .4;}} @keyframes wave-motion {0% {background-position: 0 0;} 100% {background-position: 40px 40px;}} @keyframes gradient-shift {0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;}} @keyframes aurora-flow {0% {transform: translate(0px,0px) scale(1) rotate(0deg);} 33% {transform: translate(20px,-30px) scale(1.08) rotate(120deg);} 66% {transform: translate(-20px,20px) scale(.95) rotate(240deg);} 100% {transform: translate(0px,0px) scale(1) rotate(360deg);}} @keyframes fluid-breathe {0%,100% {transform: scale(1); filter: brightness(1);} 50% {transform: scale(.985); filter: brightness(.95);}} @keyframes standard-fade {0% {opacity: 0; transform: scale(.985);} 100% {opacity: 1; transform: scale(1);}} @keyframes light-shine {0% {left: -150%;} 50% {left: 150%;} 100% {left: 150%;}} --animate-btt: btt-shimmer 2s infinite linear; --animate-ltr: ltr-shimmer 2s infinite linear; --animate-rtl: rtl-shimmer 2s infinite linear; --animate-ttb: ttb-shimmer 2s infinite linear; --animate-shimmer: macro-shimmer 1.5s infinite linear; --animate-pulse-slow: standard-pulse 2.5s cubic-bezier(.4,0,.2,1) infinite; --animate-wave: wave-motion 2s infinite linear; --animate-gradient: gradient-shift 6s ease infinite; --animate-breathe: fluid-breathe 3s cubic-bezier(.4,0,.2,1) infinite; --animate-fade-entry: standard-fade .25s cubic-bezier(.16,1,.3,1) forwards; --animate-shine: light-shine 3s ease-in-out infinite;}@utility btt-loader{background-image: linear-gradient(to top,var(--color-base-250) 0%,var(--color-base-150) 50%,var(--color-base-250) 100%); background-size: 100% 200%; animation: var(--animate-btt);}@utility ltr-loader{background-image: linear-gradient(to right,var(--color-base-250) 0%,var(--color-base-150) 50%,var(--color-base-250) 100%); background-size: 200% 100%; animation: var(--animate-ltr);}@utility rtl-loader{background-image: linear-gradient(to left,var(--color-base-250) 0%,var(--color-base-150) 50%,var(--color-base-250) 100%); background-size: 200% 100%; animation: var(--animate-rtl);}@utility ttb-loader{background-image: linear-gradient(to bottom,var(--color-base-250) 0%,var(--color-base-150) 50%,var(--color-base-250) 100%); background-size: 100% 200%; animation: var(--animate-ttb);}@utility shimmer-loader{background-image: linear-gradient(90deg,var(--color-base-250) 25%,var(--color-base-150) 50%,var(--color-base-250) 75%); background-size: 200% 100%; animation: var(--animate-shimmer);}@utility pulse-loader{background-color: var(--color-base-200); animation: var(--animate-pulse-slow);}@utility wave-loader{background-image: linear-gradient(45deg,var(--color-base-250) 25%,var(--color-base-150) 50%,var(--color-base-250) 75%); background-size: 40px 40px; animation: var(--animate-wave);}@utility gradient-loader{background: linear-gradient(-45deg,var(--color-base-150),var(--color-base-250),var(--color-hov-1),var(--color-base-200)); background-size: 400% 400%; animation: var(--animate-gradient);}@utility aurora-loader{position: relative; overflow: hidden; background-color: var(--color-base-100); &::before,&::after {content: ""; position: absolute; width: 150px; height: 150px; border-radius: var(--radius-full, 9999px); filter: blur(40px); mix-blend-mode: normal; opacity: .12; animation: aurora-flow 10s infinite linear;} &::before {background-color: var(--color-brand-500); top: -20px; left: -20px;} &::after {background-color: var(--color-brand-700); bottom: -20px; right: -20px; animation-delay: -5s;} @media (prefers-color-scheme: dark) {&::before,&::after {opacity: .08;}} :where(.dark) & {&::before,&::after {opacity: .08;}}}@utility glass-loader{background-color: oklch(from var(--color-base-100) l c h / .7); backdrop-filter: blur(12px); border: 1px solid var(--color-bor-1); box-shadow: var(--shadow-2);}@utility breathing-loader{animation: var(--animate-breathe);}@utility fade-loader{animation: var(--animate-fade-entry);}@utility shine-loader{position: relative; overflow: hidden; &::after {content: ""; position: absolute; top: 0; height: 100%; width: 60%; background: linear-gradient(90deg,transparent,oklch(from var(--color-base-100) l c h / .25),transparent); transform: skewX(-20deg); animation: var(--animate-shine);}}@utility animation-fast{animation-duration: .8s !important;}@utility animation-slow{animation-duration: 4s !important;}@utility animation-paused{animation-play-state: paused !important;}@utility motion-safe{@media (prefers-reduced-motion: reduce) {animation: none !important; transition: none !important;}}@utility motion-reduce{animation: none !important; transform: none !important; transition: none !important;}@utility badge{ --badge-bg: var(--color-base-200); --badge-border: var(--color-bor-1); --badge-text: var(--color-tc-base); display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: var(--radius-md, .375rem); border-width: 1px; border-style: solid; padding: var(--spacing-0-5, .125rem) var(--spacing-2, .5rem); font-size: var(--text-xs, .75rem); font-weight: var(--font-weight-medium, 500); line-height: 1rem; letter-spacing: var(--letter-spacing-wide, .025em); background-color: var(--badge-bg); border-color: var(--badge-border); color: var(--badge-text); transition-property: var(--transition-property-colors); transition-duration: var(--transition-duration-150, .15s); }@utility badge-primary{ --badge-bg: var(--color-prim); --badge-border: var(--color-brand-600); --badge-text: var(--color-tc-prim); }@utility badge-soft{ --badge-bg: var(--color-base-150); --badge-border: transparent; --badge-text: var(--color-tc-ter); }@utility badge-outline{ --badge-bg: transparent; --badge-border: var(--color-bor-2); --badge-text: var(--color-tc-base); }@utility badge-success{ --badge-bg: oklch(from var(--color-suc) calc(l + .24) calc(c*.12) h); --badge-border: oklch(from var(--color-suc) calc(l + .14) calc(c*.3) h); --badge-text: var(--color-tc-suc); @media (prefers-color-scheme: dark) { --badge-bg: oklch(from var(--color-suc) .22 .04 h); --badge-border: oklch(from var(--color-suc) .32 .08 h); --badge-text: var(--color-tc-suc); } :where(.dark) & { --badge-bg: oklch(from var(--color-suc) .22 .04 h); --badge-border: oklch(from var(--color-suc) .32 .08 h); --badge-text: var(--color-tc-suc); } }@utility badge-warning{ --badge-bg: oklch(from var(--color-warn) calc(l + .09) calc(c*.12) h); --badge-border: oklch(from var(--color-warn) calc(l - .03) calc(c*.3) h); --badge-text: var(--color-tc-warn); @media (prefers-color-scheme: dark) { --badge-bg: oklch(from var(--color-warn) .22 .03 h); --badge-border: oklch(from var(--color-warn) .32 .06 h); --badge-text: oklch(from var(--color-warn) .85 .06 h); } :where(.dark) & { --badge-bg: oklch(from var(--color-warn) .22 .03 h); --badge-border: oklch(from var(--color-warn) .32 .06 h); --badge-text: oklch(from var(--color-warn) .85 .06 h); } }@utility badge-info{ --badge-bg: oklch(from var(--color-info) calc(l + .24) calc(c*.12) h); --badge-border: oklch(from var(--color-info) calc(l + .12) calc(c*.3) h); --badge-text: var(--color-tc-info); @media (prefers-color-scheme: dark) { --badge-bg: oklch(from var(--color-info) .22 .03 h); --badge-border: oklch(from var(--color-info) .32 .06 h); --badge-text: var(--color-tc-info); } :where(.dark) & { --badge-bg: oklch(from var(--color-info) .22 .03 h); --badge-border: oklch(from var(--color-info) .32 .06 h); --badge-text: var(--color-tc-info); } }@utility badge-error{ --badge-bg: oklch(from var(--color-err) calc(l + .3) calc(c*.12) h); --badge-border: oklch(from var(--color-err) calc(l + .18) calc(c*.3) h); --badge-text: var(--color-tc-err); @media (prefers-color-scheme: dark) { --badge-bg: oklch(from var(--color-err) .2 .05 h); --badge-border: oklch(from var(--color-err) .3 .1 h); --badge-text: var(--color-tc-err); } :where(.dark) & { --badge-bg: oklch(from var(--color-err) .2 .05 h); --badge-border: oklch(from var(--color-err) .3 .1 h); --badge-text: var(--color-tc-err); } }@utility status-dot{ --dot-color: var(--color-tc-ter); display: inline-flex; align-items: center; gap: var(--spacing-2, .5rem); font-size: var(--text-xs, .75rem); font-weight: var(--font-weight-medium, 500); color: var(--color-tc-base); &::before { content: ""; width: var(--spacing-1-5, .375rem); height: var(--spacing-1-5, .375rem); border-radius: var(--radius-full, 9999px); background-color: var(--dot-color); flex-shrink: 0; transition-property: var(--transition-property-colors), box-shadow; transition-duration: var(--transition-duration-200, .2s); } }@utility status-online{@apply status-dot; --dot-color: var(--color-suc); &::before {box-shadow: 0 0 0 1px oklch(from var(--color-suc) l c h / .12),0 0 6px var(--color-suc);}}@utility status-offline{@apply status-dot; --dot-color: var(--color-err); &::before {box-shadow: 0 0 0 1px oklch(from var(--color-err) l c h / .12),0 0 6px var(--color-err);}}@utility banner{ --banner-bg: var(--color-base-150); --banner-border: var(--color-bor-1); --banner-text: var(--color-tc-base); position: relative; display: flex; align-items: center; justify-content: center; gap: var(--spacing-3, .75rem); width: 100%; border-bottom: 1px solid var(--banner-border); padding: var(--spacing-2, .5rem) var(--spacing-4, 1rem); background-color: var(--banner-bg); color: var(--banner-text); font-size: var(--text-sm, .875rem); font-weight: var(--font-weight-medium, 500); will-change: transform, opacity; animation: banner-slide-down .25s cubic-bezier(.16, 1, .3, 1) forwards; @media (prefers-reduced-motion: reduce) { animation: none !important; } & .banner-action { font-size: var(--text-xs, .75rem); font-weight: var(--font-weight-semibold, 600); text-transform: uppercase; letter-spacing: var(--letter-spacing-wider, .05em); padding: var(--spacing-1, .25rem) var(--spacing-2, .5rem); border-radius: var(--radius-md, .375rem); border: 1px solid currentColor; opacity: .85; transition-property: var(--transition-property-colors), opacity; transition-duration: var(--transition-duration-100, .1s); &:hover { opacity: 1; background-color: oklch(from var(--banner-text) l c h / .08); } } & .banner-close { margin-left: var(--spacing-2, .5rem); padding: var(--spacing-1, .25rem); color: var(--color-tc-ter); border-radius: var(--radius-md, .375rem); opacity: .7; transition-property: var(--transition-property-colors), opacity; transition-duration: var(--transition-duration-100, .1s); &:hover { opacity: 1; background-color: oklch(from var(--banner-text) l c h / .08); color: var(--banner-text); } } }@utility banner-success{@apply banner; --banner-bg: oklch(from var(--color-suc) calc(l + .24) calc(c*.12) h); --banner-border: oklch(from var(--color-suc) calc(l + .14) calc(c*.35) h); --banner-text: var(--color-tc-base); @variant dark { --banner-bg: oklch(from var(--color-suc) .22 .04 h); --banner-border: oklch(from var(--color-suc) .32 .1 h); }}@utility banner-warning{@apply banner; --banner-bg: oklch(from var(--color-warn) calc(l + .09) calc(c*.12) h); --banner-border: oklch(from var(--color-warn) calc(l - .03) calc(c*.35) h); --banner-text: var(--color-tc-base); @variant dark { --banner-bg: oklch(from var(--color-warn) .22 .03 h); --banner-border: oklch(from var(--color-warn) .32 .08 h); }}@utility banner-info{@apply banner; --banner-bg: oklch(from var(--color-info) calc(l + .24) calc(c*.12) h); --banner-border: oklch(from var(--color-info) calc(l + .12) calc(c*.35) h); --banner-text: var(--color-tc-base); @variant dark { --banner-bg: oklch(from var(--color-info) .22 .03 h); --banner-border: oklch(from var(--color-info) .32 .08 h); }}@utility banner-error{@apply banner; --banner-bg: oklch(from var(--color-err) calc(l + .3) calc(c*.12) h); --banner-border: oklch(from var(--color-err) calc(l + .18) calc(c*.35) h); --banner-text: var(--color-tc-base); @variant dark { --banner-bg: oklch(from var(--color-err) .2 .05 h); --banner-border: oklch(from var(--color-err) .3 .12 h); }}@keyframes banner-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@utility card-brand-stripe{background-color: var(--color-base-100); color: var(--color-tc-base); border: 1px solid var(--color-bor-1); border-radius: var(--radius-md, .5rem); padding: var(--spacing-5, 1.25rem) var(--spacing-6, 1.5rem); box-shadow: var(--shadow-1),var(--shadow-el-1); will-change: background-color,border-color; transition: background-color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1); &:hover {background-color: var(--color-hov-1); border-color: var(--color-bor-2);}}@utility card-brand-linear{background-color: var(--color-base-150); color: var(--color-tc-base); border: 1px solid var(--color-bor-2); border-radius: var(--radius-lg, .625rem); padding: var(--spacing-4, 1rem); box-shadow: var(--shadow-1),var(--shadow-el-1); will-change: transform,box-shadow,background-color; transition: transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background-color .2s ease; &:hover {cursor: pointer; background-color: var(--color-base-100); transform: translateY(-1.5px); box-shadow: var(--shadow-2),var(--shadow-el-1);} & .linear-meta {font-family: var(--font-mono, monospace); font-size: var(--text-xs, .75rem); color: var(--color-tc-ter);}}@utility card-brand-apple{background-color: var(--color-base-100); color: var(--color-tc-base); border: 1px solid var(--color-bor-1); border-radius: var(--radius-2xl, 1rem); padding: var(--spacing-8, 2rem); box-shadow: var(--shadow-2); will-change: transform; transition: transform .3s cubic-bezier(.25,1,.5,1); &:active {transform: scale(.99);} :where(.dark) & {background-color: var(--color-base-150); border-color: var(--color-bor-2);}}@utility card-brand-vercel{background-color: var(--color-base-100); background-image: var(--background-image-gradient-card); color: var(--color-tc-base); border: 1px solid var(--color-bor-2); border-radius: var(--radius-sm, .375rem); padding: var(--spacing-6, 1.5rem); box-shadow: var(--shadow-el-2); will-change: border-color,box-shadow; transition: border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1); &:hover {border-color: var(--color-brand-400); box-shadow: 0 0 0 1px var(--color-brand-400),var(--shadow-3);}}@utility card-brand-raycast{background-color: var(--color-base-300); color: var(--color-tc-base); border: 1px solid var(--color-bor-3); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-4, 1rem) var(--spacing-5, 1.25rem); box-shadow: var(--shadow-3),var(--shadow-el-2); display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-4, 1rem);}@utility card-brand-mercury{background-color: var(--color-base-100); background-image: var(--background-image-gradient-hero); color: var(--color-tc-base); border: 1px solid var(--color-bor-2); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-6, 1.5rem); box-shadow: var(--shadow-2); position: relative; overflow: hidden; &::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--background-image-gradient-brand);}}@utility card-brand-trace-primary{background-color: var(--color-base-100); border: 1px solid var(--color-bor-1); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-6, 1.5rem); box-shadow: var(--shadow-1); position: relative; overflow: hidden; &::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: var(--color-brand-600);} &:hover {background-color: var(--color-hov-1); border-color: var(--color-bor-2);}}@utility card-brand-trace-flame{background-color: var(--color-base-100); border: 1px solid var(--color-bor-1); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-6, 1.5rem); box-shadow: var(--shadow-1); position: relative; overflow: hidden; &::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: var(--color-brand-400);} &:hover {background-color: var(--color-hov-1); border-color: var(--color-bor-2);}}@utility card-brand-trace-gradient{background-color: var(--color-base-100); border: 1px solid var(--color-bor-1); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-6, 1.5rem); box-shadow: var(--shadow-1); position: relative; overflow: hidden; &::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--background-image-gradient-brand);} &:hover {background-color: var(--color-hov-1); border-color: var(--color-bor-2);}}@utility card-brand-glow-lava{background-color: var(--color-base-100); border: 1px solid var(--color-bor-2); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-6, 1.5rem); will-change: border-color,box-shadow,transform; transition: all .25s cubic-bezier(.16,1,.3,1); &:hover {cursor: pointer; transform: translateY(-1px); border-color: var(--color-brand-600); box-shadow: 0 0 0 1px oklch(from var(--color-brand-600) l c h / .15),0 8px 24px oklch(from var(--color-brand-600) l c h / .06),var(--shadow-2);}}@utility card-brand-glow-ember{background-color: var(--color-base-100); border: 1px solid var(--color-bor-2); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-6, 1.5rem); will-change: border-color,box-shadow,transform; transition: all .25s cubic-bezier(.16,1,.3,1); &:hover {cursor: pointer; transform: translateY(-1px); border-color: var(--color-brand-700); box-shadow: 0 0 0 1px oklch(from var(--color-brand-700) l c h / .15),0 8px 24px oklch(from var(--color-brand-700) l c h / .06),var(--shadow-2);}}@utility card-brand-tint-fire{background-color: oklch(from var(--color-brand-500) calc(l + .22) calc(c*.1) h); border: 1px solid oklch(from var(--color-brand-500) calc(l + .14) calc(c/5) h); border-radius: var(--radius-lg, .625rem); padding: var(--spacing-5, 1.25rem); box-shadow: var(--shadow-1); @media (prefers-color-scheme: dark) {background-color: oklch(from var(--color-brand-500) .22 .03 h); border-color: oklch(from var(--color-brand-500) .3 .06 h);} :where(.dark) & {background-color: oklch(from var(--color-brand-500) .22 .03 h); border-color: oklch(from var(--color-brand-500) .3 .06 h);}}@utility card-brand-tint-lava{background-color: oklch(from var(--color-brand-600) calc(l + .24) calc(c*.1) h); border: 1px solid oklch(from var(--color-brand-600) calc(l + .16) calc(c/5) h); border-radius: var(--radius-lg, .625rem); padding: var(--spacing-5, 1.25rem); @media (prefers-color-scheme: dark) {background-color: oklch(from var(--color-brand-600) .2 .03 h); border-color: oklch(from var(--color-brand-600) .28 .06 h);} :where(.dark) & {background-color: oklch(from var(--color-brand-600) .2 .03 h); border-color: oklch(from var(--color-brand-600) .28 .06 h);}}@utility card-brand-mesh-hero{background-image: var(--background-image-gradient-hero); border: 1px solid var(--color-bor-2); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-6, 1.5rem); box-shadow: var(--shadow-2);}@utility card-brand-mesh-cta{background-image: var(--background-image-gradient-cta); border: 1px solid var(--color-brand-600); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-8, 2rem); color: var(--color-tc-light); box-shadow: var(--shadow-3); will-change: transform,box-shadow; transition: all .3s cubic-bezier(.16,1,.3,1); &:hover {cursor: pointer; transform: translateY(-2px) scale(1.005); box-shadow: 0 12px 32px oklch(from var(--color-brand-600) .4 .15 h / .15),var(--shadow-4);}}@utility card-brand-mesh-full{background-image: var(--background-image-gradient-brand); border: 1px solid var(--color-brand-700); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-8, 2rem); color: var(--color-tc-light); box-shadow: var(--shadow-3); will-change: transform,box-shadow; transition: all .3s cubic-bezier(.16,1,.3,1); &:hover {cursor: pointer; transform: translateY(-2px) scale(1.005); box-shadow: 0 12px 32px oklch(from var(--color-brand-700) .3 .12 h / .15),var(--shadow-4);}}@utility card-brand-notch-active{background-color: var(--color-base-100); border: 1px solid var(--color-bor-1); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-6, 1.5rem); box-shadow: var(--shadow-1); position: relative; overflow: hidden; &::after {content: ""; position: absolute; top: 0; right: 0; width: var(--spacing-6, 1.5rem); height: var(--spacing-6, 1.5rem); background: var(--background-image-gradient-cta); clip-path: polygon(100% 0,0 0,100% 100%); opacity: 0; transform: translate(4px,-4px); transition: all .2s cubic-bezier(.16,1,.3,1);} &:hover {border-color: var(--color-bor-2); &::after {opacity: 1; transform: translate(0,0);}}}@utility btn-base{display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; user-select: none; outline: none; font-family: var(--font-sans, sans-serif); font-size: var(--text-sm, .875rem); font-weight: var(--font-weight-medium, 500); border-radius: var(--radius-md, .375rem); height: var(--spacing-9, 2.25rem); padding: 0 var(--spacing-4, 1rem); gap: var(--spacing-2, .5rem); border-width: 1px; border-style: solid; border-color: transparent; background-color: transparent; will-change: transform,background-color,border-color,box-shadow; transition-property: background-color,border-color,color,box-shadow,transform; transition-duration: var(--transition-duration-150, .15s); transition-timing-function: var( --transition-timing-function-premium, cubic-bezier(.16, 1, .3, 1) ); &:focus-visible {outline: 2px solid oklch(from var(--color-prim) l c h / .65); outline-offset: 1px;} &:active:not([disabled]):not([data-disabled]) {transform: scale(.99); box-shadow: var(--button-active-shadow, none);} &[disabled],&[data-disabled="true"],&[aria-disabled="true"] {cursor: not-allowed; opacity: .45; pointer-events: none; outline: none !important; transform: none !important; box-shadow: none !important;}}@utility btn-brand-primary{@apply btn-base; --button-active-shadow: var(--shadow-1); background-color: var(--color-prim); border-color: oklch(from var(--color-brand-600) l c h / .45); color: var(--color-tc-prim); box-shadow: var(--shadow-1); &:hover {background-color: var(--color-brand-500); border-color: oklch(from var(--color-brand-400) l c h / .5); box-shadow: var(--shadow-2);}}@utility btn-brand-flame{@apply btn-base; --button-active-shadow: var(--shadow-1); background-color: var(--color-brand-400); border-color: oklch(from var(--color-brand-500) l c h / .4); color: var(--color-tc-dark); box-shadow: var(--shadow-1); &:hover {background-color: var(--color-brand-500); border-color: oklch(from var(--color-brand-600) l c h / .5); box-shadow: var(--shadow-2);}}@utility btn-brand-ember{@apply btn-base; --button-active-shadow: var(--shadow-1); background-color: var(--color-brand-700); border-color: oklch(from var(--color-brand-700) l c h / .45); color: var(--color-tc-prim); box-shadow: var(--shadow-1); &:hover {background-color: oklch(from var(--color-brand-700) calc(l + .05) c h); box-shadow: var(--shadow-2);}}@utility btn-brand-soft-lava{@apply btn-base; background-color: oklch(from var(--color-brand-600) calc(l + .24) calc(c*.1) h); border-color: oklch(from var(--color-brand-600) calc(l + .16) calc(c*.15) h); color: var(--color-brand-600); @media (prefers-color-scheme: dark) {background-color: oklch(from var(--color-brand-600) .22 .03 h); border-color: oklch(from var(--color-brand-600) .3 .05 h); color: var(--color-brand-400);} :where(.dark) & {background-color: oklch(from var(--color-brand-600) .22 .03 h); border-color: oklch(from var(--color-brand-600) .3 .05 h); color: var(--color-brand-400);} &:hover {background-color: var(--color-brand-600); border-color: oklch(from var(--color-brand-700) l c h / .55); color: var(--color-tc-prim);}}@utility btn-brand-soft-flame{@apply btn-base; background-color: oklch(from var(--color-brand-400) calc(l + .15) calc(c*.1) h); border-color: oklch(from var(--color-brand-400) calc(l + .08) calc(c*.15) h); color: oklch(from var(--color-brand-400) calc(l - .15) c h); @media (prefers-color-scheme: dark) {background-color: oklch(from var(--color-brand-400) .24 .03 h); border-color: oklch(from var(--color-brand-400) .32 .05 h); color: var(--color-brand-400);} :where(.dark) & {background-color: oklch(from var(--color-brand-400) .24 .03 h); border-color: oklch(from var(--color-brand-400) .32 .05 h); color: var(--color-brand-400);} &:hover {background-color: var(--color-brand-400); border-color: oklch(from var(--color-brand-500) l c h / .55); color: var(--color-tc-dark);}}@utility btn-brand-outline-lava{@apply btn-base; background-color: transparent; border-color: var(--color-bor-2); color: var(--color-tc-base); &:hover {border-color: var(--color-brand-600); box-shadow: var(--shadow-1); color: var(--color-brand-600);}}@utility btn-brand-outline-flame{@apply btn-base; background-color: transparent; border-color: var(--color-bor-2); color: var(--color-tc-base); &:hover {border-color: var(--color-brand-400); box-shadow: var(--shadow-1); color: oklch(from var(--color-brand-400) calc(l - .1) c h); @media (prefers-color-scheme: dark) {color: var(--color-brand-400);} :where(.dark) & {color: var(--color-brand-400);}}}@utility btn-brand-gradient-cta{@apply btn-base; --button-active-shadow: var(--shadow-1); background-image: var(--background-image-gradient-cta); border-color: oklch(from var(--color-brand-600) l c h / .45); color: var(--color-tc-prim); box-shadow: var(--shadow-2); &:hover {filter: brightness(1.03); box-shadow: var(--shadow-3);}}@utility btn-brand-gradient-full{@apply btn-base; --button-active-shadow: var(--shadow-1); background-image: var(--background-image-gradient-brand); border-color: oklch(from var(--color-brand-700) l c h / .45); color: var(--color-tc-prim); box-shadow: var(--shadow-2); &:hover {filter: brightness(1.03); box-shadow: var(--shadow-3);}}@utility btn-system-neutral{@apply btn-base; --button-active-shadow: var(--shadow-1); background-color: var(--color-base-100); border-color: var(--color-bor-1); color: var(--color-tc-base); box-shadow: var(--shadow-1); &:hover {background-color: var(--color-hov-1); border-color: var(--color-bor-1); box-shadow: var(--shadow-2);}}@utility btn-system-subtle{@apply btn-base; background-color: transparent; border-color: transparent; color: var(--color-tc-ter); &:hover {background-color: var(--color-hov-1); color: var(--color-tc-base);}}@utility btn-system-danger{@apply btn-base; --button-active-shadow: var(--shadow-1); background-color: var(--color-err); border-color: oklch(from var(--color-err) l c h / .45); color: var(--color-tc-err); box-shadow: var(--shadow-1); &:hover {filter: brightness(1.03); box-shadow: var(--shadow-2);}}@utility card{ --card-bg: var(--color-base-100); --card-border: var(--color-bor-1); position: relative; border-radius: var(--radius-xl, .75rem); padding: var(--spacing-6, 1.5rem); background-color: var(--card-bg); color: var(--color-tc-base); border: 1px solid var(--card-border); box-shadow: var(--shadow-1); will-change: transform, box-shadow, background-color, border-color; transition-property: background-color, border-color, box-shadow, transform; transition-duration: var(--transition-duration-150, .15s); transition-timing-function: cubic-bezier(.16, 1, .3, 1); }@utility card-flat{@apply card; --card-bg: var(--color-base-150); --card-border: var(--color-bor-1); box-shadow: none;}@utility card-hover{@apply card; &:hover { --card-bg: var(--color-hov-1); --card-border: var(--color-bor-1); box-shadow: var(--shadow-2); }}@utility card-elevated{@apply card; --card-bg: var(--color-base-300); --card-border: var(--color-bor-1); box-shadow: var(--shadow-3);}@utility card-primary{@apply card; --card-bg: var(--color-prim); --card-border: oklch(from var(--color-brand-600) l c h / .45); color: var(--color-tc-prim); box-shadow: var(--shadow-2);}@utility metric-card{@apply card; --card-bg: var(--color-base-100); --card-border: var(--color-bor-1); box-shadow: var(--shadow-el-1); display: flex; flex-direction: column; gap: var(--spacing-1-5, .375rem);}@utility stat-card{@apply card; --card-bg: var(--color-base-100); --card-border: var(--color-bor-1); box-shadow: var(--shadow-2); padding: var(--spacing-5, 1.25rem); & .stat-header {display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--spacing-3, .75rem);}}@utility dashboard-card{@apply card; --card-bg: var(--color-base-100); border-radius: var(--radius-xl, .75rem); box-shadow: var(--shadow-1); overflow: hidden; display: flex; flex-direction: column; & .card-header {padding: var(--spacing-4, 1rem) var(--spacing-5, 1.25rem); border-bottom: 1px solid var(--color-bor-1); background-color: var(--color-base-150);} & .card-body {padding: var(--spacing-5, 1.25rem); flex: 1 1 0%;}}@utility feature-card{@apply card; --card-bg: var(--color-base-100); --card-border: var(--color-bor-1); box-shadow: var(--shadow-el-1); &:hover { --card-border: var(--color-bor-1); box-shadow: var(--shadow-2); }}@utility marketing-card{@apply card; background-image: var(--background-image-gradient-hero); border-color: var(--color-bor-1); box-shadow: var(--shadow-3);}@utility pricing-card{@apply card; --card-bg: var(--color-base-150); --card-border: var(--color-bor-1); box-shadow: var(--shadow-1); display: flex; flex-direction: column; &.premium-tier { --card-bg: var(--color-base-100); --card-border: oklch(from var(--color-brand-500) l c h / .45); box-shadow: var(--shadow-3); &::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--background-image-gradient-brand); border-top-left-radius: inherit; border-top-right-radius: inherit; } }}@utility dropdown-content{background-color: var(--color-base-100); border-color: var(--color-bor-1); color: var(--color-tc-base); min-width: var(--spacing-48, 12rem); border-radius: var(--radius-xl, .75rem); border-width: 1px; border-style: solid; padding: var(--spacing-1-5, .375rem); box-shadow: var(--shadow-3); will-change: transform,opacity; animation-duration: var(--transition-duration-150, .15s); animation-timing-function: cubic-bezier(.16,1,.3,1);}@utility dropdown-item{position: relative; display: flex; align-items: center; width: 100%; cursor: default; user-select: none; border-radius: var(--radius-md, .375rem); padding: var(--spacing-2, .5rem) var(--spacing-2-5, .625rem); font-size: var(--text-sm, .875rem); font-weight: var(--font-weight-normal, 400); color: var(--color-tc-base); outline: none; transition-property: background-color,color,box-shadow; transition-duration: var(--transition-duration-150, .15s); &:hover,&:focus,&[data-highlighted],&[data-focus] {background-color: var(--color-hov-1); color: var(--color-tc-base); box-shadow: inset 0 0 0 1px var(--color-bor-1);} &[aria-disabled="true"],&[data-disabled] {pointer-events: none; opacity: .45;}}@utility dropdown-active{background-color: var(--color-base-200); color: var(--color-tc-base); font-weight: var(--font-weight-medium, 500);}@utility dropdown-danger{color: var(--color-err); &:hover,&:focus,&[data-highlighted] {background-color: var(--color-err); color: var(--color-tc-err);}}@utility dropdown-label{padding: var(--spacing-2, .5rem) var(--spacing-2-5, .625rem); font-size: var(--text-xs, .75rem); font-weight: var(--font-weight-semibold, 600); letter-spacing: var(--letter-spacing-wider, .05em); text-transform: uppercase; color: var(--color-tc-ter);}@utility dropdown-separator{height: 1px; background-color: var(--color-bor-1); margin: var(--spacing-1, .25rem) calc(var(--spacing-1-5, .375rem) * -1);}@utility dropdown-shortcut{margin-left: auto; font-size: var(--text-xs, .75rem); letter-spacing: var(--letter-spacing-widest, .1em); color: var(--color-tc-ter); font-family: var(--font-mono, monospace); padding-left: var(--spacing-4, 1rem);}@utility dropdown-icon{width: var(--spacing-4, 1rem); height: var(--spacing-4, 1rem); margin-right: var(--spacing-2, .5rem); color: var(--color-tc-ter); flex-shrink: 0; .dropdown-item:hover & {color: inherit;}}@utility dropdown-header{padding: var(--spacing-3, .75rem) var(--spacing-2-5, .625rem); border-bottom: 1px solid var(--color-bor-1); margin-bottom: var(--spacing-1, .25rem); background-color: var(--color-base-250); border-top-left-radius: calc(var(--radius-xl, .75rem) - 1px); border-top-right-radius: calc(var(--radius-xl, .75rem) - 1px);}@utility dropdown-footer{padding: var(--spacing-2, .5rem) var(--spacing-2-5, .625rem); border-top: 1px solid var(--color-bor-1); margin-top: var(--spacing-1, .25rem); background-color: var(--color-base-250); border-bottom-left-radius: calc(var(--radius-xl, .75rem) - 1px); border-bottom-right-radius: calc(var(--radius-xl, .75rem) - 1px); font-size: var(--text-xs, .75rem); color: var(--color-tc-ter);}@utility input-mono-spaced{font-family: var(--font-mono, monospace); font-variant-numeric: tabular-nums lining-nums; letter-spacing: var(--letter-spacing-widest, .1em); font-size: var( --text-base, 1rem ); padding-right: var(--spacing-10, 2.5rem); &::placeholder {letter-spacing: var(--letter-spacing-normal, 0); font-size: var(--text-sm, .875rem); opacity: .5;}}@utility validation-container{position: relative; display: flex; align-items: center; width: 100%;}@utility validation-feedback-icon{position: absolute; right: var(--spacing-3-5, .875rem); width: var(--spacing-4, 1rem); height: var(--spacing-4, 1rem); pointer-events: none; z-index: 20; opacity: 0; transform: scale(.8) rotate(-10deg); will-change: transform,opacity,color; transition: transform .2s cubic-bezier(.16,1,.3,1),opacity .15s cubic-bezier(.16,1,.3,1),color .15s ease; :where([data-valid="true"] ~ &,[data-state="valid"] ~ &,.is-valid ~ &) {opacity: 1; transform: scale(1) rotate(0deg); color: var(--color-suc);} :where([data-error="true"] ~ &,[aria-invalid="true"] ~ &,.is-error ~ &) {opacity: 1; transform: scale(1) rotate(0deg); color: var(--color-err);} :where([data-loading="true"] ~ &,.is-loading ~ &) {opacity: 1; transform: scale(1) rotate(0deg); color: var(--color-tc-ter); animation: validation-spin 1s linear infinite;}}@keyframes validation-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@utility form-section{display: flex; flex-direction: column; gap: var(--spacing-6, 1.5rem); width: 100%; max-width: var(--spacing-2xl, 42rem);}@utility field-group{display: flex; flex-direction: column; gap: var(--spacing-2, .5rem); width: 100%;}@utility field-label{font-size: var(--text-sm, .875rem); font-weight: var(--font-weight-medium, 500); line-height: var(--spacing-4, 1rem); color: var(--color-tc-base);}@utility field-description{font-size: var(--text-xs, .75rem); font-weight: var(--font-weight-normal, 400); line-height: var(--spacing-4, 1rem); color: var(--color-tc-ter);}@utility field-error{font-size: var(--text-xs, .75rem); font-weight: var(--font-weight-medium, 500); line-height: var(--spacing-4, 1rem); color: var(--color-err);}@utility field-success{font-size: var(--text-xs, .75rem); font-weight: var(--font-weight-medium, 500); line-height: var(--spacing-4, 1rem); color: var(--color-suc);}@utility input-group{position: relative; display: flex; align-items: center; width: 100%;}@utility input-addon{display: flex; align-items: center; justify-content: center; padding: 0 var(--spacing-3, .75rem); height: var(--spacing-9, 2.25rem); font-size: var(--text-sm, .875rem); color: var(--color-tc-ter); background-color: var(--color-base-150); border: 1px solid var(--color-bor-1); &:first-child {border-right: none; border-top-left-radius: var(--radius-md, .375rem); border-bottom-left-radius: var(--radius-md, .375rem);} &:last-child {border-left: none; border-top-right-radius: var(--radius-md, .375rem); border-bottom-right-radius: var(--radius-md, .375rem);}}@utility input-icon{position: absolute; width: var(--spacing-4, 1rem); height: var(--spacing-4, 1rem); color: var(--color-tc-ter); pointer-events: none; z-index: 10; &.prefix {left: var(--spacing-3, .75rem);} &.suffix {right: var(--spacing-3, .75rem);}}@utility form-control-base{width: 100%; height: var(--spacing-9, 2.25rem); border-radius: var(--radius-md, .375rem); border: 1px solid var(--color-bor-1); background-color: var(--color-base-100); padding: var(--spacing-2, .5rem) var(--spacing-3, .75rem); font-size: var(--text-sm, .875rem); color: var(--color-tc-base); box-shadow: var(--shadow-1); will-change: border-color,box-shadow; transition: border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1); &::placeholder {color: var(--color-tc-ter);} &:focus-visible {outline: none; border-color: var(--color-prim); box-shadow: var(--shadow-el-1),0 0 0 2px oklch(from var(--color-prim) l c h / .45);} &[aria-invalid="true"],&[data-error="true"] {border-color: var(--color-err);} &[disabled],&[data-disabled] {background-color: var(--color-base-150); color: var(--color-tc-ter); cursor: not-allowed; opacity: .7;} &[readonly] {background-color: var(--color-base-150); color: var(--color-tc-base); box-shadow: none;}}@utility select-helper{@apply form-control-base; appearance: none; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' fill='none' viewBox='0 0 24 24' stroke='rgba(66, 73, 84, 0.7)' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--spacing-3, .75rem) center; background-size: var(--spacing-4, 1rem); padding-right: var(--spacing-8, 2rem); @media (prefers-color-scheme: dark) {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' fill='none' viewBox='0 0 24 24' stroke='rgba(215, 222, 235, 0.7)' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");} :where(.dark) & {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' fill='none' viewBox='0 0 24 24' stroke='rgba(215, 222, 235, 0.7)' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");} :where(.light) & {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' fill='none' viewBox='0 0 24 24' stroke='rgba(66, 73, 84, 0.7)' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");}}@utility textarea-helper{@apply form-control-base; height: auto; min-height: var(--spacing-20, 5rem); resize: vertical;}@utility checkbox-helper{appearance: none; width: var(--spacing-4, 1rem); height: var(--spacing-4, 1rem); border-radius: var(--radius-sm, .25rem); border: 1px solid var(--color-bor-2); background-color: var(--color-base-100); cursor: pointer; display: inline-grid; place-content: center; will-change: border-color,background-color; transition: .15s cubic-bezier(.16,1,.3,1); &::before {content: ""; width: .5rem; height: .5rem; transform: scale(0); background-color: var(--color-tc-prim); clip-path: polygon(14% 44%,0 65%,43% 100%,100% 16%,80% 0%,43% 62%); transition: .1s transform ease-in-out;} &:checked {background-color: var(--color-prim); border-color: var(--color-prim); &::before {transform: scale(1);}} &:focus-visible {outline: none; border-color: var(--color-prim); box-shadow: 0 0 0 1px var(--color-base-100),0 0 0 3px oklch(from var(--color-prim) l c h / .55);} &[disabled],&[data-disabled] {background-color: var(--color-base-150); border-color: var(--color-bor-1); cursor: not-allowed; opacity: .7;}}@utility radio-helper{@apply checkbox-helper; border-radius: var(--radius-full, 9999px); &::before {width: .375rem; height: .375rem; border-radius: var(--radius-full, 9999px); clip-path: none; background-color: var(--color-tc-prim);}}@utility switch-helper{appearance: none; width: var(--spacing-9, 2.25rem); height: var(--spacing-5, 1.25rem); border-radius: var(--radius-full, 9999px); background-color: var(--color-base-250); border: 1px solid var(--color-bor-1); cursor: pointer; position: relative; will-change: background-color; transition: background-color .15s cubic-bezier(.16,1,.3,1); &::before {content: ""; position: absolute; top: 1px; left: 1px; width: calc(var(--spacing-5, 1.25rem) - 4px); height: calc(var(--spacing-5, 1.25rem) - 4px); border-radius: var(--radius-full, 9999px); background-color: var(--color-base-100); box-shadow: var(--shadow-1); will-change: transform; transition: transform .15s cubic-bezier(.16,1,.3,1);} &:checked {background-color: var(--color-prim); border-color: var(--color-prim); &::before {transform: translateX(1rem); background-color: var(--color-tc-prim);}} &:focus-visible {outline: none; border-color: var(--color-prim); box-shadow: 0 0 0 1px var(--color-base-100),0 0 0 3px oklch(from var(--color-prim) l c h / .55);} &[disabled],&[data-disabled] {background-color: var(--color-base-150); border-color: var(--color-bor-1); cursor: not-allowed; opacity: .7;}}@utility surface{background-color: var(--color-base-100); color: var(--color-tc-base);}@utility surface-hover{@apply surface; &:hover {background-color: var(--color-hov-1);}}@utility surface-muted{background-color: var(--color-base-150); color: var(--color-tc-ter);}@utility panel{@apply surface; border: 1px solid var(--color-bor-1); border-radius: var(--radius-xl, .75rem);}@utility elevated{background-color: var(--color-base-300); border: 1px solid var(--color-bor-1); box-shadow: var(--shadow-3);}@utility clickable{cursor: pointer; user-select: none; will-change: transform,opacity; transition: transform .15s cubic-bezier(.16,1,.3,1),opacity .15s ease; &:active {transform: scale(.99);} &[disabled],&[data-disabled="true"],&[aria-disabled="true"] {pointer-events: none; opacity: .45; transform: none !important;}}@utility focus-ring{&:focus-visible {outline: 2px solid oklch(from var(--color-prim) l c h / .65); outline-offset: 1px;}}@utility interactive{@apply surface; @apply clickable; @apply focus-ring; border: 1px solid var(--color-bor-1); box-shadow: var(--shadow-1); &:hover {background-color: var(--color-hov-1); border-color: var(--color-bor-1); box-shadow: var(--shadow-2);}}@utility interactive-shadow{box-shadow: var(--shadow-2);}@utility interactive-border{border-color: var(--color-prim);}@utility stack{display: flex; flex-direction: column; gap: var(--spacing-4, 1rem);}@utility cluster{display: flex; align-items: center; flex-wrap: wrap; gap: var(--spacing-3, .75rem);}@utility divider{align-self: stroke; background-color: var(--color-bor-1); &:not([data-orientation="vertical"]) {height: 1px; width: 100%;} &[data-orientation="vertical"] {width: 1px; height: var(--spacing-4, 1rem);}}@utility icon-box{display: inline-flex; align-items: center; justify-content: center; width: var(--spacing-8, 2rem); height: var(--spacing-8, 2rem); border-radius: var(--radius-md, .375rem); color: var(--color-tc-ter); flex-shrink: 0; & svg {width: var(--spacing-4, 1rem); height: var(--spacing-4, 1rem); stroke-width: 2;}}@utility page-layout{ --documentation-header-height: var(--spacing-16, 4rem); --documentation-sidebar-width: var(--spacing-64, 16rem); --documentation-toc-width: var(--spacing-64, 16rem); min-height: 100vh; overflow-x: clip; background-color: var(--color-base-200); background-image: var(--background-image-gradient-bg); color: var(--color-tc-base); }@utility dashboard-layout{display: grid; min-height: 100vh; grid-template-columns: 1fr; @media (min-width: 768px) {grid-template-columns: var(--spacing-64, 16rem) 1fr;}}@utility doc-sidebar{background-color: var(--color-base-100); border-right: 1px solid var(--color-bor-1); padding: var(--spacing-5, 1.25rem); display: flex; flex-direction: column; gap: var(--spacing-6, 1.5rem); @media (max-width: 767px) {display: none;}}@utility content{padding: var(--spacing-6, 1.5rem); width: 100%; max-width: var(--spacing-7xl, 80rem); margin-left: auto; margin-right: auto; @media (min-width: 992px) {padding: var(--spacing-10, 2.5rem);}}@utility section{display: flex; flex-direction: column; gap: var(--spacing-4, 1rem); width: 100%;}@utility container{width: 100%; border-radius: var(--radius-xl, .75rem); background-color: var(--color-base-100); border: 1px solid var(--color-bor-1); box-shadow: var(--shadow-1);}@utility toolbar{display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-4, 1rem); padding: var(--spacing-3, .75rem) var(--spacing-4, 1rem); background-color: var(--color-base-150); border-bottom: 1px solid var(--color-bor-1);}@utility tab{@apply clickable; @apply focus-ring; display: inline-flex; align-items: center; padding: var(--spacing-1-5, .375rem) var(--spacing-3, .75rem); font-size: var(--text-sm, .875rem); font-weight: var(--font-weight-medium, 500); color: var(--color-tc-ter); border-radius: var(--radius-md, .375rem); border: 1px solid transparent; &:hover {color: var(--color-tc-base);} &[data-state="active"],&.is-active {color: var(--color-tc-base); background-color: var(--color-base-100); border-color: var(--color-bor-1); box-shadow: var(--shadow-1);}}@utility scroll-area{overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--color-bor-3) transparent; &::-webkit-scrollbar {width: 4px; height: 4px;} &::-webkit-scrollbar-track {background: transparent;} &::-webkit-scrollbar-thumb {background-color: var(--color-bor-3); border-radius: var(--radius-full, 9999px); &:hover {background-color: var(--color-tc-ter);}}}@theme inline{ --animate-toast-in: toast-slide-in .3s cubic-bezier(.16, 1, .3, 1) forwards; --animate-toast-out: toast-fade-out .15s cubic-bezier(.4, 0, 1, 1) forwards; @keyframes toast-slide-in { 0% { opacity: 0; transform: translateY(1rem) scale(.96); } 100% { opacity: 1; transform: translateY(0) scale(1); } } @keyframes toast-fade-out { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.96); } } }@utility toast-base{ --toast-bg: var(--color-base-100); --toast-border: var(--color-bor-3); --toast-indicator: var(--color-tc-ter); display: flex; align-items: center; gap: var(--spacing-3, .75rem); width: 100%; max-width: var(--spacing-96, 24rem); border-radius: var(--radius-xl, .75rem); border-width: 1px; border-style: solid; padding: var(--spacing-4, 1rem); background-color: var(--toast-bg); border-color: var(--toast-border); color: var(--color-tc-base); box-shadow: var(--shadow-4), var(--shadow-el-2); will-change: transform, opacity; animation: var(--animate-toast-in); @media (prefers-reduced-motion: reduce) { animation: none !important; transition: none !important; } &[data-state="closed"], &[data-swipe="end"] { animation: var(--animate-toast-out); } &::before { content: ""; width: var(--spacing-2, .5rem); height: var(--spacing-2, .5rem); border-radius: var(--radius-full, 9999px); background-color: var(--toast-indicator); flex-shrink: 0; } & .toast-close { margin-left: auto; padding: var(--spacing-1, .25rem); color: var(--color-tc-ter); border-radius: var(--radius-md, .375rem); transition-property: var(--transition-property-colors); transition-duration: var(--transition-duration-100, .1s); &:hover { background-color: var(--color-hov-1); color: var(--color-tc-base); } } }@utility toast-success{@apply toast-base; --toast-border: oklch(from var(--color-suc) calc(l + .1) calc(c*.3) h); --toast-indicator: var(--color-suc); @variant dark { --toast-bg: var(--color-base-150); --toast-border: oklch(from var(--color-suc) calc(l + .05) calc(c*.4) h); }}@utility toast-error{@apply toast-base; --toast-border: oklch(from var(--color-err) calc(l + .15) calc(c*.3) h); --toast-indicator: var(--color-err); @variant dark { --toast-bg: var(--color-base-150); --toast-border: oklch(from var(--color-err) calc(l + .05) calc(c*.4) h); }}@utility toast-info{@apply toast-base; --toast-border: oklch(from var(--color-info) calc(l + .1) calc(c*.3) h); --toast-indicator: var(--color-info); @variant dark { --toast-bg: var(--color-base-150); --toast-border: oklch( from var(--color-info) calc(l + .05) calc(c*.4) h ); }}@utility toast-warning{@apply toast-base; --toast-border: oklch(from var(--color-warn) calc(l - .05) calc(c*.3) h); --toast-indicator: var(--color-warn); @variant dark { --toast-bg: var(--color-base-150); --toast-border: oklch( from var(--color-warn) calc(l + .05) calc(c*.4) h ); }}@utility notice{ --notice-bg: var(--color-base-150); --notice-border: var(--color-bor-1); --notice-text: var(--color-tc-base); --notice-accent: var(--color-tc-ter); position: relative; display: flex; align-items: flex-start; gap: var(--spacing-3, .75rem); width: 100%; border-radius: var(--radius-lg, .625rem); border-width: 1px; border-style: solid; padding: var(--spacing-4, 1rem) var(--spacing-5, 1.25rem); background-color: var(--notice-bg); border-color: var(--notice-border); color: var(--notice-text); will-change: transform, opacity; transition-property: var(--transition-property-colors); transition-duration: var(--transition-duration-150, .15s); &::after { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; width: 2px; background-color: var(--notice-accent); border-top-left-radius: inherit; border-bottom-left-radius: inherit; } }@utility notice-success{ --notice-bg: oklch(from var(--color-suc) calc(l + .22) calc(c*.12) h); --notice-border: oklch(from var(--color-suc) calc(l + .14) calc(c*.22) h); --notice-text: var(--color-tc-base); --notice-accent: var(--color-suc); @variant dark { --notice-bg: oklch(from var(--color-suc) .25 .04 h); --notice-border: oklch(from var(--color-suc) .34 .06 h); --notice-text: var(--color-tc-base); } }@utility notice-warning{ --notice-bg: oklch(from var(--color-warn) calc(l + .08) calc(c*.12) h); --notice-border: oklch(from var(--color-warn) calc(l - .02) calc(c*.22) h); --notice-text: var(--color-tc-base); --notice-accent: var(--color-warn); @variant dark { --notice-bg: oklch(from var(--color-warn) .25 .035 h); --notice-border: oklch(from var(--color-warn) .34 .055 h); --notice-text: oklch(from var(--color-warn) .85 .06 h); } }@utility notice-info{ --notice-bg: oklch(from var(--color-info) calc(l + .24) calc(c*.1) h); --notice-border: var(--color-bor-1); --notice-text: var(--color-tc-base); &::after { display: none; } @variant dark { --notice-bg: oklch(from var(--color-info) .25 .04 h); } }@utility notice-error{ --notice-bg: oklch(from var(--color-err) calc(l + .28) calc(c*.12) h); --notice-border: oklch(from var(--color-err) calc(l + .16) calc(c*.24) h); --notice-text: var(--color-tc-base); --notice-accent: var(--color-err); @variant dark { --notice-bg: oklch(from var(--color-err) .22 .05 h); --notice-border: oklch(from var(--color-err) .32 .075 h); --notice-text: var(--color-tc-base); } }@keyframes layout-mount-entry{0%{opacity:0;transform:translateY(4px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@utility skeleton{display: block; width: 100%; background-color: var(--color-base-250); border-radius: var(--radius-md, .375rem); animation: var(--animate-pulse-slow); @media (prefers-reduced-motion: reduce) {animation: none !important;}}@utility skeleton-avatar{@apply skeleton; width: var(--spacing-8, 2rem); height: var(--spacing-8, 2rem); border-radius: var(--radius-full, 9999px); flex-shrink: 0;}@utility skeleton-button{@apply skeleton; width: var(--spacing-28, 7rem); height: var(--spacing-9, 2.25rem);}@utility skeleton-chip{@apply skeleton; width: var(--spacing-16, 4rem); height: var(--spacing-5, 1.25rem); border-radius: var(--radius-sm, .25rem);}@utility skeleton-title{@apply skeleton; width: 35%; height: var(--spacing-5, 1.25rem); margin-bottom: var(--spacing-3, .75rem);}@utility skeleton-text{@apply skeleton; width: 100%; height: var(--spacing-3-5, .875rem); margin-bottom: var(--spacing-2, .5rem); &:last-child {width: 75%; margin-bottom: 0;}}@utility skeleton-card{background-color: var(--color-base-100); border: 1px solid var(--color-bor-1); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-6, 1.5rem); box-shadow: var(--shadow-1); display: flex; flex-direction: column; gap: var(--spacing-4, 1rem);}@utility skeleton-image{@apply skeleton; height: var(--spacing-48, 12rem); border-radius: var(--radius-lg, .625rem);}@utility skeleton-list{display: flex; flex-direction: column; gap: var(--spacing-4, 1rem); width: 100%;}@utility skeleton-table{display: flex; flex-direction: column; width: 100%; border: 1px solid var(--color-bor-1); border-radius: var(--radius-xl, .75rem); background-color: var(--color-base-100); overflow: hidden; & .skeleton-th {height: var(--spacing-10, 2.5rem); background-color: var(--color-base-150); border-bottom: 1px solid var(--color-bor-2); padding: 0 var(--spacing-4, 1rem); display: flex; align-items: center;} & .skeleton-td {height: var(--spacing-12, 3rem); border-bottom: 1px solid var(--color-bor-1); padding: 0 var(--spacing-4, 1rem); display: flex; align-items: center; gap: var(--spacing-4, 1rem); &:last-child {border-bottom: none;}}}@utility skeleton-chart{position: relative; width: 100%; height: var(--spacing-64, 16rem); background-color: var(--color-base-100); border: 1px solid var(--color-bor-1); border-radius: var(--radius-xl, .75rem); padding: var(--spacing-6, 1.5rem); overflow: hidden; &::after {content: ""; position: absolute; inset: 0; background-image: linear-gradient(90deg,transparent,var(--color-base-150),transparent); background-size: 200% 100%; animation: var(--animate-shimmer); @media (prefers-reduced-motion: reduce) {animation: none !important;}}}@utility skeleton-grid{display: grid; width: 100%; gap: var(--spacing-6, 1.5rem); grid-template-columns: repeat(1,minmax(0,1fr)); @media (min-width: 768px) {grid-template-columns: repeat(2,minmax(0,1fr));} @media (min-width: 1200px) {grid-template-columns: repeat(3,minmax(0,1fr));}}@utility content-mount-fade{opacity: 0; transform: translateY(4px) scale(.995); will-change: transform,opacity; animation-name: layout-mount-entry; animation-duration: var(--transition-duration-300, .3s); animation-timing-function: cubic-bezier(.16,1,.3,1); animation-fill-mode: forwards; @media (prefers-reduced-motion: reduce) {opacity: 1 !important; transform: none !important; animation: none !important;}}@utility table-container{ --container-bg: var(--color-base-100); --container-border: var(--color-bor-1); width: 100%; overflow-x: auto; background-color: var(--container-bg); border: 1px solid var(--container-border); border-radius: var(--radius-xl, .75rem); box-shadow: var(--shadow-1); will-change: transform; }@utility table-toolbar{display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-4, 1rem); padding: var(--spacing-4, 1rem) var(--spacing-5, 1.25rem); background-color: var(--color-base-150); border-bottom: 1px solid var(--color-bor-1);}@utility table-header{padding: var(--spacing-3, .75rem) var(--spacing-4, 1rem); font-size: var(--text-xs, .75rem); font-weight: var(--font-weight-semibold, 600); text-transform: uppercase; letter-spacing: var(--letter-spacing-wider, .05em); color: var(--color-tc-ter); text-align: left; white-space: nowrap; border-bottom: 1px solid var(--color-bor-2);}@utility table-body-cell{padding: var(--spacing-3-5, .875rem) var(--spacing-4, 1rem); font-size: var(--text-sm, .875rem); font-weight: var(--font-weight-normal, 400); line-height: var(--spacing-5, 1.25rem); color: var(--color-tc-base); vertical-align: middle; white-space: nowrap; will-change: background-color; transition-property: background-color; transition-duration: var(--transition-duration-150, .15s); transition-timing-function: cubic-bezier(.16,1,.3,1);}@utility table-divider{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--color-bor-1);}@utility table-row-hover{&:hover {cursor: pointer; background-color: var(--color-hov-1);}}@utility table-selected{background-color: var(--color-base-200); &:hover {background-color: var(--color-base-250);}}@utility table-footer{padding: var(--spacing-4, 1rem); font-size: var(--text-sm, .875rem); font-weight: var(--font-weight-medium, 500); color: var(--color-tc-base); background-color: var(--color-base-150); border-top: 1px solid var(--color-bor-2);}@utility text-antialiased{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}@utility text-mega-2xl{font-size: clamp(2.5rem,4.5vw,4.5rem); font-weight: var(--font-weight-bold, 700); line-height: 1.05; letter-spacing: var(--letter-spacing-tighter, -.025em);}@utility text-mega-xl{font-size: clamp(2.25rem,4vw,3.75rem); font-weight: var(--font-weight-bold, 700); line-height: 1.1; letter-spacing: var(--letter-spacing-tighter, -.025em);}@utility text-mega-lg{font-size: clamp(2rem,3.5vw,3rem); font-weight: var(--font-weight-bold, 700); line-height: 1.15; letter-spacing: var(--letter-spacing-tighter, -.025em);}@utility text-mega-md{font-size: clamp(1.75rem,3vw,2.5rem); font-weight: var(--font-weight-bold, 700); line-height: 1.2; letter-spacing: var(--letter-spacing-tight, -.01em);}@utility text-mega-sm{font-size: clamp(1.5rem,2.5vw,2rem); font-weight: var(--font-weight-semibold, 600); line-height: 1.25; letter-spacing: var(--letter-spacing-tight, -.01em);}@utility text-cap-1{font-size: clamp(1.375rem,2vw,1.75rem); font-weight: var(--font-weight-semibold, 600); line-height: 1.3; letter-spacing: var(--letter-spacing-tight, -.01em);}@utility text-cap-2{font-size: clamp(1.25rem,1.75vw,1.5rem); font-weight: var(--font-weight-semibold, 600); line-height: 1.35; letter-spacing: var(--letter-spacing-tight, -.01em);}@utility text-cap-3{font-size: 1.25rem; font-weight: var(--font-weight-semibold, 600); line-height: 1.4; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-cap-4{font-size: 1.125rem; font-weight: var(--font-weight-semibold, 600); line-height: 1.4; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-cap-5{font-size: 1rem; font-weight: var(--font-weight-medium, 500); line-height: 1.45; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-cap-6{font-size: .875rem; font-weight: var(--font-weight-medium, 500); line-height: 1.5; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-headline-xl{font-size: 1.5rem; font-weight: var(--font-weight-semibold, 600); line-height: 1.35; letter-spacing: var(--letter-spacing-tight, -.01em);}@utility text-headline-lg{font-size: 1.25rem; font-weight: var(--font-weight-semibold, 600); line-height: 1.4; letter-spacing: var(--letter-spacing-tight, -.01em);}@utility text-headline-md{font-size: 1.125rem; font-weight: var(--font-weight-medium, 500); line-height: 1.45; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-headline-sm{font-size: 1rem; font-weight: var(--font-weight-medium, 500); line-height: 1.5; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-sub-lg{font-size: 1.125rem; font-weight: var(--font-weight-normal, 400); line-height: 1.55; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-sub-md{font-size: 1rem; font-weight: var(--font-weight-normal, 400); line-height: 1.6; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-sub-sm{font-size: .875rem; font-weight: var(--font-weight-normal, 400); line-height: 1.6; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-content-xl{font-size: 1.25rem; font-weight: var(--font-weight-normal, 400); line-height: 1.6; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-content-lg{font-size: 1.125rem; font-weight: var(--font-weight-normal, 400); line-height: 1.625; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-content-md{font-size: 1rem; font-weight: var(--font-weight-normal, 400); line-height: 1.65; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-content-sm{font-size: .875rem; font-weight: var(--font-weight-normal, 400); line-height: 1.65; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-content-xs{font-size: .75rem; font-weight: var(--font-weight-normal, 400); line-height: 1.65; letter-spacing: var(--letter-spacing-wide, .025em);}@utility text-meta-lg{font-size: .875rem; font-weight: var(--font-weight-normal, 400); line-height: 1.4; letter-spacing: var(--letter-spacing-wide, .025em);}@utility text-meta-md{font-size: .75rem; font-weight: var(--font-weight-normal, 400); line-height: 1.4; letter-spacing: var(--letter-spacing-wide, .025em);}@utility text-meta-sm{font-size: .6875rem; font-weight: var(--font-weight-normal, 400); line-height: 1.35; letter-spacing: var(--letter-spacing-wider, .05em);}@utility text-label-caps{font-size: .6875rem; font-weight: var(--font-weight-semibold, 600); line-height: 1.3; letter-spacing: var(--letter-spacing-widest, .1em); text-transform: uppercase;}@utility text-meta-caps{font-size: .75rem; font-weight: var(--font-weight-semibold, 600); line-height: 1.35; letter-spacing: var(--letter-spacing-widest, .1em); text-transform: uppercase;}@utility text-fineprint{font-size: .6875rem; font-weight: var(--font-weight-normal, 400); line-height: 1.5; letter-spacing: var(--letter-spacing-normal, 0em);}@utility text-nanoscopic{font-size: .625rem; font-weight: var(--font-weight-medium, 500); line-height: 1.25; letter-spacing: var(--letter-spacing-wide, .025em);}@utility font-thin{font-weight: 100;}@utility font-light{font-weight: 300;}@utility font-normal{font-weight: 400;}@utility font-medium{font-weight: 500;}@utility font-semibold{font-weight: 600;}@utility font-bold{font-weight: 700;}@utility font-extrabold{font-weight: 800;}@utility text-primary{color: var(--color-tc-base);}@utility text-secondary{color: var(--color-tc-sec);}@utility text-muted{color: var(--color-tc-ter);}@utility text-disabled{color: var(--color-tc-ter); opacity: .45;}@utility text-link{color: var(--color-link);}@utility text-success{color: var(--color-tc-suc);}@utility text-warning{color: var(--color-tc-warn);}@utility text-error{color: var(--color-tc-err);}@utility text-info{color: var(--color-tc-info);}@utility text-start{text-align: left;}@utility text-center{text-align: center;}@utility text-end{text-align: right;}@utility text-balance{text-wrap: balance;}@utility text-pretty{text-wrap: pretty;}@utility uppercase-label{@apply text-meta-caps; color: var(--color-tc-ter);}@utility section-title{@apply text-headline-sm; color: var(--color-tc-base);}@utility page-title{@apply text-cap-5; color: var(--color-tc-base);}@utility card-title{@apply text-headline-sm; color: var(--color-tc-base);}@utility dialog-title{@apply text-headline-lg; color: var(--color-tc-base);}@utility modal-title{@apply text-headline-lg; color: var(--color-tc-base);}@utility metric-title{@apply text-headline-sm; color: var(--color-tc-ter);}@utility metric-value{@apply text-cap-2; font-family: var(--font-mono, monospace); font-variant-numeric: tabular-nums lining-nums; color: var(--color-tc-base);}@utility stat-label{@apply text-content-xs; color: var(--color-tc-ter);}@utility truncate-1{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}@utility truncate-2{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}@utility truncate-3{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}@utility truncate-4{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}@utility text-wrap-balance{text-wrap: balance;}@utility text-wrap-pretty{text-wrap: pretty;}@utility reading-width{max-width: 65ch;}@utility content-width{max-width: 80ch;}@utility link{color: var(--color-link); text-decoration-line: none; transition-property: var( --transition-property-colors, background-color, border-color, color, fill, stroke, opacity ); transition-duration: var(--transition-duration-150, .15s); transition-timing-function: var( --transition-timing-function-premium, cubic-bezier(.16, 1, .3, 1) ); &:hover {opacity: .85;}}@utility link-hover{@apply link; &:hover {text-decoration-line: underline; text-underline-offset: 4px; text-decoration-thickness: 1px;}}@utility link-muted{@apply link; color: var(--color-tc-ter); &:hover {color: var(--color-tc-base);}}@utility link-primary{@apply link; color: var(--color-tc-base); border-bottom: 1px solid var(--color-bor-3); &:hover {border-color: var(--color-link); color: var(--color-link);}}@utility link-inline{@apply link; display: inline; border-bottom: 1px solid oklch(from var(--color-link) l c h / .3); &:hover {border-color: var(--color-link);}}@utility link-external{@apply link; display: inline-flex; align-items: center; gap: var(--spacing-1, .25rem);}@utility list-title{@apply text-headline-sm; color: var(--color-tc-base);}@utility list-item{@apply text-content-sm; color: var(--color-tc-base);}@utility list-description{@apply text-content-xs; color: var(--color-tc-ter);}@utility ordered-list{list-style-type: decimal; padding-left: var(--spacing-5, 1.25rem); & li {@apply text-content-sm; margin-bottom: var(--spacing-2, .5rem);}}@utility unordered-list{list-style-type: disc; padding-left: var(--spacing-5, 1.25rem); & li {@apply text-content-sm; margin-bottom: var(--spacing-2, .5rem);}}@utility definition-list{display: grid; grid-template-columns: max-content 1fr; gap: var(--spacing-2, .5rem) var(--spacing-4, 1rem); & dt {@apply text-label-caps; color: var(--color-tc-ter);} & dd {@apply text-content-sm; color: var(--color-tc-base); margin-left: 0;}}@utility code-inline{font-family: var(--font-mono, monospace); font-size: .8125rem; padding: var(--spacing-0-5, .125rem) var(--spacing-1-5, .375rem); border-radius: var(--radius-sm, .25rem); background-color: var(--color-base-150); border: 1px solid var(--color-bor-1); color: var(--color-tc-dark); @media (prefers-color-scheme: dark) {color: var(--color-tc-base);} :where(.dark) & {color: var(--color-tc-base);}}@utility code-block{display: block; font-family: var(--font-mono, monospace); font-size: .8125rem; line-height: 1.6; padding: var(--spacing-4, 1rem); border-radius: var(--radius-md, .5rem); background-color: var(--color-base-150); border: 1px solid var(--color-bor-1); color: var(--color-tc-base); overflow-x: auto; white-space: pre;}@utility kbd{font-family: var(--font-mono, monospace); font-size: .6875rem; font-weight: var(--font-weight-medium, 500); padding: var(--spacing-0-5, .125rem) var(--spacing-1-5, .375rem); border-radius: var(--radius-sm, .25rem); background-color: var(--color-base-200); border: 1px solid var(--color-bor-2); border-bottom-width: 2px; color: var(--color-tc-ter);}@utility terminal{@apply code-block; background-color: var(--color-base-100); box-shadow: var(--shadow-2);}@utility command{@apply code-inline; font-weight: var(--font-weight-medium, 500);}@utility table-title{@apply text-headline-md; color: var(--color-tc-base);}@utility table-header-cell{@apply text-label-caps; color: var(--color-tc-ter);}@utility table-cell{@apply text-content-sm; color: var(--color-tc-base);}@utility table-muted{@apply text-content-sm; color: var(--color-tc-ter);}@utility table-number{font-family: var(--font-mono, monospace); font-variant-numeric: tabular-nums lining-nums;}@utility table-currency{@apply table-number; font-weight: var(--font-weight-medium, 500); color: var(--color-tc-base);}@utility table-status{@apply text-meta-md; font-weight: var(--font-weight-medium, 500);}@utility label{@apply text-content-sm; font-weight: var(--font-weight-medium, 500); color: var(--color-tc-base);}@utility helper-text{@apply text-content-xs; color: var(--color-tc-ter);}@utility placeholder{color: var(--color-tc-ter); opacity: .65;}@utility field-warning{@apply text-content-xs; font-weight: var(--font-weight-medium, 500); color: var(--color-tc-warn);}@utility required-label{&::after {content: " *"; color: var(--color-tc-err);}}@utility optional-label{&::after {content: " (optional)"; @apply text-meta-md; color: var(--color-tc-ter); font-weight: var(--font-weight-normal, 400); text-transform: none;}}@utility metric-change{@apply text-meta-lg; font-family: var(--font-mono, monospace); font-weight: var(--font-weight-medium, 500);}@utility metric-positive{@apply metric-change; color: var(--color-tc-suc);}@utility metric-negative{@apply metric-change; color: var(--color-tc-err);}@utility metric-neutral{@apply metric-change; color: var(--color-tc-ter);}@utility dashboard-title{@apply text-cap-2; color: var(--color-tc-base);}@utility dashboard-subtitle{@apply text-sub-sm; color: var(--color-tc-ter);}@utility widget-title{@apply text-headline-sm; color: var(--color-tc-base);}@utility widget-description{@apply text-content-xs; color: var(--color-tc-ter);}@utility hero-title{@apply text-mega-2xl; color: var(--color-tc-base);}@utility hero-subtitle{@apply text-sub-lg; color: var(--color-tc-ter);}@utility section-heading{@apply text-mega-sm; color: var(--color-tc-base);}@utility section-description{@apply text-sub-md; color: var(--color-tc-ter);}@utility feature-title{@apply text-headline-lg; color: var(--color-tc-base);}@utility feature-description{@apply text-content-md; color: var(--color-tc-ter);}@utility pricing-title{@apply text-headline-md; color: var(--color-tc-base);}@utility pricing-price{@apply text-mega-md; font-family: var(--font-mono, monospace); color: var(--color-tc-base);}@utility pricing-period{@apply text-content-sm; color: var(--color-tc-ter);}@utility testimonial-name{@apply text-content-sm; font-weight: var(--font-weight-semibold, 600); color: var(--color-tc-base);}@utility testimonial-role{@apply text-content-xs; color: var(--color-tc-ter);}@utility faq-question{@apply text-headline-sm; color: var(--color-tc-base);}@utility faq-answer{@apply text-content-md; color: var(--color-tc-ter);}@utility cta-title{@apply text-mega-sm; color: var(--color-tc-base);}@utility cta-description{@apply text-sub-md; color: var(--color-tc-ter);}@utility footer-heading{@apply text-label-caps; color: var(--color-tc-base);}@utility footer-link{@apply link-muted; @apply text-content-sm;}@utility article-title{@apply text-mega-sm; color: var(--color-tc-base);}@utility article-subtitle{@apply text-sub-lg; color: var(--color-tc-ter);}@utility article-body{@apply text-content-md; @apply reading-width; color: var(--color-tc-base); margin-bottom: var(--spacing-6, 1.5rem);}@utility article-caption{@apply text-meta-md; color: var(--color-tc-ter); text-align: center;}@utility article-quote{@apply text-content-xl; font-style: italic; padding-left: var(--spacing-4, 1rem); border-left: 2px solid var(--color-bor-3); color: var(--color-tc-base); margin: var(--spacing-6, 1.5rem) 0;}@utility article-author{@apply text-content-sm; font-weight: var(--font-weight-medium, 500); color: var(--color-tc-base);}@utility article-meta{@apply text-meta-md; color: var(--color-tc-ter);}@layer base{*{@apply border-bor-1;}body{@apply bg-base-100 text-tc-base;}}@custom-variant dark (&:is(.dark *));@custom-variant light (&:is(.light *));@custom-variant system (&:is(.system *));:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:dark;--admin-gold: #c7a462;--admin-ink: #11110f;--admin-panel: #181816;--admin-line: #32312c;--admin-text: #f4f1e9;--admin-muted: #a9a59a}.light{color-scheme:light;--admin-ink: #f4f1eb;--admin-panel: #fffdf8;--admin-line: #d9d4c9;--admin-text: #181713;--admin-muted: #68645b}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--admin-ink);color:var(--admin-text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:3px}:focus-visible{outline:2px solid var(--admin-gold)}button{cursor:pointer}.login-layout{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--admin-gold) 10%,transparent),transparent 32%),var(--admin-ink)}.login-panel{width:min(100%,27rem);padding:clamp(2rem,6vw,3.25rem);border:1px solid var(--admin-line);background:var(--admin-panel);box-shadow:0 30px 80px #0003}.brand-mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--admin-gold);color:var(--admin-gold);font-weight:800}.eyebrow{margin:1.5rem 0 .55rem;color:var(--admin-gold);font-size:.7rem;font-weight:750;letter-spacing:.17em}h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.035em}.muted,.lead{color:var(--admin-muted);line-height:1.65}.login-form{display:grid;gap:.75rem;margin-top:2rem}.login-form label,details label{color:var(--admin-muted);font-size:.8rem;font-weight:650}.login-form input,select{width:100%;border:1px solid var(--admin-line);background:var(--admin-ink);color:var(--admin-text);padding:.8rem .9rem}.login-form button{margin-top:.5rem;border:0;background:var(--admin-gold);color:#16130d;padding:.85rem 1rem;font-weight:760}.login-form button:disabled,.sign-out:disabled{cursor:wait;opacity:.55}.form-error{margin:.25rem 0;color:#e9877c;font-size:.85rem}.admin-layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:17rem;flex-direction:column;border-right:1px solid var(--admin-line);background:var(--admin-panel)}.sidebar-brand{display:flex;align-items:center;gap:.8rem;min-height:5.5rem;padding:1.25rem;border-bottom:1px solid var(--admin-line)}.sidebar-brand div:nth-child(2){display:grid;gap:.15rem}.sidebar-brand span{color:var(--admin-muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.sidebar nav{flex:1;display:grid;align-content:start;gap:.35rem;padding:1.25rem .8rem}.sidebar nav a{padding:.72rem .85rem;color:var(--admin-muted);text-decoration:none;border-left:2px solid transparent}.sidebar nav a:hover,.sidebar nav a[aria-current=page]{background:color-mix(in srgb,var(--admin-gold) 8%,transparent);color:var(--admin-text);border-left-color:var(--admin-gold)}.account-panel{display:grid;gap:.45rem;padding:1.15rem;border-top:1px solid var(--admin-line)}.account-panel p{margin:0;font-weight:700}.account-panel>span{color:var(--admin-muted);overflow:hidden;text-overflow:ellipsis;font-size:.75rem}.role-chip{width:fit-content;padding:.2rem .45rem;border:1px solid var(--admin-line);text-transform:uppercase;letter-spacing:.1em}.account-panel summary,.sign-out{display:flex;align-items:center;gap:.5rem;color:var(--admin-muted)}.account-panel details{margin-top:.5rem}.account-panel details label{display:grid;gap:.35rem;margin-top:.65rem}.sign-out{margin-top:.5rem;border:0;background:transparent;padding:.55rem 0}.admin-main{min-height:100vh;margin-left:17rem;padding:clamp(2rem,7vw,6rem)}.admin-main section{max-width:56rem}.editor-page{max-width:64rem!important}.editor-heading{margin-bottom:2rem}.page-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.page-selector button,.primary-button,.secondary-button{border:1px solid var(--admin-line);background:var(--admin-panel);color:var(--admin-text);padding:.7rem 1rem;font-weight:700}.page-selector button[aria-pressed=true],.primary-button{border-color:var(--admin-gold);background:var(--admin-gold);color:#16130d}.secondary-button{width:fit-content}.editor-page form{display:grid;gap:1.25rem}.editor-section,.editor-subsection{display:grid;gap:1rem;margin:0;padding:1.35rem;border:1px solid var(--admin-line);background:var(--admin-panel)}.editor-subsection{background:color-mix(in srgb,var(--admin-ink) 65%,transparent)}.editor-section>legend,.editor-subsection>legend{padding:0 .45rem;color:var(--admin-gold);font-weight:750}.editor-field{display:grid;gap:.4rem;color:var(--admin-muted);font-size:.82rem;font-weight:650}.editor-field input,.editor-field select,.editor-field textarea{width:100%;border:1px solid var(--admin-line);border-radius:0;background:var(--admin-ink);color:var(--admin-text);padding:.75rem .85rem;resize:vertical}.editor-field input:disabled,.editor-field select:disabled,.editor-field textarea:disabled{opacity:.72;cursor:not-allowed}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field-note,.editor-field small{margin:0;color:var(--admin-muted);font-size:.76rem;font-weight:400}.field-error{color:#e9877c!important}.repeater-row{display:grid;gap:1rem;padding:1rem;border:1px solid var(--admin-line)}.navigation-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1.25rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--admin-line)}.navigation-row:last-child{border-bottom:0}.navigation-row>div:first-child{display:grid;gap:.75rem}.visibility-control,.order-controls{display:flex;align-items:center;gap:.5rem;color:var(--admin-muted);font-size:.8rem}.order-controls{flex-wrap:wrap}.bordered{border:1px solid var(--admin-line);padding:.45rem}.save-bar{position:sticky;bottom:1rem;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem;padding:1rem 1.25rem;border:1px solid var(--admin-line);background:var(--admin-panel);box-shadow:0 12px 35px #00000040;color:var(--admin-muted)}.save-bar p{margin:.35rem 0 0}.status-message{padding:.75rem;border-left:3px solid var(--admin-line);color:var(--admin-muted)}.status-message.conflict,.status-message.error{border-color:#e9877c;color:#e9877c}.status-message.read-only{border-color:var(--admin-gold)}.success{color:#85c99a}.link-button{border:0;padding:0;background:transparent;color:inherit;text-decoration:underline}.danger{color:#e9877c;width:fit-content}.catalogue-page{max-width:68rem!important}.catalogue-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.catalogue-list{display:grid;gap:.65rem}.catalogue-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.65fr);gap:1rem;padding:1.15rem 1.25rem;border:1px solid var(--admin-line);background:var(--admin-panel);color:var(--admin-text);text-decoration:none}.catalogue-card:hover{border-color:var(--admin-gold)}.catalogue-card>div{display:grid;align-content:center;gap:.35rem}.catalogue-card span,.catalogue-card small{color:var(--admin-muted);font-size:.78rem}.catalogue-card strong{font-size:1.02rem}.lifecycle-chip{width:fit-content;padding:.2rem .45rem;border:1px solid var(--admin-gold);color:var(--admin-gold)!important;text-transform:capitalize}.empty-state{display:grid;gap:.75rem;padding:2rem;border:1px dashed var(--admin-line);background:var(--admin-panel)}.empty-state h2,.empty-state p{margin:0}.empty-state p{color:var(--admin-muted)}.groups-section{margin-top:1.5rem}.group-list{display:flex;flex-wrap:wrap;gap:.5rem}.group-list span{padding:.45rem .65rem;border:1px solid var(--admin-line);color:var(--admin-text)}.group-list small{margin-left:.35rem;color:var(--admin-muted)}.inline-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-top:.5rem}.structured-json{width:100%;min-height:16rem;border:1px solid var(--admin-line);background:var(--admin-ink);color:var(--admin-text);padding:.8rem;font:.78rem ui-monospace,monospace}.admin-main .lead{max-width:42rem;font-size:1.05rem}.identity-card{width:min(100%,27rem);margin-top:3rem;padding:1.5rem;border:1px solid var(--admin-line);background:var(--admin-panel);display:grid;gap:.5rem}.identity-card span,.identity-card p{color:var(--admin-muted);font-size:.8rem}.identity-card strong{font-size:1.25rem;text-transform:capitalize}.identity-card p{margin:0}.mobile-header,.mobile-only,.scrim{display:none}.icon-button{border:0;color:inherit;background:transparent}@media(max-width:760px){.mobile-header{position:sticky;top:0;z-index:20;display:flex;height:4rem;align-items:center;gap:1rem;padding:0 1rem;border-bottom:1px solid var(--admin-line);background:var(--admin-panel)}.mobile-only{display:block;margin-left:auto}.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar-open{transform:translate(0)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:block;border:0;background:#0000008c}.admin-main{margin-left:0;padding:2.5rem 1.25rem}.field-grid,.navigation-row,.inline-form,.catalogue-card{grid-template-columns:1fr}.save-bar{align-items:stretch;flex-direction:column}}