@warp-ds/css 1.7.0 → 1.7.1-next.2

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 +4 -7
  2. package/component-classes/index.d.ts +369 -366
  3. package/component-classes/index.js +64 -97
  4. package/component-classes/shortcuts.js +2 -2
  5. package/dist/components.css +1 -1
  6. package/dist/index.html +41 -32
  7. package/dist/resets.css +1 -1
  8. package/dist/resets.min.css +1 -1
  9. package/dist/tokens/blocket-se.css +1 -1
  10. package/dist/tokens/finn-no.css +1 -1
  11. package/dist/tokens/tori-fi.css +1 -1
  12. package/package.json +13 -13
package/component-classes/index.js CHANGED
@@ -21,13 +21,15 @@ export const ribbon = {
21
21
 
22
22
  export const badge = {
23
23
  base: 'py-4 px-8 border-0 rounded-4 text-xs inline-flex',
24
- neutral: 'i-bg-$color-badge-neutral-background i-text-$color-badge-neutral-text',
25
- info: 'i-bg-$color-badge-info-background i-text-$color-badge-info-text',
26
- positive: 'i-bg-$color-badge-positive-background i-text-$color-badge-positive-text',
27
- warning: 'i-bg-$color-badge-warning-background i-text-$color-badge-warning-text',
28
- negative: 'i-bg-$color-badge-negative-background i-text-$color-badge-negative-text',
29
- disabled: 'i-bg-$color-badge-disabled-background i-text-$color-badge-disabled-text',
30
- price: 'i-bg-$color-badge-price-background i-text-$color-badge-price-text',
24
+ neutral: 'bg-[--w-color-badge-neutral-background] s-text',
25
+ info: 'bg-[--w-color-badge-info-background] s-text',
26
+ positive: 'bg-[--w-color-badge-positive-background] s-text',
27
+ warning: 'bg-[--w-color-badge-warning-background] s-text',
28
+ negative: 'bg-[--w-color-badge-negative-background] s-text',
29
+ disabled: 's-bg-disabled s-text',
30
+ price: 'bg-[--w-color-badge-price-background] s-text-inverted',
31
+ sponsored: 'bg-[--w-color-badge-sponsored-background] s-text',
32
+ // Notification badge is deprecated: Do not use!
31
33
  notification: 'i-bg-$color-badge-notification-background i-text-$color-badge-notification-text',
32
34
  positionBase: 'absolute backdrop-blur',
33
35
  positionTL: 'rounded-tl-0 rounded-tr-0 rounded-bl-0 top-0 left-0',
@@ -38,20 +40,13 @@ export const badge = {
38
40
 
39
41
  export const slider = {
40
42
  wrapper: 'touch-pan-y relative w-full h-44 py-2',
41
- track:
42
- 'absolute i-bg-$color-slider-track-background h-4 top-20 rounded-4 w-full ',
43
- trackDisabled:
44
- 'pointer-events-none i-bg-$color-slider-track-background-disabled',
45
- activeTrack:
46
- 'absolute i-bg-$color-slider-track-background-active h-6 top-[19px] rounded-4',
47
- activeTrackDisabled:
48
- 'i-bg-$color-slider-track-background-disabled pointer-events-none',
49
- thumb:
50
- 'absolute transition-shadow w-24 h-24 bottom-10 rounded-4 outline-none',
51
- thumbEnabled:
52
- 'border-2 i-shadow-$shadow-slider cursor-pointer i-bg-$color-slider-handle-background i-border-$color-slider-handle-border hover:i-bg-$color-slider-handle-background-hover hover:i-border-$color-slider-handle-border-hover hover:slider-handle-shadow-hover active:i-bg-$color-slider-handle-background-active active:i-border-$color-slider-handle-border-active active:slider-handle-shadow-active focus:slider-handle-shadow-hover focus:i-border-$color-slider-handle-border-hover focus:i-bg-$color-slider-handle-background-hover',
53
- thumbDisabled:
54
- 'i-bg-$color-slider-handle-background-disabled cursor-disabled pointer-events-none',
43
+ track: 'absolute i-bg-$color-slider-track-background h-4 top-20 rounded-4 w-full ',
44
+ trackDisabled: 'pointer-events-none i-bg-$color-slider-track-background-disabled',
45
+ activeTrack: 'absolute i-bg-$color-slider-track-background-active h-6 top-[19px] rounded-4',
46
+ activeTrackDisabled: 'i-bg-$color-slider-track-background-disabled pointer-events-none',
47
+ thumb: 'absolute transition-shadow w-24 h-24 bottom-10 rounded-4 outline-none',
48
+ thumbEnabled: 'border-2 i-shadow-$shadow-slider cursor-pointer i-bg-$color-slider-handle-background i-border-$color-slider-handle-border hover:i-bg-$color-slider-handle-background-hover hover:i-border-$color-slider-handle-border-hover hover:slider-handle-shadow-hover active:i-bg-$color-slider-handle-background-active active:i-border-$color-slider-handle-border-active active:slider-handle-shadow-active focus:slider-handle-shadow-hover focus:i-border-$color-slider-handle-border-hover focus:i-bg-$color-slider-handle-background-hover',
49
+ thumbDisabled: 'i-bg-$color-slider-handle-background-disabled cursor-disabled pointer-events-none',
55
50
  };
56
51
 
57
52
  export const box = {
@@ -114,15 +109,11 @@ export const card = {
114
109
  card: 'cursor-pointer overflow-hidden relative transition-all',
115
110
  cardShadow: 'rounded-8 i-shadow-$shadow-card hover:i-shadow-$shadow-card-hover hover:i-bg-$color-card-background-hover tap-highlight-transparent',
116
111
  cardFlat: 'border-2 rounded-4',
117
- cardFlatUnselected:
118
- 'i-bg-$color-card-flat-background i-border-$color-card-flat-border hover:i-bg-$color-card-flat-background-hover hover:i-border-$color-card-flat-border-hover active:i-bg-$color-card-flat-background-active active:i-border-$color-card-flat-border-active',
119
- cardFlatSelected:
120
- 'i-border-$color-card-flat-border-selected i-bg-$color-card-flat-background-selected hover:i-bg-$color-card-flat-background-selected-hover hover:i-border-$color-card-flat-border-selected-hover active:i-border-$color-card-flat-border-active active:i-bg-$color-card-flat-background-active',
112
+ cardFlatUnselected: 'i-bg-$color-card-flat-background i-border-$color-card-flat-border hover:i-bg-$color-card-flat-background-hover hover:i-border-$color-card-flat-border-hover active:i-bg-$color-card-flat-background-active active:i-border-$color-card-flat-border-active',
113
+ cardFlatSelected: 'i-border-$color-card-flat-border-selected i-bg-$color-card-flat-background-selected hover:i-bg-$color-card-flat-background-selected-hover hover:i-border-$color-card-flat-border-selected-hover active:i-border-$color-card-flat-border-active active:i-bg-$color-card-flat-background-active',
121
114
  cardUnselected: 's-bg',
122
- cardSelected:
123
- 'i-border-$color-card-border-selected i-bg-$color-card-background-selected hover:i-border-$color-card-border-selected-hover hover:i-bg-$color-card-background-selected-hover active:i-border-$color-card-border-selected-active',
124
- cardOutline:
125
- 'active:i-border-$color-card-flat-border absolute rounded-8 inset-0 transition-all border-2',
115
+ cardSelected: 'i-border-$color-card-border-selected i-bg-$color-card-background-selected hover:i-border-$color-card-border-selected-hover hover:i-bg-$color-card-background-selected-hover active:i-border-$color-card-border-selected-active',
116
+ cardOutline: 'active:i-border-$color-card-flat-border absolute rounded-8 inset-0 transition-all border-2',
126
117
  cardOutlineUnselected: 'i-border-$color-card-border',
127
118
  cardOutlineSelected: 'i-border-$color-card-border-selected hover:i-border-$color-card-border-selected-hover',
128
119
  a11y: 'sr-only',
@@ -144,17 +135,14 @@ export const switchToggle = {
144
135
  };
145
136
 
146
137
  export const toaster = {
147
- container:
148
- 'fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none',
138
+ container: 'fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none',
149
139
  content: 'w-full',
150
- toaster:
151
- 'grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none',
140
+ toaster: 'grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none',
152
141
  };
153
142
 
154
143
  export const toast = {
155
144
  wrapper: 'relative overflow-hidden w-full',
156
- toast:
157
- 'flex group p-8 mt-16 rounded-8 border-2 w-full pointer-events-auto transition-all',
145
+ toast: 'flex group p-8 mt-16 rounded-8 border-2 w-full pointer-events-auto transition-all',
158
146
  positive: 'i-bg-$color-toast-positive-background i-border-$color-toast-positive-subtle-border i-text-$color-toast-positive-text',
159
147
  warning: 'i-bg-$color-toast-warning-background i-border-$color-toast-warning-subtle-border i-text-$color-toast-warning-text',
160
148
  negative: 'i-bg-$color-toast-negative-background i-border-$color-toast-negative-subtle-border i-text-$color-toast-negative-text',
@@ -169,10 +157,8 @@ export const toast = {
169
157
 
170
158
  export const tabs = {
171
159
  tabContainer: 'inline-grid relative',
172
- wunderbar:
173
- 'absolute i-border-$color-tabs-border-selected -bottom-0 border-b-4 transition-all',
174
- wrapperUnderlined:
175
- 'border-b i-border-$color-tabs-border -mx-16 sm:mx-0 px-4 sm:px-0 mb-32 ',
160
+ wunderbar: 'absolute i-border-$color-tabs-border-selected -bottom-0 border-b-4 transition-all',
161
+ wrapperUnderlined: 'border-b i-border-$color-tabs-border -mx-16 sm:mx-0 px-4 sm:px-0 mb-32 ',
176
162
  };
177
163
 
178
164
  export const tab = {
@@ -198,8 +184,7 @@ export const gridLayout = {
198
184
  cols9: 'grid-cols-9',
199
185
  };
200
186
 
201
- export const buttonReset =
202
- 'focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block';
187
+ export const buttonReset = 'focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block';
203
188
 
204
189
  export const expandable = {
205
190
  expandable: 'will-change-height',
@@ -246,8 +231,7 @@ const buttonTypes = {
246
231
  secondary: `border-2 rounded-8 ${buttonDefaultStyling}`,
247
232
  utility: `border rounded-4 ${buttonDefaultStyling}`,
248
233
  negative: `border-0 rounded-8 ${buttonDefaultStyling}`,
249
- pill:
250
- `p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${buttonDefaultStyling}`,
234
+ pill: `p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${buttonDefaultStyling}`,
251
235
  link: `bg-transparent focusable ease-in-out inline active:underline hover:underline ${buttonColors.link}`,
252
236
  };
253
237
 
@@ -269,38 +253,28 @@ const buttonTextSizes = {
269
253
  };
270
254
 
271
255
  const buttonVariants = {
272
- inProgress:
273
- `border-transparent animate-inprogress pointer-events-none ${buttonColors.loading}`, // .button--in-progress, a.button--in-progress:visited
274
- quiet:
275
- `border-0 rounded-8 ${buttonDefaultStyling}`,
256
+ inProgress: `border-transparent animate-inprogress pointer-events-none ${buttonColors.loading}`, // .button--in-progress, a.button--in-progress:visited
257
+ quiet: `border-0 rounded-8 ${buttonDefaultStyling}`,
276
258
  utilityQuiet: `border-0 rounded-4 ${buttonDefaultStyling}`,
277
259
  negativeQuiet: `border-0 rounded-8 ${buttonDefaultStyling}`,
278
- isDisabled:
279
- `font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${buttonColors.disabled}`, // .button:disabled, .button--is-disabled
260
+ isDisabled: `font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${buttonColors.disabled}`, // .button:disabled, .button--is-disabled
280
261
  };
281
262
 
282
263
  export const button = {
283
264
  // Buttontypes
284
- secondary:
285
- `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`, // .button--secondary, .button--default, .button
286
- secondaryHref:
287
- `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`,
288
- secondaryDisabled:
289
- `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.isDisabled}`,
265
+ secondary: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`, // .button--secondary, .button--default, .button
266
+ secondaryHref: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`,
267
+ secondaryDisabled: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.isDisabled}`,
290
268
  secondarySmall: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonColors.secondary}`,
291
269
  secondarySmallDisabled: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonVariants.isDisabled}`,
292
- secondaryQuiet:
293
- `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonColors.quiet}`,
294
- secondaryQuietDisabled:
295
- `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`,
270
+ secondaryQuiet: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonColors.quiet}`,
271
+ secondaryQuietDisabled: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`,
296
272
  secondarySmallQuiet: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonColors.quiet}`,
297
273
  secondarySmallQuietDisabled: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`,
298
- secondaryLoading:
299
- `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.inProgress}`,
274
+ secondaryLoading: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.inProgress}`,
300
275
  secondarySmallLoading: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonVariants.inProgress}`,
301
276
  secondarySmallQuietLoading: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.inProgress}`,
302
- secondaryQuietLoading:
303
- `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.inProgress}`,
277
+ secondaryQuietLoading: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.inProgress}`,
304
278
 
305
279
  primary: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.primary} ${buttonColors.primary}`, // .button--primary, .button--cta
306
280
  primaryDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.isDisabled} ${buttonTypes.primary}`,
@@ -350,8 +324,8 @@ export const button = {
350
324
  linkSmall: `${buttonSizes.link} ${buttonTextSizes.xsmall} ${buttonTypes.link}`,
351
325
  linkAsButton: 'inline-block hover:no-underline text-center',
352
326
  a11y: 'sr-only',
353
- fullWidth: "w-full max-w-full",
354
- contentWidth: "max-w-max",
327
+ fullWidth: 'w-full max-w-full',
328
+ contentWidth: 'max-w-max',
355
329
  };
356
330
 
357
331
  export const buttonGroup = {
@@ -376,18 +350,14 @@ export const buttonGroupItem = {
376
350
  export const modal = {
377
351
  //TODO: this class can be removed when we have the solution for opacity and we can add rgba values to the background of the backdrop
378
352
  transparentBg: `before:i-bg-$color-modal-backdrop-background before:content-[""] before:absolute before:top-0 before:bottom-0 before:left-0 before:right-0 before:opacity-25`,
379
- backdrop:
380
- 'fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px]',
381
- modal:
382
- 'pb-safe-[32] i-shadow-$shadow-modal max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 i-bg-$color-modal-background flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8',
383
- content:
384
- 'block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative',
353
+ backdrop: 'fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px]',
354
+ modal: 'pb-safe-[32] i-shadow-$shadow-modal max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 i-bg-$color-modal-background flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8',
355
+ content: 'block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative',
385
356
  footer: 'flex justify-end shrink-0 px-16 sm:px-32',
386
357
  transitionTitle: 'transition-all duration-300',
387
358
  transitionTitleCenter: 'justify-self-center self-center',
388
359
  transitionTitleColSpan: 'col-span-2',
389
- title:
390
- 'py-8 sm:py-0 -mt-4 sm:-mt-8 min-h-40 sm:min-h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-start px-16 sm:px-32 border-b sm:border-b-0 shrink-0',
360
+ title: 'py-8 sm:py-0 -mt-4 sm:-mt-8 min-h-40 sm:min-h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-start px-16 sm:px-32 border-b sm:border-b-0 shrink-0',
391
361
  titleText: 'mb-0 h4 sm:h3',
392
362
  titleButton: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} sm:min-h-[44px] sm:min-w-[44px] min-h-[32px] min-w-[32px]`,
393
363
  titleButtonLeft: '-ml-8 sm:-ml-12 justify-self-start',
@@ -397,19 +367,19 @@ export const modal = {
397
367
  };
398
368
 
399
369
  export const alert = {
400
- alert: "flex p-16 border border-l-4 rounded-4",
401
- willChangeHeight: "will-change-height",
402
- textWrapper: "last-child:mb-0 text-s",
403
- title: "text-s",
404
- icon: "w-16 mr-8 min-w-16",
405
- negative: "i-border-$color-alert-negative-subtle-border i-bg-$color-alert-negative-background i-text-$color-alert-negative-text i-border-l-$color-alert-negative-border",
406
- negativeIcon: "i-text-$color-alert-negative-icon",
407
- positive: "i-border-$color-alert-positive-subtle-border i-bg-$color-alert-positive-background i-text-$color-alert-positive-text i-border-l-$color-alert-positive-border",
408
- positiveIcon: "i-text-$color-alert-positive-icon",
409
- warning: "i-border-$color-alert-warning-subtle-border i-bg-$color-alert-warning-background i-text-$color-alert-warning-text i-border-l-$color-alert-warning-border",
410
- warningIcon: "i-text-$color-alert-warning-icon",
411
- info: "i-border-$color-alert-info-subtle-border i-bg-$color-alert-info-background i-text-$color-alert-info-text i-border-l-$color-alert-info-border",
412
- infoIcon: "i-text-$color-alert-info-icon",
370
+ alert: 'flex p-16 border border-l-4 rounded-4',
371
+ willChangeHeight: 'will-change-height',
372
+ textWrapper: 'last-child:mb-0 text-s',
373
+ title: 'text-s',
374
+ icon: 'w-16 mr-8 min-w-16',
375
+ negative: 'i-border-$color-alert-negative-subtle-border i-bg-$color-alert-negative-background i-text-$color-alert-negative-text i-border-l-$color-alert-negative-border',
376
+ negativeIcon: 'i-text-$color-alert-negative-icon',
377
+ positive: 'i-border-$color-alert-positive-subtle-border i-bg-$color-alert-positive-background i-text-$color-alert-positive-text i-border-l-$color-alert-positive-border',
378
+ positiveIcon: 'i-text-$color-alert-positive-icon',
379
+ warning: 'i-border-$color-alert-warning-subtle-border i-bg-$color-alert-warning-background i-text-$color-alert-warning-text i-border-l-$color-alert-warning-border',
380
+ warningIcon: 'i-text-$color-alert-warning-icon',
381
+ info: 'i-border-$color-alert-info-subtle-border i-bg-$color-alert-info-background i-text-$color-alert-info-text i-border-l-$color-alert-info-border',
382
+ infoIcon: 'i-text-$color-alert-info-icon',
413
383
  };
414
384
 
415
385
  export const input = {
@@ -447,8 +417,7 @@ export const helpText = {
447
417
  helpTextInvalid: 'i-text-$color-helptext-text-negative',
448
418
  };
449
419
 
450
- const prefixSuffixWrapperBase =
451
- 'absolute top-0 bottom-0 flex justify-center items-center focusable focus:[--w-outline-offset:-2px] bg-transparent ';
420
+ const prefixSuffixWrapperBase = 'absolute top-0 bottom-0 flex justify-center items-center focusable focus:[--w-outline-offset:-2px] bg-transparent ';
452
421
 
453
422
  export const suffix = {
454
423
  wrapper: prefixSuffixWrapperBase + 'right-0',
@@ -525,14 +494,11 @@ export const combobox = {
525
494
 
526
495
  export const attention = {
527
496
  base: 'border-2 relative flex items-start',
528
- tooltip:
529
- 'i-bg-$color-tooltip-background i-border-$color-tooltip-background i-shadow-$shadow-tooltip i-text-$color-tooltip-text rounded-4 py-6 px-8',
497
+ tooltip: 'i-bg-$color-tooltip-background i-border-$color-tooltip-background i-shadow-$shadow-tooltip i-text-$color-tooltip-text rounded-4 py-6 px-8',
530
498
  callout: 'i-bg-$color-callout-background i-border-$color-callout-border i-text-$color-callout-text py-8 px-16 rounded-8',
531
499
  highlight: 'i-bg-$color-callout-background i-border-$color-callout-border i-text-$color-callout-text py-8 px-16 rounded-8 drop-shadow-m',
532
- popover:
533
- 'i-bg-$color-popover-background i-border-$color-popover-background i-text-$color-popover-paragraph-text rounded-8 p-16 drop-shadow-m',
534
- arrowBase:
535
- 'absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform',
500
+ popover: 'i-bg-$color-popover-background i-border-$color-popover-background i-text-$color-popover-paragraph-text rounded-8 p-16 drop-shadow-m',
501
+ arrowBase: 'absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform',
536
502
  arrowDirectionLeft: '-left-[8px]',
537
503
  arrowDirectionRight: '-right-[8px]',
538
504
  arrowDirectionBottom: '-bottom-[8px]',
@@ -554,7 +520,8 @@ export const backwardsCompatibleClasses = {
554
520
  radioInvalid: 'peer-checked:before:i-border-$color-radio-negative-border-selected peer-checked:peer-hover:before:i-border-$color-radio-negative-border-selected-hover ', //replaced in v1.5.0
555
521
  radioDisabled: 'before:i-bg-$color-radio-background-disabled before:i-bg-$color-checkbox-background-disabled peer-checked:before:i-border-$color-radio-border-selected-disabled', //replaced in v1.5.0
556
522
  modalTitle: 'h-40 sm:h-48 items-center', // replaced by min-h-40 sm:min-h-48 items-start
557
- pillClose: 'pt-4 pb-6 text-m!' //replaced by py-8
523
+ pillClose: 'pt-4 pb-6 text-m!', //replaced by py-8
524
+ removedBadgeTokens: 'i-bg-$color-badge-price-background i-bg-$color-badge-negative-background i-bg-$color-badge-warning-background i-bg-$color-badge-positive-background i-bg-$color-badge-info-background i-bg-$color-badge-neutral-background i-text-$color-badge-neutral-text i-text-$color-badge-negative-text i-text-$color-badge-warning-text i-text-$color-badge-positive-text i-text-$color-badge-info-text i-text-$color-badge-disabled-text i-bg-$color-badge-disabled-background i-text-$color-badge-price-text',
558
525
  };
559
526
 
560
527
  export const pagination = {
@@ -567,5 +534,5 @@ export const pagination = {
567
534
  firstPageButton: 'md:hidden',
568
535
  firstPageLabel: 'font-bold',
569
536
  active: 's-bg-primary s-text-inverted',
570
- defaultPage: 'hover:s-bg-primary-subtle-hover'
571
- };
537
+ defaultPage: 'hover:s-bg-primary-subtle-hover',
538
+ };
package/component-classes/shortcuts.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export const buttons = {
2
- 'button': 'py-10 px-14 text-m leading-[24] border-2 rounded-8 font-bold max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-secondary-text hover:i-text-$color-button-secondary-text i-border-$color-button-secondary-border i-bg-$color-button-secondary-background hover:i-bg-$color-button-secondary-background-hover hover:i-border-$color-button-secondary-border-hover active:i-bg-$color-button-secondary-background-active',
2
+ button: 'py-10 px-14 text-m leading-[24] border-2 rounded-8 font-bold max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-secondary-text hover:i-text-$color-button-secondary-text i-border-$color-button-secondary-border i-bg-$color-button-secondary-background hover:i-bg-$color-button-secondary-background-hover hover:i-border-$color-button-secondary-border-hover active:i-bg-$color-button-secondary-background-active',
3
3
  'button--secondary': 'py-10 px-14 text-m leading-[24] border-2 rounded-8 font-bold max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-secondary-text hover:i-text-$color-button-secondary-text i-border-$color-button-secondary-border i-bg-$color-button-secondary-background hover:i-bg-$color-button-secondary-background-hover hover:i-border-$color-button-secondary-border-hover active:i-bg-$color-button-secondary-background-active',
4
4
  'button--default': 'py-10 px-14 text-m leading-[24] border-2 rounded-8 font-bold max-w-max focusable justify-center transition-colors ease-in-out i-text-$color-button-secondary-text hover:i-text-$color-button-secondary-text i-border-$color-button-secondary-border i-bg-$color-button-secondary-background hover:i-bg-$color-button-secondary-background-hover hover:i-border-$color-button-secondary-border-hover active:i-bg-$color-button-secondary-background-active',
5
5
  'button--small': 'px-16! py-6! text-xs!',
@@ -12,4 +12,4 @@ export const buttons = {
12
12
  'button--destructive': 'py-12 px-16 border-0 font-bold rounded-8 text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-negative-background i-text-$color-button-negative-text hover:i-text-$color-button-negative-text hover:i-bg-$color-button-negative-background-hover! active:i-bg-$color-button-negative-background-active!',
13
13
  'button--destructive-flat': 'py-12 px-16 border-0 font-bold rounded-8 text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-negative-quiet-background! i-text-$color-button-negative-quiet-text! hover:i-bg-$color-button-negative-quiet-background-hover! active:i-bg-$color-button-negative-quiet-background-active!',
14
14
  'button--flat': 'py-12 px-16 border-0! font-bold rounded-8 text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-quiet-background! i-text-$color-button-quiet-text! hover:i-bg-$color-button-quiet-background-hover! active:i-bg-$color-button-quiet-background-active!',
15
- };
15
+ };
package/dist/components.css CHANGED
@@ -1 +1 @@
1
- *,: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}.h4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}@media (min-width: 480px){.sm\:h3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}}.text-center{text-align:center}.before\:text-center:before{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.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}}.\[--w-modal-max-height\:80\%\]{--w-modal-max-height:80%}.\[--w-modal-width\:640px\]{--w-modal-width:640px}.focus\:\[--w-outline-offset\:-2px\]:focus{--w-outline-offset:-2px}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.peer:checked~.peer-checked\:before\:bg-center:before{background-position:center}.hover\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.before\:bg-\[url\(var\(--w-form-check-mark\)\)\]:before{background-image:var(--w-form-check-mark)}.appearance-none{appearance:none;-webkit-appearance:none}.will-change-height{will-change:height}.border,.border-1{border-width:1px}.before\:border:before{border-width:1px}.border-transparent{border-color:transparent}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-r-0,.group:not(:last-of-type) .group-not-last-of-type\:border-r-0{border-right-width:0}.peer:checked~.peer-checked\:before\:border-\[6\]:before{border-width:6px}.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))}.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))}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.before\:rounded-2:before{border-radius:2px}.before\:rounded-full:before{border-radius:9999px}.rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-tl-0{border-top-left-radius:0}.rounded-tl-4{border-top-left-radius:4px}.rounded-tr-0{border-top-right-radius:0}.group:first-of-type .group-first-of-type\:rounded-bl-8{border-bottom-left-radius:8px}.group:first-of-type .group-first-of-type\:rounded-tl-8{border-top-left-radius:8px}.first\:rounded-lb-4:first-child{border-bottom-left-radius:4px}.first\:rounded-lt-4:first-child{border-top-left-radius:4px}.first\:rounded-rt-4:first-child{border-top-right-radius:4px}.group:last-of-type .group-last-of-type\:rounded-br-8{border-bottom-right-radius:8px}.group:last-of-type .group-last-of-type\:rounded-tr-8{border-top-right-radius:8px}.last\:rounded-lb-4:last-child{border-bottom-left-radius:4px}.last\:rounded-rb-4:last-child{border-bottom-right-radius:4px}.last\:rounded-rt-4:last-child{border-top-right-radius:4px}.bg-transparent,.group\/steph:first-child .group-first\/steph\:bg-transparent,.group\/steph:last-child .group-last\/steph\:bg-transparent{background-color:transparent}.caret-current{caret-color:currentColor}.opacity-25{opacity:25%}.before\:opacity-25:before{opacity:25%}.block{display:block}.before\:block:before{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.flex\!{display:flex!important}.before\:flex\!:before{display:flex!important}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden,.group\/stepv:last-child .group-last\/stepv\:hidden{display:none}.before\:hidden:before{display:none}.hover\:underline:hover{text-decoration-line:underline}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.active\:underline:active{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration:none}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow,.grow-1{flex-grow:1}.basis-auto{flex-basis:auto}.flex-col{flex-direction:column}.focus-within\:focusable:focus-within{outline:2px solid var(--w-s-color-focused);outline-offset:var(--w-outline-offset, 1px)}.focusable:focus,.focusable:focus-visible{outline:2px solid var(--w-s-color-focused);outline-offset:var(--w-outline-offset, 1px)}.focusable:not(:focus-visible){outline:none}.peer:focus~.peer-focus\:focusable,.peer:focus-visible~.peer-focus\:focusable{outline:2px solid var(--w-s-color-focused);outline-offset:var(--w-outline-offset, 1px)}.peer:not(:focus-visible)~.peer-focus\:focusable{outline:none}.focusable-inset{--w-outline-offset:-3px}.gap-8{gap:.8rem}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.auto-rows-auto{grid-auto-rows:auto}.grid-flow-col{grid-auto-flow:column}.grid-rows-\[20px_auto\]{grid-template-rows:20px auto}.grid-rows-\[auto_20px\]{grid-template-rows:auto 20px}.grid-cols-\[1fr_20px_1fr\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\[1fr_20px\]{grid-template-columns:1fr 20px}.grid-cols-\[20px_1fr\]{grid-template-columns:20px 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.i-bg-\$color-alert-info-background{background-color:var(--w-color-alert-info-background)}.i-bg-\$color-alert-negative-background{background-color:var(--w-color-alert-negative-background)}.i-bg-\$color-alert-positive-background{background-color:var(--w-color-alert-positive-background)}.i-bg-\$color-alert-warning-background{background-color:var(--w-color-alert-warning-background)}.i-bg-\$color-badge-disabled-background{background-color:var(--w-color-badge-disabled-background)}.i-bg-\$color-badge-info-background{background-color:var(--w-color-badge-info-background)}.i-bg-\$color-badge-negative-background{background-color:var(--w-color-badge-negative-background)}.i-bg-\$color-badge-neutral-background{background-color:var(--w-color-badge-neutral-background)}.i-bg-\$color-badge-notification-background{background-color:var(--w-color-badge-notification-background)}.i-bg-\$color-badge-positive-background{background-color:var(--w-color-badge-positive-background)}.i-bg-\$color-badge-price-background{background-color:var(--w-color-badge-price-background)}.i-bg-\$color-badge-warning-background{background-color:var(--w-color-badge-warning-background)}.i-bg-\$color-box-bordered-background{background-color:var(--w-color-box-bordered-background)}.i-bg-\$color-box-info-background{background-color:var(--w-color-box-info-background)}.i-bg-\$color-box-neutral-background{background-color:var(--w-color-box-neutral-background)}.i-bg-\$color-button-disabled-background{background-color:var(--w-color-button-disabled-background)}.i-bg-\$color-button-loading-background{background-color:var(--w-color-button-loading-background)}.i-bg-\$color-button-negative-background{background-color:var(--w-color-button-negative-background)}.i-bg-\$color-button-negative-quiet-background{background-color:var(--w-color-button-negative-quiet-background)}.i-bg-\$color-button-pill-background{background-color:var(--w-color-button-pill-background)}.i-bg-\$color-button-primary-background{background-color:var(--w-color-button-primary-background)}.i-bg-\$color-button-quiet-background{background-color:var(--w-color-button-quiet-background)}.i-bg-\$color-button-secondary-background{background-color:var(--w-color-button-secondary-background)}.i-bg-\$color-button-utility-background{background-color:var(--w-color-button-utility-background)}.i-bg-\$color-button-utility-quiet-background{background-color:var(--w-color-button-utility-quiet-background)}.i-bg-\$color-buttongroup-primary-background{background-color:var(--w-color-buttongroup-primary-background)}.i-bg-\$color-buttongroup-utility-background{background-color:var(--w-color-buttongroup-utility-background)}.i-bg-\$color-buttongroup-utility-background-selected\!{background-color:var(--w-color-buttongroup-utility-background-selected)!important}.i-bg-\$color-callout-background{background-color:var(--w-color-callout-background)}.i-bg-\$color-card-background-selected{background-color:var(--w-color-card-background-selected)}.i-bg-\$color-card-flat-background{background-color:var(--w-color-card-flat-background)}.i-bg-\$color-card-flat-background-selected{background-color:var(--w-color-card-flat-background-selected)}.i-bg-\$color-combobox-background{background-color:var(--w-color-combobox-background)}.i-bg-\$color-combobox-option-background-selected{background-color:var(--w-color-combobox-option-background-selected)}.i-bg-\$color-expandable-background{background-color:var(--w-color-expandable-background)}.i-bg-\$color-input-background{background-color:var(--w-color-input-background)}.i-bg-\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled)}.i-bg-\$color-modal-background{background-color:var(--w-color-modal-background)}.i-bg-\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background)}.i-bg-\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected)}.i-bg-\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background)}.i-bg-\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background)}.i-bg-\$color-popover-background{background-color:var(--w-color-popover-background)}.i-bg-\$color-select-background{background-color:var(--w-color-select-background)}.i-bg-\$color-select-background-disabled{background-color:var(--w-color-select-background-disabled)}.i-bg-\$color-slider-handle-background{background-color:var(--w-color-slider-handle-background)}.i-bg-\$color-slider-handle-background-disabled{background-color:var(--w-color-slider-handle-background-disabled)}.i-bg-\$color-slider-track-background{background-color:var(--w-color-slider-track-background)}.i-bg-\$color-slider-track-background-active{background-color:var(--w-color-slider-track-background-active)}.i-bg-\$color-slider-track-background-disabled{background-color:var(--w-color-slider-track-background-disabled)}.i-bg-\$color-stepindicator-handle-background{background-color:var(--w-color-stepindicator-handle-background)}.i-bg-\$color-stepindicator-handle-background-active{background-color:var(--w-color-stepindicator-handle-background-active)}.i-bg-\$color-stepindicator-track-background{background-color:var(--w-color-stepindicator-track-background)}.i-bg-\$color-stepindicator-track-background-active{background-color:var(--w-color-stepindicator-track-background-active)}.i-bg-\$color-switch-handle-background{background-color:var(--w-color-switch-handle-background)}.i-bg-\$color-switch-handle-background-disabled{background-color:var(--w-color-switch-handle-background-disabled)}.i-bg-\$color-switch-track-background{background-color:var(--w-color-switch-track-background)}.i-bg-\$color-switch-track-background-disabled{background-color:var(--w-color-switch-track-background-disabled)}.i-bg-\$color-switch-track-background-selected{background-color:var(--w-color-switch-track-background-selected)}.i-bg-\$color-toast-negative-background{background-color:var(--w-color-toast-negative-background)}.i-bg-\$color-toast-positive-background{background-color:var(--w-color-toast-positive-background)}.i-bg-\$color-toast-warning-background{background-color:var(--w-color-toast-warning-background)}.i-bg-\$color-tooltip-background{background-color:var(--w-color-tooltip-background)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-bg-\$color-checkbox-background-selected-hover:before{background-color:var(--w-color-checkbox-background-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-bg-\$color-checkbox-negative-background-selected-hover:before{background-color:var(--w-color-checkbox-negative-background-selected-hover)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-background-selected-disabled:before{background-color:var(--w-color-checkbox-background-selected-disabled)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-background-selected:before{background-color:var(--w-color-checkbox-background-selected)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-negative-background-selected:before{background-color:var(--w-color-checkbox-negative-background-selected)}.peer:checked~.peer-checked\:i-bg-\$color-buttongroup-primary-background-selected{background-color:var(--w-color-buttongroup-primary-background-selected)}.peer:indeterminate~.peer-indeterminate\:before\:i-bg-\$color-checkbox-background-selected:before{background-color:var(--w-color-checkbox-background-selected)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:i-bg-\$color-checkbox-background-selected-hover:hover:before{background-color:var(--w-color-checkbox-background-selected-hover)}.group:hover .group-hover\:i-bg-\$color-switch-track-background-hover{background-color:var(--w-color-switch-track-background-hover)}.group:hover .group-hover\:i-bg-\$color-switch-track-background-selected-hover{background-color:var(--w-color-switch-track-background-selected-hover)}.hover\:before\:i-bg-\$color-checkbox-background-hover:hover:before{background-color:var(--w-color-checkbox-background-hover)}.hover\:before\:i-bg-\$color-checkbox-negative-background-hover:hover:before{background-color:var(--w-color-checkbox-negative-background-hover)}.hover\:i-bg-\$color-box-bordered-background-hover:hover{background-color:var(--w-color-box-bordered-background-hover)}.hover\:i-bg-\$color-box-info-background-hover:hover{background-color:var(--w-color-box-info-background-hover)}.hover\:i-bg-\$color-box-neutral-background-hover:hover{background-color:var(--w-color-box-neutral-background-hover)}.hover\:i-bg-\$color-button-negative-background-hover:hover{background-color:var(--w-color-button-negative-background-hover)}.hover\:i-bg-\$color-button-negative-quiet-background-hover:hover{background-color:var(--w-color-button-negative-quiet-background-hover)}.hover\:i-bg-\$color-button-pill-background-hover:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\:i-bg-\$color-button-primary-background-hover:hover{background-color:var(--w-color-button-primary-background-hover)}.hover\:i-bg-\$color-button-quiet-background-hover:hover{background-color:var(--w-color-button-quiet-background-hover)}.hover\:i-bg-\$color-button-secondary-background-hover:hover{background-color:var(--w-color-button-secondary-background-hover)}.hover\:i-bg-\$color-button-utility-background:hover{background-color:var(--w-color-button-utility-background)}.hover\:i-bg-\$color-button-utility-quiet-background-hover:hover{background-color:var(--w-color-button-utility-quiet-background-hover)}.hover\:i-bg-\$color-buttongroup-utility-background-hover:hover{background-color:var(--w-color-buttongroup-utility-background-hover)}.hover\:i-bg-\$color-card-background-hover:hover{background-color:var(--w-color-card-background-hover)}.hover\:i-bg-\$color-card-background-selected-hover:hover{background-color:var(--w-color-card-background-selected-hover)}.hover\:i-bg-\$color-card-flat-background-hover:hover{background-color:var(--w-color-card-flat-background-hover)}.hover\:i-bg-\$color-card-flat-background-selected-hover:hover{background-color:var(--w-color-card-flat-background-selected-hover)}.hover\:i-bg-\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover)}.hover\:i-bg-\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover)}.hover\:i-bg-\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover)}.hover\:i-bg-\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover)}.hover\:i-bg-\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover)}.hover\:i-bg-\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.hover\:i-bg-\$color-slider-handle-background-hover:hover{background-color:var(--w-color-slider-handle-background-hover)}.peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:i-bg-\$color-buttongroup-primary-background-hover{background-color:var(--w-color-buttongroup-primary-background-hover)}.peer:hover~.peer-hover\:before\:i-bg-\$color-radio-background-hover:before{background-color:var(--w-color-radio-background-hover)}.peer:hover~.peer-hover\:before\:i-bg-\$color-radio-negative-background-hover:before{background-color:var(--w-color-radio-negative-background-hover)}.focus\:i-bg-\$color-slider-handle-background-hover:focus{background-color:var(--w-color-slider-handle-background-hover)}.active\:i-bg-\$color-box-bordered-background-hover:active{background-color:var(--w-color-box-bordered-background-hover)}.active\:i-bg-\$color-box-info-background-hover:active{background-color:var(--w-color-box-info-background-hover)}.active\:i-bg-\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover)}.active\:i-bg-\$color-button-negative-background-active:active{background-color:var(--w-color-button-negative-background-active)}.active\:i-bg-\$color-button-negative-quiet-background-active:active{background-color:var(--w-color-button-negative-quiet-background-active)}.active\:i-bg-\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active)}.active\:i-bg-\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active)}.active\:i-bg-\$color-button-quiet-background-active:active{background-color:var(--w-color-button-quiet-background-active)}.active\:i-bg-\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active)}.active\:i-bg-\$color-buttongroup-utility-background-selected:active{background-color:var(--w-color-buttongroup-utility-background-selected)}.active\:i-bg-\$color-card-flat-background-active:active{background-color:var(--w-color-card-flat-background-active)}.active\:i-bg-\$color-pill-filter-background-active:active{background-color:var(--w-color-pill-filter-background-active)}.active\:i-bg-\$color-pill-suggestion-background-active:active{background-color:var(--w-color-pill-suggestion-background-active)}.active\:i-bg-\$color-slider-handle-background-active:active{background-color:var(--w-color-slider-handle-background-active)}.peer:disabled~.peer-disabled\:before\:i-bg-\$color-checkbox-background-disabled:before{background-color:var(--w-color-checkbox-background-disabled)}.peer:disabled~.peer-disabled\:before\:i-bg-\$color-radio-background-disabled:before{background-color:var(--w-color-radio-background-disabled)}.before\:i-bg-\$color-checkbox-background-disabled:before{background-color:var(--w-color-checkbox-background-disabled)}.before\:i-bg-\$color-checkbox-negative-background:before{background-color:var(--w-color-checkbox-negative-background)}.before\:i-bg-\$color-modal-backdrop-background:before{background-color:var(--w-color-modal-backdrop-background)}.before\:i-bg-\$color-radio-background-disabled:before{background-color:var(--w-color-radio-background-disabled)}.before\:i-bg-\$color-radio-negative-background:before{background-color:var(--w-color-radio-negative-background)}.i-text-\$color-alert-info-icon{color:var(--w-color-alert-info-icon)}.i-text-\$color-alert-info-text{color:var(--w-color-alert-info-text)}.i-text-\$color-alert-negative-icon{color:var(--w-color-alert-negative-icon)}.i-text-\$color-alert-negative-text{color:var(--w-color-alert-negative-text)}.i-text-\$color-alert-positive-icon{color:var(--w-color-alert-positive-icon)}.i-text-\$color-alert-positive-text{color:var(--w-color-alert-positive-text)}.i-text-\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon)}.i-text-\$color-alert-warning-text{color:var(--w-color-alert-warning-text)}.i-text-\$color-badge-disabled-text{color:var(--w-color-badge-disabled-text)}.i-text-\$color-badge-info-text{color:var(--w-color-badge-info-text)}.i-text-\$color-badge-negative-text{color:var(--w-color-badge-negative-text)}.i-text-\$color-badge-neutral-text{color:var(--w-color-badge-neutral-text)}.i-text-\$color-badge-notification-text{color:var(--w-color-badge-notification-text)}.i-text-\$color-badge-positive-text{color:var(--w-color-badge-positive-text)}.i-text-\$color-badge-price-text{color:var(--w-color-badge-price-text)}.i-text-\$color-badge-warning-text{color:var(--w-color-badge-warning-text)}.i-text-\$color-box-bordered-text{color:var(--w-color-box-bordered-text)}.i-text-\$color-box-info-text{color:var(--w-color-box-info-text)}.i-text-\$color-box-neutral-text{color:var(--w-color-box-neutral-text)}.i-text-\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon)}.i-text-\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text)}.i-text-\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text)}.i-text-\$color-button-disabled-text{color:var(--w-color-button-disabled-text)}.i-text-\$color-button-link-text{color:var(--w-color-button-link-text)}.i-text-\$color-button-loading-text{color:var(--w-color-button-loading-text)}.i-text-\$color-button-negative-quiet-text{color:var(--w-color-button-negative-quiet-text)}.i-text-\$color-button-negative-text{color:var(--w-color-button-negative-text)}.i-text-\$color-button-pill-icon{color:var(--w-color-button-pill-icon)}.i-text-\$color-button-primary-text{color:var(--w-color-button-primary-text)}.i-text-\$color-button-quiet-text{color:var(--w-color-button-quiet-text)}.i-text-\$color-button-secondary-text{color:var(--w-color-button-secondary-text)}.i-text-\$color-button-utility-quiet-text{color:var(--w-color-button-utility-quiet-text)}.i-text-\$color-button-utility-text{color:var(--w-color-button-utility-text)}.i-text-\$color-buttongroup-primary-text{color:var(--w-color-buttongroup-primary-text)}.i-text-\$color-buttongroup-utility-text{color:var(--w-color-buttongroup-utility-text)}.i-text-\$color-buttongroup-utility-text-selected\!{color:var(--w-color-buttongroup-utility-text-selected)!important}.i-text-\$color-callout-text{color:var(--w-color-callout-text)}.i-text-\$color-expandable-icon{color:var(--w-color-expandable-icon)}.i-text-\$color-expandable-title-text{color:var(--w-color-expandable-title-text)}.i-text-\$color-helptext-text{color:var(--w-color-helptext-text)}.i-text-\$color-helptext-text-negative{color:var(--w-color-helptext-text-negative)}.i-text-\$color-helptext-text-positive{color:var(--w-color-helptext-text-positive)}.i-text-\$color-input-text-disabled{color:var(--w-color-input-text-disabled)}.i-text-\$color-input-text-filled{color:var(--w-color-input-text-filled)}.i-text-\$color-input-text-negative\!{color:var(--w-color-input-text-negative)!important}.i-text-\$color-input-text-read-only{color:var(--w-color-input-text-read-only)}.i-text-\$color-label-optional-text{color:var(--w-color-label-optional-text)}.i-text-\$color-label-text{color:var(--w-color-label-text)}.i-text-\$color-label-text-negative{color:var(--w-color-label-text-negative)}.i-text-\$color-pill-filter-text{color:var(--w-color-pill-filter-text)}.i-text-\$color-pill-suggestion-text{color:var(--w-color-pill-suggestion-text)}.i-text-\$color-popover-paragraph-text{color:var(--w-color-popover-paragraph-text)}.i-text-\$color-select-icon{color:var(--w-color-select-icon)}.i-text-\$color-select-text{color:var(--w-color-select-text)}.i-text-\$color-select-text-disabled{color:var(--w-color-select-text-disabled)}.i-text-\$color-stepindicator-handle-icon{color:var(--w-color-stepindicator-handle-icon)}.i-text-\$color-tabs-text{color:var(--w-color-tabs-text)}.i-text-\$color-tabs-text-selected{color:var(--w-color-tabs-text-selected)}.i-text-\$color-toast-close-icon{color:var(--w-color-toast-close-icon)}.i-text-\$color-toast-negative-icon{color:var(--w-color-toast-negative-icon)}.i-text-\$color-toast-negative-text{color:var(--w-color-toast-negative-text)}.i-text-\$color-toast-positive-icon{color:var(--w-color-toast-positive-icon)}.i-text-\$color-toast-positive-text{color:var(--w-color-toast-positive-text)}.i-text-\$color-toast-warning-icon{color:var(--w-color-toast-warning-icon)}.i-text-\$color-toast-warning-text{color:var(--w-color-toast-warning-text)}.i-text-\$color-tooltip-text{color:var(--w-color-tooltip-text)}.peer:checked~.peer-checked\:i-text-\$color-buttongroup-primary-text-selected{color:var(--w-color-buttongroup-primary-text-selected)}.hover\:i-text-\$color-button-negative-text:hover{color:var(--w-color-button-negative-text)}.hover\:i-text-\$color-button-pill-icon-hover:hover{color:var(--w-color-button-pill-icon-hover)}.hover\:i-text-\$color-button-primary-text:hover{color:var(--w-color-button-primary-text)}.hover\:i-text-\$color-button-secondary-text:hover{color:var(--w-color-button-secondary-text)}.hover\:i-text-\$color-button-utility-text:hover{color:var(--w-color-button-utility-text)}.hover\:i-text-\$color-tabs-text-hover:hover{color:var(--w-color-tabs-text-hover)}.hover\:i-text-\$color-toast-close-icon-hover:hover{color:var(--w-color-toast-close-icon-hover)}.active\:i-text-\$color-button-pill-icon-active:active{color:var(--w-color-button-pill-icon-active)}.active\:i-text-\$color-buttongroup-utility-text-selected:active{color:var(--w-color-buttongroup-utility-text-selected)}.active\:i-text-\$color-toast-close-icon-active:active{color:var(--w-color-toast-close-icon-active)}.placeholder\:i-text-\$color-input-text-placeholder::placeholder{color:var(--w-color-input-text-placeholder)}.before\:i-text-\$color-checkbox-icon:before{color:var(--w-color-checkbox-icon)}.i-border-\$color-alert-info-subtle-border{border-color:var(--w-color-alert-info-subtle-border)}.i-border-\$color-alert-negative-subtle-border{border-color:var(--w-color-alert-negative-subtle-border)}.i-border-\$color-alert-positive-subtle-border{border-color:var(--w-color-alert-positive-subtle-border)}.i-border-\$color-alert-warning-subtle-border{border-color:var(--w-color-alert-warning-subtle-border)}.i-border-\$color-badge-disabled-background{border-color:var(--w-color-badge-disabled-background)}.i-border-\$color-badge-info-background{border-color:var(--w-color-badge-info-background)}.i-border-\$color-badge-negative-background{border-color:var(--w-color-badge-negative-background)}.i-border-\$color-badge-neutral-background{border-color:var(--w-color-badge-neutral-background)}.i-border-\$color-badge-positive-background{border-color:var(--w-color-badge-positive-background)}.i-border-\$color-badge-price-background{border-color:var(--w-color-badge-price-background)}.i-border-\$color-badge-warning-background{border-color:var(--w-color-badge-warning-background)}.i-border-\$color-box-bordered-border{border-color:var(--w-color-box-bordered-border)}.i-border-\$color-button-secondary-border{border-color:var(--w-color-button-secondary-border)}.i-border-\$color-button-utility-border{border-color:var(--w-color-button-utility-border)}.i-border-\$color-buttongroup-primary-border{border-color:var(--w-color-buttongroup-primary-border)}.i-border-\$color-buttongroup-utility-border{border-color:var(--w-color-buttongroup-utility-border)}.i-border-\$color-buttongroup-utility-border-selected{border-color:var(--w-color-buttongroup-utility-border-selected)}.i-border-\$color-callout-border{border-color:var(--w-color-callout-border)}.i-border-\$color-card-border{border-color:var(--w-color-card-border)}.i-border-\$color-card-border-selected{border-color:var(--w-color-card-border-selected)}.i-border-\$color-card-flat-border{border-color:var(--w-color-card-flat-border)}.i-border-\$color-card-flat-border-selected{border-color:var(--w-color-card-flat-border-selected)}.i-border-\$color-checkbox-border{border-color:var(--w-color-checkbox-border)}.i-border-\$color-input-border{border-color:var(--w-color-input-border)}.i-border-\$color-input-border-disabled{border-color:var(--w-color-input-border-disabled)}.i-border-\$color-input-border-negative{border-color:var(--w-color-input-border-negative)}.i-border-\$color-popover-background{border-color:var(--w-color-popover-background)}.i-border-\$color-radio-border{border-color:var(--w-color-radio-border)}.i-border-\$color-select-border{border-color:var(--w-color-select-border)}.i-border-\$color-select-border-disabled{border-color:var(--w-color-select-border-disabled)}.i-border-\$color-select-border-negative{border-color:var(--w-color-select-border-negative)}.i-border-\$color-slider-handle-border{border-color:var(--w-color-slider-handle-border)}.i-border-\$color-stepindicator-handle-border{border-color:var(--w-color-stepindicator-handle-border)}.i-border-\$color-stepindicator-handle-border-active{border-color:var(--w-color-stepindicator-handle-border-active)}.i-border-\$color-tabs-border{border-color:var(--w-color-tabs-border)}.i-border-\$color-tabs-border-selected{border-color:var(--w-color-tabs-border-selected)}.i-border-\$color-toast-negative-subtle-border{border-color:var(--w-color-toast-negative-subtle-border)}.i-border-\$color-toast-positive-subtle-border{border-color:var(--w-color-toast-positive-subtle-border)}.i-border-\$color-toast-warning-subtle-border{border-color:var(--w-color-toast-warning-subtle-border)}.i-border-\$color-tooltip-background{border-color:var(--w-color-tooltip-background)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-checkbox-border-selected-hover:before{border-color:var(--w-color-checkbox-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-checkbox-negative-border-hover:before{border-color:var(--w-color-checkbox-negative-border-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-checkbox-negative-border-selected-hover:before{border-color:var(--w-color-checkbox-negative-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-border-selected-hover:before{border-color:var(--w-color-radio-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-negative-border-hover:before{border-color:var(--w-color-radio-negative-border-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-negative-border-selected-hover:before{border-color:var(--w-color-radio-negative-border-selected-hover)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-border-selected-disabled:before{border-color:var(--w-color-checkbox-border-selected-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-border-selected:before{border-color:var(--w-color-checkbox-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-negative-border-selected:before{border-color:var(--w-color-checkbox-negative-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-negative-border:before{border-color:var(--w-color-checkbox-negative-border)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-disabled:before{border-color:var(--w-color-radio-border-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-selected-disabled:before{border-color:var(--w-color-radio-border-selected-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-selected:before{border-color:var(--w-color-radio-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-negative-border-selected:before{border-color:var(--w-color-radio-negative-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-negative-border:before{border-color:var(--w-color-radio-negative-border)}.peer:checked~.peer-checked\:i-border-\$color-buttongroup-primary-border-selected{border-color:var(--w-color-buttongroup-primary-border-selected)}.peer:indeterminate~.peer-indeterminate\:before\:i-border-\$color-checkbox-border-selected:before{border-color:var(--w-color-checkbox-border-selected)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:i-border-\$color-checkbox-border-hover:hover:before{border-color:var(--w-color-checkbox-border-hover)}.hover\:before\:i-border-\$color-checkbox-border-hover:hover:before{border-color:var(--w-color-checkbox-border-hover)}.hover\:before\:i-border-\$color-checkbox-negative-border-hover:hover:before{border-color:var(--w-color-checkbox-negative-border-hover)}.hover\:i-border-\$color-box-bordered-border-hover:hover{border-color:var(--w-color-box-bordered-border-hover)}.hover\:i-border-\$color-button-secondary-border-hover:hover{border-color:var(--w-color-button-secondary-border-hover)}.hover\:i-border-\$color-button-utility-border-hover:hover{border-color:var(--w-color-button-utility-border-hover)}.hover\:i-border-\$color-card-border-selected-hover:hover{border-color:var(--w-color-card-border-selected-hover)}.hover\:i-border-\$color-card-flat-border-hover:hover{border-color:var(--w-color-card-flat-border-hover)}.hover\:i-border-\$color-card-flat-border-selected-hover:hover{border-color:var(--w-color-card-flat-border-selected-hover)}.hover\:i-border-\$color-input-border-disabled\!:hover{border-color:var(--w-color-input-border-disabled)!important}.hover\:i-border-\$color-input-border-hover:hover{border-color:var(--w-color-input-border-hover)}.hover\:i-border-\$color-select-border-disabled\!:hover{border-color:var(--w-color-select-border-disabled)!important}.hover\:i-border-\$color-select-border-hover:hover{border-color:var(--w-color-select-border-hover)}.hover\:i-border-\$color-slider-handle-border-hover:hover{border-color:var(--w-color-slider-handle-border-hover)}.hover\:i-border-\$color-tabs-border-hover:hover{border-color:var(--w-color-tabs-border-hover)}.peer:hover~.peer-hover\:before\:i-border-\$color-radio-border-hover:before{border-color:var(--w-color-radio-border-hover)}.peer:hover~.peer-hover\:before\:i-border-\$color-radio-negative-border-hover:before{border-color:var(--w-color-radio-negative-border-hover)}.focus\:i-border-\$color-slider-handle-border-hover:focus{border-color:var(--w-color-slider-handle-border-hover)}.active\:i-border-\$color-box-bordered-border-hover:active{border-color:var(--w-color-box-bordered-border-hover)}.active\:i-border-\$color-button-utility-border-active:active{border-color:var(--w-color-button-utility-border-active)}.active\:i-border-\$color-buttongroup-utility-border-selected:active{border-color:var(--w-color-buttongroup-utility-border-selected)}.active\:i-border-\$color-card-border-selected-active:active{border-color:var(--w-color-card-border-selected-active)}.active\:i-border-\$color-card-flat-border-active:active{border-color:var(--w-color-card-flat-border-active)}.active\:i-border-\$color-card-flat-border:active{border-color:var(--w-color-card-flat-border)}.active\:i-border-\$color-input-border-active:active{border-color:var(--w-color-input-border-active)}.active\:i-border-\$color-select-border-active:active{border-color:var(--w-color-select-border-active)}.active\:i-border-\$color-select-border-disabled\!:active{border-color:var(--w-color-select-border-disabled)!important}.active\:i-border-\$color-slider-handle-border-active:active{border-color:var(--w-color-slider-handle-border-active)}.before\:i-border-\$color-checkbox-border-disabled:before{border-color:var(--w-color-checkbox-border-disabled)}.before\:i-border-\$color-radio-border-disabled:before{border-color:var(--w-color-radio-border-disabled)}.before\:i-border-\$color-radio-negative-border:before{border-color:var(--w-color-radio-negative-border)}.i-shadow-\$shadow-buttongroup{box-shadow:var(--w-shadow-buttongroup)}.i-shadow-\$shadow-card{box-shadow:var(--w-shadow-card)}.i-shadow-\$shadow-combobox{box-shadow:var(--w-shadow-combobox)}.i-shadow-\$shadow-modal{box-shadow:var(--w-shadow-modal)}.i-shadow-\$shadow-slider{box-shadow:var(--w-shadow-slider)}.i-shadow-\$shadow-switch-handle{box-shadow:var(--w-shadow-switch-handle)}.i-shadow-\$shadow-tooltip{box-shadow:var(--w-shadow-tooltip)}.hover\:i-shadow-\$shadow-card-hover:hover{box-shadow:var(--w-shadow-card-hover)}.i-border-l-\$color-alert-info-border{border-left-color:var(--w-color-alert-info-border)}.i-border-l-\$color-alert-negative-border{border-left-color:var(--w-color-alert-negative-border)}.i-border-l-\$color-alert-positive-border{border-left-color:var(--w-color-alert-positive-border)}.i-border-l-\$color-alert-warning-border{border-left-color:var(--w-color-alert-warning-border)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.list-none{list-style-type:none}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.before\:items-center:before{align-items:center}.self-center{align-self:center}.inset-0{inset:0rem}.-bottom-\[8px\]{bottom:-8px}.-bottom-0{bottom:-0rem}.-left-\[8px\]{left:-8px}.-right-\[8px\]{right:-8px}.-top-\[8px\]{top:-8px}.bottom-0{bottom:0rem}.bottom-10{bottom:1rem}.bottom-16{bottom:1.6rem}.left-0{left:0rem}.left-4{left:.4rem}.left-8{left:.8rem}.right-0{right:0rem}.right-16{right:1.6rem}.top-\[19px\]{top:19px}.top-\[30\%\]{top:30%}.top-0{top:0rem}.top-20{top:2rem}.top-4{top:.4rem}.before\:bottom-0:before{bottom:0rem}.before\:left-0:before{left:0rem}.before\:right-0:before{right:0rem}.before\:top-0:before{top:0rem}.before\:top-2:before{top:.2rem}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.before\:justify-center:before{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.before\:absolute:before{position:absolute}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.peer:checked~.peer-checked\:z-10{z-index:10}.hover\:z-30:hover{z-index:30}.s-bg{background-color:var(--w-s-color-background)}.before\:s-bg:before{background-color:var(--w-s-color-background)}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\:s-bg-primary-subtle-hover:hover{background-color:var(--w-s-color-background-primary-subtle-hover)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.drop-shadow-m{filter:drop-shadow(rgba(64,64,64,.24) 0 3px 8px) drop-shadow(rgba(64,64,64,.16) 0 3px 6px)}.h-0{height:0rem}.h-16{height:1.6rem}.h-2{height:.2rem}.h-20{height:2rem}.h-24{height:2.4rem}.h-4{height:.4rem}.h-40{height:4rem}.h-44{height:4.4rem}.h-6{height:.6rem}.h-8{height:.8rem}.h-full{height:100%}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.min-h-32{min-height:3.2rem}.min-h-40{min-height:4rem}.min-w-16{min-width:1.6rem}.min-w-32{min-width:3.2rem}.w-16{width:1.6rem}.w-2{width:.2rem}.w-20{width:2rem}.w-24{width:2.4rem}.w-32{width:3.2rem}.w-40{width:4rem}.w-44{width:4.4rem}.w-8{width:.8rem}.w-full{width:100%}.w-max{width:max-content}.before\:h-20:before{height:2rem}.before\:h-full:before{height:100%}.before\:w-20:before{width:2rem}.before\:w-32:before{width:3.2rem}.h-\[--w-modal-height\]{height:var(--w-modal-height)}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.max-h-\[--w-modal-max-height\]{max-height:var(--w-modal-max-height)}.min-h-\[--w-modal-min-height\]{min-height:var(--w-modal-min-height)}.min-h-\[32px\]{min-height:32px}.min-h-\[42\]{min-height:4.2rem}.min-h-\[44px\]{min-height:44px}.min-w-\[32px\]{min-width:32px}.min-w-\[44px\]{min-width:44px}.w-\[--w-modal-width\]{width:var(--w-modal-width)}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.hover\:slider-handle-shadow-hover:hover{box-shadow:0 0 0 6px #00000014}.focus\:slider-handle-shadow-hover:focus{box-shadow:0 0 0 6px #00000014}.active\:slider-handle-shadow-active:active{box-shadow:0 0 0 8px #00000014}.space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(.8rem * calc(1 - var(--w-space-x-reverse)));margin-right:calc(.8rem * var(--w-space-x-reverse))}.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))}.m-\[8px\]{margin:8px}.m-0{margin:0rem}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.mx-0{margin-left:0rem;margin-right:0rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-1{margin-bottom:-.1rem}.-ml-8{margin-left:-.8rem}.-mr-1{margin-right:-.1rem}.-mr-8{margin-right:-.8rem}.-mt-2{margin-top:-.2rem}.-mt-4{margin-top:-.4rem}.last-child\:mb-0>:last-child,.mb-0{margin-bottom:0rem}.mb-32{margin-bottom:3.2rem}.ml-8{margin-left:.8rem}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.mt-4{margin-top:.4rem}.group:not(:first-child) .group-not-first\:-ml-2{margin-left:-.2rem}.last\:mb-0:last-child{margin-bottom:0rem}.last\:mr-0:last-child{margin-right:0rem}.p-\[8px\]{padding:8px}.p-0{padding:0rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.p-8{padding:.8rem}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[8px\]\!{padding-left:8px!important;padding-right:8px!important}.px-0{padding-left:0rem;padding-right:0rem}.px-1{padding-left:.1rem;padding-right:.1rem}.px-12{padding-left:1.2rem;padding-right:1.2rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-4{padding-left:.4rem;padding-right:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[5px\]\!{padding-top:5px!important;padding-bottom:5px!important}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.py-0{padding-top:0rem;padding-bottom:0rem}.py-1{padding-top:.1rem;padding-bottom:.1rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.py-8\!{padding-top:.8rem!important;padding-bottom:.8rem!important}.pb-0{padding-bottom:0rem}.pb-32{padding-bottom:3.2rem}.pb-4{padding-bottom:.4rem}.pb-6{padding-bottom:.6rem}.pb-8{padding-bottom:.8rem}.pl-0{padding-left:0rem}.pl-1{padding-left:.1rem}.pl-12{padding-left:1.2rem}.pl-28{padding-left:2.8rem}.pl-4{padding-left:.4rem}.pl-40{padding-left:4rem}.pl-8{padding-left:.8rem}.pr-12{padding-right:1.2rem}.pr-14{padding-right:1.4rem}.pr-2{padding-right:.2rem}.pr-32{padding-right:3.2rem}.pr-40{padding-right:4rem}.pt-0{padding-top:0rem}.pt-1{padding-top:.1rem}.pt-4{padding-top:.4rem}.pt-8{padding-top:.8rem}.group\/step:last-child .group-last\/step\:last\:pb-0:last-child{padding-bottom:0rem}.last\:pb-1:last-child{padding-bottom:.1rem}.last\:pr-1:last-child{padding-right:.1rem}.invisible{visibility:hidden}.backface-hidden{backface-visibility:hidden}.break-words{overflow-wrap:break-word}.before\:content-\[\"-\"\]:before{content:"-"}.before\:content-\[\"\"\]:before{content:""}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.before\:font-bold:before{font-weight:700}.font-normal{font-weight:400}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.before\:pointer-events-none:before{pointer-events:none}.pb-safe-\[32\]{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.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}.touch-pan-y{touch-action:pan-y}.select-none{user-select:none}.translate-x-20{--w-translate-x:2rem;transform:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.translate-z-0{--w-translate-z:0rem;transform:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.-rotate-180,.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:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-up-16-part\]\:rotate-180::part(w-icon-chevron-up-16-part),.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.rotate-90{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:90deg;transform:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform::part(w-icon-chevron-up-16-part),.transform{transform:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform-gpu::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform-gpu::part(w-icon-chevron-up-16-part),.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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transition-transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transition-transform::part(w-icon-chevron-up-16-part),.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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(.4,0,.2,1);transition-duration:.3s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:transition-all:before{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out,.part-\[w-icon-chevron-down-16-part\]\:ease-in-out::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:ease-in-out::part(w-icon-chevron-up-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-m\!{font-size:var(--w-font-size-m)!important;line-height:var(--w-line-height-m)!important}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}.leading-\[24\]{line-height:2.4rem}@media (min-width: 480px){.sm\:border-b-0{border-bottom-width:0}.sm\:rounded-8{border-radius:8px}.sm\:rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sm\:gap-16{gap:1.6rem}.sm\:place-content-center{place-content:center}.sm\:place-items-center{place-items:center}.sm\:h-24{height:2.4rem}.sm\:h-48{height:4.8rem}.sm\:min-h-48{min-height:4.8rem}.sm\:w-24{width:2.4rem}.sm\:min-h-\[44px\]{min-height:44px}.sm\:min-h-\[45\]{min-height:4.5rem}.sm\:min-w-\[44px\]{min-width:44px}.sm\:mx-0{margin-left:0rem;margin-right:0rem}.sm\:mx-16{margin-left:1.6rem;margin-right:1.6rem}.sm\:-ml-12{margin-left:-1.2rem}.sm\:-mr-12{margin-right:-1.2rem}.sm\:-mt-8{margin-top:-.8rem}.sm\:px-0{padding-left:0rem;padding-right:0rem}.sm\:px-32{padding-left:3.2rem;padding-right:3.2rem}.sm\:py-0{padding-top:0rem;padding-bottom:0rem}.sm\:pb-32{padding-bottom:3.2rem}.sm\:pt-32{padding-top:3.2rem}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}}
1
+ *,: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}.h4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}@media (min-width: 480px){.sm\:h3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}}.text-center{text-align:center}.before\:text-center:before{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.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}}.\[--w-modal-max-height\:80\%\]{--w-modal-max-height:80%}.\[--w-modal-width\:640px\]{--w-modal-width:640px}.focus\:\[--w-outline-offset\:-2px\]:focus{--w-outline-offset:-2px}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.peer:checked~.peer-checked\:before\:bg-center:before{background-position:center}.hover\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent,.group\/steph:first-child .group-first\/steph\:bg-transparent,.group\/steph:last-child .group-last\/steph\:bg-transparent{background-color:transparent}.bg-\[--w-color-badge-info-background\],.i-bg-\$color-badge-info-background{background-color:var(--w-color-badge-info-background)}.bg-\[--w-color-badge-negative-background\],.i-bg-\$color-badge-negative-background{background-color:var(--w-color-badge-negative-background)}.bg-\[--w-color-badge-neutral-background\],.i-bg-\$color-badge-neutral-background{background-color:var(--w-color-badge-neutral-background)}.bg-\[--w-color-badge-positive-background\],.i-bg-\$color-badge-positive-background{background-color:var(--w-color-badge-positive-background)}.bg-\[--w-color-badge-price-background\],.i-bg-\$color-badge-price-background{background-color:var(--w-color-badge-price-background)}.bg-\[--w-color-badge-sponsored-background\]{background-color:var(--w-color-badge-sponsored-background)}.bg-\[--w-color-badge-warning-background\],.i-bg-\$color-badge-warning-background{background-color:var(--w-color-badge-warning-background)}.before\:bg-\[url\(var\(--w-form-check-mark\)\)\]:before{background-image:var(--w-form-check-mark)}.appearance-none{-moz-appearance:none;appearance:none;-webkit-appearance:none}.will-change-height{will-change:height}.border,.border-1{border-width:1px}.border-b{border-bottom-width:1px}.before\:border:before{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-r-0,.group:not(:last-of-type) .group-not-last-of-type\:border-r-0{border-right-width:0}.peer:checked~.peer-checked\:before\:border-\[6\]:before{border-width:.6rem}.border-transparent{border-color:transparent}.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))}.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))}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.before\:rounded-2:before{border-radius:2px}.before\:rounded-full:before{border-radius:9999px}.rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-tl-0{border-top-left-radius:0}.rounded-tl-4{border-top-left-radius:4px}.rounded-tr-0{border-top-right-radius:0}.group:first-of-type .group-first-of-type\:rounded-bl-8{border-bottom-left-radius:8px}.group:first-of-type .group-first-of-type\:rounded-tl-8{border-top-left-radius:8px}.first\:rounded-lb-4:first-child{border-bottom-left-radius:4px}.first\:rounded-lt-4:first-child{border-top-left-radius:4px}.first\:rounded-rt-4:first-child{border-top-right-radius:4px}.group:last-of-type .group-last-of-type\:rounded-br-8{border-bottom-right-radius:8px}.group:last-of-type .group-last-of-type\:rounded-tr-8{border-top-right-radius:8px}.last\:rounded-lb-4:last-child{border-bottom-left-radius:4px}.last\:rounded-rb-4:last-child{border-bottom-right-radius:4px}.last\:rounded-rt-4:last-child{border-top-right-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:25%}.before\:opacity-25:before{opacity:25%}.block{display:block}.before\:block:before{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.flex\!{display:flex!important}.before\:flex\!:before{display:flex!important}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden,.group\/stepv:last-child .group-last\/stepv\:hidden{display:none}.before\:hidden:before{display:none}.hover\:underline:hover{text-decoration-line:underline}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.active\:underline:active{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration:none}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow,.grow-1{flex-grow:1}.basis-auto{flex-basis:auto}.flex-col{flex-direction:column}.focus-within\:focusable:focus-within{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px)}.focusable:focus,.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px)}.focusable:not(:focus-visible){outline:none}.peer:focus~.peer-focus\:focusable,.peer:focus-visible~.peer-focus\:focusable{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px)}.peer:not(:focus-visible)~.peer-focus\:focusable{outline:none}.focusable-inset{--w-outline-offset:-3px}.gap-8{gap:.8rem}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.auto-rows-auto{grid-auto-rows:auto}.grid-flow-col{grid-auto-flow:column}.grid-rows-\[20px_auto\]{grid-template-rows:20px auto}.grid-rows-\[auto_20px\]{grid-template-rows:auto 20px}.grid-cols-\[1fr_20px_1fr\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\[1fr_20px\]{grid-template-columns:1fr 20px}.grid-cols-\[20px_1fr\]{grid-template-columns:20px 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.i-bg-\$color-alert-info-background{background-color:var(--w-color-alert-info-background)}.i-bg-\$color-alert-negative-background{background-color:var(--w-color-alert-negative-background)}.i-bg-\$color-alert-positive-background{background-color:var(--w-color-alert-positive-background)}.i-bg-\$color-alert-warning-background{background-color:var(--w-color-alert-warning-background)}.i-bg-\$color-badge-disabled-background{background-color:var(--w-color-badge-disabled-background)}.i-bg-\$color-badge-notification-background{background-color:var(--w-color-badge-notification-background)}.i-bg-\$color-box-bordered-background{background-color:var(--w-color-box-bordered-background)}.i-bg-\$color-box-info-background{background-color:var(--w-color-box-info-background)}.i-bg-\$color-box-neutral-background{background-color:var(--w-color-box-neutral-background)}.i-bg-\$color-button-disabled-background{background-color:var(--w-color-button-disabled-background)}.i-bg-\$color-button-loading-background{background-color:var(--w-color-button-loading-background)}.i-bg-\$color-button-negative-background{background-color:var(--w-color-button-negative-background)}.i-bg-\$color-button-negative-quiet-background{background-color:var(--w-color-button-negative-quiet-background)}.i-bg-\$color-button-pill-background{background-color:var(--w-color-button-pill-background)}.i-bg-\$color-button-primary-background{background-color:var(--w-color-button-primary-background)}.i-bg-\$color-button-quiet-background{background-color:var(--w-color-button-quiet-background)}.i-bg-\$color-button-secondary-background{background-color:var(--w-color-button-secondary-background)}.i-bg-\$color-button-utility-background{background-color:var(--w-color-button-utility-background)}.i-bg-\$color-button-utility-quiet-background{background-color:var(--w-color-button-utility-quiet-background)}.i-bg-\$color-buttongroup-primary-background{background-color:var(--w-color-buttongroup-primary-background)}.i-bg-\$color-buttongroup-utility-background{background-color:var(--w-color-buttongroup-utility-background)}.i-bg-\$color-buttongroup-utility-background-selected\!{background-color:var(--w-color-buttongroup-utility-background-selected)!important}.i-bg-\$color-callout-background{background-color:var(--w-color-callout-background)}.i-bg-\$color-card-background-selected{background-color:var(--w-color-card-background-selected)}.i-bg-\$color-card-flat-background{background-color:var(--w-color-card-flat-background)}.i-bg-\$color-card-flat-background-selected{background-color:var(--w-color-card-flat-background-selected)}.i-bg-\$color-combobox-background{background-color:var(--w-color-combobox-background)}.i-bg-\$color-combobox-option-background-selected{background-color:var(--w-color-combobox-option-background-selected)}.i-bg-\$color-expandable-background{background-color:var(--w-color-expandable-background)}.i-bg-\$color-input-background{background-color:var(--w-color-input-background)}.i-bg-\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled)}.i-bg-\$color-modal-background{background-color:var(--w-color-modal-background)}.i-bg-\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background)}.i-bg-\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected)}.i-bg-\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background)}.i-bg-\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background)}.i-bg-\$color-popover-background{background-color:var(--w-color-popover-background)}.i-bg-\$color-select-background{background-color:var(--w-color-select-background)}.i-bg-\$color-select-background-disabled{background-color:var(--w-color-select-background-disabled)}.i-bg-\$color-slider-handle-background{background-color:var(--w-color-slider-handle-background)}.i-bg-\$color-slider-handle-background-disabled{background-color:var(--w-color-slider-handle-background-disabled)}.i-bg-\$color-slider-track-background{background-color:var(--w-color-slider-track-background)}.i-bg-\$color-slider-track-background-active{background-color:var(--w-color-slider-track-background-active)}.i-bg-\$color-slider-track-background-disabled{background-color:var(--w-color-slider-track-background-disabled)}.i-bg-\$color-stepindicator-handle-background{background-color:var(--w-color-stepindicator-handle-background)}.i-bg-\$color-stepindicator-handle-background-active{background-color:var(--w-color-stepindicator-handle-background-active)}.i-bg-\$color-stepindicator-track-background{background-color:var(--w-color-stepindicator-track-background)}.i-bg-\$color-stepindicator-track-background-active{background-color:var(--w-color-stepindicator-track-background-active)}.i-bg-\$color-switch-handle-background{background-color:var(--w-color-switch-handle-background)}.i-bg-\$color-switch-handle-background-disabled{background-color:var(--w-color-switch-handle-background-disabled)}.i-bg-\$color-switch-track-background{background-color:var(--w-color-switch-track-background)}.i-bg-\$color-switch-track-background-disabled{background-color:var(--w-color-switch-track-background-disabled)}.i-bg-\$color-switch-track-background-selected{background-color:var(--w-color-switch-track-background-selected)}.i-bg-\$color-toast-negative-background{background-color:var(--w-color-toast-negative-background)}.i-bg-\$color-toast-positive-background{background-color:var(--w-color-toast-positive-background)}.i-bg-\$color-toast-warning-background{background-color:var(--w-color-toast-warning-background)}.i-bg-\$color-tooltip-background{background-color:var(--w-color-tooltip-background)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-bg-\$color-checkbox-background-selected-hover:before{background-color:var(--w-color-checkbox-background-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-bg-\$color-checkbox-negative-background-selected-hover:before{background-color:var(--w-color-checkbox-negative-background-selected-hover)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-background-selected-disabled:before{background-color:var(--w-color-checkbox-background-selected-disabled)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-background-selected:before{background-color:var(--w-color-checkbox-background-selected)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-negative-background-selected:before{background-color:var(--w-color-checkbox-negative-background-selected)}.peer:checked~.peer-checked\:i-bg-\$color-buttongroup-primary-background-selected{background-color:var(--w-color-buttongroup-primary-background-selected)}.peer:indeterminate~.peer-indeterminate\:before\:i-bg-\$color-checkbox-background-selected:before{background-color:var(--w-color-checkbox-background-selected)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:i-bg-\$color-checkbox-background-selected-hover:hover:before{background-color:var(--w-color-checkbox-background-selected-hover)}.group:hover .group-hover\:i-bg-\$color-switch-track-background-hover{background-color:var(--w-color-switch-track-background-hover)}.group:hover .group-hover\:i-bg-\$color-switch-track-background-selected-hover{background-color:var(--w-color-switch-track-background-selected-hover)}.hover\:before\:i-bg-\$color-checkbox-background-hover:hover:before{background-color:var(--w-color-checkbox-background-hover)}.hover\:before\:i-bg-\$color-checkbox-negative-background-hover:hover:before{background-color:var(--w-color-checkbox-negative-background-hover)}.hover\:i-bg-\$color-box-bordered-background-hover:hover{background-color:var(--w-color-box-bordered-background-hover)}.hover\:i-bg-\$color-box-info-background-hover:hover{background-color:var(--w-color-box-info-background-hover)}.hover\:i-bg-\$color-box-neutral-background-hover:hover{background-color:var(--w-color-box-neutral-background-hover)}.hover\:i-bg-\$color-button-negative-background-hover:hover{background-color:var(--w-color-button-negative-background-hover)}.hover\:i-bg-\$color-button-negative-quiet-background-hover:hover{background-color:var(--w-color-button-negative-quiet-background-hover)}.hover\:i-bg-\$color-button-pill-background-hover:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\:i-bg-\$color-button-primary-background-hover:hover{background-color:var(--w-color-button-primary-background-hover)}.hover\:i-bg-\$color-button-quiet-background-hover:hover{background-color:var(--w-color-button-quiet-background-hover)}.hover\:i-bg-\$color-button-secondary-background-hover:hover{background-color:var(--w-color-button-secondary-background-hover)}.hover\:i-bg-\$color-button-utility-background:hover{background-color:var(--w-color-button-utility-background)}.hover\:i-bg-\$color-button-utility-quiet-background-hover:hover{background-color:var(--w-color-button-utility-quiet-background-hover)}.hover\:i-bg-\$color-buttongroup-utility-background-hover:hover{background-color:var(--w-color-buttongroup-utility-background-hover)}.hover\:i-bg-\$color-card-background-hover:hover{background-color:var(--w-color-card-background-hover)}.hover\:i-bg-\$color-card-background-selected-hover:hover{background-color:var(--w-color-card-background-selected-hover)}.hover\:i-bg-\$color-card-flat-background-hover:hover{background-color:var(--w-color-card-flat-background-hover)}.hover\:i-bg-\$color-card-flat-background-selected-hover:hover{background-color:var(--w-color-card-flat-background-selected-hover)}.hover\:i-bg-\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover)}.hover\:i-bg-\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover)}.hover\:i-bg-\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover)}.hover\:i-bg-\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover)}.hover\:i-bg-\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover)}.hover\:i-bg-\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.hover\:i-bg-\$color-slider-handle-background-hover:hover{background-color:var(--w-color-slider-handle-background-hover)}.peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:i-bg-\$color-buttongroup-primary-background-hover{background-color:var(--w-color-buttongroup-primary-background-hover)}.peer:hover~.peer-hover\:before\:i-bg-\$color-radio-background-hover:before{background-color:var(--w-color-radio-background-hover)}.peer:hover~.peer-hover\:before\:i-bg-\$color-radio-negative-background-hover:before{background-color:var(--w-color-radio-negative-background-hover)}.focus\:i-bg-\$color-slider-handle-background-hover:focus{background-color:var(--w-color-slider-handle-background-hover)}.active\:i-bg-\$color-box-bordered-background-hover:active{background-color:var(--w-color-box-bordered-background-hover)}.active\:i-bg-\$color-box-info-background-hover:active{background-color:var(--w-color-box-info-background-hover)}.active\:i-bg-\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover)}.active\:i-bg-\$color-button-negative-background-active:active{background-color:var(--w-color-button-negative-background-active)}.active\:i-bg-\$color-button-negative-quiet-background-active:active{background-color:var(--w-color-button-negative-quiet-background-active)}.active\:i-bg-\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active)}.active\:i-bg-\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active)}.active\:i-bg-\$color-button-quiet-background-active:active{background-color:var(--w-color-button-quiet-background-active)}.active\:i-bg-\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active)}.active\:i-bg-\$color-buttongroup-utility-background-selected:active{background-color:var(--w-color-buttongroup-utility-background-selected)}.active\:i-bg-\$color-card-flat-background-active:active{background-color:var(--w-color-card-flat-background-active)}.active\:i-bg-\$color-pill-filter-background-active:active{background-color:var(--w-color-pill-filter-background-active)}.active\:i-bg-\$color-pill-suggestion-background-active:active{background-color:var(--w-color-pill-suggestion-background-active)}.active\:i-bg-\$color-slider-handle-background-active:active{background-color:var(--w-color-slider-handle-background-active)}.peer:disabled~.peer-disabled\:before\:i-bg-\$color-checkbox-background-disabled:before{background-color:var(--w-color-checkbox-background-disabled)}.peer:disabled~.peer-disabled\:before\:i-bg-\$color-radio-background-disabled:before{background-color:var(--w-color-radio-background-disabled)}.before\:i-bg-\$color-checkbox-background-disabled:before{background-color:var(--w-color-checkbox-background-disabled)}.before\:i-bg-\$color-checkbox-negative-background:before{background-color:var(--w-color-checkbox-negative-background)}.before\:i-bg-\$color-modal-backdrop-background:before{background-color:var(--w-color-modal-backdrop-background)}.before\:i-bg-\$color-radio-background-disabled:before{background-color:var(--w-color-radio-background-disabled)}.before\:i-bg-\$color-radio-negative-background:before{background-color:var(--w-color-radio-negative-background)}.i-text-\$color-alert-info-icon{color:var(--w-color-alert-info-icon)}.i-text-\$color-alert-info-text{color:var(--w-color-alert-info-text)}.i-text-\$color-alert-negative-icon{color:var(--w-color-alert-negative-icon)}.i-text-\$color-alert-negative-text{color:var(--w-color-alert-negative-text)}.i-text-\$color-alert-positive-icon{color:var(--w-color-alert-positive-icon)}.i-text-\$color-alert-positive-text{color:var(--w-color-alert-positive-text)}.i-text-\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon)}.i-text-\$color-alert-warning-text{color:var(--w-color-alert-warning-text)}.i-text-\$color-badge-disabled-text{color:var(--w-color-badge-disabled-text)}.i-text-\$color-badge-info-text{color:var(--w-color-badge-info-text)}.i-text-\$color-badge-negative-text{color:var(--w-color-badge-negative-text)}.i-text-\$color-badge-neutral-text{color:var(--w-color-badge-neutral-text)}.i-text-\$color-badge-notification-text{color:var(--w-color-badge-notification-text)}.i-text-\$color-badge-positive-text{color:var(--w-color-badge-positive-text)}.i-text-\$color-badge-price-text{color:var(--w-color-badge-price-text)}.i-text-\$color-badge-warning-text{color:var(--w-color-badge-warning-text)}.i-text-\$color-box-bordered-text{color:var(--w-color-box-bordered-text)}.i-text-\$color-box-info-text{color:var(--w-color-box-info-text)}.i-text-\$color-box-neutral-text{color:var(--w-color-box-neutral-text)}.i-text-\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon)}.i-text-\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text)}.i-text-\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text)}.i-text-\$color-button-disabled-text{color:var(--w-color-button-disabled-text)}.i-text-\$color-button-link-text{color:var(--w-color-button-link-text)}.i-text-\$color-button-loading-text{color:var(--w-color-button-loading-text)}.i-text-\$color-button-negative-quiet-text{color:var(--w-color-button-negative-quiet-text)}.i-text-\$color-button-negative-text{color:var(--w-color-button-negative-text)}.i-text-\$color-button-pill-icon{color:var(--w-color-button-pill-icon)}.i-text-\$color-button-primary-text{color:var(--w-color-button-primary-text)}.i-text-\$color-button-quiet-text{color:var(--w-color-button-quiet-text)}.i-text-\$color-button-secondary-text{color:var(--w-color-button-secondary-text)}.i-text-\$color-button-utility-quiet-text{color:var(--w-color-button-utility-quiet-text)}.i-text-\$color-button-utility-text{color:var(--w-color-button-utility-text)}.i-text-\$color-buttongroup-primary-text{color:var(--w-color-buttongroup-primary-text)}.i-text-\$color-buttongroup-utility-text{color:var(--w-color-buttongroup-utility-text)}.i-text-\$color-buttongroup-utility-text-selected\!{color:var(--w-color-buttongroup-utility-text-selected)!important}.i-text-\$color-callout-text{color:var(--w-color-callout-text)}.i-text-\$color-expandable-icon{color:var(--w-color-expandable-icon)}.i-text-\$color-expandable-title-text{color:var(--w-color-expandable-title-text)}.i-text-\$color-helptext-text{color:var(--w-color-helptext-text)}.i-text-\$color-helptext-text-negative{color:var(--w-color-helptext-text-negative)}.i-text-\$color-helptext-text-positive{color:var(--w-color-helptext-text-positive)}.i-text-\$color-input-text-disabled{color:var(--w-color-input-text-disabled)}.i-text-\$color-input-text-filled{color:var(--w-color-input-text-filled)}.i-text-\$color-input-text-negative\!{color:var(--w-color-input-text-negative)!important}.i-text-\$color-input-text-read-only{color:var(--w-color-input-text-read-only)}.i-text-\$color-label-optional-text{color:var(--w-color-label-optional-text)}.i-text-\$color-label-text{color:var(--w-color-label-text)}.i-text-\$color-label-text-negative{color:var(--w-color-label-text-negative)}.i-text-\$color-pill-filter-text{color:var(--w-color-pill-filter-text)}.i-text-\$color-pill-suggestion-text{color:var(--w-color-pill-suggestion-text)}.i-text-\$color-popover-paragraph-text{color:var(--w-color-popover-paragraph-text)}.i-text-\$color-select-icon{color:var(--w-color-select-icon)}.i-text-\$color-select-text{color:var(--w-color-select-text)}.i-text-\$color-select-text-disabled{color:var(--w-color-select-text-disabled)}.i-text-\$color-stepindicator-handle-icon{color:var(--w-color-stepindicator-handle-icon)}.i-text-\$color-tabs-text{color:var(--w-color-tabs-text)}.i-text-\$color-tabs-text-selected{color:var(--w-color-tabs-text-selected)}.i-text-\$color-toast-close-icon{color:var(--w-color-toast-close-icon)}.i-text-\$color-toast-negative-icon{color:var(--w-color-toast-negative-icon)}.i-text-\$color-toast-negative-text{color:var(--w-color-toast-negative-text)}.i-text-\$color-toast-positive-icon{color:var(--w-color-toast-positive-icon)}.i-text-\$color-toast-positive-text{color:var(--w-color-toast-positive-text)}.i-text-\$color-toast-warning-icon{color:var(--w-color-toast-warning-icon)}.i-text-\$color-toast-warning-text{color:var(--w-color-toast-warning-text)}.i-text-\$color-tooltip-text{color:var(--w-color-tooltip-text)}.peer:checked~.peer-checked\:i-text-\$color-buttongroup-primary-text-selected{color:var(--w-color-buttongroup-primary-text-selected)}.hover\:i-text-\$color-button-negative-text:hover{color:var(--w-color-button-negative-text)}.hover\:i-text-\$color-button-pill-icon-hover:hover{color:var(--w-color-button-pill-icon-hover)}.hover\:i-text-\$color-button-primary-text:hover{color:var(--w-color-button-primary-text)}.hover\:i-text-\$color-button-secondary-text:hover{color:var(--w-color-button-secondary-text)}.hover\:i-text-\$color-button-utility-text:hover{color:var(--w-color-button-utility-text)}.hover\:i-text-\$color-tabs-text-hover:hover{color:var(--w-color-tabs-text-hover)}.hover\:i-text-\$color-toast-close-icon-hover:hover{color:var(--w-color-toast-close-icon-hover)}.active\:i-text-\$color-button-pill-icon-active:active{color:var(--w-color-button-pill-icon-active)}.active\:i-text-\$color-buttongroup-utility-text-selected:active{color:var(--w-color-buttongroup-utility-text-selected)}.active\:i-text-\$color-toast-close-icon-active:active{color:var(--w-color-toast-close-icon-active)}.placeholder\:i-text-\$color-input-text-placeholder::placeholder{color:var(--w-color-input-text-placeholder)}.before\:i-text-\$color-checkbox-icon:before{color:var(--w-color-checkbox-icon)}.i-border-\$color-alert-info-subtle-border{border-color:var(--w-color-alert-info-subtle-border)}.i-border-\$color-alert-negative-subtle-border{border-color:var(--w-color-alert-negative-subtle-border)}.i-border-\$color-alert-positive-subtle-border{border-color:var(--w-color-alert-positive-subtle-border)}.i-border-\$color-alert-warning-subtle-border{border-color:var(--w-color-alert-warning-subtle-border)}.i-border-\$color-badge-disabled-background{border-color:var(--w-color-badge-disabled-background)}.i-border-\$color-badge-info-background{border-color:var(--w-color-badge-info-background)}.i-border-\$color-badge-negative-background{border-color:var(--w-color-badge-negative-background)}.i-border-\$color-badge-neutral-background{border-color:var(--w-color-badge-neutral-background)}.i-border-\$color-badge-positive-background{border-color:var(--w-color-badge-positive-background)}.i-border-\$color-badge-price-background{border-color:var(--w-color-badge-price-background)}.i-border-\$color-badge-warning-background{border-color:var(--w-color-badge-warning-background)}.i-border-\$color-box-bordered-border{border-color:var(--w-color-box-bordered-border)}.i-border-\$color-button-secondary-border{border-color:var(--w-color-button-secondary-border)}.i-border-\$color-button-utility-border{border-color:var(--w-color-button-utility-border)}.i-border-\$color-buttongroup-primary-border{border-color:var(--w-color-buttongroup-primary-border)}.i-border-\$color-buttongroup-utility-border{border-color:var(--w-color-buttongroup-utility-border)}.i-border-\$color-buttongroup-utility-border-selected{border-color:var(--w-color-buttongroup-utility-border-selected)}.i-border-\$color-callout-border{border-color:var(--w-color-callout-border)}.i-border-\$color-card-border{border-color:var(--w-color-card-border)}.i-border-\$color-card-border-selected{border-color:var(--w-color-card-border-selected)}.i-border-\$color-card-flat-border{border-color:var(--w-color-card-flat-border)}.i-border-\$color-card-flat-border-selected{border-color:var(--w-color-card-flat-border-selected)}.i-border-\$color-checkbox-border{border-color:var(--w-color-checkbox-border)}.i-border-\$color-input-border{border-color:var(--w-color-input-border)}.i-border-\$color-input-border-disabled{border-color:var(--w-color-input-border-disabled)}.i-border-\$color-input-border-negative{border-color:var(--w-color-input-border-negative)}.i-border-\$color-popover-background{border-color:var(--w-color-popover-background)}.i-border-\$color-radio-border{border-color:var(--w-color-radio-border)}.i-border-\$color-select-border{border-color:var(--w-color-select-border)}.i-border-\$color-select-border-disabled{border-color:var(--w-color-select-border-disabled)}.i-border-\$color-select-border-negative{border-color:var(--w-color-select-border-negative)}.i-border-\$color-slider-handle-border{border-color:var(--w-color-slider-handle-border)}.i-border-\$color-stepindicator-handle-border{border-color:var(--w-color-stepindicator-handle-border)}.i-border-\$color-stepindicator-handle-border-active{border-color:var(--w-color-stepindicator-handle-border-active)}.i-border-\$color-tabs-border{border-color:var(--w-color-tabs-border)}.i-border-\$color-tabs-border-selected{border-color:var(--w-color-tabs-border-selected)}.i-border-\$color-toast-negative-subtle-border{border-color:var(--w-color-toast-negative-subtle-border)}.i-border-\$color-toast-positive-subtle-border{border-color:var(--w-color-toast-positive-subtle-border)}.i-border-\$color-toast-warning-subtle-border{border-color:var(--w-color-toast-warning-subtle-border)}.i-border-\$color-tooltip-background{border-color:var(--w-color-tooltip-background)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-checkbox-border-selected-hover:before{border-color:var(--w-color-checkbox-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-checkbox-negative-border-hover:before{border-color:var(--w-color-checkbox-negative-border-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-checkbox-negative-border-selected-hover:before{border-color:var(--w-color-checkbox-negative-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-border-selected-hover:before{border-color:var(--w-color-radio-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-negative-border-hover:before{border-color:var(--w-color-radio-negative-border-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-negative-border-selected-hover:before{border-color:var(--w-color-radio-negative-border-selected-hover)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-border-selected-disabled:before{border-color:var(--w-color-checkbox-border-selected-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-border-selected:before{border-color:var(--w-color-checkbox-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-negative-border-selected:before{border-color:var(--w-color-checkbox-negative-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-negative-border:before{border-color:var(--w-color-checkbox-negative-border)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-disabled:before{border-color:var(--w-color-radio-border-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-selected-disabled:before{border-color:var(--w-color-radio-border-selected-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-selected:before{border-color:var(--w-color-radio-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-negative-border-selected:before{border-color:var(--w-color-radio-negative-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-negative-border:before{border-color:var(--w-color-radio-negative-border)}.peer:checked~.peer-checked\:i-border-\$color-buttongroup-primary-border-selected{border-color:var(--w-color-buttongroup-primary-border-selected)}.peer:indeterminate~.peer-indeterminate\:before\:i-border-\$color-checkbox-border-selected:before{border-color:var(--w-color-checkbox-border-selected)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:i-border-\$color-checkbox-border-hover:hover:before{border-color:var(--w-color-checkbox-border-hover)}.hover\:before\:i-border-\$color-checkbox-border-hover:hover:before{border-color:var(--w-color-checkbox-border-hover)}.hover\:before\:i-border-\$color-checkbox-negative-border-hover:hover:before{border-color:var(--w-color-checkbox-negative-border-hover)}.hover\:i-border-\$color-box-bordered-border-hover:hover{border-color:var(--w-color-box-bordered-border-hover)}.hover\:i-border-\$color-button-secondary-border-hover:hover{border-color:var(--w-color-button-secondary-border-hover)}.hover\:i-border-\$color-button-utility-border-hover:hover{border-color:var(--w-color-button-utility-border-hover)}.hover\:i-border-\$color-card-border-selected-hover:hover{border-color:var(--w-color-card-border-selected-hover)}.hover\:i-border-\$color-card-flat-border-hover:hover{border-color:var(--w-color-card-flat-border-hover)}.hover\:i-border-\$color-card-flat-border-selected-hover:hover{border-color:var(--w-color-card-flat-border-selected-hover)}.hover\:i-border-\$color-input-border-disabled\!:hover{border-color:var(--w-color-input-border-disabled)!important}.hover\:i-border-\$color-input-border-hover:hover{border-color:var(--w-color-input-border-hover)}.hover\:i-border-\$color-select-border-disabled\!:hover{border-color:var(--w-color-select-border-disabled)!important}.hover\:i-border-\$color-select-border-hover:hover{border-color:var(--w-color-select-border-hover)}.hover\:i-border-\$color-slider-handle-border-hover:hover{border-color:var(--w-color-slider-handle-border-hover)}.hover\:i-border-\$color-tabs-border-hover:hover{border-color:var(--w-color-tabs-border-hover)}.peer:hover~.peer-hover\:before\:i-border-\$color-radio-border-hover:before{border-color:var(--w-color-radio-border-hover)}.peer:hover~.peer-hover\:before\:i-border-\$color-radio-negative-border-hover:before{border-color:var(--w-color-radio-negative-border-hover)}.focus\:i-border-\$color-slider-handle-border-hover:focus{border-color:var(--w-color-slider-handle-border-hover)}.active\:i-border-\$color-box-bordered-border-hover:active{border-color:var(--w-color-box-bordered-border-hover)}.active\:i-border-\$color-button-utility-border-active:active{border-color:var(--w-color-button-utility-border-active)}.active\:i-border-\$color-buttongroup-utility-border-selected:active{border-color:var(--w-color-buttongroup-utility-border-selected)}.active\:i-border-\$color-card-border-selected-active:active{border-color:var(--w-color-card-border-selected-active)}.active\:i-border-\$color-card-flat-border-active:active{border-color:var(--w-color-card-flat-border-active)}.active\:i-border-\$color-card-flat-border:active{border-color:var(--w-color-card-flat-border)}.active\:i-border-\$color-input-border-active:active{border-color:var(--w-color-input-border-active)}.active\:i-border-\$color-select-border-active:active{border-color:var(--w-color-select-border-active)}.active\:i-border-\$color-select-border-disabled\!:active{border-color:var(--w-color-select-border-disabled)!important}.active\:i-border-\$color-slider-handle-border-active:active{border-color:var(--w-color-slider-handle-border-active)}.before\:i-border-\$color-checkbox-border-disabled:before{border-color:var(--w-color-checkbox-border-disabled)}.before\:i-border-\$color-radio-border-disabled:before{border-color:var(--w-color-radio-border-disabled)}.before\:i-border-\$color-radio-negative-border:before{border-color:var(--w-color-radio-negative-border)}.i-shadow-\$shadow-buttongroup{box-shadow:var(--w-shadow-buttongroup)}.i-shadow-\$shadow-card{box-shadow:var(--w-shadow-card)}.i-shadow-\$shadow-combobox{box-shadow:var(--w-shadow-combobox)}.i-shadow-\$shadow-modal{box-shadow:var(--w-shadow-modal)}.i-shadow-\$shadow-slider{box-shadow:var(--w-shadow-slider)}.i-shadow-\$shadow-switch-handle{box-shadow:var(--w-shadow-switch-handle)}.i-shadow-\$shadow-tooltip{box-shadow:var(--w-shadow-tooltip)}.hover\:i-shadow-\$shadow-card-hover:hover{box-shadow:var(--w-shadow-card-hover)}.i-border-l-\$color-alert-info-border{border-left-color:var(--w-color-alert-info-border)}.i-border-l-\$color-alert-negative-border{border-left-color:var(--w-color-alert-negative-border)}.i-border-l-\$color-alert-positive-border{border-left-color:var(--w-color-alert-positive-border)}.i-border-l-\$color-alert-warning-border{border-left-color:var(--w-color-alert-warning-border)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.list-none{list-style-type:none}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.before\:items-center:before{align-items:center}.self-center{align-self:center}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.-bottom-0{bottom:-0rem}.bottom-0{bottom:0rem}.bottom-10{bottom:1rem}.bottom-16{bottom:1.6rem}.left-0{left:0rem}.left-4{left:.4rem}.left-8{left:.8rem}.right-0{right:0rem}.right-16{right:1.6rem}.top-0{top:0rem}.top-20{top:2rem}.top-4{top:.4rem}.before\:bottom-0:before{bottom:0rem}.before\:left-0:before{left:0rem}.before\:right-0:before{right:0rem}.before\:top-0:before{top:0rem}.before\:top-2:before{top:.2rem}.-bottom-\[8px\]{bottom:-8px}.-left-\[8px\]{left:-8px}.-right-\[8px\]{right:-8px}.-top-\[8px\]{top:-8px}.top-\[19px\]{top:19px}.top-\[30\%\]{top:30%}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.before\:justify-center:before{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.before\:absolute:before{position:absolute}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.peer:checked~.peer-checked\:z-10{z-index:10}.hover\:z-30:hover{z-index:30}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-primary{background-color:var(--w-s-color-background-primary)}.hover\:s-bg-primary-subtle-hover:hover{background-color:var(--w-s-color-background-primary-subtle-hover)}.before\:s-bg:before{background-color:var(--w-s-color-background)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.drop-shadow-m{filter:drop-shadow(rgba(64,64,64,.24) 0 3px 8px) drop-shadow(rgba(64,64,64,.16) 0 3px 6px)}.h-0{height:0rem}.h-16{height:1.6rem}.h-2{height:.2rem}.h-20{height:2rem}.h-24{height:2.4rem}.h-4{height:.4rem}.h-40{height:4rem}.h-44{height:4.4rem}.h-6{height:.6rem}.h-8{height:.8rem}.h-full{height:100%}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.min-h-32{min-height:3.2rem}.min-h-40{min-height:4rem}.min-w-16{min-width:1.6rem}.min-w-32{min-width:3.2rem}.w-16{width:1.6rem}.w-2{width:.2rem}.w-20{width:2rem}.w-24{width:2.4rem}.w-32{width:3.2rem}.w-40{width:4rem}.w-44{width:4.4rem}.w-8{width:.8rem}.w-full{width:100%}.w-max{width:max-content}.before\:h-20:before{height:2rem}.before\:h-full:before{height:100%}.before\:w-20:before{width:2rem}.before\:w-32:before{width:3.2rem}.h-\[--w-modal-height\]{height:var(--w-modal-height)}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.max-h-\[--w-modal-max-height\]{max-height:var(--w-modal-max-height)}.min-h-\[--w-modal-min-height\]{min-height:var(--w-modal-min-height)}.min-h-\[32px\]{min-height:32px}.min-h-\[42\]{min-height:4.2rem}.min-h-\[44px\]{min-height:44px}.min-w-\[32px\]{min-width:32px}.min-w-\[44px\]{min-width:44px}.w-\[--w-modal-width\]{width:var(--w-modal-width)}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.hover\:slider-handle-shadow-hover:hover{box-shadow:0 0 0 6px #00000014}.focus\:slider-handle-shadow-hover:focus{box-shadow:0 0 0 6px #00000014}.active\:slider-handle-shadow-active:active{box-shadow:0 0 0 8px #00000014}.space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(.8rem * calc(1 - var(--w-space-x-reverse)));margin-right:calc(.8rem * var(--w-space-x-reverse))}.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))}.m-0{margin:0rem}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.mx-0{margin-left:0rem;margin-right:0rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-1{margin-bottom:-.1rem}.-ml-8{margin-left:-.8rem}.-mr-1{margin-right:-.1rem}.-mr-8{margin-right:-.8rem}.-mt-2{margin-top:-.2rem}.-mt-4{margin-top:-.4rem}.last-child\:mb-0>:last-child,.mb-0{margin-bottom:0rem}.mb-32{margin-bottom:3.2rem}.ml-8{margin-left:.8rem}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.mt-4{margin-top:.4rem}.group:not(:first-child) .group-not-first\:-ml-2{margin-left:-.2rem}.last\:mb-0:last-child{margin-bottom:0rem}.last\:mr-0:last-child{margin-right:0rem}.m-\[8px\]{margin:8px}.p-0{padding:0rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.p-8{padding:.8rem}.px-0{padding-left:0rem;padding-right:0rem}.px-1{padding-left:.1rem;padding-right:.1rem}.px-12{padding-left:1.2rem;padding-right:1.2rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-4{padding-left:.4rem;padding-right:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-0{padding-top:0rem;padding-bottom:0rem}.py-1{padding-top:.1rem;padding-bottom:.1rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.py-8\!{padding-top:.8rem!important;padding-bottom:.8rem!important}.pb-0{padding-bottom:0rem}.pb-32{padding-bottom:3.2rem}.pb-4{padding-bottom:.4rem}.pb-6{padding-bottom:.6rem}.pb-8{padding-bottom:.8rem}.pl-0{padding-left:0rem}.pl-1{padding-left:.1rem}.pl-12{padding-left:1.2rem}.pl-28{padding-left:2.8rem}.pl-4{padding-left:.4rem}.pl-40{padding-left:4rem}.pl-8{padding-left:.8rem}.pr-12{padding-right:1.2rem}.pr-14{padding-right:1.4rem}.pr-2{padding-right:.2rem}.pr-32{padding-right:3.2rem}.pr-40{padding-right:4rem}.pt-0{padding-top:0rem}.pt-1{padding-top:.1rem}.pt-4{padding-top:.4rem}.pt-8{padding-top:.8rem}.group\/step:last-child .group-last\/step\:last\:pb-0:last-child{padding-bottom:0rem}.last\:pb-1:last-child{padding-bottom:.1rem}.last\:pr-1:last-child{padding-right:.1rem}.p-\[8px\]{padding:8px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[8px\]\!{padding-left:8px!important;padding-right:8px!important}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[5px\]\!{padding-top:5px!important;padding-bottom:5px!important}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.invisible{visibility:hidden}.backface-hidden{backface-visibility:hidden}.break-words{overflow-wrap:break-word}.before\:content-\[\"-\"\]:before{content:"-"}.before\:content-\[\"\"\]:before{content:""}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.before\:font-bold:before{font-weight:700}.font-normal{font-weight:400}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.before\:pointer-events-none:before{pointer-events:none}.pb-safe-\[32\]{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.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}.touch-pan-y{touch-action:pan-y}.select-none{-webkit-user-select:none;user-select:none}.translate-x-20{--w-translate-x:2rem;transform:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.translate-z-0{--w-translate-z:0rem;transform:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.-rotate-180,.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:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-up-16-part\]\:rotate-180::part(w-icon-chevron-up-16-part),.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.rotate-90{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:90deg;transform:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform::part(w-icon-chevron-up-16-part),.transform{transform:translate(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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform-gpu::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform-gpu::part(w-icon-chevron-up-16-part),.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)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transition-transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transition-transform::part(w-icon-chevron-up-16-part),.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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(.4,0,.2,1);transition-duration:.3s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:transition-all:before{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out,.part-\[w-icon-chevron-down-16-part\]\:ease-in-out::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:ease-in-out::part(w-icon-chevron-up-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-m\!{font-size:var(--w-font-size-m)!important;line-height:var(--w-line-height-m)!important}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}.leading-\[24\]{line-height:2.4rem}@media (min-width: 480px){.sm\:border-b-0{border-bottom-width:0}.sm\:rounded-8{border-radius:8px}.sm\:rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sm\:gap-16{gap:1.6rem}.sm\:place-content-center{place-content:center}.sm\:place-items-center{place-items:center}.sm\:h-24{height:2.4rem}.sm\:h-48{height:4.8rem}.sm\:min-h-48{min-height:4.8rem}.sm\:w-24{width:2.4rem}.sm\:min-h-\[44px\]{min-height:44px}.sm\:min-h-\[45\]{min-height:4.5rem}.sm\:min-w-\[44px\]{min-width:44px}.sm\:mx-0{margin-left:0rem;margin-right:0rem}.sm\:mx-16{margin-left:1.6rem;margin-right:1.6rem}.sm\:-ml-12{margin-left:-1.2rem}.sm\:-mr-12{margin-right:-1.2rem}.sm\:-mt-8{margin-top:-.8rem}.sm\:px-0{padding-left:0rem;padding-right:0rem}.sm\:px-32{padding-left:3.2rem;padding-right:3.2rem}.sm\:py-0{padding-top:0rem;padding-bottom:0rem}.sm\:pb-32{padding-bottom:3.2rem}.sm\:pt-32{padding-top:3.2rem}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}}