@warp-ds/css 2.0.0-v2.1 → 2.0.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.
Files changed (12) hide show
  1. package/component-classes/classes.js +7 -10
  2. package/component-classes/index.d.ts +431 -382
  3. package/component-classes/index.js +315 -278
  4. package/component-classes/shortcuts.js +20 -13
  5. package/dist/components.css +1 -0
  6. package/dist/index.html +547 -0
  7. package/dist/resets.css +1 -0
  8. package/dist/tokens/blocket-se.css +1 -0
  9. package/dist/tokens/dba-dk.css +1 -0
  10. package/dist/tokens/finn-no.css +1 -0
  11. package/dist/tokens/tori-fi.css +1 -0
  12. package/package.json +29 -26
package/dist/index.html ADDED
@@ -0,0 +1,547 @@
1
+ <html lang="en">
2
+ <link rel="stylesheet" crossorigin href="/components.css">
3
+
4
+ <body>
5
+ </body>
6
+ </html>
7
+ <style>/* layer: preflights */
8
+ *,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
9
+ /* layer: shortcuts */
10
+ .h4,
11
+ .t4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
12
+ .t3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l);}
13
+ @media (min-width: 480px){
14
+ .sm\:h3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l);}
15
+ }
16
+ /* layer: default */
17
+ .text-center{text-align:center;}
18
+ .before\:text-center::before{text-align:center;}
19
+ .text-left{text-align:left;}
20
+ .text-right{text-align:right;}
21
+ .align-middle{vertical-align:middle;}
22
+ .animate-inprogress{background-image:linear-gradient(135deg,rgba(0,0,0,.05) 25%,transparent 0,transparent 50%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 75%,transparent 0,transparent) !important;background-size: 30px 30px;animation: animate-inprogress 3s linear infinite;}@keyframes animate-inprogress {0% {background-position: 0 0;}to {background-position: 60px 0;}}
23
+ .\[--w-modal-max-height\:80\%\]{--w-modal-max-height:80%;}
24
+ .\[--w-modal-width\:640px\]{--w-modal-width:640px;}
25
+ .focus\:\[--w-outline-offset\:-2px\]:focus{--w-outline-offset:-2px;}
26
+ .backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
27
+ .peer:checked~.peer-checked\:before\:bg-center::before{background-position:center;}
28
+ .hover\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box;}
29
+ .bg-transparent,
30
+ .group\/steph:first-child .group-first\/steph\:bg-transparent,
31
+ .group\/steph:last-child .group-last\/steph\:bg-transparent{background-color:transparent;}
32
+ .bg-\[--w-black\/25\]{background-color:rgba(var(--w-rgb-black),0.25);}
33
+ .bg-\[--w-black\/70\],
34
+ .bg-\[var\(--w-black\)\/70\]{background-color:rgba(var(--w-rgb-black),0.7);}
35
+ .bg-\[--w-color-badge-info-background\]{background-color:var(--w-color-badge-info-background);}
36
+ .bg-\[--w-color-badge-negative-background\]{background-color:var(--w-color-badge-negative-background);}
37
+ .bg-\[--w-color-badge-neutral-background\]{background-color:var(--w-color-badge-neutral-background);}
38
+ .bg-\[--w-color-badge-positive-background\]{background-color:var(--w-color-badge-positive-background);}
39
+ .bg-\[--w-color-badge-sponsored-background\]{background-color:var(--w-color-badge-sponsored-background);}
40
+ .bg-\[--w-color-badge-warning-background\]{background-color:var(--w-color-badge-warning-background);}
41
+ .bg-\[--w-color-button-primary-background\]{background-color:var(--w-color-button-primary-background);}
42
+ .bg-\[--w-color-buttongroup-utility-background-selected\]{background-color:var(--w-color-buttongroup-utility-background-selected);}
43
+ .bg-\[--w-color-callout-background\]{background-color:var(--w-color-callout-background);}
44
+ .bg-\[--w-color-pill-suggestion-background\]{background-color:var(--w-color-pill-suggestion-background);}
45
+ .bg-\[--w-color-switch-track-background\]{background-color:var(--w-color-switch-track-background);}
46
+ .bg-\[--w-s-color-surface-elevated-100\]{background-color:var(--w-s-color-surface-elevated-100);}
47
+ .bg-\[--w-s-color-surface-elevated-300\]{background-color:var(--w-s-color-surface-elevated-300);}
48
+ .bg-\[--w-s-icon-selected\]{background-color:var(--w-s-icon-selected);}
49
+ .group:hover .group-hover\:bg-\[--w-color-switch-track-background-hover\]{background-color:var(--w-color-switch-track-background-hover);}
50
+ .hover\:bg-\[--w-color-button-pill-background-hover\]:hover{background-color:var(--w-color-button-pill-background-hover);}
51
+ .hover\:bg-\[--w-color-button-primary-background-hover\]:hover{background-color:var(--w-color-button-primary-background-hover);}
52
+ .hover\:bg-\[--w-color-buttongroup-utility-background-hover\]:hover{background-color:var(--w-color-buttongroup-utility-background-hover);}
53
+ .hover\:bg-\[--w-color-pill-suggestion-background-hover\]:hover{background-color:var(--w-color-pill-suggestion-background-hover);}
54
+ .hover\:bg-\[--w-s-icon-subtle\]:hover{background-color:var(--w-s-icon-subtle);}
55
+ .hover\:bg-\[var\(--w-black\)\/85\]:hover{background-color:rgba(var(--w-rgb-black),0.85);}
56
+ .active\:bg-\[--w-color-button-pill-background-active\]:active{background-color:var(--w-color-button-pill-background-active);}
57
+ .active\:bg-\[--w-color-button-primary-background-active\]:active{background-color:var(--w-color-button-primary-background-active);}
58
+ .active\:bg-\[--w-color-buttongroup-utility-background-selected\]:active{background-color:var(--w-color-buttongroup-utility-background-selected);}
59
+ .active\:bg-\[--w-color-pill-suggestion-background-active\]:active{background-color:var(--w-color-pill-suggestion-background-active);}
60
+ .active\:bg-\[var\(--w-black\)\]:active{background-color:var(--w-black);}
61
+ .peer:checked~.peer-checked\:before\:bg-\[url\(var\(--w-icon-toggle-checked\)\)\]::before{background-image:var(--w-icon-toggle-checked);}
62
+ .appearance-none{appearance:none;-webkit-appearance:none;}
63
+ .will-change-height{will-change:height;}
64
+ .border,
65
+ .border-1{border-width:1px;}
66
+ .border-b{border-bottom-width:1px;}
67
+ .before\:border::before{border-width:1px;}
68
+ .border-0{border-width:0;}
69
+ .border-2{border-width:2px;}
70
+ .border-b-0{border-bottom-width:0;}
71
+ .border-b-4{border-bottom-width:4px;}
72
+ .border-l-4{border-left-width:4px;}
73
+ .border-r-0,
74
+ .group:not(:last-of-type) .group-not-last-of-type\:border-r-0{border-right-width:0;}
75
+ .peer:checked~.peer-checked\:before\:border-\[6\]::before{border-width:0.6rem;}
76
+ .border-transparent{border-color:transparent;}
77
+ .border-\[--w-color-buttongroup-utility-border\]{border-color:var(--w-color-buttongroup-utility-border);}
78
+ .border-\[--w-color-callout-border\]{border-color:var(--w-color-callout-border);}
79
+ .border-\[--w-s-color-background-inverted\]{border-color:var(--w-s-color-background-inverted);}
80
+ .border-\[--w-s-color-surface-elevated-300\]{border-color:var(--w-s-color-surface-elevated-300);}
81
+ .active\:border-\[--w-color-buttongroup-utility-border-selected\]:active{border-color:var(--w-color-buttongroup-utility-border-selected);}
82
+ .divide-x>*+*{--w-divide-x-reverse:0;border-left-width:calc(1px * calc(1 - var(--w-divide-x-reverse)));border-right-width:calc(1px * var(--w-divide-x-reverse));}
83
+ .divide-y>*+*{--w-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--w-divide-y-reverse)));border-bottom-width:calc(1px * var(--w-divide-y-reverse));}
84
+ .rounded-4{border-radius:4px;}
85
+ .rounded-8{border-radius:8px;}
86
+ .rounded-full{border-radius:9999px;}
87
+ .before\:rounded-2::before{border-radius:2px;}
88
+ .before\:rounded-full::before{border-radius:9999px;}
89
+ .rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}
90
+ .rounded-bl-0{border-bottom-left-radius:0;}
91
+ .rounded-br-0{border-bottom-right-radius:0;}
92
+ .rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0;}
93
+ .rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px;}
94
+ .rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0;}
95
+ .rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px;}
96
+ .rounded-tl-0{border-top-left-radius:0;}
97
+ .rounded-tl-4{border-top-left-radius:4px;}
98
+ .rounded-tr-0{border-top-right-radius:0;}
99
+ .group:first-of-type .group-first-of-type\:rounded-bl-8{border-bottom-left-radius:8px;}
100
+ .group:first-of-type .group-first-of-type\:rounded-tl-8{border-top-left-radius:8px;}
101
+ .first\:rounded-lb-4:first-child{border-bottom-left-radius:4px;}
102
+ .first\:rounded-lt-4:first-child{border-top-left-radius:4px;}
103
+ .first\:rounded-rt-4:first-child{border-top-right-radius:4px;}
104
+ .group:last-of-type .group-last-of-type\:rounded-br-8{border-bottom-right-radius:8px;}
105
+ .group:last-of-type .group-last-of-type\:rounded-tr-8{border-top-right-radius:8px;}
106
+ .last\:rounded-lb-4:last-child{border-bottom-left-radius:4px;}
107
+ .last\:rounded-rb-4:last-child{border-bottom-right-radius:4px;}
108
+ .last\:rounded-rt-4:last-child{border-top-right-radius:4px;}
109
+ .caret-current{caret-color:currentColor;}
110
+ .opacity-25{opacity:25%;}
111
+ .block{display:block;}
112
+ .before\:block::before{display:block;}
113
+ .inline-block{display:inline-block;}
114
+ .inline{display:inline;}
115
+ .flex{display:flex;}
116
+ .open\:flex[open]{display:flex;}
117
+ .inline-flex{display:inline-flex;}
118
+ .grid{display:grid;}
119
+ .inline-grid{display:inline-grid;}
120
+ .hidden,
121
+ .group\/stepv:last-child .group-last\/stepv\:hidden{display:none;}
122
+ .before\:hidden::before{display:none;}
123
+ .hover\:underline:hover{text-decoration-line:underline;}
124
+ .focus\:underline:focus{text-decoration-line:underline;}
125
+ .focus-visible\:underline:focus-visible{text-decoration-line:underline;}
126
+ .active\:underline:active{text-decoration-line:underline;}
127
+ .hover\:no-underline:hover{text-decoration:none;}
128
+ .focus\:no-underline:focus{text-decoration:none;}
129
+ .active\:no-underline:active{text-decoration:none;}
130
+ .flex-1{flex:1 1 0%;}
131
+ .shrink{flex-shrink:1;}
132
+ .shrink-0{flex-shrink:0;}
133
+ .shrink-0\!{flex-shrink:0 !important;}
134
+ .grow,
135
+ .grow-1{flex-grow:1;}
136
+ .basis-auto{flex-basis:auto;}
137
+ .flex-col{flex-direction:column;}
138
+ .focus-within\:focusable:focus-within{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px);}
139
+ .focusable:focus,.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px);}.focusable:not(:focus-visible){outline:none;}
140
+ .peer:focus~.peer-focus\:focusable,.peer:focus-visible~.peer-focus\:focusable{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px);}.peer:not(:focus-visible)~.peer-focus\:focusable{outline:none;}
141
+ .focusable-inset{--w-outline-offset:-3px;}
142
+ .gap-12{gap:1.2rem;}
143
+ .gap-8{gap:0.8rem;}
144
+ .gap-x-16{column-gap:1.6rem;}
145
+ .gap-y-16{row-gap:1.6rem;}
146
+ .row-span-2{grid-row:span 2/span 2;}
147
+ .col-span-2{grid-column:span 2/span 2;}
148
+ .col-span-3{grid-column:span 3/span 3;}
149
+ .row-start-1{grid-row-start:1;}
150
+ .row-start-2{grid-row-start:2;}
151
+ .col-start-2{grid-column-start:2;}
152
+ .auto-rows-auto{grid-auto-rows:auto;}
153
+ .grid-flow-col{grid-auto-flow:column;}
154
+ .grid-rows-\[20px_auto\]{grid-template-rows:20px auto;}
155
+ .grid-rows-\[auto_20px\]{grid-template-rows:auto 20px;}
156
+ .grid-cols-\[1fr_20px_1fr\]{grid-template-columns:1fr 20px 1fr;}
157
+ .grid-cols-\[1fr_20px\]{grid-template-columns:1fr 20px;}
158
+ .grid-cols-\[20px_1fr\]{grid-template-columns:20px 1fr;}
159
+ .grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}
160
+ .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
161
+ .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
162
+ .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
163
+ .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
164
+ .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
165
+ .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
166
+ .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr));}
167
+ .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr));}
168
+ .grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr));}
169
+ .overflow-hidden{overflow:hidden;}
170
+ .overflow-x-hidden{overflow-x:hidden;}
171
+ .overflow-y-auto{overflow-y:auto;}
172
+ .list-none{list-style-type:none;}
173
+ .outline-\[--w-s-color-border-negative\]\!{outline-color:var(--w-s-color-border-negative) !important;}
174
+ .outline-none{outline:2px solid transparent;outline-offset:2px;}
175
+ .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
176
+ .items-start{align-items:flex-start;}
177
+ .items-end{align-items:flex-end;}
178
+ .items-center{align-items:center;}
179
+ .self-center{align-self:center;}
180
+ .inset-0{inset:0rem;}
181
+ .-bottom-0{bottom:-0rem;}
182
+ .bottom-0{bottom:0rem;}
183
+ .bottom-10{bottom:1rem;}
184
+ .bottom-16{bottom:1.6rem;}
185
+ .left-0{left:0rem;}
186
+ .left-4{left:0.4rem;}
187
+ .right-0{right:0rem;}
188
+ .right-8{right:0.8rem;}
189
+ .top-0{top:0rem;}
190
+ .top-20{top:2rem;}
191
+ .top-4{top:0.4rem;}
192
+ .top-8{top:0.8rem;}
193
+ .before\:bottom-0::before{bottom:0rem;}
194
+ .before\:left-0::before{left:0rem;}
195
+ .before\:right-0::before{right:0rem;}
196
+ .before\:top-2::before{top:0.2rem;}
197
+ .-bottom-\[8px\]{bottom:-8px;}
198
+ .-left-\[8px\]{left:-8px;}
199
+ .-right-\[8px\]{right:-8px;}
200
+ .-top-\[8px\]{top:-8px;}
201
+ .top-\[19px\]{top:19px;}
202
+ .top-\[30\%\]{top:30%;}
203
+ .justify-end{justify-content:flex-end;}
204
+ .justify-center{justify-content:center;}
205
+ .justify-between{justify-content:space-between;}
206
+ .justify-items-center{justify-items:center;}
207
+ .justify-self-start{justify-self:start;}
208
+ .justify-self-end{justify-self:end;}
209
+ .justify-self-center{justify-self:center;}
210
+ .absolute{position:absolute;}
211
+ .fixed{position:fixed;}
212
+ .relative{position:relative;}
213
+ .open\:fixed[open]{position:fixed;}
214
+ .before\:absolute::before{position:absolute;}
215
+ .z-10,
216
+ .peer:checked~.peer-checked\:z-10{z-index:10;}
217
+ .z-30{z-index:30;}
218
+ .z-50{z-index:50;}
219
+ .hover\:z-30:hover{z-index:30;}
220
+ .\!s-bg-selected{background-color:var(--w-s-color-background-selected) !important;}
221
+ .s-bg{background-color:var(--w-s-color-background);}
222
+ .s-bg-disabled{background-color:var(--w-s-color-background-disabled);}
223
+ .s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle);}
224
+ .s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle);}
225
+ .s-bg-inverted{background-color:var(--w-s-color-background-inverted);}
226
+ .s-bg-negative{background-color:var(--w-s-color-background-negative);}
227
+ .s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle);}
228
+ .s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle);}
229
+ .s-bg-primary,
230
+ .peer:checked~.peer-checked\:s-bg-primary{background-color:var(--w-s-color-background-primary);}
231
+ .s-bg-selected{background-color:var(--w-s-color-background-selected);}
232
+ .s-bg-subtle{background-color:var(--w-s-color-background-subtle);}
233
+ .s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle);}
234
+ .peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-negative-hover::before{background-color:var(--w-s-color-background-negative-hover);}
235
+ .peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-primary-hover::before{background-color:var(--w-s-color-background-primary-hover);}
236
+ .peer:checked~.peer-checked\:before\:s-bg-disabled::before{background-color:var(--w-s-color-background-disabled);}
237
+ .peer:checked~.peer-checked\:before\:s-bg-negative::before{background-color:var(--w-s-color-background-negative);}
238
+ .peer:checked~.peer-checked\:before\:s-bg-primary::before{background-color:var(--w-s-color-background-primary);}
239
+ .peer:indeterminate~.peer-indeterminate\:before\:s-bg-disabled::before{background-color:var(--w-s-color-background-disabled);}
240
+ .peer:indeterminate~.peer-indeterminate\:before\:s-bg-negative::before{background-color:var(--w-s-color-background-negative);}
241
+ .peer:indeterminate~.peer-indeterminate\:before\:s-bg-primary::before{background-color:var(--w-s-color-background-primary);}
242
+ .peer:indeterminate~.peer-indeterminate\:hover\:before\:s-bg-negative-hover:hover::before{background-color:var(--w-s-color-background-negative-hover);}
243
+ .peer:indeterminate~.peer-indeterminate\:hover\:before\:s-bg-primary-hover:hover::before{background-color:var(--w-s-color-background-primary-hover);}
244
+ .\!hover\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover) !important;}
245
+ .group:hover .group-hover\:s-bg-primary-hover{background-color:var(--w-s-color-background-primary-hover);}
246
+ .hover\:before\:s-bg-hover:hover::before{background-color:var(--w-s-color-background-hover);}
247
+ .hover\:before\:s-bg-negative-subtle-hover:hover::before{background-color:var(--w-s-color-background-negative-subtle-hover);}
248
+ .hover\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover);}
249
+ .hover\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover);}
250
+ .hover\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover);}
251
+ .hover\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover);}
252
+ .hover\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover);}
253
+ .peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:s-bg-hover{background-color:var(--w-s-color-background-hover);}
254
+ .peer:hover~.peer-hover\:before\:s-bg-hover::before{background-color:var(--w-s-color-background-hover);}
255
+ .peer:hover~.peer-hover\:before\:s-bg-negative-subtle::before{background-color:var(--w-s-color-background-negative-subtle);}
256
+ .focus\:s-bg-primary-hover:focus{background-color:var(--w-s-color-background-primary-hover);}
257
+ .\!active\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active) !important;}
258
+ .active\:s-bg-active:active{background-color:var(--w-s-color-background-active);}
259
+ .active\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active);}
260
+ .active\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active);}
261
+ .active\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active);}
262
+ .active\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active);}
263
+ .before\:s-bg-disabled-subtle::before{background-color:var(--w-s-color-background-disabled-subtle);}
264
+ .before\:s-bg::before{background-color:var(--w-s-color-background);}
265
+ .s-text{color:var(--w-s-color-text);}
266
+ .s-text-disabled{color:var(--w-s-color-text-disabled);}
267
+ .s-text-inverted,
268
+ .peer:checked~.peer-checked\:s-text-inverted{color:var(--w-s-color-text-inverted);}
269
+ .s-text-inverted-static{color:var(--w-s-color-text-inverted-static);}
270
+ .s-text-link{color:var(--w-s-color-text-link);}
271
+ .s-text-negative{color:var(--w-s-color-text-negative);}
272
+ .s-text-subtle{color:var(--w-s-color-text-subtle);}
273
+ .hover\:s-text-link:hover{color:var(--w-s-color-text-link);}
274
+ .active\:s-text:active{color:var(--w-s-color-text);}
275
+ .placeholder\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder);}
276
+ .s-icon{color:var(--w-s-color-icon);}
277
+ .s-icon-info{color:var(--w-s-color-icon-info);}
278
+ .s-icon-inverted{color:var(--w-s-color-icon-inverted);}
279
+ .s-icon-negative{color:var(--w-s-color-icon-negative);}
280
+ .s-icon-positive{color:var(--w-s-color-icon-positive);}
281
+ .s-icon-warning{color:var(--w-s-color-icon-warning);}
282
+ .hover\:s-icon-hover:hover{color:var(--w-s-color-icon-hover);}
283
+ .active\:s-icon-active:active{color:var(--w-s-color-icon-active);}
284
+ .before\:s-icon-inverted::before{color:var(--w-s-color-icon-inverted);}
285
+ .s-border{border-color:var(--w-s-color-border);}
286
+ .s-border-disabled{border-color:var(--w-s-color-border-disabled);}
287
+ .s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle);}
288
+ .s-border-l-info{border-left-color:var(--w-s-color-border-info);}
289
+ .s-border-l-negative{border-left-color:var(--w-s-color-border-negative);}
290
+ .s-border-l-positive{border-left-color:var(--w-s-color-border-positive);}
291
+ .s-border-l-warning{border-left-color:var(--w-s-color-border-warning);}
292
+ .s-border-negative{border-color:var(--w-s-color-border-negative);}
293
+ .s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle);}
294
+ .s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle);}
295
+ .s-border-primary,
296
+ .peer:checked~.peer-checked\:s-border-primary{border-color:var(--w-s-color-border-primary);}
297
+ .s-border-selected{border-color:var(--w-s-color-border-selected);}
298
+ .s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle);}
299
+ .peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-negative-hover::before{border-color:var(--w-s-color-border-negative-hover);}
300
+ .peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-primary-hover::before{border-color:var(--w-s-color-border-primary-hover);}
301
+ .peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-selected-hover::before{border-color:var(--w-s-color-border-selected-hover);}
302
+ .peer:checked~.peer-checked\:before\:s-border-disabled::before{border-color:var(--w-s-color-border-disabled);}
303
+ .peer:checked~.peer-checked\:before\:s-border-negative::before{border-color:var(--w-s-color-border-negative);}
304
+ .peer:checked~.peer-checked\:before\:s-border-primary::before{border-color:var(--w-s-color-border-primary);}
305
+ .peer:checked~.peer-checked\:before\:s-border-selected::before{border-color:var(--w-s-color-border-selected);}
306
+ .peer:indeterminate~.peer-indeterminate\:before\:s-border-disabled::before{border-color:var(--w-s-color-border-disabled);}
307
+ .peer:indeterminate~.peer-indeterminate\:before\:s-border-negative::before{border-color:var(--w-s-color-border-negative);}
308
+ .peer:indeterminate~.peer-indeterminate\:before\:s-border-primary::before{border-color:var(--w-s-color-border-primary);}
309
+ .peer:indeterminate~.peer-indeterminate\:hover\:before\:s-border-negative-hover:hover::before{border-color:var(--w-s-color-border-negative-hover);}
310
+ .peer:indeterminate~.peer-indeterminate\:hover\:before\:s-border-primary-hover:hover::before{border-color:var(--w-s-color-border-primary-hover);}
311
+ .group:hover .group-hover\:s-border-selected-hover{border-color:var(--w-s-color-border-selected-hover);}
312
+ .hover\:before\:s-border-negative-hover:hover::before{border-color:var(--w-s-color-border-negative-hover);}
313
+ .hover\:before\:s-border-primary:hover::before{border-color:var(--w-s-color-border-primary);}
314
+ .hover\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled);}
315
+ .hover\:s-border-hover:hover{border-color:var(--w-s-color-border-hover);}
316
+ .hover\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover);}
317
+ .hover\:s-border-primary-hover:hover{border-color:var(--w-s-color-border-primary-hover);}
318
+ .hover\:s-border-primary:hover{border-color:var(--w-s-color-border-primary);}
319
+ .hover\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover);}
320
+ .peer:hover~.peer-hover\:before\:s-border-negative-hover::before{border-color:var(--w-s-color-border-negative-hover);}
321
+ .peer:hover~.peer-hover\:before\:s-border-primary::before{border-color:var(--w-s-color-border-primary);}
322
+ .focus\:s-border-primary-hover:focus{border-color:var(--w-s-color-border-primary-hover);}
323
+ .active\:s-border-active:active{border-color:var(--w-s-color-border-active);}
324
+ .active\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled);}
325
+ .active\:s-border-primary-active:active{border-color:var(--w-s-color-border-primary-active);}
326
+ .active\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active);}
327
+ .active\:s-border-selected:active{border-color:var(--w-s-color-border-selected);}
328
+ .group:active .group-active\:s-border-active{border-color:var(--w-s-color-border-active);}
329
+ .group:active .group-active\:s-border-selected-active{border-color:var(--w-s-color-border-selected-active);}
330
+ .before\:s-border-disabled::before{border-color:var(--w-s-color-border-disabled);}
331
+ .before\:s-border-negative::before{border-color:var(--w-s-color-border-negative);}
332
+ .s-surface-sunken{background-color:var(--w-s-color-surface-sunken);}
333
+ .s-surface-elevated-200{background-color:var(--w-s-color-surface-elevated-200);box-shadow:var(--w-s-shadow-surface-elevated-200);}
334
+ .hover\:s-surface-elevated-200-hover:hover{background-color:var(--w-s-color-surface-elevated-200-hover);box-shadow:var(--w-s-shadow-surface-elevated-200-hover);}
335
+ .active\:s-surface-elevated-200-active:active{background-color:var(--w-s-color-surface-elevated-200-active);box-shadow:var(--w-s-shadow-surface-elevated-200-active);}
336
+ .drop-shadow-m{filter:drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px);}
337
+ .shadow-m{box-shadow:var(--w-shadow-m);}
338
+ .shadow-s{box-shadow:var(--w-shadow-s);}
339
+ .shadow-\[--w-shadow-slider\]{box-shadow:var(--w-shadow-slider);}
340
+ .hover\:shadow-\[--w-shadow-slider-handle-hover\]:hover{box-shadow:var(--w-shadow-slider-handle-hover);}
341
+ .focus\:shadow-\[--w-shadow-slider-handle-hover\]:focus{box-shadow:var(--w-shadow-slider-handle-hover);}
342
+ .active\:shadow-\[--w-shadow-slider-handle-active\]:active{box-shadow:var(--w-shadow-slider-handle-active);}
343
+ .h-0{height:0rem;}
344
+ .h-16{height:1.6rem;}
345
+ .h-2{height:0.2rem;}
346
+ .h-20{height:2rem;}
347
+ .h-24{height:2.4rem;}
348
+ .h-4{height:0.4rem;}
349
+ .h-44{height:4.4rem;}
350
+ .h-6{height:0.6rem;}
351
+ .h-8{height:0.8rem;}
352
+ .h-full{height:100%;}
353
+ .h-unset{height:unset;}
354
+ .max-h-unset{max-height:unset;}
355
+ .max-w-full{max-width:100%;}
356
+ .max-w-max{max-width:max-content;}
357
+ .max-w-unset{max-width:unset;}
358
+ .min-h-32{min-height:3.2rem;}
359
+ .min-h-40{min-height:4rem;}
360
+ .min-w-16{min-width:1.6rem;}
361
+ .min-w-32{min-width:3.2rem;}
362
+ .w-16{width:1.6rem;}
363
+ .w-2{width:0.2rem;}
364
+ .w-20{width:2rem;}
365
+ .w-24{width:2.4rem;}
366
+ .w-32{width:3.2rem;}
367
+ .w-40{width:4rem;}
368
+ .w-44{width:4.4rem;}
369
+ .w-8{width:0.8rem;}
370
+ .w-full{width:100%;}
371
+ .w-max{width:max-content;}
372
+ .w-unset{width:unset;}
373
+ .before\:h-20::before{height:2rem;}
374
+ .before\:h-full::before{height:100%;}
375
+ .before\:w-20::before{width:2rem;}
376
+ .before\:w-32::before{width:3.2rem;}
377
+ .h-\[--w-modal-height\]{height:var(--w-modal-height);}
378
+ .h-\[14px\]{height:14px;}
379
+ .h-\[16px\]{height:16px;}
380
+ .max-h-\[--w-modal-max-height\]{max-height:var(--w-modal-max-height);}
381
+ .min-h-\[--w-modal-min-height\]{min-height:var(--w-modal-min-height);}
382
+ .min-h-\[32px\]{min-height:32px;}
383
+ .min-h-\[40px\]{min-height:40px;}
384
+ .min-h-\[42\]{min-height:4.2rem;}
385
+ .min-h-\[44px\]{min-height:44px;}
386
+ .min-w-\[32px\]{min-width:32px;}
387
+ .min-w-\[40px\]{min-width:40px;}
388
+ .min-w-\[44px\]{min-width:44px;}
389
+ .w-\[--w-modal-width\]{width:var(--w-modal-width);}
390
+ .w-\[14px\]{width:14px;}
391
+ .w-\[16px\]{width:16px;}
392
+ .space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(0.8rem * calc(1 - var(--w-space-x-reverse)));margin-right:calc(0.8rem * var(--w-space-x-reverse));}
393
+ .space-y-16>:not([hidden])~:not([hidden]){--w-space-y-reverse:0;margin-top:calc(1.6rem * calc(1 - var(--w-space-y-reverse)));margin-bottom:calc(1.6rem * var(--w-space-y-reverse));}
394
+ .m-0{margin:0rem;}
395
+ .m-auto{margin:auto;}
396
+ .-mx-16{margin-left:-1.6rem;margin-right:-1.6rem;}
397
+ .mx-0{margin-left:0rem;margin-right:0rem;}
398
+ .mx-8{margin-left:0.8rem;margin-right:0.8rem;}
399
+ .mx-auto{margin-left:auto;margin-right:auto;}
400
+ .-mb-1{margin-bottom:-0.1rem;}
401
+ .-ml-8{margin-left:-0.8rem;}
402
+ .-mr-1{margin-right:-0.1rem;}
403
+ .-mr-8{margin-right:-0.8rem;}
404
+ .-mt-2{margin-top:-0.2rem;}
405
+ .-mt-4{margin-top:-0.4rem;}
406
+ .last-child\:mb-0>:last-child,
407
+ .mb-0{margin-bottom:0rem;}
408
+ .mb-32{margin-bottom:3.2rem;}
409
+ .ml-8{margin-left:0.8rem;}
410
+ .ml-auto{margin-left:auto;}
411
+ .mr-8{margin-right:0.8rem;}
412
+ .mt-16{margin-top:1.6rem;}
413
+ .mt-4{margin-top:0.4rem;}
414
+ .group:not(:first-child) .group-not-first\:-ml-2{margin-left:-0.2rem;}
415
+ .last\:mb-0:last-child{margin-bottom:0rem;}
416
+ .last\:mr-0:last-child{margin-right:0rem;}
417
+ .m-\[8px\]{margin:8px;}
418
+ .p-0{padding:0rem;}
419
+ .p-16{padding:1.6rem;}
420
+ .p-4{padding:0.4rem;}
421
+ .p-8{padding:0.8rem;}
422
+ .px-0{padding-left:0rem;padding-right:0rem;}
423
+ .px-1{padding-left:0.1rem;padding-right:0.1rem;}
424
+ .px-12{padding-left:1.2rem;padding-right:1.2rem;}
425
+ .px-14{padding-left:1.4rem;padding-right:1.4rem;}
426
+ .px-16{padding-left:1.6rem;padding-right:1.6rem;}
427
+ .px-8{padding-left:0.8rem;padding-right:0.8rem;}
428
+ .py-0{padding-top:0rem;padding-bottom:0rem;}
429
+ .py-1{padding-top:0.1rem;padding-bottom:0.1rem;}
430
+ .py-10{padding-top:1rem;padding-bottom:1rem;}
431
+ .py-12{padding-top:1.2rem;padding-bottom:1.2rem;}
432
+ .py-2{padding-top:0.2rem;padding-bottom:0.2rem;}
433
+ .py-4{padding-top:0.4rem;padding-bottom:0.4rem;}
434
+ .py-6{padding-top:0.6rem;padding-bottom:0.6rem;}
435
+ .py-8{padding-top:0.8rem;padding-bottom:0.8rem;}
436
+ .pb-0{padding-bottom:0rem;}
437
+ .pb-32{padding-bottom:3.2rem;}
438
+ .pb-4{padding-bottom:0.4rem;}
439
+ .pb-8{padding-bottom:0.8rem;}
440
+ .pl-0{padding-left:0rem;}
441
+ .pl-1{padding-left:0.1rem;}
442
+ .pl-12{padding-left:1.2rem;}
443
+ .pl-28{padding-left:2.8rem;}
444
+ .pl-4{padding-left:0.4rem;}
445
+ .pl-8{padding-left:0.8rem;}
446
+ .pr-12{padding-right:1.2rem;}
447
+ .pr-14{padding-right:1.4rem;}
448
+ .pr-2{padding-right:0.2rem;}
449
+ .pr-32{padding-right:3.2rem;}
450
+ .pr-40{padding-right:4rem;}
451
+ .pt-0{padding-top:0rem;}
452
+ .pt-1{padding-top:0.1rem;}
453
+ .pt-16{padding-top:1.6rem;}
454
+ .pt-24{padding-top:2.4rem;}
455
+ .pt-8{padding-top:0.8rem;}
456
+ .group\/step:last-child .group-last\/step\:last\:pb-0:last-child{padding-bottom:0rem;}
457
+ .last\:pb-1:last-child{padding-bottom:0.1rem;}
458
+ .last\:pr-1:last-child{padding-right:0.1rem;}
459
+ .p-\[8px\]{padding:8px;}
460
+ .px-\[15px\]{padding-left:15px;padding-right:15px;}
461
+ .px-\[8px\]{padding-left:8px;padding-right:8px;}
462
+ .py-\[11px\]{padding-top:11px;padding-bottom:11px;}
463
+ .py-\[5px\]{padding-top:5px;padding-bottom:5px;}
464
+ .py-\[7px\]{padding-top:7px;padding-bottom:7px;}
465
+ .pl-\[var\(--w-prefix-width\,_40px\)\]{padding-left:var(--w-prefix-width, 40px);}
466
+ .invisible{visibility:hidden;}
467
+ .backface-hidden{backface-visibility:hidden;}
468
+ .break-words{overflow-wrap:break-word;}
469
+ .before\:content-\[\"–\"\]::before{content:"–";}
470
+ .before\:content-\[\"\"\]::before{content:"";}
471
+ .cursor-default{cursor:default;}
472
+ .cursor-pointer{cursor:pointer;}
473
+ .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;}
474
+ .font-bold{font-weight:700;}
475
+ .before\:font-bold::before{font-weight:700;}
476
+ .font-normal{font-weight:400;}
477
+ .pointer-events-auto{pointer-events:auto;}
478
+ .pointer-events-none{pointer-events:none;}
479
+ .before\:pointer-events-none::before{pointer-events:none;}
480
+ .pb-safe-\[32\]{padding-bottom:calc(32px + env(safe-area-inset-bottom, 0px));}
481
+ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
482
+ .touch-pan-y{touch-action:pan-y;}
483
+ .select-none{user-select:none;}
484
+ .translate-x-20{--w-translate-x:2rem;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
485
+ .translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
486
+ .-rotate-180,
487
+ .part-\[w-icon-chevron-down-16-part\]\:-rotate-180::part(w-icon-chevron-down-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
488
+ .part-\[w-icon-chevron-up-16-part\]\:rotate-180::part(w-icon-chevron-up-16-part),
489
+ .rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
490
+ .rotate-90{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:90deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
491
+ .part-\[w-icon-chevron-down-16-part\]\:transform::part(w-icon-chevron-down-16-part),
492
+ .part-\[w-icon-chevron-up-16-part\]\:transform::part(w-icon-chevron-up-16-part),
493
+ .transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
494
+ .part-\[w-icon-chevron-down-16-part\]\:transform-gpu::part(w-icon-chevron-down-16-part),
495
+ .part-\[w-icon-chevron-up-16-part\]\:transform-gpu::part(w-icon-chevron-up-16-part),
496
+ .transform-gpu{transform:translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z));}
497
+ .part-\[w-icon-chevron-down-16-part\]\:transition-transform::part(w-icon-chevron-down-16-part),
498
+ .part-\[w-icon-chevron-up-16-part\]\:transition-transform::part(w-icon-chevron-up-16-part),
499
+ .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
500
+ .transition-300{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;}
501
+ .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
502
+ .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
503
+ .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
504
+ .before\:transition-all::before{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
505
+ .duration-300{transition-duration:300ms;}
506
+ .ease-in-out,
507
+ .part-\[w-icon-chevron-down-16-part\]\:ease-in-out::part(w-icon-chevron-down-16-part),
508
+ .part-\[w-icon-chevron-up-16-part\]\:ease-in-out::part(w-icon-chevron-up-16-part){transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
509
+ .text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
510
+ .text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);}
511
+ .text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs);}
512
+ .leading-m{line-height:var(--w-line-height-m);}
513
+ .before\:leading-xs::before{line-height:var(--w-line-height-xs);}
514
+ .leading-\[24\]{line-height:2.4rem;}
515
+ @media (max-width: 479.9px){
516
+ .lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}
517
+ }
518
+ @media (min-width: 480px){
519
+ .sm\:border-b-0{border-bottom-width:0;}
520
+ .sm\:rounded-8{border-radius:8px;}
521
+ .sm\:rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
522
+ .sm\:gap-16{gap:1.6rem;}
523
+ .sm\:place-content-center{place-content:center;}
524
+ .sm\:place-items-center{place-items:center;}
525
+ .sm\:h-24{height:2.4rem;}
526
+ .sm\:min-h-48{min-height:4.8rem;}
527
+ .sm\:w-24{width:2.4rem;}
528
+ .sm\:min-h-\[32px\]{min-height:32px;}
529
+ .sm\:min-h-\[44px\]{min-height:44px;}
530
+ .sm\:min-h-\[45\]{min-height:4.5rem;}
531
+ .sm\:min-w-\[32px\]{min-width:32px;}
532
+ .sm\:min-w-\[44px\]{min-width:44px;}
533
+ .sm\:mx-0{margin-left:0rem;margin-right:0rem;}
534
+ .sm\:mx-16{margin-left:1.6rem;margin-right:1.6rem;}
535
+ .sm\:-ml-12{margin-left:-1.2rem;}
536
+ .sm\:-mr-12{margin-right:-1.2rem;}
537
+ .sm\:-mt-8{margin-top:-0.8rem;}
538
+ .sm\:px-32{padding-left:3.2rem;padding-right:3.2rem;}
539
+ .sm\:py-0{padding-top:0rem;padding-bottom:0rem;}
540
+ .sm\:pb-32{padding-bottom:3.2rem;}
541
+ .sm\:pt-24{padding-top:2.4rem;}
542
+ .sm\:pt-32{padding-top:3.2rem;}
543
+ }
544
+ @media (min-width: 768px){
545
+ .md\:block{display:block;}
546
+ .md\:hidden{display:none;}
547
+ }</style>
package/dist/resets.css ADDED
@@ -0,0 +1 @@
1
+ *,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border)}html{font-size:62.5%}body{background-color:var(--w-s-color-background);min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text)}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{text-decoration:underline}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{border:0;min-width:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
package/dist/tokens/blocket-se.css ADDED
@@ -0,0 +1 @@
1
+ :root,:host{--w-transparent:transparent;--w-gray-950:#121212;--w-gray-900:#1b1b1f;--w-gray-850:#26262b;--w-gray-800:#2b2b30;--w-gray-750:#333338;--w-gray-700:#47474f;--w-gray-600:#5c5c66;--w-gray-500:#84848f;--w-gray-400:#afafb8;--w-gray-300:#cacad1;--w-gray-200:#dedee3;--w-gray-100:#f0f0f2;--w-gray-50:#f6f6f6;--w-coral-900:#1f0805;--w-coral-800:#5d1a11;--w-coral-700:#9b2b1e;--w-coral-600:#d93c2b;--w-coral-500:#df5b4d;--w-coral-400:#e57a6f;--w-coral-300:#eb9991;--w-coral-200:#f1b8b3;--w-coral-100:#f7d7d5;--w-coral-50:#faf3f2;--w-yellow-900:#240700;--w-yellow-800:#6d4100;--w-yellow-700:#b67b00;--w-yellow-600:#ffb500;--w-yellow-500:#ffc128;--w-yellow-400:#ffcd50;--w-yellow-300:#ffd978;--w-yellow-200:#ffe5a0;--w-yellow-100:#fff1c8;--w-yellow-50:#fcf5e3;--w-green-900:#071d12;--w-green-800:#10442b;--w-green-700:#1a6b44;--w-green-600:#24925d;--w-green-500:#47a477;--w-green-400:#6ab691;--w-green-300:#8dc8ab;--w-green-200:#b0dac5;--w-green-100:#d3ecdf;--w-green-50:#f7fdfa;--w-red-900:#240004;--w-red-800:#65000b;--w-red-700:#a70011;--w-red-600:#e90017;--w-red-500:#ed283b;--w-red-400:#f1505f;--w-red-300:#f57883;--w-red-200:#f9a0a7;--w-red-100:#fdc8cb;--w-red-50:#fff0f1;--w-blue-900:#001124;--w-blue-800:#003167;--w-blue-700:#0051a9;--w-blue-600:#0071eb;--w-blue-500:#2887ee;--w-blue-400:#509df1;--w-blue-300:#78b3f4;--w-blue-200:#a0c9f7;--w-blue-100:#c8dffa;--w-blue-50:#f0f7ff;--w-black:#000;--w-white:#fff;--w-s-color-icon-notification:var(--w-white);--w-s-color-icon-info:var(--w-blue-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-negative:var(--w-coral-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-secondary-active:var(--w-red-800);--w-s-color-icon-secondary-hover:var(--w-red-700);--w-s-color-icon-secondary:var(--w-red-600);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-inverted-static:var(--w-white);--w-s-color-icon-inverted-active:var(--w-gray-200);--w-s-color-icon-inverted-hover:var(--w-gray-100);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-subtle-active:var(--w-gray-600);--w-s-color-icon-subtle-hover:var(--w-gray-500);--w-s-color-icon-subtle:var(--w-gray-400);--w-s-color-icon-disabled:var(--w-gray-300);--w-s-color-icon-selected-active:var(--w-blue-800);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-static:var(--w-gray-800);--w-s-color-icon-active:var(--w-blue-800);--w-s-color-icon-hover:var(--w-blue-700);--w-s-color-icon:var(--w-gray-900);--w-s-color-border-focus:var(--w-blue-400);--w-s-color-border-info-subtle-active:var(--w-blue-500);--w-s-color-border-info-subtle-hover:var(--w-blue-400);--w-s-color-border-info-subtle:var(--w-blue-300);--w-s-color-border-info-active:var(--w-blue-800);--w-s-color-border-info-hover:var(--w-blue-700);--w-s-color-border-info:var(--w-blue-600);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-negative-subtle-active:var(--w-coral-500);--w-s-color-border-negative-subtle-hover:var(--w-coral-400);--w-s-color-border-negative-subtle:var(--w-coral-300);--w-s-color-border-negative-active:var(--w-coral-800);--w-s-color-border-negative-hover:var(--w-coral-700);--w-s-color-border-negative:var(--w-coral-600);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-secondary-active:var(--w-red-800);--w-s-color-border-secondary-hover:var(--w-red-700);--w-s-color-border-secondary:var(--w-red-600);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-inverted:var(--w-gray-300);--w-s-color-border-selected-active:var(--w-blue-800);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-disabled:var(--w-gray-300);--w-s-color-border-active:var(--w-gray-500);--w-s-color-border-hover:var(--w-gray-400);--w-s-color-border:var(--w-gray-300);--w-s-color-background-notification:var(--w-red-600);--w-s-color-background-transparent-0:var(--w-transparent);--w-s-color-background-info-subtle-active:var(--w-blue-200);--w-s-color-background-info-subtle-hover:var(--w-blue-100);--w-s-color-background-info-subtle:var(--w-blue-50);--w-s-color-background-info-active:var(--w-blue-800);--w-s-color-background-info-hover:var(--w-blue-700);--w-s-color-background-info:var(--w-blue-600);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-negative-subtle-active:var(--w-coral-200);--w-s-color-background-negative-subtle-hover:var(--w-coral-100);--w-s-color-background-negative-subtle:var(--w-coral-50);--w-s-color-background-negative-active:var(--w-coral-800);--w-s-color-background-negative-hover:var(--w-coral-700);--w-s-color-background-negative:var(--w-coral-600);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-secondary-active:var(--w-red-800);--w-s-color-background-secondary-hover:var(--w-red-700);--w-s-color-background-secondary:var(--w-red-600);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-selected-active:var(--w-blue-200);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-disabled-subtle:var(--w-gray-200);--w-s-color-background-disabled:var(--w-gray-300);--w-s-color-background-subtle-active:var(--w-gray-300);--w-s-color-background-subtle-hover:var(--w-gray-200);--w-s-color-background-subtle:var(--w-gray-100);--w-s-color-background-active:var(--w-gray-200);--w-s-color-background-hover:var(--w-gray-100);--w-s-color-background:var(--w-white);--w-s-color-surface-elevated-300-active:var(--w-gray-200);--w-s-color-surface-elevated-300-hover:var(--w-gray-100);--w-s-color-surface-elevated-300:var(--w-white);--w-s-color-surface-elevated-200-active:var(--w-gray-200);--w-s-color-surface-elevated-200-hover:var(--w-gray-100);--w-s-color-surface-elevated-200:var(--w-white);--w-s-color-surface-elevated-100-active:var(--w-gray-200);--w-s-color-surface-elevated-100-hover:var(--w-gray-100);--w-s-color-surface-elevated-100:var(--w-white);--w-s-color-surface-sunken:var(--w-gray-50);--w-s-color-surface-active:var(--w-gray-200);--w-s-color-surface-hover:var(--w-gray-100);--w-s-color-surface:var(--w-white);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-negative:var(--w-coral-600);--w-s-color-text-disabled:var(--w-gray-300);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-inverted-static:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-placeholder:var(--w-gray-300);--w-s-color-text-static:var(--w-gray-800);--w-s-color-text-subtle:var(--w-gray-600);--w-s-color-text:var(--w-gray-900);--w-color-switch-background-track-disabled:var(--w-gray-200);--w-color-switch-track-background-hover:var(--w-gray-300);--w-color-switch-track-background:var(--w-gray-200);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-page-indicator-background-hover:var(--w-gray-400);--w-color-page-indicator-background:var(--w-gray-300);--w-color-callout-border:var(--w-green-400);--w-color-callout-background:var(--w-green-100);--w-color-button-pill-background-hover:rgba(var(--w-rgb-blue-300),.3);--w-color-badge-price-background:var(--w-black);--w-color-badge-sponsored-background:var(--w-blue-200);--w-color-badge-negative-background:var(--w-coral-100);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-info-background:var(--w-blue-100);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-neutral-background:var(--w-gray-100);--w-color-tooltip-background-static:var(--w-s-color-background-inverted);--w-color-navbar-border-selected:var(--w-s-color-border-secondary);--w-color-navbar-icon-selected:var(--w-s-color-icon-secondary);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-rgb-transparent:#fff0;--w-rgb-gray-950:18,18,18;--w-rgb-gray-900:27,27,31;--w-rgb-gray-850:38,38,43;--w-rgb-gray-800:43,43,48;--w-rgb-gray-750:51,51,56;--w-rgb-gray-700:71,71,79;--w-rgb-gray-600:92,92,102;--w-rgb-gray-500:132,132,143;--w-rgb-gray-400:175,175,184;--w-rgb-gray-300:202,202,209;--w-rgb-gray-200:222,222,227;--w-rgb-gray-100:240,240,242;--w-rgb-gray-50:246,246,246;--w-rgb-coral-900:31,8,5;--w-rgb-coral-800:93,26,17;--w-rgb-coral-700:155,43,30;--w-rgb-coral-600:217,60,43;--w-rgb-coral-500:223,91,77;--w-rgb-coral-400:229,122,111;--w-rgb-coral-300:235,153,145;--w-rgb-coral-200:241,184,179;--w-rgb-coral-100:247,215,213;--w-rgb-coral-50:250,243,242;--w-rgb-yellow-900:36,7,0;--w-rgb-yellow-800:109,65,0;--w-rgb-yellow-700:182,123,0;--w-rgb-yellow-600:255,181,0;--w-rgb-yellow-500:255,193,40;--w-rgb-yellow-400:255,205,80;--w-rgb-yellow-300:255,217,120;--w-rgb-yellow-200:255,229,160;--w-rgb-yellow-100:255,241,200;--w-rgb-yellow-50:252,245,227;--w-rgb-green-900:7,29,18;--w-rgb-green-800:16,68,43;--w-rgb-green-700:26,107,68;--w-rgb-green-600:36,146,93;--w-rgb-green-500:71,164,119;--w-rgb-green-400:106,182,145;--w-rgb-green-300:141,200,171;--w-rgb-green-200:176,218,197;--w-rgb-green-100:211,236,223;--w-rgb-green-50:247,253,250;--w-rgb-red-900:36,0,4;--w-rgb-red-800:101,0,11;--w-rgb-red-700:167,0,17;--w-rgb-red-600:233,0,23;--w-rgb-red-500:237,40,59;--w-rgb-red-400:241,80,95;--w-rgb-red-300:245,120,131;--w-rgb-red-200:249,160,167;--w-rgb-red-100:253,200,203;--w-rgb-red-50:255,240,241;--w-rgb-blue-900:0,17,36;--w-rgb-blue-800:0,49,103;--w-rgb-blue-700:0,81,169;--w-rgb-blue-600:0,113,235;--w-rgb-blue-500:40,135,238;--w-rgb-blue-400:80,157,241;--w-rgb-blue-300:120,179,244;--w-rgb-blue-200:160,201,247;--w-rgb-blue-100:200,223,250;--w-rgb-blue-50:240,247,255;--w-rgb-black:0,0,0;--w-rgb-white:255,255,255;--w-s-rgb-icon-notification:var(--w-rgb-white);--w-s-rgb-icon-info:var(--w-rgb-blue-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-rgb-icon-negative:var(--w-rgb-coral-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-red-800);--w-s-rgb-icon-secondary-hover:var(--w-rgb-red-700);--w-s-rgb-icon-secondary:var(--w-rgb-red-600);--w-s-rgb-icon-primary:var(--w-rgb-blue-600);--w-s-rgb-icon-inverted-static:var(--w-rgb-white);--w-s-rgb-icon-inverted-active:var(--w-rgb-gray-200);--w-s-rgb-icon-inverted-hover:var(--w-rgb-gray-100);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-rgb-icon-subtle-active:var(--w-rgb-gray-600);--w-s-rgb-icon-subtle-hover:var(--w-rgb-gray-500);--w-s-rgb-icon-subtle:var(--w-rgb-gray-400);--w-s-rgb-icon-disabled:var(--w-rgb-gray-300);--w-s-rgb-icon-selected-active:var(--w-rgb-blue-800);--w-s-rgb-icon-selected-hover:var(--w-rgb-blue-700);--w-s-rgb-icon-selected:var(--w-rgb-blue-600);--w-s-rgb-icon-static:var(--w-rgb-gray-800);--w-s-rgb-icon-active:var(--w-rgb-blue-800);--w-s-rgb-icon-hover:var(--w-rgb-blue-700);--w-s-rgb-icon:var(--w-rgb-gray-900);--w-s-rgb-border-focus:var(--w-rgb-blue-400);--w-s-rgb-border-info-subtle-active:var(--w-rgb-blue-500);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-blue-400);--w-s-rgb-border-info-subtle:var(--w-rgb-blue-300);--w-s-rgb-border-info-active:var(--w-rgb-blue-800);--w-s-rgb-border-info-hover:var(--w-rgb-blue-700);--w-s-rgb-border-info:var(--w-rgb-blue-600);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-coral-500);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-coral-400);--w-s-rgb-border-negative-subtle:var(--w-rgb-coral-300);--w-s-rgb-border-negative-active:var(--w-rgb-coral-800);--w-s-rgb-border-negative-hover:var(--w-rgb-coral-700);--w-s-rgb-border-negative:var(--w-rgb-coral-600);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-rgb-border-secondary-active:var(--w-rgb-red-800);--w-s-rgb-border-secondary-hover:var(--w-rgb-red-700);--w-s-rgb-border-secondary:var(--w-rgb-red-600);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blue-500);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blue-400);--w-s-rgb-border-primary-subtle:var(--w-rgb-blue-300);--w-s-rgb-border-primary-active:var(--w-rgb-blue-800);--w-s-rgb-border-primary-hover:var(--w-rgb-blue-700);--w-s-rgb-border-primary:var(--w-rgb-blue-600);--w-s-rgb-border-inverted:var(--w-rgb-gray-300);--w-s-rgb-border-selected-active:var(--w-rgb-blue-800);--w-s-rgb-border-selected-hover:var(--w-rgb-blue-700);--w-s-rgb-border-selected:var(--w-rgb-blue-600);--w-s-rgb-border-disabled:var(--w-rgb-gray-300);--w-s-rgb-border-active:var(--w-rgb-gray-500);--w-s-rgb-border-hover:var(--w-rgb-gray-400);--w-s-rgb-border:var(--w-rgb-gray-300);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-rgb-background-transparent-0:var(--w-rgb-transparent);--w-s-rgb-background-info-subtle-active:var(--w-rgb-blue-200);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-blue-100);--w-s-rgb-background-info-subtle:var(--w-rgb-blue-50);--w-s-rgb-background-info-active:var(--w-rgb-blue-800);--w-s-rgb-background-info-hover:var(--w-rgb-blue-700);--w-s-rgb-background-info:var(--w-rgb-blue-600);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-coral-200);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-coral-100);--w-s-rgb-background-negative-subtle:var(--w-rgb-coral-50);--w-s-rgb-background-negative-active:var(--w-rgb-coral-800);--w-s-rgb-background-negative-hover:var(--w-rgb-coral-700);--w-s-rgb-background-negative:var(--w-rgb-coral-600);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-rgb-background-secondary-active:var(--w-rgb-red-800);--w-s-rgb-background-secondary-hover:var(--w-rgb-red-700);--w-s-rgb-background-secondary:var(--w-rgb-red-600);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blue-200);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blue-100);--w-s-rgb-background-primary-subtle:var(--w-rgb-blue-50);--w-s-rgb-background-primary-active:var(--w-rgb-blue-800);--w-s-rgb-background-primary-hover:var(--w-rgb-blue-700);--w-s-rgb-background-primary:var(--w-rgb-blue-600);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-rgb-background-selected-active:var(--w-rgb-blue-200);--w-s-rgb-background-selected-hover:var(--w-rgb-blue-100);--w-s-rgb-background-selected:var(--w-rgb-blue-50);--w-s-rgb-background-disabled-subtle:var(--w-rgb-gray-200);--w-s-rgb-background-disabled:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-200);--w-s-rgb-background-subtle:var(--w-rgb-gray-100);--w-s-rgb-background-active:var(--w-rgb-gray-200);--w-s-rgb-background-hover:var(--w-rgb-gray-100);--w-s-rgb-background:var(--w-rgb-white);--w-s-rgb-surface-elevated-300-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-300-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-300:var(--w-rgb-white);--w-s-rgb-surface-elevated-200-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-200-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-200:var(--w-rgb-white);--w-s-rgb-surface-elevated-100-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-100-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-100:var(--w-rgb-white);--w-s-rgb-surface-sunken:var(--w-rgb-gray-50);--w-s-rgb-surface-active:var(--w-rgb-gray-200);--w-s-rgb-surface-hover:var(--w-rgb-gray-100);--w-s-rgb-surface:var(--w-rgb-white);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-rgb-text-negative:var(--w-rgb-coral-600);--w-s-rgb-text-disabled:var(--w-rgb-gray-300);--w-s-rgb-text-link:var(--w-rgb-blue-600);--w-s-rgb-text-inverted-static:var(--w-rgb-white);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-rgb-text-placeholder:var(--w-rgb-gray-300);--w-s-rgb-text-static:var(--w-rgb-gray-800);--w-s-rgb-text-subtle:var(--w-rgb-gray-600);--w-s-rgb-text:var(--w-rgb-gray-900);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-shadow-surface-elevated-100:var(--w-shadow-m);--w-s-shadow-surface-elevated-100-hover:var(--w-shadow-l);--w-s-shadow-surface-elevated-100-active:var(--w-shadow-m);--w-s-shadow-surface-elevated-200:var(--w-shadow-s);--w-s-shadow-surface-elevated-200-hover:var(--w-shadow-m);--w-s-shadow-surface-elevated-200-active:var(--w-shadow-s);--w-s-shadow-surface-elevated-300:var(--w-shadow-l);--w-s-shadow-surface-elevated-300-hover:var(--w-shadow-xl);--w-s-shadow-surface-elevated-300-active:var(--w-shadow-l);--w-icon-list-checked:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%230063fb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");--w-icon-toggle-checked:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-button-pill-background-active:rgba(var(--w-rgb-blue-400),.3);--w-color-buttongroup-utility-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-utility-background-selected:var(--w-s-color-background-selected);--w-color-buttongroup-utility-border:var(--w-s-color-border);--w-color-buttongroup-utility-border-selected:var(--w-s-color-selected);--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:BlocketSans,sans-serif;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-color-avatar-background:var(--w-s-color-background-subtle);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}