tailvars 1.1.2 → 1.3.0
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 +4 -0
- package/base.css +28 -28
- package/biome.json +10 -0
- package/docs/.zed/settings.json +3 -0
- package/docs/index.html +13 -0
- package/docs/package-lock.json +1079 -0
- package/docs/package.json +27 -0
- package/docs/postcss.config.mjs +5 -0
- package/docs/public/hero-texture.webp +0 -0
- package/docs/public/vite.svg +1 -0
- package/docs/src/assets/lit.svg +1 -0
- package/docs/src/components/about-section.js +74 -0
- package/docs/src/components/box-icon.js +31 -0
- package/docs/src/components/color-box.js +32 -0
- package/docs/src/components/color-shades.js +89 -0
- package/docs/src/components/feature-list-item.js +54 -0
- package/docs/src/components/feature-list.js +57 -0
- package/docs/src/components/hero-section.js +78 -0
- package/docs/src/components/sidebar-layout.js +50 -0
- package/docs/src/components/table-of-contents-item.js +89 -0
- package/docs/src/components/table-of-contents.js +35 -0
- package/docs/src/global-css-mixin.js +14 -0
- package/docs/src/global.css +98 -0
- package/docs/src/index.js +20 -0
- package/docs/src/pages/index-page.js +147 -0
- package/index.min.css +1 -0
- package/package.json +9 -2
- package/preflight.css +373 -0
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
@import "tailvars";
|
|
2
|
+
@import "tailvars/preflight" layer(preflight);
|
|
3
|
+
@import "@fontsource/vt323";
|
|
4
|
+
@import "@fontsource/ibm-plex-sans";
|
|
5
|
+
@import "@fontsource/ibm-plex-serif/400-italic";
|
|
6
|
+
|
|
7
|
+
:root {
|
|
8
|
+
--font-body: "IBM Plex Sans";
|
|
9
|
+
--font-heading: "VT323";
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
body {
|
|
13
|
+
font: var(--font-body-md);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
code,
|
|
17
|
+
pre {
|
|
18
|
+
font-family: var(--font-mono);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
a {
|
|
22
|
+
font-family: "IBM Plex Serif", serif;
|
|
23
|
+
font-style: italic;
|
|
24
|
+
color: var(--color-indigo-700);
|
|
25
|
+
|
|
26
|
+
&:hover {
|
|
27
|
+
opacity: 60%;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
* {
|
|
32
|
+
scroll-behavior: smooth;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.container {
|
|
36
|
+
--gap-size: var(--size-6);
|
|
37
|
+
--sidebar-min-width: 150px;
|
|
38
|
+
--sidebar-max-width: 200px;
|
|
39
|
+
|
|
40
|
+
display: grid;
|
|
41
|
+
grid-template-columns: 0 1fr 0;
|
|
42
|
+
gap: 0 var(--gap-size);
|
|
43
|
+
|
|
44
|
+
@media (--screen-md) or (--screen-lg) or (--screen-xl) {
|
|
45
|
+
grid-template-columns:
|
|
46
|
+
0
|
|
47
|
+
1fr
|
|
48
|
+
min(calc(100% - 4 * var(--gap-size)), var(--screen-width-lg))
|
|
49
|
+
1fr
|
|
50
|
+
0;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&:has(.sidebar) {
|
|
54
|
+
@media (--screen-md) or (--screen-lg) {
|
|
55
|
+
grid-template-columns:
|
|
56
|
+
1fr
|
|
57
|
+
var(--sidebar-min-width)
|
|
58
|
+
min(
|
|
59
|
+
calc(100% - 4 * var(--gap-size) - var(--sidebar-min-width)),
|
|
60
|
+
var(--screen-width-lg)
|
|
61
|
+
)
|
|
62
|
+
1fr;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
& > * {
|
|
67
|
+
grid-column: 2;
|
|
68
|
+
|
|
69
|
+
@media (--screen-md) or (--screen-lg) or (--screen-xl) {
|
|
70
|
+
grid-column: 3;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&.no-container {
|
|
74
|
+
grid-column: 1 / -1;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
& .sidebar {
|
|
79
|
+
display: none;
|
|
80
|
+
grid-column: 2;
|
|
81
|
+
grid-row: auto / span 999;
|
|
82
|
+
flex-direction: column;
|
|
83
|
+
width: 100%;
|
|
84
|
+
min-width: var(--sidebar-min-width);
|
|
85
|
+
max-width: var(--sidebar-max-width);
|
|
86
|
+
justify-self: flex-end;
|
|
87
|
+
gap: var(--size-2);
|
|
88
|
+
|
|
89
|
+
@media (--screen-md) or (--screen-lg) or (--screen-xl) {
|
|
90
|
+
display: flex;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
& > * {
|
|
94
|
+
position: sticky;
|
|
95
|
+
top: var(--size-8);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import "./components/about-section.js";
|
|
2
|
+
import "./components/color-box.js";
|
|
3
|
+
import "./components/color-shades.js";
|
|
4
|
+
import "./components/feature-list.js";
|
|
5
|
+
import "./components/feature-list-item.js";
|
|
6
|
+
import "./components/hero-section.js";
|
|
7
|
+
import "./components/box-icon.js";
|
|
8
|
+
import "./components/sidebar-layout.js";
|
|
9
|
+
import "./components/table-of-contents.js";
|
|
10
|
+
import "./components/table-of-contents-item.js";
|
|
11
|
+
import "./pages/index-page.js";
|
|
12
|
+
import UniversalRouter from "universal-router";
|
|
13
|
+
|
|
14
|
+
const routes = [{ action: () => `<index-page />` }];
|
|
15
|
+
|
|
16
|
+
const router = new UniversalRouter(routes);
|
|
17
|
+
|
|
18
|
+
router.resolve(location.pathname).then((html) => {
|
|
19
|
+
document.body.innerHTML = html;
|
|
20
|
+
});
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import {
|
|
2
|
+
AnimationBounce,
|
|
3
|
+
Blur,
|
|
4
|
+
Capitalize,
|
|
5
|
+
DrawAhead,
|
|
6
|
+
EaseInOut,
|
|
7
|
+
EaseOut,
|
|
8
|
+
GridLines3,
|
|
9
|
+
LayoutCheck,
|
|
10
|
+
MagicWand,
|
|
11
|
+
Maximize,
|
|
12
|
+
Motion,
|
|
13
|
+
MotionAlt,
|
|
14
|
+
Palette,
|
|
15
|
+
RowResize,
|
|
16
|
+
Shapes,
|
|
17
|
+
Sparkles,
|
|
18
|
+
SparklesAlt,
|
|
19
|
+
} from "@boxicons/js";
|
|
20
|
+
import { css, html, LitElement } from "lit";
|
|
21
|
+
import { GlobalCSSMixin } from "../global-css-mixin";
|
|
22
|
+
/**
|
|
23
|
+
* An example element.
|
|
24
|
+
*
|
|
25
|
+
* @slot - This element has a slot
|
|
26
|
+
* @csspart button - The button
|
|
27
|
+
*/
|
|
28
|
+
export class IndexPage extends GlobalCSSMixin(LitElement) {
|
|
29
|
+
firstUpdated() {
|
|
30
|
+
if (location.hash) {
|
|
31
|
+
requestAnimationFrame(() => {
|
|
32
|
+
const hashElement = this.shadowRoot.querySelector(location.hash);
|
|
33
|
+
hashElement?.scrollIntoView();
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
render() {
|
|
39
|
+
return html`
|
|
40
|
+
<main>
|
|
41
|
+
<hero-section></hero-section>
|
|
42
|
+
|
|
43
|
+
<div class="container">
|
|
44
|
+
<about-section></about-section>
|
|
45
|
+
<feature-list>
|
|
46
|
+
<feature-list-item .icon=${GridLines3} title="Familiar">
|
|
47
|
+
If you've used TailwindCSS you'll feel right at home, tailvars doesn't pretend to be a new paradigm.
|
|
48
|
+
</feature-list-item>
|
|
49
|
+
<feature-list-item .icon=${LayoutCheck} title="Native">
|
|
50
|
+
It's just CSS. Seriously. No build tools needed, no JavaScript imports or plugins. Works out of the box.
|
|
51
|
+
</feature-list-item>
|
|
52
|
+
<feature-list-item .icon=${MagicWand} title="Flexible">
|
|
53
|
+
Tailvars leverages composition to get around common limitations with CSS custom properties.
|
|
54
|
+
</feature-list-item>
|
|
55
|
+
</feature-list>
|
|
56
|
+
</div>
|
|
57
|
+
|
|
58
|
+
<div class="container">
|
|
59
|
+
<aside class="sidebar">
|
|
60
|
+
<table-of-contents class="sidebar">
|
|
61
|
+
<table-of-contents-item .icon=${Palette} target="colors">Colors</table-of-contents-item>
|
|
62
|
+
<table-of-contents-item .icon=${Capitalize} target="typography">Typography</table-of-contents-item>
|
|
63
|
+
<table-of-contents-item .icon=${Maximize} target="spacing">Spacing</table-of-contents-item>
|
|
64
|
+
<table-of-contents-item .icon=${EaseInOut} target="transitions">Transitions</table-of-contents-item>
|
|
65
|
+
<table-of-contents-item .icon=${SparklesAlt} target="effects">Effects</table-of-contents-item>
|
|
66
|
+
<table-of-contents-item .icon=${Shapes} target="shapes">Shapes</table-of-contents-item>
|
|
67
|
+
</table-of-contents>
|
|
68
|
+
</aside>
|
|
69
|
+
|
|
70
|
+
<section id="colors">
|
|
71
|
+
<h2>Colors</h2>
|
|
72
|
+
<color-box>
|
|
73
|
+
<color-shades color="fuchsia"></color-shades>
|
|
74
|
+
<color-shades color="pink"></color-shades>
|
|
75
|
+
<color-shades color="rose"></color-shades>
|
|
76
|
+
<color-shades color="red"></color-shades>
|
|
77
|
+
<color-shades color="orange"></color-shades>
|
|
78
|
+
<color-shades color="amber"></color-shades>
|
|
79
|
+
<color-shades color="yellow"></color-shades>
|
|
80
|
+
<color-shades color="lime"></color-shades>
|
|
81
|
+
<color-shades color="green"></color-shades>
|
|
82
|
+
<color-shades color="emerald"></color-shades>
|
|
83
|
+
<color-shades color="teal"></color-shades>
|
|
84
|
+
<color-shades color="cyan"></color-shades>
|
|
85
|
+
<color-shades color="sky"></color-shades>
|
|
86
|
+
<color-shades color="blue"></color-shades>
|
|
87
|
+
<color-shades color="indigo"></color-shades>
|
|
88
|
+
<color-shades color="purple"></color-shades>
|
|
89
|
+
<color-shades color="violet"></color-shades>
|
|
90
|
+
<color-shades color="mauve"></color-shades>
|
|
91
|
+
<color-shades color="zinc"></color-shades>
|
|
92
|
+
<color-shades color="slate"></color-shades>
|
|
93
|
+
<color-shades color="gray"></color-shades>
|
|
94
|
+
<color-shades color="mist"></color-shades>
|
|
95
|
+
<color-shades color="neutral"></color-shades>
|
|
96
|
+
<color-shades color="taupe"></color-shades>
|
|
97
|
+
<color-shades color="stone"></color-shades>
|
|
98
|
+
<color-shades color="olive"></color-shades>
|
|
99
|
+
</color-box>
|
|
100
|
+
<doc-colors-content />
|
|
101
|
+
</section>
|
|
102
|
+
|
|
103
|
+
<section id="typography">
|
|
104
|
+
<h2>Typography</h2>
|
|
105
|
+
<p>🛠 Work in progress</p>
|
|
106
|
+
</section>
|
|
107
|
+
|
|
108
|
+
<section id="spacing">
|
|
109
|
+
<h2>Spacing</h2>
|
|
110
|
+
<p>🛠 Work in progress</p>
|
|
111
|
+
</section>
|
|
112
|
+
|
|
113
|
+
<section id="transitions">
|
|
114
|
+
<h2>Transitions</h2>
|
|
115
|
+
<p>🛠 Work in progress</p>
|
|
116
|
+
</section>
|
|
117
|
+
|
|
118
|
+
<section id="effects">
|
|
119
|
+
<h2>Effects</h2>
|
|
120
|
+
<p>🛠 Work in progress</p>
|
|
121
|
+
</section>
|
|
122
|
+
|
|
123
|
+
<section id="shapes">
|
|
124
|
+
<h2>Shapes</h2>
|
|
125
|
+
<p>🛠 Work in progress</p>
|
|
126
|
+
</section>
|
|
127
|
+
</div>
|
|
128
|
+
</main>
|
|
129
|
+
`;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
static styles = css`
|
|
133
|
+
section {
|
|
134
|
+
padding: var(--size-12) 0;
|
|
135
|
+
|
|
136
|
+
& h2 {
|
|
137
|
+
font: var(--font-heading-lg)
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
aside {
|
|
142
|
+
margin-top: var(--size-22);
|
|
143
|
+
}
|
|
144
|
+
`;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
window.customElements.define("index-page", IndexPage);
|
package/index.min.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@custom-media --screen-xs (min-width: 360px) and (max-width: 479px);@custom-media --screen-sm (min-width: 480px) and (max-width: 767px);@custom-media --screen-md (min-width: 768px) and (max-width: 1023px);@custom-media --screen-lg (min-width: 1024px) and (max-width: 1279px);@custom-media --screen-xl (min-width: 1280px);:root{--rounded-xs:.25rem;--rounded-sm:.375rem;--rounded-md:.5rem;--rounded-lg:.75rem;--rounded-xl:1rem;--rounded-full:calc(infinity * 1px);--screen-width-xs:360px;--screen-width-sm:480px;--screen-width-md:768px;--screen-width-lg:1024px;--screen-width-xl:1280px;--blur-xs:blur(4px);--blur-sm:blur(8px);--blur-md:blur(12px);--blur-lg:blur(16px);--blur-xl:blur(24px);--blur-xxl:blur(40px);--brighten:brightness(125%);--darken:brightness(75%);--saturate:saturate(150%);--desaturate:saturate(50%)}*{--shadow-xxs:0 1px var(--shadow-color,#0000000d);--shadow-xs:0 1px 2px 0 var(--shadow-color,#0000000d);--shadow-sm:0 1px 3px 0 var(--shadow-color,#0000001a), 0 1px 2px -1px var(--shadow-color,#0000001a);--shadow-md:0 4px 6px -1px var(--shadow-color,#0000001a), 0 2px 4px -2px var(--shadow-color,#0000001a);--shadow-lg:0 10px 15px -3px var(--shadow-color,#0000001a), 0 4px 6px -4px var(--shadow-color,#0000001a);--shadow-xl:0 20px 25px -5px var(--shadow-color,#0000001a), 0 8px 10px -6px var(--shadow-color,#0000001a);--shadow-xxl:0 25px 50px -12px var(--shadow-color,#00000040);--text-shadow-xxs:0px 1px 0px var(--shadow-color,#00000026);--text-shadow-xs:0px 1px 1px var(--shadow-color,#0003);--text-shadow-sm:0px 1px 0px var(--shadow-color,#00000013), 0px 1px 1px var(--shadow-color,#00000013), 0px 2px 2px var(--shadow-color,#00000013);--text-shadow-md:0px 1px 1px var(--shadow-color,#0000001a), 0px 1px 2px var(--shadow-color,#0000001a), 0px 2px 4px var(--shadow-color,#0000001a);--text-shadow-lg:0px 1px 2px var(--shadow-color,#0000001a), 0px 3px 2px var(--shadow-color,#0000001a), 0px 4px 8px var(--shadow-color,#0000001a);--drop-shadow-xs:drop-shadow(0 1px 1px var(--shadow-color,#0000000d));--drop-shadow-sm:drop-shadow(0 1px 2px var(--shadow-color,#00000026));--drop-shadow-md:drop-shadow(0 3px 3px var(--shadow-color,#0000001f));--drop-shadow-lg:drop-shadow(0 4px 4px var(--shadow-color,#00000026));--drop-shadow-xl:drop-shadow(0 9px 7px var(--shadow-color,#0000001a))}:root{--ease-in-sine:cubic-bezier(.12, 0, .39, 0);--ease-out-sine:cubic-bezier(.61, 1, .88, 1);--ease-both-sine:cubic-bezier(.37, 0, .63, 1);--ease-in-quadratic:cubic-bezier(.11, 0, .5, 0);--ease-out-quadratic:cubic-bezier(.5, 1, .89, 1);--ease-both-quadratic:cubic-bezier(.45, 0, .55, 1);--ease-in-cubic:cubic-bezier(.32, 0, .67, 0);--ease-out-cubic:cubic-bezier(.33, 1, .68, 1);--ease-both-cubic:cubic-bezier(.65, 0, .35, 1);--ease-in-quartic:cubic-bezier(.5, 0, .75, 0);--ease-out-quartic:cubic-bezier(.25, 1, .5, 1);--ease-both-quartic:cubic-bezier(.76, 0, .24, 1);--ease-in-quintic:cubic-bezier(.64, 0, .78, 0);--ease-out-quintic:cubic-bezier(.22, 1, .36, 1);--ease-both-quintic:cubic-bezier(.83, 0, .17, 1);--ease-in-exponential:cubic-bezier(.7, 0, .84, 0);--ease-out-exponential:cubic-bezier(.16, 1, .3, 1);--ease-both-exponential:cubic-bezier(.87, 0, .13, 1);--ease-in-circular:cubic-bezier(.55, 0, 1, .45);--ease-out-circular:cubic-bezier(0, .55, .45, 1);--ease-both-circular:cubic-bezier(.85, 0, .15, 1);--ease-in-overshoot:cubic-bezier(.36, 0, .66, -.56);--ease-out-overshoot:cubic-bezier(.34, 1.56, .64, 1);--ease-both-overshoot:cubic-bezier(.68, -.6, .32, 1.6)}*{--ease-in:var(--ease-in-quadratic);--ease-out:var(--ease-out-quadratic);--ease-both:var(--ease-both-quadratic);--transition-linear:color .125s linear, background .125s linear, border .125s linear, outline .125s linear, text-decoration .125s linear, opacity .125s linear, box-shadow .125s linear, transform .125s linear, filter .125s linear, backdrop-filter .125s linear, margin .125s linear, padding .125s linear, top .125s linear, left .125s linear, right .125s linear, bottom .125s linear, inset .125s linear;--transition-linear-slow:color .25s linear, background .25s linear, border .25s linear, outline .25s linear, text-decoration .25s linear, opacity .25s linear, box-shadow .25s linear, transform .25s linear, filter .25s linear, backdrop-filter .25s linear, margin .25s linear, padding .25s linear, top .25s linear, left .25s linear, right .25s linear, bottom .25s linear, inset .25s linear;--transition-linear-quick:color 75ms linear, background 75ms linear, border 75ms linear, outline 75ms linear, text-decoration 75ms linear, opacity 75ms linear, box-shadow 75ms linear, transform 75ms linear, filter 75ms linear, backdrop-filter 75ms linear, margin 75ms linear, padding 75ms linear, top 75ms linear, left 75ms linear, right 75ms linear, bottom 75ms linear, inset 75ms linear;--transition-in:color .125s var(--ease-in), background .125s var(--ease-in), border .125s var(--ease-in), outline .125s var(--ease-in), text-decoration .125s var(--ease-in), opacity .125s var(--ease-in), box-shadow .125s var(--ease-in), transform .125s var(--ease-in), filter .125s var(--ease-in), backdrop-filter .125s var(--ease-in), margin .125s var(--ease-in), padding .125s var(--ease-in), top .125s var(--ease-in), left .125s var(--ease-in), right .125s var(--ease-in), bottom .125s var(--ease-in), inset .125s var(--ease-in);--transition-in-slow:color .25s var(--ease-in), background .25s var(--ease-in), border .25s var(--ease-in), outline .25s var(--ease-in), text-decoration .25s var(--ease-in), opacity .25s var(--ease-in), box-shadow .25s var(--ease-in), transform .25s var(--ease-in), filter .25s var(--ease-in), backdrop-filter .25s var(--ease-in), margin .25s var(--ease-in), padding .25s var(--ease-in), top .25s var(--ease-in), left .25s var(--ease-in), right .25s var(--ease-in), bottom .25s var(--ease-in), inset .25s var(--ease-in);--transition-in-quick:color .075 var(--ease-in), background .075 var(--ease-in), border .075 var(--ease-in), outline .075 var(--ease-in), text-decoration .075 var(--ease-in), opacity .075 var(--ease-in), box-shadow .075 var(--ease-in), transform .075 var(--ease-in), filter .075 var(--ease-in), backdrop-filter .075 var(--ease-in), margin .075 var(--ease-in), padding .075 var(--ease-in), top .075 var(--ease-in), left .075 var(--ease-in), right .075 var(--ease-in), bottom .075 var(--ease-in), inset .075 var(--ease-in);--transition-out:color .125s var(--ease-out), background .125s var(--ease-out), border .125s var(--ease-out), outline .125s var(--ease-out), text-decoration .125s var(--ease-out), opacity .125s var(--ease-out), box-shadow .125s var(--ease-out), transform .125s var(--ease-out), filter .125s var(--ease-out), backdrop-filter .125s var(--ease-out), margin .125s var(--ease-out), padding .125s var(--ease-out), top .125s var(--ease-out), left .125s var(--ease-out), right .125s var(--ease-out), bottom .125s var(--ease-out), inset .125s var(--ease-out);--transition-out-slow:color .25s var(--ease-out), background .25s var(--ease-out), border .25s var(--ease-out), outline .25s var(--ease-out), text-decoration .25s var(--ease-out), opacity .25s var(--ease-out), box-shadow .25s var(--ease-out), transform .25s var(--ease-out), filter .25s var(--ease-out), backdrop-filter .25s var(--ease-out), margin .25s var(--ease-out), padding .25s var(--ease-out), top .25s var(--ease-out), left .25s var(--ease-out), right .25s var(--ease-out), bottom .25s var(--ease-out), inset .25s var(--ease-out);--transition-out-quick:color 75ms var(--ease-out), background 75ms var(--ease-out), border 75ms var(--ease-out), outline 75ms var(--ease-out), text-decoration 75ms var(--ease-out), opacity 75ms var(--ease-out), box-shadow 75ms var(--ease-out), transform 75ms var(--ease-out), filter 75ms var(--ease-out), backdrop-filter 75ms var(--ease-out), margin 75ms var(--ease-out), padding 75ms var(--ease-out), top 75ms var(--ease-out), left 75ms var(--ease-out), right 75ms var(--ease-out), bottom 75ms var(--ease-out), inset 75ms var(--ease-out);--transition-both:color .125s var(--ease-both), background .125s var(--ease-both), border .125s var(--ease-both), outline .125s var(--ease-both), text-decoration .125s var(--ease-both), opacity .125s var(--ease-both), box-shadow .125s var(--ease-both), transform .125s var(--ease-both), filter .125s var(--ease-both), backdrop-filter .125s var(--ease-both), margin .125s var(--ease-both), padding .125s var(--ease-both), top .125s var(--ease-both), left .125s var(--ease-both), right .125s var(--ease-both), bottom .125s var(--ease-both), inset .125s var(--ease-both);--transition-both-slow:color .25s var(--ease-both), background .25s var(--ease-both), border .25s var(--ease-both), outline .25s var(--ease-both), text-decoration .25s var(--ease-both), opacity .25s var(--ease-both), box-shadow .25s var(--ease-both), transform .25s var(--ease-both), filter .25s var(--ease-both), backdrop-filter .25s var(--ease-both), margin .25s var(--ease-both), padding .25s var(--ease-both), top .25s var(--ease-both), left .25s var(--ease-both), right .25s var(--ease-both), bottom .25s var(--ease-both), inset .25s var(--ease-both);--transition-both-quick:color 75ms var(--ease-both), background 75ms var(--ease-both), border 75ms var(--ease-both), outline 75ms var(--ease-both), text-decoration 75ms var(--ease-both), opacity 75ms var(--ease-both), box-shadow 75ms var(--ease-both), transform 75ms var(--ease-both), filter 75ms var(--ease-both), backdrop-filter 75ms var(--ease-both), margin 75ms var(--ease-both), padding 75ms var(--ease-both), top 75ms var(--ease-both), left 75ms var(--ease-both), right 75ms var(--ease-both), bottom 75ms var(--ease-both), inset 75ms var(--ease-both);--transition:var(--transition-out);--transition-slow:var(--transition-out-slow);--transition-quick:var(--transition-out-quick)}:root{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:3rem;--font-size-4xl:5rem;--font-size-fluid-xs:clamp(.625rem, .582rem + .217vw, .75rem);--font-size-fluid-sm:clamp(.75rem, .707rem + .217vw, .875rem);--font-size-fluid-md:clamp(.875rem, .832rem + .217vw, 1rem);--font-size-fluid-lg:clamp(1rem, .957rem + .217vw, 1.125rem);--font-size-fluid-xl:clamp(1.125rem, .995rem + .652vw, 1.5rem);--font-size-fluid-2xl:clamp(1.25rem, .989rem + 1.304vw, 2rem);--font-size-fluid-3xl:clamp(1.5rem, .978rem + 2.609vw, 3rem);--font-size-fluid-4xl:clamp(2rem, .957rem + 5.217vw, 5rem);--font-body-weight:400;--font-heading-weight:600;--font-body:var(--font-sans);--font-heading:var(--font-sans)}*{--font-body-xs:var(--font-body-weight) var(--font-size-xs) / 1.6 var(--font-body);--font-body-sm:var(--font-body-weight) var(--font-size-sm) / 1.5 var(--font-body);--font-body-md:var(--font-body-weight) var(--font-size-md) / 1.4 var(--font-body);--font-body-lg:var(--font-body-weight) var(--font-size-lg) / 1.3 var(--font-body);--font-body-xl:var(--font-body-weight) var(--font-size-xl) / 1.25 var(--font-body);--font-body-2xl:var(--font-body-weight) var(--font-size-2xl) / 1.25 var(--font-body);--font-body-fluid-xs:var(--font-body-weight) var(--font-size-fluid-xs) / 1.6 var(--font-body);--font-body-fluid-sm:var(--font-body-weight) var(--font-size-fluid-sm) / 1.5 var(--font-body);--font-body-fluid-md:var(--font-body-weight) var(--font-size-fluid-md) / 1.4 var(--font-body);--font-body-fluid-lg:var(--font-body-weight) var(--font-size-fluid-lg) / 1.3 var(--font-body);--font-body-fluid-xl:var(--font-body-weight) var(--font-size-fluid-xl) / 1.25 var(--font-body);--font-body-fluid-2xl:var(--font-body-weight) var(--font-size-fluid-2xl) / 1.25 var(--font-body);--font-heading-xs:var(--font-body-weight) var(--font-size-md) / 1.6 var(--font-heading);--font-heading-sm:var(--font-body-weight) var(--font-size-lg) / 1.5 var(--font-heading);--font-heading-md:var(--font-body-weight) var(--font-size-xl) / 1.4 var(--font-heading);--font-heading-lg:var(--font-body-weight) var(--font-size-2xl) / 1.3 var(--font-heading);--font-heading-xl:var(--font-body-weight) var(--font-size-3xl) / 1.25 var(--font-heading);--font-heading-2xl:var(--font-body-weight) var(--font-size-4xl) / 1.25 var(--font-heading);--font-heading-fluid-xs:var(--font-body-weight) var(--font-size-fluid-md) / 1.6 var(--font-heading);--font-heading-fluid-sm:var(--font-body-weight) var(--font-size-fluid-lg) / 1.5 var(--font-heading);--font-heading-fluid-md:var(--font-body-weight) var(--font-size-fluid-xl) / 1.4 var(--font-heading);--font-heading-fluid-lg:var(--font-body-weight) var(--font-size-fluid-2xl) / 1.3 var(--font-heading);--font-heading-fluid-xl:var(--font-body-weight) var(--font-size-fluid-3xl) / 1.25 var(--font-heading);--font-heading-fluid-2xl:var(--font-body-weight) var(--font-size-fluid-4xl) / 1.1 var(--font-heading)}:root{--size-0:0rem;--size-1:.25rem;--size-2:.5rem;--size-3:.75rem;--size-4:1rem;--size-5:1.25rem;--size-6:1.5rem;--size-7:1.75rem;--size-8:2rem;--size-9:2.25rem;--size-10:2.5rem;--size-11:2.75rem;--size-12:3rem;--size-14:3.5rem;--size-16:4rem;--size-18:4.5rem;--size-20:5rem;--size-22:5.5rem;--size-24:6rem;--size-28:7rem;--size-32:8rem;--size-36:9rem;--size-40:10rem;--size-44:11rem;--size-48:12rem;--size-52:13rem;--size-56:14rem;--size-60:15rem;--size-64:16rem;--size-68:17rem;--size-72:18rem;--size-76:19rem;--size-80:20rem;--size-84:21rem;--size-88:22rem;--size-92:23rem;--size-96:24rem;--size-100:25rem;--size-104:26rem;--size-108:27rem;--size-112:28rem;--size-116:29rem;--size-120:30rem;--size-124:31rem;--size-128:32rem}*{--color-white:rgb(255 255 255/var(--color-white-opacity,var(--color-opacity,100%)));--color-black:rgb(0 0 0/var(--color-black-opacity,var(--color-opacity,100%)));--color-red-50:oklch(97.1% .013 17.38 / var(--color-red-50-opacity,var(--color-red-opacity,var(--color-opacity,100%))));--color-red-100:oklch(93.6% .032 17.717 / var(--color-red-100-opacity,var(--color-red-opacity,var(--color-opacity,100%))));--color-red-200:oklch(88.5% .062 18.334 / var(--color-red-200-opacity,var(--color-red-opacity,var(--color-opacity,100%))));--color-red-300:oklch(80.8% .114 19.571 / var(--color-red-300-opacity,var(--color-red-opacity,var(--color-opacity,100%))));--color-red-400:oklch(70.4% .191 22.216 / var(--color-red-400-opacity,var(--color-red-opacity,var(--color-opacity,100%))));--color-red-500:oklch(63.7% .237 25.331 / var(--color-red-500-opacity,var(--color-red-opacity,var(--color-opacity,100%))));--color-red-600:oklch(57.7% .245 27.325 / var(--color-red-600-opacity,var(--color-red-opacity,var(--color-opacity,100%))));--color-red-700:oklch(50.5% .213 27.518 / var(--color-red-700-opacity,var(--color-red-opacity,var(--color-opacity,100%))));--color-red-800:oklch(44.4% .177 26.899 / var(--color-red-800-opacity,var(--color-red-opacity,var(--color-opacity,100%))));--color-red-900:oklch(39.6% .141 25.723 / var(--color-red-900-opacity,var(--color-red-opacity,var(--color-opacity,100%))));--color-red-950:oklch(25.8% .092 26.042 / var(--color-red-950-opacity,var(--color-red-opacity,var(--color-opacity,100%))));--color-orange-50:oklch(98% .016 73.684 / var(--color-orange-50-opacity,var(--color-orange-opacity,var(--color-opacity,100%))));--color-orange-100:oklch(95.4% .038 75.164 / var(--color-orange-100-opacity,var(--color-orange-opacity,var(--color-opacity,100%))));--color-orange-200:oklch(90.1% .076 70.697 / var(--color-orange-200-opacity,var(--color-orange-opacity,var(--color-opacity,100%))));--color-orange-300:oklch(83.7% .128 66.29 / var(--color-orange-300-opacity,var(--color-orange-opacity,var(--color-opacity,100%))));--color-orange-400:oklch(75% .183 55.934 / var(--color-orange-400-opacity,var(--color-orange-opacity,var(--color-opacity,100%))));--color-orange-500:oklch(70.5% .213 47.604 / var(--color-orange-500-opacity,var(--color-orange-opacity,var(--color-opacity,100%))));--color-orange-600:oklch(64.6% .222 41.116 / var(--color-orange-600-opacity,var(--color-orange-opacity,var(--color-opacity,100%))));--color-orange-700:oklch(55.3% .195 38.402 / var(--color-orange-700-opacity,var(--color-orange-opacity,var(--color-opacity,100%))));--color-orange-800:oklch(47% .157 37.304 / var(--color-orange-800-opacity,var(--color-orange-opacity,var(--color-opacity,100%))));--color-orange-900:oklch(40.8% .123 38.172 / var(--color-orange-900-opacity,var(--color-orange-opacity,var(--color-opacity,100%))));--color-orange-950:oklch(26.6% .079 36.259 / var(--color-orange-950-opacity,var(--color-orange-opacity,var(--color-opacity,100%))));--color-amber-50:oklch(98.7% .022 95.277 / var(--color-amber-50-opacity,var(--color-amber-opacity,var(--color-opacity,100%))));--color-amber-100:oklch(96.2% .059 95.617 / var(--color-amber-100-opacity,var(--color-amber-opacity,var(--color-opacity,100%))));--color-amber-200:oklch(92.4% .12 95.746 / var(--color-amber-200-opacity,var(--color-amber-opacity,var(--color-opacity,100%))));--color-amber-300:oklch(87.9% .169 91.605 / var(--color-amber-300-opacity,var(--color-amber-opacity,var(--color-opacity,100%))));--color-amber-400:oklch(82.8% .189 84.429 / var(--color-amber-400-opacity,var(--color-amber-opacity,var(--color-opacity,100%))));--color-amber-500:oklch(76.9% .188 70.08 / var(--color-amber-500-opacity,var(--color-amber-opacity,var(--color-opacity,100%))));--color-amber-600:oklch(66.6% .179 58.318 / var(--color-amber-600-opacity,var(--color-amber-opacity,var(--color-opacity,100%))));--color-amber-700:oklch(55.5% .163 48.998 / var(--color-amber-700-opacity,var(--color-amber-opacity,var(--color-opacity,100%))));--color-amber-800:oklch(47.3% .137 46.201 / var(--color-amber-800-opacity,var(--color-amber-opacity,var(--color-opacity,100%))));--color-amber-900:oklch(41.4% .112 45.904 / var(--color-amber-900-opacity,var(--color-amber-opacity,var(--color-opacity,100%))));--color-amber-950:oklch(27.9% .077 45.635 / var(--color-amber-950-opacity,var(--color-amber-opacity,var(--color-opacity,100%))));--color-yellow-50:oklch(98.7% .026 102.212 / var(--color-yellow-50-opacity,var(--color-yellow-opacity,var(--color-opacity,100%))));--color-yellow-100:oklch(97.3% .071 103.193 / var(--color-yellow-100-opacity,var(--color-yellow-opacity,var(--color-opacity,100%))));--color-yellow-200:oklch(94.5% .129 101.54 / var(--color-yellow-200-opacity,var(--color-yellow-opacity,var(--color-opacity,100%))));--color-yellow-300:oklch(90.5% .182 98.111 / var(--color-yellow-300-opacity,var(--color-yellow-opacity,var(--color-opacity,100%))));--color-yellow-400:oklch(85.2% .199 91.936 / var(--color-yellow-400-opacity,var(--color-yellow-opacity,var(--color-opacity,100%))));--color-yellow-500:oklch(79.5% .184 86.047 / var(--color-yellow-500-opacity,var(--color-yellow-opacity,var(--color-opacity,100%))));--color-yellow-600:oklch(68.1% .162 75.834 / var(--color-yellow-600-opacity,var(--color-yellow-opacity,var(--color-opacity,100%))));--color-yellow-700:oklch(55.4% .135 66.442 / var(--color-yellow-700-opacity,var(--color-yellow-opacity,var(--color-opacity,100%))));--color-yellow-800:oklch(47.6% .114 61.907 / var(--color-yellow-800-opacity,var(--color-yellow-opacity,var(--color-opacity,100%))));--color-yellow-900:oklch(42.1% .095 57.708 / var(--color-yellow-900-opacity,var(--color-yellow-opacity,var(--color-opacity,100%))));--color-yellow-950:oklch(28.6% .066 53.813 / var(--color-yellow-950-opacity,var(--color-yellow-opacity,var(--color-opacity,100%))));--color-lime-50:oklch(98.6% .031 120.757 / var(--color-lime-50-opacity,var(--color-lime-opacity,var(--color-opacity,100%))));--color-lime-100:oklch(96.7% .067 122.328 / var(--color-lime-100-opacity,var(--color-lime-opacity,var(--color-opacity,100%))));--color-lime-200:oklch(93.8% .127 124.321 / var(--color-lime-200-opacity,var(--color-lime-opacity,var(--color-opacity,100%))));--color-lime-300:oklch(89.7% .196 126.665 / var(--color-lime-300-opacity,var(--color-lime-opacity,var(--color-opacity,100%))));--color-lime-400:oklch(84.1% .238 128.85 / var(--color-lime-400-opacity,var(--color-lime-opacity,var(--color-opacity,100%))));--color-lime-500:oklch(76.8% .233 130.85 / var(--color-lime-500-opacity,var(--color-lime-opacity,var(--color-opacity,100%))));--color-lime-600:oklch(64.8% .2 131.684 / var(--color-lime-600-opacity,var(--color-lime-opacity,var(--color-opacity,100%))));--color-lime-700:oklch(53.2% .157 131.589 / var(--color-lime-700-opacity,var(--color-lime-opacity,var(--color-opacity,100%))));--color-lime-800:oklch(45.3% .124 130.933 / var(--color-lime-800-opacity,var(--color-lime-opacity,var(--color-opacity,100%))));--color-lime-900:oklch(40.5% .101 131.063 / var(--color-lime-900-opacity,var(--color-lime-opacity,var(--color-opacity,100%))));--color-lime-950:oklch(27.4% .072 132.109 / var(--color-lime-950-opacity,var(--color-lime-opacity,var(--color-opacity,100%))));--color-green-50:oklch(98.2% .018 155.826 / var(--color-green-50-opacity,var(--color-green-opacity,var(--color-opacity,100%))));--color-green-100:oklch(96.2% .044 156.743 / var(--color-green-100-opacity,var(--color-green-opacity,var(--color-opacity,100%))));--color-green-200:oklch(92.5% .084 155.995 / var(--color-green-200-opacity,var(--color-green-opacity,var(--color-opacity,100%))));--color-green-300:oklch(87.1% .15 154.449 / var(--color-green-300-opacity,var(--color-green-opacity,var(--color-opacity,100%))));--color-green-400:oklch(79.2% .209 151.711 / var(--color-green-400-opacity,var(--color-green-opacity,var(--color-opacity,100%))));--color-green-500:oklch(72.3% .219 149.579 / var(--color-green-500-opacity,var(--color-green-opacity,var(--color-opacity,100%))));--color-green-600:oklch(62.7% .194 149.214 / var(--color-green-600-opacity,var(--color-green-opacity,var(--color-opacity,100%))));--color-green-700:oklch(52.7% .154 150.069 / var(--color-green-700-opacity,var(--color-green-opacity,var(--color-opacity,100%))));--color-green-800:oklch(44.8% .119 151.328 / var(--color-green-800-opacity,var(--color-green-opacity,var(--color-opacity,100%))));--color-green-900:oklch(39.3% .095 152.535 / var(--color-green-900-opacity,var(--color-green-opacity,var(--color-opacity,100%))));--color-green-950:oklch(26.6% .065 152.934 / var(--color-green-950-opacity,var(--color-green-opacity,var(--color-opacity,100%))));--color-emerald-50:oklch(97.9% .021 166.113 / var(--color-emerald-50-opacity,var(--color-emerald-opacity,var(--color-opacity,100%))));--color-emerald-100:oklch(95% .052 163.051 / var(--color-emerald-100-opacity,var(--color-emerald-opacity,var(--color-opacity,100%))));--color-emerald-200:oklch(90.5% .093 164.15 / var(--color-emerald-200-opacity,var(--color-emerald-opacity,var(--color-opacity,100%))));--color-emerald-300:oklch(84.5% .143 164.978 / var(--color-emerald-300-opacity,var(--color-emerald-opacity,var(--color-opacity,100%))));--color-emerald-400:oklch(76.5% .177 163.223 / var(--color-emerald-400-opacity,var(--color-emerald-opacity,var(--color-opacity,100%))));--color-emerald-500:oklch(69.6% .17 162.48 / var(--color-emerald-500-opacity,var(--color-emerald-opacity,var(--color-opacity,100%))));--color-emerald-600:oklch(59.6% .145 163.225 / var(--color-emerald-600-opacity,var(--color-emerald-opacity,var(--color-opacity,100%))));--color-emerald-700:oklch(50.8% .118 165.612 / var(--color-emerald-700-opacity,var(--color-emerald-opacity,var(--color-opacity,100%))));--color-emerald-800:oklch(43.2% .095 166.913 / var(--color-emerald-800-opacity,var(--color-emerald-opacity,var(--color-opacity,100%))));--color-emerald-900:oklch(37.8% .077 168.94 / var(--color-emerald-900-opacity,var(--color-emerald-opacity,var(--color-opacity,100%))));--color-emerald-950:oklch(26.2% .051 172.552 / var(--color-emerald-950-opacity,var(--color-emerald-opacity,var(--color-opacity,100%))));--color-teal-50:oklch(98.4% .014 180.72 / var(--color-teal-50-opacity,var(--color-teal-opacity,var(--color-opacity,100%))));--color-teal-100:oklch(95.3% .051 180.801 / var(--color-teal-100-opacity,var(--color-teal-opacity,var(--color-opacity,100%))));--color-teal-200:oklch(91% .096 180.426 / var(--color-teal-200-opacity,var(--color-teal-opacity,var(--color-opacity,100%))));--color-teal-300:oklch(85.5% .138 181.071 / var(--color-teal-300-opacity,var(--color-teal-opacity,var(--color-opacity,100%))));--color-teal-400:oklch(77.7% .152 181.912 / var(--color-teal-400-opacity,var(--color-teal-opacity,var(--color-opacity,100%))));--color-teal-500:oklch(70.4% .14 182.503 / var(--color-teal-500-opacity,var(--color-teal-opacity,var(--color-opacity,100%))));--color-teal-600:oklch(60% .118 184.704 / var(--color-teal-600-opacity,var(--color-teal-opacity,var(--color-opacity,100%))));--color-teal-700:oklch(51.1% .096 186.391 / var(--color-teal-700-opacity,var(--color-teal-opacity,var(--color-opacity,100%))));--color-teal-800:oklch(43.7% .078 188.216 / var(--color-teal-800-opacity,var(--color-teal-opacity,var(--color-opacity,100%))));--color-teal-900:oklch(38.6% .063 188.416 / var(--color-teal-900-opacity,var(--color-teal-opacity,var(--color-opacity,100%))));--color-teal-950:oklch(27.7% .046 192.524 / var(--color-teal-950-opacity,var(--color-teal-opacity,var(--color-opacity,100%))));--color-cyan-50:oklch(98.4% .019 200.873 / var(--color-cyan-50-opacity,var(--color-cyan-opacity,var(--color-opacity,100%))));--color-cyan-100:oklch(95.6% .045 203.388 / var(--color-cyan-100-opacity,var(--color-cyan-opacity,var(--color-opacity,100%))));--color-cyan-200:oklch(91.7% .08 205.041 / var(--color-cyan-200-opacity,var(--color-cyan-opacity,var(--color-opacity,100%))));--color-cyan-300:oklch(86.5% .127 207.078 / var(--color-cyan-300-opacity,var(--color-cyan-opacity,var(--color-opacity,100%))));--color-cyan-400:oklch(78.9% .154 211.53 / var(--color-cyan-400-opacity,var(--color-cyan-opacity,var(--color-opacity,100%))));--color-cyan-500:oklch(71.5% .143 215.221 / var(--color-cyan-500-opacity,var(--color-cyan-opacity,var(--color-opacity,100%))));--color-cyan-600:oklch(60.9% .126 221.723 / var(--color-cyan-600-opacity,var(--color-cyan-opacity,var(--color-opacity,100%))));--color-cyan-700:oklch(52% .105 223.128 / var(--color-cyan-700-opacity,var(--color-cyan-opacity,var(--color-opacity,100%))));--color-cyan-800:oklch(45% .085 224.283 / var(--color-cyan-800-opacity,var(--color-cyan-opacity,var(--color-opacity,100%))));--color-cyan-900:oklch(39.8% .07 227.392 / var(--color-cyan-900-opacity,var(--color-cyan-opacity,var(--color-opacity,100%))));--color-cyan-950:oklch(30.2% .056 229.695 / var(--color-cyan-950-opacity,var(--color-cyan-opacity,var(--color-opacity,100%))));--color-sky-50:oklch(97.7% .013 236.62 / var(--color-sky-50-opacity,var(--color-sky-opacity,var(--color-opacity,100%))));--color-sky-100:oklch(95.1% .026 236.824 / var(--color-sky-100-opacity,var(--color-sky-opacity,var(--color-opacity,100%))));--color-sky-200:oklch(90.1% .058 230.902 / var(--color-sky-200-opacity,var(--color-sky-opacity,var(--color-opacity,100%))));--color-sky-300:oklch(82.8% .111 230.318 / var(--color-sky-300-opacity,var(--color-sky-opacity,var(--color-opacity,100%))));--color-sky-400:oklch(74.6% .16 232.661 / var(--color-sky-400-opacity,var(--color-sky-opacity,var(--color-opacity,100%))));--color-sky-500:oklch(68.5% .169 237.323 / var(--color-sky-500-opacity,var(--color-sky-opacity,var(--color-opacity,100%))));--color-sky-600:oklch(58.8% .158 241.966 / var(--color-sky-600-opacity,var(--color-sky-opacity,var(--color-opacity,100%))));--color-sky-700:oklch(50% .134 242.749 / var(--color-sky-700-opacity,var(--color-sky-opacity,var(--color-opacity,100%))));--color-sky-800:oklch(44.3% .11 240.79 / var(--color-sky-800-opacity,var(--color-sky-opacity,var(--color-opacity,100%))));--color-sky-900:oklch(39.1% .09 240.876 / var(--color-sky-900-opacity,var(--color-sky-opacity,var(--color-opacity,100%))));--color-sky-950:oklch(29.3% .066 243.157 / var(--color-sky-950-opacity,var(--color-sky-opacity,var(--color-opacity,100%))));--color-blue-50:oklch(97% .014 254.604 / var(--color-blue-50-opacity,var(--color-blue-opacity,var(--color-opacity,100%))));--color-blue-100:oklch(93.2% .032 255.585 / var(--color-blue-100-opacity,var(--color-blue-opacity,var(--color-opacity,100%))));--color-blue-200:oklch(88.2% .059 254.128 / var(--color-blue-200-opacity,var(--color-blue-opacity,var(--color-opacity,100%))));--color-blue-300:oklch(80.9% .105 251.813 / var(--color-blue-300-opacity,var(--color-blue-opacity,var(--color-opacity,100%))));--color-blue-400:oklch(70.7% .165 254.624 / var(--color-blue-400-opacity,var(--color-blue-opacity,var(--color-opacity,100%))));--color-blue-500:oklch(62.3% .214 259.815 / var(--color-blue-500-opacity,var(--color-blue-opacity,var(--color-opacity,100%))));--color-blue-600:oklch(54.6% .245 262.881 / var(--color-blue-600-opacity,var(--color-blue-opacity,var(--color-opacity,100%))));--color-blue-700:oklch(48.8% .243 264.376 / var(--color-blue-700-opacity,var(--color-blue-opacity,var(--color-opacity,100%))));--color-blue-800:oklch(42.4% .199 265.638 / var(--color-blue-800-opacity,var(--color-blue-opacity,var(--color-opacity,100%))));--color-blue-900:oklch(37.9% .146 265.522 / var(--color-blue-900-opacity,var(--color-blue-opacity,var(--color-opacity,100%))));--color-blue-950:oklch(28.2% .091 267.935 / var(--color-blue-950-opacity,var(--color-blue-opacity,var(--color-opacity,100%))));--color-indigo-50:oklch(96.2% .018 272.314 / var(--color-indigo-50-opacity,var(--color-indigo-opacity,var(--color-opacity,100%))));--color-indigo-100:oklch(93% .034 272.788 / var(--color-indigo-100-opacity,var(--color-indigo-opacity,var(--color-opacity,100%))));--color-indigo-200:oklch(87% .065 274.039 / var(--color-indigo-200-opacity,var(--color-indigo-opacity,var(--color-opacity,100%))));--color-indigo-300:oklch(78.5% .115 274.713 / var(--color-indigo-300-opacity,var(--color-indigo-opacity,var(--color-opacity,100%))));--color-indigo-400:oklch(67.3% .182 276.935 / var(--color-indigo-400-opacity,var(--color-indigo-opacity,var(--color-opacity,100%))));--color-indigo-500:oklch(58.5% .233 277.117 / var(--color-indigo-500-opacity,var(--color-indigo-opacity,var(--color-opacity,100%))));--color-indigo-600:oklch(51.1% .262 276.966 / var(--color-indigo-600-opacity,var(--color-indigo-opacity,var(--color-opacity,100%))));--color-indigo-700:oklch(45.7% .24 277.023 / var(--color-indigo-700-opacity,var(--color-indigo-opacity,var(--color-opacity,100%))));--color-indigo-800:oklch(39.8% .195 277.366 / var(--color-indigo-800-opacity,var(--color-indigo-opacity,var(--color-opacity,100%))));--color-indigo-900:oklch(35.9% .144 278.697 / var(--color-indigo-900-opacity,var(--color-indigo-opacity,var(--color-opacity,100%))));--color-indigo-950:oklch(25.7% .09 281.288 / var(--color-indigo-950-opacity,var(--color-indigo-opacity,var(--color-opacity,100%))));--color-violet-50:oklch(96.9% .016 293.756 / var(--color-violet-50-opacity,var(--color-violet-opacity,var(--color-opacity,100%))));--color-violet-100:oklch(94.3% .029 294.588 / var(--color-violet-100-opacity,var(--color-violet-opacity,var(--color-opacity,100%))));--color-violet-200:oklch(89.4% .057 293.283 / var(--color-violet-200-opacity,var(--color-violet-opacity,var(--color-opacity,100%))));--color-violet-300:oklch(81.1% .111 293.571 / var(--color-violet-300-opacity,var(--color-violet-opacity,var(--color-opacity,100%))));--color-violet-400:oklch(70.2% .183 293.541 / var(--color-violet-400-opacity,var(--color-violet-opacity,var(--color-opacity,100%))));--color-violet-500:oklch(60.6% .25 292.717 / var(--color-violet-500-opacity,var(--color-violet-opacity,var(--color-opacity,100%))));--color-violet-600:oklch(54.1% .281 293.009 / var(--color-violet-600-opacity,var(--color-violet-opacity,var(--color-opacity,100%))));--color-violet-700:oklch(49.1% .27 292.581 / var(--color-violet-700-opacity,var(--color-violet-opacity,var(--color-opacity,100%))));--color-violet-800:oklch(43.2% .232 292.759 / var(--color-violet-800-opacity,var(--color-violet-opacity,var(--color-opacity,100%))));--color-violet-900:oklch(38% .189 293.745 / var(--color-violet-900-opacity,var(--color-violet-opacity,var(--color-opacity,100%))));--color-violet-950:oklch(28.3% .141 291.089 / var(--color-violet-950-opacity,var(--color-violet-opacity,var(--color-opacity,100%))));--color-purple-50:oklch(97.7% .014 308.299 / var(--color-purple-50-opacity,var(--color-purple-opacity,var(--color-opacity,100%))));--color-purple-100:oklch(94.6% .033 307.174 / var(--color-purple-100-opacity,var(--color-purple-opacity,var(--color-opacity,100%))));--color-purple-200:oklch(90.2% .063 306.703 / var(--color-purple-200-opacity,var(--color-purple-opacity,var(--color-opacity,100%))));--color-purple-300:oklch(82.7% .119 306.383 / var(--color-purple-300-opacity,var(--color-purple-opacity,var(--color-opacity,100%))));--color-purple-400:oklch(71.4% .203 305.504 / var(--color-purple-400-opacity,var(--color-purple-opacity,var(--color-opacity,100%))));--color-purple-500:oklch(62.7% .265 303.9 / var(--color-purple-500-opacity,var(--color-purple-opacity,var(--color-opacity,100%))));--color-purple-600:oklch(55.8% .288 302.321 / var(--color-purple-600-opacity,var(--color-purple-opacity,var(--color-opacity,100%))));--color-purple-700:oklch(49.6% .265 301.924 / var(--color-purple-700-opacity,var(--color-purple-opacity,var(--color-opacity,100%))));--color-purple-800:oklch(43.8% .218 303.724 / var(--color-purple-800-opacity,var(--color-purple-opacity,var(--color-opacity,100%))));--color-purple-900:oklch(38.1% .176 304.987 / var(--color-purple-900-opacity,var(--color-purple-opacity,var(--color-opacity,100%))));--color-purple-950:oklch(29.1% .149 302.717 / var(--color-purple-950-opacity,var(--color-purple-opacity,var(--color-opacity,100%))));--color-fuchsia-50:oklch(97.7% .017 320.058 / var(--color-fuchsia-50-opacity,var(--color-fuchsia-opacity,var(--color-opacity,100%))));--color-fuchsia-100:oklch(95.2% .037 318.852 / var(--color-fuchsia-100-opacity,var(--color-fuchsia-opacity,var(--color-opacity,100%))));--color-fuchsia-200:oklch(90.3% .076 319.62 / var(--color-fuchsia-200-opacity,var(--color-fuchsia-opacity,var(--color-opacity,100%))));--color-fuchsia-300:oklch(83.3% .145 321.434 / var(--color-fuchsia-300-opacity,var(--color-fuchsia-opacity,var(--color-opacity,100%))));--color-fuchsia-400:oklch(74% .238 322.16 / var(--color-fuchsia-400-opacity,var(--color-fuchsia-opacity,var(--color-opacity,100%))));--color-fuchsia-500:oklch(66.7% .295 322.15 / var(--color-fuchsia-500-opacity,var(--color-fuchsia-opacity,var(--color-opacity,100%))));--color-fuchsia-600:oklch(59.1% .293 322.896 / var(--color-fuchsia-600-opacity,var(--color-fuchsia-opacity,var(--color-opacity,100%))));--color-fuchsia-700:oklch(51.8% .253 323.949 / var(--color-fuchsia-700-opacity,var(--color-fuchsia-opacity,var(--color-opacity,100%))));--color-fuchsia-800:oklch(45.2% .211 324.591 / var(--color-fuchsia-800-opacity,var(--color-fuchsia-opacity,var(--color-opacity,100%))));--color-fuchsia-900:oklch(40.1% .17 325.612 / var(--color-fuchsia-900-opacity,var(--color-fuchsia-opacity,var(--color-opacity,100%))));--color-fuchsia-950:oklch(29.3% .136 325.661 / var(--color-fuchsia-950-opacity,var(--color-fuchsia-opacity,var(--color-opacity,100%))));--color-pink-50:oklch(97.1% .014 343.198 / var(--color-pink-50-opacity,var(--color-pink-opacity,var(--color-opacity,100%))));--color-pink-100:oklch(94.8% .028 342.258 / var(--color-pink-100-opacity,var(--color-pink-opacity,var(--color-opacity,100%))));--color-pink-200:oklch(89.9% .061 343.231 / var(--color-pink-200-opacity,var(--color-pink-opacity,var(--color-opacity,100%))));--color-pink-300:oklch(82.3% .12 346.018 / var(--color-pink-300-opacity,var(--color-pink-opacity,var(--color-opacity,100%))));--color-pink-400:oklch(71.8% .202 349.761 / var(--color-pink-400-opacity,var(--color-pink-opacity,var(--color-opacity,100%))));--color-pink-500:oklch(65.6% .241 354.308 / var(--color-pink-500-opacity,var(--color-pink-opacity,var(--color-opacity,100%))));--color-pink-600:oklch(59.2% .249 .584 / var(--color-pink-600-opacity,var(--color-pink-opacity,var(--color-opacity,100%))));--color-pink-700:oklch(52.5% .223 3.958 / var(--color-pink-700-opacity,var(--color-pink-opacity,var(--color-opacity,100%))));--color-pink-800:oklch(45.9% .187 3.815 / var(--color-pink-800-opacity,var(--color-pink-opacity,var(--color-opacity,100%))));--color-pink-900:oklch(40.8% .153 2.432 / var(--color-pink-900-opacity,var(--color-pink-opacity,var(--color-opacity,100%))));--color-pink-950:oklch(28.4% .109 3.907 / var(--color-pink-950-opacity,var(--color-pink-opacity,var(--color-opacity,100%))));--color-rose-50:oklch(96.9% .015 12.422 / var(--color-rose-50-opacity,var(--color-rose-opacity,var(--color-opacity,100%))));--color-rose-100:oklch(94.1% .03 12.58 / var(--color-rose-100-opacity,var(--color-rose-opacity,var(--color-opacity,100%))));--color-rose-200:oklch(89.2% .058 10.001 / var(--color-rose-200-opacity,var(--color-rose-opacity,var(--color-opacity,100%))));--color-rose-300:oklch(81% .117 11.638 / var(--color-rose-300-opacity,var(--color-rose-opacity,var(--color-opacity,100%))));--color-rose-400:oklch(71.2% .194 13.428 / var(--color-rose-400-opacity,var(--color-rose-opacity,var(--color-opacity,100%))));--color-rose-500:oklch(64.5% .246 16.439 / var(--color-rose-500-opacity,var(--color-rose-opacity,var(--color-opacity,100%))));--color-rose-600:oklch(58.6% .253 17.585 / var(--color-rose-600-opacity,var(--color-rose-opacity,var(--color-opacity,100%))));--color-rose-700:oklch(51.4% .222 16.935 / var(--color-rose-700-opacity,var(--color-rose-opacity,var(--color-opacity,100%))));--color-rose-800:oklch(45.5% .188 13.697 / var(--color-rose-800-opacity,var(--color-rose-opacity,var(--color-opacity,100%))));--color-rose-900:oklch(41% .159 10.272 / var(--color-rose-900-opacity,var(--color-rose-opacity,var(--color-opacity,100%))));--color-rose-950:oklch(27.1% .105 12.094 / var(--color-rose-950-opacity,var(--color-rose-opacity,var(--color-opacity,100%))));--color-slate-50:oklch(98.4% .003 247.858 / var(--color-slate-50-opacity,var(--color-slate-opacity,var(--color-opacity,100%))));--color-slate-100:oklch(96.8% .007 247.896 / var(--color-slate-100-opacity,var(--color-slate-opacity,var(--color-opacity,100%))));--color-slate-200:oklch(92.9% .013 255.508 / var(--color-slate-200-opacity,var(--color-slate-opacity,var(--color-opacity,100%))));--color-slate-300:oklch(86.9% .022 252.894 / var(--color-slate-300-opacity,var(--color-slate-opacity,var(--color-opacity,100%))));--color-slate-400:oklch(70.4% .04 256.788 / var(--color-slate-400-opacity,var(--color-slate-opacity,var(--color-opacity,100%))));--color-slate-500:oklch(55.4% .046 257.417 / var(--color-slate-500-opacity,var(--color-slate-opacity,var(--color-opacity,100%))));--color-slate-600:oklch(44.6% .043 257.281 / var(--color-slate-600-opacity,var(--color-slate-opacity,var(--color-opacity,100%))));--color-slate-700:oklch(37.2% .044 257.287 / var(--color-slate-700-opacity,var(--color-slate-opacity,var(--color-opacity,100%))));--color-slate-800:oklch(27.9% .041 260.031 / var(--color-slate-800-opacity,var(--color-slate-opacity,var(--color-opacity,100%))));--color-slate-900:oklch(20.8% .042 265.755 / var(--color-slate-900-opacity,var(--color-slate-opacity,var(--color-opacity,100%))));--color-slate-950:oklch(12.9% .042 264.695 / var(--color-slate-950-opacity,var(--color-slate-opacity,var(--color-opacity,100%))));--color-gray-50:oklch(98.5% .002 247.839 / var(--color-gray-50-opacity,var(--color-gray-opacity,var(--color-opacity,100%))));--color-gray-100:oklch(96.7% .003 264.542 / var(--color-gray-100-opacity,var(--color-gray-opacity,var(--color-opacity,100%))));--color-gray-200:oklch(92.8% .006 264.531 / var(--color-gray-200-opacity,var(--color-gray-opacity,var(--color-opacity,100%))));--color-gray-300:oklch(87.2% .01 258.338 / var(--color-gray-300-opacity,var(--color-gray-opacity,var(--color-opacity,100%))));--color-gray-400:oklch(70.7% .022 261.325 / var(--color-gray-400-opacity,var(--color-gray-opacity,var(--color-opacity,100%))));--color-gray-500:oklch(55.1% .027 264.364 / var(--color-gray-500-opacity,var(--color-gray-opacity,var(--color-opacity,100%))));--color-gray-600:oklch(44.6% .03 256.802 / var(--color-gray-600-opacity,var(--color-gray-opacity,var(--color-opacity,100%))));--color-gray-700:oklch(37.3% .034 259.733 / var(--color-gray-700-opacity,var(--color-gray-opacity,var(--color-opacity,100%))));--color-gray-800:oklch(27.8% .033 256.848 / var(--color-gray-800-opacity,var(--color-gray-opacity,var(--color-opacity,100%))));--color-gray-900:oklch(21% .034 264.665 / var(--color-gray-900-opacity,var(--color-gray-opacity,var(--color-opacity,100%))));--color-gray-950:oklch(13% .028 261.692 / var(--color-gray-950-opacity,var(--color-gray-opacity,var(--color-opacity,100%))));--color-zinc-50:oklch(98.5% 0 0 / var(--color-zinc-50-opacity,var(--color-zinc-opacity,var(--color-opacity,100%))));--color-zinc-100:oklch(96.7% .001 286.375 / var(--color-zinc-100-opacity,var(--color-zinc-opacity,var(--color-opacity,100%))));--color-zinc-200:oklch(92% .004 286.32 / var(--color-zinc-200-opacity,var(--color-zinc-opacity,var(--color-opacity,100%))));--color-zinc-300:oklch(87.1% .006 286.286 / var(--color-zinc-300-opacity,var(--color-zinc-opacity,var(--color-opacity,100%))));--color-zinc-400:oklch(70.5% .015 286.067 / var(--color-zinc-400-opacity,var(--color-zinc-opacity,var(--color-opacity,100%))));--color-zinc-500:oklch(55.2% .016 285.938 / var(--color-zinc-500-opacity,var(--color-zinc-opacity,var(--color-opacity,100%))));--color-zinc-600:oklch(44.2% .017 285.786 / var(--color-zinc-600-opacity,var(--color-zinc-opacity,var(--color-opacity,100%))));--color-zinc-700:oklch(37% .013 285.805 / var(--color-zinc-700-opacity,var(--color-zinc-opacity,var(--color-opacity,100%))));--color-zinc-800:oklch(27.4% .006 286.033 / var(--color-zinc-800-opacity,var(--color-zinc-opacity,var(--color-opacity,100%))));--color-zinc-900:oklch(21% .006 285.885 / var(--color-zinc-900-opacity,var(--color-zinc-opacity,var(--color-opacity,100%))));--color-zinc-950:oklch(14.1% .005 285.823 / var(--color-zinc-950-opacity,var(--color-zinc-opacity,var(--color-opacity,100%))));--color-neutral-50:oklch(98.5% 0 0 / var(--color-neutral-50-opacity,var(--color-neutral-opacity,var(--color-opacity,100%))));--color-neutral-100:oklch(97% 0 0 / var(--color-neutral-100-opacity,var(--color-neutral-opacity,var(--color-opacity,100%))));--color-neutral-200:oklch(92.2% 0 0 / var(--color-neutral-200-opacity,var(--color-neutral-opacity,var(--color-opacity,100%))));--color-neutral-300:oklch(87% 0 0 / var(--color-neutral-300-opacity,var(--color-neutral-opacity,var(--color-opacity,100%))));--color-neutral-400:oklch(70.8% 0 0 / var(--color-neutral-400-opacity,var(--color-neutral-opacity,var(--color-opacity,100%))));--color-neutral-500:oklch(55.6% 0 0 / var(--color-neutral-500-opacity,var(--color-neutral-opacity,var(--color-opacity,100%))));--color-neutral-600:oklch(43.9% 0 0 / var(--color-neutral-600-opacity,var(--color-neutral-opacity,var(--color-opacity,100%))));--color-neutral-700:oklch(37.1% 0 0 / var(--color-neutral-700-opacity,var(--color-neutral-opacity,var(--color-opacity,100%))));--color-neutral-800:oklch(26.9% 0 0 / var(--color-neutral-800-opacity,var(--color-neutral-opacity,var(--color-opacity,100%))));--color-neutral-900:oklch(20.5% 0 0 / var(--color-neutral-900-opacity,var(--color-neutral-opacity,var(--color-opacity,100%))));--color-neutral-950:oklch(14.5% 0 0 / var(--color-neutral-950-opacity,var(--color-neutral-opacity,var(--color-opacity,100%))));--color-stone-50:oklch(98.5% .001 106.423 / var(--color-stone-50-opacity,var(--color-stone-opacity,var(--color-opacity,100%))));--color-stone-100:oklch(97% .001 106.424 / var(--color-stone-100-opacity,var(--color-stone-opacity,var(--color-opacity,100%))));--color-stone-200:oklch(92.3% .003 48.717 / var(--color-stone-200-opacity,var(--color-stone-opacity,var(--color-opacity,100%))));--color-stone-300:oklch(86.9% .005 56.366 / var(--color-stone-300-opacity,var(--color-stone-opacity,var(--color-opacity,100%))));--color-stone-400:oklch(70.9% .01 56.259 / var(--color-stone-400-opacity,var(--color-stone-opacity,var(--color-opacity,100%))));--color-stone-500:oklch(55.3% .013 58.071 / var(--color-stone-500-opacity,var(--color-stone-opacity,var(--color-opacity,100%))));--color-stone-600:oklch(44.4% .011 73.639 / var(--color-stone-600-opacity,var(--color-stone-opacity,var(--color-opacity,100%))));--color-stone-700:oklch(37.4% .01 67.558 / var(--color-stone-700-opacity,var(--color-stone-opacity,var(--color-opacity,100%))));--color-stone-800:oklch(26.8% .007 34.298 / var(--color-stone-800-opacity,var(--color-stone-opacity,var(--color-opacity,100%))));--color-stone-900:oklch(21.6% .006 56.043 / var(--color-stone-900-opacity,var(--color-stone-opacity,var(--color-opacity,100%))));--color-stone-950:oklch(14.7% .004 49.25 / var(--color-stone-950-opacity,var(--color-stone-opacity,var(--color-opacity,100%))));--color-mauve-50:oklch(98.5% 0 0 / var(--color-mauve-50-opacity,var(--color-mauve-opacity,var(--color-opacity,100%))));--color-mauve-100:oklch(96% .003 325.6 / var(--color-mauve-100-opacity,var(--color-mauve-opacity,var(--color-opacity,100%))));--color-mauve-200:oklch(92.2% .005 325.62 / var(--color-mauve-200-opacity,var(--color-mauve-opacity,var(--color-opacity,100%))));--color-mauve-300:oklch(86.5% .012 325.68 / var(--color-mauve-300-opacity,var(--color-mauve-opacity,var(--color-opacity,100%))));--color-mauve-400:oklch(71.1% .019 323.02 / var(--color-mauve-400-opacity,var(--color-mauve-opacity,var(--color-opacity,100%))));--color-mauve-500:oklch(54.2% .034 322.5 / var(--color-mauve-500-opacity,var(--color-mauve-opacity,var(--color-opacity,100%))));--color-mauve-600:oklch(43.5% .029 321.78 / var(--color-mauve-600-opacity,var(--color-mauve-opacity,var(--color-opacity,100%))));--color-mauve-700:oklch(36.4% .029 323.89 / var(--color-mauve-700-opacity,var(--color-mauve-opacity,var(--color-opacity,100%))));--color-mauve-800:oklch(26.3% .024 320.12 / var(--color-mauve-800-opacity,var(--color-mauve-opacity,var(--color-opacity,100%))));--color-mauve-900:oklch(21.2% .019 322.12 / var(--color-mauve-900-opacity,var(--color-mauve-opacity,var(--color-opacity,100%))));--color-mauve-950:oklch(14.5% .008 326 / var(--color-mauve-950-opacity,var(--color-mauve-opacity,var(--color-opacity,100%))));--color-olive-50:oklch(98.8% .003 106.5 / var(--color-olive-50-opacity,var(--color-olive-opacity,var(--color-opacity,100%))));--color-olive-100:oklch(96.6% .005 106.5 / var(--color-olive-100-opacity,var(--color-olive-opacity,var(--color-opacity,100%))));--color-olive-200:oklch(93% .007 106.5 / var(--color-olive-200-opacity,var(--color-olive-opacity,var(--color-opacity,100%))));--color-olive-300:oklch(88% .011 106.6 / var(--color-olive-300-opacity,var(--color-olive-opacity,var(--color-opacity,100%))));--color-olive-400:oklch(73.7% .021 106.9 / var(--color-olive-400-opacity,var(--color-olive-opacity,var(--color-opacity,100%))));--color-olive-500:oklch(58% .031 107.3 / var(--color-olive-500-opacity,var(--color-olive-opacity,var(--color-opacity,100%))));--color-olive-600:oklch(46.6% .025 107.3 / var(--color-olive-600-opacity,var(--color-olive-opacity,var(--color-opacity,100%))));--color-olive-700:oklch(39.4% .023 107.4 / var(--color-olive-700-opacity,var(--color-olive-opacity,var(--color-opacity,100%))));--color-olive-800:oklch(28.6% .016 107.4 / var(--color-olive-800-opacity,var(--color-olive-opacity,var(--color-opacity,100%))));--color-olive-900:oklch(22.8% .013 107.4 / var(--color-olive-900-opacity,var(--color-olive-opacity,var(--color-opacity,100%))));--color-olive-950:oklch(15.3% .006 107.1 / var(--color-olive-950-opacity,var(--color-olive-opacity,var(--color-opacity,100%))));--color-mist-50:oklch(98.7% .002 197.1 / var(--color-mist-50-opacity,var(--color-mist-opacity,var(--color-opacity,100%))));--color-mist-100:oklch(96.3% .002 197.1 / var(--color-mist-100-opacity,var(--color-mist-opacity,var(--color-opacity,100%))));--color-mist-200:oklch(92.5% .005 214.3 / var(--color-mist-200-opacity,var(--color-mist-opacity,var(--color-opacity,100%))));--color-mist-300:oklch(87.2% .007 219.6 / var(--color-mist-300-opacity,var(--color-mist-opacity,var(--color-opacity,100%))));--color-mist-400:oklch(72.3% .014 214.4 / var(--color-mist-400-opacity,var(--color-mist-opacity,var(--color-opacity,100%))));--color-mist-500:oklch(56% .021 213.5 / var(--color-mist-500-opacity,var(--color-mist-opacity,var(--color-opacity,100%))));--color-mist-600:oklch(45% .017 213.2 / var(--color-mist-600-opacity,var(--color-mist-opacity,var(--color-opacity,100%))));--color-mist-700:oklch(37.8% .015 216 / var(--color-mist-700-opacity,var(--color-mist-opacity,var(--color-opacity,100%))));--color-mist-800:oklch(27.5% .011 216.9 / var(--color-mist-800-opacity,var(--color-mist-opacity,var(--color-opacity,100%))));--color-mist-900:oklch(21.8% .008 223.9 / var(--color-mist-900-opacity,var(--color-mist-opacity,var(--color-opacity,100%))));--color-mist-950:oklch(14.8% .004 228.8 / var(--color-mist-950-opacity,var(--color-mist-opacity,var(--color-opacity,100%))));--color-taupe-50:oklch(98.6% .002 67.8 / var(--color-taupe-50-opacity,var(--color-taupe-opacity,var(--color-opacity,100%))));--color-taupe-100:oklch(96% .002 17.2 / var(--color-taupe-100-opacity,var(--color-taupe-opacity,var(--color-opacity,100%))));--color-taupe-200:oklch(92.2% .005 34.3 / var(--color-taupe-200-opacity,var(--color-taupe-opacity,var(--color-opacity,100%))));--color-taupe-300:oklch(86.8% .007 39.5 / var(--color-taupe-300-opacity,var(--color-taupe-opacity,var(--color-opacity,100%))));--color-taupe-400:oklch(71.4% .014 41.2 / var(--color-taupe-400-opacity,var(--color-taupe-opacity,var(--color-opacity,100%))));--color-taupe-500:oklch(54.7% .021 43.1 / var(--color-taupe-500-opacity,var(--color-taupe-opacity,var(--color-opacity,100%))));--color-taupe-600:oklch(43.8% .017 39.3 / var(--color-taupe-600-opacity,var(--color-taupe-opacity,var(--color-opacity,100%))));--color-taupe-700:oklch(36.7% .016 35.7 / var(--color-taupe-700-opacity,var(--color-taupe-opacity,var(--color-opacity,100%))));--color-taupe-800:oklch(26.8% .011 36.5 / var(--color-taupe-800-opacity,var(--color-taupe-opacity,var(--color-opacity,100%))));--color-taupe-900:oklch(21.4% .009 43.1 / var(--color-taupe-900-opacity,var(--color-taupe-opacity,var(--color-opacity,100%))));--color-taupe-950:oklch(14.7% .004 49.3 / var(--color-taupe-950-opacity,var(--color-taupe-opacity,var(--color-opacity,100%))))}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tailvars",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "A collection of tailwind-inspired css custom properties",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"css",
|
|
@@ -24,5 +24,12 @@
|
|
|
24
24
|
},
|
|
25
25
|
"license": "MIT",
|
|
26
26
|
"author": "Mafrans",
|
|
27
|
-
"main": "index.css"
|
|
27
|
+
"main": "index.min.css",
|
|
28
|
+
"devDependencies": {
|
|
29
|
+
"lightningcss-cli": "^1.31.1"
|
|
30
|
+
},
|
|
31
|
+
"scripts": {
|
|
32
|
+
"build": "lightningcss --minify --bundle index.css -o index.min.css",
|
|
33
|
+
"prepublish": "npm run build"
|
|
34
|
+
}
|
|
28
35
|
}
|