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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/component-classes/classes.js +4 -7
  2. package/component-classes/index.d.ts +369 -366
  3. package/component-classes/index.js +64 -97
  4. package/component-classes/shortcuts.js +2 -2
  5. package/dist/components.css +1 -1
  6. package/dist/index.html +41 -32
  7. package/dist/resets.css +1 -1
  8. package/dist/resets.min.css +1 -1
  9. package/dist/tokens/blocket-se.css +1 -1
  10. package/dist/tokens/finn-no.css +1 -1
  11. package/dist/tokens/tori-fi.css +1 -1
  12. package/package.json +13 -13
package/dist/index.html CHANGED
@@ -1,5 +1,5 @@
1
1
  <html lang="en">
2
- <link rel="stylesheet" href="/components.css">
2
+ <link rel="stylesheet" crossorigin href="/components.css">
3
3
 
4
4
  <body>
5
5
  </body>
@@ -24,24 +24,40 @@
24
24
  .backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
25
25
  .peer:checked~.peer-checked\:before\:bg-center::before{background-position:center;}
26
26
  .hover\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box;}
27
+ .bg-transparent,
28
+ .group\/steph:first-child .group-first\/steph\:bg-transparent,
29
+ .group\/steph:last-child .group-last\/steph\:bg-transparent{background-color:transparent;}
30
+ .bg-\[--w-color-badge-info-background\],
31
+ .i-bg-\$color-badge-info-background{background-color:var(--w-color-badge-info-background);}
32
+ .bg-\[--w-color-badge-negative-background\],
33
+ .i-bg-\$color-badge-negative-background{background-color:var(--w-color-badge-negative-background);}
34
+ .bg-\[--w-color-badge-neutral-background\],
35
+ .i-bg-\$color-badge-neutral-background{background-color:var(--w-color-badge-neutral-background);}
36
+ .bg-\[--w-color-badge-positive-background\],
37
+ .i-bg-\$color-badge-positive-background{background-color:var(--w-color-badge-positive-background);}
38
+ .bg-\[--w-color-badge-price-background\],
39
+ .i-bg-\$color-badge-price-background{background-color:var(--w-color-badge-price-background);}
40
+ .bg-\[--w-color-badge-sponsored-background\]{background-color:var(--w-color-badge-sponsored-background);}
41
+ .bg-\[--w-color-badge-warning-background\],
42
+ .i-bg-\$color-badge-warning-background{background-color:var(--w-color-badge-warning-background);}
27
43
  .before\:bg-\[url\(var\(--w-form-check-mark\)\)\]::before{background-image:var(--w-form-check-mark);}
28
44
  .appearance-none{appearance:none;-webkit-appearance:none;}
29
45
  .will-change-height{will-change:height;}
30
46
  .border,
31
47
  .border-1{border-width:1px;}
48
+ .border-b{border-bottom-width:1px;}
32
49
  .before\:border::before{border-width:1px;}
33
- .border-transparent{border-color:transparent;}
34
50
  .border-0{border-width:0;}
35
51
  .border-2{border-width:2px;}
36
- .border-b{border-bottom-width:1px;}
37
52
  .border-b-0{border-bottom-width:0;}
38
53
  .border-b-4{border-bottom-width:4px;}
39
54
  .border-l-4{border-left-width:4px;}
40
55
  .border-r-0,
41
56
  .group:not(:last-of-type) .group-not-last-of-type\:border-r-0{border-right-width:0;}
42
- .peer:checked~.peer-checked\:before\:border-\[6\]::before{border-width:6px;}
43
- .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))}
44
- .divide-y>*+*{--w-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--w-divide-y-reverse)));border-bottom-width:calc(1px * var(--w-divide-y-reverse))}
57
+ .peer:checked~.peer-checked\:before\:border-\[6\]::before{border-width:0.6rem;}
58
+ .border-transparent{border-color:transparent;}
59
+ .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));}
60
+ .divide-y>*+*{--w-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--w-divide-y-reverse)));border-bottom-width:calc(1px * var(--w-divide-y-reverse));}
45
61
  .rounded-4{border-radius:4px;}
46
62
  .rounded-8{border-radius:8px;}
47
63
  .rounded-full{border-radius:9999px;}
@@ -67,9 +83,6 @@
67
83
  .last\:rounded-lb-4:last-child{border-bottom-left-radius:4px;}
68
84
  .last\:rounded-rb-4:last-child{border-bottom-right-radius:4px;}
69
85
  .last\:rounded-rt-4:last-child{border-top-right-radius:4px;}
70
- .bg-transparent,
71
- .group\/steph:first-child .group-first\/steph\:bg-transparent,
72
- .group\/steph:last-child .group-last\/steph\:bg-transparent{background-color:transparent;}
73
86
  .caret-current{caret-color:currentColor;}
74
87
  .opacity-25{opacity:25%;}
75
88
  .before\:opacity-25::before{opacity:25%;}
@@ -97,9 +110,9 @@
97
110
  .grow-1{flex-grow:1;}
98
111
  .basis-auto{flex-basis:auto;}
99
112
  .flex-col{flex-direction:column;}
100
- .focus-within\:focusable:focus-within{outline:2px solid var(--w-s-color-focused);outline-offset:var(--w-outline-offset, 1px);}
101
- .focusable:focus,.focusable:focus-visible{outline:2px solid var(--w-s-color-focused);outline-offset:var(--w-outline-offset, 1px);}.focusable:not(:focus-visible){outline:none;}
102
- .peer:focus~.peer-focus\:focusable,.peer:focus-visible~.peer-focus\:focusable{outline:2px solid var(--w-s-color-focused);outline-offset:var(--w-outline-offset, 1px);}.peer:not(:focus-visible)~.peer-focus\:focusable{outline:none;}
113
+ .focus-within\:focusable:focus-within{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px);}
114
+ .focusable:focus,.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px);}.focusable:not(:focus-visible){outline:none;}
115
+ .peer:focus~.peer-focus\:focusable,.peer:focus-visible~.peer-focus\:focusable{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px);}.peer:not(:focus-visible)~.peer-focus\:focusable{outline:none;}
103
116
  .focusable-inset{--w-outline-offset:-3px;}
104
117
  .gap-8{gap:0.8rem;}
105
118
  .gap-x-16{column-gap:1.6rem;}
@@ -132,13 +145,7 @@
132
145
  .i-bg-\$color-alert-positive-background{background-color:var(--w-color-alert-positive-background);}
133
146
  .i-bg-\$color-alert-warning-background{background-color:var(--w-color-alert-warning-background);}
134
147
  .i-bg-\$color-badge-disabled-background{background-color:var(--w-color-badge-disabled-background);}
135
- .i-bg-\$color-badge-info-background{background-color:var(--w-color-badge-info-background);}
136
- .i-bg-\$color-badge-negative-background{background-color:var(--w-color-badge-negative-background);}
137
- .i-bg-\$color-badge-neutral-background{background-color:var(--w-color-badge-neutral-background);}
138
148
  .i-bg-\$color-badge-notification-background{background-color:var(--w-color-badge-notification-background);}
139
- .i-bg-\$color-badge-positive-background{background-color:var(--w-color-badge-positive-background);}
140
- .i-bg-\$color-badge-price-background{background-color:var(--w-color-badge-price-background);}
141
- .i-bg-\$color-badge-warning-background{background-color:var(--w-color-badge-warning-background);}
142
149
  .i-bg-\$color-box-bordered-background{background-color:var(--w-color-box-bordered-background);}
143
150
  .i-bg-\$color-box-info-background{background-color:var(--w-color-box-info-background);}
144
151
  .i-bg-\$color-box-neutral-background{background-color:var(--w-color-box-neutral-background);}
@@ -441,11 +448,7 @@
441
448
  .before\:items-center::before{align-items:center;}
442
449
  .self-center{align-self:center;}
443
450
  .inset-0{inset:0rem;}
444
- .-bottom-\[8px\]{bottom:-8px;}
445
451
  .-bottom-0{bottom:-0rem;}
446
- .-left-\[8px\]{left:-8px;}
447
- .-right-\[8px\]{right:-8px;}
448
- .-top-\[8px\]{top:-8px;}
449
452
  .bottom-0{bottom:0rem;}
450
453
  .bottom-10{bottom:1rem;}
451
454
  .bottom-16{bottom:1.6rem;}
@@ -454,8 +457,6 @@
454
457
  .left-8{left:0.8rem;}
455
458
  .right-0{right:0rem;}
456
459
  .right-16{right:1.6rem;}
457
- .top-\[19px\]{top:19px;}
458
- .top-\[30\%\]{top:30%;}
459
460
  .top-0{top:0rem;}
460
461
  .top-20{top:2rem;}
461
462
  .top-4{top:0.4rem;}
@@ -464,6 +465,12 @@
464
465
  .before\:right-0::before{right:0rem;}
465
466
  .before\:top-0::before{top:0rem;}
466
467
  .before\:top-2::before{top:0.2rem;}
468
+ .-bottom-\[8px\]{bottom:-8px;}
469
+ .-left-\[8px\]{left:-8px;}
470
+ .-right-\[8px\]{right:-8px;}
471
+ .-top-\[8px\]{top:-8px;}
472
+ .top-\[19px\]{top:19px;}
473
+ .top-\[30\%\]{top:30%;}
467
474
  .justify-end{justify-content:flex-end;}
468
475
  .justify-center{justify-content:center;}
469
476
  .before\:justify-center::before{justify-content:center;}
@@ -482,9 +489,11 @@
482
489
  .peer:checked~.peer-checked\:z-10{z-index:10;}
483
490
  .hover\:z-30:hover{z-index:30;}
484
491
  .s-bg{background-color:var(--w-s-color-background);}
485
- .before\:s-bg::before{background-color:var(--w-s-color-background);}
492
+ .s-bg-disabled{background-color:var(--w-s-color-background-disabled);}
486
493
  .s-bg-primary{background-color:var(--w-s-color-background-primary);}
487
494
  .hover\:s-bg-primary-subtle-hover:hover{background-color:var(--w-s-color-background-primary-subtle-hover);}
495
+ .before\:s-bg::before{background-color:var(--w-s-color-background);}
496
+ .s-text{color:var(--w-s-color-text);}
488
497
  .s-text-inverted{color:var(--w-s-color-text-inverted);}
489
498
  .s-text-link{color:var(--w-s-color-text-link);}
490
499
  .s-icon{color:var(--w-s-color-icon);}
@@ -538,7 +547,6 @@
538
547
  .active\:slider-handle-shadow-active:active{box-shadow:0 0 0 8px rgba(0, 0, 0, .08);}
539
548
  .space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(0.8rem * calc(1 - var(--w-space-x-reverse)));margin-right:calc(0.8rem * var(--w-space-x-reverse));}
540
549
  .space-y-16>:not([hidden])~:not([hidden]){--w-space-y-reverse:0;margin-top:calc(1.6rem * calc(1 - var(--w-space-y-reverse)));margin-bottom:calc(1.6rem * var(--w-space-y-reverse));}
541
- .m-\[8px\]{margin:8px;}
542
550
  .m-0{margin:0rem;}
543
551
  .-mx-16{margin-left:-1.6rem;margin-right:-1.6rem;}
544
552
  .mx-0{margin-left:0rem;margin-right:0rem;}
@@ -561,13 +569,11 @@
561
569
  .group:not(:first-child) .group-not-first\:-ml-2{margin-left:-0.2rem;}
562
570
  .last\:mb-0:last-child{margin-bottom:0rem;}
563
571
  .last\:mr-0:last-child{margin-right:0rem;}
564
- .p-\[8px\]{padding:8px;}
572
+ .m-\[8px\]{margin:8px;}
565
573
  .p-0{padding:0rem;}
566
574
  .p-16{padding:1.6rem;}
567
575
  .p-4{padding:0.4rem;}
568
576
  .p-8{padding:0.8rem;}
569
- .px-\[15px\]{padding-left:15px;padding-right:15px;}
570
- .px-\[8px\]\!{padding-left:8px !important;padding-right:8px !important;}
571
577
  .px-0{padding-left:0rem;padding-right:0rem;}
572
578
  .px-1{padding-left:0.1rem;padding-right:0.1rem;}
573
579
  .px-12{padding-left:1.2rem;padding-right:1.2rem;}
@@ -575,9 +581,6 @@
575
581
  .px-16{padding-left:1.6rem;padding-right:1.6rem;}
576
582
  .px-4{padding-left:0.4rem;padding-right:0.4rem;}
577
583
  .px-8{padding-left:0.8rem;padding-right:0.8rem;}
578
- .py-\[11px\]{padding-top:11px;padding-bottom:11px;}
579
- .py-\[5px\]\!{padding-top:5px !important;padding-bottom:5px !important;}
580
- .py-\[7px\]{padding-top:7px;padding-bottom:7px;}
581
584
  .py-0{padding-top:0rem;padding-bottom:0rem;}
582
585
  .py-1{padding-top:0.1rem;padding-bottom:0.1rem;}
583
586
  .py-10{padding-top:1rem;padding-bottom:1rem;}
@@ -611,6 +614,12 @@
611
614
  .group\/step:last-child .group-last\/step\:last\:pb-0:last-child{padding-bottom:0rem;}
612
615
  .last\:pb-1:last-child{padding-bottom:0.1rem;}
613
616
  .last\:pr-1:last-child{padding-right:0.1rem;}
617
+ .p-\[8px\]{padding:8px;}
618
+ .px-\[15px\]{padding-left:15px;padding-right:15px;}
619
+ .px-\[8px\]\!{padding-left:8px !important;padding-right:8px !important;}
620
+ .py-\[11px\]{padding-top:11px;padding-bottom:11px;}
621
+ .py-\[5px\]\!{padding-top:5px !important;padding-bottom:5px !important;}
622
+ .py-\[7px\]{padding-top:7px;padding-bottom:7px;}
614
623
  .invisible{visibility:hidden;}
615
624
  .backface-hidden{backface-visibility:hidden;}
616
625
  .break-words{overflow-wrap:break-word;}
package/dist/resets.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{min-width:0;border:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
1
+ *,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{border:0;min-width:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
package/dist/resets.min.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{min-width:0;border:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
1
+ *,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{border:0;min-width:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
package/dist/tokens/blocket-se.css CHANGED
@@ -1 +1 @@
1
- :root,:host{--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-tooltip:var(--w-shadow-m);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-switch-track-background:var(--w-s-color-background-subtle);--w-color-switch-track-background-hover:var(--w-s-color-background-subtle-hover);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-shadow-switch-handle:var(--w-shadow-s);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-shadow-slider:var(--w-shadow-s);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-s-color-background:var(--w-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-inverted:var(--w-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-notification:var(--w-white);--w-s-color-focused:var(--w-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-shadow-popover:var(--w-shadow-m);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-background:var(--w-s-color-background-subtle);--w-color-pill-suggestion-background-hover:var(--w-s-color-background-subtle-hover);--w-color-pill-suggestion-background-active:var(--w-s-color-background-subtle-active);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-shadow-modal:var(--w-shadow-m);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-subtle-default:var(--w-red-300);--w-s-color-border-warning-default:var(--w-yellow-600);--w-s-color-border-warning-subtle-default:var(--w-yellow-300);--w-s-color-border-info-default:var(--w-aqua-600);--w-s-color-border-info-subtle-default:var(--w-aqua-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-bluegray-500);--w-s-color-text-default:var(--w-gray-700);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-shadow-combobox:var(--w-shadow-m);--w-white:white;--w-black:black;--w-black-alpha70:#000000b3;--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-blue-50:#eff5ff;--w-blue-100:#e1edfe;--w-blue-200:#c2dafe;--w-blue-300:#9ac1fe;--w-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-blue-600:#0063fb;--w-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-blue-800:#223474;--w-blue-900:#191d34;--w-gray-50:#fafafa;--w-gray-100:#f4f4f5;--w-gray-200:#e4e4e7;--w-gray-300:#d4d4d8;--w-gray-400:#a1a1aa;--w-gray-500:#71717a;--w-gray-600:#52525b;--w-gray-700:#3f3f46;--w-gray-800:#27272a;--w-gray-900:#18181b;--w-gray-900-alpha70:#18181bb3;--w-aqua-50:#f1f9ff;--w-aqua-100:#e0f6ff;--w-aqua-200:#b6f0ff;--w-aqua-300:#66e0ff;--w-aqua-400:#06befb;--w-aqua-500:#03a3dd;--w-aqua-600:#0386bf;--w-aqua-700:#1e648a;--w-aqua-800:#1d435a;--w-aqua-900:#15242f;--w-green-50:#ebfff6;--w-green-100:#cdfee5;--w-green-200:#9efcd1;--w-green-300:#67eeb8;--w-green-400:#2ee69f;--w-green-500:#18c884;--w-green-600:#059e6f;--w-green-700:#1d7454;--w-green-800:#1b4d39;--w-green-900:#14291f;--w-yellow-50:#fff8e6;--w-yellow-100:#fff5c8;--w-yellow-200:#feef90;--w-yellow-300:#fae76b;--w-yellow-400:#ffe11f;--w-yellow-500:#eeb61b;--w-yellow-600:#d5840b;--w-yellow-700:#9b621e;--w-yellow-800:#654118;--w-yellow-900:#352310;--w-red-50:#fff5f5;--w-red-100:#ffefef;--w-red-200:#ffd1d1;--w-red-300:#f99;--w-red-400:#ff5844;--w-red-500:#fa270f;--w-red-600:#d91f0a;--w-red-700:#9e2216;--w-red-800:#681d11;--w-red-900:#38140b;--w-bluegray-50:#f8fafc;--w-bluegray-100:#f1f4f9;--w-bluegray-200:#e1e6ee;--w-bluegray-300:#c3ccd9;--w-bluegray-400:#9ba8ba;--w-bluegray-500:#6f7d90;--w-bluegray-600:#4d586f;--w-bluegray-700:#3b4353;--w-bluegray-800:#292d38;--w-bluegray-900:#181a1f;--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-color-callout-background:var(--w-s-color-background-positive-subtle);--w-color-callout-border:var(--w-s-color-border-positive-subtle);--w-color-callout-text:var(--w-s-color-text);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-background-hover:var(--w-blue-300-alpha30);--w-color-button-pill-background-active:var(--w-blue-400-alpha30);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-buttongroup-utility-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-utility-background-selected:var(--w-s-color-background-selected);--w-color-buttongroup-utility-border:var(--w-s-color-border);--w-color-buttongroup-utility-border-selected:var(--w-s-color-selected);--w-shadow-buttongroup:var(--w-shadow-s);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:BlocketSans,sans-serif;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-neutral-background:var(--w-gray-100);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-info-background:var(--w-s-color-background-info-subtle);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-positive-background:var(--w-s-color-background-positive-subtle);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-warning-background:var(--w-s-color-background-warning-subtle);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-negative-background:var(--w-s-color-background-negative-subtle);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-price-background:var(--w-black-alpha70);--w-color-badge-notification-text:var(--w-s-color-text-notification);--w-color-badge-notification-background:var(--w-s-color-background-notification);--w-color-avatar-background:var(--w-bluegray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative)}
1
+ :root,:host{--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-tooltip:var(--w-shadow-m);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-switch-track-background:var(--w-s-color-background-subtle);--w-color-switch-track-background-hover:var(--w-s-color-background-subtle-hover);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-shadow-switch-handle:var(--w-shadow-s);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-shadow-slider:var(--w-shadow-s);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-s-color-background:var(--w-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-inverted:var(--w-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-notification:var(--w-white);--w-s-color-focused:var(--w-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-shadow-popover:var(--w-shadow-m);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-background:var(--w-s-color-background-subtle);--w-color-pill-suggestion-background-hover:var(--w-s-color-background-subtle-hover);--w-color-pill-suggestion-background-active:var(--w-s-color-background-subtle-active);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-shadow-modal:var(--w-shadow-m);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-color-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-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-subtle-default:var(--w-red-300);--w-s-color-border-warning-default:var(--w-yellow-600);--w-s-color-border-warning-subtle-default:var(--w-yellow-300);--w-s-color-border-info-default:var(--w-aqua-600);--w-s-color-border-info-subtle-default:var(--w-aqua-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-bluegray-500);--w-s-color-text-default:var(--w-gray-700);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-shadow-combobox:var(--w-shadow-m);--w-white:white;--w-black:black;--w-black-alpha70:#000000b3;--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-blue-50:#eff5ff;--w-blue-100:#e1edfe;--w-blue-200:#c2dafe;--w-blue-300:#9ac1fe;--w-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-blue-600:#0063fb;--w-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-blue-800:#223474;--w-blue-900:#191d34;--w-gray-50:#fafafa;--w-gray-100:#f4f4f5;--w-gray-200:#e4e4e7;--w-gray-300:#d4d4d8;--w-gray-400:#a1a1aa;--w-gray-500:#71717a;--w-gray-600:#52525b;--w-gray-700:#3f3f46;--w-gray-800:#27272a;--w-gray-900:#18181b;--w-gray-900-alpha70:#18181bb3;--w-aqua-50:#f1f9ff;--w-aqua-100:#e0f6ff;--w-aqua-200:#b6f0ff;--w-aqua-300:#66e0ff;--w-aqua-400:#06befb;--w-aqua-500:#03a3dd;--w-aqua-600:#0386bf;--w-aqua-700:#1e648a;--w-aqua-800:#1d435a;--w-aqua-900:#15242f;--w-green-50:#ebfff6;--w-green-100:#cdfee5;--w-green-200:#9efcd1;--w-green-300:#67eeb8;--w-green-400:#2ee69f;--w-green-500:#18c884;--w-green-600:#059e6f;--w-green-700:#1d7454;--w-green-800:#1b4d39;--w-green-900:#14291f;--w-yellow-50:#fff8e6;--w-yellow-100:#fff5c8;--w-yellow-200:#feef90;--w-yellow-300:#fae76b;--w-yellow-400:#ffe11f;--w-yellow-500:#eeb61b;--w-yellow-600:#d5840b;--w-yellow-700:#9b621e;--w-yellow-800:#654118;--w-yellow-900:#352310;--w-red-50:#fff5f5;--w-red-100:#ffefef;--w-red-200:#ffd1d1;--w-red-300:#f99;--w-red-400:#ff5844;--w-red-500:#fa270f;--w-red-600:#d91f0a;--w-red-700:#9e2216;--w-red-800:#681d11;--w-red-900:#38140b;--w-bluegray-50:#f8fafc;--w-bluegray-100:#f1f4f9;--w-bluegray-200:#e1e6ee;--w-bluegray-300:#c3ccd9;--w-bluegray-400:#9ba8ba;--w-bluegray-500:#6f7d90;--w-bluegray-600:#4d586f;--w-bluegray-700:#3b4353;--w-bluegray-800:#292d38;--w-bluegray-900:#181a1f;--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-color-callout-background:var(--w-s-color-background-positive-subtle);--w-color-callout-border:var(--w-s-color-border-positive-subtle);--w-color-callout-text:var(--w-s-color-text);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-background-hover:var(--w-blue-300-alpha30);--w-color-button-pill-background-active:var(--w-blue-400-alpha30);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-buttongroup-utility-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-utility-background-selected:var(--w-s-color-background-selected);--w-color-buttongroup-utility-border:var(--w-s-color-border);--w-color-buttongroup-utility-border-selected:var(--w-s-color-selected);--w-shadow-buttongroup:var(--w-shadow-s);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:BlocketSans,sans-serif;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-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);--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)}
package/dist/tokens/finn-no.css CHANGED
@@ -1 +1 @@
1
- :root,:host{--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-tooltip:var(--w-shadow-m);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-switch-track-background:var(--w-gray-300);--w-color-switch-track-background-hover:var(--w-gray-400);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-shadow-switch-handle:var(--w-shadow-s);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-shadow-slider:var(--w-shadow-s);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-s-color-background:var(--w-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-inverted:var(--w-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-notification:var(--w-white);--w-s-color-focused:var(--w-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-shadow-popover:var(--w-shadow-m);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-shadow-modal:var(--w-shadow-m);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-subtle-default:var(--w-red-300);--w-s-color-border-warning-default:var(--w-yellow-600);--w-s-color-border-warning-subtle-default:var(--w-yellow-300);--w-s-color-border-info-default:var(--w-aqua-600);--w-s-color-border-info-subtle-default:var(--w-aqua-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-bluegray-500);--w-s-color-text-default:var(--w-gray-700);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-shadow-combobox:var(--w-shadow-m);--w-white:white;--w-black:black;--w-black-alpha70:#000000b3;--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-blue-50:#eff5ff;--w-blue-100:#e1edfe;--w-blue-200:#c2dafe;--w-blue-300:#9ac1fe;--w-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-blue-600:#0063fb;--w-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-blue-800:#223474;--w-blue-900:#191d34;--w-gray-50:#fafafa;--w-gray-100:#f4f4f5;--w-gray-200:#e4e4e7;--w-gray-300:#d4d4d8;--w-gray-400:#a1a1aa;--w-gray-500:#71717a;--w-gray-600:#52525b;--w-gray-700:#3f3f46;--w-gray-800:#27272a;--w-gray-900:#18181b;--w-gray-900-alpha70:#18181bb3;--w-aqua-50:#f1f9ff;--w-aqua-100:#e0f6ff;--w-aqua-200:#b6f0ff;--w-aqua-300:#66e0ff;--w-aqua-400:#06befb;--w-aqua-500:#03a3dd;--w-aqua-600:#0386bf;--w-aqua-700:#1e648a;--w-aqua-800:#1d435a;--w-aqua-900:#15242f;--w-green-50:#ebfff6;--w-green-100:#cdfee5;--w-green-200:#9efcd1;--w-green-300:#67eeb8;--w-green-400:#2ee69f;--w-green-500:#18c884;--w-green-600:#059e6f;--w-green-700:#1d7454;--w-green-800:#1b4d39;--w-green-900:#14291f;--w-yellow-50:#fff8e6;--w-yellow-100:#fff5c8;--w-yellow-200:#feef90;--w-yellow-300:#fae76b;--w-yellow-400:#ffe11f;--w-yellow-500:#eeb61b;--w-yellow-600:#d5840b;--w-yellow-700:#9b621e;--w-yellow-800:#654118;--w-yellow-900:#352310;--w-red-50:#fff5f5;--w-red-100:#ffefef;--w-red-200:#ffd1d1;--w-red-300:#f99;--w-red-400:#ff5844;--w-red-500:#fa270f;--w-red-600:#d91f0a;--w-red-700:#9e2216;--w-red-800:#681d11;--w-red-900:#38140b;--w-bluegray-50:#f8fafc;--w-bluegray-100:#f1f4f9;--w-bluegray-200:#e1e6ee;--w-bluegray-300:#c3ccd9;--w-bluegray-400:#9ba8ba;--w-bluegray-500:#6f7d90;--w-bluegray-600:#4d586f;--w-bluegray-700:#3b4353;--w-bluegray-800:#292d38;--w-bluegray-900:#181a1f;--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-color-callout-background:var(--w-green-100);--w-color-callout-border:var(--w-green-400);--w-color-callout-text:var(--w-s-color-text);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-background-hover:var(--w-blue-300-alpha30);--w-color-button-pill-background-active:var(--w-blue-400-alpha30);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-buttongroup-utility-background-hover:var(--w-gray-100);--w-color-buttongroup-utility-background-selected:var(--w-gray-200);--w-color-buttongroup-utility-border:var(--w-gray-300);--w-color-buttongroup-utility-border-selected:var(--w-gray-700);--w-shadow-buttongroup:var(--w-shadow-s);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:Finntype;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-neutral-background:var(--w-bluegray-100);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-info-background:var(--w-aqua-100);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-negative-background:var(--w-red-100);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-price-background:var(--w-black-alpha70);--w-color-badge-notification-text:var(--w-s-color-text-notification);--w-color-badge-notification-background:var(--w-s-color-background-notification);--w-color-avatar-background:var(--w-bluegray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative)}
1
+ :root,:host{--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-tooltip:var(--w-shadow-m);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-switch-track-background:var(--w-gray-300);--w-color-switch-track-background-hover:var(--w-gray-400);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-shadow-switch-handle:var(--w-shadow-s);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-shadow-slider:var(--w-shadow-s);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-s-color-background:var(--w-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-inverted:var(--w-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-notification:var(--w-white);--w-s-color-focused:var(--w-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-shadow-popover:var(--w-shadow-m);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-shadow-modal:var(--w-shadow-m);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-color-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-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-subtle-default:var(--w-red-300);--w-s-color-border-warning-default:var(--w-yellow-600);--w-s-color-border-warning-subtle-default:var(--w-yellow-300);--w-s-color-border-info-default:var(--w-aqua-600);--w-s-color-border-info-subtle-default:var(--w-aqua-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-bluegray-500);--w-s-color-text-default:var(--w-gray-700);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-shadow-combobox:var(--w-shadow-m);--w-white:white;--w-black:black;--w-black-alpha70:#000000b3;--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-blue-50:#eff5ff;--w-blue-100:#e1edfe;--w-blue-200:#c2dafe;--w-blue-300:#9ac1fe;--w-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-blue-600:#0063fb;--w-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-blue-800:#223474;--w-blue-900:#191d34;--w-gray-50:#fafafa;--w-gray-100:#f4f4f5;--w-gray-200:#e4e4e7;--w-gray-300:#d4d4d8;--w-gray-400:#a1a1aa;--w-gray-500:#71717a;--w-gray-600:#52525b;--w-gray-700:#3f3f46;--w-gray-800:#27272a;--w-gray-900:#18181b;--w-gray-900-alpha70:#18181bb3;--w-aqua-50:#f1f9ff;--w-aqua-100:#e0f6ff;--w-aqua-200:#b6f0ff;--w-aqua-300:#66e0ff;--w-aqua-400:#06befb;--w-aqua-500:#03a3dd;--w-aqua-600:#0386bf;--w-aqua-700:#1e648a;--w-aqua-800:#1d435a;--w-aqua-900:#15242f;--w-green-50:#ebfff6;--w-green-100:#cdfee5;--w-green-200:#9efcd1;--w-green-300:#67eeb8;--w-green-400:#2ee69f;--w-green-500:#18c884;--w-green-600:#059e6f;--w-green-700:#1d7454;--w-green-800:#1b4d39;--w-green-900:#14291f;--w-yellow-50:#fff8e6;--w-yellow-100:#fff5c8;--w-yellow-200:#feef90;--w-yellow-300:#fae76b;--w-yellow-400:#ffe11f;--w-yellow-500:#eeb61b;--w-yellow-600:#d5840b;--w-yellow-700:#9b621e;--w-yellow-800:#654118;--w-yellow-900:#352310;--w-red-50:#fff5f5;--w-red-100:#ffefef;--w-red-200:#ffd1d1;--w-red-300:#f99;--w-red-400:#ff5844;--w-red-500:#fa270f;--w-red-600:#d91f0a;--w-red-700:#9e2216;--w-red-800:#681d11;--w-red-900:#38140b;--w-bluegray-50:#f8fafc;--w-bluegray-100:#f1f4f9;--w-bluegray-200:#e1e6ee;--w-bluegray-300:#c3ccd9;--w-bluegray-400:#9ba8ba;--w-bluegray-500:#6f7d90;--w-bluegray-600:#4d586f;--w-bluegray-700:#3b4353;--w-bluegray-800:#292d38;--w-bluegray-900:#181a1f;--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-color-callout-background:var(--w-green-100);--w-color-callout-border:var(--w-green-400);--w-color-callout-text:var(--w-s-color-text);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-background-hover:var(--w-blue-300-alpha30);--w-color-button-pill-background-active:var(--w-blue-400-alpha30);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-buttongroup-utility-background-hover:var(--w-gray-100);--w-color-buttongroup-utility-background-selected:var(--w-gray-200);--w-color-buttongroup-utility-border:var(--w-gray-300);--w-color-buttongroup-utility-border-selected:var(--w-gray-700);--w-shadow-buttongroup:var(--w-shadow-s);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:Finntype;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-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);--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)}