@birdycom/omniacss 0.12.2 → 0.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/dist/oc-theme.css +1 -1
- package/dist/omnia.starter.css +0 -21
- package/dist/omnia.starter.min.css +1 -1
- package/dist/tokens/omnia.dtcg.json +2 -2
- package/dist/tokens/omnia.tokens.json +1 -1
- package/dist/tokens/omnia_tokens.py +2 -2
- package/package.json +1 -1
- package/src/engine.mjs +16 -1
- package/src/postcss.mjs +64 -11
package/README.md
CHANGED
|
@@ -14,6 +14,8 @@ import omniacss from "@birdycom/omniacss/postcss";
|
|
|
14
14
|
export default { plugins: [omniacss({ content: ["src/**/*.{html,js,vue,tsx}"] })] };
|
|
15
15
|
```
|
|
16
16
|
|
|
17
|
+
With [OmniaUI](https://omniaui.eu) installed, `@omniaui;` (before `@omnia;`) adds the components, blocks and Pro blocks the content uses, pruned the same way, in `@layer omniaui`. `@omniaui components;` takes one package only.
|
|
18
|
+
|
|
17
19
|
**Engine API**
|
|
18
20
|
|
|
19
21
|
```js
|
package/dist/oc-theme.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* File: oc-theme.css — generated from tokens/semantic.json by @birdycom/omniacss 0.12.
|
|
1
|
+
/* File: oc-theme.css — generated from tokens/semantic.json by @birdycom/omniacss 0.12.3. Do not edit. */
|
|
2
2
|
/* Semantic theme tokens: every color is light-dark() of an Omnia palette token (oc-colors.css). */
|
|
3
3
|
/* Same source as the desktop export: npx omniacss tokens --format json|dtcg|python */
|
|
4
4
|
:root {
|
package/dist/omnia.starter.css
CHANGED
|
@@ -139,8 +139,6 @@
|
|
|
139
139
|
--color-blue-80: oklch(37.0651248903% 0.3184215253 264.0520226164deg);
|
|
140
140
|
--color-blue-90: oklch(34.3530425813% 0.3201572375 264.0520226164deg);
|
|
141
141
|
--color-blue-100: oklch(45.2013718174% 0.3132143886 264.0520226164deg);
|
|
142
|
-
--color-mistblue-80: oklch(64.2034383676% 0.0793812521 270.8933734327deg);
|
|
143
|
-
--color-vividblue-80: oklch(59.7962205644% 0.1566195859 258.2807037581deg);
|
|
144
142
|
--color-brown-10: oklch(67.7979779433% 0.1404981732 25.5621058937deg);
|
|
145
143
|
--color-brown-20: oklch(63.6428783231% 0.1436913135 25.5621058937deg);
|
|
146
144
|
--color-brown-30: oklch(59.4877787029% 0.1468844538 25.5621058937deg);
|
|
@@ -12714,25 +12712,6 @@ select {
|
|
|
12714
12712
|
/* Scroll markers — CSS-only carousel navigation dots */
|
|
12715
12713
|
|
|
12716
12714
|
/* Default look of the generated dots (Omnia colors); the active one follows the scroll position. */
|
|
12717
|
-
:is(.scroll-markers-before, .scroll-markers-after)::scroll-marker-group {
|
|
12718
|
-
display: flex;
|
|
12719
|
-
gap: 0.5rem;
|
|
12720
|
-
justify-content: center;
|
|
12721
|
-
padding: 0.6rem;
|
|
12722
|
-
}
|
|
12723
|
-
|
|
12724
|
-
:is(.scroll-markers-before, .scroll-markers-after) > *::scroll-marker {
|
|
12725
|
-
content: "";
|
|
12726
|
-
display: block;
|
|
12727
|
-
inline-size: 0.7rem;
|
|
12728
|
-
block-size: 0.7rem;
|
|
12729
|
-
border-radius: 50%;
|
|
12730
|
-
background: oklch(from var(--color-mistblue-80) l c h/0.6);
|
|
12731
|
-
}
|
|
12732
|
-
|
|
12733
|
-
:is(.scroll-markers-before, .scroll-markers-after) > *::scroll-marker:target-current {
|
|
12734
|
-
background: var(--color-vividblue-80);
|
|
12735
|
-
}
|
|
12736
12715
|
|
|
12737
12716
|
/* Scroll buttons — CSS-only previous/next arrows on a scroll container (::scroll-button()) */
|
|
12738
12717
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer omnia{@supports (color:oklch(0% 0 0deg)){:root,:host{--color-red-10:oklch(76.9332% .226761 29.2339);--color-red-20:oklch(73.9569% .231915 29.2339);--color-red-30:oklch(70.9805% .237069 29.2339);--color-red-40:oklch(68.0042% .242222 29.2339);--color-red-50:oklch(65.0278% .247376 29.2339);--color-red-60:oklch(59.0278% .26053 29.2339);--color-red-70:oklch(55.2601% .263376 29.2339);--color-red-80:oklch(51.4923% .266222 29.2339);--color-red-90:oklch(47.7246% .269069 29.2339);--color-red-100:oklch(62.7955% .257683 29.2339);--color-pink-10:oklch(91.7998% .064717 7.08549);--color-pink-20:oklch(90.7417% .0661878 7.08549);--color-pink-30:oklch(89.6836% .0676586 7.08549);--color-pink-40:oklch(88.6255% .0691295 7.08549);--color-pink-50:oklch(87.5674% .0706003 7.08549);--color-pink-60:oklch(81.5674% .0800712 7.08549);--color-pink-70:oklch(76.361% .0866003 7.08549);--color-pink-80:oklch(71.1546% .0931295 7.08549);--color-pink-90:oklch(65.9481% .0996586 7.08549);--color-pink-100:oklch(86.7738% .073542 7.08549);--color-orange-10:oklch(87.1467% .150503 70.6699);--color-orange-20:oklch(85.4882% .153923 70.6699);--color-orange-30:oklch(83.8297% .157344 70.6699);--color-orange-40:oklch(82.1712% .160764 70.6699);--color-orange-50:oklch(80.5127% .164185 70.6699);--color-orange-60:oklch(74.5127% .175605 70.6699);--color-orange-70:oklch(69.7566% .180185 70.6699);--color-orange-80:oklch(65.0005% .184764 70.6699);--color-orange-90:oklch(60.2443% .189344 70.6699);--color-orange-100:oklch(79.2688% .171026 70.6699);--color-yellow-10:oklch(98.0149% .185685 109.769);--color-yellow-20:oklch(97.7588% .189905 109.769);--color-yellow-30:oklch(97.5027% .194125 109.769);--color-yellow-40:oklch(97.2465% .198346 109.769);--color-yellow-50:oklch(96.9904% .202566 109.769);--color-yellow-60:oklch(90.9904% .214786 109.769);--color-yellow-70:oklch(85.1825% .218566 109.769);--color-yellow-80:oklch(79.3746% .222346 109.769);--color-yellow-90:oklch(73.5667% .226125 109.769);--color-yellow-100:oklch(96.7983% .211006 109.769);--color-violet-10:oklch(85.2377% .163788 327.21);--color-violet-20:oklch(83.3329% .16751 327.21);--color-violet-30:oklch(81.4281% .171233 327.21);--color-violet-40:oklch(79.5233% .174955 327.21);--color-violet-50:oklch(77.6185% .178678 327.21);--color-violet-60:oklch(71.6185% .1904 327.21);--color-violet-70:oklch(67.0471% .194678 327.21);--color-violet-80:oklch(62.4757% .198955 327.21);--color-violet-90:oklch(57.9043% .203233 327.21);--color-violet-100:oklch(76.1899% .186122 327.21);--color-magenta-10:oklch(81.5038% .283792 328.363);--color-magenta-20:oklch(79.1172% .290242 328.363);--color-magenta-30:oklch(76.7306% .296692 328.363);--color-magenta-40:oklch(74.344% .303142 328.363);--color-magenta-50:oklch(71.9573% .309591 328.363);--color-magenta-60:oklch(65.9573% .324041 328.363);--color-magenta-70:oklch(61.7473% .325591 328.363);--color-magenta-80:oklch(57.5373% .327142 328.363);--color-magenta-90:oklch(53.3272% .328692 328.363);--color-magenta-100:oklch(70.1674% .322491 328.363);--color-purple-10:oklch(64.0967% .170239 328.363);--color-purple-20:oklch(59.464% .174108 328.363);--color-purple-30:oklch(54.8313% .177977 328.363);--color-purple-40:oklch(50.1986% .181846 328.363);--color-purple-50:oklch(45.5659% .185715 328.363);--color-purple-60:oklch(39.5659% .197584 328.363);--color-purple-70:oklch(37.0404% .201715 328.363);--color-purple-80:oklch(34.5149% .205846 328.363);--color-purple-90:oklch(31.9894% .209977 328.363);--color-purple-100:oklch(42.0914% .193453 328.363);--color-indigo-10:oklch(59.0169% .157759 301.685);--color-indigo-20:oklch(53.7288% .161344 301.685);--color-indigo-30:oklch(48.4406% .16493 301.685);--color-indigo-40:oklch(43.1525% .168515 301.685);--color-indigo-50:oklch(37.8643% .172101 301.685);--color-indigo-60:oklch(31.8643% .183686 301.685);--color-indigo-70:oklch(29.8304% .188101 301.685);--color-indigo-80:oklch(27.7965% .192515 301.685);--color-indigo-90:oklch(25.7626% .19693 301.685);--color-indigo-100:oklch(33.8982% .179272 301.685);--color-lime-10:oklch(91.7193% .259448 142.495);--color-lime-20:oklch(90.6508% .265345 142.495);--color-lime-30:oklch(89.5823% .271241 142.495);--color-lime-40:oklch(88.5138% .277138 142.495);--color-lime-50:oklch(87.4453% .283034 142.495);--color-lime-60:oklch(81.4453% .296931 142.495);--color-lime-70:oklch(76.2467% .299034 142.495);--color-lime-80:oklch(71.0481% .301138 142.495);--color-lime-90:oklch(65.8494% .303241 142.495);--color-lime-100:oklch(86.644% .294827 142.495);--color-green-10:oklch(70.2246% .155635 142.495);--color-green-20:oklch(66.3826% .159172 142.495);--color-green-30:oklch(62.5406% .16271 142.495);--color-green-40:oklch(58.6987% .166247 142.495);--color-green-50:oklch(54.8567% .169784 142.495);--color-green-60:oklch(48.8567% .181321 142.495);--color-green-70:oklch(45.7382% .185784 142.495);--color-green-80:oklch(42.6197% .190247 142.495);--color-green-90:oklch(39.5011% .19471 142.495);--color-green-100:oklch(51.9752% .176858 142.495);--color-teal-10:oklch(71.6736% .0815848 194.769);--color-teal-20:oklch(68.0186% .083439 194.769);--color-teal-30:oklch(64.3636% .0852932 194.769);--color-teal-40:oklch(60.7085% .0871474 194.769);--color-teal-50:oklch(57.0535% .0890017 194.769);--color-teal-60:oklch(51.0535% .0988558 194.769);--color-teal-70:oklch(47.7948% .105002 194.769);--color-teal-80:oklch(44.5361% .111147 194.769);--color-teal-90:oklch(41.2773% .117293 194.769);--color-teal-100:oklch(54.3123% .0927101 194.769);--color-cyan-10:oklch(94.1348% .136004 194.769);--color-cyan-20:oklch(93.3779% .139095 194.769);--color-cyan-30:oklch(92.6211% .142186 194.769);--color-cyan-40:oklch(91.8643% .145277 194.769);--color-cyan-50:oklch(91.1075% .148368 194.769);--color-cyan-60:oklch(85.1075% .159459 194.769);--color-cyan-70:oklch(79.6751% .164368 194.769);--color-cyan-80:oklch(74.2427% .169277 194.769);--color-cyan-90:oklch(68.8103% .174186 194.769);--color-cyan-100:oklch(90.5399% .15455 194.769);--color-blue-10:oklch(66.0249% .275629 264.052);--color-blue-20:oklch(61.641% .281893 264.052);--color-blue-30:oklch(57.2571% .288157 264.052);--color-blue-40:oklch(52.8732% .294422 264.052);--color-blue-50:oklch(48.4893% .300686 264.052);--color-blue-60:oklch(42.4893% .31495 264.052);--color-blue-70:oklch(39.7772% .316686 264.052);--color-blue-80:oklch(37.0651% .318422 264.052);--color-blue-90:oklch(34.353% .320157 264.052);--color-blue-100:oklch(45.2014% .313214 264.052);--color-mistblue-80:oklch(64.2034% .0793813 270.893);--color-vividblue-80:oklch(59.7962% .15662 258.281);--color-brown-10:oklch(67.798% .140498 25.5621);--color-brown-20:oklch(63.6429% .143691 25.5621);--color-brown-30:oklch(59.4878% .146884 25.5621);--color-brown-40:oklch(55.3327% .150078 25.5621);--color-brown-50:oklch(51.1776% .153271 25.5621);--color-brown-60:oklch(45.1776% .164464 25.5621);--color-brown-70:oklch(42.2939% .169271 25.5621);--color-brown-80:oklch(39.4102% .174078 25.5621);--color-brown-90:oklch(36.5266% .178884 25.5621);--color-brown-100:oklch(48.0613% .159657 25.5621);--color-white-2:oklch(100% 0 none);--color-white-50:oklch(100% 0 none);--color-white-100:oklch(100% 0 none);--color-snow-50:oklch(98.9601% .00512347 17.2471);--color-gray-2:oklch(82.3943% 0 none);--color-gray-10:oklch(75.192% 0 none);--color-gray-20:oklch(71.991% 0 none);--color-gray-30:oklch(68.7899% 0 none);--color-gray-40:oklch(65.5889% 0 none);--color-gray-50:oklch(62.3879% 0 none);--color-gray-60:oklch(56.3879% .008 none);--color-gray-70:oklch(52.7886% .016 none);--color-gray-80:oklch(49.1894% .024 none);--color-gray-90:oklch(45.5902% .032 none);--color-gray-95:oklch(40.7912% .04 none);--color-gray-100:oklch(59.9871% 0 none);--color-black-50:oklch(6% 0 none);--color-black-100:oklch(0% 0 none)}}@font-face{font-family:Noto Color Emoji;src:url(/fonts/noto/NotoColorEmoji.ttf)format("truetype");font-display:swap}@font-face{font-family:Lucida Console;src:url(/fonts/lucida_console/LucidaConsoleRegular.ttf)format("truetype");font-display:swap}@font-face{font-family:Noto Sans Egyptian Hieroglyphs;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/noto/NotoSansEgyptianHieroglyphs-Regular.ttf)format("truetype");unicode-range:U+13000-1342E,U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,picture,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizespeed;min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bg-red-10{background-color:var(--color-red-10)}.text-red-10{color:var(--color-red-10)}.bg-red-20{background-color:var(--color-red-20)}.text-red-20{color:var(--color-red-20)}.bg-red-30{background-color:var(--color-red-30)}.text-red-30{color:var(--color-red-30)}.bg-red-40{background-color:var(--color-red-40)}.text-red-40{color:var(--color-red-40)}.bg-red-50{background-color:var(--color-red-50)}.text-red-50{color:var(--color-red-50)}.bg-red-60{background-color:var(--color-red-60)}.text-red-60{color:var(--color-red-60)}.bg-red-70{background-color:var(--color-red-70)}.text-red-70{color:var(--color-red-70)}.bg-red-80{background-color:var(--color-red-80)}.text-red-80{color:var(--color-red-80)}.bg-red-90{background-color:var(--color-red-90)}.text-red-90{color:var(--color-red-90)}.bg-red{background-color:var(--color-red-100)}.text-red{color:var(--color-red-100)}.hover\:bg-red-10:hover{background-color:var(--color-red-10)}.hover\:text-red-10:hover{color:var(--color-red-10)}.hover\:bg-red-20:hover{background-color:var(--color-red-20)}.hover\:text-red-20:hover{color:var(--color-red-20)}.hover\:bg-red-30:hover{background-color:var(--color-red-30)}.hover\:text-red-30:hover{color:var(--color-red-30)}.hover\:bg-red-40:hover{background-color:var(--color-red-40)}.hover\:text-red-40:hover{color:var(--color-red-40)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:text-red-50:hover{color:var(--color-red-50)}.hover\:bg-red-60:hover{background-color:var(--color-red-60)}.hover\:text-red-60:hover{color:var(--color-red-60)}.hover\:bg-red-70:hover{background-color:var(--color-red-70)}.hover\:text-red-70:hover{color:var(--color-red-70)}.hover\:bg-red-80:hover{background-color:var(--color-red-80)}.hover\:text-red-80:hover{color:var(--color-red-80)}.hover\:bg-red-90:hover{background-color:var(--color-red-90)}.hover\:text-red-90:hover{color:var(--color-red-90)}.hover\:bg-red:hover{background-color:var(--color-red-100)}.hover\:text-red:hover{color:var(--color-red-100)}.focus\:bg-red-10:focus{background-color:var(--color-red-10)}.focus\:text-red-10:focus{color:var(--color-red-10)}.focus\:bg-red-20:focus{background-color:var(--color-red-20)}.focus\:text-red-20:focus{color:var(--color-red-20)}.focus\:bg-red-30:focus{background-color:var(--color-red-30)}.focus\:text-red-30:focus{color:var(--color-red-30)}.focus\:bg-red-40:focus{background-color:var(--color-red-40)}.focus\:text-red-40:focus{color:var(--color-red-40)}.focus\:bg-red-50:focus{background-color:var(--color-red-50)}.focus\:text-red-50:focus{color:var(--color-red-50)}.focus\:bg-red-60:focus{background-color:var(--color-red-60)}.focus\:text-red-60:focus{color:var(--color-red-60)}.focus\:bg-red-70:focus{background-color:var(--color-red-70)}.focus\:text-red-70:focus{color:var(--color-red-70)}.focus\:bg-red-80:focus{background-color:var(--color-red-80)}.focus\:text-red-80:focus{color:var(--color-red-80)}.focus\:bg-red-90:focus{background-color:var(--color-red-90)}.focus\:text-red-90:focus{color:var(--color-red-90)}.focus\:bg-red:focus{background-color:var(--color-red-100)}.focus\:text-red:focus{color:var(--color-red-100)}.bg-pink-10{background-color:var(--color-pink-10)}.text-pink-10{color:var(--color-pink-10)}.bg-pink-20{background-color:var(--color-pink-20)}.text-pink-20{color:var(--color-pink-20)}.bg-pink-30{background-color:var(--color-pink-30)}.text-pink-30{color:var(--color-pink-30)}.bg-pink-40{background-color:var(--color-pink-40)}.text-pink-40{color:var(--color-pink-40)}.bg-pink-50{background-color:var(--color-pink-50)}.text-pink-50{color:var(--color-pink-50)}.bg-pink-60{background-color:var(--color-pink-60)}.text-pink-60{color:var(--color-pink-60)}.bg-pink-70{background-color:var(--color-pink-70)}.text-pink-70{color:var(--color-pink-70)}.bg-pink-80{background-color:var(--color-pink-80)}.text-pink-80{color:var(--color-pink-80)}.bg-pink-90{background-color:var(--color-pink-90)}.text-pink-90{color:var(--color-pink-90)}.bg-pink{background-color:var(--color-pink-100)}.text-pink{color:var(--color-pink-100)}.hover\:bg-pink-10:hover{background-color:var(--color-pink-10)}.hover\:text-pink-10:hover{color:var(--color-pink-10)}.hover\:bg-pink-20:hover{background-color:var(--color-pink-20)}.hover\:text-pink-20:hover{color:var(--color-pink-20)}.hover\:bg-pink-30:hover{background-color:var(--color-pink-30)}.hover\:text-pink-30:hover{color:var(--color-pink-30)}.hover\:bg-pink-40:hover{background-color:var(--color-pink-40)}.hover\:text-pink-40:hover{color:var(--color-pink-40)}.hover\:bg-pink-50:hover{background-color:var(--color-pink-50)}.hover\:text-pink-50:hover{color:var(--color-pink-50)}.hover\:bg-pink-60:hover{background-color:var(--color-pink-60)}.hover\:text-pink-60:hover{color:var(--color-pink-60)}.hover\:bg-pink-70:hover{background-color:var(--color-pink-70)}.hover\:text-pink-70:hover{color:var(--color-pink-70)}.hover\:bg-pink-80:hover{background-color:var(--color-pink-80)}.hover\:text-pink-80:hover{color:var(--color-pink-80)}.hover\:bg-pink-90:hover{background-color:var(--color-pink-90)}.hover\:text-pink-90:hover{color:var(--color-pink-90)}.hover\:bg-pink:hover{background-color:var(--color-pink-100)}.hover\:text-pink:hover{color:var(--color-pink-100)}.focus\:bg-pink-10:focus{background-color:var(--color-pink-10)}.focus\:text-pink-10:focus{color:var(--color-pink-10)}.focus\:bg-pink-20:focus{background-color:var(--color-pink-20)}.focus\:text-pink-20:focus{color:var(--color-pink-20)}.focus\:bg-pink-30:focus{background-color:var(--color-pink-30)}.focus\:text-pink-30:focus{color:var(--color-pink-30)}.focus\:bg-pink-40:focus{background-color:var(--color-pink-40)}.focus\:text-pink-40:focus{color:var(--color-pink-40)}.focus\:bg-pink-50:focus{background-color:var(--color-pink-50)}.focus\:text-pink-50:focus{color:var(--color-pink-50)}.focus\:bg-pink-60:focus{background-color:var(--color-pink-60)}.focus\:text-pink-60:focus{color:var(--color-pink-60)}.focus\:bg-pink-70:focus{background-color:var(--color-pink-70)}.focus\:text-pink-70:focus{color:var(--color-pink-70)}.focus\:bg-pink-80:focus{background-color:var(--color-pink-80)}.focus\:text-pink-80:focus{color:var(--color-pink-80)}.focus\:bg-pink-90:focus{background-color:var(--color-pink-90)}.focus\:text-pink-90:focus{color:var(--color-pink-90)}.focus\:bg-pink:focus{background-color:var(--color-pink-100)}.focus\:text-pink:focus{color:var(--color-pink-100)}.bg-orange-10{background-color:var(--color-orange-10)}.text-orange-10{color:var(--color-orange-10)}.bg-orange-20{background-color:var(--color-orange-20)}.text-orange-20{color:var(--color-orange-20)}.bg-orange-30{background-color:var(--color-orange-30)}.text-orange-30{color:var(--color-orange-30)}.bg-orange-40{background-color:var(--color-orange-40)}.text-orange-40{color:var(--color-orange-40)}.bg-orange-50{background-color:var(--color-orange-50)}.text-orange-50{color:var(--color-orange-50)}.bg-orange-60{background-color:var(--color-orange-60)}.text-orange-60{color:var(--color-orange-60)}.bg-orange-70{background-color:var(--color-orange-70)}.text-orange-70{color:var(--color-orange-70)}.bg-orange-80{background-color:var(--color-orange-80)}.text-orange-80{color:var(--color-orange-80)}.bg-orange-90{background-color:var(--color-orange-90)}.text-orange-90{color:var(--color-orange-90)}.bg-orange{background-color:var(--color-orange-100)}.text-orange{color:var(--color-orange-100)}.hover\:bg-orange-10:hover{background-color:var(--color-orange-10)}.hover\:text-orange-10:hover{color:var(--color-orange-10)}.hover\:bg-orange-20:hover{background-color:var(--color-orange-20)}.hover\:text-orange-20:hover{color:var(--color-orange-20)}.hover\:bg-orange-30:hover{background-color:var(--color-orange-30)}.hover\:text-orange-30:hover{color:var(--color-orange-30)}.hover\:bg-orange-40:hover{background-color:var(--color-orange-40)}.hover\:text-orange-40:hover{color:var(--color-orange-40)}.hover\:bg-orange-50:hover{background-color:var(--color-orange-50)}.hover\:text-orange-50:hover{color:var(--color-orange-50)}.hover\:bg-orange-60:hover{background-color:var(--color-orange-60)}.hover\:text-orange-60:hover{color:var(--color-orange-60)}.hover\:bg-orange-70:hover{background-color:var(--color-orange-70)}.hover\:text-orange-70:hover{color:var(--color-orange-70)}.hover\:bg-orange-80:hover{background-color:var(--color-orange-80)}.hover\:text-orange-80:hover{color:var(--color-orange-80)}.hover\:bg-orange-90:hover{background-color:var(--color-orange-90)}.hover\:text-orange-90:hover{color:var(--color-orange-90)}.hover\:bg-orange:hover{background-color:var(--color-orange-100)}.hover\:text-orange:hover{color:var(--color-orange-100)}.focus\:bg-orange-10:focus{background-color:var(--color-orange-10)}.focus\:text-orange-10:focus{color:var(--color-orange-10)}.focus\:bg-orange-20:focus{background-color:var(--color-orange-20)}.focus\:text-orange-20:focus{color:var(--color-orange-20)}.focus\:bg-orange-30:focus{background-color:var(--color-orange-30)}.focus\:text-orange-30:focus{color:var(--color-orange-30)}.focus\:bg-orange-40:focus{background-color:var(--color-orange-40)}.focus\:text-orange-40:focus{color:var(--color-orange-40)}.focus\:bg-orange-50:focus{background-color:var(--color-orange-50)}.focus\:text-orange-50:focus{color:var(--color-orange-50)}.focus\:bg-orange-60:focus{background-color:var(--color-orange-60)}.focus\:text-orange-60:focus{color:var(--color-orange-60)}.focus\:bg-orange-70:focus{background-color:var(--color-orange-70)}.focus\:text-orange-70:focus{color:var(--color-orange-70)}.focus\:bg-orange-80:focus{background-color:var(--color-orange-80)}.focus\:text-orange-80:focus{color:var(--color-orange-80)}.focus\:bg-orange-90:focus{background-color:var(--color-orange-90)}.focus\:text-orange-90:focus{color:var(--color-orange-90)}.focus\:bg-orange:focus{background-color:var(--color-orange-100)}.focus\:text-orange:focus{color:var(--color-orange-100)}.bg-yellow-10{background-color:var(--color-yellow-10)}.text-yellow-10{color:var(--color-yellow-10)}.bg-yellow-20{background-color:var(--color-yellow-20)}.text-yellow-20{color:var(--color-yellow-20)}.bg-yellow-30{background-color:var(--color-yellow-30)}.text-yellow-30{color:var(--color-yellow-30)}.bg-yellow-40{background-color:var(--color-yellow-40)}.text-yellow-40{color:var(--color-yellow-40)}.bg-yellow-50{background-color:var(--color-yellow-50)}.text-yellow-50{color:var(--color-yellow-50)}.bg-yellow-60{background-color:var(--color-yellow-60)}.text-yellow-60{color:var(--color-yellow-60)}.bg-yellow-70{background-color:var(--color-yellow-70)}.text-yellow-70{color:var(--color-yellow-70)}.bg-yellow-80{background-color:var(--color-yellow-80)}.text-yellow-80{color:var(--color-yellow-80)}.bg-yellow-90{background-color:var(--color-yellow-90)}.text-yellow-90{color:var(--color-yellow-90)}.bg-yellow{background-color:var(--color-yellow-100)}.text-yellow{color:var(--color-yellow-100)}.hover\:bg-yellow-10:hover{background-color:var(--color-yellow-10)}.hover\:text-yellow-10:hover{color:var(--color-yellow-10)}.hover\:bg-yellow-20:hover{background-color:var(--color-yellow-20)}.hover\:text-yellow-20:hover{color:var(--color-yellow-20)}.hover\:bg-yellow-30:hover{background-color:var(--color-yellow-30)}.hover\:text-yellow-30:hover{color:var(--color-yellow-30)}.hover\:bg-yellow-40:hover{background-color:var(--color-yellow-40)}.hover\:text-yellow-40:hover{color:var(--color-yellow-40)}.hover\:bg-yellow-50:hover{background-color:var(--color-yellow-50)}.hover\:text-yellow-50:hover{color:var(--color-yellow-50)}.hover\:bg-yellow-60:hover{background-color:var(--color-yellow-60)}.hover\:text-yellow-60:hover{color:var(--color-yellow-60)}.hover\:bg-yellow-70:hover{background-color:var(--color-yellow-70)}.hover\:text-yellow-70:hover{color:var(--color-yellow-70)}.hover\:bg-yellow-80:hover{background-color:var(--color-yellow-80)}.hover\:text-yellow-80:hover{color:var(--color-yellow-80)}.hover\:bg-yellow-90:hover{background-color:var(--color-yellow-90)}.hover\:text-yellow-90:hover{color:var(--color-yellow-90)}.hover\:bg-yellow:hover{background-color:var(--color-yellow-100)}.hover\:text-yellow:hover{color:var(--color-yellow-100)}.focus\:bg-yellow-10:focus{background-color:var(--color-yellow-10)}.focus\:text-yellow-10:focus{color:var(--color-yellow-10)}.focus\:bg-yellow-20:focus{background-color:var(--color-yellow-20)}.focus\:text-yellow-20:focus{color:var(--color-yellow-20)}.focus\:bg-yellow-30:focus{background-color:var(--color-yellow-30)}.focus\:text-yellow-30:focus{color:var(--color-yellow-30)}.focus\:bg-yellow-40:focus{background-color:var(--color-yellow-40)}.focus\:text-yellow-40:focus{color:var(--color-yellow-40)}.focus\:bg-yellow-50:focus{background-color:var(--color-yellow-50)}.focus\:text-yellow-50:focus{color:var(--color-yellow-50)}.focus\:bg-yellow-60:focus{background-color:var(--color-yellow-60)}.focus\:text-yellow-60:focus{color:var(--color-yellow-60)}.focus\:bg-yellow-70:focus{background-color:var(--color-yellow-70)}.focus\:text-yellow-70:focus{color:var(--color-yellow-70)}.focus\:bg-yellow-80:focus{background-color:var(--color-yellow-80)}.focus\:text-yellow-80:focus{color:var(--color-yellow-80)}.focus\:bg-yellow-90:focus{background-color:var(--color-yellow-90)}.focus\:text-yellow-90:focus{color:var(--color-yellow-90)}.focus\:bg-yellow:focus{background-color:var(--color-yellow-100)}.focus\:text-yellow:focus{color:var(--color-yellow-100)}.bg-violet-10{background-color:var(--color-violet-10)}.text-violet-10{color:var(--color-violet-10)}.bg-violet-20{background-color:var(--color-violet-20)}.text-violet-20{color:var(--color-violet-20)}.bg-violet-30{background-color:var(--color-violet-30)}.text-violet-30{color:var(--color-violet-30)}.bg-violet-40{background-color:var(--color-violet-40)}.text-violet-40{color:var(--color-violet-40)}.bg-violet-50{background-color:var(--color-violet-50)}.text-violet-50{color:var(--color-violet-50)}.bg-violet-60{background-color:var(--color-violet-60)}.text-violet-60{color:var(--color-violet-60)}.bg-violet-70{background-color:var(--color-violet-70)}.text-violet-70{color:var(--color-violet-70)}.bg-violet-80{background-color:var(--color-violet-80)}.text-violet-80{color:var(--color-violet-80)}.bg-violet-90{background-color:var(--color-violet-90)}.text-violet-90{color:var(--color-violet-90)}.bg-violet{background-color:var(--color-violet-100)}.text-violet{color:var(--color-violet-100)}.hover\:bg-violet-10:hover{background-color:var(--color-violet-10)}.hover\:text-violet-10:hover{color:var(--color-violet-10)}.hover\:bg-violet-20:hover{background-color:var(--color-violet-20)}.hover\:text-violet-20:hover{color:var(--color-violet-20)}.hover\:bg-violet-30:hover{background-color:var(--color-violet-30)}.hover\:text-violet-30:hover{color:var(--color-violet-30)}.hover\:bg-violet-40:hover{background-color:var(--color-violet-40)}.hover\:text-violet-40:hover{color:var(--color-violet-40)}.hover\:bg-violet-50:hover{background-color:var(--color-violet-50)}.hover\:text-violet-50:hover{color:var(--color-violet-50)}.hover\:bg-violet-60:hover{background-color:var(--color-violet-60)}.hover\:text-violet-60:hover{color:var(--color-violet-60)}.hover\:bg-violet-70:hover{background-color:var(--color-violet-70)}.hover\:text-violet-70:hover{color:var(--color-violet-70)}.hover\:bg-violet-80:hover{background-color:var(--color-violet-80)}.hover\:text-violet-80:hover{color:var(--color-violet-80)}.hover\:bg-violet-90:hover{background-color:var(--color-violet-90)}.hover\:text-violet-90:hover{color:var(--color-violet-90)}.hover\:bg-violet:hover{background-color:var(--color-violet-100)}.hover\:text-violet:hover{color:var(--color-violet-100)}.focus\:bg-violet-10:focus{background-color:var(--color-violet-10)}.focus\:text-violet-10:focus{color:var(--color-violet-10)}.focus\:bg-violet-20:focus{background-color:var(--color-violet-20)}.focus\:text-violet-20:focus{color:var(--color-violet-20)}.focus\:bg-violet-30:focus{background-color:var(--color-violet-30)}.focus\:text-violet-30:focus{color:var(--color-violet-30)}.focus\:bg-violet-40:focus{background-color:var(--color-violet-40)}.focus\:text-violet-40:focus{color:var(--color-violet-40)}.focus\:bg-violet-50:focus{background-color:var(--color-violet-50)}.focus\:text-violet-50:focus{color:var(--color-violet-50)}.focus\:bg-violet-60:focus{background-color:var(--color-violet-60)}.focus\:text-violet-60:focus{color:var(--color-violet-60)}.focus\:bg-violet-70:focus{background-color:var(--color-violet-70)}.focus\:text-violet-70:focus{color:var(--color-violet-70)}.focus\:bg-violet-80:focus{background-color:var(--color-violet-80)}.focus\:text-violet-80:focus{color:var(--color-violet-80)}.focus\:bg-violet-90:focus{background-color:var(--color-violet-90)}.focus\:text-violet-90:focus{color:var(--color-violet-90)}.focus\:bg-violet:focus{background-color:var(--color-violet-100)}.focus\:text-violet:focus{color:var(--color-violet-100)}.bg-magenta-10{background-color:var(--color-magenta-10)}.text-magenta-10{color:var(--color-magenta-10)}.bg-magenta-20{background-color:var(--color-magenta-20)}.text-magenta-20{color:var(--color-magenta-20)}.bg-magenta-30{background-color:var(--color-magenta-30)}.text-magenta-30{color:var(--color-magenta-30)}.bg-magenta-40{background-color:var(--color-magenta-40)}.text-magenta-40{color:var(--color-magenta-40)}.bg-magenta-50{background-color:var(--color-magenta-50)}.text-magenta-50{color:var(--color-magenta-50)}.bg-magenta-60{background-color:var(--color-magenta-60)}.text-magenta-60{color:var(--color-magenta-60)}.bg-magenta-70{background-color:var(--color-magenta-70)}.text-magenta-70{color:var(--color-magenta-70)}.bg-magenta-80{background-color:var(--color-magenta-80)}.text-magenta-80{color:var(--color-magenta-80)}.bg-magenta-90{background-color:var(--color-magenta-90)}.text-magenta-90{color:var(--color-magenta-90)}.bg-magenta{background-color:var(--color-magenta-100)}.text-magenta{color:var(--color-magenta-100)}.hover\:bg-magenta-10:hover{background-color:var(--color-magenta-10)}.hover\:text-magenta-10:hover{color:var(--color-magenta-10)}.hover\:bg-magenta-20:hover{background-color:var(--color-magenta-20)}.hover\:text-magenta-20:hover{color:var(--color-magenta-20)}.hover\:bg-magenta-30:hover{background-color:var(--color-magenta-30)}.hover\:text-magenta-30:hover{color:var(--color-magenta-30)}.hover\:bg-magenta-40:hover{background-color:var(--color-magenta-40)}.hover\:text-magenta-40:hover{color:var(--color-magenta-40)}.hover\:bg-magenta-50:hover{background-color:var(--color-magenta-50)}.hover\:text-magenta-50:hover{color:var(--color-magenta-50)}.hover\:bg-magenta-60:hover{background-color:var(--color-magenta-60)}.hover\:text-magenta-60:hover{color:var(--color-magenta-60)}.hover\:bg-magenta-70:hover{background-color:var(--color-magenta-70)}.hover\:text-magenta-70:hover{color:var(--color-magenta-70)}.hover\:bg-magenta-80:hover{background-color:var(--color-magenta-80)}.hover\:text-magenta-80:hover{color:var(--color-magenta-80)}.hover\:bg-magenta-90:hover{background-color:var(--color-magenta-90)}.hover\:text-magenta-90:hover{color:var(--color-magenta-90)}.hover\:bg-magenta:hover{background-color:var(--color-magenta-100)}.hover\:text-magenta:hover{color:var(--color-magenta-100)}.focus\:bg-magenta-10:focus{background-color:var(--color-magenta-10)}.focus\:text-magenta-10:focus{color:var(--color-magenta-10)}.focus\:bg-magenta-20:focus{background-color:var(--color-magenta-20)}.focus\:text-magenta-20:focus{color:var(--color-magenta-20)}.focus\:bg-magenta-30:focus{background-color:var(--color-magenta-30)}.focus\:text-magenta-30:focus{color:var(--color-magenta-30)}.focus\:bg-magenta-40:focus{background-color:var(--color-magenta-40)}.focus\:text-magenta-40:focus{color:var(--color-magenta-40)}.focus\:bg-magenta-50:focus{background-color:var(--color-magenta-50)}.focus\:text-magenta-50:focus{color:var(--color-magenta-50)}.focus\:bg-magenta-60:focus{background-color:var(--color-magenta-60)}.focus\:text-magenta-60:focus{color:var(--color-magenta-60)}.focus\:bg-magenta-70:focus{background-color:var(--color-magenta-70)}.focus\:text-magenta-70:focus{color:var(--color-magenta-70)}.focus\:bg-magenta-80:focus{background-color:var(--color-magenta-80)}.focus\:text-magenta-80:focus{color:var(--color-magenta-80)}.focus\:bg-magenta-90:focus{background-color:var(--color-magenta-90)}.focus\:text-magenta-90:focus{color:var(--color-magenta-90)}.focus\:bg-magenta:focus{background-color:var(--color-magenta-100)}.focus\:text-magenta:focus{color:var(--color-magenta-100)}.bg-purple-10{background-color:var(--color-purple-10)}.text-purple-10{color:var(--color-purple-10)}.bg-purple-20{background-color:var(--color-purple-20)}.text-purple-20{color:var(--color-purple-20)}.bg-purple-30{background-color:var(--color-purple-30)}.text-purple-30{color:var(--color-purple-30)}.bg-purple-40{background-color:var(--color-purple-40)}.text-purple-40{color:var(--color-purple-40)}.bg-purple-50{background-color:var(--color-purple-50)}.text-purple-50{color:var(--color-purple-50)}.bg-purple-60{background-color:var(--color-purple-60)}.text-purple-60{color:var(--color-purple-60)}.bg-purple-70{background-color:var(--color-purple-70)}.text-purple-70{color:var(--color-purple-70)}.bg-purple-80{background-color:var(--color-purple-80)}.text-purple-80{color:var(--color-purple-80)}.bg-purple-90{background-color:var(--color-purple-90)}.text-purple-90{color:var(--color-purple-90)}.bg-purple{background-color:var(--color-purple-100)}.text-purple{color:var(--color-purple-100)}.hover\:bg-purple-10:hover{background-color:var(--color-purple-10)}.hover\:text-purple-10:hover{color:var(--color-purple-10)}.hover\:bg-purple-20:hover{background-color:var(--color-purple-20)}.hover\:text-purple-20:hover{color:var(--color-purple-20)}.hover\:bg-purple-30:hover{background-color:var(--color-purple-30)}.hover\:text-purple-30:hover{color:var(--color-purple-30)}.hover\:bg-purple-40:hover{background-color:var(--color-purple-40)}.hover\:text-purple-40:hover{color:var(--color-purple-40)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:text-purple-50:hover{color:var(--color-purple-50)}.hover\:bg-purple-60:hover{background-color:var(--color-purple-60)}.hover\:text-purple-60:hover{color:var(--color-purple-60)}.hover\:bg-purple-70:hover{background-color:var(--color-purple-70)}.hover\:text-purple-70:hover{color:var(--color-purple-70)}.hover\:bg-purple-80:hover{background-color:var(--color-purple-80)}.hover\:text-purple-80:hover{color:var(--color-purple-80)}.hover\:bg-purple-90:hover{background-color:var(--color-purple-90)}.hover\:text-purple-90:hover{color:var(--color-purple-90)}.hover\:bg-purple:hover{background-color:var(--color-purple-100)}.hover\:text-purple:hover{color:var(--color-purple-100)}.focus\:bg-purple-10:focus{background-color:var(--color-purple-10)}.focus\:text-purple-10:focus{color:var(--color-purple-10)}.focus\:bg-purple-20:focus{background-color:var(--color-purple-20)}.focus\:text-purple-20:focus{color:var(--color-purple-20)}.focus\:bg-purple-30:focus{background-color:var(--color-purple-30)}.focus\:text-purple-30:focus{color:var(--color-purple-30)}.focus\:bg-purple-40:focus{background-color:var(--color-purple-40)}.focus\:text-purple-40:focus{color:var(--color-purple-40)}.focus\:bg-purple-50:focus{background-color:var(--color-purple-50)}.focus\:text-purple-50:focus{color:var(--color-purple-50)}.focus\:bg-purple-60:focus{background-color:var(--color-purple-60)}.focus\:text-purple-60:focus{color:var(--color-purple-60)}.focus\:bg-purple-70:focus{background-color:var(--color-purple-70)}.focus\:text-purple-70:focus{color:var(--color-purple-70)}.focus\:bg-purple-80:focus{background-color:var(--color-purple-80)}.focus\:text-purple-80:focus{color:var(--color-purple-80)}.focus\:bg-purple-90:focus{background-color:var(--color-purple-90)}.focus\:text-purple-90:focus{color:var(--color-purple-90)}.focus\:bg-purple:focus{background-color:var(--color-purple-100)}.focus\:text-purple:focus{color:var(--color-purple-100)}.bg-indigo-10{background-color:var(--color-indigo-10)}.text-indigo-10{color:var(--color-indigo-10)}.bg-indigo-20{background-color:var(--color-indigo-20)}.text-indigo-20{color:var(--color-indigo-20)}.bg-indigo-30{background-color:var(--color-indigo-30)}.text-indigo-30{color:var(--color-indigo-30)}.bg-indigo-40{background-color:var(--color-indigo-40)}.text-indigo-40{color:var(--color-indigo-40)}.bg-indigo-50{background-color:var(--color-indigo-50)}.text-indigo-50{color:var(--color-indigo-50)}.bg-indigo-60{background-color:var(--color-indigo-60)}.text-indigo-60{color:var(--color-indigo-60)}.bg-indigo-70{background-color:var(--color-indigo-70)}.text-indigo-70{color:var(--color-indigo-70)}.bg-indigo-80{background-color:var(--color-indigo-80)}.text-indigo-80{color:var(--color-indigo-80)}.bg-indigo-90{background-color:var(--color-indigo-90)}.text-indigo-90{color:var(--color-indigo-90)}.bg-indigo{background-color:var(--color-indigo-100)}.text-indigo{color:var(--color-indigo-100)}.hover\:bg-indigo-10:hover{background-color:var(--color-indigo-10)}.hover\:text-indigo-10:hover{color:var(--color-indigo-10)}.hover\:bg-indigo-20:hover{background-color:var(--color-indigo-20)}.hover\:text-indigo-20:hover{color:var(--color-indigo-20)}.hover\:bg-indigo-30:hover{background-color:var(--color-indigo-30)}.hover\:text-indigo-30:hover{color:var(--color-indigo-30)}.hover\:bg-indigo-40:hover{background-color:var(--color-indigo-40)}.hover\:text-indigo-40:hover{color:var(--color-indigo-40)}.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\:text-indigo-50:hover{color:var(--color-indigo-50)}.hover\:bg-indigo-60:hover{background-color:var(--color-indigo-60)}.hover\:text-indigo-60:hover{color:var(--color-indigo-60)}.hover\:bg-indigo-70:hover{background-color:var(--color-indigo-70)}.hover\:text-indigo-70:hover{color:var(--color-indigo-70)}.hover\:bg-indigo-80:hover{background-color:var(--color-indigo-80)}.hover\:text-indigo-80:hover{color:var(--color-indigo-80)}.hover\:bg-indigo-90:hover{background-color:var(--color-indigo-90)}.hover\:text-indigo-90:hover{color:var(--color-indigo-90)}.hover\:bg-indigo:hover{background-color:var(--color-indigo-100)}.hover\:text-indigo:hover{color:var(--color-indigo-100)}.focus\:bg-indigo-10:focus{background-color:var(--color-indigo-10)}.focus\:text-indigo-10:focus{color:var(--color-indigo-10)}.focus\:bg-indigo-20:focus{background-color:var(--color-indigo-20)}.focus\:text-indigo-20:focus{color:var(--color-indigo-20)}.focus\:bg-indigo-30:focus{background-color:var(--color-indigo-30)}.focus\:text-indigo-30:focus{color:var(--color-indigo-30)}.focus\:bg-indigo-40:focus{background-color:var(--color-indigo-40)}.focus\:text-indigo-40:focus{color:var(--color-indigo-40)}.focus\:bg-indigo-50:focus{background-color:var(--color-indigo-50)}.focus\:text-indigo-50:focus{color:var(--color-indigo-50)}.focus\:bg-indigo-60:focus{background-color:var(--color-indigo-60)}.focus\:text-indigo-60:focus{color:var(--color-indigo-60)}.focus\:bg-indigo-70:focus{background-color:var(--color-indigo-70)}.focus\:text-indigo-70:focus{color:var(--color-indigo-70)}.focus\:bg-indigo-80:focus{background-color:var(--color-indigo-80)}.focus\:text-indigo-80:focus{color:var(--color-indigo-80)}.focus\:bg-indigo-90:focus{background-color:var(--color-indigo-90)}.focus\:text-indigo-90:focus{color:var(--color-indigo-90)}.focus\:bg-indigo:focus{background-color:var(--color-indigo-100)}.focus\:text-indigo:focus{color:var(--color-indigo-100)}.bg-lime-10{background-color:var(--color-lime-10)}.text-lime-10{color:var(--color-lime-10)}.bg-lime-20{background-color:var(--color-lime-20)}.text-lime-20{color:var(--color-lime-20)}.bg-lime-30{background-color:var(--color-lime-30)}.text-lime-30{color:var(--color-lime-30)}.bg-lime-40{background-color:var(--color-lime-40)}.text-lime-40{color:var(--color-lime-40)}.bg-lime-50{background-color:var(--color-lime-50)}.text-lime-50{color:var(--color-lime-50)}.bg-lime-60{background-color:var(--color-lime-60)}.text-lime-60{color:var(--color-lime-60)}.bg-lime-70{background-color:var(--color-lime-70)}.text-lime-70{color:var(--color-lime-70)}.bg-lime-80{background-color:var(--color-lime-80)}.text-lime-80{color:var(--color-lime-80)}.bg-lime-90{background-color:var(--color-lime-90)}.text-lime-90{color:var(--color-lime-90)}.bg-lime{background-color:var(--color-lime-100)}.text-lime{color:var(--color-lime-100)}.hover\:bg-lime-10:hover{background-color:var(--color-lime-10)}.hover\:text-lime-10:hover{color:var(--color-lime-10)}.hover\:bg-lime-20:hover{background-color:var(--color-lime-20)}.hover\:text-lime-20:hover{color:var(--color-lime-20)}.hover\:bg-lime-30:hover{background-color:var(--color-lime-30)}.hover\:text-lime-30:hover{color:var(--color-lime-30)}.hover\:bg-lime-40:hover{background-color:var(--color-lime-40)}.hover\:text-lime-40:hover{color:var(--color-lime-40)}.hover\:bg-lime-50:hover{background-color:var(--color-lime-50)}.hover\:text-lime-50:hover{color:var(--color-lime-50)}.hover\:bg-lime-60:hover{background-color:var(--color-lime-60)}.hover\:text-lime-60:hover{color:var(--color-lime-60)}.hover\:bg-lime-70:hover{background-color:var(--color-lime-70)}.hover\:text-lime-70:hover{color:var(--color-lime-70)}.hover\:bg-lime-80:hover{background-color:var(--color-lime-80)}.hover\:text-lime-80:hover{color:var(--color-lime-80)}.hover\:bg-lime-90:hover{background-color:var(--color-lime-90)}.hover\:text-lime-90:hover{color:var(--color-lime-90)}.hover\:bg-lime:hover{background-color:var(--color-lime-100)}.hover\:text-lime:hover{color:var(--color-lime-100)}.focus\:bg-lime-10:focus{background-color:var(--color-lime-10)}.focus\:text-lime-10:focus{color:var(--color-lime-10)}.focus\:bg-lime-20:focus{background-color:var(--color-lime-20)}.focus\:text-lime-20:focus{color:var(--color-lime-20)}.focus\:bg-lime-30:focus{background-color:var(--color-lime-30)}.focus\:text-lime-30:focus{color:var(--color-lime-30)}.focus\:bg-lime-40:focus{background-color:var(--color-lime-40)}.focus\:text-lime-40:focus{color:var(--color-lime-40)}.focus\:bg-lime-50:focus{background-color:var(--color-lime-50)}.focus\:text-lime-50:focus{color:var(--color-lime-50)}.focus\:bg-lime-60:focus{background-color:var(--color-lime-60)}.focus\:text-lime-60:focus{color:var(--color-lime-60)}.focus\:bg-lime-70:focus{background-color:var(--color-lime-70)}.focus\:text-lime-70:focus{color:var(--color-lime-70)}.focus\:bg-lime-80:focus{background-color:var(--color-lime-80)}.focus\:text-lime-80:focus{color:var(--color-lime-80)}.focus\:bg-lime-90:focus{background-color:var(--color-lime-90)}.focus\:text-lime-90:focus{color:var(--color-lime-90)}.focus\:bg-lime:focus{background-color:var(--color-lime-100)}.focus\:text-lime:focus{color:var(--color-lime-100)}.bg-green-10{background-color:var(--color-green-10)}.text-green-10{color:var(--color-green-10)}.bg-green-20{background-color:var(--color-green-20)}.text-green-20{color:var(--color-green-20)}.bg-green-30{background-color:var(--color-green-30)}.text-green-30{color:var(--color-green-30)}.bg-green-40{background-color:var(--color-green-40)}.text-green-40{color:var(--color-green-40)}.bg-green-50{background-color:var(--color-green-50)}.text-green-50{color:var(--color-green-50)}.bg-green-60{background-color:var(--color-green-60)}.text-green-60{color:var(--color-green-60)}.bg-green-70{background-color:var(--color-green-70)}.text-green-70{color:var(--color-green-70)}.bg-green-80{background-color:var(--color-green-80)}.text-green-80{color:var(--color-green-80)}.bg-green-90{background-color:var(--color-green-90)}.text-green-90{color:var(--color-green-90)}.bg-green{background-color:var(--color-green-100)}.text-green{color:var(--color-green-100)}.hover\:bg-green-10:hover{background-color:var(--color-green-10)}.hover\:text-green-10:hover{color:var(--color-green-10)}.hover\:bg-green-20:hover{background-color:var(--color-green-20)}.hover\:text-green-20:hover{color:var(--color-green-20)}.hover\:bg-green-30:hover{background-color:var(--color-green-30)}.hover\:text-green-30:hover{color:var(--color-green-30)}.hover\:bg-green-40:hover{background-color:var(--color-green-40)}.hover\:text-green-40:hover{color:var(--color-green-40)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:text-green-50:hover{color:var(--color-green-50)}.hover\:bg-green-60:hover{background-color:var(--color-green-60)}.hover\:text-green-60:hover{color:var(--color-green-60)}.hover\:bg-green-70:hover{background-color:var(--color-green-70)}.hover\:text-green-70:hover{color:var(--color-green-70)}.hover\:bg-green-80:hover{background-color:var(--color-green-80)}.hover\:text-green-80:hover{color:var(--color-green-80)}.hover\:bg-green-90:hover{background-color:var(--color-green-90)}.hover\:text-green-90:hover{color:var(--color-green-90)}.hover\:bg-green:hover{background-color:var(--color-green-100)}.hover\:text-green:hover{color:var(--color-green-100)}.focus\:bg-green-10:focus{background-color:var(--color-green-10)}.focus\:text-green-10:focus{color:var(--color-green-10)}.focus\:bg-green-20:focus{background-color:var(--color-green-20)}.focus\:text-green-20:focus{color:var(--color-green-20)}.focus\:bg-green-30:focus{background-color:var(--color-green-30)}.focus\:text-green-30:focus{color:var(--color-green-30)}.focus\:bg-green-40:focus{background-color:var(--color-green-40)}.focus\:text-green-40:focus{color:var(--color-green-40)}.focus\:bg-green-50:focus{background-color:var(--color-green-50)}.focus\:text-green-50:focus{color:var(--color-green-50)}.focus\:bg-green-60:focus{background-color:var(--color-green-60)}.focus\:text-green-60:focus{color:var(--color-green-60)}.focus\:bg-green-70:focus{background-color:var(--color-green-70)}.focus\:text-green-70:focus{color:var(--color-green-70)}.focus\:bg-green-80:focus{background-color:var(--color-green-80)}.focus\:text-green-80:focus{color:var(--color-green-80)}.focus\:bg-green-90:focus{background-color:var(--color-green-90)}.focus\:text-green-90:focus{color:var(--color-green-90)}.focus\:bg-green:focus{background-color:var(--color-green-100)}.focus\:text-green:focus{color:var(--color-green-100)}.bg-teal-10{background-color:var(--color-teal-10)}.text-teal-10{color:var(--color-teal-10)}.bg-teal-20{background-color:var(--color-teal-20)}.text-teal-20{color:var(--color-teal-20)}.bg-teal-30{background-color:var(--color-teal-30)}.text-teal-30{color:var(--color-teal-30)}.bg-teal-40{background-color:var(--color-teal-40)}.text-teal-40{color:var(--color-teal-40)}.bg-teal-50{background-color:var(--color-teal-50)}.text-teal-50{color:var(--color-teal-50)}.bg-teal-60{background-color:var(--color-teal-60)}.text-teal-60{color:var(--color-teal-60)}.bg-teal-70{background-color:var(--color-teal-70)}.text-teal-70{color:var(--color-teal-70)}.bg-teal-80{background-color:var(--color-teal-80)}.text-teal-80{color:var(--color-teal-80)}.bg-teal-90{background-color:var(--color-teal-90)}.text-teal-90{color:var(--color-teal-90)}.bg-teal{background-color:var(--color-teal-100)}.text-teal{color:var(--color-teal-100)}.hover\:bg-teal-10:hover{background-color:var(--color-teal-10)}.hover\:text-teal-10:hover{color:var(--color-teal-10)}.hover\:bg-teal-20:hover{background-color:var(--color-teal-20)}.hover\:text-teal-20:hover{color:var(--color-teal-20)}.hover\:bg-teal-30:hover{background-color:var(--color-teal-30)}.hover\:text-teal-30:hover{color:var(--color-teal-30)}.hover\:bg-teal-40:hover{background-color:var(--color-teal-40)}.hover\:text-teal-40:hover{color:var(--color-teal-40)}.hover\:bg-teal-50:hover{background-color:var(--color-teal-50)}.hover\:text-teal-50:hover{color:var(--color-teal-50)}.hover\:bg-teal-60:hover{background-color:var(--color-teal-60)}.hover\:text-teal-60:hover{color:var(--color-teal-60)}.hover\:bg-teal-70:hover{background-color:var(--color-teal-70)}.hover\:text-teal-70:hover{color:var(--color-teal-70)}.hover\:bg-teal-80:hover{background-color:var(--color-teal-80)}.hover\:text-teal-80:hover{color:var(--color-teal-80)}.hover\:bg-teal-90:hover{background-color:var(--color-teal-90)}.hover\:text-teal-90:hover{color:var(--color-teal-90)}.hover\:bg-teal:hover{background-color:var(--color-teal-100)}.hover\:text-teal:hover{color:var(--color-teal-100)}.focus\:bg-teal-10:focus{background-color:var(--color-teal-10)}.focus\:text-teal-10:focus{color:var(--color-teal-10)}.focus\:bg-teal-20:focus{background-color:var(--color-teal-20)}.focus\:text-teal-20:focus{color:var(--color-teal-20)}.focus\:bg-teal-30:focus{background-color:var(--color-teal-30)}.focus\:text-teal-30:focus{color:var(--color-teal-30)}.focus\:bg-teal-40:focus{background-color:var(--color-teal-40)}.focus\:text-teal-40:focus{color:var(--color-teal-40)}.focus\:bg-teal-50:focus{background-color:var(--color-teal-50)}.focus\:text-teal-50:focus{color:var(--color-teal-50)}.focus\:bg-teal-60:focus{background-color:var(--color-teal-60)}.focus\:text-teal-60:focus{color:var(--color-teal-60)}.focus\:bg-teal-70:focus{background-color:var(--color-teal-70)}.focus\:text-teal-70:focus{color:var(--color-teal-70)}.focus\:bg-teal-80:focus{background-color:var(--color-teal-80)}.focus\:text-teal-80:focus{color:var(--color-teal-80)}.focus\:bg-teal-90:focus{background-color:var(--color-teal-90)}.focus\:text-teal-90:focus{color:var(--color-teal-90)}.focus\:bg-teal:focus{background-color:var(--color-teal-100)}.focus\:text-teal:focus{color:var(--color-teal-100)}.bg-cyan-10{background-color:var(--color-cyan-10)}.text-cyan-10{color:var(--color-cyan-10)}.bg-cyan-20{background-color:var(--color-cyan-20)}.text-cyan-20{color:var(--color-cyan-20)}.bg-cyan-30{background-color:var(--color-cyan-30)}.text-cyan-30{color:var(--color-cyan-30)}.bg-cyan-40{background-color:var(--color-cyan-40)}.text-cyan-40{color:var(--color-cyan-40)}.bg-cyan-50{background-color:var(--color-cyan-50)}.text-cyan-50{color:var(--color-cyan-50)}.bg-cyan-60{background-color:var(--color-cyan-60)}.text-cyan-60{color:var(--color-cyan-60)}.bg-cyan-70{background-color:var(--color-cyan-70)}.text-cyan-70{color:var(--color-cyan-70)}.bg-cyan-80{background-color:var(--color-cyan-80)}.text-cyan-80{color:var(--color-cyan-80)}.bg-cyan-90{background-color:var(--color-cyan-90)}.text-cyan-90{color:var(--color-cyan-90)}.bg-cyan{background-color:var(--color-cyan-100)}.text-cyan{color:var(--color-cyan-100)}.hover\:bg-cyan-10:hover{background-color:var(--color-cyan-10)}.hover\:text-cyan-10:hover{color:var(--color-cyan-10)}.hover\:bg-cyan-20:hover{background-color:var(--color-cyan-20)}.hover\:text-cyan-20:hover{color:var(--color-cyan-20)}.hover\:bg-cyan-30:hover{background-color:var(--color-cyan-30)}.hover\:text-cyan-30:hover{color:var(--color-cyan-30)}.hover\:bg-cyan-40:hover{background-color:var(--color-cyan-40)}.hover\:text-cyan-40:hover{color:var(--color-cyan-40)}.hover\:bg-cyan-50:hover{background-color:var(--color-cyan-50)}.hover\:text-cyan-50:hover{color:var(--color-cyan-50)}.hover\:bg-cyan-60:hover{background-color:var(--color-cyan-60)}.hover\:text-cyan-60:hover{color:var(--color-cyan-60)}.hover\:bg-cyan-70:hover{background-color:var(--color-cyan-70)}.hover\:text-cyan-70:hover{color:var(--color-cyan-70)}.hover\:bg-cyan-80:hover{background-color:var(--color-cyan-80)}.hover\:text-cyan-80:hover{color:var(--color-cyan-80)}.hover\:bg-cyan-90:hover{background-color:var(--color-cyan-90)}.hover\:text-cyan-90:hover{color:var(--color-cyan-90)}.hover\:bg-cyan:hover{background-color:var(--color-cyan-100)}.hover\:text-cyan:hover{color:var(--color-cyan-100)}.focus\:bg-cyan-10:focus{background-color:var(--color-cyan-10)}.focus\:text-cyan-10:focus{color:var(--color-cyan-10)}.focus\:bg-cyan-20:focus{background-color:var(--color-cyan-20)}.focus\:text-cyan-20:focus{color:var(--color-cyan-20)}.focus\:bg-cyan-30:focus{background-color:var(--color-cyan-30)}.focus\:text-cyan-30:focus{color:var(--color-cyan-30)}.focus\:bg-cyan-40:focus{background-color:var(--color-cyan-40)}.focus\:text-cyan-40:focus{color:var(--color-cyan-40)}.focus\:bg-cyan-50:focus{background-color:var(--color-cyan-50)}.focus\:text-cyan-50:focus{color:var(--color-cyan-50)}.focus\:bg-cyan-60:focus{background-color:var(--color-cyan-60)}.focus\:text-cyan-60:focus{color:var(--color-cyan-60)}.focus\:bg-cyan-70:focus{background-color:var(--color-cyan-70)}.focus\:text-cyan-70:focus{color:var(--color-cyan-70)}.focus\:bg-cyan-80:focus{background-color:var(--color-cyan-80)}.focus\:text-cyan-80:focus{color:var(--color-cyan-80)}.focus\:bg-cyan-90:focus{background-color:var(--color-cyan-90)}.focus\:text-cyan-90:focus{color:var(--color-cyan-90)}.focus\:bg-cyan:focus{background-color:var(--color-cyan-100)}.focus\:text-cyan:focus{color:var(--color-cyan-100)}.bg-blue-10{background-color:var(--color-blue-10)}.text-blue-10{color:var(--color-blue-10)}.bg-blue-20{background-color:var(--color-blue-20)}.text-blue-20{color:var(--color-blue-20)}.bg-blue-30{background-color:var(--color-blue-30)}.text-blue-30{color:var(--color-blue-30)}.bg-blue-40{background-color:var(--color-blue-40)}.text-blue-40{color:var(--color-blue-40)}.bg-blue-50{background-color:var(--color-blue-50)}.text-blue-50{color:var(--color-blue-50)}.bg-blue-60{background-color:var(--color-blue-60)}.text-blue-60{color:var(--color-blue-60)}.bg-blue-70{background-color:var(--color-blue-70)}.text-blue-70{color:var(--color-blue-70)}.bg-blue-80{background-color:var(--color-blue-80)}.text-blue-80{color:var(--color-blue-80)}.bg-blue-90{background-color:var(--color-blue-90)}.text-blue-90{color:var(--color-blue-90)}.bg-blue{background-color:var(--color-blue-100)}.text-blue{color:var(--color-blue-100)}.hover\:bg-blue-10:hover{background-color:var(--color-blue-10)}.hover\:text-blue-10:hover{color:var(--color-blue-10)}.hover\:bg-blue-20:hover{background-color:var(--color-blue-20)}.hover\:text-blue-20:hover{color:var(--color-blue-20)}.hover\:bg-blue-30:hover{background-color:var(--color-blue-30)}.hover\:text-blue-30:hover{color:var(--color-blue-30)}.hover\:bg-blue-40:hover{background-color:var(--color-blue-40)}.hover\:text-blue-40:hover{color:var(--color-blue-40)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:text-blue-50:hover{color:var(--color-blue-50)}.hover\:bg-blue-60:hover{background-color:var(--color-blue-60)}.hover\:text-blue-60:hover{color:var(--color-blue-60)}.hover\:bg-blue-70:hover{background-color:var(--color-blue-70)}.hover\:text-blue-70:hover{color:var(--color-blue-70)}.hover\:bg-blue-80:hover{background-color:var(--color-blue-80)}.hover\:text-blue-80:hover{color:var(--color-blue-80)}.hover\:bg-blue-90:hover{background-color:var(--color-blue-90)}.hover\:text-blue-90:hover{color:var(--color-blue-90)}.hover\:bg-blue:hover{background-color:var(--color-blue-100)}.hover\:text-blue:hover{color:var(--color-blue-100)}.focus\:bg-blue-10:focus{background-color:var(--color-blue-10)}.focus\:text-blue-10:focus{color:var(--color-blue-10)}.focus\:bg-blue-20:focus{background-color:var(--color-blue-20)}.focus\:text-blue-20:focus{color:var(--color-blue-20)}.focus\:bg-blue-30:focus{background-color:var(--color-blue-30)}.focus\:text-blue-30:focus{color:var(--color-blue-30)}.focus\:bg-blue-40:focus{background-color:var(--color-blue-40)}.focus\:text-blue-40:focus{color:var(--color-blue-40)}.focus\:bg-blue-50:focus{background-color:var(--color-blue-50)}.focus\:text-blue-50:focus{color:var(--color-blue-50)}.focus\:bg-blue-60:focus{background-color:var(--color-blue-60)}.focus\:text-blue-60:focus{color:var(--color-blue-60)}.focus\:bg-blue-70:focus{background-color:var(--color-blue-70)}.focus\:text-blue-70:focus{color:var(--color-blue-70)}.focus\:bg-blue-80:focus{background-color:var(--color-blue-80)}.focus\:text-blue-80:focus{color:var(--color-blue-80)}.focus\:bg-blue-90:focus{background-color:var(--color-blue-90)}.focus\:text-blue-90:focus{color:var(--color-blue-90)}.focus\:bg-blue:focus{background-color:var(--color-blue-100)}.focus\:text-blue:focus{color:var(--color-blue-100)}.bg-brown-10{background-color:var(--color-brown-10)}.text-brown-10{color:var(--color-brown-10)}.bg-brown-20{background-color:var(--color-brown-20)}.text-brown-20{color:var(--color-brown-20)}.bg-brown-30{background-color:var(--color-brown-30)}.text-brown-30{color:var(--color-brown-30)}.bg-brown-40{background-color:var(--color-brown-40)}.text-brown-40{color:var(--color-brown-40)}.bg-brown-50{background-color:var(--color-brown-50)}.text-brown-50{color:var(--color-brown-50)}.bg-brown-60{background-color:var(--color-brown-60)}.text-brown-60{color:var(--color-brown-60)}.bg-brown-70{background-color:var(--color-brown-70)}.text-brown-70{color:var(--color-brown-70)}.bg-brown-80{background-color:var(--color-brown-80)}.text-brown-80{color:var(--color-brown-80)}.bg-brown-90{background-color:var(--color-brown-90)}.text-brown-90{color:var(--color-brown-90)}.bg-brown{background-color:var(--color-brown-100)}.text-brown{color:var(--color-brown-100)}.hover\:bg-brown-10:hover{background-color:var(--color-brown-10)}.hover\:text-brown-10:hover{color:var(--color-brown-10)}.hover\:bg-brown-20:hover{background-color:var(--color-brown-20)}.hover\:text-brown-20:hover{color:var(--color-brown-20)}.hover\:bg-brown-30:hover{background-color:var(--color-brown-30)}.hover\:text-brown-30:hover{color:var(--color-brown-30)}.hover\:bg-brown-40:hover{background-color:var(--color-brown-40)}.hover\:text-brown-40:hover{color:var(--color-brown-40)}.hover\:bg-brown-50:hover{background-color:var(--color-brown-50)}.hover\:text-brown-50:hover{color:var(--color-brown-50)}.hover\:bg-brown-60:hover{background-color:var(--color-brown-60)}.hover\:text-brown-60:hover{color:var(--color-brown-60)}.hover\:bg-brown-70:hover{background-color:var(--color-brown-70)}.hover\:text-brown-70:hover{color:var(--color-brown-70)}.hover\:bg-brown-80:hover{background-color:var(--color-brown-80)}.hover\:text-brown-80:hover{color:var(--color-brown-80)}.hover\:bg-brown-90:hover{background-color:var(--color-brown-90)}.hover\:text-brown-90:hover{color:var(--color-brown-90)}.hover\:bg-brown:hover{background-color:var(--color-brown-100)}.hover\:text-brown:hover{color:var(--color-brown-100)}.focus\:bg-brown-10:focus{background-color:var(--color-brown-10)}.focus\:text-brown-10:focus{color:var(--color-brown-10)}.focus\:bg-brown-20:focus{background-color:var(--color-brown-20)}.focus\:text-brown-20:focus{color:var(--color-brown-20)}.focus\:bg-brown-30:focus{background-color:var(--color-brown-30)}.focus\:text-brown-30:focus{color:var(--color-brown-30)}.focus\:bg-brown-40:focus{background-color:var(--color-brown-40)}.focus\:text-brown-40:focus{color:var(--color-brown-40)}.focus\:bg-brown-50:focus{background-color:var(--color-brown-50)}.focus\:text-brown-50:focus{color:var(--color-brown-50)}.focus\:bg-brown-60:focus{background-color:var(--color-brown-60)}.focus\:text-brown-60:focus{color:var(--color-brown-60)}.focus\:bg-brown-70:focus{background-color:var(--color-brown-70)}.focus\:text-brown-70:focus{color:var(--color-brown-70)}.focus\:bg-brown-80:focus{background-color:var(--color-brown-80)}.focus\:text-brown-80:focus{color:var(--color-brown-80)}.focus\:bg-brown-90:focus{background-color:var(--color-brown-90)}.focus\:text-brown-90:focus{color:var(--color-brown-90)}.focus\:bg-brown:focus{background-color:var(--color-brown-100)}.focus\:text-brown:focus{color:var(--color-brown-100)}.bg-white{background-color:var(--color-white-100)}.text-white{color:var(--color-white-100)}.bg-gray-2{background-color:var(--color-gray-2)}.text-gray-2{color:var(--color-gray-2)}.bg-gray-10{background-color:var(--color-gray-10)}.text-gray-10{color:var(--color-gray-10)}.bg-gray-20{background-color:var(--color-gray-20)}.text-gray-20{color:var(--color-gray-20)}.bg-gray-30{background-color:var(--color-gray-30)}.text-gray-30{color:var(--color-gray-30)}.bg-gray-40{background-color:var(--color-gray-40)}.text-gray-40{color:var(--color-gray-40)}.bg-gray-50{background-color:var(--color-gray-50)}.text-gray-50{color:var(--color-gray-50)}.bg-gray-60{background-color:var(--color-gray-60)}.text-gray-60{color:var(--color-gray-60)}.bg-gray-70{background-color:var(--color-gray-70)}.text-gray-70{color:var(--color-gray-70)}.bg-gray-80{background-color:var(--color-gray-80)}.text-gray-80{color:var(--color-gray-80)}.bg-gray-90{background-color:var(--color-gray-90)}.text-gray-90{color:var(--color-gray-90)}.bg-gray-95{background-color:var(--color-gray-95)}.text-gray-95{color:var(--color-gray-95)}.bg-gray{background-color:var(--color-gray-100)}.text-gray{color:var(--color-gray-100)}.hover\:bg-gray-2:hover{background-color:var(--color-gray-2)}.hover\:text-gray-2:hover{color:var(--color-gray-2)}.hover\:bg-gray-10:hover{background-color:var(--color-gray-10)}.hover\:text-gray-10:hover{color:var(--color-gray-10)}.hover\:bg-gray-20:hover{background-color:var(--color-gray-20)}.hover\:text-gray-20:hover{color:var(--color-gray-20)}.hover\:bg-gray-30:hover{background-color:var(--color-gray-30)}.hover\:text-gray-30:hover{color:var(--color-gray-30)}.hover\:bg-gray-40:hover{background-color:var(--color-gray-40)}.hover\:text-gray-40:hover{color:var(--color-gray-40)}.hover\:text-gray-50:hover{color:var(--color-gray-50)}.hover\:bg-gray-60:hover{background-color:var(--color-gray-60)}.hover\:text-gray-60:hover{color:var(--color-gray-60)}.hover\:bg-gray-70:hover{background-color:var(--color-gray-70)}.hover\:text-gray-70:hover{color:var(--color-gray-70)}.hover\:bg-gray-80:hover{background-color:var(--color-gray-80)}.hover\:text-gray-80:hover{color:var(--color-gray-80)}.hover\:bg-gray-90:hover{background-color:var(--color-gray-90)}.hover\:text-gray-90:hover{color:var(--color-gray-90)}.hover\:bg-gray-95:hover{background-color:var(--color-gray-95)}.hover\:text-gray-95:hover{color:var(--color-gray-95)}.hover\:bg-gray:hover{background-color:var(--color-gray-100)}.hover\:text-gray:hover{color:var(--color-gray-100)}.focus\:bg-gray-2:focus{background-color:var(--color-gray-2)}.focus\:text-gray-2:focus{color:var(--color-gray-2)}.focus\:bg-gray-10:focus{background-color:var(--color-gray-10)}.focus\:text-gray-10:focus{color:var(--color-gray-10)}.focus\:bg-gray-20:focus{background-color:var(--color-gray-20)}.focus\:text-gray-20:focus{color:var(--color-gray-20)}.focus\:bg-gray-30:focus{background-color:var(--color-gray-30)}.focus\:text-gray-30:focus{color:var(--color-gray-30)}.focus\:bg-gray-40:focus{background-color:var(--color-gray-40)}.focus\:text-gray-40:focus{color:var(--color-gray-40)}.focus\:text-gray-50:focus{color:var(--color-gray-50)}.focus\:bg-gray-60:focus{background-color:var(--color-gray-60)}.focus\:text-gray-60:focus{color:var(--color-gray-60)}.focus\:bg-gray-70:focus{background-color:var(--color-gray-70)}.focus\:text-gray-70:focus{color:var(--color-gray-70)}.focus\:bg-gray-80:focus{background-color:var(--color-gray-80)}.focus\:text-gray-80:focus{color:var(--color-gray-80)}.focus\:bg-gray-90:focus{background-color:var(--color-gray-90)}.focus\:text-gray-90:focus{color:var(--color-gray-90)}.focus\:bg-gray-95:focus{background-color:var(--color-gray-95)}.focus\:text-gray-95:focus{color:var(--color-gray-95)}.focus\:bg-gray:focus{background-color:var(--color-gray-100)}.focus\:text-gray:focus{color:var(--color-gray-100)}.bg-black{background-color:var(--color-black-100)}.text-black{color:var(--color-black-100)}.hover\:bg-black:hover{background-color:var(--color-black-100)}.hover\:text-black:hover{color:var(--color-black-100)}.focus\:bg-black:focus{background-color:var(--color-black-100)}.focus\:text-black:focus{color:var(--color-black-100)}.font-serif{font-family:Times,Times New Roman,Georgia,serif}.font-sansserif{font-family:Verdana,Arial,Helvetica,sans-serif}.font-monospace{font-family:Lucida Console,Courier,monospace}.font-0\.8{font-size:.875rem}.font-1{font-size:1rem}.font-1\.1{font-size:1.125rem}.font-1\.2{font-size:1.25rem}.font-1\.5{font-size:1.5rem}.font-1\.8{font-size:1.875rem}.font-2{font-size:2rem}.font-2\.5{font-size:2.5rem}.font-3{font-size:3rem}.font-4{font-size:4rem}.font-5{font-size:5rem}.font-6{font-size:6rem}.font-normal{font-style:normal}.font-italic{font-style:italic}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.letterspacing-1{letter-spacing:-.025em}.letterspacing-2{letter-spacing:-.05em}.letterspacing-3{letter-spacing:-.075em}.letterspacing-normal{letter-spacing:0}.lineheight-1{line-height:1rem}.lineheight-1\.2{line-height:1.25rem}.lineheight-1\.5{line-height:1.5rem}.lineheight-1\.7{line-height:1.75rem}.lineheight-2{line-height:2rem}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.text-start{text-align:start}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.normalcase{text-transform:none}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.vertical-baseline{vertical-align:baseline}.vertical-top{vertical-align:top}.vertical-middle{vertical-align:middle}.vertical-bottom{vertical-align:bottom}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-prewrap{white-space:pre-wrap}.break-normal{word-break:normal}.break-word{word-break:break-word}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.line-clamp-1,.line-clamp-2,.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wrap-break-word{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.hyphens-auto{hyphens:auto}.lineheight-none{line-height:1}.lineheight-tight{line-height:1.25}.lineheight-snug{line-height:1.375}.lineheight-relaxed{line-height:1.625}.lineheight-loose{line-height:2}.lineheight-normal{line-height:normal}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mh-auto{margin-left:auto;margin-right:auto}.mv-auto{margin-top:auto;margin-bottom:auto}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mh-0{margin-left:0;margin-right:0}.mv-0{margin-top:0;margin-bottom:0}.m-px{margin:1px}.mt-px{margin-top:1px}.mr-px{margin-right:1px}.mb-px{margin-bottom:1px}.ml-px{margin-left:1px}.mh-px{margin-left:1px;margin-right:1px}.mv-px{margin-top:1px;margin-bottom:1px}.m-0\.5{margin:.5rem}.mt-0\.5{margin-top:.5rem}.mr-0\.5{margin-right:.5rem}.mb-0\.5{margin-bottom:.5rem}.ml-0\.5{margin-left:.5rem}.mh-0\.5{margin-left:.5rem;margin-right:.5rem}.mv-0\.5{margin-top:.5rem;margin-bottom:.5rem}.m-1{margin:1rem}.mt-1{margin-top:1rem}.mr-1{margin-right:1rem}.mb-1{margin-bottom:1rem}.ml-1{margin-left:1rem}.mh-1{margin-left:1rem;margin-right:1rem}.mv-1{margin-top:1rem;margin-bottom:1rem}.m-1\.5{margin:1.5rem}.mt-1\.5{margin-top:1.5rem}.mr-1\.5{margin-right:1.5rem}.mb-1\.5{margin-bottom:1.5rem}.ml-1\.5{margin-left:1.5rem}.mh-1\.5{margin-left:1.5rem;margin-right:1.5rem}.mv-1\.5{margin-top:1.5rem;margin-bottom:1.5rem}.m-2{margin:2rem}.mt-2{margin-top:2rem}.mr-2{margin-right:2rem}.mb-2{margin-bottom:2rem}.ml-2{margin-left:2rem}.mh-2{margin-left:2rem;margin-right:2rem}.mv-2{margin-top:2rem;margin-bottom:2rem}.m-2\.5{margin:2.5rem}.mt-2\.5{margin-top:2.5rem}.mr-2\.5{margin-right:2.5rem}.mb-2\.5{margin-bottom:2.5rem}.ml-2\.5{margin-left:2.5rem}.mh-2\.5{margin-left:2.5rem;margin-right:2.5rem}.mv-2\.5{margin-top:2.5rem;margin-bottom:2.5rem}.m-3{margin:3rem}.mt-3{margin-top:3rem}.mr-3{margin-right:3rem}.mb-3{margin-bottom:3rem}.ml-3{margin-left:3rem}.mh-3{margin-left:3rem;margin-right:3rem}.mv-3{margin-top:3rem;margin-bottom:3rem}.m-4{margin:4rem}.mt-4{margin-top:4rem}.mr-4{margin-right:4rem}.mb-4{margin-bottom:4rem}.ml-4{margin-left:4rem}.mh-4{margin-left:4rem;margin-right:4rem}.mv-4{margin-top:4rem;margin-bottom:4rem}.m-5{margin:5rem}.mt-5{margin-top:5rem}.mr-5{margin-right:5rem}.mb-5{margin-bottom:5rem}.ml-5{margin-left:5rem}.mh-5{margin-left:5rem;margin-right:5rem}.mv-5{margin-top:5rem;margin-bottom:5rem}.m-6{margin:6rem}.mt-6{margin-top:6rem}.mr-6{margin-right:6rem}.mb-6{margin-bottom:6rem}.ml-6{margin-left:6rem}.mh-6{margin-left:6rem;margin-right:6rem}.mv-6{margin-top:6rem;margin-bottom:6rem}.m-7{margin:7rem}.mt-7{margin-top:7rem}.mr-7{margin-right:7rem}.mb-7{margin-bottom:7rem}.ml-7{margin-left:7rem}.mh-7{margin-left:7rem;margin-right:7rem}.mv-7{margin-top:7rem;margin-bottom:7rem}.m-8{margin:8rem}.mt-8{margin-top:8rem}.mr-8{margin-right:8rem}.mb-8{margin-bottom:8rem}.ml-8{margin-left:8rem}.mh-8{margin-left:8rem;margin-right:8rem}.mv-8{margin-top:8rem;margin-bottom:8rem}.m-9{margin:9rem}.mt-9{margin-top:9rem}.mr-9{margin-right:9rem}.mb-9{margin-bottom:9rem}.ml-9{margin-left:9rem}.mh-9{margin-left:9rem;margin-right:9rem}.mv-9{margin-top:9rem;margin-bottom:9rem}.m-10{margin:10rem}.mt-10{margin-top:10rem}.mr-10{margin-right:10rem}.mb-10{margin-bottom:10rem}.ml-10{margin-left:10rem}.mh-10{margin-left:10rem;margin-right:10rem}.mv-10{margin-top:10rem;margin-bottom:10rem}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.ph-0{padding-left:0;padding-right:0}.pv-0{padding-top:0;padding-bottom:0}.p-px{padding:1px}.pt-px{padding-top:1px}.pr-px{padding-right:1px}.pb-px{padding-bottom:1px}.pl-px{padding-left:1px}.ph-px{padding-left:1px;padding-right:1px}.pv-px{padding-top:1px;padding-bottom:1px}.p-0\.5{padding:.5rem}.pt-0\.5{padding-top:.5rem}.pr-0\.5{padding-right:.5rem}.pb-0\.5{padding-bottom:.5rem}.pl-0\.5{padding-left:.5rem}.ph-0\.5{padding-left:.5rem;padding-right:.5rem}.pv-0\.5{padding-top:.5rem;padding-bottom:.5rem}.p-1{padding:1rem}.pt-1{padding-top:1rem}.pr-1{padding-right:1rem}.pb-1{padding-bottom:1rem}.pl-1{padding-left:1rem}.ph-1{padding-left:1rem;padding-right:1rem}.pv-1{padding-top:1rem;padding-bottom:1rem}.p-1\.5{padding:1.5rem}.pt-1\.5{padding-top:1.5rem}.pr-1\.5{padding-right:1.5rem}.pb-1\.5{padding-bottom:1.5rem}.pl-1\.5{padding-left:1.5rem}.ph-1\.5{padding-left:1.5rem;padding-right:1.5rem}.pv-1\.5{padding-top:1.5rem;padding-bottom:1.5rem}.p-2{padding:2rem}.pt-2{padding-top:2rem}.pr-2{padding-right:2rem}.pb-2{padding-bottom:2rem}.pl-2{padding-left:2rem}.ph-2{padding-left:2rem;padding-right:2rem}.pv-2{padding-top:2rem;padding-bottom:2rem}.p-2\.5{padding:2.5rem}.pt-2\.5{padding-top:2.5rem}.pr-2\.5{padding-right:2.5rem}.pb-2\.5{padding-bottom:2.5rem}.pl-2\.5{padding-left:2.5rem}.ph-2\.5{padding-left:2.5rem;padding-right:2.5rem}.pv-2\.5{padding-top:2.5rem;padding-bottom:2.5rem}.p-3{padding:3rem}.pt-3{padding-top:3rem}.pr-3{padding-right:3rem}.pb-3{padding-bottom:3rem}.pl-3{padding-left:3rem}.ph-3{padding-left:3rem;padding-right:3rem}.pv-3{padding-top:3rem;padding-bottom:3rem}.p-4{padding:4rem}.pt-4{padding-top:4rem}.pr-4{padding-right:4rem}.pb-4{padding-bottom:4rem}.pl-4{padding-left:4rem}.ph-4{padding-left:4rem;padding-right:4rem}.pv-4{padding-top:4rem;padding-bottom:4rem}.p-5{padding:5rem}.pt-5{padding-top:5rem}.pr-5{padding-right:5rem}.pb-5{padding-bottom:5rem}.pl-5{padding-left:5rem}.ph-5{padding-left:5rem;padding-right:5rem}.pv-5{padding-top:5rem;padding-bottom:5rem}.p-6{padding:6rem}.pt-6{padding-top:6rem}.pr-6{padding-right:6rem}.pb-6{padding-bottom:6rem}.pl-6{padding-left:6rem}.ph-6{padding-left:6rem;padding-right:6rem}.pv-6{padding-top:6rem;padding-bottom:6rem}.p-7{padding:7rem}.pt-7{padding-top:7rem}.pr-7{padding-right:7rem}.pb-7{padding-bottom:7rem}.pl-7{padding-left:7rem}.ph-7{padding-left:7rem;padding-right:7rem}.pv-7{padding-top:7rem;padding-bottom:7rem}.p-8{padding:8rem}.pt-8{padding-top:8rem}.pr-8{padding-right:8rem}.pb-8{padding-bottom:8rem}.pl-8{padding-left:8rem}.ph-8{padding-left:8rem;padding-right:8rem}.pv-8{padding-top:8rem;padding-bottom:8rem}.p-9{padding:9rem}.pt-9{padding-top:9rem}.pr-9{padding-right:9rem}.pb-9{padding-bottom:9rem}.pl-9{padding-left:9rem}.ph-9{padding-left:9rem;padding-right:9rem}.pv-9{padding-top:9rem;padding-bottom:9rem}.p-10{padding:10rem}.pt-10{padding-top:10rem}.pr-10{padding-right:10rem}.pb-10{padding-bottom:10rem}.pl-10{padding-left:10rem}.ph-10{padding-left:10rem;padding-right:10rem}.pv-10{padding-top:10rem;padding-bottom:10rem}.w-auto{width:auto}.w-0{width:0}.w-px{width:1px}.w-1{width:1rem}.w-2{width:2rem}.w-3{width:3rem}.w-4{width:4rem}.w-5{width:5rem}.w-6{width:6rem}.w-8{width:8rem}.w-10{width:10rem}.w-12{width:12rem}.w-16{width:16rem}.w-20{width:20rem}.w-24{width:24rem}.w-perc-1\/2{width:50%}.w-perc-1\/3{width:33.3333%}.w-perc-2\/3{width:66.6667%}.w-perc-1\/4{width:25%}.w-perc-3\/4{width:75%}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-min{min-width:min-content}.min-w-max{min-width:max-content}.min-w-fit{min-width:fit-content}.min-w-screen{min-width:100vw}.max-w-none{max-width:none}.max-w-full{max-width:100%}.max-w-min{max-width:min-content}.max-w-max{max-width:max-content}.max-w-fit{max-width:fit-content}.max-w-screen{max-width:100vw}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-prose{max-width:65ch}.h-auto{height:auto}.h-0{height:0}.h-px{height:1px}.h-1{height:1rem}.h-2{height:2rem}.h-3{height:3rem}.h-4{height:4rem}.h-5{height:5rem}.h-6{height:6rem}.h-8{height:8rem}.h-10{height:10rem}.h-12{height:12rem}.h-16{height:16rem}.h-20{height:20rem}.h-24{height:24rem}.h-perc-1\/2{height:50%}.h-perc-1\/3{height:33.3333%}.h-perc-2\/3{height:66.6667%}.h-perc-1\/4{height:25%}.h-perc-3\/4{height:75%}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-min{min-height:min-content}.min-h-max{min-height:max-content}.min-h-fit{min-height:fit-content}.max-h-none{max-height:none}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.relative{position:relative}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clear-both{clear:both}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-center{-o-object-position:center;object-position:center}.top-auto{top:auto}.top-0{top:0}.top-1{top:.25rem}.top-2{top:.5rem}.top-4{top:1rem}.top-8{top:2rem}.top-1\/2{top:50%}.top-full{top:100%}.right-auto{right:auto}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.right-8{right:2rem}.right-1\/2{right:50%}.right-full{right:100%}.bottom-auto{bottom:auto}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.bottom-1\/2{bottom:50%}.bottom-full{bottom:100%}.left-auto{left:auto}.left-0{left:0}.left-1{left:.25rem}.left-2{left:.5rem}.left-4{left:1rem}.left-8{left:2rem}.left-1\/2{left:50%}.left-full{left:100%}.order-first{order:-9999}.order-last{order:9999}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.flow-root{display:flow-root}.contents{display:contents}.none{display:none}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.round-none{border-radius:0}.round-full{border-radius:9999rem}.round{border-radius:.0625rem}.round-1{border-radius:.125rem}.round-2{border-radius:.25rem}.round-3{border-radius:.375rem}.round-4{border-radius:.5rem}.round-5{border-radius:.625rem}.round-6{border-radius:.75rem}.round-8{border-radius:1rem}.round-10{border-radius:1.5rem}.round-12{border-radius:2rem}.round-t{border-radius:.0625rem .0625rem 0 0}.round-r{border-radius:0 .0625rem .0625rem 0}.round-b{border-radius:0 0 .0625rem .0625rem}.round-l{border-radius:.0625rem 0 0 .0625rem}.round-tl{border-radius:.0625rem 0 0}.round-tr{border-radius:0 .0625rem 0 0}.round-bl{border-radius:0 0 0 .0625rem}.round-br{border-radius:0 0 .0625rem}.border-none{border-width:0}.border{border-width:.0625rem}.border-1{border-width:.125rem}.border-2{border-width:.25rem}.border-4{border-width:.5rem}.border-8{border-width:1rem}.border-t{border-width:.0625rem 0 0}.border-t1{border-width:.125rem 0 0}.border-t2{border-width:.25rem 0 0}.border-t4{border-width:.5rem 0 0}.border-r{border-width:0 .0625rem 0 0}.border-r1{border-width:0 .125rem 0 0}.border-r2{border-width:0 .25rem 0 0}.border-r4{border-width:0 .5rem 0 0}.border-b{border-width:0 0 .0625rem}.border-b1{border-width:0 0 .125rem}.border-b2{border-width:0 0 .25rem}.border-b4{border-width:0 0 .5rem}.border-l{border-width:0 0 0 .0625rem}.border-l1{border-width:0 0 0 .125rem}.border-l2{border-width:0 0 0 .25rem}.border-l4{border-width:0 0 0 .5rem}.divider-h>:not(:last-child){border-top-width:0;border-bottom-width:.0625rem}.divider-v>:not(:last-child){border-inline-width:0 .0625rem}.border-none{border-style:none}.border-transparent{border-color:#0000}.border-current{border-color:currentColor}.border-red-10{border-color:var(--color-red-10)}.border-red-20{border-color:var(--color-red-20)}.border-red-30{border-color:var(--color-red-30)}.border-red-40{border-color:var(--color-red-40)}.border-red-50{border-color:var(--color-red-50)}.border-red-60{border-color:var(--color-red-60)}.border-red-70{border-color:var(--color-red-70)}.border-red-80{border-color:var(--color-red-80)}.border-red-90{border-color:var(--color-red-90)}.border-red-100{border-color:var(--color-red-100)}.border-pink-10{border-color:var(--color-pink-10)}.border-pink-20{border-color:var(--color-pink-20)}.border-pink-30{border-color:var(--color-pink-30)}.border-pink-40{border-color:var(--color-pink-40)}.border-pink-50{border-color:var(--color-pink-50)}.border-pink-60{border-color:var(--color-pink-60)}.border-pink-70{border-color:var(--color-pink-70)}.border-pink-80{border-color:var(--color-pink-80)}.border-pink-90{border-color:var(--color-pink-90)}.border-pink-100{border-color:var(--color-pink-100)}.border-orange-10{border-color:var(--color-orange-10)}.border-orange-20{border-color:var(--color-orange-20)}.border-orange-30{border-color:var(--color-orange-30)}.border-orange-40{border-color:var(--color-orange-40)}.border-orange-50{border-color:var(--color-orange-50)}.border-orange-60{border-color:var(--color-orange-60)}.border-orange-70{border-color:var(--color-orange-70)}.border-orange-80{border-color:var(--color-orange-80)}.border-orange-90{border-color:var(--color-orange-90)}.border-orange-100{border-color:var(--color-orange-100)}.border-yellow-10{border-color:var(--color-yellow-10)}.border-yellow-20{border-color:var(--color-yellow-20)}.border-yellow-30{border-color:var(--color-yellow-30)}.border-yellow-40{border-color:var(--color-yellow-40)}.border-yellow-50{border-color:var(--color-yellow-50)}.border-yellow-60{border-color:var(--color-yellow-60)}.border-yellow-70{border-color:var(--color-yellow-70)}.border-yellow-80{border-color:var(--color-yellow-80)}.border-yellow-90{border-color:var(--color-yellow-90)}.border-yellow-100{border-color:var(--color-yellow-100)}.border-violet-10{border-color:var(--color-violet-10)}.border-violet-20{border-color:var(--color-violet-20)}.border-violet-30{border-color:var(--color-violet-30)}.border-violet-40{border-color:var(--color-violet-40)}.border-violet-50{border-color:var(--color-violet-50)}.border-violet-60{border-color:var(--color-violet-60)}.border-violet-70{border-color:var(--color-violet-70)}.border-violet-80{border-color:var(--color-violet-80)}.border-violet-90{border-color:var(--color-violet-90)}.border-violet-100{border-color:var(--color-violet-100)}.border-magenta-10{border-color:var(--color-magenta-10)}.border-magenta-20{border-color:var(--color-magenta-20)}.border-magenta-30{border-color:var(--color-magenta-30)}.border-magenta-40{border-color:var(--color-magenta-40)}.border-magenta-50{border-color:var(--color-magenta-50)}.border-magenta-60{border-color:var(--color-magenta-60)}.border-magenta-70{border-color:var(--color-magenta-70)}.border-magenta-80{border-color:var(--color-magenta-80)}.border-magenta-90{border-color:var(--color-magenta-90)}.border-magenta-100{border-color:var(--color-magenta-100)}.border-purple-10{border-color:var(--color-purple-10)}.border-purple-20{border-color:var(--color-purple-20)}.border-purple-30{border-color:var(--color-purple-30)}.border-purple-40{border-color:var(--color-purple-40)}.border-purple-50{border-color:var(--color-purple-50)}.border-purple-60{border-color:var(--color-purple-60)}.border-purple-70{border-color:var(--color-purple-70)}.border-purple-80{border-color:var(--color-purple-80)}.border-purple-90{border-color:var(--color-purple-90)}.border-purple-100{border-color:var(--color-purple-100)}.border-indigo-10{border-color:var(--color-indigo-10)}.border-indigo-20{border-color:var(--color-indigo-20)}.border-indigo-30{border-color:var(--color-indigo-30)}.border-indigo-40{border-color:var(--color-indigo-40)}.border-indigo-50{border-color:var(--color-indigo-50)}.border-indigo-60{border-color:var(--color-indigo-60)}.border-indigo-70{border-color:var(--color-indigo-70)}.border-indigo-80{border-color:var(--color-indigo-80)}.border-indigo-90{border-color:var(--color-indigo-90)}.border-indigo-100{border-color:var(--color-indigo-100)}.border-lime-10{border-color:var(--color-lime-10)}.border-lime-20{border-color:var(--color-lime-20)}.border-lime-30{border-color:var(--color-lime-30)}.border-lime-40{border-color:var(--color-lime-40)}.border-lime-50{border-color:var(--color-lime-50)}.border-lime-60{border-color:var(--color-lime-60)}.border-lime-70{border-color:var(--color-lime-70)}.border-lime-80{border-color:var(--color-lime-80)}.border-lime-90{border-color:var(--color-lime-90)}.border-lime-100{border-color:var(--color-lime-100)}.border-green-10{border-color:var(--color-green-10)}.border-green-20{border-color:var(--color-green-20)}.border-green-30{border-color:var(--color-green-30)}.border-green-40{border-color:var(--color-green-40)}.border-green-50{border-color:var(--color-green-50)}.border-green-60{border-color:var(--color-green-60)}.border-green-70{border-color:var(--color-green-70)}.border-green-80{border-color:var(--color-green-80)}.border-green-90{border-color:var(--color-green-90)}.border-green-100{border-color:var(--color-green-100)}.border-teal-10{border-color:var(--color-teal-10)}.border-teal-20{border-color:var(--color-teal-20)}.border-teal-30{border-color:var(--color-teal-30)}.border-teal-40{border-color:var(--color-teal-40)}.border-teal-50{border-color:var(--color-teal-50)}.border-teal-60{border-color:var(--color-teal-60)}.border-teal-70{border-color:var(--color-teal-70)}.border-teal-80{border-color:var(--color-teal-80)}.border-teal-90{border-color:var(--color-teal-90)}.border-teal-100{border-color:var(--color-teal-100)}.border-cyan-10{border-color:var(--color-cyan-10)}.border-cyan-20{border-color:var(--color-cyan-20)}.border-cyan-30{border-color:var(--color-cyan-30)}.border-cyan-40{border-color:var(--color-cyan-40)}.border-cyan-50{border-color:var(--color-cyan-50)}.border-cyan-60{border-color:var(--color-cyan-60)}.border-cyan-70{border-color:var(--color-cyan-70)}.border-cyan-80{border-color:var(--color-cyan-80)}.border-cyan-90{border-color:var(--color-cyan-90)}.border-cyan-100{border-color:var(--color-cyan-100)}.border-blue-10{border-color:var(--color-blue-10)}.border-blue-20{border-color:var(--color-blue-20)}.border-blue-30{border-color:var(--color-blue-30)}.border-blue-40{border-color:var(--color-blue-40)}.border-blue-50{border-color:var(--color-blue-50)}.border-blue-60{border-color:var(--color-blue-60)}.border-blue-70{border-color:var(--color-blue-70)}.border-blue-80{border-color:var(--color-blue-80)}.border-blue-90{border-color:var(--color-blue-90)}.border-blue-100{border-color:var(--color-blue-100)}.border-brown-10{border-color:var(--color-brown-10)}.border-brown-20{border-color:var(--color-brown-20)}.border-brown-30{border-color:var(--color-brown-30)}.border-brown-40{border-color:var(--color-brown-40)}.border-brown-50{border-color:var(--color-brown-50)}.border-brown-60{border-color:var(--color-brown-60)}.border-brown-70{border-color:var(--color-brown-70)}.border-brown-80{border-color:var(--color-brown-80)}.border-brown-90{border-color:var(--color-brown-90)}.border-brown-100{border-color:var(--color-brown-100)}.border-white-100{border-color:var(--color-white-100)}.border-gray-2{border-color:var(--color-gray-2)}.border-gray-10{border-color:var(--color-gray-10)}.border-gray-20{border-color:var(--color-gray-20)}.border-gray-30{border-color:var(--color-gray-30)}.border-gray-40{border-color:var(--color-gray-40)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-60{border-color:var(--color-gray-60)}.border-gray-70{border-color:var(--color-gray-70)}.border-gray-80{border-color:var(--color-gray-80)}.border-gray-90{border-color:var(--color-gray-90)}.border-gray-95{border-color:var(--color-gray-95)}.border-gray-100{border-color:var(--color-gray-100)}.border-black-100{border-color:var(--color-black-100)}.outline-none{outline-width:0;outline-style:none}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.isolate{isolation:isolate}.visible{visibility:visible}.invisible{visibility:hidden}.z-auto{z-index:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.grow{flex-grow:1}.nogrow{flex-grow:0}.shrink{flex-shrink:1}.noshrink{flex-shrink:0}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.grid{display:grid}.inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-span-5{grid-row:span 5/span 5}.row-span-6{grid-row:span 6/span 6}.row-span-full{grid-row:1/-1}.col-start-1{grid-column-start:1}.col-end-1{grid-column-end:1}.col-start-2{grid-column-start:2}.col-end-2{grid-column-end:2}.col-start-3{grid-column-start:3}.col-end-3{grid-column-end:3}.col-start-4{grid-column-start:4}.col-end-4{grid-column-end:4}.col-start-5{grid-column-start:5}.col-end-5{grid-column-end:5}.col-start-6{grid-column-start:6}.col-end-6{grid-column-end:6}.col-start-7{grid-column-start:7}.col-end-7{grid-column-end:7}.col-start-13{grid-column-start:13}.col-end-13{grid-column-end:13}.col-start-auto{grid-column-start:auto}.col-end-auto{grid-column-end:auto}.justify-center{justify-content:center}.justify-start{justify-content:start}.justify-end{justify-content:end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-self-center{justify-self:center}.justify-self-end{justify-self:end}.align-center{align-content:center}.align-start{align-content:start}.align-end{align-content:end}.align-baseline{align-content:baseline}.align-stretch{align-content:stretch}.align-items-stretch{align-items:stretch}.align-items-center{align-items:center}.align-items-start{align-items:start}.align-items-end{align-items:end}.align-items-baseline{align-items:baseline}.align-self-auto{align-self:auto}.align-self-center{align-self:center}.align-self-start{align-self:start}.align-self-end{align-self:end}.align-self-stretch{align-self:stretch}.place-center{place-content:center}.gap-0{gap:0}.gap-px{gap:1px}.gap-0\.5{gap:.5rem}.gap-1{gap:1rem}.gap-1\.5{gap:1.5rem}.gap-2{gap:2rem}.gap-2\.5{gap:2.5rem}.gap-3{gap:3rem}.gap-4{gap:4rem}.gap-5{gap:5rem}.gap-6{gap:6rem}.gap-7{gap:7rem}.gap-8{gap:8rem}.gap-9{gap:9rem}.gap-10{gap:10rem}.gap-x-0{-moz-column-gap:0rem;column-gap:0}.gap-y-0{row-gap:0}.gap-x-px{-moz-column-gap:1px;column-gap:1px}.gap-y-px{row-gap:1px}.gap-x-0\.5{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-0\.5{row-gap:.5rem}.gap-x-1{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:1rem}.gap-x-1\.5{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1\.5{row-gap:1.5rem}.gap-x-2{-moz-column-gap:2rem;column-gap:2rem}.gap-y-2{row-gap:2rem}.gap-x-2\.5{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-y-2\.5{row-gap:2.5rem}.gap-x-3{-moz-column-gap:3rem;column-gap:3rem}.gap-y-3{row-gap:3rem}.gap-x-4{-moz-column-gap:4rem;column-gap:4rem}.gap-y-4{row-gap:4rem}.gap-x-5{-moz-column-gap:5rem;column-gap:5rem}.gap-y-5{row-gap:5rem}.gap-x-6{-moz-column-gap:6rem;column-gap:6rem}.gap-y-6{row-gap:6rem}.gap-x-7{-moz-column-gap:7rem;column-gap:7rem}.gap-y-7{row-gap:7rem}.gap-x-8{-moz-column-gap:8rem;column-gap:8rem}.gap-y-8{row-gap:8rem}.gap-x-9{-moz-column-gap:9rem;column-gap:9rem}.gap-y-9{row-gap:9rem}.gap-x-10{-moz-column-gap:10rem;column-gap:10rem}.gap-y-10{row-gap:10rem}.table{display:table}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 2px 0 light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .08),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .6)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .2))}.shadow{box-shadow:0 1px 3px 0 light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .12),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .65)), 0 1px 2px -1px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .1),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .55)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .2))}.shadow-md{box-shadow:0 4px 6px -1px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .15),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .7)), 0 2px 4px -2px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .12),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .6)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .2))}.shadow-lg{box-shadow:0 10px 15px -3px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .18),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .75)), 0 4px 6px -4px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .14),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .65)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .22)), inset 0 1px 0 0 light-dark(transparent,oklch(from var(--color-white-50) l c h / .14))}.shadow-xl{box-shadow:0 20px 25px -5px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .22),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .8)), 0 8px 10px -6px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .16),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .7)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .22)), inset 0 1px 0 0 light-dark(transparent,oklch(from var(--color-white-50) l c h / .14))}.shadow-2xl{box-shadow:0 25px 50px -12px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .35),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .9)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .22)), inset 0 1px 0 0 light-dark(transparent,oklch(from var(--color-white-50) l c h / .14))}.shadow-inner{box-shadow:inset 0 2px 4px 0 light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .12),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .6))}.transition-none{transition-property:none}.transition-all{transition-property:all}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-shadow{transition-property:box-shadow}.transition-transform{transition-property:transform,translate,scale,rotate}:is(.transition-all,.transition-colors,.transition-opacity,.transition-shadow,.transition-transform){transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-1000{transition-duration:1s}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}:is(.scroll-markers-before,.scroll-markers-after)::scroll-marker-group{justify-content:center;gap:.5rem;padding:.6rem;display:flex}:is(.scroll-markers-before,.scroll-markers-after)>::scroll-marker{content:"";background:oklch(from var(--color-mistblue-80) l c h/.6);border-radius:50%;block-size:.7rem;inline-size:.7rem;display:block}:is(.scroll-markers-before,.scroll-markers-after)>::scroll-marker:target-current{background:var(--color-vividblue-80)}.container{width:100%;max-width:100%;margin-inline:auto;padding-inline:1rem}@media (width>=43rem){.container{max-width:41rem}}@media (width>=62rem){.container{max-width:60rem}}@media (width>=82rem){.container{max-width:80rem}}.container-normal{container-type:normal}.container-size{container-type:size}.container-inline-size{container-type:inline-size}@container (width>=20rem){.cq-xs\:block{display:block}.cq-xs\:hidden{display:none}.cq-xs\:flex{display:flex}.cq-xs\:grid{display:grid}.cq-xs\:inline-flex{display:inline-flex}.cq-xs\:flex-row{flex-direction:row}.cq-xs\:flex-col{flex-direction:column}.cq-xs\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cq-xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-xs\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cq-xs\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cq-xs\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cq-xs\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (width>=24rem){.cq-sm\:block{display:block}.cq-sm\:hidden{display:none}.cq-sm\:flex{display:flex}.cq-sm\:grid{display:grid}.cq-sm\:inline-flex{display:inline-flex}.cq-sm\:flex-row{flex-direction:row}.cq-sm\:flex-col{flex-direction:column}.cq-sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cq-sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cq-sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cq-sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cq-sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (width>=28rem){.cq-md\:block{display:block}.cq-md\:hidden{display:none}.cq-md\:flex{display:flex}.cq-md\:grid{display:grid}.cq-md\:inline-flex{display:inline-flex}.cq-md\:flex-row{flex-direction:row}.cq-md\:flex-col{flex-direction:column}.cq-md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cq-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cq-md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cq-md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cq-md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (width>=32rem){.cq-lg\:block{display:block}.cq-lg\:hidden{display:none}.cq-lg\:flex{display:flex}.cq-lg\:grid{display:grid}.cq-lg\:inline-flex{display:inline-flex}.cq-lg\:flex-row{flex-direction:row}.cq-lg\:flex-col{flex-direction:column}.cq-lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cq-lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cq-lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cq-lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cq-lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (width>=36rem){.cq-xl\:block{display:block}.cq-xl\:hidden{display:none}.cq-xl\:flex{display:flex}.cq-xl\:grid{display:grid}.cq-xl\:inline-flex{display:inline-flex}.cq-xl\:flex-row{flex-direction:row}.cq-xl\:flex-col{flex-direction:column}.cq-xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cq-xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cq-xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cq-xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cq-xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@page landscape{size:landscape}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hover\:bg-white:hover{background-color:var(--color-white-2)}.hover\:bg-gray-50:hover{background-color:var(--color-snow-50)}.hover\:text-white:hover{color:var(--color-white-2)}.focus\:bg-white:focus{background-color:var(--color-white-2)}.focus\:bg-gray-50:focus{background-color:var(--color-snow-50)}.focus\:text-white:focus{color:var(--color-white-2)}}
|
|
1
|
+
@layer omnia{@supports (color:oklch(0% 0 0deg)){:root,:host{--color-red-10:oklch(76.9332% .226761 29.2339);--color-red-20:oklch(73.9569% .231915 29.2339);--color-red-30:oklch(70.9805% .237069 29.2339);--color-red-40:oklch(68.0042% .242222 29.2339);--color-red-50:oklch(65.0278% .247376 29.2339);--color-red-60:oklch(59.0278% .26053 29.2339);--color-red-70:oklch(55.2601% .263376 29.2339);--color-red-80:oklch(51.4923% .266222 29.2339);--color-red-90:oklch(47.7246% .269069 29.2339);--color-red-100:oklch(62.7955% .257683 29.2339);--color-pink-10:oklch(91.7998% .064717 7.08549);--color-pink-20:oklch(90.7417% .0661878 7.08549);--color-pink-30:oklch(89.6836% .0676586 7.08549);--color-pink-40:oklch(88.6255% .0691295 7.08549);--color-pink-50:oklch(87.5674% .0706003 7.08549);--color-pink-60:oklch(81.5674% .0800712 7.08549);--color-pink-70:oklch(76.361% .0866003 7.08549);--color-pink-80:oklch(71.1546% .0931295 7.08549);--color-pink-90:oklch(65.9481% .0996586 7.08549);--color-pink-100:oklch(86.7738% .073542 7.08549);--color-orange-10:oklch(87.1467% .150503 70.6699);--color-orange-20:oklch(85.4882% .153923 70.6699);--color-orange-30:oklch(83.8297% .157344 70.6699);--color-orange-40:oklch(82.1712% .160764 70.6699);--color-orange-50:oklch(80.5127% .164185 70.6699);--color-orange-60:oklch(74.5127% .175605 70.6699);--color-orange-70:oklch(69.7566% .180185 70.6699);--color-orange-80:oklch(65.0005% .184764 70.6699);--color-orange-90:oklch(60.2443% .189344 70.6699);--color-orange-100:oklch(79.2688% .171026 70.6699);--color-yellow-10:oklch(98.0149% .185685 109.769);--color-yellow-20:oklch(97.7588% .189905 109.769);--color-yellow-30:oklch(97.5027% .194125 109.769);--color-yellow-40:oklch(97.2465% .198346 109.769);--color-yellow-50:oklch(96.9904% .202566 109.769);--color-yellow-60:oklch(90.9904% .214786 109.769);--color-yellow-70:oklch(85.1825% .218566 109.769);--color-yellow-80:oklch(79.3746% .222346 109.769);--color-yellow-90:oklch(73.5667% .226125 109.769);--color-yellow-100:oklch(96.7983% .211006 109.769);--color-violet-10:oklch(85.2377% .163788 327.21);--color-violet-20:oklch(83.3329% .16751 327.21);--color-violet-30:oklch(81.4281% .171233 327.21);--color-violet-40:oklch(79.5233% .174955 327.21);--color-violet-50:oklch(77.6185% .178678 327.21);--color-violet-60:oklch(71.6185% .1904 327.21);--color-violet-70:oklch(67.0471% .194678 327.21);--color-violet-80:oklch(62.4757% .198955 327.21);--color-violet-90:oklch(57.9043% .203233 327.21);--color-violet-100:oklch(76.1899% .186122 327.21);--color-magenta-10:oklch(81.5038% .283792 328.363);--color-magenta-20:oklch(79.1172% .290242 328.363);--color-magenta-30:oklch(76.7306% .296692 328.363);--color-magenta-40:oklch(74.344% .303142 328.363);--color-magenta-50:oklch(71.9573% .309591 328.363);--color-magenta-60:oklch(65.9573% .324041 328.363);--color-magenta-70:oklch(61.7473% .325591 328.363);--color-magenta-80:oklch(57.5373% .327142 328.363);--color-magenta-90:oklch(53.3272% .328692 328.363);--color-magenta-100:oklch(70.1674% .322491 328.363);--color-purple-10:oklch(64.0967% .170239 328.363);--color-purple-20:oklch(59.464% .174108 328.363);--color-purple-30:oklch(54.8313% .177977 328.363);--color-purple-40:oklch(50.1986% .181846 328.363);--color-purple-50:oklch(45.5659% .185715 328.363);--color-purple-60:oklch(39.5659% .197584 328.363);--color-purple-70:oklch(37.0404% .201715 328.363);--color-purple-80:oklch(34.5149% .205846 328.363);--color-purple-90:oklch(31.9894% .209977 328.363);--color-purple-100:oklch(42.0914% .193453 328.363);--color-indigo-10:oklch(59.0169% .157759 301.685);--color-indigo-20:oklch(53.7288% .161344 301.685);--color-indigo-30:oklch(48.4406% .16493 301.685);--color-indigo-40:oklch(43.1525% .168515 301.685);--color-indigo-50:oklch(37.8643% .172101 301.685);--color-indigo-60:oklch(31.8643% .183686 301.685);--color-indigo-70:oklch(29.8304% .188101 301.685);--color-indigo-80:oklch(27.7965% .192515 301.685);--color-indigo-90:oklch(25.7626% .19693 301.685);--color-indigo-100:oklch(33.8982% .179272 301.685);--color-lime-10:oklch(91.7193% .259448 142.495);--color-lime-20:oklch(90.6508% .265345 142.495);--color-lime-30:oklch(89.5823% .271241 142.495);--color-lime-40:oklch(88.5138% .277138 142.495);--color-lime-50:oklch(87.4453% .283034 142.495);--color-lime-60:oklch(81.4453% .296931 142.495);--color-lime-70:oklch(76.2467% .299034 142.495);--color-lime-80:oklch(71.0481% .301138 142.495);--color-lime-90:oklch(65.8494% .303241 142.495);--color-lime-100:oklch(86.644% .294827 142.495);--color-green-10:oklch(70.2246% .155635 142.495);--color-green-20:oklch(66.3826% .159172 142.495);--color-green-30:oklch(62.5406% .16271 142.495);--color-green-40:oklch(58.6987% .166247 142.495);--color-green-50:oklch(54.8567% .169784 142.495);--color-green-60:oklch(48.8567% .181321 142.495);--color-green-70:oklch(45.7382% .185784 142.495);--color-green-80:oklch(42.6197% .190247 142.495);--color-green-90:oklch(39.5011% .19471 142.495);--color-green-100:oklch(51.9752% .176858 142.495);--color-teal-10:oklch(71.6736% .0815848 194.769);--color-teal-20:oklch(68.0186% .083439 194.769);--color-teal-30:oklch(64.3636% .0852932 194.769);--color-teal-40:oklch(60.7085% .0871474 194.769);--color-teal-50:oklch(57.0535% .0890017 194.769);--color-teal-60:oklch(51.0535% .0988558 194.769);--color-teal-70:oklch(47.7948% .105002 194.769);--color-teal-80:oklch(44.5361% .111147 194.769);--color-teal-90:oklch(41.2773% .117293 194.769);--color-teal-100:oklch(54.3123% .0927101 194.769);--color-cyan-10:oklch(94.1348% .136004 194.769);--color-cyan-20:oklch(93.3779% .139095 194.769);--color-cyan-30:oklch(92.6211% .142186 194.769);--color-cyan-40:oklch(91.8643% .145277 194.769);--color-cyan-50:oklch(91.1075% .148368 194.769);--color-cyan-60:oklch(85.1075% .159459 194.769);--color-cyan-70:oklch(79.6751% .164368 194.769);--color-cyan-80:oklch(74.2427% .169277 194.769);--color-cyan-90:oklch(68.8103% .174186 194.769);--color-cyan-100:oklch(90.5399% .15455 194.769);--color-blue-10:oklch(66.0249% .275629 264.052);--color-blue-20:oklch(61.641% .281893 264.052);--color-blue-30:oklch(57.2571% .288157 264.052);--color-blue-40:oklch(52.8732% .294422 264.052);--color-blue-50:oklch(48.4893% .300686 264.052);--color-blue-60:oklch(42.4893% .31495 264.052);--color-blue-70:oklch(39.7772% .316686 264.052);--color-blue-80:oklch(37.0651% .318422 264.052);--color-blue-90:oklch(34.353% .320157 264.052);--color-blue-100:oklch(45.2014% .313214 264.052);--color-brown-10:oklch(67.798% .140498 25.5621);--color-brown-20:oklch(63.6429% .143691 25.5621);--color-brown-30:oklch(59.4878% .146884 25.5621);--color-brown-40:oklch(55.3327% .150078 25.5621);--color-brown-50:oklch(51.1776% .153271 25.5621);--color-brown-60:oklch(45.1776% .164464 25.5621);--color-brown-70:oklch(42.2939% .169271 25.5621);--color-brown-80:oklch(39.4102% .174078 25.5621);--color-brown-90:oklch(36.5266% .178884 25.5621);--color-brown-100:oklch(48.0613% .159657 25.5621);--color-white-2:oklch(100% 0 none);--color-white-50:oklch(100% 0 none);--color-white-100:oklch(100% 0 none);--color-snow-50:oklch(98.9601% .00512347 17.2471);--color-gray-2:oklch(82.3943% 0 none);--color-gray-10:oklch(75.192% 0 none);--color-gray-20:oklch(71.991% 0 none);--color-gray-30:oklch(68.7899% 0 none);--color-gray-40:oklch(65.5889% 0 none);--color-gray-50:oklch(62.3879% 0 none);--color-gray-60:oklch(56.3879% .008 none);--color-gray-70:oklch(52.7886% .016 none);--color-gray-80:oklch(49.1894% .024 none);--color-gray-90:oklch(45.5902% .032 none);--color-gray-95:oklch(40.7912% .04 none);--color-gray-100:oklch(59.9871% 0 none);--color-black-50:oklch(6% 0 none);--color-black-100:oklch(0% 0 none)}}@font-face{font-family:Noto Color Emoji;src:url(/fonts/noto/NotoColorEmoji.ttf)format("truetype");font-display:swap}@font-face{font-family:Lucida Console;src:url(/fonts/lucida_console/LucidaConsoleRegular.ttf)format("truetype");font-display:swap}@font-face{font-family:Noto Sans Egyptian Hieroglyphs;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/noto/NotoSansEgyptianHieroglyphs-Regular.ttf)format("truetype");unicode-range:U+13000-1342E,U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,picture,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizespeed;min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bg-red-10{background-color:var(--color-red-10)}.text-red-10{color:var(--color-red-10)}.bg-red-20{background-color:var(--color-red-20)}.text-red-20{color:var(--color-red-20)}.bg-red-30{background-color:var(--color-red-30)}.text-red-30{color:var(--color-red-30)}.bg-red-40{background-color:var(--color-red-40)}.text-red-40{color:var(--color-red-40)}.bg-red-50{background-color:var(--color-red-50)}.text-red-50{color:var(--color-red-50)}.bg-red-60{background-color:var(--color-red-60)}.text-red-60{color:var(--color-red-60)}.bg-red-70{background-color:var(--color-red-70)}.text-red-70{color:var(--color-red-70)}.bg-red-80{background-color:var(--color-red-80)}.text-red-80{color:var(--color-red-80)}.bg-red-90{background-color:var(--color-red-90)}.text-red-90{color:var(--color-red-90)}.bg-red{background-color:var(--color-red-100)}.text-red{color:var(--color-red-100)}.hover\:bg-red-10:hover{background-color:var(--color-red-10)}.hover\:text-red-10:hover{color:var(--color-red-10)}.hover\:bg-red-20:hover{background-color:var(--color-red-20)}.hover\:text-red-20:hover{color:var(--color-red-20)}.hover\:bg-red-30:hover{background-color:var(--color-red-30)}.hover\:text-red-30:hover{color:var(--color-red-30)}.hover\:bg-red-40:hover{background-color:var(--color-red-40)}.hover\:text-red-40:hover{color:var(--color-red-40)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:text-red-50:hover{color:var(--color-red-50)}.hover\:bg-red-60:hover{background-color:var(--color-red-60)}.hover\:text-red-60:hover{color:var(--color-red-60)}.hover\:bg-red-70:hover{background-color:var(--color-red-70)}.hover\:text-red-70:hover{color:var(--color-red-70)}.hover\:bg-red-80:hover{background-color:var(--color-red-80)}.hover\:text-red-80:hover{color:var(--color-red-80)}.hover\:bg-red-90:hover{background-color:var(--color-red-90)}.hover\:text-red-90:hover{color:var(--color-red-90)}.hover\:bg-red:hover{background-color:var(--color-red-100)}.hover\:text-red:hover{color:var(--color-red-100)}.focus\:bg-red-10:focus{background-color:var(--color-red-10)}.focus\:text-red-10:focus{color:var(--color-red-10)}.focus\:bg-red-20:focus{background-color:var(--color-red-20)}.focus\:text-red-20:focus{color:var(--color-red-20)}.focus\:bg-red-30:focus{background-color:var(--color-red-30)}.focus\:text-red-30:focus{color:var(--color-red-30)}.focus\:bg-red-40:focus{background-color:var(--color-red-40)}.focus\:text-red-40:focus{color:var(--color-red-40)}.focus\:bg-red-50:focus{background-color:var(--color-red-50)}.focus\:text-red-50:focus{color:var(--color-red-50)}.focus\:bg-red-60:focus{background-color:var(--color-red-60)}.focus\:text-red-60:focus{color:var(--color-red-60)}.focus\:bg-red-70:focus{background-color:var(--color-red-70)}.focus\:text-red-70:focus{color:var(--color-red-70)}.focus\:bg-red-80:focus{background-color:var(--color-red-80)}.focus\:text-red-80:focus{color:var(--color-red-80)}.focus\:bg-red-90:focus{background-color:var(--color-red-90)}.focus\:text-red-90:focus{color:var(--color-red-90)}.focus\:bg-red:focus{background-color:var(--color-red-100)}.focus\:text-red:focus{color:var(--color-red-100)}.bg-pink-10{background-color:var(--color-pink-10)}.text-pink-10{color:var(--color-pink-10)}.bg-pink-20{background-color:var(--color-pink-20)}.text-pink-20{color:var(--color-pink-20)}.bg-pink-30{background-color:var(--color-pink-30)}.text-pink-30{color:var(--color-pink-30)}.bg-pink-40{background-color:var(--color-pink-40)}.text-pink-40{color:var(--color-pink-40)}.bg-pink-50{background-color:var(--color-pink-50)}.text-pink-50{color:var(--color-pink-50)}.bg-pink-60{background-color:var(--color-pink-60)}.text-pink-60{color:var(--color-pink-60)}.bg-pink-70{background-color:var(--color-pink-70)}.text-pink-70{color:var(--color-pink-70)}.bg-pink-80{background-color:var(--color-pink-80)}.text-pink-80{color:var(--color-pink-80)}.bg-pink-90{background-color:var(--color-pink-90)}.text-pink-90{color:var(--color-pink-90)}.bg-pink{background-color:var(--color-pink-100)}.text-pink{color:var(--color-pink-100)}.hover\:bg-pink-10:hover{background-color:var(--color-pink-10)}.hover\:text-pink-10:hover{color:var(--color-pink-10)}.hover\:bg-pink-20:hover{background-color:var(--color-pink-20)}.hover\:text-pink-20:hover{color:var(--color-pink-20)}.hover\:bg-pink-30:hover{background-color:var(--color-pink-30)}.hover\:text-pink-30:hover{color:var(--color-pink-30)}.hover\:bg-pink-40:hover{background-color:var(--color-pink-40)}.hover\:text-pink-40:hover{color:var(--color-pink-40)}.hover\:bg-pink-50:hover{background-color:var(--color-pink-50)}.hover\:text-pink-50:hover{color:var(--color-pink-50)}.hover\:bg-pink-60:hover{background-color:var(--color-pink-60)}.hover\:text-pink-60:hover{color:var(--color-pink-60)}.hover\:bg-pink-70:hover{background-color:var(--color-pink-70)}.hover\:text-pink-70:hover{color:var(--color-pink-70)}.hover\:bg-pink-80:hover{background-color:var(--color-pink-80)}.hover\:text-pink-80:hover{color:var(--color-pink-80)}.hover\:bg-pink-90:hover{background-color:var(--color-pink-90)}.hover\:text-pink-90:hover{color:var(--color-pink-90)}.hover\:bg-pink:hover{background-color:var(--color-pink-100)}.hover\:text-pink:hover{color:var(--color-pink-100)}.focus\:bg-pink-10:focus{background-color:var(--color-pink-10)}.focus\:text-pink-10:focus{color:var(--color-pink-10)}.focus\:bg-pink-20:focus{background-color:var(--color-pink-20)}.focus\:text-pink-20:focus{color:var(--color-pink-20)}.focus\:bg-pink-30:focus{background-color:var(--color-pink-30)}.focus\:text-pink-30:focus{color:var(--color-pink-30)}.focus\:bg-pink-40:focus{background-color:var(--color-pink-40)}.focus\:text-pink-40:focus{color:var(--color-pink-40)}.focus\:bg-pink-50:focus{background-color:var(--color-pink-50)}.focus\:text-pink-50:focus{color:var(--color-pink-50)}.focus\:bg-pink-60:focus{background-color:var(--color-pink-60)}.focus\:text-pink-60:focus{color:var(--color-pink-60)}.focus\:bg-pink-70:focus{background-color:var(--color-pink-70)}.focus\:text-pink-70:focus{color:var(--color-pink-70)}.focus\:bg-pink-80:focus{background-color:var(--color-pink-80)}.focus\:text-pink-80:focus{color:var(--color-pink-80)}.focus\:bg-pink-90:focus{background-color:var(--color-pink-90)}.focus\:text-pink-90:focus{color:var(--color-pink-90)}.focus\:bg-pink:focus{background-color:var(--color-pink-100)}.focus\:text-pink:focus{color:var(--color-pink-100)}.bg-orange-10{background-color:var(--color-orange-10)}.text-orange-10{color:var(--color-orange-10)}.bg-orange-20{background-color:var(--color-orange-20)}.text-orange-20{color:var(--color-orange-20)}.bg-orange-30{background-color:var(--color-orange-30)}.text-orange-30{color:var(--color-orange-30)}.bg-orange-40{background-color:var(--color-orange-40)}.text-orange-40{color:var(--color-orange-40)}.bg-orange-50{background-color:var(--color-orange-50)}.text-orange-50{color:var(--color-orange-50)}.bg-orange-60{background-color:var(--color-orange-60)}.text-orange-60{color:var(--color-orange-60)}.bg-orange-70{background-color:var(--color-orange-70)}.text-orange-70{color:var(--color-orange-70)}.bg-orange-80{background-color:var(--color-orange-80)}.text-orange-80{color:var(--color-orange-80)}.bg-orange-90{background-color:var(--color-orange-90)}.text-orange-90{color:var(--color-orange-90)}.bg-orange{background-color:var(--color-orange-100)}.text-orange{color:var(--color-orange-100)}.hover\:bg-orange-10:hover{background-color:var(--color-orange-10)}.hover\:text-orange-10:hover{color:var(--color-orange-10)}.hover\:bg-orange-20:hover{background-color:var(--color-orange-20)}.hover\:text-orange-20:hover{color:var(--color-orange-20)}.hover\:bg-orange-30:hover{background-color:var(--color-orange-30)}.hover\:text-orange-30:hover{color:var(--color-orange-30)}.hover\:bg-orange-40:hover{background-color:var(--color-orange-40)}.hover\:text-orange-40:hover{color:var(--color-orange-40)}.hover\:bg-orange-50:hover{background-color:var(--color-orange-50)}.hover\:text-orange-50:hover{color:var(--color-orange-50)}.hover\:bg-orange-60:hover{background-color:var(--color-orange-60)}.hover\:text-orange-60:hover{color:var(--color-orange-60)}.hover\:bg-orange-70:hover{background-color:var(--color-orange-70)}.hover\:text-orange-70:hover{color:var(--color-orange-70)}.hover\:bg-orange-80:hover{background-color:var(--color-orange-80)}.hover\:text-orange-80:hover{color:var(--color-orange-80)}.hover\:bg-orange-90:hover{background-color:var(--color-orange-90)}.hover\:text-orange-90:hover{color:var(--color-orange-90)}.hover\:bg-orange:hover{background-color:var(--color-orange-100)}.hover\:text-orange:hover{color:var(--color-orange-100)}.focus\:bg-orange-10:focus{background-color:var(--color-orange-10)}.focus\:text-orange-10:focus{color:var(--color-orange-10)}.focus\:bg-orange-20:focus{background-color:var(--color-orange-20)}.focus\:text-orange-20:focus{color:var(--color-orange-20)}.focus\:bg-orange-30:focus{background-color:var(--color-orange-30)}.focus\:text-orange-30:focus{color:var(--color-orange-30)}.focus\:bg-orange-40:focus{background-color:var(--color-orange-40)}.focus\:text-orange-40:focus{color:var(--color-orange-40)}.focus\:bg-orange-50:focus{background-color:var(--color-orange-50)}.focus\:text-orange-50:focus{color:var(--color-orange-50)}.focus\:bg-orange-60:focus{background-color:var(--color-orange-60)}.focus\:text-orange-60:focus{color:var(--color-orange-60)}.focus\:bg-orange-70:focus{background-color:var(--color-orange-70)}.focus\:text-orange-70:focus{color:var(--color-orange-70)}.focus\:bg-orange-80:focus{background-color:var(--color-orange-80)}.focus\:text-orange-80:focus{color:var(--color-orange-80)}.focus\:bg-orange-90:focus{background-color:var(--color-orange-90)}.focus\:text-orange-90:focus{color:var(--color-orange-90)}.focus\:bg-orange:focus{background-color:var(--color-orange-100)}.focus\:text-orange:focus{color:var(--color-orange-100)}.bg-yellow-10{background-color:var(--color-yellow-10)}.text-yellow-10{color:var(--color-yellow-10)}.bg-yellow-20{background-color:var(--color-yellow-20)}.text-yellow-20{color:var(--color-yellow-20)}.bg-yellow-30{background-color:var(--color-yellow-30)}.text-yellow-30{color:var(--color-yellow-30)}.bg-yellow-40{background-color:var(--color-yellow-40)}.text-yellow-40{color:var(--color-yellow-40)}.bg-yellow-50{background-color:var(--color-yellow-50)}.text-yellow-50{color:var(--color-yellow-50)}.bg-yellow-60{background-color:var(--color-yellow-60)}.text-yellow-60{color:var(--color-yellow-60)}.bg-yellow-70{background-color:var(--color-yellow-70)}.text-yellow-70{color:var(--color-yellow-70)}.bg-yellow-80{background-color:var(--color-yellow-80)}.text-yellow-80{color:var(--color-yellow-80)}.bg-yellow-90{background-color:var(--color-yellow-90)}.text-yellow-90{color:var(--color-yellow-90)}.bg-yellow{background-color:var(--color-yellow-100)}.text-yellow{color:var(--color-yellow-100)}.hover\:bg-yellow-10:hover{background-color:var(--color-yellow-10)}.hover\:text-yellow-10:hover{color:var(--color-yellow-10)}.hover\:bg-yellow-20:hover{background-color:var(--color-yellow-20)}.hover\:text-yellow-20:hover{color:var(--color-yellow-20)}.hover\:bg-yellow-30:hover{background-color:var(--color-yellow-30)}.hover\:text-yellow-30:hover{color:var(--color-yellow-30)}.hover\:bg-yellow-40:hover{background-color:var(--color-yellow-40)}.hover\:text-yellow-40:hover{color:var(--color-yellow-40)}.hover\:bg-yellow-50:hover{background-color:var(--color-yellow-50)}.hover\:text-yellow-50:hover{color:var(--color-yellow-50)}.hover\:bg-yellow-60:hover{background-color:var(--color-yellow-60)}.hover\:text-yellow-60:hover{color:var(--color-yellow-60)}.hover\:bg-yellow-70:hover{background-color:var(--color-yellow-70)}.hover\:text-yellow-70:hover{color:var(--color-yellow-70)}.hover\:bg-yellow-80:hover{background-color:var(--color-yellow-80)}.hover\:text-yellow-80:hover{color:var(--color-yellow-80)}.hover\:bg-yellow-90:hover{background-color:var(--color-yellow-90)}.hover\:text-yellow-90:hover{color:var(--color-yellow-90)}.hover\:bg-yellow:hover{background-color:var(--color-yellow-100)}.hover\:text-yellow:hover{color:var(--color-yellow-100)}.focus\:bg-yellow-10:focus{background-color:var(--color-yellow-10)}.focus\:text-yellow-10:focus{color:var(--color-yellow-10)}.focus\:bg-yellow-20:focus{background-color:var(--color-yellow-20)}.focus\:text-yellow-20:focus{color:var(--color-yellow-20)}.focus\:bg-yellow-30:focus{background-color:var(--color-yellow-30)}.focus\:text-yellow-30:focus{color:var(--color-yellow-30)}.focus\:bg-yellow-40:focus{background-color:var(--color-yellow-40)}.focus\:text-yellow-40:focus{color:var(--color-yellow-40)}.focus\:bg-yellow-50:focus{background-color:var(--color-yellow-50)}.focus\:text-yellow-50:focus{color:var(--color-yellow-50)}.focus\:bg-yellow-60:focus{background-color:var(--color-yellow-60)}.focus\:text-yellow-60:focus{color:var(--color-yellow-60)}.focus\:bg-yellow-70:focus{background-color:var(--color-yellow-70)}.focus\:text-yellow-70:focus{color:var(--color-yellow-70)}.focus\:bg-yellow-80:focus{background-color:var(--color-yellow-80)}.focus\:text-yellow-80:focus{color:var(--color-yellow-80)}.focus\:bg-yellow-90:focus{background-color:var(--color-yellow-90)}.focus\:text-yellow-90:focus{color:var(--color-yellow-90)}.focus\:bg-yellow:focus{background-color:var(--color-yellow-100)}.focus\:text-yellow:focus{color:var(--color-yellow-100)}.bg-violet-10{background-color:var(--color-violet-10)}.text-violet-10{color:var(--color-violet-10)}.bg-violet-20{background-color:var(--color-violet-20)}.text-violet-20{color:var(--color-violet-20)}.bg-violet-30{background-color:var(--color-violet-30)}.text-violet-30{color:var(--color-violet-30)}.bg-violet-40{background-color:var(--color-violet-40)}.text-violet-40{color:var(--color-violet-40)}.bg-violet-50{background-color:var(--color-violet-50)}.text-violet-50{color:var(--color-violet-50)}.bg-violet-60{background-color:var(--color-violet-60)}.text-violet-60{color:var(--color-violet-60)}.bg-violet-70{background-color:var(--color-violet-70)}.text-violet-70{color:var(--color-violet-70)}.bg-violet-80{background-color:var(--color-violet-80)}.text-violet-80{color:var(--color-violet-80)}.bg-violet-90{background-color:var(--color-violet-90)}.text-violet-90{color:var(--color-violet-90)}.bg-violet{background-color:var(--color-violet-100)}.text-violet{color:var(--color-violet-100)}.hover\:bg-violet-10:hover{background-color:var(--color-violet-10)}.hover\:text-violet-10:hover{color:var(--color-violet-10)}.hover\:bg-violet-20:hover{background-color:var(--color-violet-20)}.hover\:text-violet-20:hover{color:var(--color-violet-20)}.hover\:bg-violet-30:hover{background-color:var(--color-violet-30)}.hover\:text-violet-30:hover{color:var(--color-violet-30)}.hover\:bg-violet-40:hover{background-color:var(--color-violet-40)}.hover\:text-violet-40:hover{color:var(--color-violet-40)}.hover\:bg-violet-50:hover{background-color:var(--color-violet-50)}.hover\:text-violet-50:hover{color:var(--color-violet-50)}.hover\:bg-violet-60:hover{background-color:var(--color-violet-60)}.hover\:text-violet-60:hover{color:var(--color-violet-60)}.hover\:bg-violet-70:hover{background-color:var(--color-violet-70)}.hover\:text-violet-70:hover{color:var(--color-violet-70)}.hover\:bg-violet-80:hover{background-color:var(--color-violet-80)}.hover\:text-violet-80:hover{color:var(--color-violet-80)}.hover\:bg-violet-90:hover{background-color:var(--color-violet-90)}.hover\:text-violet-90:hover{color:var(--color-violet-90)}.hover\:bg-violet:hover{background-color:var(--color-violet-100)}.hover\:text-violet:hover{color:var(--color-violet-100)}.focus\:bg-violet-10:focus{background-color:var(--color-violet-10)}.focus\:text-violet-10:focus{color:var(--color-violet-10)}.focus\:bg-violet-20:focus{background-color:var(--color-violet-20)}.focus\:text-violet-20:focus{color:var(--color-violet-20)}.focus\:bg-violet-30:focus{background-color:var(--color-violet-30)}.focus\:text-violet-30:focus{color:var(--color-violet-30)}.focus\:bg-violet-40:focus{background-color:var(--color-violet-40)}.focus\:text-violet-40:focus{color:var(--color-violet-40)}.focus\:bg-violet-50:focus{background-color:var(--color-violet-50)}.focus\:text-violet-50:focus{color:var(--color-violet-50)}.focus\:bg-violet-60:focus{background-color:var(--color-violet-60)}.focus\:text-violet-60:focus{color:var(--color-violet-60)}.focus\:bg-violet-70:focus{background-color:var(--color-violet-70)}.focus\:text-violet-70:focus{color:var(--color-violet-70)}.focus\:bg-violet-80:focus{background-color:var(--color-violet-80)}.focus\:text-violet-80:focus{color:var(--color-violet-80)}.focus\:bg-violet-90:focus{background-color:var(--color-violet-90)}.focus\:text-violet-90:focus{color:var(--color-violet-90)}.focus\:bg-violet:focus{background-color:var(--color-violet-100)}.focus\:text-violet:focus{color:var(--color-violet-100)}.bg-magenta-10{background-color:var(--color-magenta-10)}.text-magenta-10{color:var(--color-magenta-10)}.bg-magenta-20{background-color:var(--color-magenta-20)}.text-magenta-20{color:var(--color-magenta-20)}.bg-magenta-30{background-color:var(--color-magenta-30)}.text-magenta-30{color:var(--color-magenta-30)}.bg-magenta-40{background-color:var(--color-magenta-40)}.text-magenta-40{color:var(--color-magenta-40)}.bg-magenta-50{background-color:var(--color-magenta-50)}.text-magenta-50{color:var(--color-magenta-50)}.bg-magenta-60{background-color:var(--color-magenta-60)}.text-magenta-60{color:var(--color-magenta-60)}.bg-magenta-70{background-color:var(--color-magenta-70)}.text-magenta-70{color:var(--color-magenta-70)}.bg-magenta-80{background-color:var(--color-magenta-80)}.text-magenta-80{color:var(--color-magenta-80)}.bg-magenta-90{background-color:var(--color-magenta-90)}.text-magenta-90{color:var(--color-magenta-90)}.bg-magenta{background-color:var(--color-magenta-100)}.text-magenta{color:var(--color-magenta-100)}.hover\:bg-magenta-10:hover{background-color:var(--color-magenta-10)}.hover\:text-magenta-10:hover{color:var(--color-magenta-10)}.hover\:bg-magenta-20:hover{background-color:var(--color-magenta-20)}.hover\:text-magenta-20:hover{color:var(--color-magenta-20)}.hover\:bg-magenta-30:hover{background-color:var(--color-magenta-30)}.hover\:text-magenta-30:hover{color:var(--color-magenta-30)}.hover\:bg-magenta-40:hover{background-color:var(--color-magenta-40)}.hover\:text-magenta-40:hover{color:var(--color-magenta-40)}.hover\:bg-magenta-50:hover{background-color:var(--color-magenta-50)}.hover\:text-magenta-50:hover{color:var(--color-magenta-50)}.hover\:bg-magenta-60:hover{background-color:var(--color-magenta-60)}.hover\:text-magenta-60:hover{color:var(--color-magenta-60)}.hover\:bg-magenta-70:hover{background-color:var(--color-magenta-70)}.hover\:text-magenta-70:hover{color:var(--color-magenta-70)}.hover\:bg-magenta-80:hover{background-color:var(--color-magenta-80)}.hover\:text-magenta-80:hover{color:var(--color-magenta-80)}.hover\:bg-magenta-90:hover{background-color:var(--color-magenta-90)}.hover\:text-magenta-90:hover{color:var(--color-magenta-90)}.hover\:bg-magenta:hover{background-color:var(--color-magenta-100)}.hover\:text-magenta:hover{color:var(--color-magenta-100)}.focus\:bg-magenta-10:focus{background-color:var(--color-magenta-10)}.focus\:text-magenta-10:focus{color:var(--color-magenta-10)}.focus\:bg-magenta-20:focus{background-color:var(--color-magenta-20)}.focus\:text-magenta-20:focus{color:var(--color-magenta-20)}.focus\:bg-magenta-30:focus{background-color:var(--color-magenta-30)}.focus\:text-magenta-30:focus{color:var(--color-magenta-30)}.focus\:bg-magenta-40:focus{background-color:var(--color-magenta-40)}.focus\:text-magenta-40:focus{color:var(--color-magenta-40)}.focus\:bg-magenta-50:focus{background-color:var(--color-magenta-50)}.focus\:text-magenta-50:focus{color:var(--color-magenta-50)}.focus\:bg-magenta-60:focus{background-color:var(--color-magenta-60)}.focus\:text-magenta-60:focus{color:var(--color-magenta-60)}.focus\:bg-magenta-70:focus{background-color:var(--color-magenta-70)}.focus\:text-magenta-70:focus{color:var(--color-magenta-70)}.focus\:bg-magenta-80:focus{background-color:var(--color-magenta-80)}.focus\:text-magenta-80:focus{color:var(--color-magenta-80)}.focus\:bg-magenta-90:focus{background-color:var(--color-magenta-90)}.focus\:text-magenta-90:focus{color:var(--color-magenta-90)}.focus\:bg-magenta:focus{background-color:var(--color-magenta-100)}.focus\:text-magenta:focus{color:var(--color-magenta-100)}.bg-purple-10{background-color:var(--color-purple-10)}.text-purple-10{color:var(--color-purple-10)}.bg-purple-20{background-color:var(--color-purple-20)}.text-purple-20{color:var(--color-purple-20)}.bg-purple-30{background-color:var(--color-purple-30)}.text-purple-30{color:var(--color-purple-30)}.bg-purple-40{background-color:var(--color-purple-40)}.text-purple-40{color:var(--color-purple-40)}.bg-purple-50{background-color:var(--color-purple-50)}.text-purple-50{color:var(--color-purple-50)}.bg-purple-60{background-color:var(--color-purple-60)}.text-purple-60{color:var(--color-purple-60)}.bg-purple-70{background-color:var(--color-purple-70)}.text-purple-70{color:var(--color-purple-70)}.bg-purple-80{background-color:var(--color-purple-80)}.text-purple-80{color:var(--color-purple-80)}.bg-purple-90{background-color:var(--color-purple-90)}.text-purple-90{color:var(--color-purple-90)}.bg-purple{background-color:var(--color-purple-100)}.text-purple{color:var(--color-purple-100)}.hover\:bg-purple-10:hover{background-color:var(--color-purple-10)}.hover\:text-purple-10:hover{color:var(--color-purple-10)}.hover\:bg-purple-20:hover{background-color:var(--color-purple-20)}.hover\:text-purple-20:hover{color:var(--color-purple-20)}.hover\:bg-purple-30:hover{background-color:var(--color-purple-30)}.hover\:text-purple-30:hover{color:var(--color-purple-30)}.hover\:bg-purple-40:hover{background-color:var(--color-purple-40)}.hover\:text-purple-40:hover{color:var(--color-purple-40)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:text-purple-50:hover{color:var(--color-purple-50)}.hover\:bg-purple-60:hover{background-color:var(--color-purple-60)}.hover\:text-purple-60:hover{color:var(--color-purple-60)}.hover\:bg-purple-70:hover{background-color:var(--color-purple-70)}.hover\:text-purple-70:hover{color:var(--color-purple-70)}.hover\:bg-purple-80:hover{background-color:var(--color-purple-80)}.hover\:text-purple-80:hover{color:var(--color-purple-80)}.hover\:bg-purple-90:hover{background-color:var(--color-purple-90)}.hover\:text-purple-90:hover{color:var(--color-purple-90)}.hover\:bg-purple:hover{background-color:var(--color-purple-100)}.hover\:text-purple:hover{color:var(--color-purple-100)}.focus\:bg-purple-10:focus{background-color:var(--color-purple-10)}.focus\:text-purple-10:focus{color:var(--color-purple-10)}.focus\:bg-purple-20:focus{background-color:var(--color-purple-20)}.focus\:text-purple-20:focus{color:var(--color-purple-20)}.focus\:bg-purple-30:focus{background-color:var(--color-purple-30)}.focus\:text-purple-30:focus{color:var(--color-purple-30)}.focus\:bg-purple-40:focus{background-color:var(--color-purple-40)}.focus\:text-purple-40:focus{color:var(--color-purple-40)}.focus\:bg-purple-50:focus{background-color:var(--color-purple-50)}.focus\:text-purple-50:focus{color:var(--color-purple-50)}.focus\:bg-purple-60:focus{background-color:var(--color-purple-60)}.focus\:text-purple-60:focus{color:var(--color-purple-60)}.focus\:bg-purple-70:focus{background-color:var(--color-purple-70)}.focus\:text-purple-70:focus{color:var(--color-purple-70)}.focus\:bg-purple-80:focus{background-color:var(--color-purple-80)}.focus\:text-purple-80:focus{color:var(--color-purple-80)}.focus\:bg-purple-90:focus{background-color:var(--color-purple-90)}.focus\:text-purple-90:focus{color:var(--color-purple-90)}.focus\:bg-purple:focus{background-color:var(--color-purple-100)}.focus\:text-purple:focus{color:var(--color-purple-100)}.bg-indigo-10{background-color:var(--color-indigo-10)}.text-indigo-10{color:var(--color-indigo-10)}.bg-indigo-20{background-color:var(--color-indigo-20)}.text-indigo-20{color:var(--color-indigo-20)}.bg-indigo-30{background-color:var(--color-indigo-30)}.text-indigo-30{color:var(--color-indigo-30)}.bg-indigo-40{background-color:var(--color-indigo-40)}.text-indigo-40{color:var(--color-indigo-40)}.bg-indigo-50{background-color:var(--color-indigo-50)}.text-indigo-50{color:var(--color-indigo-50)}.bg-indigo-60{background-color:var(--color-indigo-60)}.text-indigo-60{color:var(--color-indigo-60)}.bg-indigo-70{background-color:var(--color-indigo-70)}.text-indigo-70{color:var(--color-indigo-70)}.bg-indigo-80{background-color:var(--color-indigo-80)}.text-indigo-80{color:var(--color-indigo-80)}.bg-indigo-90{background-color:var(--color-indigo-90)}.text-indigo-90{color:var(--color-indigo-90)}.bg-indigo{background-color:var(--color-indigo-100)}.text-indigo{color:var(--color-indigo-100)}.hover\:bg-indigo-10:hover{background-color:var(--color-indigo-10)}.hover\:text-indigo-10:hover{color:var(--color-indigo-10)}.hover\:bg-indigo-20:hover{background-color:var(--color-indigo-20)}.hover\:text-indigo-20:hover{color:var(--color-indigo-20)}.hover\:bg-indigo-30:hover{background-color:var(--color-indigo-30)}.hover\:text-indigo-30:hover{color:var(--color-indigo-30)}.hover\:bg-indigo-40:hover{background-color:var(--color-indigo-40)}.hover\:text-indigo-40:hover{color:var(--color-indigo-40)}.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\:text-indigo-50:hover{color:var(--color-indigo-50)}.hover\:bg-indigo-60:hover{background-color:var(--color-indigo-60)}.hover\:text-indigo-60:hover{color:var(--color-indigo-60)}.hover\:bg-indigo-70:hover{background-color:var(--color-indigo-70)}.hover\:text-indigo-70:hover{color:var(--color-indigo-70)}.hover\:bg-indigo-80:hover{background-color:var(--color-indigo-80)}.hover\:text-indigo-80:hover{color:var(--color-indigo-80)}.hover\:bg-indigo-90:hover{background-color:var(--color-indigo-90)}.hover\:text-indigo-90:hover{color:var(--color-indigo-90)}.hover\:bg-indigo:hover{background-color:var(--color-indigo-100)}.hover\:text-indigo:hover{color:var(--color-indigo-100)}.focus\:bg-indigo-10:focus{background-color:var(--color-indigo-10)}.focus\:text-indigo-10:focus{color:var(--color-indigo-10)}.focus\:bg-indigo-20:focus{background-color:var(--color-indigo-20)}.focus\:text-indigo-20:focus{color:var(--color-indigo-20)}.focus\:bg-indigo-30:focus{background-color:var(--color-indigo-30)}.focus\:text-indigo-30:focus{color:var(--color-indigo-30)}.focus\:bg-indigo-40:focus{background-color:var(--color-indigo-40)}.focus\:text-indigo-40:focus{color:var(--color-indigo-40)}.focus\:bg-indigo-50:focus{background-color:var(--color-indigo-50)}.focus\:text-indigo-50:focus{color:var(--color-indigo-50)}.focus\:bg-indigo-60:focus{background-color:var(--color-indigo-60)}.focus\:text-indigo-60:focus{color:var(--color-indigo-60)}.focus\:bg-indigo-70:focus{background-color:var(--color-indigo-70)}.focus\:text-indigo-70:focus{color:var(--color-indigo-70)}.focus\:bg-indigo-80:focus{background-color:var(--color-indigo-80)}.focus\:text-indigo-80:focus{color:var(--color-indigo-80)}.focus\:bg-indigo-90:focus{background-color:var(--color-indigo-90)}.focus\:text-indigo-90:focus{color:var(--color-indigo-90)}.focus\:bg-indigo:focus{background-color:var(--color-indigo-100)}.focus\:text-indigo:focus{color:var(--color-indigo-100)}.bg-lime-10{background-color:var(--color-lime-10)}.text-lime-10{color:var(--color-lime-10)}.bg-lime-20{background-color:var(--color-lime-20)}.text-lime-20{color:var(--color-lime-20)}.bg-lime-30{background-color:var(--color-lime-30)}.text-lime-30{color:var(--color-lime-30)}.bg-lime-40{background-color:var(--color-lime-40)}.text-lime-40{color:var(--color-lime-40)}.bg-lime-50{background-color:var(--color-lime-50)}.text-lime-50{color:var(--color-lime-50)}.bg-lime-60{background-color:var(--color-lime-60)}.text-lime-60{color:var(--color-lime-60)}.bg-lime-70{background-color:var(--color-lime-70)}.text-lime-70{color:var(--color-lime-70)}.bg-lime-80{background-color:var(--color-lime-80)}.text-lime-80{color:var(--color-lime-80)}.bg-lime-90{background-color:var(--color-lime-90)}.text-lime-90{color:var(--color-lime-90)}.bg-lime{background-color:var(--color-lime-100)}.text-lime{color:var(--color-lime-100)}.hover\:bg-lime-10:hover{background-color:var(--color-lime-10)}.hover\:text-lime-10:hover{color:var(--color-lime-10)}.hover\:bg-lime-20:hover{background-color:var(--color-lime-20)}.hover\:text-lime-20:hover{color:var(--color-lime-20)}.hover\:bg-lime-30:hover{background-color:var(--color-lime-30)}.hover\:text-lime-30:hover{color:var(--color-lime-30)}.hover\:bg-lime-40:hover{background-color:var(--color-lime-40)}.hover\:text-lime-40:hover{color:var(--color-lime-40)}.hover\:bg-lime-50:hover{background-color:var(--color-lime-50)}.hover\:text-lime-50:hover{color:var(--color-lime-50)}.hover\:bg-lime-60:hover{background-color:var(--color-lime-60)}.hover\:text-lime-60:hover{color:var(--color-lime-60)}.hover\:bg-lime-70:hover{background-color:var(--color-lime-70)}.hover\:text-lime-70:hover{color:var(--color-lime-70)}.hover\:bg-lime-80:hover{background-color:var(--color-lime-80)}.hover\:text-lime-80:hover{color:var(--color-lime-80)}.hover\:bg-lime-90:hover{background-color:var(--color-lime-90)}.hover\:text-lime-90:hover{color:var(--color-lime-90)}.hover\:bg-lime:hover{background-color:var(--color-lime-100)}.hover\:text-lime:hover{color:var(--color-lime-100)}.focus\:bg-lime-10:focus{background-color:var(--color-lime-10)}.focus\:text-lime-10:focus{color:var(--color-lime-10)}.focus\:bg-lime-20:focus{background-color:var(--color-lime-20)}.focus\:text-lime-20:focus{color:var(--color-lime-20)}.focus\:bg-lime-30:focus{background-color:var(--color-lime-30)}.focus\:text-lime-30:focus{color:var(--color-lime-30)}.focus\:bg-lime-40:focus{background-color:var(--color-lime-40)}.focus\:text-lime-40:focus{color:var(--color-lime-40)}.focus\:bg-lime-50:focus{background-color:var(--color-lime-50)}.focus\:text-lime-50:focus{color:var(--color-lime-50)}.focus\:bg-lime-60:focus{background-color:var(--color-lime-60)}.focus\:text-lime-60:focus{color:var(--color-lime-60)}.focus\:bg-lime-70:focus{background-color:var(--color-lime-70)}.focus\:text-lime-70:focus{color:var(--color-lime-70)}.focus\:bg-lime-80:focus{background-color:var(--color-lime-80)}.focus\:text-lime-80:focus{color:var(--color-lime-80)}.focus\:bg-lime-90:focus{background-color:var(--color-lime-90)}.focus\:text-lime-90:focus{color:var(--color-lime-90)}.focus\:bg-lime:focus{background-color:var(--color-lime-100)}.focus\:text-lime:focus{color:var(--color-lime-100)}.bg-green-10{background-color:var(--color-green-10)}.text-green-10{color:var(--color-green-10)}.bg-green-20{background-color:var(--color-green-20)}.text-green-20{color:var(--color-green-20)}.bg-green-30{background-color:var(--color-green-30)}.text-green-30{color:var(--color-green-30)}.bg-green-40{background-color:var(--color-green-40)}.text-green-40{color:var(--color-green-40)}.bg-green-50{background-color:var(--color-green-50)}.text-green-50{color:var(--color-green-50)}.bg-green-60{background-color:var(--color-green-60)}.text-green-60{color:var(--color-green-60)}.bg-green-70{background-color:var(--color-green-70)}.text-green-70{color:var(--color-green-70)}.bg-green-80{background-color:var(--color-green-80)}.text-green-80{color:var(--color-green-80)}.bg-green-90{background-color:var(--color-green-90)}.text-green-90{color:var(--color-green-90)}.bg-green{background-color:var(--color-green-100)}.text-green{color:var(--color-green-100)}.hover\:bg-green-10:hover{background-color:var(--color-green-10)}.hover\:text-green-10:hover{color:var(--color-green-10)}.hover\:bg-green-20:hover{background-color:var(--color-green-20)}.hover\:text-green-20:hover{color:var(--color-green-20)}.hover\:bg-green-30:hover{background-color:var(--color-green-30)}.hover\:text-green-30:hover{color:var(--color-green-30)}.hover\:bg-green-40:hover{background-color:var(--color-green-40)}.hover\:text-green-40:hover{color:var(--color-green-40)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:text-green-50:hover{color:var(--color-green-50)}.hover\:bg-green-60:hover{background-color:var(--color-green-60)}.hover\:text-green-60:hover{color:var(--color-green-60)}.hover\:bg-green-70:hover{background-color:var(--color-green-70)}.hover\:text-green-70:hover{color:var(--color-green-70)}.hover\:bg-green-80:hover{background-color:var(--color-green-80)}.hover\:text-green-80:hover{color:var(--color-green-80)}.hover\:bg-green-90:hover{background-color:var(--color-green-90)}.hover\:text-green-90:hover{color:var(--color-green-90)}.hover\:bg-green:hover{background-color:var(--color-green-100)}.hover\:text-green:hover{color:var(--color-green-100)}.focus\:bg-green-10:focus{background-color:var(--color-green-10)}.focus\:text-green-10:focus{color:var(--color-green-10)}.focus\:bg-green-20:focus{background-color:var(--color-green-20)}.focus\:text-green-20:focus{color:var(--color-green-20)}.focus\:bg-green-30:focus{background-color:var(--color-green-30)}.focus\:text-green-30:focus{color:var(--color-green-30)}.focus\:bg-green-40:focus{background-color:var(--color-green-40)}.focus\:text-green-40:focus{color:var(--color-green-40)}.focus\:bg-green-50:focus{background-color:var(--color-green-50)}.focus\:text-green-50:focus{color:var(--color-green-50)}.focus\:bg-green-60:focus{background-color:var(--color-green-60)}.focus\:text-green-60:focus{color:var(--color-green-60)}.focus\:bg-green-70:focus{background-color:var(--color-green-70)}.focus\:text-green-70:focus{color:var(--color-green-70)}.focus\:bg-green-80:focus{background-color:var(--color-green-80)}.focus\:text-green-80:focus{color:var(--color-green-80)}.focus\:bg-green-90:focus{background-color:var(--color-green-90)}.focus\:text-green-90:focus{color:var(--color-green-90)}.focus\:bg-green:focus{background-color:var(--color-green-100)}.focus\:text-green:focus{color:var(--color-green-100)}.bg-teal-10{background-color:var(--color-teal-10)}.text-teal-10{color:var(--color-teal-10)}.bg-teal-20{background-color:var(--color-teal-20)}.text-teal-20{color:var(--color-teal-20)}.bg-teal-30{background-color:var(--color-teal-30)}.text-teal-30{color:var(--color-teal-30)}.bg-teal-40{background-color:var(--color-teal-40)}.text-teal-40{color:var(--color-teal-40)}.bg-teal-50{background-color:var(--color-teal-50)}.text-teal-50{color:var(--color-teal-50)}.bg-teal-60{background-color:var(--color-teal-60)}.text-teal-60{color:var(--color-teal-60)}.bg-teal-70{background-color:var(--color-teal-70)}.text-teal-70{color:var(--color-teal-70)}.bg-teal-80{background-color:var(--color-teal-80)}.text-teal-80{color:var(--color-teal-80)}.bg-teal-90{background-color:var(--color-teal-90)}.text-teal-90{color:var(--color-teal-90)}.bg-teal{background-color:var(--color-teal-100)}.text-teal{color:var(--color-teal-100)}.hover\:bg-teal-10:hover{background-color:var(--color-teal-10)}.hover\:text-teal-10:hover{color:var(--color-teal-10)}.hover\:bg-teal-20:hover{background-color:var(--color-teal-20)}.hover\:text-teal-20:hover{color:var(--color-teal-20)}.hover\:bg-teal-30:hover{background-color:var(--color-teal-30)}.hover\:text-teal-30:hover{color:var(--color-teal-30)}.hover\:bg-teal-40:hover{background-color:var(--color-teal-40)}.hover\:text-teal-40:hover{color:var(--color-teal-40)}.hover\:bg-teal-50:hover{background-color:var(--color-teal-50)}.hover\:text-teal-50:hover{color:var(--color-teal-50)}.hover\:bg-teal-60:hover{background-color:var(--color-teal-60)}.hover\:text-teal-60:hover{color:var(--color-teal-60)}.hover\:bg-teal-70:hover{background-color:var(--color-teal-70)}.hover\:text-teal-70:hover{color:var(--color-teal-70)}.hover\:bg-teal-80:hover{background-color:var(--color-teal-80)}.hover\:text-teal-80:hover{color:var(--color-teal-80)}.hover\:bg-teal-90:hover{background-color:var(--color-teal-90)}.hover\:text-teal-90:hover{color:var(--color-teal-90)}.hover\:bg-teal:hover{background-color:var(--color-teal-100)}.hover\:text-teal:hover{color:var(--color-teal-100)}.focus\:bg-teal-10:focus{background-color:var(--color-teal-10)}.focus\:text-teal-10:focus{color:var(--color-teal-10)}.focus\:bg-teal-20:focus{background-color:var(--color-teal-20)}.focus\:text-teal-20:focus{color:var(--color-teal-20)}.focus\:bg-teal-30:focus{background-color:var(--color-teal-30)}.focus\:text-teal-30:focus{color:var(--color-teal-30)}.focus\:bg-teal-40:focus{background-color:var(--color-teal-40)}.focus\:text-teal-40:focus{color:var(--color-teal-40)}.focus\:bg-teal-50:focus{background-color:var(--color-teal-50)}.focus\:text-teal-50:focus{color:var(--color-teal-50)}.focus\:bg-teal-60:focus{background-color:var(--color-teal-60)}.focus\:text-teal-60:focus{color:var(--color-teal-60)}.focus\:bg-teal-70:focus{background-color:var(--color-teal-70)}.focus\:text-teal-70:focus{color:var(--color-teal-70)}.focus\:bg-teal-80:focus{background-color:var(--color-teal-80)}.focus\:text-teal-80:focus{color:var(--color-teal-80)}.focus\:bg-teal-90:focus{background-color:var(--color-teal-90)}.focus\:text-teal-90:focus{color:var(--color-teal-90)}.focus\:bg-teal:focus{background-color:var(--color-teal-100)}.focus\:text-teal:focus{color:var(--color-teal-100)}.bg-cyan-10{background-color:var(--color-cyan-10)}.text-cyan-10{color:var(--color-cyan-10)}.bg-cyan-20{background-color:var(--color-cyan-20)}.text-cyan-20{color:var(--color-cyan-20)}.bg-cyan-30{background-color:var(--color-cyan-30)}.text-cyan-30{color:var(--color-cyan-30)}.bg-cyan-40{background-color:var(--color-cyan-40)}.text-cyan-40{color:var(--color-cyan-40)}.bg-cyan-50{background-color:var(--color-cyan-50)}.text-cyan-50{color:var(--color-cyan-50)}.bg-cyan-60{background-color:var(--color-cyan-60)}.text-cyan-60{color:var(--color-cyan-60)}.bg-cyan-70{background-color:var(--color-cyan-70)}.text-cyan-70{color:var(--color-cyan-70)}.bg-cyan-80{background-color:var(--color-cyan-80)}.text-cyan-80{color:var(--color-cyan-80)}.bg-cyan-90{background-color:var(--color-cyan-90)}.text-cyan-90{color:var(--color-cyan-90)}.bg-cyan{background-color:var(--color-cyan-100)}.text-cyan{color:var(--color-cyan-100)}.hover\:bg-cyan-10:hover{background-color:var(--color-cyan-10)}.hover\:text-cyan-10:hover{color:var(--color-cyan-10)}.hover\:bg-cyan-20:hover{background-color:var(--color-cyan-20)}.hover\:text-cyan-20:hover{color:var(--color-cyan-20)}.hover\:bg-cyan-30:hover{background-color:var(--color-cyan-30)}.hover\:text-cyan-30:hover{color:var(--color-cyan-30)}.hover\:bg-cyan-40:hover{background-color:var(--color-cyan-40)}.hover\:text-cyan-40:hover{color:var(--color-cyan-40)}.hover\:bg-cyan-50:hover{background-color:var(--color-cyan-50)}.hover\:text-cyan-50:hover{color:var(--color-cyan-50)}.hover\:bg-cyan-60:hover{background-color:var(--color-cyan-60)}.hover\:text-cyan-60:hover{color:var(--color-cyan-60)}.hover\:bg-cyan-70:hover{background-color:var(--color-cyan-70)}.hover\:text-cyan-70:hover{color:var(--color-cyan-70)}.hover\:bg-cyan-80:hover{background-color:var(--color-cyan-80)}.hover\:text-cyan-80:hover{color:var(--color-cyan-80)}.hover\:bg-cyan-90:hover{background-color:var(--color-cyan-90)}.hover\:text-cyan-90:hover{color:var(--color-cyan-90)}.hover\:bg-cyan:hover{background-color:var(--color-cyan-100)}.hover\:text-cyan:hover{color:var(--color-cyan-100)}.focus\:bg-cyan-10:focus{background-color:var(--color-cyan-10)}.focus\:text-cyan-10:focus{color:var(--color-cyan-10)}.focus\:bg-cyan-20:focus{background-color:var(--color-cyan-20)}.focus\:text-cyan-20:focus{color:var(--color-cyan-20)}.focus\:bg-cyan-30:focus{background-color:var(--color-cyan-30)}.focus\:text-cyan-30:focus{color:var(--color-cyan-30)}.focus\:bg-cyan-40:focus{background-color:var(--color-cyan-40)}.focus\:text-cyan-40:focus{color:var(--color-cyan-40)}.focus\:bg-cyan-50:focus{background-color:var(--color-cyan-50)}.focus\:text-cyan-50:focus{color:var(--color-cyan-50)}.focus\:bg-cyan-60:focus{background-color:var(--color-cyan-60)}.focus\:text-cyan-60:focus{color:var(--color-cyan-60)}.focus\:bg-cyan-70:focus{background-color:var(--color-cyan-70)}.focus\:text-cyan-70:focus{color:var(--color-cyan-70)}.focus\:bg-cyan-80:focus{background-color:var(--color-cyan-80)}.focus\:text-cyan-80:focus{color:var(--color-cyan-80)}.focus\:bg-cyan-90:focus{background-color:var(--color-cyan-90)}.focus\:text-cyan-90:focus{color:var(--color-cyan-90)}.focus\:bg-cyan:focus{background-color:var(--color-cyan-100)}.focus\:text-cyan:focus{color:var(--color-cyan-100)}.bg-blue-10{background-color:var(--color-blue-10)}.text-blue-10{color:var(--color-blue-10)}.bg-blue-20{background-color:var(--color-blue-20)}.text-blue-20{color:var(--color-blue-20)}.bg-blue-30{background-color:var(--color-blue-30)}.text-blue-30{color:var(--color-blue-30)}.bg-blue-40{background-color:var(--color-blue-40)}.text-blue-40{color:var(--color-blue-40)}.bg-blue-50{background-color:var(--color-blue-50)}.text-blue-50{color:var(--color-blue-50)}.bg-blue-60{background-color:var(--color-blue-60)}.text-blue-60{color:var(--color-blue-60)}.bg-blue-70{background-color:var(--color-blue-70)}.text-blue-70{color:var(--color-blue-70)}.bg-blue-80{background-color:var(--color-blue-80)}.text-blue-80{color:var(--color-blue-80)}.bg-blue-90{background-color:var(--color-blue-90)}.text-blue-90{color:var(--color-blue-90)}.bg-blue{background-color:var(--color-blue-100)}.text-blue{color:var(--color-blue-100)}.hover\:bg-blue-10:hover{background-color:var(--color-blue-10)}.hover\:text-blue-10:hover{color:var(--color-blue-10)}.hover\:bg-blue-20:hover{background-color:var(--color-blue-20)}.hover\:text-blue-20:hover{color:var(--color-blue-20)}.hover\:bg-blue-30:hover{background-color:var(--color-blue-30)}.hover\:text-blue-30:hover{color:var(--color-blue-30)}.hover\:bg-blue-40:hover{background-color:var(--color-blue-40)}.hover\:text-blue-40:hover{color:var(--color-blue-40)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:text-blue-50:hover{color:var(--color-blue-50)}.hover\:bg-blue-60:hover{background-color:var(--color-blue-60)}.hover\:text-blue-60:hover{color:var(--color-blue-60)}.hover\:bg-blue-70:hover{background-color:var(--color-blue-70)}.hover\:text-blue-70:hover{color:var(--color-blue-70)}.hover\:bg-blue-80:hover{background-color:var(--color-blue-80)}.hover\:text-blue-80:hover{color:var(--color-blue-80)}.hover\:bg-blue-90:hover{background-color:var(--color-blue-90)}.hover\:text-blue-90:hover{color:var(--color-blue-90)}.hover\:bg-blue:hover{background-color:var(--color-blue-100)}.hover\:text-blue:hover{color:var(--color-blue-100)}.focus\:bg-blue-10:focus{background-color:var(--color-blue-10)}.focus\:text-blue-10:focus{color:var(--color-blue-10)}.focus\:bg-blue-20:focus{background-color:var(--color-blue-20)}.focus\:text-blue-20:focus{color:var(--color-blue-20)}.focus\:bg-blue-30:focus{background-color:var(--color-blue-30)}.focus\:text-blue-30:focus{color:var(--color-blue-30)}.focus\:bg-blue-40:focus{background-color:var(--color-blue-40)}.focus\:text-blue-40:focus{color:var(--color-blue-40)}.focus\:bg-blue-50:focus{background-color:var(--color-blue-50)}.focus\:text-blue-50:focus{color:var(--color-blue-50)}.focus\:bg-blue-60:focus{background-color:var(--color-blue-60)}.focus\:text-blue-60:focus{color:var(--color-blue-60)}.focus\:bg-blue-70:focus{background-color:var(--color-blue-70)}.focus\:text-blue-70:focus{color:var(--color-blue-70)}.focus\:bg-blue-80:focus{background-color:var(--color-blue-80)}.focus\:text-blue-80:focus{color:var(--color-blue-80)}.focus\:bg-blue-90:focus{background-color:var(--color-blue-90)}.focus\:text-blue-90:focus{color:var(--color-blue-90)}.focus\:bg-blue:focus{background-color:var(--color-blue-100)}.focus\:text-blue:focus{color:var(--color-blue-100)}.bg-brown-10{background-color:var(--color-brown-10)}.text-brown-10{color:var(--color-brown-10)}.bg-brown-20{background-color:var(--color-brown-20)}.text-brown-20{color:var(--color-brown-20)}.bg-brown-30{background-color:var(--color-brown-30)}.text-brown-30{color:var(--color-brown-30)}.bg-brown-40{background-color:var(--color-brown-40)}.text-brown-40{color:var(--color-brown-40)}.bg-brown-50{background-color:var(--color-brown-50)}.text-brown-50{color:var(--color-brown-50)}.bg-brown-60{background-color:var(--color-brown-60)}.text-brown-60{color:var(--color-brown-60)}.bg-brown-70{background-color:var(--color-brown-70)}.text-brown-70{color:var(--color-brown-70)}.bg-brown-80{background-color:var(--color-brown-80)}.text-brown-80{color:var(--color-brown-80)}.bg-brown-90{background-color:var(--color-brown-90)}.text-brown-90{color:var(--color-brown-90)}.bg-brown{background-color:var(--color-brown-100)}.text-brown{color:var(--color-brown-100)}.hover\:bg-brown-10:hover{background-color:var(--color-brown-10)}.hover\:text-brown-10:hover{color:var(--color-brown-10)}.hover\:bg-brown-20:hover{background-color:var(--color-brown-20)}.hover\:text-brown-20:hover{color:var(--color-brown-20)}.hover\:bg-brown-30:hover{background-color:var(--color-brown-30)}.hover\:text-brown-30:hover{color:var(--color-brown-30)}.hover\:bg-brown-40:hover{background-color:var(--color-brown-40)}.hover\:text-brown-40:hover{color:var(--color-brown-40)}.hover\:bg-brown-50:hover{background-color:var(--color-brown-50)}.hover\:text-brown-50:hover{color:var(--color-brown-50)}.hover\:bg-brown-60:hover{background-color:var(--color-brown-60)}.hover\:text-brown-60:hover{color:var(--color-brown-60)}.hover\:bg-brown-70:hover{background-color:var(--color-brown-70)}.hover\:text-brown-70:hover{color:var(--color-brown-70)}.hover\:bg-brown-80:hover{background-color:var(--color-brown-80)}.hover\:text-brown-80:hover{color:var(--color-brown-80)}.hover\:bg-brown-90:hover{background-color:var(--color-brown-90)}.hover\:text-brown-90:hover{color:var(--color-brown-90)}.hover\:bg-brown:hover{background-color:var(--color-brown-100)}.hover\:text-brown:hover{color:var(--color-brown-100)}.focus\:bg-brown-10:focus{background-color:var(--color-brown-10)}.focus\:text-brown-10:focus{color:var(--color-brown-10)}.focus\:bg-brown-20:focus{background-color:var(--color-brown-20)}.focus\:text-brown-20:focus{color:var(--color-brown-20)}.focus\:bg-brown-30:focus{background-color:var(--color-brown-30)}.focus\:text-brown-30:focus{color:var(--color-brown-30)}.focus\:bg-brown-40:focus{background-color:var(--color-brown-40)}.focus\:text-brown-40:focus{color:var(--color-brown-40)}.focus\:bg-brown-50:focus{background-color:var(--color-brown-50)}.focus\:text-brown-50:focus{color:var(--color-brown-50)}.focus\:bg-brown-60:focus{background-color:var(--color-brown-60)}.focus\:text-brown-60:focus{color:var(--color-brown-60)}.focus\:bg-brown-70:focus{background-color:var(--color-brown-70)}.focus\:text-brown-70:focus{color:var(--color-brown-70)}.focus\:bg-brown-80:focus{background-color:var(--color-brown-80)}.focus\:text-brown-80:focus{color:var(--color-brown-80)}.focus\:bg-brown-90:focus{background-color:var(--color-brown-90)}.focus\:text-brown-90:focus{color:var(--color-brown-90)}.focus\:bg-brown:focus{background-color:var(--color-brown-100)}.focus\:text-brown:focus{color:var(--color-brown-100)}.bg-white{background-color:var(--color-white-100)}.text-white{color:var(--color-white-100)}.bg-gray-2{background-color:var(--color-gray-2)}.text-gray-2{color:var(--color-gray-2)}.bg-gray-10{background-color:var(--color-gray-10)}.text-gray-10{color:var(--color-gray-10)}.bg-gray-20{background-color:var(--color-gray-20)}.text-gray-20{color:var(--color-gray-20)}.bg-gray-30{background-color:var(--color-gray-30)}.text-gray-30{color:var(--color-gray-30)}.bg-gray-40{background-color:var(--color-gray-40)}.text-gray-40{color:var(--color-gray-40)}.bg-gray-50{background-color:var(--color-gray-50)}.text-gray-50{color:var(--color-gray-50)}.bg-gray-60{background-color:var(--color-gray-60)}.text-gray-60{color:var(--color-gray-60)}.bg-gray-70{background-color:var(--color-gray-70)}.text-gray-70{color:var(--color-gray-70)}.bg-gray-80{background-color:var(--color-gray-80)}.text-gray-80{color:var(--color-gray-80)}.bg-gray-90{background-color:var(--color-gray-90)}.text-gray-90{color:var(--color-gray-90)}.bg-gray-95{background-color:var(--color-gray-95)}.text-gray-95{color:var(--color-gray-95)}.bg-gray{background-color:var(--color-gray-100)}.text-gray{color:var(--color-gray-100)}.hover\:bg-gray-2:hover{background-color:var(--color-gray-2)}.hover\:text-gray-2:hover{color:var(--color-gray-2)}.hover\:bg-gray-10:hover{background-color:var(--color-gray-10)}.hover\:text-gray-10:hover{color:var(--color-gray-10)}.hover\:bg-gray-20:hover{background-color:var(--color-gray-20)}.hover\:text-gray-20:hover{color:var(--color-gray-20)}.hover\:bg-gray-30:hover{background-color:var(--color-gray-30)}.hover\:text-gray-30:hover{color:var(--color-gray-30)}.hover\:bg-gray-40:hover{background-color:var(--color-gray-40)}.hover\:text-gray-40:hover{color:var(--color-gray-40)}.hover\:text-gray-50:hover{color:var(--color-gray-50)}.hover\:bg-gray-60:hover{background-color:var(--color-gray-60)}.hover\:text-gray-60:hover{color:var(--color-gray-60)}.hover\:bg-gray-70:hover{background-color:var(--color-gray-70)}.hover\:text-gray-70:hover{color:var(--color-gray-70)}.hover\:bg-gray-80:hover{background-color:var(--color-gray-80)}.hover\:text-gray-80:hover{color:var(--color-gray-80)}.hover\:bg-gray-90:hover{background-color:var(--color-gray-90)}.hover\:text-gray-90:hover{color:var(--color-gray-90)}.hover\:bg-gray-95:hover{background-color:var(--color-gray-95)}.hover\:text-gray-95:hover{color:var(--color-gray-95)}.hover\:bg-gray:hover{background-color:var(--color-gray-100)}.hover\:text-gray:hover{color:var(--color-gray-100)}.focus\:bg-gray-2:focus{background-color:var(--color-gray-2)}.focus\:text-gray-2:focus{color:var(--color-gray-2)}.focus\:bg-gray-10:focus{background-color:var(--color-gray-10)}.focus\:text-gray-10:focus{color:var(--color-gray-10)}.focus\:bg-gray-20:focus{background-color:var(--color-gray-20)}.focus\:text-gray-20:focus{color:var(--color-gray-20)}.focus\:bg-gray-30:focus{background-color:var(--color-gray-30)}.focus\:text-gray-30:focus{color:var(--color-gray-30)}.focus\:bg-gray-40:focus{background-color:var(--color-gray-40)}.focus\:text-gray-40:focus{color:var(--color-gray-40)}.focus\:text-gray-50:focus{color:var(--color-gray-50)}.focus\:bg-gray-60:focus{background-color:var(--color-gray-60)}.focus\:text-gray-60:focus{color:var(--color-gray-60)}.focus\:bg-gray-70:focus{background-color:var(--color-gray-70)}.focus\:text-gray-70:focus{color:var(--color-gray-70)}.focus\:bg-gray-80:focus{background-color:var(--color-gray-80)}.focus\:text-gray-80:focus{color:var(--color-gray-80)}.focus\:bg-gray-90:focus{background-color:var(--color-gray-90)}.focus\:text-gray-90:focus{color:var(--color-gray-90)}.focus\:bg-gray-95:focus{background-color:var(--color-gray-95)}.focus\:text-gray-95:focus{color:var(--color-gray-95)}.focus\:bg-gray:focus{background-color:var(--color-gray-100)}.focus\:text-gray:focus{color:var(--color-gray-100)}.bg-black{background-color:var(--color-black-100)}.text-black{color:var(--color-black-100)}.hover\:bg-black:hover{background-color:var(--color-black-100)}.hover\:text-black:hover{color:var(--color-black-100)}.focus\:bg-black:focus{background-color:var(--color-black-100)}.focus\:text-black:focus{color:var(--color-black-100)}.font-serif{font-family:Times,Times New Roman,Georgia,serif}.font-sansserif{font-family:Verdana,Arial,Helvetica,sans-serif}.font-monospace{font-family:Lucida Console,Courier,monospace}.font-0\.8{font-size:.875rem}.font-1{font-size:1rem}.font-1\.1{font-size:1.125rem}.font-1\.2{font-size:1.25rem}.font-1\.5{font-size:1.5rem}.font-1\.8{font-size:1.875rem}.font-2{font-size:2rem}.font-2\.5{font-size:2.5rem}.font-3{font-size:3rem}.font-4{font-size:4rem}.font-5{font-size:5rem}.font-6{font-size:6rem}.font-normal{font-style:normal}.font-italic{font-style:italic}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.letterspacing-1{letter-spacing:-.025em}.letterspacing-2{letter-spacing:-.05em}.letterspacing-3{letter-spacing:-.075em}.letterspacing-normal{letter-spacing:0}.lineheight-1{line-height:1rem}.lineheight-1\.2{line-height:1.25rem}.lineheight-1\.5{line-height:1.5rem}.lineheight-1\.7{line-height:1.75rem}.lineheight-2{line-height:2rem}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.text-start{text-align:start}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.normalcase{text-transform:none}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.vertical-baseline{vertical-align:baseline}.vertical-top{vertical-align:top}.vertical-middle{vertical-align:middle}.vertical-bottom{vertical-align:bottom}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-prewrap{white-space:pre-wrap}.break-normal{word-break:normal}.break-word{word-break:break-word}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.line-clamp-1,.line-clamp-2,.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wrap-break-word{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.hyphens-auto{hyphens:auto}.lineheight-none{line-height:1}.lineheight-tight{line-height:1.25}.lineheight-snug{line-height:1.375}.lineheight-relaxed{line-height:1.625}.lineheight-loose{line-height:2}.lineheight-normal{line-height:normal}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mh-auto{margin-left:auto;margin-right:auto}.mv-auto{margin-top:auto;margin-bottom:auto}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mh-0{margin-left:0;margin-right:0}.mv-0{margin-top:0;margin-bottom:0}.m-px{margin:1px}.mt-px{margin-top:1px}.mr-px{margin-right:1px}.mb-px{margin-bottom:1px}.ml-px{margin-left:1px}.mh-px{margin-left:1px;margin-right:1px}.mv-px{margin-top:1px;margin-bottom:1px}.m-0\.5{margin:.5rem}.mt-0\.5{margin-top:.5rem}.mr-0\.5{margin-right:.5rem}.mb-0\.5{margin-bottom:.5rem}.ml-0\.5{margin-left:.5rem}.mh-0\.5{margin-left:.5rem;margin-right:.5rem}.mv-0\.5{margin-top:.5rem;margin-bottom:.5rem}.m-1{margin:1rem}.mt-1{margin-top:1rem}.mr-1{margin-right:1rem}.mb-1{margin-bottom:1rem}.ml-1{margin-left:1rem}.mh-1{margin-left:1rem;margin-right:1rem}.mv-1{margin-top:1rem;margin-bottom:1rem}.m-1\.5{margin:1.5rem}.mt-1\.5{margin-top:1.5rem}.mr-1\.5{margin-right:1.5rem}.mb-1\.5{margin-bottom:1.5rem}.ml-1\.5{margin-left:1.5rem}.mh-1\.5{margin-left:1.5rem;margin-right:1.5rem}.mv-1\.5{margin-top:1.5rem;margin-bottom:1.5rem}.m-2{margin:2rem}.mt-2{margin-top:2rem}.mr-2{margin-right:2rem}.mb-2{margin-bottom:2rem}.ml-2{margin-left:2rem}.mh-2{margin-left:2rem;margin-right:2rem}.mv-2{margin-top:2rem;margin-bottom:2rem}.m-2\.5{margin:2.5rem}.mt-2\.5{margin-top:2.5rem}.mr-2\.5{margin-right:2.5rem}.mb-2\.5{margin-bottom:2.5rem}.ml-2\.5{margin-left:2.5rem}.mh-2\.5{margin-left:2.5rem;margin-right:2.5rem}.mv-2\.5{margin-top:2.5rem;margin-bottom:2.5rem}.m-3{margin:3rem}.mt-3{margin-top:3rem}.mr-3{margin-right:3rem}.mb-3{margin-bottom:3rem}.ml-3{margin-left:3rem}.mh-3{margin-left:3rem;margin-right:3rem}.mv-3{margin-top:3rem;margin-bottom:3rem}.m-4{margin:4rem}.mt-4{margin-top:4rem}.mr-4{margin-right:4rem}.mb-4{margin-bottom:4rem}.ml-4{margin-left:4rem}.mh-4{margin-left:4rem;margin-right:4rem}.mv-4{margin-top:4rem;margin-bottom:4rem}.m-5{margin:5rem}.mt-5{margin-top:5rem}.mr-5{margin-right:5rem}.mb-5{margin-bottom:5rem}.ml-5{margin-left:5rem}.mh-5{margin-left:5rem;margin-right:5rem}.mv-5{margin-top:5rem;margin-bottom:5rem}.m-6{margin:6rem}.mt-6{margin-top:6rem}.mr-6{margin-right:6rem}.mb-6{margin-bottom:6rem}.ml-6{margin-left:6rem}.mh-6{margin-left:6rem;margin-right:6rem}.mv-6{margin-top:6rem;margin-bottom:6rem}.m-7{margin:7rem}.mt-7{margin-top:7rem}.mr-7{margin-right:7rem}.mb-7{margin-bottom:7rem}.ml-7{margin-left:7rem}.mh-7{margin-left:7rem;margin-right:7rem}.mv-7{margin-top:7rem;margin-bottom:7rem}.m-8{margin:8rem}.mt-8{margin-top:8rem}.mr-8{margin-right:8rem}.mb-8{margin-bottom:8rem}.ml-8{margin-left:8rem}.mh-8{margin-left:8rem;margin-right:8rem}.mv-8{margin-top:8rem;margin-bottom:8rem}.m-9{margin:9rem}.mt-9{margin-top:9rem}.mr-9{margin-right:9rem}.mb-9{margin-bottom:9rem}.ml-9{margin-left:9rem}.mh-9{margin-left:9rem;margin-right:9rem}.mv-9{margin-top:9rem;margin-bottom:9rem}.m-10{margin:10rem}.mt-10{margin-top:10rem}.mr-10{margin-right:10rem}.mb-10{margin-bottom:10rem}.ml-10{margin-left:10rem}.mh-10{margin-left:10rem;margin-right:10rem}.mv-10{margin-top:10rem;margin-bottom:10rem}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.ph-0{padding-left:0;padding-right:0}.pv-0{padding-top:0;padding-bottom:0}.p-px{padding:1px}.pt-px{padding-top:1px}.pr-px{padding-right:1px}.pb-px{padding-bottom:1px}.pl-px{padding-left:1px}.ph-px{padding-left:1px;padding-right:1px}.pv-px{padding-top:1px;padding-bottom:1px}.p-0\.5{padding:.5rem}.pt-0\.5{padding-top:.5rem}.pr-0\.5{padding-right:.5rem}.pb-0\.5{padding-bottom:.5rem}.pl-0\.5{padding-left:.5rem}.ph-0\.5{padding-left:.5rem;padding-right:.5rem}.pv-0\.5{padding-top:.5rem;padding-bottom:.5rem}.p-1{padding:1rem}.pt-1{padding-top:1rem}.pr-1{padding-right:1rem}.pb-1{padding-bottom:1rem}.pl-1{padding-left:1rem}.ph-1{padding-left:1rem;padding-right:1rem}.pv-1{padding-top:1rem;padding-bottom:1rem}.p-1\.5{padding:1.5rem}.pt-1\.5{padding-top:1.5rem}.pr-1\.5{padding-right:1.5rem}.pb-1\.5{padding-bottom:1.5rem}.pl-1\.5{padding-left:1.5rem}.ph-1\.5{padding-left:1.5rem;padding-right:1.5rem}.pv-1\.5{padding-top:1.5rem;padding-bottom:1.5rem}.p-2{padding:2rem}.pt-2{padding-top:2rem}.pr-2{padding-right:2rem}.pb-2{padding-bottom:2rem}.pl-2{padding-left:2rem}.ph-2{padding-left:2rem;padding-right:2rem}.pv-2{padding-top:2rem;padding-bottom:2rem}.p-2\.5{padding:2.5rem}.pt-2\.5{padding-top:2.5rem}.pr-2\.5{padding-right:2.5rem}.pb-2\.5{padding-bottom:2.5rem}.pl-2\.5{padding-left:2.5rem}.ph-2\.5{padding-left:2.5rem;padding-right:2.5rem}.pv-2\.5{padding-top:2.5rem;padding-bottom:2.5rem}.p-3{padding:3rem}.pt-3{padding-top:3rem}.pr-3{padding-right:3rem}.pb-3{padding-bottom:3rem}.pl-3{padding-left:3rem}.ph-3{padding-left:3rem;padding-right:3rem}.pv-3{padding-top:3rem;padding-bottom:3rem}.p-4{padding:4rem}.pt-4{padding-top:4rem}.pr-4{padding-right:4rem}.pb-4{padding-bottom:4rem}.pl-4{padding-left:4rem}.ph-4{padding-left:4rem;padding-right:4rem}.pv-4{padding-top:4rem;padding-bottom:4rem}.p-5{padding:5rem}.pt-5{padding-top:5rem}.pr-5{padding-right:5rem}.pb-5{padding-bottom:5rem}.pl-5{padding-left:5rem}.ph-5{padding-left:5rem;padding-right:5rem}.pv-5{padding-top:5rem;padding-bottom:5rem}.p-6{padding:6rem}.pt-6{padding-top:6rem}.pr-6{padding-right:6rem}.pb-6{padding-bottom:6rem}.pl-6{padding-left:6rem}.ph-6{padding-left:6rem;padding-right:6rem}.pv-6{padding-top:6rem;padding-bottom:6rem}.p-7{padding:7rem}.pt-7{padding-top:7rem}.pr-7{padding-right:7rem}.pb-7{padding-bottom:7rem}.pl-7{padding-left:7rem}.ph-7{padding-left:7rem;padding-right:7rem}.pv-7{padding-top:7rem;padding-bottom:7rem}.p-8{padding:8rem}.pt-8{padding-top:8rem}.pr-8{padding-right:8rem}.pb-8{padding-bottom:8rem}.pl-8{padding-left:8rem}.ph-8{padding-left:8rem;padding-right:8rem}.pv-8{padding-top:8rem;padding-bottom:8rem}.p-9{padding:9rem}.pt-9{padding-top:9rem}.pr-9{padding-right:9rem}.pb-9{padding-bottom:9rem}.pl-9{padding-left:9rem}.ph-9{padding-left:9rem;padding-right:9rem}.pv-9{padding-top:9rem;padding-bottom:9rem}.p-10{padding:10rem}.pt-10{padding-top:10rem}.pr-10{padding-right:10rem}.pb-10{padding-bottom:10rem}.pl-10{padding-left:10rem}.ph-10{padding-left:10rem;padding-right:10rem}.pv-10{padding-top:10rem;padding-bottom:10rem}.w-auto{width:auto}.w-0{width:0}.w-px{width:1px}.w-1{width:1rem}.w-2{width:2rem}.w-3{width:3rem}.w-4{width:4rem}.w-5{width:5rem}.w-6{width:6rem}.w-8{width:8rem}.w-10{width:10rem}.w-12{width:12rem}.w-16{width:16rem}.w-20{width:20rem}.w-24{width:24rem}.w-perc-1\/2{width:50%}.w-perc-1\/3{width:33.3333%}.w-perc-2\/3{width:66.6667%}.w-perc-1\/4{width:25%}.w-perc-3\/4{width:75%}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-min{min-width:min-content}.min-w-max{min-width:max-content}.min-w-fit{min-width:fit-content}.min-w-screen{min-width:100vw}.max-w-none{max-width:none}.max-w-full{max-width:100%}.max-w-min{max-width:min-content}.max-w-max{max-width:max-content}.max-w-fit{max-width:fit-content}.max-w-screen{max-width:100vw}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-prose{max-width:65ch}.h-auto{height:auto}.h-0{height:0}.h-px{height:1px}.h-1{height:1rem}.h-2{height:2rem}.h-3{height:3rem}.h-4{height:4rem}.h-5{height:5rem}.h-6{height:6rem}.h-8{height:8rem}.h-10{height:10rem}.h-12{height:12rem}.h-16{height:16rem}.h-20{height:20rem}.h-24{height:24rem}.h-perc-1\/2{height:50%}.h-perc-1\/3{height:33.3333%}.h-perc-2\/3{height:66.6667%}.h-perc-1\/4{height:25%}.h-perc-3\/4{height:75%}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-min{min-height:min-content}.min-h-max{min-height:max-content}.min-h-fit{min-height:fit-content}.max-h-none{max-height:none}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.relative{position:relative}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clear-both{clear:both}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-center{-o-object-position:center;object-position:center}.top-auto{top:auto}.top-0{top:0}.top-1{top:.25rem}.top-2{top:.5rem}.top-4{top:1rem}.top-8{top:2rem}.top-1\/2{top:50%}.top-full{top:100%}.right-auto{right:auto}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.right-8{right:2rem}.right-1\/2{right:50%}.right-full{right:100%}.bottom-auto{bottom:auto}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.bottom-1\/2{bottom:50%}.bottom-full{bottom:100%}.left-auto{left:auto}.left-0{left:0}.left-1{left:.25rem}.left-2{left:.5rem}.left-4{left:1rem}.left-8{left:2rem}.left-1\/2{left:50%}.left-full{left:100%}.order-first{order:-9999}.order-last{order:9999}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.flow-root{display:flow-root}.contents{display:contents}.none{display:none}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.round-none{border-radius:0}.round-full{border-radius:9999rem}.round{border-radius:.0625rem}.round-1{border-radius:.125rem}.round-2{border-radius:.25rem}.round-3{border-radius:.375rem}.round-4{border-radius:.5rem}.round-5{border-radius:.625rem}.round-6{border-radius:.75rem}.round-8{border-radius:1rem}.round-10{border-radius:1.5rem}.round-12{border-radius:2rem}.round-t{border-radius:.0625rem .0625rem 0 0}.round-r{border-radius:0 .0625rem .0625rem 0}.round-b{border-radius:0 0 .0625rem .0625rem}.round-l{border-radius:.0625rem 0 0 .0625rem}.round-tl{border-radius:.0625rem 0 0}.round-tr{border-radius:0 .0625rem 0 0}.round-bl{border-radius:0 0 0 .0625rem}.round-br{border-radius:0 0 .0625rem}.border-none{border-width:0}.border{border-width:.0625rem}.border-1{border-width:.125rem}.border-2{border-width:.25rem}.border-4{border-width:.5rem}.border-8{border-width:1rem}.border-t{border-width:.0625rem 0 0}.border-t1{border-width:.125rem 0 0}.border-t2{border-width:.25rem 0 0}.border-t4{border-width:.5rem 0 0}.border-r{border-width:0 .0625rem 0 0}.border-r1{border-width:0 .125rem 0 0}.border-r2{border-width:0 .25rem 0 0}.border-r4{border-width:0 .5rem 0 0}.border-b{border-width:0 0 .0625rem}.border-b1{border-width:0 0 .125rem}.border-b2{border-width:0 0 .25rem}.border-b4{border-width:0 0 .5rem}.border-l{border-width:0 0 0 .0625rem}.border-l1{border-width:0 0 0 .125rem}.border-l2{border-width:0 0 0 .25rem}.border-l4{border-width:0 0 0 .5rem}.divider-h>:not(:last-child){border-top-width:0;border-bottom-width:.0625rem}.divider-v>:not(:last-child){border-inline-width:0 .0625rem}.border-none{border-style:none}.border-transparent{border-color:#0000}.border-current{border-color:currentColor}.border-red-10{border-color:var(--color-red-10)}.border-red-20{border-color:var(--color-red-20)}.border-red-30{border-color:var(--color-red-30)}.border-red-40{border-color:var(--color-red-40)}.border-red-50{border-color:var(--color-red-50)}.border-red-60{border-color:var(--color-red-60)}.border-red-70{border-color:var(--color-red-70)}.border-red-80{border-color:var(--color-red-80)}.border-red-90{border-color:var(--color-red-90)}.border-red-100{border-color:var(--color-red-100)}.border-pink-10{border-color:var(--color-pink-10)}.border-pink-20{border-color:var(--color-pink-20)}.border-pink-30{border-color:var(--color-pink-30)}.border-pink-40{border-color:var(--color-pink-40)}.border-pink-50{border-color:var(--color-pink-50)}.border-pink-60{border-color:var(--color-pink-60)}.border-pink-70{border-color:var(--color-pink-70)}.border-pink-80{border-color:var(--color-pink-80)}.border-pink-90{border-color:var(--color-pink-90)}.border-pink-100{border-color:var(--color-pink-100)}.border-orange-10{border-color:var(--color-orange-10)}.border-orange-20{border-color:var(--color-orange-20)}.border-orange-30{border-color:var(--color-orange-30)}.border-orange-40{border-color:var(--color-orange-40)}.border-orange-50{border-color:var(--color-orange-50)}.border-orange-60{border-color:var(--color-orange-60)}.border-orange-70{border-color:var(--color-orange-70)}.border-orange-80{border-color:var(--color-orange-80)}.border-orange-90{border-color:var(--color-orange-90)}.border-orange-100{border-color:var(--color-orange-100)}.border-yellow-10{border-color:var(--color-yellow-10)}.border-yellow-20{border-color:var(--color-yellow-20)}.border-yellow-30{border-color:var(--color-yellow-30)}.border-yellow-40{border-color:var(--color-yellow-40)}.border-yellow-50{border-color:var(--color-yellow-50)}.border-yellow-60{border-color:var(--color-yellow-60)}.border-yellow-70{border-color:var(--color-yellow-70)}.border-yellow-80{border-color:var(--color-yellow-80)}.border-yellow-90{border-color:var(--color-yellow-90)}.border-yellow-100{border-color:var(--color-yellow-100)}.border-violet-10{border-color:var(--color-violet-10)}.border-violet-20{border-color:var(--color-violet-20)}.border-violet-30{border-color:var(--color-violet-30)}.border-violet-40{border-color:var(--color-violet-40)}.border-violet-50{border-color:var(--color-violet-50)}.border-violet-60{border-color:var(--color-violet-60)}.border-violet-70{border-color:var(--color-violet-70)}.border-violet-80{border-color:var(--color-violet-80)}.border-violet-90{border-color:var(--color-violet-90)}.border-violet-100{border-color:var(--color-violet-100)}.border-magenta-10{border-color:var(--color-magenta-10)}.border-magenta-20{border-color:var(--color-magenta-20)}.border-magenta-30{border-color:var(--color-magenta-30)}.border-magenta-40{border-color:var(--color-magenta-40)}.border-magenta-50{border-color:var(--color-magenta-50)}.border-magenta-60{border-color:var(--color-magenta-60)}.border-magenta-70{border-color:var(--color-magenta-70)}.border-magenta-80{border-color:var(--color-magenta-80)}.border-magenta-90{border-color:var(--color-magenta-90)}.border-magenta-100{border-color:var(--color-magenta-100)}.border-purple-10{border-color:var(--color-purple-10)}.border-purple-20{border-color:var(--color-purple-20)}.border-purple-30{border-color:var(--color-purple-30)}.border-purple-40{border-color:var(--color-purple-40)}.border-purple-50{border-color:var(--color-purple-50)}.border-purple-60{border-color:var(--color-purple-60)}.border-purple-70{border-color:var(--color-purple-70)}.border-purple-80{border-color:var(--color-purple-80)}.border-purple-90{border-color:var(--color-purple-90)}.border-purple-100{border-color:var(--color-purple-100)}.border-indigo-10{border-color:var(--color-indigo-10)}.border-indigo-20{border-color:var(--color-indigo-20)}.border-indigo-30{border-color:var(--color-indigo-30)}.border-indigo-40{border-color:var(--color-indigo-40)}.border-indigo-50{border-color:var(--color-indigo-50)}.border-indigo-60{border-color:var(--color-indigo-60)}.border-indigo-70{border-color:var(--color-indigo-70)}.border-indigo-80{border-color:var(--color-indigo-80)}.border-indigo-90{border-color:var(--color-indigo-90)}.border-indigo-100{border-color:var(--color-indigo-100)}.border-lime-10{border-color:var(--color-lime-10)}.border-lime-20{border-color:var(--color-lime-20)}.border-lime-30{border-color:var(--color-lime-30)}.border-lime-40{border-color:var(--color-lime-40)}.border-lime-50{border-color:var(--color-lime-50)}.border-lime-60{border-color:var(--color-lime-60)}.border-lime-70{border-color:var(--color-lime-70)}.border-lime-80{border-color:var(--color-lime-80)}.border-lime-90{border-color:var(--color-lime-90)}.border-lime-100{border-color:var(--color-lime-100)}.border-green-10{border-color:var(--color-green-10)}.border-green-20{border-color:var(--color-green-20)}.border-green-30{border-color:var(--color-green-30)}.border-green-40{border-color:var(--color-green-40)}.border-green-50{border-color:var(--color-green-50)}.border-green-60{border-color:var(--color-green-60)}.border-green-70{border-color:var(--color-green-70)}.border-green-80{border-color:var(--color-green-80)}.border-green-90{border-color:var(--color-green-90)}.border-green-100{border-color:var(--color-green-100)}.border-teal-10{border-color:var(--color-teal-10)}.border-teal-20{border-color:var(--color-teal-20)}.border-teal-30{border-color:var(--color-teal-30)}.border-teal-40{border-color:var(--color-teal-40)}.border-teal-50{border-color:var(--color-teal-50)}.border-teal-60{border-color:var(--color-teal-60)}.border-teal-70{border-color:var(--color-teal-70)}.border-teal-80{border-color:var(--color-teal-80)}.border-teal-90{border-color:var(--color-teal-90)}.border-teal-100{border-color:var(--color-teal-100)}.border-cyan-10{border-color:var(--color-cyan-10)}.border-cyan-20{border-color:var(--color-cyan-20)}.border-cyan-30{border-color:var(--color-cyan-30)}.border-cyan-40{border-color:var(--color-cyan-40)}.border-cyan-50{border-color:var(--color-cyan-50)}.border-cyan-60{border-color:var(--color-cyan-60)}.border-cyan-70{border-color:var(--color-cyan-70)}.border-cyan-80{border-color:var(--color-cyan-80)}.border-cyan-90{border-color:var(--color-cyan-90)}.border-cyan-100{border-color:var(--color-cyan-100)}.border-blue-10{border-color:var(--color-blue-10)}.border-blue-20{border-color:var(--color-blue-20)}.border-blue-30{border-color:var(--color-blue-30)}.border-blue-40{border-color:var(--color-blue-40)}.border-blue-50{border-color:var(--color-blue-50)}.border-blue-60{border-color:var(--color-blue-60)}.border-blue-70{border-color:var(--color-blue-70)}.border-blue-80{border-color:var(--color-blue-80)}.border-blue-90{border-color:var(--color-blue-90)}.border-blue-100{border-color:var(--color-blue-100)}.border-brown-10{border-color:var(--color-brown-10)}.border-brown-20{border-color:var(--color-brown-20)}.border-brown-30{border-color:var(--color-brown-30)}.border-brown-40{border-color:var(--color-brown-40)}.border-brown-50{border-color:var(--color-brown-50)}.border-brown-60{border-color:var(--color-brown-60)}.border-brown-70{border-color:var(--color-brown-70)}.border-brown-80{border-color:var(--color-brown-80)}.border-brown-90{border-color:var(--color-brown-90)}.border-brown-100{border-color:var(--color-brown-100)}.border-white-100{border-color:var(--color-white-100)}.border-gray-2{border-color:var(--color-gray-2)}.border-gray-10{border-color:var(--color-gray-10)}.border-gray-20{border-color:var(--color-gray-20)}.border-gray-30{border-color:var(--color-gray-30)}.border-gray-40{border-color:var(--color-gray-40)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-60{border-color:var(--color-gray-60)}.border-gray-70{border-color:var(--color-gray-70)}.border-gray-80{border-color:var(--color-gray-80)}.border-gray-90{border-color:var(--color-gray-90)}.border-gray-95{border-color:var(--color-gray-95)}.border-gray-100{border-color:var(--color-gray-100)}.border-black-100{border-color:var(--color-black-100)}.outline-none{outline-width:0;outline-style:none}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.isolate{isolation:isolate}.visible{visibility:visible}.invisible{visibility:hidden}.z-auto{z-index:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.grow{flex-grow:1}.nogrow{flex-grow:0}.shrink{flex-shrink:1}.noshrink{flex-shrink:0}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.grid{display:grid}.inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-span-5{grid-row:span 5/span 5}.row-span-6{grid-row:span 6/span 6}.row-span-full{grid-row:1/-1}.col-start-1{grid-column-start:1}.col-end-1{grid-column-end:1}.col-start-2{grid-column-start:2}.col-end-2{grid-column-end:2}.col-start-3{grid-column-start:3}.col-end-3{grid-column-end:3}.col-start-4{grid-column-start:4}.col-end-4{grid-column-end:4}.col-start-5{grid-column-start:5}.col-end-5{grid-column-end:5}.col-start-6{grid-column-start:6}.col-end-6{grid-column-end:6}.col-start-7{grid-column-start:7}.col-end-7{grid-column-end:7}.col-start-13{grid-column-start:13}.col-end-13{grid-column-end:13}.col-start-auto{grid-column-start:auto}.col-end-auto{grid-column-end:auto}.justify-center{justify-content:center}.justify-start{justify-content:start}.justify-end{justify-content:end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-self-center{justify-self:center}.justify-self-end{justify-self:end}.align-center{align-content:center}.align-start{align-content:start}.align-end{align-content:end}.align-baseline{align-content:baseline}.align-stretch{align-content:stretch}.align-items-stretch{align-items:stretch}.align-items-center{align-items:center}.align-items-start{align-items:start}.align-items-end{align-items:end}.align-items-baseline{align-items:baseline}.align-self-auto{align-self:auto}.align-self-center{align-self:center}.align-self-start{align-self:start}.align-self-end{align-self:end}.align-self-stretch{align-self:stretch}.place-center{place-content:center}.gap-0{gap:0}.gap-px{gap:1px}.gap-0\.5{gap:.5rem}.gap-1{gap:1rem}.gap-1\.5{gap:1.5rem}.gap-2{gap:2rem}.gap-2\.5{gap:2.5rem}.gap-3{gap:3rem}.gap-4{gap:4rem}.gap-5{gap:5rem}.gap-6{gap:6rem}.gap-7{gap:7rem}.gap-8{gap:8rem}.gap-9{gap:9rem}.gap-10{gap:10rem}.gap-x-0{-moz-column-gap:0rem;column-gap:0}.gap-y-0{row-gap:0}.gap-x-px{-moz-column-gap:1px;column-gap:1px}.gap-y-px{row-gap:1px}.gap-x-0\.5{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-0\.5{row-gap:.5rem}.gap-x-1{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:1rem}.gap-x-1\.5{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1\.5{row-gap:1.5rem}.gap-x-2{-moz-column-gap:2rem;column-gap:2rem}.gap-y-2{row-gap:2rem}.gap-x-2\.5{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-y-2\.5{row-gap:2.5rem}.gap-x-3{-moz-column-gap:3rem;column-gap:3rem}.gap-y-3{row-gap:3rem}.gap-x-4{-moz-column-gap:4rem;column-gap:4rem}.gap-y-4{row-gap:4rem}.gap-x-5{-moz-column-gap:5rem;column-gap:5rem}.gap-y-5{row-gap:5rem}.gap-x-6{-moz-column-gap:6rem;column-gap:6rem}.gap-y-6{row-gap:6rem}.gap-x-7{-moz-column-gap:7rem;column-gap:7rem}.gap-y-7{row-gap:7rem}.gap-x-8{-moz-column-gap:8rem;column-gap:8rem}.gap-y-8{row-gap:8rem}.gap-x-9{-moz-column-gap:9rem;column-gap:9rem}.gap-y-9{row-gap:9rem}.gap-x-10{-moz-column-gap:10rem;column-gap:10rem}.gap-y-10{row-gap:10rem}.table{display:table}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 2px 0 light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .08),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .6)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .2))}.shadow{box-shadow:0 1px 3px 0 light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .12),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .65)), 0 1px 2px -1px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .1),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .55)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .2))}.shadow-md{box-shadow:0 4px 6px -1px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .15),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .7)), 0 2px 4px -2px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .12),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .6)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .2))}.shadow-lg{box-shadow:0 10px 15px -3px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .18),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .75)), 0 4px 6px -4px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .14),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .65)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .22)), inset 0 1px 0 0 light-dark(transparent,oklch(from var(--color-white-50) l c h / .14))}.shadow-xl{box-shadow:0 20px 25px -5px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .22),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .8)), 0 8px 10px -6px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .16),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .7)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .22)), inset 0 1px 0 0 light-dark(transparent,oklch(from var(--color-white-50) l c h / .14))}.shadow-2xl{box-shadow:0 25px 50px -12px light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .35),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .9)), 0 0 0 1px light-dark(transparent,oklch(from var(--color-white-50) l c h / .22)), inset 0 1px 0 0 light-dark(transparent,oklch(from var(--color-white-50) l c h / .14))}.shadow-inner{box-shadow:inset 0 2px 4px 0 light-dark(oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .12),oklch(from var(--oc-shadow-color,var(--color-black-50)) l c h / .6))}.transition-none{transition-property:none}.transition-all{transition-property:all}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-shadow{transition-property:box-shadow}.transition-transform{transition-property:transform,translate,scale,rotate}:is(.transition-all,.transition-colors,.transition-opacity,.transition-shadow,.transition-transform){transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-1000{transition-duration:1s}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.container{width:100%;max-width:100%;margin-inline:auto;padding-inline:1rem}@media (width>=43rem){.container{max-width:41rem}}@media (width>=62rem){.container{max-width:60rem}}@media (width>=82rem){.container{max-width:80rem}}.container-normal{container-type:normal}.container-size{container-type:size}.container-inline-size{container-type:inline-size}@container (width>=20rem){.cq-xs\:block{display:block}.cq-xs\:hidden{display:none}.cq-xs\:flex{display:flex}.cq-xs\:grid{display:grid}.cq-xs\:inline-flex{display:inline-flex}.cq-xs\:flex-row{flex-direction:row}.cq-xs\:flex-col{flex-direction:column}.cq-xs\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cq-xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-xs\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cq-xs\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cq-xs\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cq-xs\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (width>=24rem){.cq-sm\:block{display:block}.cq-sm\:hidden{display:none}.cq-sm\:flex{display:flex}.cq-sm\:grid{display:grid}.cq-sm\:inline-flex{display:inline-flex}.cq-sm\:flex-row{flex-direction:row}.cq-sm\:flex-col{flex-direction:column}.cq-sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cq-sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cq-sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cq-sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cq-sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (width>=28rem){.cq-md\:block{display:block}.cq-md\:hidden{display:none}.cq-md\:flex{display:flex}.cq-md\:grid{display:grid}.cq-md\:inline-flex{display:inline-flex}.cq-md\:flex-row{flex-direction:row}.cq-md\:flex-col{flex-direction:column}.cq-md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cq-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cq-md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cq-md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cq-md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (width>=32rem){.cq-lg\:block{display:block}.cq-lg\:hidden{display:none}.cq-lg\:flex{display:flex}.cq-lg\:grid{display:grid}.cq-lg\:inline-flex{display:inline-flex}.cq-lg\:flex-row{flex-direction:row}.cq-lg\:flex-col{flex-direction:column}.cq-lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cq-lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cq-lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cq-lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cq-lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (width>=36rem){.cq-xl\:block{display:block}.cq-xl\:hidden{display:none}.cq-xl\:flex{display:flex}.cq-xl\:grid{display:grid}.cq-xl\:inline-flex{display:inline-flex}.cq-xl\:flex-row{flex-direction:row}.cq-xl\:flex-col{flex-direction:column}.cq-xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cq-xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cq-xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cq-xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cq-xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@page landscape{size:landscape}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hover\:bg-white:hover{background-color:var(--color-white-2)}.hover\:bg-gray-50:hover{background-color:var(--color-snow-50)}.hover\:text-white:hover{color:var(--color-white-2)}.focus\:bg-white:focus{background-color:var(--color-white-2)}.focus\:bg-gray-50:focus{background-color:var(--color-snow-50)}.focus\:text-white:focus{color:var(--color-white-2)}}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$description": "OmniaCSS 0.12.
|
|
2
|
+
"$description": "OmniaCSS 0.12.3 semantic tokens (generated by npx omniacss tokens --format dtcg)",
|
|
3
3
|
"$extensions": {
|
|
4
4
|
"com.birdycom.omniacss": {
|
|
5
|
-
"version": "0.12.
|
|
5
|
+
"version": "0.12.3",
|
|
6
6
|
"modes": [
|
|
7
7
|
"light",
|
|
8
8
|
"dark"
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
# omnia_tokens.py — OmniaCSS 0.12.
|
|
1
|
+
# omnia_tokens.py — OmniaCSS 0.12.3 semantic tokens for non-web apps (Tkinter, Qt, ...).
|
|
2
2
|
# Generated by: npx omniacss tokens --format python (do not edit; regenerate after an OmniaCSS update)
|
|
3
3
|
# Map: OMNIACSS_VERSION -> PALETTES (hex per mode) -> ALPHA -> OKLCH -> SIZES/TEXT -> FONTS -> SHADOWS -> font()
|
|
4
4
|
#
|
|
5
5
|
# Colors are resolved from light-dark(var(--color-...)) and gamut mapped to sRGB the CSS Color 4 way.
|
|
6
6
|
# Tokens with transparency (see ALPHA) are pre-blended over "background" in PALETTES.
|
|
7
7
|
|
|
8
|
-
OMNIACSS_VERSION = "0.12.
|
|
8
|
+
OMNIACSS_VERSION = "0.12.3"
|
|
9
9
|
|
|
10
10
|
PALETTES = {
|
|
11
11
|
"light": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@birdycom/omniacss",
|
|
3
|
-
"version": "0.12.
|
|
3
|
+
"version": "0.12.3",
|
|
4
4
|
"description": "OmniaCSS utilities: modern CSS (anchor positioning, container queries, view transitions, light-dark()) as utility classes, generated on demand.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
package/src/engine.mjs
CHANGED
|
@@ -62,6 +62,21 @@ function requiredClasses(selector) {
|
|
|
62
62
|
return [...stripped.matchAll(CLASS_IN_SELECTOR)].map((m) => unescape(m[1]));
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
+
/**
|
|
66
|
+
* Whether a selector stays. Its own classes must all be used. A selector with no classes of its own but a class list
|
|
67
|
+
* in :is()/:where() (`:is(.scroll-markers-before, .scroll-markers-after)::scroll-marker`) needs one used class in it;
|
|
68
|
+
* without that rule it always stayed, unused.
|
|
69
|
+
*/
|
|
70
|
+
function selectorUsed(sel, used) {
|
|
71
|
+
const own = requiredClasses(sel);
|
|
72
|
+
if (own.length) return own.every(used);
|
|
73
|
+
const lists = [...sel.matchAll(/:(?:is|where)\(((?:[^()]|\([^()]*\))*)\)/g)].map((m) => m[1]);
|
|
74
|
+
return lists.every((list) => {
|
|
75
|
+
const options = postcss.list.comma(list).map(requiredClasses);
|
|
76
|
+
return options.some((classes) => classes.every(used));
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
|
|
65
80
|
/**
|
|
66
81
|
* Generate the used subset of OmniaCSS.
|
|
67
82
|
* @param {string} css full OmniaCSS (with tokens inlined)
|
|
@@ -80,7 +95,7 @@ export function generate(css, candidates, options = {}) {
|
|
|
80
95
|
// 1. Rules: keep selectors whose classes are all used; selectors without classes (:root, html, *) stay.
|
|
81
96
|
root.walkRules((rule) => {
|
|
82
97
|
if (rule.parent?.type === "atrule" && /keyframes$/i.test(rule.parent.name)) return;
|
|
83
|
-
const selectors = rule.selectors.filter((sel) =>
|
|
98
|
+
const selectors = rule.selectors.filter((sel) => selectorUsed(sel, used));
|
|
84
99
|
if (!selectors.length) rule.remove();
|
|
85
100
|
else if (selectors.length !== rule.selectors.length) rule.selectors = selectors;
|
|
86
101
|
});
|
package/src/postcss.mjs
CHANGED
|
@@ -1,42 +1,95 @@
|
|
|
1
1
|
// File: packages/core/src/postcss.mjs
|
|
2
2
|
// PostCSS plugin: replaces `@omnia;` (or `@omnia utilities;`) in your CSS with the OmniaCSS classes your
|
|
3
|
-
// project uses
|
|
3
|
+
// project uses, and `@omniaui;` with the OmniaUI components, blocks and Pro blocks it uses (when installed).
|
|
4
|
+
// Works in every PostCSS pipeline (Vite, Laravel Vite, Next.js, Astro, webpack …).
|
|
4
5
|
//
|
|
5
6
|
// // postcss.config.js
|
|
6
7
|
// import omniacss from "@birdycom/omniacss/postcss";
|
|
7
8
|
// export default { plugins: [omniacss({ content: ["resources/**/*.blade.php", "resources/js/**/*.{vue,tsx}"] })] };
|
|
8
9
|
//
|
|
9
10
|
// /* app.css */
|
|
11
|
+
// @omniaui; (optional: `@omniaui components;`, `@omniaui components blocks;` …)
|
|
10
12
|
// @omnia;
|
|
11
13
|
//
|
|
14
|
+
// Map: find directives -> scan content once -> OmniaUI CSS (installed packages, pruned) -> utilities (pruned, keep the
|
|
15
|
+
// palette tokens the components use) -> layer order -> dependencies for watch mode
|
|
12
16
|
// Author: Serge Cools | Framework: OmniaCSS
|
|
13
17
|
|
|
18
|
+
import fs from "node:fs/promises";
|
|
14
19
|
import path from "node:path";
|
|
20
|
+
import { createRequire } from "node:module";
|
|
15
21
|
import postcss from "postcss";
|
|
16
|
-
import {
|
|
22
|
+
import { collectCandidates, generate, loadFullCss } from "./engine.mjs";
|
|
23
|
+
|
|
24
|
+
/** The OmniaUI packages `@omniaui;` can bring in: [package, css file]. */
|
|
25
|
+
const OMNIAUI = {
|
|
26
|
+
components: ["@birdycom/omniaui", "dist/components.css"],
|
|
27
|
+
blocks: ["@birdycom/omniaui-blocks", "dist/blocks.css"],
|
|
28
|
+
pro: ["@birdycom/omniaui-pro", "dist/pro.css"],
|
|
29
|
+
};
|
|
17
30
|
|
|
18
31
|
/**
|
|
19
|
-
*
|
|
32
|
+
* The CSS of the OmniaUI packages named in the directive (none named: every installed one), from the project.
|
|
33
|
+
* Returns the CSS and the names that were asked for but are not installed.
|
|
34
|
+
*/
|
|
35
|
+
async function omniauiSource(params, cwd) {
|
|
36
|
+
const asked = params.split(/[\s,]+/).filter(Boolean);
|
|
37
|
+
const unknown = asked.filter((k) => !OMNIAUI[k]);
|
|
38
|
+
if (unknown.length) throw new Error(`omniacss: @omniaui ${unknown.join(" ")}: use components, blocks and/or pro`);
|
|
39
|
+
const require = createRequire(path.join(cwd, "package.json"));
|
|
40
|
+
let css = "";
|
|
41
|
+
const missing = [];
|
|
42
|
+
for (const key of asked.length ? asked : Object.keys(OMNIAUI)) {
|
|
43
|
+
const [name, file] = OMNIAUI[key];
|
|
44
|
+
let dir;
|
|
45
|
+
try { dir = path.dirname(require.resolve(`${name}/package.json`)); } catch { if (asked.length) missing.push(name); continue; }
|
|
46
|
+
css += "\n" + (await fs.readFile(path.join(dir, file), "utf8"));
|
|
47
|
+
}
|
|
48
|
+
return { css, missing };
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* @param {{ content: string[], layer?: string|false, omniauiLayer?: string|false, keep?: string[], cwd?: string,
|
|
53
|
+
* referencedBy?: string[] }} options
|
|
54
|
+
* layer: cascade layer of the utilities ("omnia"); omniauiLayer: of the OmniaUI CSS ("omniaui"). With both, the
|
|
55
|
+
* utilities layer comes last, so a utility class on a component wins.
|
|
20
56
|
* referencedBy: CSS text of other stylesheets whose var(--…) tokens must stay (this stylesheet always counts).
|
|
21
57
|
*/
|
|
22
58
|
export default function omniacss(options = {}) {
|
|
23
59
|
return {
|
|
24
60
|
postcssPlugin: "omniacss",
|
|
25
61
|
async Once(root, { result }) {
|
|
26
|
-
const
|
|
27
|
-
root.walkAtRules("omnia", (at) =>
|
|
28
|
-
|
|
62
|
+
const omnia = [], ui = [];
|
|
63
|
+
root.walkAtRules("omnia", (at) => omnia.push(at));
|
|
64
|
+
root.walkAtRules("omniaui", (at) => ui.push(at));
|
|
65
|
+
if (!omnia.length && !ui.length) return;
|
|
66
|
+
if (!options.content || !options.content.length) throw new Error("omniacss: no content globs given (e.g. ['src/**/*.{html,vue,jsx,tsx,php}'])");
|
|
29
67
|
|
|
30
68
|
const cwd = options.cwd || process.cwd();
|
|
69
|
+
const keep = options.keep || [];
|
|
70
|
+
const layer = options.layer ?? "omnia";
|
|
71
|
+
const uiLayer = options.omniauiLayer ?? "omniaui";
|
|
31
72
|
// The stylesheet itself uses tokens too (`color: var(--color-teal-60)` next to `@omnia;`): keep those, without
|
|
32
73
|
// having to list this file under content. Other CSS files: put them in content (or in referencedBy).
|
|
33
|
-
const
|
|
34
|
-
const {
|
|
74
|
+
const referencedBy = [root.toString(), ...(options.referencedBy || [])];
|
|
75
|
+
const { candidates, files } = await collectCandidates(options.content, cwd);
|
|
35
76
|
// `from`: the stylesheet being built, so Vite resolves url() in the generated CSS against it.
|
|
36
|
-
const
|
|
77
|
+
const parse = (css) => postcss.parse(css, { from: result.opts.from }).nodes;
|
|
78
|
+
|
|
79
|
+
let uiCss = "";
|
|
80
|
+
if (ui.length) {
|
|
81
|
+
const { css, missing } = await omniauiSource(ui[0].params, cwd);
|
|
82
|
+
for (const name of missing) result.warn(`@omniaui: ${name} is not installed — skipped (npm i -D ${name})`, { node: ui[0] });
|
|
83
|
+
uiCss = css ? generate(css, candidates, { layer: uiLayer, keep, referencedBy }) : "";
|
|
84
|
+
}
|
|
85
|
+
// The utilities keep the palette colors (--color-*) that the component tokens point to.
|
|
86
|
+
const utilities = omnia.length ? generate(await loadFullCss(), candidates, { layer, keep, referencedBy: [...referencedBy, uiCss] }) : "";
|
|
37
87
|
|
|
38
|
-
|
|
39
|
-
|
|
88
|
+
const first = [...omnia, ...ui].sort((a, b) => a.source.start.offset - b.source.start.offset)[0];
|
|
89
|
+
if (omnia.length && ui.length && layer && uiLayer && layer !== uiLayer) first.before(postcss.atRule({ name: "layer", params: `${uiLayer}, ${layer}` }));
|
|
90
|
+
if (ui.length) ui[0].replaceWith(parse(uiCss));
|
|
91
|
+
if (omnia.length) omnia[0].replaceWith(parse(utilities));
|
|
92
|
+
[...ui.slice(1), ...omnia.slice(1)].forEach((at) => at.remove());
|
|
40
93
|
|
|
41
94
|
// Let Vite & co. rebuild when a content file changes.
|
|
42
95
|
for (const file of files) {
|