@warp-ds/css 1.7.1-next.1 → 1.7.1-next.11

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 (8) hide show
  1. package/component-classes/index.d.ts +11 -0
  2. package/component-classes/index.js +70 -59
  3. package/dist/components.css +1 -1
  4. package/dist/index.html +110 -15
  5. package/dist/tokens/blocket-se.css +1 -1
  6. package/dist/tokens/finn-no.css +1 -1
  7. package/dist/tokens/tori-fi.css +1 -1
  8. package/package.json +4 -4
package/dist/index.html CHANGED
@@ -27,6 +27,31 @@
27
27
  .bg-transparent,
28
28
  .group\/steph:first-child .group-first\/steph\:bg-transparent,
29
29
  .group\/steph:last-child .group-last\/steph\:bg-transparent{background-color:transparent;}
30
+ .bg-\[--w-color-badge-info-background\],
31
+ .i-bg-\$color-badge-info-background{background-color:var(--w-color-badge-info-background);}
32
+ .bg-\[--w-color-badge-negative-background\],
33
+ .i-bg-\$color-badge-negative-background{background-color:var(--w-color-badge-negative-background);}
34
+ .bg-\[--w-color-badge-neutral-background\],
35
+ .i-bg-\$color-badge-neutral-background{background-color:var(--w-color-badge-neutral-background);}
36
+ .bg-\[--w-color-badge-positive-background\],
37
+ .i-bg-\$color-badge-positive-background{background-color:var(--w-color-badge-positive-background);}
38
+ .bg-\[--w-color-badge-price-background\],
39
+ .i-bg-\$color-badge-price-background{background-color:var(--w-color-badge-price-background);}
40
+ .bg-\[--w-color-badge-sponsored-background\]{background-color:var(--w-color-badge-sponsored-background);}
41
+ .bg-\[--w-color-badge-warning-background\],
42
+ .i-bg-\$color-badge-warning-background{background-color:var(--w-color-badge-warning-background);}
43
+ .bg-\[--w-color-button-primary-background\],
44
+ .i-bg-\$color-button-primary-background{background-color:var(--w-color-button-primary-background);}
45
+ .bg-\[--w-color-buttongroup-utility-background-selected\]\!,
46
+ .i-bg-\$color-buttongroup-utility-background-selected\!{background-color:var(--w-color-buttongroup-utility-background-selected) !important;}
47
+ .bg-\[--w-color-callout-background\],
48
+ .i-bg-\$color-callout-background{background-color:var(--w-color-callout-background);}
49
+ .hover\:bg-\[--w-color-button-pill-background-hover\]:hover{background-color:var(--w-color-button-pill-background-hover);}
50
+ .hover\:bg-\[--w-color-button-primary-background-hover\]:hover{background-color:var(--w-color-button-primary-background-hover);}
51
+ .hover\:bg-\[--w-color-buttongroup-utility-background-hover\]:hover{background-color:var(--w-color-buttongroup-utility-background-hover);}
52
+ .active\:bg-\[--w-color-button-pill-background-active\]:active{background-color:var(--w-color-button-pill-background-active);}
53
+ .active\:bg-\[--w-color-button-primary-background-active\]:active{background-color:var(--w-color-button-primary-background-active);}
54
+ .active\:bg-\[--w-color-buttongroup-utility-background-selected\]:active{background-color:var(--w-color-buttongroup-utility-background-selected);}
30
55
  .before\:bg-\[url\(var\(--w-form-check-mark\)\)\]::before{background-image:var(--w-form-check-mark);}
31
56
  .appearance-none{appearance:none;-webkit-appearance:none;}
32
57
  .will-change-height{will-change:height;}
@@ -43,6 +68,13 @@
43
68
  .group:not(:last-of-type) .group-not-last-of-type\:border-r-0{border-right-width:0;}
44
69
  .peer:checked~.peer-checked\:before\:border-\[6\]::before{border-width:0.6rem;}
45
70
  .border-transparent{border-color:transparent;}
71
+ .border-\[--w-color-buttongroup-utility-border-selected\],
72
+ .i-border-\$color-buttongroup-utility-border-selected{border-color:var(--w-color-buttongroup-utility-border-selected);}
73
+ .border-\[--w-color-buttongroup-utility-border\],
74
+ .i-border-\$color-buttongroup-utility-border{border-color:var(--w-color-buttongroup-utility-border);}
75
+ .border-\[--w-color-callout-border\],
76
+ .i-border-\$color-callout-border{border-color:var(--w-color-callout-border);}
77
+ .active\:border-\[--w-color-buttongroup-utility-border-selected\]:active{border-color:var(--w-color-buttongroup-utility-border-selected);}
46
78
  .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));}
47
79
  .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));}
48
80
  .rounded-4{border-radius:4px;}
@@ -132,13 +164,7 @@
132
164
  .i-bg-\$color-alert-positive-background{background-color:var(--w-color-alert-positive-background);}
133
165
  .i-bg-\$color-alert-warning-background{background-color:var(--w-color-alert-warning-background);}
134
166
  .i-bg-\$color-badge-disabled-background{background-color:var(--w-color-badge-disabled-background);}
135
- .i-bg-\$color-badge-info-background{background-color:var(--w-color-badge-info-background);}
136
- .i-bg-\$color-badge-negative-background{background-color:var(--w-color-badge-negative-background);}
137
- .i-bg-\$color-badge-neutral-background{background-color:var(--w-color-badge-neutral-background);}
138
167
  .i-bg-\$color-badge-notification-background{background-color:var(--w-color-badge-notification-background);}
139
- .i-bg-\$color-badge-positive-background{background-color:var(--w-color-badge-positive-background);}
140
- .i-bg-\$color-badge-price-background{background-color:var(--w-color-badge-price-background);}
141
- .i-bg-\$color-badge-warning-background{background-color:var(--w-color-badge-warning-background);}
142
168
  .i-bg-\$color-box-bordered-background{background-color:var(--w-color-box-bordered-background);}
143
169
  .i-bg-\$color-box-info-background{background-color:var(--w-color-box-info-background);}
144
170
  .i-bg-\$color-box-neutral-background{background-color:var(--w-color-box-neutral-background);}
@@ -147,15 +173,12 @@
147
173
  .i-bg-\$color-button-negative-background{background-color:var(--w-color-button-negative-background);}
148
174
  .i-bg-\$color-button-negative-quiet-background{background-color:var(--w-color-button-negative-quiet-background);}
149
175
  .i-bg-\$color-button-pill-background{background-color:var(--w-color-button-pill-background);}
150
- .i-bg-\$color-button-primary-background{background-color:var(--w-color-button-primary-background);}
151
176
  .i-bg-\$color-button-quiet-background{background-color:var(--w-color-button-quiet-background);}
152
177
  .i-bg-\$color-button-secondary-background{background-color:var(--w-color-button-secondary-background);}
153
178
  .i-bg-\$color-button-utility-background{background-color:var(--w-color-button-utility-background);}
154
179
  .i-bg-\$color-button-utility-quiet-background{background-color:var(--w-color-button-utility-quiet-background);}
155
180
  .i-bg-\$color-buttongroup-primary-background{background-color:var(--w-color-buttongroup-primary-background);}
156
181
  .i-bg-\$color-buttongroup-utility-background{background-color:var(--w-color-buttongroup-utility-background);}
157
- .i-bg-\$color-buttongroup-utility-background-selected\!{background-color:var(--w-color-buttongroup-utility-background-selected) !important;}
158
- .i-bg-\$color-callout-background{background-color:var(--w-color-callout-background);}
159
182
  .i-bg-\$color-card-background-selected{background-color:var(--w-color-card-background-selected);}
160
183
  .i-bg-\$color-card-flat-background{background-color:var(--w-color-card-flat-background);}
161
184
  .i-bg-\$color-card-flat-background-selected{background-color:var(--w-color-card-flat-background-selected);}
@@ -344,9 +367,6 @@
344
367
  .i-border-\$color-button-secondary-border{border-color:var(--w-color-button-secondary-border);}
345
368
  .i-border-\$color-button-utility-border{border-color:var(--w-color-button-utility-border);}
346
369
  .i-border-\$color-buttongroup-primary-border{border-color:var(--w-color-buttongroup-primary-border);}
347
- .i-border-\$color-buttongroup-utility-border{border-color:var(--w-color-buttongroup-utility-border);}
348
- .i-border-\$color-buttongroup-utility-border-selected{border-color:var(--w-color-buttongroup-utility-border-selected);}
349
- .i-border-\$color-callout-border{border-color:var(--w-color-callout-border);}
350
370
  .i-border-\$color-card-border{border-color:var(--w-color-card-border);}
351
371
  .i-border-\$color-card-border-selected{border-color:var(--w-color-card-border-selected);}
352
372
  .i-border-\$color-card-flat-border{border-color:var(--w-color-card-flat-border);}
@@ -370,7 +390,6 @@
370
390
  .i-border-\$color-toast-warning-subtle-border{border-color:var(--w-color-toast-warning-subtle-border);}
371
391
  .i-border-\$color-tooltip-background{border-color:var(--w-color-tooltip-background);}
372
392
  .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);}
373
- .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);}
374
393
  .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);}
375
394
  .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);}
376
395
  .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);}
@@ -482,13 +501,89 @@
482
501
  .peer:checked~.peer-checked\:z-10{z-index:10;}
483
502
  .hover\:z-30:hover{z-index:30;}
484
503
  .s-bg{background-color:var(--w-s-color-background);}
485
- .s-bg-primary{background-color:var(--w-s-color-background-primary);}
504
+ .s-bg-disabled{background-color:var(--w-s-color-background-disabled);}
505
+ .s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle);}
506
+ .s-bg-negative{background-color:var(--w-s-color-background-negative);}
507
+ .s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle);}
508
+ .s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle);}
509
+ .s-bg-primary,
510
+ .peer:checked~.peer-checked\:s-bg-primary{background-color:var(--w-s-color-background-primary);}
511
+ .s-bg-selected{background-color:var(--w-s-color-background-selected);}
512
+ .s-bg-subtle{background-color:var(--w-s-color-background-subtle);}
513
+ .s-bg-transparent{background-color:var(--w-s-color-background-transparent);}
514
+ .s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle);}
515
+ .peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-negative-hover::before{background-color:var(--w-s-color-background-negative-hover);}
516
+ .peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-primary-hover::before{background-color:var(--w-s-color-background-primary-hover);}
517
+ .peer:checked~.peer-checked\:before\:s-bg-disabled::before{background-color:var(--w-s-color-background-disabled);}
518
+ .peer:checked~.peer-checked\:before\:s-bg-negative::before{background-color:var(--w-s-color-background-negative);}
519
+ .peer:checked~.peer-checked\:before\:s-bg-primary::before{background-color:var(--w-s-color-background-primary);}
520
+ .peer:indeterminate~.peer-indeterminate\:before\:s-bg-primary::before{background-color:var(--w-s-color-background-primary);}
521
+ .peer:indeterminate~.peer-indeterminate\:hover\:before\:s-bg-primary-hover:hover::before{background-color:var(--w-s-color-background-primary-hover);}
522
+ .hover\:before\:s-bg-negative-subtle-hover:hover::before{background-color:var(--w-s-color-background-negative-subtle-hover);}
523
+ .hover\:before\:s-bg-subtle:hover::before{background-color:var(--w-s-color-background-subtle);}
524
+ .hover\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover);}
525
+ .hover\:s-bg-info-subtle-hover:hover{background-color:var(--w-s-color-background-info-subtle-hover);}
526
+ .hover\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover);}
527
+ .hover\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover);}
486
528
  .hover\:s-bg-primary-subtle-hover:hover{background-color:var(--w-s-color-background-primary-subtle-hover);}
529
+ .hover\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover);}
530
+ .hover\:s-bg-subtle-hover:hover{background-color:var(--w-s-color-background-subtle-hover);}
531
+ .peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:s-bg-hover{background-color:var(--w-s-color-background-hover);}
532
+ .active\:s-bg-active:active{background-color:var(--w-s-color-background-active);}
533
+ .active\:s-bg-hover:active{background-color:var(--w-s-color-background-hover);}
534
+ .active\:s-bg-info-subtle-hover:active{background-color:var(--w-s-color-background-info-subtle-hover);}
535
+ .active\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active);}
536
+ .active\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active);}
537
+ .active\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active);}
538
+ .active\:s-bg-subtle-hover:active{background-color:var(--w-s-color-background-subtle-hover);}
539
+ .peer:disabled~.peer-disabled\:before\:s-bg-disabled-subtle::before{background-color:var(--w-s-color-background-disabled-subtle);}
487
540
  .before\:s-bg::before{background-color:var(--w-s-color-background);}
488
- .s-text-inverted{color:var(--w-s-color-text-inverted);}
541
+ .s-text{color:var(--w-s-color-text);}
542
+ .s-text-inverted,
543
+ .peer:checked~.peer-checked\:s-text-inverted{color:var(--w-s-color-text-inverted);}
489
544
  .s-text-link{color:var(--w-s-color-text-link);}
545
+ .s-text-negative{color:var(--w-s-color-text-negative);}
546
+ .s-text\!{color:var(--w-s-color-text) !important;}
547
+ .active\:s-text:active{color:var(--w-s-color-text);}
490
548
  .s-icon{color:var(--w-s-color-icon);}
549
+ .s-icon-info{color:var(--w-s-color-icon-info);}
550
+ .s-icon-negative{color:var(--w-s-color-icon-negative);}
551
+ .s-icon-positive{color:var(--w-s-color-icon-positive);}
552
+ .s-icon-warning{color:var(--w-s-color-icon-warning);}
553
+ .hover\:s-icon-hover:hover{color:var(--w-s-color-icon-hover);}
554
+ .active\:s-icon-active:active{color:var(--w-s-color-icon-active);}
555
+ .before\:s-icon-inverted::before{color:var(--w-s-color-icon-inverted);}
556
+ .s-border{border-color:var(--w-s-color-border);}
557
+ .s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle);}
558
+ .s-border-l-info{border-left-color:var(--w-s-color-border-info);}
559
+ .s-border-l-negative{border-left-color:var(--w-s-color-border-negative);}
560
+ .s-border-l-positive{border-left-color:var(--w-s-color-border-positive);}
561
+ .s-border-l-warning{border-left-color:var(--w-s-color-border-warning);}
562
+ .s-border-negative{border-color:var(--w-s-color-border-negative);}
563
+ .s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle);}
564
+ .s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle);}
565
+ .s-border-selected{border-color:var(--w-s-color-border-selected);}
566
+ .s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle);}
567
+ .peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-negative-hover::before{border-color:var(--w-s-color-border-negative-hover);}
568
+ .peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-primary-hover::before{border-color:var(--w-s-color-border-primary-hover);}
569
+ .peer:checked~.peer-checked\:before\:s-border-disabled::before{border-color:var(--w-s-color-border-disabled);}
570
+ .peer:checked~.peer-checked\:before\:s-border-negative::before{border-color:var(--w-s-color-border-negative);}
571
+ .peer:checked~.peer-checked\:before\:s-border-primary::before{border-color:var(--w-s-color-border-primary);}
572
+ .peer:checked~.peer-checked\:s-border-primary{border-color:var(--w-s-color-border-primary);}
573
+ .peer:indeterminate~.peer-indeterminate\:before\:s-border-negative::before{border-color:var(--w-s-color-border-negative);}
574
+ .peer:indeterminate~.peer-indeterminate\:hover\:before\:s-border-primary:hover::before{border-color:var(--w-s-color-border-primary);}
575
+ .hover\:before\:s-border-negative-hover:hover::before{border-color:var(--w-s-color-border-negative-hover);}
576
+ .hover\:before\:s-border-primary:hover::before{border-color:var(--w-s-color-border-primary);}
577
+ .hover\:s-border-hover:hover{border-color:var(--w-s-color-border-hover);}
578
+ .hover\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover);}
579
+ .active\:s-border-active:active{border-color:var(--w-s-color-border-active);}
580
+ .active\:s-border-hover:active{border-color:var(--w-s-color-border-hover);}
581
+ .active\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active);}
582
+ .active\:s-border:active{border-color:var(--w-s-color-border);}
583
+ .before\:s-border-disabled::before{border-color:var(--w-s-color-border-disabled);}
491
584
  .drop-shadow-m{filter:drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px);}
585
+ .shadow-s{box-shadow:var(--w-shadow-s);}
586
+ .hover\:shadow-m:hover{box-shadow:var(--w-shadow-m);}
492
587
  .h-0{height:0rem;}
493
588
  .h-16{height:1.6rem;}
494
589
  .h-2{height:0.2rem;}
package/dist/tokens/blocket-se.css CHANGED
@@ -1 +1 @@
1
- :root,:host{--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-tooltip:var(--w-shadow-m);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-switch-track-background:var(--w-s-color-background-subtle);--w-color-switch-track-background-hover:var(--w-s-color-background-subtle-hover);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-shadow-switch-handle:var(--w-shadow-s);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-shadow-slider:var(--w-shadow-s);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-s-color-background:var(--w-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-inverted:var(--w-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-notification:var(--w-white);--w-s-color-focused:var(--w-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-shadow-popover:var(--w-shadow-m);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-background:var(--w-s-color-background-subtle);--w-color-pill-suggestion-background-hover:var(--w-s-color-background-subtle-hover);--w-color-pill-suggestion-background-active:var(--w-s-color-background-subtle-active);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-shadow-modal:var(--w-shadow-m);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-subtle-default:var(--w-red-300);--w-s-color-border-warning-default:var(--w-yellow-600);--w-s-color-border-warning-subtle-default:var(--w-yellow-300);--w-s-color-border-info-default:var(--w-aqua-600);--w-s-color-border-info-subtle-default:var(--w-aqua-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-bluegray-500);--w-s-color-text-default:var(--w-gray-700);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-shadow-combobox:var(--w-shadow-m);--w-white:white;--w-black:black;--w-black-alpha70:#000000b3;--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-blue-50:#eff5ff;--w-blue-100:#e1edfe;--w-blue-200:#c2dafe;--w-blue-300:#9ac1fe;--w-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-blue-600:#0063fb;--w-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-blue-800:#223474;--w-blue-900:#191d34;--w-gray-50:#fafafa;--w-gray-100:#f4f4f5;--w-gray-200:#e4e4e7;--w-gray-300:#d4d4d8;--w-gray-400:#a1a1aa;--w-gray-500:#71717a;--w-gray-600:#52525b;--w-gray-700:#3f3f46;--w-gray-800:#27272a;--w-gray-900:#18181b;--w-gray-900-alpha70:#18181bb3;--w-aqua-50:#f1f9ff;--w-aqua-100:#e0f6ff;--w-aqua-200:#b6f0ff;--w-aqua-300:#66e0ff;--w-aqua-400:#06befb;--w-aqua-500:#03a3dd;--w-aqua-600:#0386bf;--w-aqua-700:#1e648a;--w-aqua-800:#1d435a;--w-aqua-900:#15242f;--w-green-50:#ebfff6;--w-green-100:#cdfee5;--w-green-200:#9efcd1;--w-green-300:#67eeb8;--w-green-400:#2ee69f;--w-green-500:#18c884;--w-green-600:#059e6f;--w-green-700:#1d7454;--w-green-800:#1b4d39;--w-green-900:#14291f;--w-yellow-50:#fff8e6;--w-yellow-100:#fff5c8;--w-yellow-200:#feef90;--w-yellow-300:#fae76b;--w-yellow-400:#ffe11f;--w-yellow-500:#eeb61b;--w-yellow-600:#d5840b;--w-yellow-700:#9b621e;--w-yellow-800:#654118;--w-yellow-900:#352310;--w-red-50:#fff5f5;--w-red-100:#ffefef;--w-red-200:#ffd1d1;--w-red-300:#f99;--w-red-400:#ff5844;--w-red-500:#fa270f;--w-red-600:#d91f0a;--w-red-700:#9e2216;--w-red-800:#681d11;--w-red-900:#38140b;--w-bluegray-50:#f8fafc;--w-bluegray-100:#f1f4f9;--w-bluegray-200:#e1e6ee;--w-bluegray-300:#c3ccd9;--w-bluegray-400:#9ba8ba;--w-bluegray-500:#6f7d90;--w-bluegray-600:#4d586f;--w-bluegray-700:#3b4353;--w-bluegray-800:#292d38;--w-bluegray-900:#181a1f;--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-color-callout-background:var(--w-s-color-background-positive-subtle);--w-color-callout-border:var(--w-s-color-border-positive-subtle);--w-color-callout-text:var(--w-s-color-text);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-background-hover:var(--w-blue-300-alpha30);--w-color-button-pill-background-active:var(--w-blue-400-alpha30);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-buttongroup-utility-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-utility-background-selected:var(--w-s-color-background-selected);--w-color-buttongroup-utility-border:var(--w-s-color-border);--w-color-buttongroup-utility-border-selected:var(--w-s-color-selected);--w-shadow-buttongroup:var(--w-shadow-s);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:BlocketSans,sans-serif;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-neutral-background:var(--w-gray-100);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-info-background:var(--w-s-color-background-info-subtle);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-positive-background:var(--w-s-color-background-positive-subtle);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-warning-background:var(--w-s-color-background-warning-subtle);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-negative-background:var(--w-s-color-background-negative-subtle);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-price-background:var(--w-black-alpha70);--w-color-badge-notification-text:var(--w-s-color-text-notification);--w-color-badge-notification-background:var(--w-s-color-background-notification);--w-color-avatar-background:var(--w-bluegray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative)}
1
+ :root,:host{--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-tooltip:var(--w-shadow-m);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-switch-track-background:var(--w-s-color-background-subtle);--w-color-switch-track-background-hover:var(--w-s-color-background-subtle-hover);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-shadow-switch-handle:var(--w-shadow-s);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-shadow-slider:var(--w-shadow-s);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-s-color-background:var(--w-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-inverted:var(--w-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-notification:var(--w-white);--w-s-color-focused:var(--w-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-shadow-popover:var(--w-shadow-m);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-background:var(--w-s-color-background-subtle);--w-color-pill-suggestion-background-hover:var(--w-s-color-background-subtle-hover);--w-color-pill-suggestion-background-active:var(--w-s-color-background-subtle-active);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-shadow-modal:var(--w-shadow-m);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative);--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-notification-text:var(--w-s-color-text-notification);--w-color-badge-notification-background:var(--w-s-color-background-notification);--w-color-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-callout-text:var(--w-s-color-text);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-subtle-default:var(--w-red-300);--w-s-color-border-warning-default:var(--w-yellow-600);--w-s-color-border-warning-subtle-default:var(--w-yellow-300);--w-s-color-border-info-default:var(--w-aqua-600);--w-s-color-border-info-subtle-default:var(--w-aqua-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-bluegray-500);--w-s-color-text-default:var(--w-gray-700);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-shadow-combobox:var(--w-shadow-m);--w-white:white;--w-black:black;--w-black-alpha70:#000000b3;--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-blue-50:#eff5ff;--w-blue-100:#e1edfe;--w-blue-200:#c2dafe;--w-blue-300:#9ac1fe;--w-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-blue-600:#0063fb;--w-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-blue-800:#223474;--w-blue-900:#191d34;--w-gray-50:#fafafa;--w-gray-100:#f4f4f5;--w-gray-200:#e4e4e7;--w-gray-300:#d4d4d8;--w-gray-400:#a1a1aa;--w-gray-500:#71717a;--w-gray-600:#52525b;--w-gray-700:#3f3f46;--w-gray-800:#27272a;--w-gray-900:#18181b;--w-gray-900-alpha70:#18181bb3;--w-aqua-50:#f1f9ff;--w-aqua-100:#e0f6ff;--w-aqua-200:#b6f0ff;--w-aqua-300:#66e0ff;--w-aqua-400:#06befb;--w-aqua-500:#03a3dd;--w-aqua-600:#0386bf;--w-aqua-700:#1e648a;--w-aqua-800:#1d435a;--w-aqua-900:#15242f;--w-green-50:#ebfff6;--w-green-100:#cdfee5;--w-green-200:#9efcd1;--w-green-300:#67eeb8;--w-green-400:#2ee69f;--w-green-500:#18c884;--w-green-600:#059e6f;--w-green-700:#1d7454;--w-green-800:#1b4d39;--w-green-900:#14291f;--w-yellow-50:#fff8e6;--w-yellow-100:#fff5c8;--w-yellow-200:#feef90;--w-yellow-300:#fae76b;--w-yellow-400:#ffe11f;--w-yellow-500:#eeb61b;--w-yellow-600:#d5840b;--w-yellow-700:#9b621e;--w-yellow-800:#654118;--w-yellow-900:#352310;--w-red-50:#fff5f5;--w-red-100:#ffefef;--w-red-200:#ffd1d1;--w-red-300:#f99;--w-red-400:#ff5844;--w-red-500:#fa270f;--w-red-600:#d91f0a;--w-red-700:#9e2216;--w-red-800:#681d11;--w-red-900:#38140b;--w-bluegray-50:#f8fafc;--w-bluegray-100:#f1f4f9;--w-bluegray-200:#e1e6ee;--w-bluegray-300:#c3ccd9;--w-bluegray-400:#9ba8ba;--w-bluegray-500:#6f7d90;--w-bluegray-600:#4d586f;--w-bluegray-700:#3b4353;--w-bluegray-800:#292d38;--w-bluegray-900:#181a1f;--w-color-callout-background:var(--w-s-color-background-positive-subtle);--w-color-callout-border:var(--w-s-color-border-positive-subtle);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-pill-background-hover:var(--w-blue-300-alpha30);--w-color-button-pill-background-active:var(--w-blue-400-alpha30);--w-color-buttongroup-utility-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-utility-background-selected:var(--w-s-color-background-selected);--w-color-buttongroup-utility-border:var(--w-s-color-border);--w-color-buttongroup-utility-border-selected:var(--w-s-color-selected);--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:BlocketSans,sans-serif;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-background:var(--w-gray-100);--w-color-badge-info-background:var(--w-s-color-background-info-subtle);--w-color-badge-positive-background:var(--w-s-color-background-positive-subtle);--w-color-badge-warning-background:var(--w-s-color-background-warning-subtle);--w-color-badge-negative-background:var(--w-s-color-background-negative-subtle);--w-color-badge-price-background:var(--w-black-alpha70);--w-color-badge-sponsored-background:var(--w-s-color-background);--w-color-avatar-background:var(--w-bluegray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
package/dist/tokens/finn-no.css CHANGED
@@ -1 +1 @@
1
- :root,:host{--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-tooltip:var(--w-shadow-m);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-switch-track-background:var(--w-gray-300);--w-color-switch-track-background-hover:var(--w-gray-400);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-shadow-switch-handle:var(--w-shadow-s);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-shadow-slider:var(--w-shadow-s);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-s-color-background:var(--w-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-inverted:var(--w-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-notification:var(--w-white);--w-s-color-focused:var(--w-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-shadow-popover:var(--w-shadow-m);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-shadow-modal:var(--w-shadow-m);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-subtle-default:var(--w-red-300);--w-s-color-border-warning-default:var(--w-yellow-600);--w-s-color-border-warning-subtle-default:var(--w-yellow-300);--w-s-color-border-info-default:var(--w-aqua-600);--w-s-color-border-info-subtle-default:var(--w-aqua-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-bluegray-500);--w-s-color-text-default:var(--w-gray-700);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-shadow-combobox:var(--w-shadow-m);--w-white:white;--w-black:black;--w-black-alpha70:#000000b3;--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-blue-50:#eff5ff;--w-blue-100:#e1edfe;--w-blue-200:#c2dafe;--w-blue-300:#9ac1fe;--w-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-blue-600:#0063fb;--w-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-blue-800:#223474;--w-blue-900:#191d34;--w-gray-50:#fafafa;--w-gray-100:#f4f4f5;--w-gray-200:#e4e4e7;--w-gray-300:#d4d4d8;--w-gray-400:#a1a1aa;--w-gray-500:#71717a;--w-gray-600:#52525b;--w-gray-700:#3f3f46;--w-gray-800:#27272a;--w-gray-900:#18181b;--w-gray-900-alpha70:#18181bb3;--w-aqua-50:#f1f9ff;--w-aqua-100:#e0f6ff;--w-aqua-200:#b6f0ff;--w-aqua-300:#66e0ff;--w-aqua-400:#06befb;--w-aqua-500:#03a3dd;--w-aqua-600:#0386bf;--w-aqua-700:#1e648a;--w-aqua-800:#1d435a;--w-aqua-900:#15242f;--w-green-50:#ebfff6;--w-green-100:#cdfee5;--w-green-200:#9efcd1;--w-green-300:#67eeb8;--w-green-400:#2ee69f;--w-green-500:#18c884;--w-green-600:#059e6f;--w-green-700:#1d7454;--w-green-800:#1b4d39;--w-green-900:#14291f;--w-yellow-50:#fff8e6;--w-yellow-100:#fff5c8;--w-yellow-200:#feef90;--w-yellow-300:#fae76b;--w-yellow-400:#ffe11f;--w-yellow-500:#eeb61b;--w-yellow-600:#d5840b;--w-yellow-700:#9b621e;--w-yellow-800:#654118;--w-yellow-900:#352310;--w-red-50:#fff5f5;--w-red-100:#ffefef;--w-red-200:#ffd1d1;--w-red-300:#f99;--w-red-400:#ff5844;--w-red-500:#fa270f;--w-red-600:#d91f0a;--w-red-700:#9e2216;--w-red-800:#681d11;--w-red-900:#38140b;--w-bluegray-50:#f8fafc;--w-bluegray-100:#f1f4f9;--w-bluegray-200:#e1e6ee;--w-bluegray-300:#c3ccd9;--w-bluegray-400:#9ba8ba;--w-bluegray-500:#6f7d90;--w-bluegray-600:#4d586f;--w-bluegray-700:#3b4353;--w-bluegray-800:#292d38;--w-bluegray-900:#181a1f;--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-color-callout-background:var(--w-green-100);--w-color-callout-border:var(--w-green-400);--w-color-callout-text:var(--w-s-color-text);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-background-hover:var(--w-blue-300-alpha30);--w-color-button-pill-background-active:var(--w-blue-400-alpha30);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-buttongroup-utility-background-hover:var(--w-gray-100);--w-color-buttongroup-utility-background-selected:var(--w-gray-200);--w-color-buttongroup-utility-border:var(--w-gray-300);--w-color-buttongroup-utility-border-selected:var(--w-gray-700);--w-shadow-buttongroup:var(--w-shadow-s);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:Finntype;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-neutral-background:var(--w-bluegray-100);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-info-background:var(--w-aqua-100);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-negative-background:var(--w-red-100);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-price-background:var(--w-black-alpha70);--w-color-badge-notification-text:var(--w-s-color-text-notification);--w-color-badge-notification-background:var(--w-s-color-background-notification);--w-color-avatar-background:var(--w-bluegray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative)}
1
+ :root,:host{--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-tooltip:var(--w-shadow-m);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-switch-track-background:var(--w-gray-300);--w-color-switch-track-background-hover:var(--w-gray-400);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-shadow-switch-handle:var(--w-shadow-s);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-shadow-slider:var(--w-shadow-s);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-s-color-background:var(--w-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-inverted:var(--w-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-notification:var(--w-white);--w-s-color-focused:var(--w-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-shadow-popover:var(--w-shadow-m);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-shadow-modal:var(--w-shadow-m);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative);--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-notification-text:var(--w-s-color-text-notification);--w-color-badge-notification-background:var(--w-s-color-background-notification);--w-color-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-callout-text:var(--w-s-color-text);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-subtle-default:var(--w-red-300);--w-s-color-border-warning-default:var(--w-yellow-600);--w-s-color-border-warning-subtle-default:var(--w-yellow-300);--w-s-color-border-info-default:var(--w-aqua-600);--w-s-color-border-info-subtle-default:var(--w-aqua-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-bluegray-500);--w-s-color-text-default:var(--w-gray-700);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-shadow-combobox:var(--w-shadow-m);--w-white:white;--w-black:black;--w-black-alpha70:#000000b3;--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-blue-50:#eff5ff;--w-blue-100:#e1edfe;--w-blue-200:#c2dafe;--w-blue-300:#9ac1fe;--w-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-blue-600:#0063fb;--w-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-blue-800:#223474;--w-blue-900:#191d34;--w-gray-50:#fafafa;--w-gray-100:#f4f4f5;--w-gray-200:#e4e4e7;--w-gray-300:#d4d4d8;--w-gray-400:#a1a1aa;--w-gray-500:#71717a;--w-gray-600:#52525b;--w-gray-700:#3f3f46;--w-gray-800:#27272a;--w-gray-900:#18181b;--w-gray-900-alpha70:#18181bb3;--w-aqua-50:#f1f9ff;--w-aqua-100:#e0f6ff;--w-aqua-200:#b6f0ff;--w-aqua-300:#66e0ff;--w-aqua-400:#06befb;--w-aqua-500:#03a3dd;--w-aqua-600:#0386bf;--w-aqua-700:#1e648a;--w-aqua-800:#1d435a;--w-aqua-900:#15242f;--w-green-50:#ebfff6;--w-green-100:#cdfee5;--w-green-200:#9efcd1;--w-green-300:#67eeb8;--w-green-400:#2ee69f;--w-green-500:#18c884;--w-green-600:#059e6f;--w-green-700:#1d7454;--w-green-800:#1b4d39;--w-green-900:#14291f;--w-yellow-50:#fff8e6;--w-yellow-100:#fff5c8;--w-yellow-200:#feef90;--w-yellow-300:#fae76b;--w-yellow-400:#ffe11f;--w-yellow-500:#eeb61b;--w-yellow-600:#d5840b;--w-yellow-700:#9b621e;--w-yellow-800:#654118;--w-yellow-900:#352310;--w-red-50:#fff5f5;--w-red-100:#ffefef;--w-red-200:#ffd1d1;--w-red-300:#f99;--w-red-400:#ff5844;--w-red-500:#fa270f;--w-red-600:#d91f0a;--w-red-700:#9e2216;--w-red-800:#681d11;--w-red-900:#38140b;--w-bluegray-50:#f8fafc;--w-bluegray-100:#f1f4f9;--w-bluegray-200:#e1e6ee;--w-bluegray-300:#c3ccd9;--w-bluegray-400:#9ba8ba;--w-bluegray-500:#6f7d90;--w-bluegray-600:#4d586f;--w-bluegray-700:#3b4353;--w-bluegray-800:#292d38;--w-bluegray-900:#181a1f;--w-color-callout-background:var(--w-green-100);--w-color-callout-border:var(--w-green-400);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-pill-background-hover:var(--w-blue-300-alpha30);--w-color-button-pill-background-active:var(--w-blue-400-alpha30);--w-color-buttongroup-utility-background-hover:var(--w-gray-100);--w-color-buttongroup-utility-background-selected:var(--w-gray-200);--w-color-buttongroup-utility-border:var(--w-gray-300);--w-color-buttongroup-utility-border-selected:var(--w-gray-700);--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:Finntype;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-background:var(--w-bluegray-100);--w-color-badge-info-background:var(--w-aqua-100);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-negative-background:var(--w-red-100);--w-color-badge-price-background:var(--w-black-alpha70);--w-color-badge-sponsored-background:var(--w-aqua-200);--w-color-avatar-background:var(--w-bluegray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}