@warp-ds/css 1.8.0-next.9 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/component-classes/index.d.ts +6 -0
  2. package/component-classes/index.js +38 -32
  3. package/component-classes/shortcuts.js +14 -12
  4. package/dist/components.css +1 -1
  5. package/dist/index.html +21 -4
  6. package/dist/tokens/blocket-se.css +1 -1
  7. package/dist/tokens/finn-no.css +1 -1
  8. package/dist/tokens/tori-fi.css +1 -1
  9. package/package.json +11 -8
package/dist/index.html CHANGED
@@ -47,8 +47,12 @@
47
47
  .i-bg-\$color-buttongroup-utility-background-selected\!{background-color:var(--w-color-buttongroup-utility-background-selected) !important;}
48
48
  .bg-\[--w-color-callout-background\],
49
49
  .i-bg-\$color-callout-background{background-color:var(--w-color-callout-background);}
50
+ .bg-\[--w-color-switch-track-background\],
51
+ .i-bg-\$color-switch-track-background{background-color:var(--w-color-switch-track-background);}
50
52
  .bg-\[--w-s-icon-disabled\]{background-color:var(--w-s-icon-disabled);}
51
53
  .bg-\[--w-s-icon-selected\]{background-color:var(--w-s-icon-selected);}
54
+ .group:hover .group-hover\:bg-\[--w-color-switch-track-background-hover\],
55
+ .group:hover .group-hover\:i-bg-\$color-switch-track-background-hover{background-color:var(--w-color-switch-track-background-hover);}
52
56
  .hover\:bg-\[--w-color-button-pill-background-hover\]:hover{background-color:var(--w-color-button-pill-background-hover);}
53
57
  .hover\:bg-\[--w-color-button-primary-background-hover\]:hover{background-color:var(--w-color-button-primary-background-hover);}
54
58
  .hover\:bg-\[--w-color-buttongroup-utility-background-hover\]:hover{background-color:var(--w-color-buttongroup-utility-background-hover);}
@@ -78,6 +82,7 @@
78
82
  .i-border-\$color-buttongroup-utility-border{border-color:var(--w-color-buttongroup-utility-border);}
79
83
  .border-\[--w-color-callout-border\],
80
84
  .i-border-\$color-callout-border{border-color:var(--w-color-callout-border);}
85
+ .border-\[--w-s-color-background-inverted\]{border-color:var(--w-s-color-background-inverted);}
81
86
  .border-\[--w-s-color-background\]{border-color:var(--w-s-color-background);}
82
87
  .active\:border-\[--w-color-buttongroup-utility-border-selected\]:active{border-color:var(--w-color-buttongroup-utility-border-selected);}
83
88
  .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));}
@@ -211,7 +216,6 @@
211
216
  .i-bg-\$color-stepindicator-track-background-active{background-color:var(--w-color-stepindicator-track-background-active);}
212
217
  .i-bg-\$color-switch-handle-background{background-color:var(--w-color-switch-handle-background);}
213
218
  .i-bg-\$color-switch-handle-background-disabled{background-color:var(--w-color-switch-handle-background-disabled);}
214
- .i-bg-\$color-switch-track-background{background-color:var(--w-color-switch-track-background);}
215
219
  .i-bg-\$color-switch-track-background-disabled{background-color:var(--w-color-switch-track-background-disabled);}
216
220
  .i-bg-\$color-switch-track-background-selected{background-color:var(--w-color-switch-track-background-selected);}
217
221
  .i-bg-\$color-toast-negative-background{background-color:var(--w-color-toast-negative-background);}
@@ -226,7 +230,6 @@
226
230
  .peer:checked~.peer-checked\:i-bg-\$color-buttongroup-primary-background-selected{background-color:var(--w-color-buttongroup-primary-background-selected);}
227
231
  .peer:indeterminate~.peer-indeterminate\:before\:i-bg-\$color-checkbox-background-selected::before{background-color:var(--w-color-checkbox-background-selected);}
228
232
  .peer:indeterminate~.peer-indeterminate\:hover\:before\:i-bg-\$color-checkbox-background-selected-hover:hover::before{background-color:var(--w-color-checkbox-background-selected-hover);}
229
- .group:hover .group-hover\:i-bg-\$color-switch-track-background-hover{background-color:var(--w-color-switch-track-background-hover);}
230
233
  .group:hover .group-hover\:i-bg-\$color-switch-track-background-selected-hover{background-color:var(--w-color-switch-track-background-selected-hover);}
231
234
  .hover\:before\:i-bg-\$color-checkbox-background-hover:hover::before{background-color:var(--w-color-checkbox-background-hover);}
232
235
  .hover\:before\:i-bg-\$color-checkbox-negative-background-hover:hover::before{background-color:var(--w-color-checkbox-negative-background-hover);}
@@ -445,7 +448,8 @@
445
448
  .i-shadow-\$shadow-card{box-shadow:var(--w-shadow-card);}
446
449
  .i-shadow-\$shadow-combobox{box-shadow:var(--w-shadow-combobox);}
447
450
  .i-shadow-\$shadow-modal{box-shadow:var(--w-shadow-modal);}
448
- .i-shadow-\$shadow-slider{box-shadow:var(--w-shadow-slider);}
451
+ .i-shadow-\$shadow-slider,
452
+ .shadow-\[--w-shadow-slider\]{box-shadow:var(--w-shadow-slider);}
449
453
  .i-shadow-\$shadow-switch-handle{box-shadow:var(--w-shadow-switch-handle);}
450
454
  .i-shadow-\$shadow-tooltip{box-shadow:var(--w-shadow-tooltip);}
451
455
  .hover\:i-shadow-\$shadow-card-hover:hover{box-shadow:var(--w-shadow-card-hover);}
@@ -509,6 +513,7 @@
509
513
  .s-bg-disabled{background-color:var(--w-s-color-background-disabled);}
510
514
  .s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle);}
511
515
  .s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle);}
516
+ .s-bg-inverted{background-color:var(--w-s-color-background-inverted);}
512
517
  .s-bg-negative{background-color:var(--w-s-color-background-negative);}
513
518
  .s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle);}
514
519
  .s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle);}
@@ -524,6 +529,7 @@
524
529
  .peer:checked~.peer-checked\:before\:s-bg-primary::before{background-color:var(--w-s-color-background-primary);}
525
530
  .peer:indeterminate~.peer-indeterminate\:before\:s-bg-primary::before{background-color:var(--w-s-color-background-primary);}
526
531
  .peer:indeterminate~.peer-indeterminate\:hover\:before\:s-bg-primary-hover:hover::before{background-color:var(--w-s-color-background-primary-hover);}
532
+ .group:hover .group-hover\:s-bg-primary-hover{background-color:var(--w-s-color-background-primary-hover);}
527
533
  .hover\:before\:s-bg-negative-subtle-hover:hover::before{background-color:var(--w-s-color-background-negative-subtle-hover);}
528
534
  .hover\:before\:s-bg-subtle:hover::before{background-color:var(--w-s-color-background-subtle);}
529
535
  .hover\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover);}
@@ -537,6 +543,7 @@
537
543
  .peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:s-bg-hover{background-color:var(--w-s-color-background-hover);}
538
544
  .peer:hover~.peer-hover\:before\:s-bg-negative-subtle::before{background-color:var(--w-s-color-background-negative-subtle);}
539
545
  .peer:hover~.peer-hover\:before\:s-bg-primary-subtle::before{background-color:var(--w-s-color-background-primary-subtle);}
546
+ .focus\:s-bg-primary-hover:focus{background-color:var(--w-s-color-background-primary-hover);}
540
547
  .active\:s-bg-active:active{background-color:var(--w-s-color-background-active);}
541
548
  .active\:s-bg-hover:active{background-color:var(--w-s-color-background-hover);}
542
549
  .active\:s-bg-info-subtle-hover:active{background-color:var(--w-s-color-background-info-subtle-hover);}
@@ -557,10 +564,12 @@
557
564
  .s-text-positive{color:var(--w-s-color-text-positive);}
558
565
  .s-text-subtle{color:var(--w-s-color-text-subtle);}
559
566
  .s-text\!{color:var(--w-s-color-text) !important;}
567
+ .hover\:s-text-link:hover{color:var(--w-s-color-text-link);}
560
568
  .active\:s-text:active{color:var(--w-s-color-text);}
561
569
  .placeholder\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder);}
562
570
  .s-icon{color:var(--w-s-color-icon);}
563
571
  .s-icon-info{color:var(--w-s-color-icon-info);}
572
+ .s-icon-inverted{color:var(--w-s-color-icon-inverted);}
564
573
  .s-icon-negative{color:var(--w-s-color-icon-negative);}
565
574
  .s-icon-positive{color:var(--w-s-color-icon-positive);}
566
575
  .s-icon-warning{color:var(--w-s-color-icon-warning);}
@@ -577,6 +586,8 @@
577
586
  .s-border-negative{border-color:var(--w-s-color-border-negative);}
578
587
  .s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle);}
579
588
  .s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle);}
589
+ .s-border-primary,
590
+ .peer:checked~.peer-checked\:s-border-primary{border-color:var(--w-s-color-border-primary);}
580
591
  .s-border-selected{border-color:var(--w-s-color-border-selected);}
581
592
  .s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle);}
582
593
  .peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-negative-hover::before{border-color:var(--w-s-color-border-negative-hover);}
@@ -586,19 +597,22 @@
586
597
  .peer:checked~.peer-checked\:before\:s-border-negative::before{border-color:var(--w-s-color-border-negative);}
587
598
  .peer:checked~.peer-checked\:before\:s-border-primary::before{border-color:var(--w-s-color-border-primary);}
588
599
  .peer:checked~.peer-checked\:before\:s-border-selected::before{border-color:var(--w-s-color-border-selected);}
589
- .peer:checked~.peer-checked\:s-border-primary{border-color:var(--w-s-color-border-primary);}
590
600
  .peer:indeterminate~.peer-indeterminate\:before\:s-border-primary::before{border-color:var(--w-s-color-border-primary);}
591
601
  .peer:indeterminate~.peer-indeterminate\:hover\:before\:s-border-primary:hover::before{border-color:var(--w-s-color-border-primary);}
592
602
  .hover\:before\:s-border-negative-hover:hover::before{border-color:var(--w-s-color-border-negative-hover);}
593
603
  .hover\:before\:s-border-primary:hover::before{border-color:var(--w-s-color-border-primary);}
594
604
  .hover\:s-border-disabled\!:hover{border-color:var(--w-s-color-border-disabled) !important;}
595
605
  .hover\:s-border-hover:hover{border-color:var(--w-s-color-border-hover);}
606
+ .hover\:s-border-primary-hover:hover{border-color:var(--w-s-color-border-primary-hover);}
607
+ .hover\:s-border-primary:hover{border-color:var(--w-s-color-border-primary);}
596
608
  .hover\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover);}
597
609
  .peer:hover~.peer-hover\:before\:s-border-negative-hover::before{border-color:var(--w-s-color-border-negative-hover);}
598
610
  .peer:hover~.peer-hover\:before\:s-border-primary::before{border-color:var(--w-s-color-border-primary);}
611
+ .focus\:s-border-primary-hover:focus{border-color:var(--w-s-color-border-primary-hover);}
599
612
  .active\:s-border-active:active{border-color:var(--w-s-color-border-active);}
600
613
  .active\:s-border-disabled\!:active{border-color:var(--w-s-color-border-disabled) !important;}
601
614
  .active\:s-border-hover:active{border-color:var(--w-s-color-border-hover);}
615
+ .active\:s-border-primary-active:active{border-color:var(--w-s-color-border-primary-active);}
602
616
  .active\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active);}
603
617
  .active\:s-border-selected:active{border-color:var(--w-s-color-border-selected);}
604
618
  .active\:s-border:active{border-color:var(--w-s-color-border);}
@@ -608,6 +622,9 @@
608
622
  .shadow-m{box-shadow:var(--w-shadow-m);}
609
623
  .shadow-s{box-shadow:var(--w-shadow-s);}
610
624
  .hover\:shadow-m:hover{box-shadow:var(--w-shadow-m);}
625
+ .hover\:shadow-\[--w-shadow-slider-handle-hover\]:hover{box-shadow:var(--w-shadow-slider-handle-hover);}
626
+ .focus\:shadow-\[--w-shadow-slider-handle-hover\]:focus{box-shadow:var(--w-shadow-slider-handle-hover);}
627
+ .active\:shadow-\[--w-shadow-slider-handle-active\]:active{box-shadow:var(--w-shadow-slider-handle-active);}
611
628
  .h-0{height:0rem;}
612
629
  .h-16{height:1.6rem;}
613
630
  .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-spinner-border:var(--w-blue-600-alpha50);--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-selected-active:var(--w-blue-200);--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-selected-active:var(--w-green-200);--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-selected-active:var(--w-red-200);--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-selected-active:var(--w-yellow-200);--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-selected-active:var(--w-aqua-200);--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-selected-active:var(--w-blue-800);--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-selected-active:var(--w-blue-800);--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-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-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--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-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-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-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-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-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-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-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-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--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-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-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-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-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-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-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-icon:var(--w-s-color-icon);--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-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-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-spinner-border-top:var(--w-s-color-border-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-shadow-combobox:var(--w-shadow-m);--w-shadow-modal:var(--w-shadow-m);--w-shadow-popover: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-white:white;--w-black:black;--w-black-alpha25:#00000040;--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-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)}
1
+ :root,:host{--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-spinner-border:var(--w-blue-600-alpha50);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-color-background:var(--w-white);--w-s-rgb-background:var(--w-rgb-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-rgb-background-hover:var(--w-rgb-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-rgb-background-active:var(--w-rgb-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-rgb-background-selected:var(--w-rgb-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-rgb-background-selected-hover:var(--w-rgb-blue-100);--w-s-color-background-selected-active:var(--w-blue-200);--w-s-rgb-background-selected-active:var(--w-rgb-blue-200);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-rgb-background-disabled:var(--w-rgb-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-rgb-background-disabled-subtle:var(--w-rgb-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-rgb-background-subtle:var(--w-rgb-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-rgb-background-subtle-hover:var(--w-rgb-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-rgb-background-subtle-active:var(--w-rgb-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-rgb-background-primary:var(--w-rgb-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-rgb-background-primary-hover:var(--w-rgb-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-rgb-background-primary-active:var(--w-rgb-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-rgb-background-primary-subtle:var(--w-rgb-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-rgb-background-secondary:var(--w-rgb-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-rgb-background-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-rgb-background-secondary-active:var(--w-rgb-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-rgb-background-positive-selected:var(--w-rgb-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-rgb-background-positive-selected-hover:var(--w-rgb-green-100);--w-s-color-background-positive-selected-active:var(--w-green-200);--w-s-rgb-background-positive-selected-active:var(--w-rgb-green-200);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-rgb-background-negative-selected:var(--w-rgb-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-rgb-background-negative-selected-hover:var(--w-rgb-red-100);--w-s-color-background-negative-selected-active:var(--w-red-200);--w-s-rgb-background-negative-selected-active:var(--w-rgb-red-200);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-rgb-background-warning-selected:var(--w-rgb-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-rgb-background-warning-selected-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-selected-active:var(--w-yellow-200);--w-s-rgb-background-warning-selected-active:var(--w-rgb-yellow-200);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-rgb-background-info:var(--w-rgb-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-rgb-background-info-hover:var(--w-rgb-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-rgb-background-info-active:var(--w-rgb-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-rgb-background-info-selected:var(--w-rgb-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-rgb-background-info-selected-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-selected-active:var(--w-aqua-200);--w-s-rgb-background-info-selected-active:var(--w-rgb-aqua-200);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-rgb-background-info-subtle:var(--w-rgb-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-rgb-background-info-subtle-active:var(--w-rgb-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-rgb-border:var(--w-rgb-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-rgb-border-hover:var(--w-rgb-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-rgb-border-active:var(--w-rgb-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-rgb-border-disabled:var(--w-rgb-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-rgb-border-focused:var(--w-rgb-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-rgb-border-selected:var(--w-rgb-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-rgb-border-selected-hover:var(--w-rgb-blue-700);--w-s-color-border-selected-active:var(--w-blue-800);--w-s-rgb-border-selected-active:var(--w-rgb-blue-800);--w-s-color-border-inverted:var(--w-white);--w-s-rgb-border-inverted:var(--w-rgb-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-rgb-border-primary:var(--w-rgb-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-rgb-border-primary-hover:var(--w-rgb-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-rgb-border-primary-active:var(--w-rgb-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-rgb-border-primary-subtle:var(--w-rgb-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-rgb-border-secondary:var(--w-rgb-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-rgb-border-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-rgb-border-secondary-active:var(--w-rgb-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-rgb-border-negative-selected:var(--w-rgb-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-rgb-border-negative-selected-hover:var(--w-rgb-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-rgb-border-info:var(--w-rgb-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-rgb-border-info-hover:var(--w-rgb-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-rgb-border-info-active:var(--w-rgb-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-rgb-border-info-subtle:var(--w-rgb-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-rgb-border-info-subtle-active:var(--w-rgb-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-rgb-icon:var(--w-rgb-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-rgb-icon-hover:var(--w-rgb-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-rgb-icon-active:var(--w-rgb-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-rgb-icon-selected:var(--w-rgb-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-rgb-icon-selected-hover:var(--w-rgb-blue-700);--w-s-color-icon-selected-active:var(--w-blue-800);--w-s-rgb-icon-selected-active:var(--w-rgb-blue-800);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-rgb-icon-disabled:var(--w-rgb-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-rgb-icon-subtle:var(--w-rgb-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-rgb-icon-subtle-hover:var(--w-rgb-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-rgb-icon-subtle-active:var(--w-rgb-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-rgb-icon-inverted-hover:var(--w-rgb-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-rgb-icon-inverted-active:var(--w-rgb-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-rgb-icon-primary:var(--w-rgb-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-rgb-icon-secondary:var(--w-rgb-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-rgb-icon-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-rgb-icon-info:var(--w-rgb-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-rgb-text:var(--w-rgb-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-rgb-text-placeholder:var(--w-rgb-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-rgb-text-link:var(--w-rgb-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-rgb-text-disabled:var(--w-rgb-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-color-text-notification:var(--w-white);--w-s-rgb-text-notification:var(--w-rgb-white);--w-s-color-focused:var(--w-aqua-400);--w-s-rgb-focused:var(--w-rgb-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-s-rgb-divider:var(--w-rgb-bluegray-200);--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-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--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-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-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-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-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-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-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-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-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--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-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-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-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-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-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-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-icon:var(--w-s-color-icon);--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-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-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-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-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--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-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-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-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-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-shadow-combobox:var(--w-shadow-m);--w-shadow-modal:var(--w-shadow-m);--w-shadow-popover:var(--w-shadow-m);--w-shadow-switch-handle:var(--w-shadow-s);--w-shadow-tooltip: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-gray-900-alpha70:#18181bb3;--w-white:white;--w-rgb-white:255,255,255;--w-black:black;--w-rgb-black:0,0,0;--w-black-alpha25:#00000040;--w-rgb-black-alpha25:#00000040;--w-black-alpha70:#000000b3;--w-rgb-black-alpha70:#000000b3;--w-blue-50:#eff5ff;--w-rgb-blue-50:239,245,255;--w-blue-100:#e1edfe;--w-rgb-blue-100:225,237,254;--w-blue-200:#c2dafe;--w-rgb-blue-200:194,218,254;--w-blue-300:#9ac1fe;--w-rgb-blue-300:154,193,254;--w-blue-300-alpha30:#9ac1fe4d;--w-rgb-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-rgb-blue-400:92,156,255;--w-blue-400-alpha30:#5c9cff4d;--w-rgb-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-rgb-blue-500:43,126,255;--w-blue-600:#0063fb;--w-rgb-blue-600:0,99,251;--w-blue-600-alpha50:#0063fb80;--w-rgb-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-rgb-blue-700:36,78,179;--w-blue-800:#223474;--w-rgb-blue-800:34,52,116;--w-blue-900:#191d34;--w-rgb-blue-900:25,29,52;--w-gray-50:#fafafa;--w-rgb-gray-50:250,250,250;--w-gray-100:#f4f4f5;--w-rgb-gray-100:244,244,245;--w-gray-200:#e4e4e7;--w-rgb-gray-200:228,228,231;--w-gray-300:#d4d4d8;--w-rgb-gray-300:212,212,216;--w-gray-400:#a1a1aa;--w-rgb-gray-400:161,161,170;--w-gray-500:#71717a;--w-rgb-gray-500:113,113,122;--w-gray-600:#52525b;--w-rgb-gray-600:82,82,91;--w-gray-700:#3f3f46;--w-rgb-gray-700:63,63,70;--w-gray-800:#27272a;--w-rgb-gray-800:39,39,42;--w-gray-900:#18181b;--w-rgb-gray-900:24,24,27;--w-aqua-50:#f1f9ff;--w-rgb-aqua-50:241,249,255;--w-aqua-100:#e0f6ff;--w-rgb-aqua-100:224,246,255;--w-aqua-200:#b6f0ff;--w-rgb-aqua-200:182,240,255;--w-aqua-300:#66e0ff;--w-rgb-aqua-300:102,224,255;--w-aqua-400:#06befb;--w-rgb-aqua-400:6,190,251;--w-aqua-500:#03a3dd;--w-rgb-aqua-500:3,163,221;--w-aqua-600:#0386bf;--w-rgb-aqua-600:3,134,191;--w-aqua-700:#1e648a;--w-rgb-aqua-700:30,100,138;--w-aqua-800:#1d435a;--w-rgb-aqua-800:29,67,90;--w-aqua-900:#15242f;--w-rgb-aqua-900:21,36,47;--w-green-50:#ebfff6;--w-rgb-green-50:235,255,246;--w-green-100:#cdfee5;--w-rgb-green-100:205,254,229;--w-green-200:#9efcd1;--w-rgb-green-200:158,252,209;--w-green-300:#67eeb8;--w-rgb-green-300:103,238,184;--w-green-400:#2ee69f;--w-rgb-green-400:46,230,159;--w-green-500:#18c884;--w-rgb-green-500:24,200,132;--w-green-600:#059e6f;--w-rgb-green-600:5,158,111;--w-green-700:#1d7454;--w-rgb-green-700:29,116,84;--w-green-800:#1b4d39;--w-rgb-green-800:27,77,57;--w-green-900:#14291f;--w-rgb-green-900:20,41,31;--w-yellow-50:#fff8e6;--w-rgb-yellow-50:255,248,230;--w-yellow-100:#fff5c8;--w-rgb-yellow-100:255,245,200;--w-yellow-200:#feef90;--w-rgb-yellow-200:254,239,144;--w-yellow-300:#fae76b;--w-rgb-yellow-300:250,231,107;--w-yellow-400:#ffe11f;--w-rgb-yellow-400:255,225,31;--w-yellow-500:#eeb61b;--w-rgb-yellow-500:238,182,27;--w-yellow-600:#d5840b;--w-rgb-yellow-600:213,132,11;--w-yellow-700:#9b621e;--w-rgb-yellow-700:155,98,30;--w-yellow-800:#654118;--w-rgb-yellow-800:101,65,24;--w-yellow-900:#352310;--w-rgb-yellow-900:53,35,16;--w-red-50:#fff5f5;--w-rgb-red-50:255,245,245;--w-red-100:#ffefef;--w-rgb-red-100:255,239,239;--w-red-200:#ffd1d1;--w-rgb-red-200:255,209,209;--w-red-300:#f99;--w-rgb-red-300:255,153,153;--w-red-400:#ff5844;--w-rgb-red-400:255,88,68;--w-red-500:#fa270f;--w-rgb-red-500:250,39,15;--w-red-600:#d91f0a;--w-rgb-red-600:217,31,10;--w-red-700:#9e2216;--w-rgb-red-700:158,34,22;--w-red-800:#681d11;--w-rgb-red-800:104,29,17;--w-red-900:#38140b;--w-rgb-red-900:56,20,11;--w-bluegray-50:#f8fafc;--w-rgb-bluegray-50:248,250,252;--w-bluegray-100:#f1f4f9;--w-rgb-bluegray-100:241,244,249;--w-bluegray-200:#e1e6ee;--w-rgb-bluegray-200:225,230,238;--w-bluegray-300:#c3ccd9;--w-rgb-bluegray-300:195,204,217;--w-bluegray-400:#9ba8ba;--w-rgb-bluegray-400:155,168,186;--w-bluegray-500:#6f7d90;--w-rgb-bluegray-500:111,125,144;--w-bluegray-600:#4d586f;--w-rgb-bluegray-600:77,88,111;--w-bluegray-700:#3b4353;--w-rgb-bluegray-700:59,67,83;--w-bluegray-800:#292d38;--w-rgb-bluegray-800:41,45,56;--w-bluegray-900:#181a1f;--w-rgb-bluegray-900:24,26,31;--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-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-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:BlocketSans,sans-serif;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-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-spinner-border:var(--w-blue-600-alpha50);--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-selected-active:var(--w-blue-200);--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-selected-active:var(--w-green-200);--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-selected-active:var(--w-red-200);--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-selected-active:var(--w-yellow-200);--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-selected-active:var(--w-aqua-200);--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-selected-active:var(--w-blue-800);--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-selected-active:var(--w-blue-800);--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-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-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--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-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-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-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-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-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-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-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-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--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-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-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-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-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-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-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-icon:var(--w-s-color-icon);--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-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-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-spinner-border-top:var(--w-s-color-border-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-shadow-combobox:var(--w-shadow-m);--w-shadow-modal:var(--w-shadow-m);--w-shadow-popover: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-white:white;--w-black:black;--w-black-alpha25:#00000040;--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-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)}
1
+ :root,:host{--w-color-switch-track-background:var(--w-gray-300);--w-color-switch-track-background-hover:var(--w-gray-400);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-color-background:var(--w-white);--w-s-rgb-background:var(--w-rgb-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-rgb-background-hover:var(--w-rgb-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-rgb-background-active:var(--w-rgb-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-rgb-background-selected:var(--w-rgb-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-rgb-background-selected-hover:var(--w-rgb-blue-100);--w-s-color-background-selected-active:var(--w-blue-200);--w-s-rgb-background-selected-active:var(--w-rgb-blue-200);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-rgb-background-disabled:var(--w-rgb-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-rgb-background-disabled-subtle:var(--w-rgb-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-rgb-background-subtle:var(--w-rgb-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-rgb-background-subtle-hover:var(--w-rgb-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-rgb-background-subtle-active:var(--w-rgb-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-rgb-background-primary:var(--w-rgb-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-rgb-background-primary-hover:var(--w-rgb-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-rgb-background-primary-active:var(--w-rgb-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-rgb-background-primary-subtle:var(--w-rgb-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-rgb-background-secondary:var(--w-rgb-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-rgb-background-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-rgb-background-secondary-active:var(--w-rgb-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-rgb-background-positive-selected:var(--w-rgb-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-rgb-background-positive-selected-hover:var(--w-rgb-green-100);--w-s-color-background-positive-selected-active:var(--w-green-200);--w-s-rgb-background-positive-selected-active:var(--w-rgb-green-200);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-rgb-background-negative-selected:var(--w-rgb-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-rgb-background-negative-selected-hover:var(--w-rgb-red-100);--w-s-color-background-negative-selected-active:var(--w-red-200);--w-s-rgb-background-negative-selected-active:var(--w-rgb-red-200);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-rgb-background-warning-selected:var(--w-rgb-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-rgb-background-warning-selected-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-selected-active:var(--w-yellow-200);--w-s-rgb-background-warning-selected-active:var(--w-rgb-yellow-200);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-rgb-background-info:var(--w-rgb-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-rgb-background-info-hover:var(--w-rgb-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-rgb-background-info-active:var(--w-rgb-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-rgb-background-info-selected:var(--w-rgb-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-rgb-background-info-selected-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-selected-active:var(--w-aqua-200);--w-s-rgb-background-info-selected-active:var(--w-rgb-aqua-200);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-rgb-background-info-subtle:var(--w-rgb-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-rgb-background-info-subtle-active:var(--w-rgb-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-rgb-border:var(--w-rgb-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-rgb-border-hover:var(--w-rgb-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-rgb-border-active:var(--w-rgb-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-rgb-border-disabled:var(--w-rgb-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-rgb-border-focused:var(--w-rgb-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-rgb-border-selected:var(--w-rgb-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-rgb-border-selected-hover:var(--w-rgb-blue-700);--w-s-color-border-selected-active:var(--w-blue-800);--w-s-rgb-border-selected-active:var(--w-rgb-blue-800);--w-s-color-border-inverted:var(--w-white);--w-s-rgb-border-inverted:var(--w-rgb-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-rgb-border-primary:var(--w-rgb-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-rgb-border-primary-hover:var(--w-rgb-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-rgb-border-primary-active:var(--w-rgb-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-rgb-border-primary-subtle:var(--w-rgb-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-rgb-border-secondary:var(--w-rgb-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-rgb-border-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-rgb-border-secondary-active:var(--w-rgb-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-rgb-border-negative-selected:var(--w-rgb-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-rgb-border-negative-selected-hover:var(--w-rgb-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-rgb-border-info:var(--w-rgb-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-rgb-border-info-hover:var(--w-rgb-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-rgb-border-info-active:var(--w-rgb-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-rgb-border-info-subtle:var(--w-rgb-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-rgb-border-info-subtle-active:var(--w-rgb-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-rgb-icon:var(--w-rgb-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-rgb-icon-hover:var(--w-rgb-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-rgb-icon-active:var(--w-rgb-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-rgb-icon-selected:var(--w-rgb-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-rgb-icon-selected-hover:var(--w-rgb-blue-700);--w-s-color-icon-selected-active:var(--w-blue-800);--w-s-rgb-icon-selected-active:var(--w-rgb-blue-800);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-rgb-icon-disabled:var(--w-rgb-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-rgb-icon-subtle:var(--w-rgb-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-rgb-icon-subtle-hover:var(--w-rgb-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-rgb-icon-subtle-active:var(--w-rgb-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-rgb-icon-inverted-hover:var(--w-rgb-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-rgb-icon-inverted-active:var(--w-rgb-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-rgb-icon-primary:var(--w-rgb-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-rgb-icon-secondary:var(--w-rgb-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-rgb-icon-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-rgb-icon-info:var(--w-rgb-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-rgb-text:var(--w-rgb-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-rgb-text-placeholder:var(--w-rgb-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-rgb-text-link:var(--w-rgb-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-rgb-text-disabled:var(--w-rgb-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-color-text-notification:var(--w-white);--w-s-rgb-text-notification:var(--w-rgb-white);--w-s-color-focused:var(--w-aqua-400);--w-s-rgb-focused:var(--w-rgb-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-s-rgb-divider:var(--w-rgb-bluegray-200);--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-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--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-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-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-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-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-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-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-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-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--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-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-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-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-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-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-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-icon:var(--w-s-color-icon);--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-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-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-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-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--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-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-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-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-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-shadow-combobox:var(--w-shadow-m);--w-shadow-modal:var(--w-shadow-m);--w-shadow-popover:var(--w-shadow-m);--w-shadow-switch-handle:var(--w-shadow-s);--w-shadow-tooltip: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-gray-900-alpha70:#18181bb3;--w-white:white;--w-rgb-white:255,255,255;--w-black:black;--w-rgb-black:0,0,0;--w-black-alpha25:#00000040;--w-rgb-black-alpha25:#00000040;--w-black-alpha70:#000000b3;--w-rgb-black-alpha70:#000000b3;--w-blue-50:#eff5ff;--w-rgb-blue-50:239,245,255;--w-blue-100:#e1edfe;--w-rgb-blue-100:225,237,254;--w-blue-200:#c2dafe;--w-rgb-blue-200:194,218,254;--w-blue-300:#9ac1fe;--w-rgb-blue-300:154,193,254;--w-blue-300-alpha30:#9ac1fe4d;--w-rgb-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-rgb-blue-400:92,156,255;--w-blue-400-alpha30:#5c9cff4d;--w-rgb-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-rgb-blue-500:43,126,255;--w-blue-600:#0063fb;--w-rgb-blue-600:0,99,251;--w-blue-600-alpha50:#0063fb80;--w-rgb-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-rgb-blue-700:36,78,179;--w-blue-800:#223474;--w-rgb-blue-800:34,52,116;--w-blue-900:#191d34;--w-rgb-blue-900:25,29,52;--w-gray-50:#fafafa;--w-rgb-gray-50:250,250,250;--w-gray-100:#f4f4f5;--w-rgb-gray-100:244,244,245;--w-gray-200:#e4e4e7;--w-rgb-gray-200:228,228,231;--w-gray-300:#d4d4d8;--w-rgb-gray-300:212,212,216;--w-gray-400:#a1a1aa;--w-rgb-gray-400:161,161,170;--w-gray-500:#71717a;--w-rgb-gray-500:113,113,122;--w-gray-600:#52525b;--w-rgb-gray-600:82,82,91;--w-gray-700:#3f3f46;--w-rgb-gray-700:63,63,70;--w-gray-800:#27272a;--w-rgb-gray-800:39,39,42;--w-gray-900:#18181b;--w-rgb-gray-900:24,24,27;--w-aqua-50:#f1f9ff;--w-rgb-aqua-50:241,249,255;--w-aqua-100:#e0f6ff;--w-rgb-aqua-100:224,246,255;--w-aqua-200:#b6f0ff;--w-rgb-aqua-200:182,240,255;--w-aqua-300:#66e0ff;--w-rgb-aqua-300:102,224,255;--w-aqua-400:#06befb;--w-rgb-aqua-400:6,190,251;--w-aqua-500:#03a3dd;--w-rgb-aqua-500:3,163,221;--w-aqua-600:#0386bf;--w-rgb-aqua-600:3,134,191;--w-aqua-700:#1e648a;--w-rgb-aqua-700:30,100,138;--w-aqua-800:#1d435a;--w-rgb-aqua-800:29,67,90;--w-aqua-900:#15242f;--w-rgb-aqua-900:21,36,47;--w-green-50:#ebfff6;--w-rgb-green-50:235,255,246;--w-green-100:#cdfee5;--w-rgb-green-100:205,254,229;--w-green-200:#9efcd1;--w-rgb-green-200:158,252,209;--w-green-300:#67eeb8;--w-rgb-green-300:103,238,184;--w-green-400:#2ee69f;--w-rgb-green-400:46,230,159;--w-green-500:#18c884;--w-rgb-green-500:24,200,132;--w-green-600:#059e6f;--w-rgb-green-600:5,158,111;--w-green-700:#1d7454;--w-rgb-green-700:29,116,84;--w-green-800:#1b4d39;--w-rgb-green-800:27,77,57;--w-green-900:#14291f;--w-rgb-green-900:20,41,31;--w-yellow-50:#fff8e6;--w-rgb-yellow-50:255,248,230;--w-yellow-100:#fff5c8;--w-rgb-yellow-100:255,245,200;--w-yellow-200:#feef90;--w-rgb-yellow-200:254,239,144;--w-yellow-300:#fae76b;--w-rgb-yellow-300:250,231,107;--w-yellow-400:#ffe11f;--w-rgb-yellow-400:255,225,31;--w-yellow-500:#eeb61b;--w-rgb-yellow-500:238,182,27;--w-yellow-600:#d5840b;--w-rgb-yellow-600:213,132,11;--w-yellow-700:#9b621e;--w-rgb-yellow-700:155,98,30;--w-yellow-800:#654118;--w-rgb-yellow-800:101,65,24;--w-yellow-900:#352310;--w-rgb-yellow-900:53,35,16;--w-red-50:#fff5f5;--w-rgb-red-50:255,245,245;--w-red-100:#ffefef;--w-rgb-red-100:255,239,239;--w-red-200:#ffd1d1;--w-rgb-red-200:255,209,209;--w-red-300:#f99;--w-rgb-red-300:255,153,153;--w-red-400:#ff5844;--w-rgb-red-400:255,88,68;--w-red-500:#fa270f;--w-rgb-red-500:250,39,15;--w-red-600:#d91f0a;--w-rgb-red-600:217,31,10;--w-red-700:#9e2216;--w-rgb-red-700:158,34,22;--w-red-800:#681d11;--w-rgb-red-800:104,29,17;--w-red-900:#38140b;--w-rgb-red-900:56,20,11;--w-bluegray-50:#f8fafc;--w-rgb-bluegray-50:248,250,252;--w-bluegray-100:#f1f4f9;--w-rgb-bluegray-100:241,244,249;--w-bluegray-200:#e1e6ee;--w-rgb-bluegray-200:225,230,238;--w-bluegray-300:#c3ccd9;--w-rgb-bluegray-300:195,204,217;--w-bluegray-400:#9ba8ba;--w-rgb-bluegray-400:155,168,186;--w-bluegray-500:#6f7d90;--w-rgb-bluegray-500:111,125,144;--w-bluegray-600:#4d586f;--w-rgb-bluegray-600:77,88,111;--w-bluegray-700:#3b4353;--w-rgb-bluegray-700:59,67,83;--w-bluegray-800:#292d38;--w-rgb-bluegray-800:41,45,56;--w-bluegray-900:#181a1f;--w-rgb-bluegray-900:24,26,31;--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-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-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family: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)}