/* Pennington content-visibility markers. */ /* .humans-only — visible in the browser; stripped from llms.txt extraction. */ /* .robots-only — hidden in the browser; kept in llms.txt extraction. */ .robots-only { display: none; } /* Base layout + paper texture (bg/text colors come from utilities on ). */ body { margin: 0; min-height: 100vh; font-size: 16px; line-height: 1.6; text-rendering: optimizeLegibility; background-image: radial-gradient(ellipse 1200px 600px at 50% -100px, color-mix(in oklab, var(--color-base-50) 80%, white 20%) 0%, transparent 70%); } html.dark body { background-image: radial-gradient(ellipse 1200px 600px at 50% -100px, color-mix(in oklab, var(--color-base-950) 75%, white 6%) 0%, transparent 70%); } /* Faint paper grain. */ body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: 0.035; mix-blend-mode: multiply; background-image: radial-gradient(circle at 25% 30%, rgba(0, 0, 0, .6) 0.5px, transparent 1px), radial-gradient(circle at 75% 60%, rgba(0, 0, 0, .5) 0.5px, transparent 1px), radial-gradient(circle at 50% 85%, rgba(0, 0, 0, .4) 0.5px, transparent 1px); background-size: 3px 3px, 5px 5px, 7px 7px; z-index: 1; } /* Base typography — only properties no utility competes with (utilities sit in a cascade @layer; these unlayered rules would otherwise win). Heading size/tracking + link colors stay in markup utilities. */ h1, h2, h3, h4 { font-family: "Newsreader", "Source Serif 4", Georgia, serif; font-weight: 600; text-wrap: balance; } p { text-wrap: pretty; } code, kbd, samp, pre { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; } ::selection { background: color-mix(in oklab, var(--color-primary-700) 25%, transparent); } /* Sticky top bar. */ .topbar { position: sticky; top: 0; z-index: 100; background: color-mix(in oklab, var(--color-base-50) 88%, transparent); -webkit-backdrop-filter: blur(10px) saturate(120%); backdrop-filter: blur(10px) saturate(120%); border-bottom: 1px solid var(--color-base-200); } html.dark .topbar { background: color-mix(in oklab, var(--color-base-950) 88%, transparent); border-bottom-color: var(--color-base-800); } /* Wordmark + Dewey-decimal eyebrow. */ .brand { font-family: "Newsreader", "Source Serif 4", Georgia, serif; font-weight: 600; letter-spacing: -0.01em; color: var(--color-base-900); text-decoration: none; } html.dark .brand { color: var(--color-base-100); } .brand::after { content: "DeweySearch · .NET"; font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif; font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-base-500); font-weight: 500; margin-left: 10px; padding-left: 10px; border-left: 1px solid var(--color-base-200); } html.dark .brand::after { color: var(--color-base-400); border-left-color: var(--color-base-800); } .toc { position: sticky; top: 72px; align-self: start; max-height: calc(100vh - 90px); overflow-y: auto; } @layer theme, base, components, utilities; @layer theme { :root, :host { --animate-p-anim-in: p-anim-in 540ms cubic-bezier(0.2, 0.7, 0.2, 1) both; --animate-p-scene-in: p-scene-in 500ms cubic-bezier(0.2, 0.7, 0.2, 1); --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --color-accent-100: var(--color-amber-100); --color-accent-200: var(--color-amber-200); --color-accent-300: var(--color-amber-300); --color-accent-400: var(--color-amber-400); --color-accent-50: var(--color-amber-50); --color-accent-500: var(--color-amber-500); --color-accent-600: var(--color-amber-600); --color-accent-700: var(--color-amber-700); --color-accent-800: var(--color-amber-800); --color-accent-900: var(--color-amber-900); --color-accent-950: var(--color-amber-950); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-900: oklch(41.4% 0.112 45.904); --color-amber-950: oklch(27.9% 0.077 45.635); --color-base-100: oklch(93.72% 0.0275 90.91); --color-base-200: oklch(91.33% 0.0346 90.52); --color-base-300: oklch(85.52% 0.0392 90.67); --color-base-400: oklch(72.67% 0.0336 103.29); --color-base-50: oklch(96.07% 0.0218 92.51); --color-base-500: oklch(57.78% 0.0267 272.55); --color-base-600: oklch(44.15% 0.0354 272.42); --color-base-700: oklch(31.43% 0.0422 272.55); --color-base-800: oklch(26.53% 0.0382 272.81); --color-base-900: oklch(22.66% 0.0359 271.46); --color-base-950: oklch(18.20% 0.0315 271.62); --color-black: #000; --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); --color-blue-900: oklch(37.9% 0.146 265.522); --color-blue-950: oklch(28.2% 0.091 267.935); --color-cyan-100: oklch(95.6% 0.045 203.388); --color-cyan-200: oklch(91.7% 0.08 205.041); --color-cyan-300: oklch(86.5% 0.127 207.078); --color-cyan-400: oklch(78.9% 0.154 211.53); --color-cyan-50: oklch(98.4% 0.019 200.873); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-cyan-600: oklch(60.9% 0.126 221.723); --color-cyan-700: oklch(52% 0.105 223.128); --color-cyan-800: oklch(45% 0.085 224.283); --color-cyan-900: oklch(39.8% 0.07 227.392); --color-cyan-950: oklch(30.2% 0.056 229.695); --color-emerald-100: oklch(95% 0.052 163.051); --color-emerald-200: oklch(90.5% 0.093 164.15); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-50: oklch(97.9% 0.021 166.113); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-700: oklch(50.8% 0.118 165.612); --color-emerald-800: oklch(43.2% 0.095 166.913); --color-emerald-900: oklch(37.8% 0.077 168.94); --color-emerald-950: oklch(26.2% 0.051 172.552); --color-fuchsia-100: oklch(95.2% 0.037 318.852); --color-fuchsia-200: oklch(90.3% 0.076 319.62); --color-fuchsia-300: oklch(83.3% 0.145 321.434); --color-fuchsia-400: oklch(74% 0.238 322.16); --color-fuchsia-50: oklch(97.7% 0.017 320.058); --color-fuchsia-500: oklch(66.7% 0.295 322.15); --color-fuchsia-600: oklch(59.1% 0.293 322.896); --color-fuchsia-700: oklch(51.8% 0.253 323.949); --color-fuchsia-800: oklch(45.2% 0.211 324.591); --color-fuchsia-900: oklch(40.1% 0.17 325.612); --color-fuchsia-950: oklch(29.3% 0.136 325.661); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-300: oklch(87.1% 0.15 154.449); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-800: oklch(44.8% 0.119 151.328); --color-green-900: oklch(39.3% 0.095 152.535); --color-green-950: oklch(26.6% 0.065 152.934); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-200: oklch(87% 0.065 274.039); --color-indigo-300: oklch(78.5% 0.115 274.713); --color-indigo-400: oklch(67.3% 0.182 276.935); --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-indigo-700: oklch(45.7% 0.24 277.023); --color-indigo-800: oklch(39.8% 0.195 277.366); --color-indigo-900: oklch(35.9% 0.144 278.697); --color-indigo-950: oklch(25.7% 0.09 281.288); --color-lime-100: oklch(96.7% 0.067 122.328); --color-lime-200: oklch(93.8% 0.127 124.321); --color-lime-300: oklch(89.7% 0.196 126.665); --color-lime-400: oklch(84.1% 0.238 128.85); --color-lime-50: oklch(98.6% 0.031 120.757); --color-lime-500: oklch(76.8% 0.233 130.85); --color-lime-600: oklch(64.8% 0.2 131.684); --color-lime-700: oklch(53.2% 0.157 131.589); --color-lime-800: oklch(45.3% 0.124 130.933); --color-lime-900: oklch(40.5% 0.101 131.063); --color-lime-950: oklch(27.4% 0.072 132.109); --color-mauve-100: oklch(96% 0.003 325.6); --color-mauve-200: oklch(92.2% 0.005 325.62); --color-mauve-300: oklch(86.5% 0.012 325.68); --color-mauve-400: oklch(71.1% 0.019 323.02); --color-mauve-50: oklch(98.5% 0 0); --color-mauve-500: oklch(54.2% 0.034 322.5); --color-mauve-600: oklch(43.5% 0.029 321.78); --color-mauve-700: oklch(36.4% 0.029 323.89); --color-mauve-800: oklch(26.3% 0.024 320.12); --color-mauve-900: oklch(21.2% 0.019 322.12); --color-mauve-950: oklch(14.5% 0.008 326); --color-mist-100: oklch(96.3% 0.002 197.1); --color-mist-200: oklch(92.5% 0.005 214.3); --color-mist-300: oklch(87.2% 0.007 219.6); --color-mist-400: oklch(72.3% 0.014 214.4); --color-mist-50: oklch(98.7% 0.002 197.1); --color-mist-500: oklch(56% 0.021 213.5); --color-mist-600: oklch(45% 0.017 213.2); --color-mist-700: oklch(37.8% 0.015 216); --color-mist-800: oklch(27.5% 0.011 216.9); --color-mist-900: oklch(21.8% 0.008 223.9); --color-mist-950: oklch(14.8% 0.004 228.8); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-olive-100: oklch(96.6% 0.005 106.5); --color-olive-200: oklch(93% 0.007 106.5); --color-olive-300: oklch(88% 0.011 106.6); --color-olive-400: oklch(73.7% 0.021 106.9); --color-olive-50: oklch(98.8% 0.003 106.5); --color-olive-500: oklch(58% 0.031 107.3); --color-olive-600: oklch(46.6% 0.025 107.3); --color-olive-700: oklch(39.4% 0.023 107.4); --color-olive-800: oklch(28.6% 0.016 107.4); --color-olive-900: oklch(22.8% 0.013 107.4); --color-olive-950: oklch(15.3% 0.006 107.1); --color-orange-100: oklch(95.4% 0.038 75.164); --color-orange-200: oklch(90.1% 0.076 70.697); --color-orange-300: oklch(83.7% 0.128 66.29); --color-orange-400: oklch(75% 0.183 55.934); --color-orange-50: oklch(98% 0.016 73.684); --color-orange-500: oklch(70.5% 0.213 47.604); --color-orange-600: oklch(64.6% 0.222 41.116); --color-orange-700: oklch(55.3% 0.195 38.402); --color-orange-800: oklch(47% 0.157 37.304); --color-orange-900: oklch(40.8% 0.123 38.172); --color-orange-950: oklch(26.6% 0.079 36.259); --color-pink-100: oklch(94.8% 0.028 342.258); --color-pink-200: oklch(89.9% 0.061 343.231); --color-pink-300: oklch(82.3% 0.12 346.018); --color-pink-400: oklch(71.8% 0.202 349.761); --color-pink-50: oklch(97.1% 0.014 343.198); --color-pink-500: oklch(65.6% 0.241 354.308); --color-pink-600: oklch(59.2% 0.249 0.584); --color-pink-700: oklch(52.5% 0.223 3.958); --color-pink-800: oklch(45.9% 0.187 3.815); --color-pink-900: oklch(40.8% 0.153 2.432); --color-pink-950: oklch(28.4% 0.109 3.907); --color-primary-100: oklch(89.32% 0.0328 24.82); --color-primary-200: oklch(79.16% 0.0666 24.50); --color-primary-300: oklch(69.14% 0.1026 25.30); --color-primary-400: oklch(58.25% 0.1329 25.42); --color-primary-50: oklch(95.06% 0.0155 27.28); --color-primary-500: oklch(50.10% 0.1339 25.93); --color-primary-600: oklch(44.65% 0.1235 25.90); --color-primary-700: oklch(40.97% 0.1072 25.92); --color-primary-800: oklch(35.36% 0.0867 25.40); --color-primary-900: oklch(31.14% 0.0716 25.74); --color-primary-950: oklch(22.44% 0.0465 25.65); --color-purple-100: oklch(94.6% 0.033 307.174); --color-purple-200: oklch(90.2% 0.063 306.703); --color-purple-300: oklch(82.7% 0.119 306.383); --color-purple-400: oklch(71.4% 0.203 305.504); --color-purple-50: oklch(97.7% 0.014 308.299); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-600: oklch(55.8% 0.288 302.321); --color-purple-700: oklch(49.6% 0.265 301.924); --color-purple-800: oklch(43.8% 0.218 303.724); --color-purple-900: oklch(38.1% 0.176 304.987); --color-purple-950: oklch(29.1% 0.149 302.717); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-50: oklch(97.1% 0.013 17.38); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-red-950: oklch(25.8% 0.092 26.042); --color-rose-100: oklch(94.1% 0.03 12.58); --color-rose-200: oklch(89.2% 0.058 10.001); --color-rose-300: oklch(81% 0.117 11.638); --color-rose-400: oklch(71.2% 0.194 13.428); --color-rose-50: oklch(96.9% 0.015 12.422); --color-rose-500: oklch(64.5% 0.246 16.439); --color-rose-600: oklch(58.6% 0.253 17.585); --color-rose-700: oklch(51.4% 0.222 16.935); --color-rose-800: oklch(45.5% 0.188 13.697); --color-rose-900: oklch(41% 0.159 10.272); --color-rose-950: oklch(27.1% 0.105 12.094); --color-sky-100: oklch(95.1% 0.026 236.824); --color-sky-200: oklch(90.1% 0.058 230.902); --color-sky-300: oklch(82.8% 0.111 230.318); --color-sky-400: oklch(74.6% 0.16 232.661); --color-sky-50: oklch(97.7% 0.013 236.62); --color-sky-500: oklch(68.5% 0.169 237.323); --color-sky-600: oklch(58.8% 0.158 241.966); --color-sky-700: oklch(50% 0.134 242.749); --color-sky-800: oklch(44.3% 0.11 240.79); --color-sky-900: oklch(39.1% 0.09 240.876); --color-sky-950: oklch(29.3% 0.066 243.157); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-900: oklch(20.8% 0.042 265.755); --color-slate-950: oklch(12.9% 0.042 264.695); --color-stone-100: oklch(97% 0.001 106.424); --color-stone-200: oklch(92.3% 0.003 48.717); --color-stone-300: oklch(86.9% 0.005 56.366); --color-stone-400: oklch(70.9% 0.01 56.259); --color-stone-50: oklch(98.5% 0.001 106.423); --color-stone-500: oklch(55.3% 0.013 58.071); --color-stone-600: oklch(44.4% 0.011 73.639); --color-stone-700: oklch(37.4% 0.01 67.558); --color-stone-800: oklch(26.8% 0.007 34.298); --color-stone-900: oklch(21.6% 0.006 56.043); --color-stone-950: oklch(14.7% 0.004 49.25); --color-taupe-100: oklch(96% 0.002 17.2); --color-taupe-200: oklch(92.2% 0.005 34.3); --color-taupe-300: oklch(86.8% 0.007 39.5); --color-taupe-400: oklch(71.4% 0.014 41.2); --color-taupe-50: oklch(98.6% 0.002 67.8); --color-taupe-500: oklch(54.7% 0.021 43.1); --color-taupe-600: oklch(43.8% 0.017 39.3); --color-taupe-700: oklch(36.7% 0.016 35.7); --color-taupe-800: oklch(26.8% 0.011 36.5); --color-taupe-900: oklch(21.4% 0.009 43.1); --color-taupe-950: oklch(14.7% 0.004 49.3); --color-teal-100: oklch(95.3% 0.051 180.801); --color-teal-200: oklch(91% 0.096 180.426); --color-teal-300: oklch(85.5% 0.138 181.071); --color-teal-400: oklch(77.7% 0.152 181.912); --color-teal-50: oklch(98.4% 0.014 180.72); --color-teal-500: oklch(70.4% 0.14 182.503); --color-teal-600: oklch(60% 0.118 184.704); --color-teal-700: oklch(51.1% 0.096 186.391); --color-teal-800: oklch(43.7% 0.078 188.216); --color-teal-900: oklch(38.6% 0.063 188.416); --color-teal-950: oklch(27.7% 0.046 192.524); --color-violet-100: oklch(94.3% 0.029 294.588); --color-violet-200: oklch(89.4% 0.057 293.283); --color-violet-300: oklch(81.1% 0.111 293.571); --color-violet-400: oklch(70.2% 0.183 293.541); --color-violet-50: oklch(96.9% 0.016 293.756); --color-violet-500: oklch(60.6% 0.25 292.717); --color-violet-600: oklch(54.1% 0.281 293.009); --color-violet-700: oklch(49.1% 0.27 292.581); --color-violet-800: oklch(43.2% 0.232 292.759); --color-violet-900: oklch(38% 0.189 293.745); --color-violet-950: oklch(28.3% 0.141 291.089); --color-white: #fff; --color-yellow-100: oklch(97.3% 0.071 103.193); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-300: oklch(90.5% 0.182 98.111); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-yellow-700: oklch(55.4% 0.135 66.442); --color-yellow-800: oklch(47.6% 0.114 61.907); --color-yellow-900: oklch(42.1% 0.095 57.708); --color-yellow-950: oklch(28.6% 0.066 53.813); --color-zinc-100: oklch(96.7% 0.001 286.375); --color-zinc-200: oklch(92% 0.004 286.32); --color-zinc-300: oklch(87.1% 0.006 286.286); --color-zinc-400: oklch(70.5% 0.015 286.067); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-500: oklch(55.2% 0.016 285.938); --color-zinc-600: oklch(44.2% 0.017 285.786); --color-zinc-700: oklch(37% 0.013 285.805); --color-zinc-800: oklch(27.4% 0.006 286.033); --color-zinc-900: oklch(21% 0.006 285.885); --color-zinc-950: oklch(14.1% 0.005 285.823); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif; --font-serif: "Newsreader", "Source Serif 4", Georgia, serif; --font-weight-bold: 700; --font-weight-medium: 500; --font-weight-normal: 400; --font-weight-semibold: 600; --radius-2xl: 1rem; --radius-lg: 0.5rem; --radius-md: 0.375rem; --radius-sm: 0.25rem; --radius-xl: 0.75rem; --spacing: 0.25rem; --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); } } @layer base { /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Remove default margins and padding 3. Reset all borders. */ *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 2 */ border: 0 solid; /* 3 */ } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS. */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ tab-size: 4; /* 3 */ font-family: var(--default-font-family, "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif); /* 4 */ font-feature-settings: var(--default-font-feature-settings, normal); /* 5 */ font-variation-settings: var(--default-font-variation-settings, normal); /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Reset the default border style to a 1px solid border. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: var(--default-mono-font-family, "JetBrains Mono", ui-monospace, SFMono-Regular, monospace); /* 1 */ font-feature-settings: var(--default-mono-font-feature-settings, normal); /* 2 */ font-variation-settings: var(--default-mono-font-variation-settings, normal); /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Make lists unstyled by default. */ ol, ul, menu { list-style: none; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* 1. Inherit font styles in all browsers. 2. Remove border radius in all browsers. 3. Remove background color in all browsers. 4. Ensure consistent opacity for disabled states in all browsers. */ button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ border-radius: 0; /* 2 */ background-color: transparent; /* 3 */ opacity: 1; /* 4 */ } /* Restore default font weight. */ :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } /* Restore indentation. */ :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } /* Restore space after button. */ ::file-selector-button { margin-inline-end: 4px; } /* Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) */ ::placeholder { opacity: 1; } /* Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194) */ @supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or (contain-intrinsic-size: 1px) /* Safari 17+ */ { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Ensure date/time inputs have the same height when empty in iOS Safari. 2. Ensure text alignment can be changed on date/time inputs in iOS Safari. */ ::-webkit-date-and-time-value { min-height: 1lh; /* 1 */ text-align: inherit; /* 2 */ } /* Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`. */ ::-webkit-datetime-edit { display: inline-flex; } /* Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers. */ ::-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; } /* Center dropdown marker shown on inputs with paired ``s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499) */ ::-webkit-calendar-picker-indicator { line-height: 1; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Correct the inability to style the border radius in iOS Safari. */ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default. */ [hidden]:where(:not([hidden='until-found'])) { display: none!important; } } @layer components { .search-nr-btn { display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1.5); padding-inline: calc(var(--spacing) * 3.5); padding-block: calc(var(--spacing) * 2); border-radius: var(--radius-lg); font-size: 12.5px; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); background-color: var(--color-base-100); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-300); color: var(--color-base-700); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .search-nr-btn:hover { --tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .search-nr-btn:where(.dark, .dark *) { background-color: var(--color-base-800); border-color: var(--color-base-700); color: var(--color-base-200); } .p-shard-manifest { display: flex; justify-content: flex-start; } .f-desc { color: color-mix(in oklab,var(--color-primary-700) 55%,var(--color-base-50) 45%); } .f-desc:where(.dark, .dark *) { color: color-mix(in oklab,var(--color-primary-300) 55%,var(--color-base-950) 45%); } .hljs-params { color: var(--color-amber-800); } .hljs-params:where(.dark, .dark *) { color: var(--color-amber-300); } .search-result-breadcrumb { display: flex; align-items: center; gap: calc(var(--spacing) * 1); flex-wrap: wrap; font-size: 11px; color: var(--color-base-400); margin-bottom: calc(var(--spacing) * 0.5); } .search-result-breadcrumb:where(.dark, .dark *) { color: var(--color-base-500); } .hljs-function { color: var(--color-amber-800); } .hljs-function:where(.dark, .dark *) { color: var(--color-amber-300); } .search-foot { display: flex; align-items: center; justify-content: flex-end; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-base-200); background-color: color-mix(in oklab, var(--color-base-100) 60%, transparent); font-size: 11px; color: var(--color-base-500); flex-shrink: 0; } .search-foot:where(.dark, .dark *) { border-color: var(--color-base-800); background-color: color-mix(in oklab, var(--color-base-900) 50%, transparent); } .p-scene.p-tokenize { gap: calc(var(--spacing) * 2); } .markdown-alert > p + p, .markdown-alert > p + ul, .markdown-alert > p + ol, .markdown-alert > ul + p, .markdown-alert > ol + p { margin-top: calc(var(--spacing) * 2); } .markdown-alert code { font-family: var(--font-mono); font-size: 0.86em; padding-inline: calc(var(--spacing) * 1); padding-block: 1px; border-radius: 0.25rem; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-200); background-color: var(--color-base-100); color: var(--color-base-700); } .markdown-alert code:where(.dark, .dark *) { border-color: var(--color-base-700); background-color: var(--color-base-800); color: var(--color-base-200); } .code-highlight-wrapper .word-highlight-with-message { border-style: var(--tw-border-style); border-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-primary-600); border-radius: 0.25rem; padding-inline: calc(var(--spacing) * 1); padding-block: calc(var(--spacing) * 1); background-color: color-mix(in oklab, var(--color-primary-100) 25%, transparent); position: relative; } .code-highlight-wrapper .word-highlight-with-message:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-primary-300) 25%, transparent); background-color: color-mix(in oklab, var(--color-primary-500) 10%, transparent); } .f-title { color: var(--color-primary-700); } .f-title:where(.dark, .dark *) { color: var(--color-primary-300); } .api-doc ul { margin-top: 0.4em; margin-inline: calc(var(--spacing) * 0); margin-bottom: calc(var(--spacing) * 0); padding-left: 1.1em; } .p-scene { position: absolute; inset: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 7); display: flex; flex-direction: column; gap: calc(var(--spacing) * 3.5); opacity: 0%; visibility: hidden; } .code-highlight-wrapper .word-highlight { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-primary-600); border-radius: 0.25rem; padding-inline: calc(var(--spacing) * 0.5); padding-block: calc(var(--spacing) * 0); background-color: color-mix(in oklab, var(--color-primary-100) 25%, transparent); } .code-highlight-wrapper .word-highlight:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-primary-300) 25%, transparent); background-color: color-mix(in oklab, var(--color-primary-500) 10%, transparent); } .p-chip.p-chip--strike { text-decoration-line: line-through; color: var(--color-base-500); border-color: var(--color-base-200); } .p-chip.p-chip--strike:where(.dark, .dark *) { color: var(--color-base-400); border-color: var(--color-base-800); } .hljs-built_in { color: var(--color-amber-700); } .hljs-built_in:where(.dark, .dark *) { color: var(--color-amber-300); } .p-result-recap { font-style: italic; font-size: 17px; color: var(--color-base-700); max-width: 50ch; padding-top: calc(var(--spacing) * 3.5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-base-200); } .p-result-recap:where(.dark, .dark *) { color: var(--color-base-300); border-color: var(--color-base-800); } .p-shard-file.p-shard-file--frag { --tw-border-style: dashed; border-style: dashed; } .pipeline-stage-ft { display: flex; justify-content: space-between; align-items: center; padding-inline: 18px; padding-block: calc(var(--spacing) * 3); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-base-200); font-size: 11px; --tw-tracking: 0.14em; letter-spacing: 0.14em; text-transform: uppercase; } .pipeline-stage-ft:where(.dark, .dark *) { border-color: var(--color-base-800); } .search-input { flex: 1; min-width: calc(var(--spacing) * 0); background-color: transparent; border-style: var(--tw-border-style); border-width: 0px; --tw-outline-style: none; outline-style: none; font-size: 17px; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-base-900); } .search-input:where(.dark, .dark *) { color: var(--color-base-50); } .p-score-eq { padding-block: calc(var(--spacing) * 1); font-size: 14px; } .search-page-group { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: color-mix(in oklab, var(--color-base-200) 60%, transparent); padding-block: calc(var(--spacing) * 1.5); } .search-page-group:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .search-page-group:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-base-800) 60%, transparent); } .search-area-pill { display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1.5); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 0.5); border-radius: calc(infinity * 1px); font-size: 10.5px; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.025em; background-color: color-mix(in oklab, var(--color-base-500) 15%, transparent); color: var(--color-base-700); } .search-area-pill:where(.dark, .dark *) { color: var(--color-base-300); } .steps-thread { position: relative; margin-block: calc(var(--spacing) * 8); padding-left: calc(var(--spacing) * 10); } .steps-thread::before { --tw-content: ''; content: var(--tw-content); position: absolute; left: calc(var(--spacing) * 4); top: calc(var(--spacing) * 3); bottom: calc(var(--spacing) * 3); width: calc(var(--spacing) * 0.5); border-radius: calc(infinity * 1px); background-color: var(--color-base-200); } .steps-thread:where(.dark, .dark *)::before { background-color: var(--color-base-800); } .p-arrow { display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1.5); margin-inline: calc(var(--spacing) * 2); font-family: var(--font-mono); font-size: 10.5px; --tw-tracking: 0.1em; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-base-500); } .p-arrow:where(.dark, .dark *) { color: var(--color-base-400); } .p-mark { padding-inline: calc(var(--spacing) * 1); border-radius: 2px; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-primary-700); background-color: color-mix(in oklab,var(--color-primary-700) 18%,var(--color-base-50) 82%); } .p-mark:where(.dark, .dark *) { color: var(--color-primary-300); background-color: color-mix(in oklab,var(--color-primary-300) 18%,var(--color-base-950) 82%); } .pipeline-stage-progress { display: flex; gap: calc(var(--spacing) * 1); align-items: center; } .p-fetch-tray { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--spacing) * 1.5); } .hljs-quote { color: color-mix(in oklab, var(--color-slate-800) 50%, transparent); font-style: italic; } .hljs-quote:where(.dark, .dark *) { color: var(--color-slate-300); } .search-pill-dot { width: 5px; height: 5px; } .search-result-breadcrumb .sep { color: var(--color-base-300); } .search-result-breadcrumb .sep:where(.dark, .dark *) { color: var(--color-base-600); } .markdown-alert-important .markdown-alert-title { color: var(--color-primary-800); } .markdown-alert-important .markdown-alert-title:where(.dark, .dark *) { color: var(--color-primary-200); } .p-shard-file { display: flex; flex-direction: column; gap: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2.5); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-200); background-color: color-mix(in oklab,var(--color-base-50) 70%,white 30%); } .p-shard-file:where(.dark, .dark *) { border-color: var(--color-base-800); background-color: color-mix(in oklab,var(--color-base-950) 70%,white 30%); } .p-shard-file.p-shard-file--dim { opacity: 40%; } .pipeline-scrolly { position: relative; margin-top: calc(var(--spacing) * 14); margin-bottom: calc(var(--spacing) * 8); } .hljs-comment { color: var(--color-slate-600); font-style: italic; } .hljs-comment:where(.dark, .dark *) { color: var(--color-slate-400); } .p-idx-term { display: flex; align-items: baseline; gap: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-200); } .p-idx-term:where(.dark, .dark *) { border-color: var(--color-base-800); } .p-stem-grid { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2); } .pipeline-beat-body { font-size: 15px; --tw-leading: 1.6; line-height: 1.6; color: var(--color-base-700); margin-top: calc(var(--spacing) * 1); margin-bottom: calc(var(--spacing) * 0); max-width: 30ch; } .pipeline-beat-body:where(.dark, .dark *) { color: var(--color-base-300); } .search-empty-section { padding-inline: calc(var(--spacing) * 4); padding-top: calc(var(--spacing) * 4); padding-bottom: calc(var(--spacing) * 1); } .p-tf-counter { display: flex; gap: calc(var(--spacing) * 2); align-items: center; font-size: 15px; } .hljs-deletion { color: var(--color-red-800); } .hljs-deletion:where(.dark, .dark *) { color: var(--color-red-300); } .p-shard-stats { font-size: 11px; --tw-tracking: 0.04em; letter-spacing: 0.04em; } .search-skel-row { display: grid; grid-template-columns: 1.1rem 1fr; column-gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3.5); padding-left: calc(var(--spacing) * 10); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-100); } .search-skel-row:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-base-800) 70%, transparent); } .search-result-snippet { font-size: 12.5px; --tw-leading: 1.625; line-height: 1.625; color: var(--color-base-500); margin-top: calc(var(--spacing) * 0.5); } .search-result-snippet:where(.dark, .dark *) { color: var(--color-base-500); } html { background-color: var(--color-base-50); scroll-behavior: smooth; } html:where(.dark, .dark *) { background-color: var(--color-base-950); } .code-highlight-wrapper .standalone-code-container { overflow-x: auto; } .search-skel { animation: var(--animate-pulse); background-color: color-mix(in oklab, var(--color-base-300) 60%, transparent); border-radius: 0.25rem; } .search-skel:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-base-700) 50%, transparent); } .p-score-where { font-size: 11px; } .p-scene.p-query { gap: calc(var(--spacing) * 3.5); } .search-result { position: relative; display: block; cursor: pointer; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .search-result:hover { background-color: color-mix(in oklab, var(--color-base-100) 70%, transparent); } .search-result:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--color-base-800) 50%, transparent); } .search-results-body { flex: 1; min-height: calc(var(--spacing) * 0); overflow-y: auto; padding-block: calc(var(--spacing) * 2); } .markdown-alert { margin-block: calc(var(--spacing) * 6); padding: calc(var(--spacing) * 4); border-radius: 10px; border-style: var(--tw-border-style); border-width: 1px; font-size: 14.5px; --tw-leading: 1.6; line-height: 1.6; color: var(--color-base-700); } .markdown-alert:where(.dark, .dark *) { color: var(--color-base-300); } .search-dot[data-area=tutorials] { background-color: var(--color-sky-400); } .markdown-alert-warning .markdown-alert-title { color: var(--color-amber-800); } .markdown-alert-warning .markdown-alert-title:where(.dark, .dark *) { color: var(--color-amber-200); } .search-dot { border-radius: calc(infinity * 1px); flex-shrink: 0; background-color: var(--color-base-500); } .p-mute { color: var(--color-base-500); } .p-mute:where(.dark, .dark *) { color: var(--color-base-400); } .p-eyebrow-inline { font-size: 10px; --tw-tracking: 0.16em; letter-spacing: 0.16em; text-transform: uppercase; } .hljs-meta { color: var(--color-base-800); } .hljs-meta:where(.dark, .dark *) { color: var(--color-base-300); } .pipeline-stage-col { position: relative; display: none; } @media (min-width: 1280px) { .pipeline-stage-col { display: block; } } .p-result-source { font-size: 10.5px; --tw-tracking: 0.1em; letter-spacing: 0.1em; text-transform: uppercase; } .search-state-sub { font-size: 13.5px; --tw-leading: 1.625; line-height: 1.625; color: var(--color-base-600); max-width: 30rem; margin-inline: auto; margin-bottom: calc(var(--spacing) * 5); } .search-state-sub:where(.dark, .dark *) { color: var(--color-base-400); } .code-highlight-wrapper .line.error { background-color: color-mix(in oklab, var(--color-red-300) 50%, transparent); } .code-highlight-wrapper .line.error:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } .p-card-ft { display: flex; justify-content: space-between; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2.5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-base-200); font-size: 11px; --tw-tracking: 0.12em; letter-spacing: 0.12em; text-transform: uppercase; } .p-card-ft:where(.dark, .dark *) { border-color: var(--color-base-800); } .tab-panel .code-highlight-wrapper { margin-block: calc(var(--spacing) * 0); border-radius: 0; border-style: var(--tw-border-style); border-width: 0px; background-color: transparent; } .tab-panel .code-highlight-wrapper:where(.dark, .dark *) { background-color: transparent; } .search-nr-btn-primary { background-color: color-mix(in oklab, var(--color-primary-500) 15%, transparent); border-color: color-mix(in oklab, var(--color-primary-400) 35%, transparent); color: var(--color-primary-700); } .search-nr-btn-primary:where(.dark, .dark *) { color: var(--color-primary-200); } .p-card-body { display: flex; flex-direction: column; gap: calc(var(--spacing) * 4); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 4.5); } .markdown-alert li > p { margin: calc(var(--spacing) * 0); } .markdown-alert-checkpoint .markdown-alert-title { color: var(--color-primary-800); } .markdown-alert-checkpoint .markdown-alert-title:where(.dark, .dark *) { color: var(--color-primary-200); } .markdown-alert-title svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); flex-shrink: 0; } .markdown-alert > ul, .markdown-alert > ol { margin: calc(var(--spacing) * 0); padding-left: calc(var(--spacing) * 5); list-style-position: outside; } .p-query-mirror { display: flex; align-items: center; flex-wrap: wrap; gap: calc(var(--spacing) * 1); padding-block: calc(var(--spacing) * 3.5); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-200); } .p-query-mirror:where(.dark, .dark *) { border-color: var(--color-base-800); } .hljs-variable { color: var(--color-rose-800); } .hljs-variable:where(.dark, .dark *) { color: var(--color-rose-300); } .hljs-attribute { color: var(--color-rose-800); } .hljs-attribute:where(.dark, .dark *) { color: var(--color-rose-300); } .ctab-btn { white-space: nowrap; margin-bottom: -1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; border-color: transparent; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-base-600); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .ctab-btn:where(.dark, .dark *) { color: var(--color-base-400); } .ctab-btn:hover { color: var(--color-base-900); } .ctab-btn:where(.dark, .dark *):hover { color: var(--color-base-50); } .ctab-btn[data-active="true"] { color: var(--color-primary-700); border-color: var(--color-primary-600); } .ctab-btn:where(.dark, .dark *)[data-active="true"] { color: var(--color-primary-300); border-color: var(--color-primary-300); } .api-doc p { margin: calc(var(--spacing) * 0); } .p-idx-tf { display: flex; flex-direction: column; gap: calc(var(--spacing) * 1); } .p-shard-file.p-shard-manifest-card { width: 100%; max-width: 320px; border-color: var(--color-primary-700); } .p-shard-file.p-shard-manifest-card:where(.dark, .dark *) { border-color: var(--color-primary-300); } .hljs-addition { color: var(--color-green-800); } .hljs-addition:where(.dark, .dark *) { color: var(--color-green-300); } .p-score-table td { text-align: left; padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * 2); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-200); } .p-score-table td:where(.dark, .dark *) { border-color: var(--color-base-800); } .p-large { font-size: 22px; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .p-mono { font-family: var(--font-mono); } .p-field { display: inline-block; flex-shrink: 0; width: 88px; padding-block: calc(var(--spacing) * 0.5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: currentColor; font-family: var(--font-mono); font-size: 10px; --tw-tracking: 0.16em; letter-spacing: 0.16em; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .p-fetch-browser-card { display: flex; flex-direction: column; gap: calc(var(--spacing) * 1.5); padding: calc(var(--spacing) * 3.5); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-primary-700); background-color: color-mix(in oklab,var(--color-primary-700) 12%,var(--color-base-50) 88%); } .p-fetch-browser-card:where(.dark, .dark *) { border-color: var(--color-primary-300); background-color: color-mix(in oklab,var(--color-primary-300) 12%,var(--color-base-950) 88%); } .api-doc code { font-size: 0.88em; padding-inline: 0.34em; padding-block: 0.08em; border-radius: 3px; color: var(--color-base-800); background-color: color-mix(in oklab,var(--color-base-500) 12%,transparent); } .api-doc code:where(.dark, .dark *) { color: var(--color-base-100); background-color: color-mix(in oklab,var(--color-base-300) 14%,transparent); } .p-anim { opacity: 100%; } .search-powered { display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1.5); } .code-highlight-wrapper .line.highlight { background-color: color-mix(in oklab, var(--color-primary-700) 15%, transparent); } .code-highlight-wrapper .line.highlight:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-primary-500) 15%, transparent); } .search-area-pill[data-area=how-to] { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); color: var(--color-emerald-700); } .search-area-pill[data-area=how-to][data-area=how-to]:where(.dark, .dark *) { color: var(--color-emerald-200); } .hljs-literal { color: var(--color-sky-800); } .hljs-literal:where(.dark, .dark *) { color: var(--color-sky-300); } .p-fetch-server { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2); } .search-empty-head { display: flex; align-items: center; justify-content: space-between; font-size: 11px; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.025em; color: var(--color-base-500); margin-bottom: calc(var(--spacing) * 2); } .p-chip.p-chip--accent { background-color: var(--color-primary-700); color: var(--color-base-50); border-color: var(--color-primary-700); } .p-chip.p-chip--accent:where(.dark, .dark *) { background-color: var(--color-primary-300); color: var(--color-base-950); border-color: var(--color-primary-300); } .search-page-group-title { min-width: calc(var(--spacing) * 0); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); font-size: 15px; --tw-leading: 1.375; line-height: 1.375; color: var(--color-base-900); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-page-group-title:where(.dark, .dark *) { color: var(--color-base-50); } .p-scene.p-doc { justify-content: center; } .p-score-table th { text-align: left; padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * 2); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-200); font-family: var(--font-mono); font-size: 10px; --tw-tracking: 0.14em; letter-spacing: 0.14em; text-transform: uppercase; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-base-500); } .p-score-table th:where(.dark, .dark *) { border-color: var(--color-base-800); color: var(--color-base-400); } .markdown-alert li::marker { color: color-mix(in oklab, var(--color-base-500) 60%, transparent); } .markdown-alert li:where(.dark, .dark *)::marker { color: color-mix(in oklab, var(--color-base-400) 60%, transparent); } .markdown-alert li { margin-block: calc(var(--spacing) * 0.5); } .p-serif { font-family: var(--font-serif); } .hljs-attr { color: var(--color-rose-800); } .hljs-attr:where(.dark, .dark *) { color: var(--color-rose-300); } .hljs-operator { color: var(--color-base-800); } .hljs-operator:where(.dark, .dark *) { color: var(--color-base-300); } .p-shard-tray { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--spacing) * 2); } .search-state { padding-inline: calc(var(--spacing) * 6); padding-top: calc(var(--spacing) * 10); padding-bottom: calc(var(--spacing) * 9); text-align: center; } .p-dot { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 0.5); background-color: var(--color-base-200); transition-property: background-color,height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: 250ms; --tw-duration: 250ms; } .p-dot:where(.dark, .dark *) { background-color: var(--color-base-800); } .search-state-icon { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); margin-inline: auto; margin-bottom: calc(var(--spacing) * 4); border-radius: var(--radius-2xl); display: flex; align-items: center; justify-content: center; background-color: color-mix(in oklab, var(--color-primary-500) 10%, transparent); border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in oklab, var(--color-primary-400) 20%, transparent); color: var(--color-primary-600); } .search-state-icon:where(.dark, .dark *) { color: var(--color-primary-300); } .steps-thread .step-title { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); color: var(--color-base-900); margin-bottom: calc(var(--spacing) * 2); } .steps-thread .step-title:where(.dark, .dark *) { color: var(--color-base-50); } .p-result-card { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2.5); padding: calc(var(--spacing) * 4.5); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-900); --tw-shadow: 4px 4px 0 var(--color-base-200); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); background-color: color-mix(in oklab,var(--color-base-50) 60%,white 40%); } .p-result-card:where(.dark, .dark *) { border-color: var(--color-base-100); --tw-shadow: 4px 4px 0 var(--color-base-800); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); background-color: color-mix(in oklab,var(--color-base-950) 60%,white 40%); } .hljs-selector-tag { color: var(--color-sky-700); } .hljs-selector-tag:where(.dark, .dark *) { color: var(--color-sky-300); } .search-result[data-selected=true] .search-result-heading { color: var(--color-base-900); } .search-result[data-selected=true] .search-result-heading:where(.dark, .dark *) { color: var(--color-base-100); } .code-highlight-wrapper .word-highlight-wrapper { position: relative; display: inline-block; } .hljs-title { color: var(--color-amber-800); } .hljs-title:where(.dark, .dark *) { color: var(--color-amber-300); } .p-stem-keep { display: flex; flex-direction: column; gap: calc(var(--spacing) * 1.5); } .search-modal-backdrop { position: fixed; inset: calc(var(--spacing) * 0); z-index: 50; display: flex; justify-content: center; align-items: flex-start; padding-top: 4.5rem; padding-inline: calc(var(--spacing) * 4); padding-bottom: calc(var(--spacing) * 4); background-color: color-mix(in oklab, var(--color-base-700) 30%, transparent); --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .search-modal-backdrop:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-base-950) 70%, transparent); } .p-dot.p-dot--past { background-color: var(--color-base-500); } .p-dot.p-dot--past:where(.dark, .dark *) { background-color: var(--color-base-400); } .p-chip { display: inline-flex; align-items: center; padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 1); margin: calc(var(--spacing) * 0.5); border-radius: 2px; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-500); background-color: transparent; color: var(--color-base-900); font-family: var(--font-mono); font-size: 12.5px; opacity: 100%; } .p-chip:where(.dark, .dark *) { border-color: var(--color-base-400); color: var(--color-base-100); } .code-highlight-wrapper .line { display: inline-block; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: 300ms; --tw-duration: 300ms; padding-inline: calc(var(--spacing) * 5); margin-inline: calc(var(--spacing) * -5); width: calc(100% + 2.5rem); position: relative; } @media (min-width: 1024px) { .code-highlight-wrapper .line { padding-block: 1px; } } .search-esc-kbd { font-family: var(--font-mono); font-size: 11px; padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 0.5); border-radius: var(--radius-md); color: var(--color-base-500); background-color: var(--color-base-100); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-300); border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .search-esc-kbd:where(.dark, .dark *) { color: var(--color-base-400); background-color: var(--color-base-800); border-color: var(--color-base-700); } .p-card-hd { display: flex; justify-content: space-between; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2.5); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-200); font-size: 11px; --tw-tracking: 0.12em; letter-spacing: 0.12em; text-transform: uppercase; } .p-card-hd:where(.dark, .dark *) { border-color: var(--color-base-800); } .p-query-contract p { margin-top: calc(var(--spacing) * 1); margin-bottom: calc(var(--spacing) * 0); font-size: 13px; max-width: 44ch; } .api-doc p + p { margin-top: 0.6em; } .pipeline-beat.pipeline-beat--active { opacity: 100%; } .search-area-pill[data-area=tutorials] { background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent); color: var(--color-sky-700); } .search-area-pill[data-area=tutorials][data-area=tutorials]:where(.dark, .dark *) { color: var(--color-sky-200); } .p-tok-list { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2.5); margin-top: calc(var(--spacing) * 2); } .markdown-alert em { font-style: italic; } .markdown-alert-note { background-color: color-mix(in oklab, var(--color-sky-500) 8%, transparent); border-color: color-mix(in oklab, var(--color-sky-500) 22%, transparent); fill: var(--color-sky-700); } .markdown-alert-note:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent); border-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent); fill: var(--color-sky-300); } .p-scene.p-result { gap: calc(var(--spacing) * 4); justify-content: center; } .search-result[data-selected=true] { background-color: color-mix(in oklab, var(--color-primary-500) 10%, transparent); --tw-shadow: inset 2px 0 0 var(--color-primary-500); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .search-result[data-selected=true][data-selected=true]:where(.dark, .dark *) { --tw-shadow: inset 2px 0 0 var(--color-primary-300); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .code-highlight-wrapper { margin-block: calc(var(--spacing) * 6); border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-200); background-color: var(--color-base-50); overflow: hidden; } .code-highlight-wrapper:where(.dark, .dark *) { background-color: var(--color-base-900); border-color: var(--color-base-800); } .tab-list { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; padding-inline: calc(var(--spacing) * 2); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-200); background-color: var(--color-base-100); scrollbar-width: none; } .tab-list:where(.dark, .dark *) { border-color: var(--color-base-800); background-color: var(--color-base-900); } .tab-list::-webkit-scrollbar { display: none; } .p-arrow-bar { width: calc(var(--spacing) * 4.5); height: 1px; background-color: var(--color-base-500); } .p-arrow-bar:where(.dark, .dark *) { background-color: var(--color-base-400); } .p-scene.is-active .p-chip { animation: var(--animate-p-anim-in); } @media (prefers-reduced-motion: reduce) { .p-scene.is-active .p-chip { animation: none; } } .markdown-alert > ol { list-style-type: decimal; } .p-query-field { flex: 1; border-style: var(--tw-border-style); border-width: 0px; outline-style: var(--tw-outline-style); outline-width: 0px; background-color: transparent; font-family: var(--font-mono); font-size: 18px; color: var(--color-base-900); } .p-query-field:where(.dark, .dark *) { color: var(--color-base-100); } .markdown-alert-checkpoint { background-color: color-mix(in oklab, var(--color-primary-500) 8%, transparent); border-color: color-mix(in oklab, var(--color-primary-500) 22%, transparent); fill: var(--color-primary-700); } .markdown-alert-checkpoint:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-primary-500) 10%, transparent); border-color: color-mix(in oklab, var(--color-primary-500) 25%, transparent); fill: var(--color-primary-300); } .markdown-alert strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-base-900); } .markdown-alert strong:where(.dark, .dark *) { color: var(--color-base-50); } .markdown-alert-tip .markdown-alert-title { color: var(--color-emerald-800); } .markdown-alert-tip .markdown-alert-title:where(.dark, .dark *) { color: var(--color-emerald-200); } .search-recent-row:hover .search-recent-title { color: var(--color-primary-600); } .search-recent-row:hover .search-recent-title:where(.dark, .dark *) { color: var(--color-primary-300); } .steps-thread .step { position: relative; padding-bottom: calc(var(--spacing) * 8); } .steps-thread .step:last-child { padding-bottom: calc(var(--spacing) * 1); } .code-highlight-wrapper .line:has(.word-highlight-wrapper) { margin-bottom: calc(var(--spacing) * 12); } .pn-card-link { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .pn-card-link:hover { background-color: color-mix(in oklch,var(--card-tint) 20%,transparent); } .pn-card-link:where(.dark, .dark *):hover { background-color: color-mix(in oklch,var(--card-tint) 22%,transparent); } .code-highlight-wrapper .line.diff-remove > * { opacity: 60%; } .p-eyebrow { font-family: var(--font-mono); font-size: 11px; --tw-tracking: 0.16em; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-base-500); } .p-eyebrow:where(.dark, .dark *) { color: var(--color-base-400); } .p-score-file { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3.5); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-200); } .p-score-file:where(.dark, .dark *) { border-color: var(--color-base-800); } .markdown-alert-caution { background-color: color-mix(in oklab, var(--color-orange-500) 8%, transparent); border-color: color-mix(in oklab, var(--color-orange-500) 22%, transparent); fill: var(--color-orange-700); } .markdown-alert-caution:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); border-color: color-mix(in oklab, var(--color-orange-500) 25%, transparent); fill: var(--color-orange-300); } .p-query-input { display: flex; gap: calc(var(--spacing) * 3); align-items: center; padding-inline: calc(var(--spacing) * 3.5); padding-block: calc(var(--spacing) * 2.5); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-900); background-color: color-mix(in oklab,var(--color-base-50) 60%,white 40%); } .p-query-input:where(.dark, .dark *) { border-color: var(--color-base-100); background-color: color-mix(in oklab,var(--color-base-950) 60%,white 40%); } .code-highlight-wrapper pre.has-focused .line.focused { --tw-blur: blur(0); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); opacity: 100%; } .code-highlight-wrapper .codeblock-lang { color: var(--color-base-500); } .code-highlight-wrapper .codeblock-lang:where(.dark, .dark *) { color: var(--color-base-400); } .p-result-title { font-size: 22px; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: -0.01em; letter-spacing: -0.01em; } .p-tok-src { color: var(--color-base-700); } .p-tok-src:where(.dark, .dark *) { color: var(--color-base-300); } .pipeline-stage-hd { display: flex; justify-content: space-between; align-items: center; padding-inline: 18px; padding-block: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-200); font-size: 11px; --tw-tracking: 0.14em; letter-spacing: 0.14em; text-transform: uppercase; } .pipeline-stage-hd:where(.dark, .dark *) { border-color: var(--color-base-800); } .search-recent-chevron { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); margin-left: auto; flex-shrink: 0; color: var(--color-base-400); } .search-recent-chevron:where(.dark, .dark *) { color: var(--color-base-600); } .search-dot[data-area=blog] { background-color: var(--color-pink-400); } .p-result-meta { display: flex; justify-content: space-between; font-size: 11px; --tw-tracking: 0.1em; letter-spacing: 0.1em; text-transform: uppercase; } .p-score-table { width: 100%; border-collapse: collapse; margin-top: calc(var(--spacing) * 2); font-size: 12.5px; } .hljs-link { color: var(--color-blue-800); } .hljs-link:where(.dark, .dark *) { color: var(--color-blue-300); } .p-shard-frags { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--spacing) * 2); } .hljs-number { color: var(--color-emerald-800); } .hljs-number:where(.dark, .dark *) { color: var(--color-emerald-300); } .p-fetch-pipe-label { font-size: 11px; --tw-tracking: 0.1em; letter-spacing: 0.1em; } .p-scene.is-active .p-anim { animation: var(--animate-p-anim-in); } @media (prefers-reduced-motion: reduce) { .p-scene.is-active .p-anim { animation: none; } } .search-recent-icon { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); flex-shrink: 0; color: var(--color-base-500); } .p-fetch-pipe { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 1); } .p-idx-bits { display: flex; flex-direction: column; gap: calc(var(--spacing) * 1); } .search-result[data-selected=true] .search-page-group-title { color: var(--color-base-950); } .search-result[data-selected=true] .search-page-group-title:where(.dark, .dark *) { color: var(--color-white); } .hljs-string { color: var(--color-emerald-800); } .hljs-string:where(.dark, .dark *) { color: var(--color-emerald-300); } .code-highlight-wrapper .line.warning { background-color: color-mix(in oklab, var(--color-amber-300) 50%, transparent); } .code-highlight-wrapper .line.warning:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent); } .code-highlight-wrapper .codeblock-head { display: flex; align-items: center; justify-content: space-between; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 1.5); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-200); background-color: var(--color-base-100); font-family: var(--font-mono); font-size: 12px; } .code-highlight-wrapper .codeblock-head:where(.dark, .dark *) { border-color: var(--color-base-800); background-color: var(--color-base-900); } section { scroll-margin-top: calc(var(--spacing) * 20); } .search-area-pill[data-area=explanation] { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); color: var(--color-amber-800); } .search-area-pill[data-area=explanation][data-area=explanation]:where(.dark, .dark *) { color: var(--color-amber-200); } .search-modal { display: flex; flex-direction: column; width: 100%; max-width: 720px; max-height: calc(100vh - 6rem); overflow: hidden; border-radius: var(--radius-2xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-200); background-color: var(--color-base-50); color: var(--color-base-900); --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .search-modal:where(.dark, .dark *) { color-scheme: dark; border-color: var(--color-base-800); background-color: var(--color-base-900); color: var(--color-base-50); } .pn-card-icon { color: color-mix(in oklch,var(--card-tint) 72%,var(--color-base-950)); fill: color-mix(in oklch,var(--card-tint) 28%,transparent); } .pn-card-icon:where(.dark, .dark *) { color: var(--card-tint); fill: color-mix(in oklch,var(--card-tint) 25%,var(--color-base-950)); } .p-idx-final { padding-top: calc(var(--spacing) * 2.5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-base-200); } .p-idx-final:where(.dark, .dark *) { border-color: var(--color-base-800); } .hljs-keyword { color: var(--color-sky-800); } .hljs-keyword:where(.dark, .dark *) { color: var(--color-sky-300); } .search-state-icon-warn { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent); color: var(--color-amber-600); } .search-state-icon-warn:where(.dark, .dark *) { color: var(--color-amber-300); } .p-scene.is-active { opacity: 100%; visibility: visible; animation: var(--animate-p-scene-in); } @media (prefers-reduced-motion: reduce) { .p-scene.is-active { animation: none; } } .f-heading { color: color-mix(in oklab,var(--color-primary-700) 80%,var(--color-base-50) 20%); } .f-heading:where(.dark, .dark *) { color: color-mix(in oklab,var(--color-primary-300) 80%,var(--color-base-950) 20%); } .p-dot.p-dot--active { background-color: var(--color-primary-700); height: 3px; } .p-dot.p-dot--active:where(.dark, .dark *) { background-color: var(--color-primary-300); } .search-result-sub { padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 1.5); } .p-fetch-tally { padding-top: calc(var(--spacing) * 1.5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-base-200); font-size: 11px; --tw-tracking: 0.1em; letter-spacing: 0.1em; text-transform: uppercase; } .p-fetch-tally:where(.dark, .dark *) { border-color: var(--color-base-800); } .search-recent-row { display: flex; align-items: center; gap: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); cursor: pointer; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; --tw-border-style: dashed; border-style: dashed; border-color: color-mix(in oklab, var(--color-base-300) 50%, transparent); } .search-recent-row:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .search-recent-row:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-base-700) 40%, transparent); } .p-chip.p-chip--whole { background-color: var(--color-base-900); color: var(--color-base-50); border-color: var(--color-base-900); } .p-chip.p-chip--whole:where(.dark, .dark *) { background-color: var(--color-base-100); color: var(--color-base-950); border-color: var(--color-base-100); } .search-result-heading { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); font-size: 13.5px; --tw-leading: 1.375; line-height: 1.375; color: var(--color-base-600); } .search-result-heading:where(.dark, .dark *) { color: var(--color-base-400); } .hljs { color: var(--color-base-900); } .hljs:where(.dark, .dark *) { color: var(--color-base-200); } .tab-panel { display: none; } .tab-panel[data-selected="true"] { display: block; } .pipeline-beat-num { font-size: 11px; --tw-tracking: 0.16em; letter-spacing: 0.16em; color: var(--color-primary-700); } .pipeline-beat-num:where(.dark, .dark *) { color: var(--color-primary-300); } .search-dot[data-area=how-to] { background-color: var(--color-emerald-400); } .p-idx-sum { padding-top: calc(var(--spacing) * 1.5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-base-200); } .p-idx-sum:where(.dark, .dark *) { border-color: var(--color-base-800); } .steps-thread .step-num { position: absolute; left: calc(var(--spacing) * -10); top: calc(var(--spacing) * -0.5); display: inline-flex; align-items: center; justify-content: center; width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); border-radius: calc(infinity * 1px); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); font-size: 13px; color: var(--color-primary-700); background-color: var(--color-base-50); border-style: var(--tw-border-style); border-width: 1.5px; border-color: var(--color-primary-300); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--color-base-50); } .steps-thread .step-num:where(.dark, .dark *) { color: var(--color-primary-300); background-color: var(--color-base-900); border-color: color-mix(in oklab, var(--color-primary-300) 40%, transparent); --tw-ring-color: var(--color-base-950); } .markdown-alert > p { margin: calc(var(--spacing) * 0); } .search-clear-btn { display: inline-flex; align-items: center; justify-content: center; width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); border-radius: calc(infinity * 1px); color: var(--color-base-500); background-color: var(--color-base-100); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-300); } .search-clear-btn:hover { color: var(--color-base-800); } .search-clear-btn:where(.dark, .dark *) { background-color: var(--color-base-800); border-color: var(--color-base-700); } .search-clear-btn:where(.dark, .dark *):hover { color: var(--color-base-200); } .p-tok-out { display: flex; flex-wrap: wrap; align-items: center; } .hljs-symbol { color: var(--color-rose-800); } .hljs-symbol:where(.dark, .dark *) { color: var(--color-rose-300); } .hljs-punctuation { color: var(--color-base-800); } .hljs-punctuation:where(.dark, .dark *) { color: var(--color-base-300); } .p-fetch-line { position: relative; width: 100%; height: 1px; background-image: linear-gradient(90deg,var(--color-base-200),var(--color-primary-700),var(--color-base-200)); } .p-fetch-line::after { --tw-content: '→'; content: var(--tw-content); position: absolute; right: -2px; top: calc(1/2 * 100%); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); padding-inline: calc(var(--spacing) * 1); font-family: var(--font-mono); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); color: var(--color-primary-700); background-color: color-mix(in oklab,var(--color-base-50) 75%,white 25%); } .p-fetch-line:where(.dark, .dark *)::after { color: var(--color-primary-300); background-color: color-mix(in oklab,var(--color-base-950) 75%,white 25%); } .p-tok-foot { padding-top: calc(var(--spacing) * 2.5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-base-200); font-size: 11px; } .p-tok-foot:where(.dark, .dark *) { border-color: var(--color-base-800); } .code-highlight-wrapper pre { padding-block: calc(var(--spacing) * 4); padding-inline: calc(var(--spacing) * 4); overflow-x: auto; font-family: var(--font-mono); font-size: 13px; --tw-leading: 1.6; line-height: 1.6; width: 100%; } @media (min-width: 768px) { .code-highlight-wrapper pre { padding-inline: calc(var(--spacing) * 5); } } .code-highlight-wrapper pre :where(.dark, .dark *) { color-scheme: dark; } .search-input-row { display: flex; align-items: center; gap: calc(var(--spacing) * 3.5); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 4); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-200); } .search-input-row:where(.dark, .dark *) { border-color: var(--color-base-800); } .tab-container { display: flex; flex-direction: column; border-radius: var(--radius-xl); overflow: hidden; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-200); background-color: var(--color-base-50); } .tab-container:where(.dark, .dark *) { background-color: var(--color-base-900); border-color: var(--color-base-800); } .pipeline-beat:first-child { } @media (min-width: 1280px) { .pipeline-beat:first-child:first-child { padding-top: 4vh; min-height: 60vh; } } .pipeline-stage-frame { height: 100%; display: grid; grid-template-rows: auto 1fr auto; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-200); background-color: color-mix(in oklab,var(--color-base-50) 75%,white 25%); } .pipeline-stage-frame:where(.dark, .dark *) { border-color: var(--color-base-800); background-color: color-mix(in oklab,var(--color-base-950) 75%,white 25%); } .code-highlight-wrapper pre code { font-family: var(--font-mono); display: inline-block; min-width: 100%; } .code-highlight-wrapper .word-highlight-message { font-family: var(--font-sans); position: absolute; top: 100%; left: calc(var(--spacing) * 0); margin-top: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--color-base-800); background-color: color-mix(in oklab, var(--color-base-200) 25%, transparent); border-radius: 0.25rem; border-style: var(--tw-border-style); border-width: 1px; border-color: color-mix(in oklab, var(--color-primary-500) 50%, transparent); white-space: nowrap; z-index: 10; -webkit-user-select: none; user-select: none; pointer-events: none; } .code-highlight-wrapper .word-highlight-message:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-primary-700) 20%, transparent); color: var(--color-primary-200); } .p-fetch-layout { display: grid; grid-template-columns: 1fr auto 1fr; gap: calc(var(--spacing) * 4); align-items: stretch; min-height: calc(var(--spacing) * 0); } .search-area-pill[data-area=blog] { background-color: color-mix(in oklab, var(--color-pink-500) 15%, transparent); color: var(--color-pink-700); } .search-area-pill[data-area=blog][data-area=blog]:where(.dark, .dark *) { color: var(--color-pink-200); } .markdown-alert > ul { list-style-type: disc; } .pipeline-beats { display: flex; flex-direction: column; } .p-scene.p-stem { gap: calc(var(--spacing) * 2.5); } .p-result-snippet { font-size: 17px; --tw-leading: 1.55; line-height: 1.55; color: var(--color-base-700); } .p-result-snippet:where(.dark, .dark *) { color: var(--color-base-300); } .pipeline-stage { position: sticky; top: calc(var(--spacing) * 21); height: min(620px, calc(100vh - 120px)); } .search-recent-title { font-size: 13.5px; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-base-800); } .search-recent-title:where(.dark, .dark *) { color: var(--color-base-100); } .p-tok-row { display: grid; grid-template-columns: 160px auto 1fr; gap: calc(var(--spacing) * 2.5); align-items: center; font-size: 13px; } .markdown-alert-important { background-color: color-mix(in oklab, var(--color-primary-500) 8%, transparent); border-color: color-mix(in oklab, var(--color-primary-500) 22%, transparent); fill: var(--color-primary-700); } .markdown-alert-important:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-primary-500) 10%, transparent); border-color: color-mix(in oklab, var(--color-primary-500) 25%, transparent); fill: var(--color-primary-300); } .ctab-panel[data-active="true"] { display: block; } .hljs-regexp { color: var(--color-emerald-800); } .hljs-regexp:where(.dark, .dark *) { color: var(--color-emerald-300); } .hljs-name { color: var(--color-rose-800); } .hljs-name:where(.dark, .dark *) { color: var(--color-rose-300); } .search-more-in-page { display: flex; align-items: center; gap: calc(var(--spacing) * 1.5); padding-left: calc(var(--spacing) * 10); padding-right: calc(var(--spacing) * 4); padding-top: calc(var(--spacing) * 1); padding-bottom: calc(var(--spacing) * 3.5); font-size: 12px; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-primary-600); cursor: pointer; } .search-more-in-page:hover { text-decoration-line: underline; } .search-more-in-page:where(.dark, .dark *) { color: var(--color-primary-300); } .search-page-group-head { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 4); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 3); } .p-stem-rule { font-size: 11px; --tw-tracking: 0.06em; letter-spacing: 0.06em; } .p-query-contract { padding-block: calc(var(--spacing) * 2); } .code-highlight-wrapper pre.has-focused .line { --tw-blur: blur(0.05rem); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); opacity: 75%; } .pipeline-beat { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--spacing) * 2.5); min-height: calc(var(--spacing) * 0); padding-block: 22px; opacity: 100%; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-200); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: 400ms; --tw-duration: 400ms; } .pipeline-beat:where(.dark, .dark *) { border-color: var(--color-base-800); } @media (min-width: 1280px) { .pipeline-beat { min-height: 78vh; padding-top: 12vh; padding-bottom: 8vh; opacity: 35%; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .ctab-panel { display: none; } .pipeline-scrolly-inner { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: calc(var(--spacing) * 0); } @media (min-width: 1280px) { .pipeline-scrolly-inner { grid-template-columns: minmax(0,1fr) 260px; gap: calc(var(--spacing) * 11); } } .tab-button { white-space: nowrap; border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; border-color: transparent; margin-bottom: -1px; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2.5); font-size: 12px; font-family: var(--font-mono); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-base-500); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .tab-button:where(.dark, .dark *) { color: var(--color-base-400); } .tab-button:hover { color: var(--color-base-800); } .tab-button:where(.dark, .dark *):hover { color: var(--color-base-200); } .tab-button:disabled { pointer-events: none; opacity: 50%; } .tab-button[data-selected="true"] { color: var(--color-primary-700); border-color: var(--color-primary-600); } .tab-button:where(.dark, .dark *)[data-selected="true"] { color: var(--color-primary-300); border-color: var(--color-primary-300); } .p-shard-file.p-shard-file--lit { border-color: var(--color-primary-700); background-color: color-mix(in oklab,var(--color-primary-700) 12%,var(--color-base-50) 88%); --tw-shadow: inset 0 0 0 1px var(--color-primary-700); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .p-shard-file.p-shard-file--lit:where(.dark, .dark *) { border-color: var(--color-primary-300); background-color: color-mix(in oklab,var(--color-primary-300) 12%,var(--color-base-950) 88%); --tw-shadow: inset 0 0 0 1px var(--color-primary-300); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .markdown-alert-warning { background-color: color-mix(in oklab, var(--color-amber-500) 8%, transparent); border-color: color-mix(in oklab, var(--color-amber-500) 22%, transparent); fill: var(--color-amber-700); } .markdown-alert-warning:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); fill: var(--color-amber-300); } .search-state-actions { display: flex; justify-content: center; gap: calc(var(--spacing) * 2); flex-wrap: wrap; } .markdown-alert-caution .markdown-alert-title { color: var(--color-orange-800); } .markdown-alert-caution .markdown-alert-title:where(.dark, .dark *) { color: var(--color-orange-200); } .markdown-alert a { text-decoration-line: underline; } .pipeline-stage-body { position: relative; overflow: hidden; min-height: calc(var(--spacing) * 0); } .p-score-table tr:last-child td { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .search-dot[data-area=explanation] { background-color: var(--color-amber-400); } .search-page-group-title.is-mono { font-family: var(--font-mono); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); font-size: 13.5px; letter-spacing: -0.025em; } .p-fetch-browser { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2); } .code-highlight-wrapper .line.diff-remove { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); --tw-shadow: inset 2px 0 0 var(--color-rose-600); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .code-highlight-wrapper .line.diff-remove:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent); --tw-shadow: inset 2px 0 0 var(--color-rose-400); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .code-highlight-wrapper .line.diff-remove::before { position: absolute; left: calc(var(--spacing) * 1); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-content: '-'; content: var(--tw-content); color: var(--color-rose-700); } .code-highlight-wrapper .line.diff-remove:where(.dark, .dark *)::before { color: var(--color-rose-400); } .hljs-type { color: var(--color-base-700); } .hljs-type:where(.dark, .dark *) { color: var(--color-base-300); } .pipeline-beat:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .hljs-class { color: var(--color-sky-800); } .hljs-class:where(.dark, .dark *) { color: var(--color-sky-300); } .code-highlight-wrapper .line.diff-add { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); --tw-shadow: inset 2px 0 0 var(--color-emerald-600); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .code-highlight-wrapper .line.diff-add:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); --tw-shadow: inset 2px 0 0 var(--color-emerald-400); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .code-highlight-wrapper .line.diff-add::before { position: absolute; left: calc(var(--spacing) * 1); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-content: '+'; content: var(--tw-content); color: var(--color-emerald-700); } .code-highlight-wrapper .line.diff-add:where(.dark, .dark *)::before { color: var(--color-emerald-400); } .p-stem-divider { height: 1px; margin-block: calc(var(--spacing) * 2); background-color: var(--color-base-200); } .p-stem-divider:where(.dark, .dark *) { background-color: var(--color-base-800); } .p-accent { color: var(--color-primary-700); } .p-accent:where(.dark, .dark *) { color: var(--color-primary-300); } .ctabs-bar { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; gap: calc(var(--spacing) * 1); overflow-x: auto; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-base-200); scrollbar-width: none; } .ctabs-bar:where(.dark, .dark *) { border-color: var(--color-base-800); } .ctabs-bar::-webkit-scrollbar { display: none; } :target { scroll-margin-top: calc(var(--spacing) * 20); } .p-strike { text-decoration-line: line-through; color: var(--color-base-500); } .p-strike:where(.dark, .dark *) { color: var(--color-base-400); } .p-query-derive { display: flex; gap: calc(var(--spacing) * 2.5); align-items: baseline; font-size: 15px; padding-top: calc(var(--spacing) * 2.5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-base-200); } .p-query-derive:where(.dark, .dark *) { border-color: var(--color-base-800); } .search-highlight { background-color: color-mix(in oklab, var(--color-primary-500) 20%, transparent); color: var(--color-primary-800); border-radius: 3px; padding-inline: calc(var(--spacing) * 0.5); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .search-highlight:where(.dark, .dark *) { color: var(--color-primary-100); } .code-highlight-wrapper .word-highlight-message::selection { background-color: transparent; } .search-dot[data-area=reference] { background-color: var(--color-primary-400); } .p-card { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-base-900); --tw-shadow: 4px 4px 0 var(--color-base-200); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); background-color: color-mix(in oklab,var(--color-base-50) 60%,white 40%); } .p-card:where(.dark, .dark *) { border-color: var(--color-base-100); --tw-shadow: 4px 4px 0 var(--color-base-800); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); background-color: color-mix(in oklab,var(--color-base-950) 60%,white 40%); } .p-idx-bitrow { display: grid; grid-template-columns: 16px 92px 60px 1fr; gap: calc(var(--spacing) * 2.5); align-items: center; font-size: 13px; } .search-empty-clear { text-transform: none; letter-spacing: 0em; font-size: 11.5px; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-base-500); cursor: pointer; } .search-empty-clear:hover { color: var(--color-base-800); } .search-empty-clear:where(.dark, .dark *):hover { color: var(--color-base-200); } .code-highlight-wrapper pre.has-focused:hover .line { --tw-blur: blur(0); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); opacity: 100%; } .api-doc li { margin-top: 0.2em; } .markdown-alert-note .markdown-alert-title { color: var(--color-sky-800); } .markdown-alert-note .markdown-alert-title:where(.dark, .dark *) { color: var(--color-sky-200); } .markdown-alert-title { display: flex; align-items: center; gap: calc(var(--spacing) * 2); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); font-size: 14px; } .p-scene.p-shard { gap: calc(var(--spacing) * 2.5); } .p-stem-row { display: grid; grid-template-columns: 100px 18px 100px 1fr; gap: calc(var(--spacing) * 3); align-items: baseline; font-size: 14px; } .p-scene.p-score { gap: calc(var(--spacing) * 3.5); } .pn-card { background-color: color-mix(in oklch,var(--card-tint) 10%,transparent); border-color: color-mix(in oklch,var(--card-tint) 30%,transparent); color: color-mix(in oklch,var(--card-tint) 88%,var(--color-base-950)); } .pn-card:where(.dark, .dark *) { background-color: color-mix(in oklch,var(--card-tint) 12%,transparent); border-color: color-mix(in oklch,var(--card-tint) 30%,transparent); color: color-mix(in oklch,var(--card-tint) 80%,white); } .search-area-pill[data-area=reference] { background-color: color-mix(in oklab, var(--color-primary-500) 15%, transparent); color: var(--color-primary-700); } .search-area-pill[data-area=reference][data-area=reference]:where(.dark, .dark *) { color: var(--color-primary-200); } .search-input-icon { width: 1.15rem; height: 1.15rem; flex-shrink: 0; color: var(--color-base-500); } .ctabs { margin-block: calc(var(--spacing) * 7); } .p-score-formula { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); border-style: dashed; border-width: 1px; --tw-border-style: dashed; border-color: var(--color-base-200); } .p-score-formula:where(.dark, .dark *) { border-color: var(--color-base-800); } .search-state-title { font-size: 16px; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-base-900); margin-bottom: calc(var(--spacing) * 1.5); } .search-state-title:where(.dark, .dark *) { color: var(--color-base-50); } .markdown-alert-tip { background-color: color-mix(in oklab, var(--color-emerald-500) 8%, transparent); border-color: color-mix(in oklab, var(--color-emerald-500) 22%, transparent); fill: var(--color-emerald-700); } .markdown-alert-tip:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent); fill: var(--color-emerald-300); } .p-doc-row { display: flex; gap: calc(var(--spacing) * 4.5); align-items: baseline; } .p-scene.p-index { gap: calc(var(--spacing) * 3); } .pipeline-beat-title { font-family: var(--font-serif); font-size: 26px; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: -0.015em; letter-spacing: -0.015em; --tw-leading: 1.2; line-height: 1.2; text-wrap: balance; color: var(--color-base-900); margin: calc(var(--spacing) * 0); } .pipeline-beat-title:where(.dark, .dark *) { color: var(--color-base-100); } .p-arrow-tip { font-size: 13px; color: var(--color-primary-700); } .p-arrow-tip:where(.dark, .dark *) { color: var(--color-primary-300); } .hljs-tag { color: var(--color-sky-800); } .hljs-tag:where(.dark, .dark *) { color: var(--color-sky-300); } .search-recent-sub { font-size: 11.5px; color: var(--color-base-500); margin-top: calc(var(--spacing) * 0.5); } .f-body { color: var(--color-base-500); } .f-body:where(.dark, .dark *) { color: var(--color-base-400); } .p-medium { font-size: 18px; } } @layer utilities { .prose { max-width: 65ch; font-size: 1rem; line-height: 1.75; --tw-prose-body: oklch(37.3% 0.034 259.733); --tw-prose-invert-body: oklch(87.2% 0.01 258.338); --tw-prose-headings: oklch(21% 0.034 264.665); --tw-prose-invert-headings: #fff; --tw-prose-lead: oklch(44.6% 0.03 256.802); --tw-prose-invert-lead: oklch(70.7% 0.022 261.325); --tw-prose-links: oklch(21% 0.034 264.665); --tw-prose-invert-links: #fff; --tw-prose-bold: oklch(21% 0.034 264.665); --tw-prose-invert-bold: #fff; --tw-prose-counters: oklch(55.1% 0.027 264.364); --tw-prose-invert-counters: oklch(70.7% 0.022 261.325); --tw-prose-bullets: oklch(87.2% 0.01 258.338); --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802); --tw-prose-hr: oklch(92.8% 0.006 264.531); --tw-prose-invert-hr: oklch(37.3% 0.034 259.733); --tw-prose-quotes: oklch(21% 0.034 264.665); --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542); --tw-prose-quote-borders: oklch(92.8% 0.006 264.531); --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733); --tw-prose-captions: oklch(55.1% 0.027 264.364); --tw-prose-invert-captions: oklch(70.7% 0.022 261.325); --tw-prose-kbd: oklch(21% 0.034 264.665); --tw-prose-invert-kbd: #fff; --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent); --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-code: oklch(21% 0.034 264.665); --tw-prose-invert-code: #fff; --tw-prose-pre-code: oklch(92.8% 0.006 264.531); --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338); --tw-prose-pre-bg: oklch(27.8% 0.033 256.848); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-th-borders: oklch(87.2% 0.01 258.338); --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802); --tw-prose-td-borders: oklch(92.8% 0.006 264.531); --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733); color: var(--tw-prose-body); } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; text-wrap: pretty; } .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; color: var(--tw-prose-lead); } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: oklch(40.97% 0.1072 25.92); text-decoration: underline; font-weight: 500; text-decoration-line: underline; text-underline-offset: 3px; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: oklch(22.66% 0.0359 271.46); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: disc; } .prose :where(ol > li::marker):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li::marker):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; color: var(--tw-prose-headings); font-weight: 600; } .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 3em; margin-bottom: 3em; border-color: var(--tw-prose-hr); border-top-width: 1px; border: 0; border-top: 1px solid oklch(91.33% 0.0346 90.52); margin: 3rem 0; } .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; font-style: italic; font-weight: 500; color: var(--tw-prose-quotes); border-left-width: 4px; padding-left: 1rem; border-color: oklch(85.52% 0.0392 90.67); } .prose :where(blockquote p:first-of-type::before):not(:where([class~="not-prose"],[class~="not-prose"] *)) { content: open-quote; } .prose :where(blockquote p:last-of-type::after):not(:where([class~="not-prose"],[class~="not-prose"] *)) { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; color: var(--tw-prose-headings); font-weight: 800; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-weight: 900; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; color: var(--tw-prose-headings); font-weight: 700; scroll-margin-top: 5rem; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-weight: 800; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; color: var(--tw-prose-headings); font-weight: 600; scroll-margin-top: 5rem; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; color: var(--tw-prose-headings); font-weight: 600; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; font-family: inherit; color: var(--tw-prose-kbd); font-weight: 500; box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.875em; color: var(--tw-prose-code); font-weight: 400; } .prose :where(code::before):not(:where([class~="not-prose"],[class~="not-prose"] *)) { content: "`"; } .prose :where(code::after):not(:where([class~="not-prose"],[class~="not-prose"] *)) { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.4rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; color: var(--tw-prose-pre-code); background-color: oklch(93.72% 0.0275 90.91); overflow-x: auto; font-weight: 400; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .prose :where(pre code::before):not(:where([class~="not-prose"],[class~="not-prose"] *)) { content: none; } .prose :where(pre code::after):not(:where([class~="not-prose"],[class~="not-prose"] *)) { content: none; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; color: var(--tw-prose-body); } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; color: var(--tw-prose-captions); } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .prose :where(pre > code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: inherit; } .prose :where(:not(pre) > code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.86em; } .prose-sm { font-size: 0.875rem; line-height: 1.7142857; } .prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; } .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2857143em; line-height: 1.5555556; margin-top: 0.8888889em; margin-bottom: 0.8888889em; } .prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; } .prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-inline-start: 1.5714286em; } .prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } .prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2.8571429em; margin-bottom: 2.8571429em; } .prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.1111111em; } .prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2.1428571em; margin-top: 0; margin-bottom: 0.8em; line-height: 1.2; } .prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.4285714em; margin-top: 1.6em; margin-bottom: 0.8em; line-height: 1.4; } .prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2857143em; margin-top: 1.5555556em; margin-bottom: 0.4444444em; line-height: 1.5555556; } .prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.4285714em; margin-bottom: 0.5714286em; line-height: 1.4285714; } .prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; border-radius: 0.3125rem; padding-top: 0.1428571em; padding-inline-end: 0.3571429em; padding-bottom: 0.1428571em; padding-inline-start: 0.3571429em; } .prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; } .prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } .prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; } .prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; line-height: 1.6666667; margin-top: 1.6666667em; margin-bottom: 1.6666667em; border-radius: 0.25rem; padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } .prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.2857143em; margin-bottom: 0.2857143em; } .prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4285714em; } .prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4285714em; } .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5714286em; margin-bottom: 0.5714286em; } .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.1428571em; } .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; } .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.1428571em; } .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5714286em; margin-bottom: 0.5714286em; } .prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.1428571em; margin-bottom: 1.1428571em; } .prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.2857143em; padding-inline-start: 1.5714286em; } .prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; line-height: 1.5; } .prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.6666667em; padding-inline-end: 1em; padding-bottom: 0.6666667em; padding-inline-start: 1em; } .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7142857em; margin-bottom: 1.7142857em; } .prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8571429em; line-height: 1.3333333; margin-top: 0.6666667em; } .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .prose-sm :where(pre > code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: inherit; } .prose-sm :where(:not(pre) > code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.86em; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .-top-0\.5 { top: calc(var(--spacing) * -0.5); } .top-21 { top: calc(var(--spacing) * 21); } .top-full { top: 100%; } .right-0 { right: calc(var(--spacing) * 0); } .-left-10 { left: calc(var(--spacing) * -10); } .left-0 { left: calc(var(--spacing) * 0); } .left-\[-1px\] { left: -1px; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-50 { z-index: 50; } .z-\[2\] { z-index: 2; } .m-0 { margin: calc(var(--spacing) * 0); } .m-0\.5 { margin: calc(var(--spacing) * 0.5); } .-mx-5 { margin-inline: calc(var(--spacing) * -5); } .mx-0 { margin-inline: calc(var(--spacing) * 0); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-auto { margin-inline: auto; } .my-0 { margin-block: calc(var(--spacing) * 0); } .my-0\.5 { margin-block: calc(var(--spacing) * 0.5); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-7 { margin-block: calc(var(--spacing) * 7); } .my-8 { margin-block: calc(var(--spacing) * 8); } .-mt-0\.5 { margin-top: calc(var(--spacing) * -0.5); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-14 { margin-top: calc(var(--spacing) * 14); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-28 { margin-top: calc(var(--spacing) * 28); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-9 { margin-top: calc(var(--spacing) * 9); } .mt-\[0\.2em\] { margin-top: 0.2em; } .mt-\[0\.4em\] { margin-top: 0.4em; } .mt-\[0\.6em\] { margin-top: 0.6em; } .mt-\[88px\] { margin-top: 88px; } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-3\.5 { margin-bottom: calc(var(--spacing) * 3.5); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-9 { margin-bottom: calc(var(--spacing) * 9); } .mb-\[18px\] { margin-bottom: 18px; } .mb-\[22px\] { margin-bottom: 22px; } .ml-\[calc\(-1\*\(4em-1px\)\)\] { margin-left: calc(-1 * (4em - 1px)); } .ml-auto { margin-left: auto; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .none { display: none; } .table { display: table; } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-12 { height: calc(var(--spacing) * 12); } .h-4 { height: calc(var(--spacing) * 4); } .h-6 { height: calc(var(--spacing) * 6); } .h-8 { height: calc(var(--spacing) * 8); } .h-\[1\.15rem\] { height: 1.15rem; } .h-\[30px\] { height: 30px; } .h-\[3px\] { height: 3px; } .h-\[5px\] { height: 5px; } .h-\[7px\] { height: 7px; } .h-\[min\(620px\,calc\(100vh-120px\)\)\] { height: min(620px, calc(100vh - 120px)); } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-\[calc\(100vh-6rem\)\] { max-height: calc(100vh - 6rem); } .min-h-0 { min-height: calc(var(--spacing) * 0); } .container { @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } width: 100%; } .w-12 { width: calc(var(--spacing) * 12); } .w-4 { width: calc(var(--spacing) * 4); } .w-4\.5 { width: calc(var(--spacing) * 4.5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-\[1\.15rem\] { width: 1.15rem; } .w-\[2px\] { width: 2px; } .w-\[30px\] { width: 30px; } .w-\[5px\] { width: 5px; } .w-\[7px\] { width: 7px; } .w-\[88px\] { width: 88px; } .w-\[calc\(100\%\+2\.5rem\)\] { width: calc(100% + 2.5rem); } .w-full { width: 100%; } .max-w-\[1240px\] { max-width: 1240px; } .max-w-\[30ch\] { max-width: 30ch; } .max-w-\[30rem\] { max-width: 30rem; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[44ch\] { max-width: 44ch; } .max-w-\[50ch\] { max-width: 50ch; } .max-w-\[56ch\] { max-width: 56ch; } .max-w-\[60ch\] { max-width: 60ch; } .max-w-\[64ch\] { max-width: 64ch; } .max-w-\[720px\] { max-width: 720px; } .max-w-none { max-width: none; } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-32 { min-width: calc(var(--spacing) * 32); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-\[38px\] { min-width: 38px; } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .shrink-0 { flex-shrink: 0; } .border-collapse { border-collapse: collapse; } .animate-p-anim-in { animation: var(--animate-p-anim-in); } .animate-p-scene-in { animation: var(--animate-p-scene-in); } .animate-pulse { animation: var(--animate-pulse); } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .scroll-mt-20 { scroll-margin-top: calc(var(--spacing) * 20); } .list-outside { list-style-position: outside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-\[1\.1rem_1fr\] { grid-template-columns: 1.1rem 1fr; } .grid-cols-\[100px_18px_100px_1fr\] { grid-template-columns: 100px 18px 100px 1fr; } .grid-cols-\[160px_auto_1fr\] { grid-template-columns: 160px auto 1fr; } .grid-cols-\[16px_92px_60px_1fr\] { grid-template-columns: 16px 92px 60px 1fr; } .grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .grid-rows-\[auto_1fr_auto\] { grid-template-rows: auto 1fr auto; } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-14 { gap: calc(var(--spacing) * 14); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-4\.5 { gap: calc(var(--spacing) * 4.5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-\[18px\] { gap: 18px; } .gap-px { gap: 1px; } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .overflow-hidden { overflow: hidden; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-x-auto { overflow-x: auto; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-auto { overflow-y: auto; } .scroll-smooth { scroll-behavior: smooth; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[3px\] { border-radius: 3px; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-\[color-mix\(in_oklch\,var\(--card-tint\)_30\%\,transparent\)\] { border-color: color-mix(in oklch,var(--card-tint) 30%,transparent); } .border-amber-300 { border-color: var(--color-amber-300); } .border-amber-400\/30 { border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent); } .border-base-100 { border-color: var(--color-base-100); } .border-base-200 { border-color: var(--color-base-200); } .border-base-200\/60 { border-color: color-mix(in oklab, var(--color-base-200) 60%, transparent); } .border-base-300 { border-color: var(--color-base-300); } .border-base-300\/50 { border-color: color-mix(in oklab, var(--color-base-300) 50%, transparent); } .border-base-500 { border-color: var(--color-base-500); } .border-base-900 { border-color: var(--color-base-900); } .border-current { border-color: currentColor; } .border-primary-300 { border-color: var(--color-primary-300); } .border-primary-400\/20 { border-color: color-mix(in oklab, var(--color-primary-400) 20%, transparent); } .border-primary-400\/35 { border-color: color-mix(in oklab, var(--color-primary-400) 35%, transparent); } .border-primary-500\/22 { border-color: color-mix(in oklab, var(--color-primary-500) 22%, transparent); } .border-primary-500\/50 { border-color: color-mix(in oklab, var(--color-primary-500) 50%, transparent); } .border-primary-600 { border-color: var(--color-primary-600); } .border-primary-700 { border-color: var(--color-primary-700); } .border-transparent { border-color: transparent; } .bg-\[color-mix\(in_oklab\,var\(--color-base-50\)_60\%\,white_40\%\)\] { background-color: color-mix(in oklab,var(--color-base-50) 60%,white 40%); } .bg-\[color-mix\(in_oklab\,var\(--color-base-50\)_70\%\,white_30\%\)\] { background-color: color-mix(in oklab,var(--color-base-50) 70%,white 30%); } .bg-\[color-mix\(in_oklab\,var\(--color-base-50\)_75\%\,white_25\%\)\] { background-color: color-mix(in oklab,var(--color-base-50) 75%,white 25%); } .bg-\[color-mix\(in_oklab\,var\(--color-base-500\)_12\%\,transparent\)\] { background-color: color-mix(in oklab,var(--color-base-500) 12%,transparent); } .bg-\[color-mix\(in_oklab\,var\(--color-primary-700\)_12\%\,var\(--color-base-50\)_88\%\)\] { background-color: color-mix(in oklab,var(--color-primary-700) 12%,var(--color-base-50) 88%); } .bg-\[color-mix\(in_oklab\,var\(--color-primary-700\)_18\%\,var\(--color-base-50\)_82\%\)\] { background-color: color-mix(in oklab,var(--color-primary-700) 18%,var(--color-base-50) 82%); } .bg-\[color-mix\(in_oklch\,var\(--card-tint\)_10\%\,transparent\)\] { background-color: color-mix(in oklch,var(--card-tint) 10%,transparent); } .bg-amber-300\/50 { background-color: color-mix(in oklab, var(--color-amber-300) 50%, transparent); } .bg-amber-400 { background-color: var(--color-amber-400); } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-500\/15 { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } .bg-base-100 { background-color: var(--color-base-100); } .bg-base-100\/60 { background-color: color-mix(in oklab, var(--color-base-100) 60%, transparent); } .bg-base-200 { background-color: var(--color-base-200); } .bg-base-200\/25 { background-color: color-mix(in oklab, var(--color-base-200) 25%, transparent); } .bg-base-300\/60 { background-color: color-mix(in oklab, var(--color-base-300) 60%, transparent); } .bg-base-50 { background-color: var(--color-base-50); } .bg-base-500 { background-color: var(--color-base-500); } .bg-base-500\/15 { background-color: color-mix(in oklab, var(--color-base-500) 15%, transparent); } .bg-base-700\/30 { background-color: color-mix(in oklab, var(--color-base-700) 30%, transparent); } .bg-base-900 { background-color: var(--color-base-900); } .bg-emerald-400 { background-color: var(--color-emerald-400); } .bg-emerald-500\/10 { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } .bg-emerald-500\/15 { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } .bg-pink-400 { background-color: var(--color-pink-400); } .bg-pink-500\/15 { background-color: color-mix(in oklab, var(--color-pink-500) 15%, transparent); } .bg-primary-100\/25 { background-color: color-mix(in oklab, var(--color-primary-100) 25%, transparent); } .bg-primary-400 { background-color: var(--color-primary-400); } .bg-primary-500\/10 { background-color: color-mix(in oklab, var(--color-primary-500) 10%, transparent); } .bg-primary-500\/15 { background-color: color-mix(in oklab, var(--color-primary-500) 15%, transparent); } .bg-primary-500\/20 { background-color: color-mix(in oklab, var(--color-primary-500) 20%, transparent); } .bg-primary-500\/8 { background-color: color-mix(in oklab, var(--color-primary-500) 8%, transparent); } .bg-primary-600 { background-color: var(--color-primary-600); } .bg-primary-700 { background-color: var(--color-primary-700); } .bg-primary-700\/15 { background-color: color-mix(in oklab, var(--color-primary-700) 15%, transparent); } .bg-red-300\/50 { background-color: color-mix(in oklab, var(--color-red-300) 50%, transparent); } .bg-rose-500\/10 { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } .bg-sky-400 { background-color: var(--color-sky-400); } .bg-sky-500\/15 { background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent); } .bg-transparent { background-color: transparent; } .bg-\[linear-gradient\(90deg\,var\(--color-base-200\)\,var\(--color-primary-700\)\,var\(--color-base-200\)\)\] { background-image: linear-gradient(90deg,var(--color-base-200),var(--color-primary-700),var(--color-base-200)); } .fill-\[color-mix\(in_oklch\,var\(--card-tint\)_28\%\,transparent\)\] { fill: color-mix(in oklch,var(--card-tint) 28%,transparent); } .fill-primary-700 { fill: var(--color-primary-700); } .p-0 { padding: calc(var(--spacing) * 0); } .p-3\.5 { padding: calc(var(--spacing) * 3.5); } .p-4 { padding: calc(var(--spacing) * 4); } .p-4\.5 { padding: calc(var(--spacing) * 4.5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-\[0\.34em\] { padding-inline: 0.34em; } .px-\[18px\] { padding-inline: 18px; } .px-\[26px\] { padding-inline: 26px; } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-4\.5 { padding-block: calc(var(--spacing) * 4.5); } .py-7 { padding-block: calc(var(--spacing) * 7); } .py-\[0\.08em\] { padding-block: 0.08em; } .py-\[11px\] { padding-block: 11px; } .py-\[18px\] { padding-block: 18px; } .py-\[22px\] { padding-block: 22px; } .py-px { padding-block: 1px; } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-3\.5 { padding-top: calc(var(--spacing) * 3.5); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-\[4\.5rem\] { padding-top: 4.5rem; } .pt-\[72px\] { padding-top: 72px; } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-14 { padding-bottom: calc(var(--spacing) * 14); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-28 { padding-bottom: calc(var(--spacing) * 28); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-3\.5 { padding-bottom: calc(var(--spacing) * 3.5); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-9 { padding-bottom: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-3\.5 { padding-left: calc(var(--spacing) * 3.5); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-\[1\.1em\] { padding-left: 1.1em; } .pl-\[calc\(4em\+1px\)\] { padding-left: calc(4em + 1px); } .text-center { text-align: center; } .text-left { text-align: left; } .align-middle { vertical-align: middle; } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .font-serif { font-family: var(--font-serif); } .text-\[0\.86em\] { font-size: 0.86em; } .text-\[0\.88em\] { font-size: 0.88em; } .text-\[10\.5px\] { font-size: 10.5px; } .text-\[10px\] { font-size: 10px; } .text-\[11\.5px\] { font-size: 11.5px; } .text-\[11px\] { font-size: 11px; } .text-\[12\.5px\] { font-size: 12.5px; } .text-\[12px\] { font-size: 12px; } .text-\[13\.5px\] { font-size: 13.5px; } .text-\[13px\] { font-size: 13px; } .text-\[14\.5px\] { font-size: 14.5px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[16\.5px\] { font-size: 16.5px; } .text-\[16px\] { font-size: 16px; } .text-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[19px\] { font-size: 19px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[26px\] { font-size: 26px; } .text-\[34px\] { font-size: 34px; } .text-\[clamp\(44px\,6vw\,72px\)\] { font-size: clamp(44px, 6vw, 72px); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .leading-\[1\.02\] { --tw-leading: 1.02; line-height: 1.02; } .leading-\[1\.15\] { --tw-leading: 1.15; line-height: 1.15; } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } .leading-\[1\.55\] { --tw-leading: 1.55; line-height: 1.55; } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; } .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; } .leading-relaxed { --tw-leading: 1.625; line-height: 1.625; } .leading-snug { --tw-leading: 1.375; line-height: 1.375; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[-0\.005em\] { --tw-tracking: -0.005em; letter-spacing: -0.005em; } .tracking-\[-0\.015em\] { --tw-tracking: -0.015em; letter-spacing: -0.015em; } .tracking-\[-0\.01em\] { --tw-tracking: -0.01em; letter-spacing: -0.01em; } .tracking-\[-0\.025em\] { --tw-tracking: -0.025em; letter-spacing: -0.025em; } .tracking-\[0\.04em\] { --tw-tracking: 0.04em; letter-spacing: 0.04em; } .tracking-\[0\.06em\] { --tw-tracking: 0.06em; letter-spacing: 0.06em; } .tracking-\[0\.08em\] { --tw-tracking: 0.08em; letter-spacing: 0.08em; } .tracking-\[0\.12em\] { --tw-tracking: 0.12em; letter-spacing: 0.12em; } .tracking-\[0\.14em\] { --tw-tracking: 0.14em; letter-spacing: 0.14em; } .tracking-\[0\.16em\] { --tw-tracking: 0.16em; letter-spacing: 0.16em; } .tracking-\[0\.1em\] { --tw-tracking: 0.1em; letter-spacing: 0.1em; } .tracking-\[0\.22em\] { --tw-tracking: 0.22em; letter-spacing: 0.22em; } .tracking-normal { letter-spacing: 0em; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .text-balance { text-wrap: balance; } .text-wrap { text-wrap: wrap; } .break-words { overflow-wrap: break-word; } .whitespace-nowrap { white-space: nowrap; } .text-\[color-mix\(in_oklab\,var\(--color-primary-700\)_55\%\,var\(--color-base-50\)_45\%\)\] { color: color-mix(in oklab,var(--color-primary-700) 55%,var(--color-base-50) 45%); } .text-\[color-mix\(in_oklab\,var\(--color-primary-700\)_80\%\,var\(--color-base-50\)_20\%\)\] { color: color-mix(in oklab,var(--color-primary-700) 80%,var(--color-base-50) 20%); } .text-\[color-mix\(in_oklch\,var\(--card-tint\)_72\%\,var\(--color-base-950\)\)\] { color: color-mix(in oklch,var(--card-tint) 72%,var(--color-base-950)); } .text-\[color-mix\(in_oklch\,var\(--card-tint\)_88\%\,var\(--color-base-950\)\)\] { color: color-mix(in oklch,var(--card-tint) 88%,var(--color-base-950)); } .text-amber-600 { color: var(--color-amber-600); } .text-amber-800 { color: var(--color-amber-800); } .text-base-300 { color: var(--color-base-300); } .text-base-400 { color: var(--color-base-400); } .text-base-50 { color: var(--color-base-50); } .text-base-500 { color: var(--color-base-500); } .text-base-600 { color: var(--color-base-600); } .text-base-700 { color: var(--color-base-700); } .text-base-800 { color: var(--color-base-800); } .text-base-900 { color: var(--color-base-900); } .text-base-950 { color: var(--color-base-950); } .text-blue-800 { color: var(--color-blue-800); } .text-emerald-700 { color: var(--color-emerald-700); } .text-green-800 { color: var(--color-green-800); } .text-pink-700 { color: var(--color-pink-700); } .text-primary-600 { color: var(--color-primary-600); } .text-primary-700 { color: var(--color-primary-700); } .text-primary-800 { color: var(--color-primary-800); } .text-red-800 { color: var(--color-red-800); } .text-sky-700 { color: var(--color-sky-700); } .text-white { color: var(--color-white); } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0 { opacity: 0%; } .opacity-100 { opacity: 100%; } .opacity-40 { opacity: 40%; } .opacity-60 { opacity: 60%; } .opacity-75 { opacity: 75%; } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[4px_4px_0_var\(--color-base-200\)\] { --tw-shadow: 4px 4px 0 var(--color-base-200); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_var\(--color-primary-700\)\] { --tw-shadow: inset 0 0 0 1px var(--color-primary-700); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_2px_0_0_var\(--color-emerald-600\)\] { --tw-shadow: inset 2px 0 0 var(--color-emerald-600); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_2px_0_0_var\(--color-primary-500\)\] { --tw-shadow: inset 2px 0 0 var(--color-primary-500); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_2px_0_0_var\(--color-rose-600\)\] { --tw-shadow: inset 2px 0 0 var(--color-rose-600); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-base-50 { --tw-ring-color: var(--color-base-50); } .outline-0 { outline-style: var(--tw-outline-style); outline-width: 0px; } .blur { --tw-blur: blur(4px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-\[0\.05rem\] { --tw-blur: blur(0.05rem); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-\[0\] { --tw-blur: blur(0); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition-\[background-color\,height\] { transition-property: background-color,height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-\[250ms\] { --tw-duration: 250ms; transition-duration: 250ms; } .duration-\[400ms\] { --tw-duration: 400ms; transition-duration: 400ms; } .\[scrollbar-width\:none\] { scrollbar-width: none; } .card-tint-accent-500 { --card-tint: var(--color-accent-500); } .card-tint-amber-500 { --card-tint: var(--color-amber-500); } .card-tint-base-500 { --card-tint: var(--color-base-500); } .card-tint-blue-500 { --card-tint: var(--color-blue-500); } .card-tint-cyan-500 { --card-tint: var(--color-cyan-500); } .card-tint-emerald-500 { --card-tint: var(--color-emerald-500); } .card-tint-fuchsia-500 { --card-tint: var(--color-fuchsia-500); } .card-tint-gray-500 { --card-tint: var(--color-gray-500); } .card-tint-green-500 { --card-tint: var(--color-green-500); } .card-tint-indigo-500 { --card-tint: var(--color-indigo-500); } .card-tint-lime-500 { --card-tint: var(--color-lime-500); } .card-tint-neutral-500 { --card-tint: var(--color-neutral-500); } .card-tint-orange-500 { --card-tint: var(--color-orange-500); } .card-tint-pink-500 { --card-tint: var(--color-pink-500); } .card-tint-primary-500 { --card-tint: var(--color-primary-500); } .card-tint-purple-500 { --card-tint: var(--color-purple-500); } .card-tint-red-500 { --card-tint: var(--color-red-500); } .card-tint-rose-500 { --card-tint: var(--color-rose-500); } .card-tint-sky-500 { --card-tint: var(--color-sky-500); } .card-tint-slate-500 { --card-tint: var(--color-slate-500); } .card-tint-stone-500 { --card-tint: var(--color-stone-500); } .card-tint-teal-500 { --card-tint: var(--color-teal-500); } .card-tint-violet-500 { --card-tint: var(--color-violet-500); } .card-tint-yellow-500 { --card-tint: var(--color-yellow-500); } .card-tint-zinc-500 { --card-tint: var(--color-zinc-500); } .outline-none { --tw-outline-style: none; outline-style: none; } .ring-inset { --tw-ring-inset: inset; } .scrollbar-color { scrollbar-color: var(--tw-scrollbar-thumb-color) var(--tw-scrollbar-track-color); } .scrollbar-thin { scrollbar-width: thin; } .scrollbar-track-transparent { --tw-scrollbar-track-color: transparent; } .select-none { -webkit-user-select: none; user-select: none; } @media (prefers-reduced-motion: reduce) { .motion-reduce\:animate-none { animation: none; } } .hover\:-translate-y-px:hover { --tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:bg-\[color-mix\(in_oklch\,var\(--card-tint\)_20\%\,transparent\)\]:hover { background-color: color-mix(in oklch,var(--card-tint) 20%,transparent); } .hover\:bg-base-100:hover { background-color: var(--color-base-100); } .hover\:bg-base-100\/70:hover { background-color: color-mix(in oklab, var(--color-base-100) 70%, transparent); } .hover\:bg-base-200:hover { background-color: var(--color-base-200); } .hover\:bg-base-700:hover { background-color: var(--color-base-700); } .hover\:text-accent-400:hover { color: var(--color-accent-400); } .hover\:text-base-700:hover { color: var(--color-base-700); } .hover\:text-base-800:hover { color: var(--color-base-800); } .hover\:text-base-900:hover { color: var(--color-base-900); } .hover\:text-primary-700:hover { color: var(--color-primary-700); } .hover\:underline:hover { text-decoration-line: underline; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:opacity-50:disabled { opacity: 50%; } .data-\[active\=true\]\:block[data-active="true"] { display: block; } .data-\[selected\=true\]\:block[data-selected="true"] { display: block; } .data-\[active\=true\]\:border-primary-600[data-active="true"] { border-color: var(--color-primary-600); } .data-\[current\=true\]\:border-primary-400[data-current="true"] { border-color: var(--color-primary-400); } .data-\[selected\=true\]\:border-primary-600[data-selected="true"] { border-color: var(--color-primary-600); } .data-\[active\=true\]\:font-medium[data-active="true"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .data-\[selected\=true\]\:font-medium[data-selected="true"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .data-\[active\=true\]\:text-base-900[data-active="true"] { color: var(--color-base-900); } .data-\[active\=true\]\:text-primary-700[data-active="true"] { color: var(--color-primary-700); } .data-\[current\=true\]\:text-primary-800[data-current="true"] { color: var(--color-primary-800); } .data-\[selected\=true\]\:text-primary-700[data-selected="true"] { color: var(--color-primary-700); } .data-\[active\=true\]\:after\:absolute[data-active="true"]::after { content: var(--tw-content); position: absolute; } .data-\[active\=true\]\:after\:right-3[data-active="true"]::after { content: var(--tw-content); right: calc(var(--spacing) * 3); } .data-\[active\=true\]\:after\:-bottom-px[data-active="true"]::after { content: var(--tw-content); bottom: -1px; } .data-\[active\=true\]\:after\:left-3[data-active="true"]::after { content: var(--tw-content); left: calc(var(--spacing) * 3); } .data-\[active\=true\]\:after\:h-0\.5[data-active="true"]::after { content: var(--tw-content); height: calc(var(--spacing) * 0.5); } .data-\[active\=true\]\:after\:bg-primary-700[data-active="true"]::after { content: var(--tw-content); background-color: var(--color-primary-700); } .data-\[active\=true\]\:after\:content-\[\'\'\][data-active="true"]::after { --tw-content: ''; content: var(--tw-content); } .\[\&\>\:first-child\]\:mt-0 { &>:first-child { margin-top: calc(var(--spacing) * 0); } } .\[\&\>\:last-child\]\:mb-0 { &>:last-child { margin-bottom: calc(var(--spacing) * 0); } } .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { display: none; } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; } .first\:mt-0:first-child { margin-top: calc(var(--spacing) * 0); } .first\:pt-0:first-child { padding-top: calc(var(--spacing) * 0); } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .last\:pb-1:last-child { padding-bottom: calc(var(--spacing) * 1); } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:top-3::before { content: var(--tw-content); top: calc(var(--spacing) * 3); } .before\:bottom-3::before { content: var(--tw-content); bottom: calc(var(--spacing) * 3); } .before\:left-1::before { content: var(--tw-content); left: calc(var(--spacing) * 1); } .before\:left-4::before { content: var(--tw-content); left: calc(var(--spacing) * 4); } .before\:w-0\.5::before { content: var(--tw-content); width: calc(var(--spacing) * 0.5); } .before\:rounded-full::before { content: var(--tw-content); border-radius: calc(infinity * 1px); } .before\:bg-base-200::before { content: var(--tw-content); background-color: var(--color-base-200); } .before\:font-semibold::before { content: var(--tw-content); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .before\:text-emerald-700::before { content: var(--tw-content); color: var(--color-emerald-700); } .before\:text-rose-700::before { content: var(--tw-content); color: var(--color-rose-700); } .before\:content-\[\'\'\]::before { --tw-content: ''; content: var(--tw-content); } .before\:content-\[\'\+\'\]::before { --tw-content: '+'; content: var(--tw-content); } .before\:content-\[\'-\'\]::before { --tw-content: '-'; content: var(--tw-content); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:top-1\/2::after { content: var(--tw-content); top: calc(1/2 * 100%); } .after\:right-\[-2px\]::after { content: var(--tw-content); right: -2px; } .after\:-translate-y-1\/2::after { content: var(--tw-content); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:bg-\[color-mix\(in_oklab\,var\(--color-base-50\)_75\%\,white_25\%\)\]::after { content: var(--tw-content); background-color: color-mix(in oklab,var(--color-base-50) 75%,white 25%); } .after\:px-1::after { content: var(--tw-content); padding-inline: calc(var(--spacing) * 1); } .after\:font-mono::after { content: var(--tw-content); font-family: var(--font-mono); } .after\:text-base::after { content: var(--tw-content); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .after\:text-primary-700::after { content: var(--tw-content); color: var(--color-primary-700); } .after\:content-\[\'→\'\]::after { --tw-content: '→'; content: var(--tw-content); } .marker\:text-base-500\/60::marker { color: color-mix(in oklab, var(--color-base-500) 60%, transparent); } @media (min-width: 640px) { .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:inline-flex { display: inline-flex; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-\[80px_minmax\(0\,1fr\)\] { grid-template-columns: 80px minmax(0,1fr); } .sm\:grid-cols-\[minmax\(0\,15rem\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0,15rem) minmax(0,1fr); } .sm\:gap-7 { gap: calc(var(--spacing) * 7); } .sm\:px-7 { padding-inline: calc(var(--spacing) * 7); } .sm\:pt-1 { padding-top: calc(var(--spacing) * 1); } } @media (min-width: 768px) { .md\:block { display: block; } .md\:grid-cols-\[220px_minmax\(0\,1fr\)\] { grid-template-columns: 220px minmax(0,1fr); } .md\:px-5 { padding-inline: calc(var(--spacing) * 5); } } @media (min-width: 1024px) { .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:py-\[1px\] { padding-block: 1px; } } @media (min-width: 1280px) { .xl\:block { display: block; } .xl\:min-h-\[60vh\] { min-height: 60vh; } .xl\:min-h-\[78vh\] { min-height: 78vh; } .xl\:grid-cols-\[minmax\(0\,1fr\)_260px\] { grid-template-columns: minmax(0,1fr) 260px; } .xl\:gap-11 { gap: calc(var(--spacing) * 11); } .xl\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .xl\:pt-\[12vh\] { padding-top: 12vh; } .xl\:pt-\[4vh\] { padding-top: 4vh; } .xl\:pb-\[8vh\] { padding-bottom: 8vh; } .xl\:opacity-35 { opacity: 35%; } } .dark\:prose-invert:where(.dark, .dark *) { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } .dark\:prose-invert:where(.dark, .dark *) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: oklch(69.14% 0.1026 25.30); } .dark\:prose-invert:where(.dark, .dark *) :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: oklch(96.07% 0.0218 92.51); } .dark\:prose-invert:where(.dark, .dark *) :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-color: oklch(26.53% 0.0382 272.81); } .dark\:prose-invert:where(.dark, .dark *) :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: oklch(31.43% 0.0422 272.55); } .dark\:prose-invert:where(.dark, .dark *) :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: oklch(26.53% 0.0382 272.81); } .dark\:hidden:where(.dark, .dark *) { display: none; } .dark\:inline:where(.dark, .dark *) { display: inline; } .dark\:border-\[color-mix\(in_oklch\,var\(--card-tint\)_30\%\,transparent\)\]:where(.dark, .dark *) { border-color: color-mix(in oklch,var(--card-tint) 30%,transparent); } .dark\:border-amber-600\/50:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-amber-600) 50%, transparent); } .dark\:border-base-100:where(.dark, .dark *) { border-color: var(--color-base-100); } .dark\:border-base-400:where(.dark, .dark *) { border-color: var(--color-base-400); } .dark\:border-base-700:where(.dark, .dark *) { border-color: var(--color-base-700); } .dark\:border-base-700\/40:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-base-700) 40%, transparent); } .dark\:border-base-800:where(.dark, .dark *) { border-color: var(--color-base-800); } .dark\:border-base-800\/60:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-base-800) 60%, transparent); } .dark\:border-base-800\/70:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-base-800) 70%, transparent); } .dark\:border-primary-300:where(.dark, .dark *) { border-color: var(--color-primary-300); } .dark\:border-primary-300\/25:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-primary-300) 25%, transparent); } .dark\:border-primary-300\/40:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-primary-300) 40%, transparent); } .dark\:border-primary-500\/25:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-primary-500) 25%, transparent); } .dark\:bg-\[color-mix\(in_oklab\,var\(--color-base-300\)_14\%\,transparent\)\]:where(.dark, .dark *) { background-color: color-mix(in oklab,var(--color-base-300) 14%,transparent); } .dark\:bg-\[color-mix\(in_oklab\,var\(--color-base-950\)_60\%\,white_40\%\)\]:where(.dark, .dark *) { background-color: color-mix(in oklab,var(--color-base-950) 60%,white 40%); } .dark\:bg-\[color-mix\(in_oklab\,var\(--color-base-950\)_70\%\,white_30\%\)\]:where(.dark, .dark *) { background-color: color-mix(in oklab,var(--color-base-950) 70%,white 30%); } .dark\:bg-\[color-mix\(in_oklab\,var\(--color-base-950\)_75\%\,white_25\%\)\]:where(.dark, .dark *) { background-color: color-mix(in oklab,var(--color-base-950) 75%,white 25%); } .dark\:bg-\[color-mix\(in_oklab\,var\(--color-primary-300\)_12\%\,var\(--color-base-950\)_88\%\)\]:where(.dark, .dark *) { background-color: color-mix(in oklab,var(--color-primary-300) 12%,var(--color-base-950) 88%); } .dark\:bg-\[color-mix\(in_oklab\,var\(--color-primary-300\)_18\%\,var\(--color-base-950\)_82\%\)\]:where(.dark, .dark *) { background-color: color-mix(in oklab,var(--color-primary-300) 18%,var(--color-base-950) 82%); } .dark\:bg-\[color-mix\(in_oklch\,var\(--card-tint\)_12\%\,transparent\)\]:where(.dark, .dark *) { background-color: color-mix(in oklch,var(--card-tint) 12%,transparent); } .dark\:bg-amber-400\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent); } .dark\:bg-amber-950\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent); } .dark\:bg-base-100:where(.dark, .dark *) { background-color: var(--color-base-100); } .dark\:bg-base-400:where(.dark, .dark *) { background-color: var(--color-base-400); } .dark\:bg-base-700\/50:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-base-700) 50%, transparent); } .dark\:bg-base-800:where(.dark, .dark *) { background-color: var(--color-base-800); } .dark\:bg-base-900:where(.dark, .dark *) { background-color: var(--color-base-900); } .dark\:bg-base-900\/50:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-base-900) 50%, transparent); } .dark\:bg-base-950:where(.dark, .dark *) { background-color: var(--color-base-950); } .dark\:bg-base-950\/70:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-base-950) 70%, transparent); } .dark\:bg-emerald-500\/15:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } .dark\:bg-primary-300:where(.dark, .dark *) { background-color: var(--color-primary-300); } .dark\:bg-primary-500:where(.dark, .dark *) { background-color: var(--color-primary-500); } .dark\:bg-primary-500\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-primary-500) 10%, transparent); } .dark\:bg-primary-500\/15:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-primary-500) 15%, transparent); } .dark\:bg-primary-700\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-primary-700) 20%, transparent); } .dark\:bg-red-500\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } .dark\:bg-rose-500\/15:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent); } .dark\:bg-transparent:where(.dark, .dark *) { background-color: transparent; } .dark\:fill-\[color-mix\(in_oklch\,var\(--card-tint\)_25\%\,var\(--color-base-950\)\)\]:where(.dark, .dark *) { fill: color-mix(in oklch,var(--card-tint) 25%,var(--color-base-950)); } .dark\:fill-primary-300:where(.dark, .dark *) { fill: var(--color-primary-300); } .dark\:text-\[color-mix\(in_oklab\,var\(--color-primary-300\)_55\%\,var\(--color-base-950\)_45\%\)\]:where(.dark, .dark *) { color: color-mix(in oklab,var(--color-primary-300) 55%,var(--color-base-950) 45%); } .dark\:text-\[color-mix\(in_oklab\,var\(--color-primary-300\)_80\%\,var\(--color-base-950\)_20\%\)\]:where(.dark, .dark *) { color: color-mix(in oklab,var(--color-primary-300) 80%,var(--color-base-950) 20%); } .dark\:text-\[color-mix\(in_oklch\,var\(--card-tint\)_80\%\,white\)\]:where(.dark, .dark *) { color: color-mix(in oklch,var(--card-tint) 80%,white); } .dark\:text-\[var\(--card-tint\)\]:where(.dark, .dark *) { color: var(--card-tint); } .dark\:text-amber-200:where(.dark, .dark *) { color: var(--color-amber-200); } .dark\:text-amber-300:where(.dark, .dark *) { color: var(--color-amber-300); } .dark\:text-base-100:where(.dark, .dark *) { color: var(--color-base-100); } .dark\:text-base-200:where(.dark, .dark *) { color: var(--color-base-200); } .dark\:text-base-300:where(.dark, .dark *) { color: var(--color-base-300); } .dark\:text-base-400:where(.dark, .dark *) { color: var(--color-base-400); } .dark\:text-base-50:where(.dark, .dark *) { color: var(--color-base-50); } .dark\:text-base-500:where(.dark, .dark *) { color: var(--color-base-500); } .dark\:text-base-600:where(.dark, .dark *) { color: var(--color-base-600); } .dark\:text-base-700:where(.dark, .dark *) { color: var(--color-base-700); } .dark\:text-base-900:where(.dark, .dark *) { color: var(--color-base-900); } .dark\:text-base-950:where(.dark, .dark *) { color: var(--color-base-950); } .dark\:text-blue-300:where(.dark, .dark *) { color: var(--color-blue-300); } .dark\:text-emerald-200:where(.dark, .dark *) { color: var(--color-emerald-200); } .dark\:text-green-300:where(.dark, .dark *) { color: var(--color-green-300); } .dark\:text-pink-200:where(.dark, .dark *) { color: var(--color-pink-200); } .dark\:text-primary-100:where(.dark, .dark *) { color: var(--color-primary-100); } .dark\:text-primary-200:where(.dark, .dark *) { color: var(--color-primary-200); } .dark\:text-primary-300:where(.dark, .dark *) { color: var(--color-primary-300); } .dark\:text-primary-400:where(.dark, .dark *) { color: var(--color-primary-400); } .dark\:text-red-300:where(.dark, .dark *) { color: var(--color-red-300); } .dark\:text-sky-200:where(.dark, .dark *) { color: var(--color-sky-200); } .dark\:text-white:where(.dark, .dark *) { color: var(--color-white); } .dark\:scheme-dark:where(.dark, .dark *) { color-scheme: dark; } .dark\:shadow-\[4px_4px_0_var\(--color-base-800\)\]:where(.dark, .dark *) { --tw-shadow: 4px 4px 0 var(--color-base-800); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[inset_0_0_0_1px_var\(--color-primary-300\)\]:where(.dark, .dark *) { --tw-shadow: inset 0 0 0 1px var(--color-primary-300); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[inset_2px_0_0_var\(--color-emerald-400\)\]:where(.dark, .dark *) { --tw-shadow: inset 2px 0 0 var(--color-emerald-400); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[inset_2px_0_0_var\(--color-primary-300\)\]:where(.dark, .dark *) { --tw-shadow: inset 2px 0 0 var(--color-primary-300); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[inset_2px_0_0_var\(--color-rose-400\)\]:where(.dark, .dark *) { --tw-shadow: inset 2px 0 0 var(--color-rose-400); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:ring-base-950:where(.dark, .dark *) { --tw-ring-color: var(--color-base-950); } .dark\:hover\:bg-\[color-mix\(in_oklch\,var\(--card-tint\)_22\%\,transparent\)\]:where(.dark, .dark *):hover { background-color: color-mix(in oklch,var(--card-tint) 22%,transparent); } .dark\:hover\:bg-base-300:where(.dark, .dark *):hover { background-color: var(--color-base-300); } .dark\:hover\:bg-base-800:where(.dark, .dark *):hover { background-color: var(--color-base-800); } .dark\:hover\:bg-base-800\/50:where(.dark, .dark *):hover { background-color: color-mix(in oklab, var(--color-base-800) 50%, transparent); } .dark\:hover\:bg-base-900:where(.dark, .dark *):hover { background-color: var(--color-base-900); } .dark\:hover\:text-base-200:where(.dark, .dark *):hover { color: var(--color-base-200); } .dark\:hover\:text-base-50:where(.dark, .dark *):hover { color: var(--color-base-50); } .dark\:hover\:text-primary-300:where(.dark, .dark *):hover { color: var(--color-primary-300); } .dark\:data-\[active\=true\]\:border-primary-300:where(.dark, .dark *)[data-active="true"] { border-color: var(--color-primary-300); } .dark\:data-\[selected\=true\]\:border-primary-300:where(.dark, .dark *)[data-selected="true"] { border-color: var(--color-primary-300); } .dark\:data-\[active\=true\]\:text-base-100:where(.dark, .dark *)[data-active="true"] { color: var(--color-base-100); } .dark\:data-\[active\=true\]\:text-primary-300:where(.dark, .dark *)[data-active="true"] { color: var(--color-primary-300); } .dark\:data-\[current\=true\]\:text-primary-500:where(.dark, .dark *)[data-current="true"] { color: var(--color-primary-500); } .dark\:data-\[selected\=true\]\:text-primary-300:where(.dark, .dark *)[data-selected="true"] { color: var(--color-primary-300); } .dark\:data-\[active\=true\]\:after\:bg-primary-300:where(.dark, .dark *)[data-active="true"]::after { content: var(--tw-content); background-color: var(--color-primary-300); } .dark\:before\:bg-base-800:where(.dark, .dark *)::before { content: var(--tw-content); background-color: var(--color-base-800); } .dark\:before\:text-emerald-400:where(.dark, .dark *)::before { content: var(--tw-content); color: var(--color-emerald-400); } .dark\:before\:text-rose-400:where(.dark, .dark *)::before { content: var(--tw-content); color: var(--color-rose-400); } .dark\:after\:bg-\[color-mix\(in_oklab\,var\(--color-base-950\)_75\%\,white_25\%\)\]:where(.dark, .dark *)::after { content: var(--tw-content); background-color: color-mix(in oklab,var(--color-base-950) 75%,white 25%); } .dark\:after\:text-primary-300:where(.dark, .dark *)::after { content: var(--tw-content); color: var(--color-primary-300); } .dark\:marker\:text-base-400\/60:where(.dark, .dark *)::marker { color: color-mix(in oklab, var(--color-base-400) 60%, transparent); } .position\:absolute { position: absolute; } .position\:fixed { position: fixed; } .display\:flex { display: flex; } .display\:inline-block { display: inline-block; } .display\:inline-flex { display: inline-flex; } .user-select\:none { display: none; } .text-transform\:uppercase { text-transform: uppercase; } .-webkit-backdrop-filter\:blur { --tw-blur: blur(4px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-filter\:blur { --tw-blur: blur(4px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } @keyframes p-anim-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } @keyframes p-scene-in { from { opacity: 0; } to { opacity: 1; } } @keyframes pulse { 50% { opacity: 0.5; } } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; initial-value: 150ms; } @property --tw-ease { syntax: "*"; inherits: false; initial-value: ease; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-border-style: solid; --tw-content: ""; --tw-duration: 150ms; --tw-ease: ease; --tw-gradient-from: #0000; --tw-gradient-from-position: 0%; --tw-gradient-to: #0000; --tw-gradient-to-position: 100%; --tw-gradient-via: #0000; --tw-gradient-via-position: 50%; --tw-inset-ring-shadow: 0 0 #0000; --tw-inset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-offset-width: 0px; --tw-ring-shadow: 0 0 #0000; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-shadow: 0 0 #0000; --tw-space-y-reverse: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; } } }