sourav-das/stem-separator
3
1@layer theme, base, components, utilities;2 3@layer theme {4 @theme default {5 --font-sans:6 ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",7 "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";8 --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;9 --font-mono:10 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",11 "Courier New", monospace;12 13 --color-red-50: oklch(97.1% 0.013 17.38);14 --color-red-100: oklch(93.6% 0.032 17.717);15 --color-red-200: oklch(88.5% 0.062 18.334);16 --color-red-300: oklch(80.8% 0.114 19.571);17 --color-red-400: oklch(70.4% 0.191 22.216);18 --color-red-500: oklch(63.7% 0.237 25.331);19 --color-red-600: oklch(57.7% 0.245 27.325);20 --color-red-700: oklch(50.5% 0.213 27.518);21 --color-red-800: oklch(44.4% 0.177 26.899);22 --color-red-900: oklch(39.6% 0.141 25.723);23 --color-red-950: oklch(25.8% 0.092 26.042);24 25 --color-orange-50: oklch(98% 0.016 73.684);26 --color-orange-100: oklch(95.4% 0.038 75.164);27 --color-orange-200: oklch(90.1% 0.076 70.697);28 --color-orange-300: oklch(83.7% 0.128 66.29);29 --color-orange-400: oklch(75% 0.183 55.934);30 --color-orange-500: oklch(70.5% 0.213 47.604);31 --color-orange-600: oklch(64.6% 0.222 41.116);32 --color-orange-700: oklch(55.3% 0.195 38.402);33 --color-orange-800: oklch(47% 0.157 37.304);34 --color-orange-900: oklch(40.8% 0.123 38.172);35 --color-orange-950: oklch(26.6% 0.079 36.259);36 37 --color-amber-50: oklch(98.7% 0.022 95.277);38 --color-amber-100: oklch(96.2% 0.059 95.617);39 --color-amber-200: oklch(92.4% 0.12 95.746);40 --color-amber-300: oklch(87.9% 0.169 91.605);41 --color-amber-400: oklch(82.8% 0.189 84.429);42 --color-amber-500: oklch(76.9% 0.188 70.08);43 --color-amber-600: oklch(66.6% 0.179 58.318);44 --color-amber-700: oklch(55.5% 0.163 48.998);45 --color-amber-800: oklch(47.3% 0.137 46.201);46 --color-amber-900: oklch(41.4% 0.112 45.904);47 --color-amber-950: oklch(27.9% 0.077 45.635);48 49 --color-yellow-50: oklch(98.7% 0.026 102.212);50 --color-yellow-100: oklch(97.3% 0.071 103.193);51 --color-yellow-200: oklch(94.5% 0.129 101.54);52 --color-yellow-300: oklch(90.5% 0.182 98.111);53 --color-yellow-400: oklch(85.2% 0.199 91.936);54 --color-yellow-500: oklch(79.5% 0.184 86.047);55 --color-yellow-600: oklch(68.1% 0.162 75.834);56 --color-yellow-700: oklch(55.4% 0.135 66.442);57 --color-yellow-800: oklch(47.6% 0.114 61.907);58 --color-yellow-900: oklch(42.1% 0.095 57.708);59 --color-yellow-950: oklch(28.6% 0.066 53.813);60 61 --color-lime-50: oklch(98.6% 0.031 120.757);62 --color-lime-100: oklch(96.7% 0.067 122.328);63 --color-lime-200: oklch(93.8% 0.127 124.321);64 --color-lime-300: oklch(89.7% 0.196 126.665);65 --color-lime-400: oklch(84.1% 0.238 128.85);66 --color-lime-500: oklch(76.8% 0.233 130.85);67 --color-lime-600: oklch(64.8% 0.2 131.684);68 --color-lime-700: oklch(53.2% 0.157 131.589);69 --color-lime-800: oklch(45.3% 0.124 130.933);70 --color-lime-900: oklch(40.5% 0.101 131.063);71 --color-lime-950: oklch(27.4% 0.072 132.109);72 73 --color-green-50: oklch(98.2% 0.018 155.826);74 --color-green-100: oklch(96.2% 0.044 156.743);75 --color-green-200: oklch(92.5% 0.084 155.995);76 --color-green-300: oklch(87.1% 0.15 154.449);77 --color-green-400: oklch(79.2% 0.209 151.711);78 --color-green-500: oklch(72.3% 0.219 149.579);79 --color-green-600: oklch(62.7% 0.194 149.214);80 --color-green-700: oklch(52.7% 0.154 150.069);81 --color-green-800: oklch(44.8% 0.119 151.328);82 --color-green-900: oklch(39.3% 0.095 152.535);83 --color-green-950: oklch(26.6% 0.065 152.934);84 85 --color-emerald-50: oklch(97.9% 0.021 166.113);86 --color-emerald-100: oklch(95% 0.052 163.051);87 --color-emerald-200: oklch(90.5% 0.093 164.15);88 --color-emerald-300: oklch(84.5% 0.143 164.978);89 --color-emerald-400: oklch(76.5% 0.177 163.223);90 --color-emerald-500: oklch(69.6% 0.17 162.48);91 --color-emerald-600: oklch(59.6% 0.145 163.225);92 --color-emerald-700: oklch(50.8% 0.118 165.612);93 --color-emerald-800: oklch(43.2% 0.095 166.913);94 --color-emerald-900: oklch(37.8% 0.077 168.94);95 --color-emerald-950: oklch(26.2% 0.051 172.552);96 97 --color-teal-50: oklch(98.4% 0.014 180.72);98 --color-teal-100: oklch(95.3% 0.051 180.801);99 --color-teal-200: oklch(91% 0.096 180.426);100 --color-teal-300: oklch(85.5% 0.138 181.071);101 --color-teal-400: oklch(77.7% 0.152 181.912);102 --color-teal-500: oklch(70.4% 0.14 182.503);103 --color-teal-600: oklch(60% 0.118 184.704);104 --color-teal-700: oklch(51.1% 0.096 186.391);105 --color-teal-800: oklch(43.7% 0.078 188.216);106 --color-teal-900: oklch(38.6% 0.063 188.416);107 --color-teal-950: oklch(27.7% 0.046 192.524);108 109 --color-cyan-50: oklch(98.4% 0.019 200.873);110 --color-cyan-100: oklch(95.6% 0.045 203.388);111 --color-cyan-200: oklch(91.7% 0.08 205.041);112 --color-cyan-300: oklch(86.5% 0.127 207.078);113 --color-cyan-400: oklch(78.9% 0.154 211.53);114 --color-cyan-500: oklch(71.5% 0.143 215.221);115 --color-cyan-600: oklch(60.9% 0.126 221.723);116 --color-cyan-700: oklch(52% 0.105 223.128);117 --color-cyan-800: oklch(45% 0.085 224.283);118 --color-cyan-900: oklch(39.8% 0.07 227.392);119 --color-cyan-950: oklch(30.2% 0.056 229.695);120 121 --color-sky-50: oklch(97.7% 0.013 236.62);122 --color-sky-100: oklch(95.1% 0.026 236.824);123 --color-sky-200: oklch(90.1% 0.058 230.902);124 --color-sky-300: oklch(82.8% 0.111 230.318);125 --color-sky-400: oklch(74.6% 0.16 232.661);126 --color-sky-500: oklch(68.5% 0.169 237.323);127 --color-sky-600: oklch(58.8% 0.158 241.966);128 --color-sky-700: oklch(50% 0.134 242.749);129 --color-sky-800: oklch(44.3% 0.11 240.79);130 --color-sky-900: oklch(39.1% 0.09 240.876);131 --color-sky-950: oklch(29.3% 0.066 243.157);132 133 --color-blue-50: oklch(97% 0.014 254.604);134 --color-blue-100: oklch(93.2% 0.032 255.585);135 --color-blue-200: oklch(88.2% 0.059 254.128);136 --color-blue-300: oklch(80.9% 0.105 251.813);137 --color-blue-400: oklch(70.7% 0.165 254.624);138 --color-blue-500: oklch(62.3% 0.214 259.815);139 --color-blue-600: oklch(54.6% 0.245 262.881);140 --color-blue-700: oklch(48.8% 0.243 264.376);141 --color-blue-800: oklch(42.4% 0.199 265.638);142 --color-blue-900: oklch(37.9% 0.146 265.522);143 --color-blue-950: oklch(28.2% 0.091 267.935);144 145 --color-indigo-50: oklch(96.2% 0.018 272.314);146 --color-indigo-100: oklch(93% 0.034 272.788);147 --color-indigo-200: oklch(87% 0.065 274.039);148 --color-indigo-300: oklch(78.5% 0.115 274.713);149 --color-indigo-400: oklch(67.3% 0.182 276.935);150 --color-indigo-500: oklch(58.5% 0.233 277.117);151 --color-indigo-600: oklch(51.1% 0.262 276.966);152 --color-indigo-700: oklch(45.7% 0.24 277.023);153 --color-indigo-800: oklch(39.8% 0.195 277.366);154 --color-indigo-900: oklch(35.9% 0.144 278.697);155 --color-indigo-950: oklch(25.7% 0.09 281.288);156 157 --color-violet-50: oklch(96.9% 0.016 293.756);158 --color-violet-100: oklch(94.3% 0.029 294.588);159 --color-violet-200: oklch(89.4% 0.057 293.283);160 --color-violet-300: oklch(81.1% 0.111 293.571);161 --color-violet-400: oklch(70.2% 0.183 293.541);162 --color-violet-500: oklch(60.6% 0.25 292.717);163 --color-violet-600: oklch(54.1% 0.281 293.009);164 --color-violet-700: oklch(49.1% 0.27 292.581);165 --color-violet-800: oklch(43.2% 0.232 292.759);166 --color-violet-900: oklch(38% 0.189 293.745);167 --color-violet-950: oklch(28.3% 0.141 291.089);168 169 --color-purple-50: oklch(97.7% 0.014 308.299);170 --color-purple-100: oklch(94.6% 0.033 307.174);171 --color-purple-200: oklch(90.2% 0.063 306.703);172 --color-purple-300: oklch(82.7% 0.119 306.383);173 --color-purple-400: oklch(71.4% 0.203 305.504);174 --color-purple-500: oklch(62.7% 0.265 303.9);175 --color-purple-600: oklch(55.8% 0.288 302.321);176 --color-purple-700: oklch(49.6% 0.265 301.924);177 --color-purple-800: oklch(43.8% 0.218 303.724);178 --color-purple-900: oklch(38.1% 0.176 304.987);179 --color-purple-950: oklch(29.1% 0.149 302.717);180 181 --color-fuchsia-50: oklch(97.7% 0.017 320.058);182 --color-fuchsia-100: oklch(95.2% 0.037 318.852);183 --color-fuchsia-200: oklch(90.3% 0.076 319.62);184 --color-fuchsia-300: oklch(83.3% 0.145 321.434);185 --color-fuchsia-400: oklch(74% 0.238 322.16);186 --color-fuchsia-500: oklch(66.7% 0.295 322.15);187 --color-fuchsia-600: oklch(59.1% 0.293 322.896);188 --color-fuchsia-700: oklch(51.8% 0.253 323.949);189 --color-fuchsia-800: oklch(45.2% 0.211 324.591);190 --color-fuchsia-900: oklch(40.1% 0.17 325.612);191 --color-fuchsia-950: oklch(29.3% 0.136 325.661);192 193 --color-pink-50: oklch(97.1% 0.014 343.198);194 --color-pink-100: oklch(94.8% 0.028 342.258);195 --color-pink-200: oklch(89.9% 0.061 343.231);196 --color-pink-300: oklch(82.3% 0.12 346.018);197 --color-pink-400: oklch(71.8% 0.202 349.761);198 --color-pink-500: oklch(65.6% 0.241 354.308);199 --color-pink-600: oklch(59.2% 0.249 0.584);200 --color-pink-700: oklch(52.5% 0.223 3.958);201 --color-pink-800: oklch(45.9% 0.187 3.815);202 --color-pink-900: oklch(40.8% 0.153 2.432);203 --color-pink-950: oklch(28.4% 0.109 3.907);204 205 --color-rose-50: oklch(96.9% 0.015 12.422);206 --color-rose-100: oklch(94.1% 0.03 12.58);207 --color-rose-200: oklch(89.2% 0.058 10.001);208 --color-rose-300: oklch(81% 0.117 11.638);209 --color-rose-400: oklch(71.2% 0.194 13.428);210 --color-rose-500: oklch(64.5% 0.246 16.439);211 --color-rose-600: oklch(58.6% 0.253 17.585);212 --color-rose-700: oklch(51.4% 0.222 16.935);213 --color-rose-800: oklch(45.5% 0.188 13.697);214 --color-rose-900: oklch(41% 0.159 10.272);215 --color-rose-950: oklch(27.1% 0.105 12.094);216 217 --color-slate-50: oklch(98.4% 0.003 247.858);218 --color-slate-100: oklch(96.8% 0.007 247.896);219 --color-slate-200: oklch(92.9% 0.013 255.508);220 --color-slate-300: oklch(86.9% 0.022 252.894);221 --color-slate-400: oklch(70.4% 0.04 256.788);222 --color-slate-500: oklch(55.4% 0.046 257.417);223 --color-slate-600: oklch(44.6% 0.043 257.281);224 --color-slate-700: oklch(37.2% 0.044 257.287);225 --color-slate-800: oklch(27.9% 0.041 260.031);226 --color-slate-900: oklch(20.8% 0.042 265.755);227 --color-slate-950: oklch(12.9% 0.042 264.695);228 229 --color-gray-50: oklch(98.5% 0.002 247.839);230 --color-gray-100: oklch(96.7% 0.003 264.542);231 --color-gray-200: oklch(92.8% 0.006 264.531);232 --color-gray-300: oklch(87.2% 0.01 258.338);233 --color-gray-400: oklch(70.7% 0.022 261.325);234 --color-gray-500: oklch(55.1% 0.027 264.364);235 --color-gray-600: oklch(44.6% 0.03 256.802);236 --color-gray-700: oklch(37.3% 0.034 259.733);237 --color-gray-800: oklch(27.8% 0.033 256.848);238 --color-gray-900: oklch(21% 0.034 264.665);239 --color-gray-950: oklch(13% 0.028 261.692);240 241 --color-zinc-50: oklch(98.5% 0 0);242 --color-zinc-100: oklch(96.7% 0.001 286.375);243 --color-zinc-200: oklch(92% 0.004 286.32);244 --color-zinc-300: oklch(87.1% 0.006 286.286);245 --color-zinc-400: oklch(70.5% 0.015 286.067);246 --color-zinc-500: oklch(55.2% 0.016 285.938);247 --color-zinc-600: oklch(44.2% 0.017 285.786);248 --color-zinc-700: oklch(37% 0.013 285.805);249 --color-zinc-800: oklch(27.4% 0.006 286.033);250 --color-zinc-900: oklch(21% 0.006 285.885);251 --color-zinc-950: oklch(14.1% 0.005 285.823);252 253 --color-neutral-50: oklch(98.5% 0 0);254 --color-neutral-100: oklch(97% 0 0);255 --color-neutral-200: oklch(92.2% 0 0);256 --color-neutral-300: oklch(87% 0 0);257 --color-neutral-400: oklch(70.8% 0 0);258 --color-neutral-500: oklch(55.6% 0 0);259 --color-neutral-600: oklch(43.9% 0 0);260 --color-neutral-700: oklch(37.1% 0 0);261 --color-neutral-800: oklch(26.9% 0 0);262 --color-neutral-900: oklch(20.5% 0 0);263 --color-neutral-950: oklch(14.5% 0 0);264 265 --color-stone-50: oklch(98.5% 0.001 106.423);266 --color-stone-100: oklch(97% 0.001 106.424);267 --color-stone-200: oklch(92.3% 0.003 48.717);268 --color-stone-300: oklch(86.9% 0.005 56.366);269 --color-stone-400: oklch(70.9% 0.01 56.259);270 --color-stone-500: oklch(55.3% 0.013 58.071);271 --color-stone-600: oklch(44.4% 0.011 73.639);272 --color-stone-700: oklch(37.4% 0.01 67.558);273 --color-stone-800: oklch(26.8% 0.007 34.298);274 --color-stone-900: oklch(21.6% 0.006 56.043);275 --color-stone-950: oklch(14.7% 0.004 49.25);276 277 --color-mauve-50: oklch(98.5% 0 0);278 --color-mauve-100: oklch(96% 0.003 325.6);279 --color-mauve-200: oklch(92.2% 0.005 325.62);280 --color-mauve-300: oklch(86.5% 0.012 325.68);281 --color-mauve-400: oklch(71.1% 0.019 323.02);282 --color-mauve-500: oklch(54.2% 0.034 322.5);283 --color-mauve-600: oklch(43.5% 0.029 321.78);284 --color-mauve-700: oklch(36.4% 0.029 323.89);285 --color-mauve-800: oklch(26.3% 0.024 320.12);286 --color-mauve-900: oklch(21.2% 0.019 322.12);287 --color-mauve-950: oklch(14.5% 0.008 326);288 289 --color-olive-50: oklch(98.8% 0.003 106.5);290 --color-olive-100: oklch(96.6% 0.005 106.5);291 --color-olive-200: oklch(93% 0.007 106.5);292 --color-olive-300: oklch(88% 0.011 106.6);293 --color-olive-400: oklch(73.7% 0.021 106.9);294 --color-olive-500: oklch(58% 0.031 107.3);295 --color-olive-600: oklch(46.6% 0.025 107.3);296 --color-olive-700: oklch(39.4% 0.023 107.4);297 --color-olive-800: oklch(28.6% 0.016 107.4);298 --color-olive-900: oklch(22.8% 0.013 107.4);299 --color-olive-950: oklch(15.3% 0.006 107.1);300 301 --color-mist-50: oklch(98.7% 0.002 197.1);302 --color-mist-100: oklch(96.3% 0.002 197.1);303 --color-mist-200: oklch(92.5% 0.005 214.3);304 --color-mist-300: oklch(87.2% 0.007 219.6);305 --color-mist-400: oklch(72.3% 0.014 214.4);306 --color-mist-500: oklch(56% 0.021 213.5);307 --color-mist-600: oklch(45% 0.017 213.2);308 --color-mist-700: oklch(37.8% 0.015 216);309 --color-mist-800: oklch(27.5% 0.011 216.9);310 --color-mist-900: oklch(21.8% 0.008 223.9);311 --color-mist-950: oklch(14.8% 0.004 228.8);312 313 --color-taupe-50: oklch(98.6% 0.002 67.8);314 --color-taupe-100: oklch(96% 0.002 17.2);315 --color-taupe-200: oklch(92.2% 0.005 34.3);316 --color-taupe-300: oklch(86.8% 0.007 39.5);317 --color-taupe-400: oklch(71.4% 0.014 41.2);318 --color-taupe-500: oklch(54.7% 0.021 43.1);319 --color-taupe-600: oklch(43.8% 0.017 39.3);320 --color-taupe-700: oklch(36.7% 0.016 35.7);321 --color-taupe-800: oklch(26.8% 0.011 36.5);322 --color-taupe-900: oklch(21.4% 0.009 43.1);323 --color-taupe-950: oklch(14.7% 0.004 49.3);324 325 --color-black: #000;326 --color-white: #fff;327 328 --spacing: 0.25rem;329 330 --breakpoint-sm: 40rem;331 --breakpoint-md: 48rem;332 --breakpoint-lg: 64rem;333 --breakpoint-xl: 80rem;334 --breakpoint-2xl: 96rem;335 336 --container-3xs: 16rem;337 --container-2xs: 18rem;338 --container-xs: 20rem;339 --container-sm: 24rem;340 --container-md: 28rem;341 --container-lg: 32rem;342 --container-xl: 36rem;343 --container-2xl: 42rem;344 --container-3xl: 48rem;345 --container-4xl: 56rem;346 --container-5xl: 64rem;347 --container-6xl: 72rem;348 --container-7xl: 80rem;349 350 --text-xs: 0.75rem;351 --text-xs--line-height: calc(1 / 0.75);352 --text-sm: 0.875rem;353 --text-sm--line-height: calc(1.25 / 0.875);354 --text-base: 1rem;355 --text-base--line-height: calc(1.5 / 1);356 --text-lg: 1.125rem;357 --text-lg--line-height: calc(1.75 / 1.125);358 --text-xl: 1.25rem;359 --text-xl--line-height: calc(1.75 / 1.25);360 --text-2xl: 1.5rem;361 --text-2xl--line-height: calc(2 / 1.5);362 --text-3xl: 1.875rem;363 --text-3xl--line-height: calc(2.25 / 1.875);364 --text-4xl: 2.25rem;365 --text-4xl--line-height: calc(2.5 / 2.25);366 --text-5xl: 3rem;367 --text-5xl--line-height: 1;368 --text-6xl: 3.75rem;369 --text-6xl--line-height: 1;370 --text-7xl: 4.5rem;371 --text-7xl--line-height: 1;372 --text-8xl: 6rem;373 --text-8xl--line-height: 1;374 --text-9xl: 8rem;375 --text-9xl--line-height: 1;376 377 --font-weight-thin: 100;378 --font-weight-extralight: 200;379 --font-weight-light: 300;380 --font-weight-normal: 400;381 --font-weight-medium: 500;382 --font-weight-semibold: 600;383 --font-weight-bold: 700;384 --font-weight-extrabold: 800;385 --font-weight-black: 900;386 387 --tracking-tighter: -0.05em;388 --tracking-tight: -0.025em;389 --tracking-normal: 0em;390 --tracking-wide: 0.025em;391 --tracking-wider: 0.05em;392 --tracking-widest: 0.1em;393 394 --leading-tight: 1.25;395 --leading-snug: 1.375;396 --leading-normal: 1.5;397 --leading-relaxed: 1.625;398 --leading-loose: 2;399 400 --radius-xs: 0.125rem;401 --radius-sm: 0.25rem;402 --radius-md: 0.375rem;403 --radius-lg: 0.5rem;404 --radius-xl: 0.75rem;405 --radius-2xl: 1rem;406 --radius-3xl: 1.5rem;407 --radius-4xl: 2rem;408 409 --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);410 --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);411 --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);412 --shadow-md:413 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);414 --shadow-lg:415 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);416 --shadow-xl:417 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);418 --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);419 420 --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);421 --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);422 --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);423 424 --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);425 --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);426 --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);427 --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);428 --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);429 --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);430 431 --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);432 --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);433 --text-shadow-sm:434 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),435 0px 2px 2px rgb(0 0 0 / 0.075);436 --text-shadow-md:437 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),438 0px 2px 4px rgb(0 0 0 / 0.1);439 --text-shadow-lg:440 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),441 0px 4px 8px rgb(0 0 0 / 0.1);442 443 --ease-in: cubic-bezier(0.4, 0, 1, 1);444 --ease-out: cubic-bezier(0, 0, 0.2, 1);445 --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);446 447 --animate-spin: spin 1s linear infinite;448 --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;449 --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;450 --animate-bounce: bounce 1s infinite;451 452 @keyframes spin {453 to {454 transform: rotate(360deg);455 }456 }457 458 @keyframes ping {459 75%,460 100% {461 transform: scale(2);462 opacity: 0;463 }464 }465 466 @keyframes pulse {467 50% {468 opacity: 0.5;469 }470 }471 472 @keyframes bounce {473 0%,474 100% {475 transform: translateY(-25%);476 animation-timing-function: cubic-bezier(0.8, 0, 1, 1);477 }478 479 50% {480 transform: none;481 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);482 }483 }484 485 --blur-xs: 4px;486 --blur-sm: 8px;487 --blur-md: 12px;488 --blur-lg: 16px;489 --blur-xl: 24px;490 --blur-2xl: 40px;491 --blur-3xl: 64px;492 493 --perspective-dramatic: 100px;494 --perspective-near: 300px;495 --perspective-normal: 500px;496 --perspective-midrange: 800px;497 --perspective-distant: 1200px;498 499 --aspect-video: 16 / 9;500 501 --default-transition-duration: 150ms;502 --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);503 --default-font-family: --theme(--font-sans, initial);504 --default-font-feature-settings: --theme(505 --font-sans--font-feature-settings,506 initial507 );508 --default-font-variation-settings: --theme(509 --font-sans--font-variation-settings,510 initial511 );512 --default-mono-font-family: --theme(--font-mono, initial);513 --default-mono-font-feature-settings: --theme(514 --font-mono--font-feature-settings,515 initial516 );517 --default-mono-font-variation-settings: --theme(518 --font-mono--font-variation-settings,519 initial520 );521 }522 523 /* Deprecated */524 @theme default inline reference {525 --blur: 8px;526 --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);527 --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);528 --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);529 --radius: 0.25rem;530 --max-width-prose: 65ch;531 }532}533 534@layer base {535 /*536 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)537 2. Remove default margins and padding538 3. Reset all borders.539*/540 541 *,542 ::after,543 ::before,544 ::backdrop,545 ::file-selector-button {546 box-sizing: border-box; /* 1 */547 margin: 0; /* 2 */548 padding: 0; /* 2 */549 border: 0 solid; /* 3 */550 }551 552 /*553 1. Use a consistent sensible line-height in all browsers.554 2. Prevent adjustments of font size after orientation changes in iOS.555 3. Use a more readable tab size.556 4. Use the user's configured `sans` font-family by default.557 5. Use the user's configured `sans` font-feature-settings by default.558 6. Use the user's configured `sans` font-variation-settings by default.559 7. Disable tap highlights on iOS.560*/561 562 html,563 :host {564 line-height: 1.5; /* 1 */565 -webkit-text-size-adjust: 100%; /* 2 */566 tab-size: 4; /* 3 */567 font-family: --theme(568 --default-font-family,569 ui-sans-serif,570 system-ui,571 sans-serif,572 "Apple Color Emoji",573 "Segoe UI Emoji",574 "Segoe UI Symbol",575 "Noto Color Emoji"576 ); /* 4 */577 font-feature-settings: --theme(578 --default-font-feature-settings,579 normal580 ); /* 5 */581 font-variation-settings: --theme(582 --default-font-variation-settings,583 normal584 ); /* 6 */585 -webkit-tap-highlight-color: transparent; /* 7 */586 }587 588 /*589 1. Add the correct height in Firefox.590 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)591 3. Reset the default border style to a 1px solid border.592*/593 594 hr {595 height: 0; /* 1 */596 color: inherit; /* 2 */597 border-top-width: 1px; /* 3 */598 }599 600 /*601 Add the correct text decoration in Chrome, Edge, and Safari.602*/603 604 abbr:where([title]) {605 -webkit-text-decoration: underline dotted;606 text-decoration: underline dotted;607 }608 609 /*610 Remove the default font size and weight for headings.611*/612 613 h1,614 h2,615 h3,616 h4,617 h5,618 h6 {619 font-size: inherit;620 font-weight: inherit;621 }622 623 /*624 Reset links to optimize for opt-in styling instead of opt-out.625*/626 627 a {628 color: inherit;629 -webkit-text-decoration: inherit;630 text-decoration: inherit;631 }632 633 /*634 Add the correct font weight in Edge and Safari.635*/636 637 b,638 strong {639 font-weight: bolder;640 }641 642 /*643 1. Use the user's configured `mono` font-family by default.644 2. Use the user's configured `mono` font-feature-settings by default.645 3. Use the user's configured `mono` font-variation-settings by default.646 4. Correct the odd `em` font sizing in all browsers.647*/648 649 code,650 kbd,651 samp,652 pre {653 font-family: --theme(654 --default-mono-font-family,655 ui-monospace,656 SFMono-Regular,657 Menlo,658 Monaco,659 Consolas,660 "Liberation Mono",661 "Courier New",662 monospace663 ); /* 1 */664 font-feature-settings: --theme(665 --default-mono-font-feature-settings,666 normal667 ); /* 2 */668 font-variation-settings: --theme(669 --default-mono-font-variation-settings,670 normal671 ); /* 3 */672 font-size: 1em; /* 4 */673 }674 675 /*676 Add the correct font size in all browsers.677*/678 679 small {680 font-size: 80%;681 }682 683 /*684 Prevent `sub` and `sup` elements from affecting the line height in all browsers.685*/686 687 sub,688 sup {689 font-size: 75%;690 line-height: 0;691 position: relative;692 vertical-align: baseline;693 }694 695 sub {696 bottom: -0.25em;697 }698 699 sup {700 top: -0.5em;701 }702 703 /*704 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)705 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)706 3. Remove gaps between table borders by default.707*/708 709 table {710 text-indent: 0; /* 1 */711 border-color: inherit; /* 2 */712 border-collapse: collapse; /* 3 */713 }714 715 /*716 Use the modern Firefox focus style for all focusable elements.717*/718 719 :-moz-focusring {720 outline: auto;721 }722 723 /*724 Add the correct vertical alignment in Chrome and Firefox.725*/726 727 progress {728 vertical-align: baseline;729 }730 731 /*732 Add the correct display in Chrome and Safari.733*/734 735 summary {736 display: list-item;737 }738 739 /*740 Make lists unstyled by default.741*/742 743 ol,744 ul,745 menu {746 list-style: none;747 }748 749 /*750 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)751 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)752 This can trigger a poorly considered lint error in some tools but is included by design.753*/754 755 img,756 svg,757 video,758 canvas,759 audio,760 iframe,761 embed,762 object {763 display: block; /* 1 */764 vertical-align: middle; /* 2 */765 }766 767 /*768 Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)769*/770 771 img,772 video {773 max-width: 100%;774 height: auto;775 }776 777 /*778 1. Inherit font styles in all browsers.779 2. Remove border radius in all browsers.780 3. Remove background color in all browsers.781 4. Ensure consistent opacity for disabled states in all browsers.782*/783 784 button,785 input,786 select,787 optgroup,788 textarea,789 ::file-selector-button {790 font: inherit; /* 1 */791 font-feature-settings: inherit; /* 1 */792 font-variation-settings: inherit; /* 1 */793 letter-spacing: inherit; /* 1 */794 color: inherit; /* 1 */795 border-radius: 0; /* 2 */796 background-color: transparent; /* 3 */797 opacity: 1; /* 4 */798 }799 800 /*801 Restore default font weight.802*/803 804 :where(select:is([multiple], [size])) optgroup {805 font-weight: bolder;806 }807 808 /*809 Restore indentation.810*/811 812 :where(select:is([multiple], [size])) optgroup option {813 padding-inline-start: 20px;814 }815 816 /*817 Restore space after button.818*/819 820 ::file-selector-button {821 margin-inline-end: 4px;822 }823 824 /*825 Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)826*/827 828 ::placeholder {829 opacity: 1;830 }831 832 /*833 Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not834 crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)835*/836 837 @supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or838 (contain-intrinsic-size: 1px) /* Safari 17+ */ {839 ::placeholder {840 color: color-mix(in oklab, currentcolor 50%, transparent);841 }842 }843 844 /*845 Prevent resizing textareas horizontally by default.846*/847 848 textarea {849 resize: vertical;850 }851 852 /*853 Remove the inner padding in Chrome and Safari on macOS.854*/855 856 ::-webkit-search-decoration {857 -webkit-appearance: none;858 }859 860 /*861 1. Ensure date/time inputs have the same height when empty in iOS Safari.862 2. Ensure text alignment can be changed on date/time inputs in iOS Safari.863*/864 865 ::-webkit-date-and-time-value {866 min-height: 1lh; /* 1 */867 text-align: inherit; /* 2 */868 }869 870 /*871 Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.872*/873 874 ::-webkit-datetime-edit {875 display: inline-flex;876 }877 878 /*879 Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.880*/881 882 ::-webkit-datetime-edit-fields-wrapper {883 padding: 0;884 }885 886 ::-webkit-datetime-edit,887 ::-webkit-datetime-edit-year-field,888 ::-webkit-datetime-edit-month-field,889 ::-webkit-datetime-edit-day-field,890 ::-webkit-datetime-edit-hour-field,891 ::-webkit-datetime-edit-minute-field,892 ::-webkit-datetime-edit-second-field,893 ::-webkit-datetime-edit-millisecond-field,894 ::-webkit-datetime-edit-meridiem-field {895 padding-block: 0;896 }897 898 /*899 Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)900*/901 902 ::-webkit-calendar-picker-indicator {903 line-height: 1;904 }905 906 /*907 Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)908*/909 910 :-moz-ui-invalid {911 box-shadow: none;912 }913 914 /*915 Correct the inability to style the border radius in iOS Safari.916*/917 918 button,919 input:where([type="button"], [type="reset"], [type="submit"]),920 ::file-selector-button {921 appearance: button;922 }923 924 /*925 Correct the cursor style of increment and decrement buttons in Safari.926*/927 928 ::-webkit-inner-spin-button,929 ::-webkit-outer-spin-button {930 height: auto;931 }932 933 /*934 Make elements with the HTML hidden attribute stay hidden by default.935*/936 937 [hidden]:where(:not([hidden="until-found"])) {938 display: none !important;939 }940}941 942@layer utilities {943 @tailwind utilities;944}945