@warp-ds/css 1.8.1 → 1.8.2-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.
|
@@ -521,18 +521,18 @@ export namespace backwardsCompatibleClasses {
|
|
|
521
521
|
export let removedTabsTokens: string;
|
|
522
522
|
export let removedToastTokens: string;
|
|
523
523
|
export let removedTooltipTokens: string;
|
|
524
|
+
export let removedAlphaTokens: string;
|
|
524
525
|
}
|
|
525
526
|
export namespace pagination {
|
|
526
|
-
let
|
|
527
|
-
export {
|
|
527
|
+
let link_2: string;
|
|
528
|
+
export { link_2 as link };
|
|
528
529
|
export let currentPage: string;
|
|
529
530
|
let icon_4: string;
|
|
530
531
|
export { icon_4 as icon };
|
|
531
532
|
export let containerNav: string;
|
|
532
|
-
|
|
533
|
+
let a11y_7: string;
|
|
534
|
+
export { a11y_7 as a11y };
|
|
533
535
|
export let pages: string;
|
|
534
|
-
export let firstPageButton: string;
|
|
535
|
-
export let firstPageLabel: string;
|
|
536
536
|
let active_1: string;
|
|
537
537
|
export { active_1 as active };
|
|
538
538
|
export let notActive: string;
|
|
@@ -27,7 +27,7 @@ export const badge = {
|
|
|
27
27
|
warning: 'bg-[--w-color-badge-warning-background] s-text',
|
|
28
28
|
negative: 'bg-[--w-color-badge-negative-background] s-text',
|
|
29
29
|
disabled: 's-bg-disabled s-text',
|
|
30
|
-
price: 'bg-[--w-
|
|
30
|
+
price: 'bg-[--w-black/70] s-text-inverted',
|
|
31
31
|
sponsored: 'bg-[--w-color-badge-sponsored-background] s-text',
|
|
32
32
|
// Notification badge is deprecated: Do not use!
|
|
33
33
|
notification: 'i-bg-$color-badge-notification-background i-text-$color-badge-notification-text',
|
|
@@ -350,7 +350,7 @@ export const buttonGroupItem = {
|
|
|
350
350
|
export const modal = {
|
|
351
351
|
//TODO: transparentBg can be removed when it has been removed in React and Vue - previously used for opacity before changing to a rgba background in backdrop
|
|
352
352
|
transparentBg: '',
|
|
353
|
-
backdrop: 'fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px] bg-[--w-black
|
|
353
|
+
backdrop: 'fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px] bg-[--w-black/25]',
|
|
354
354
|
modal: 'pb-safe-[32] shadow-m max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 s-bg flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8',
|
|
355
355
|
content: 'block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative',
|
|
356
356
|
footer: 'flex justify-end shrink-0 px-16 sm:px-32',
|
|
@@ -551,17 +551,16 @@ export const backwardsCompatibleClasses = {
|
|
|
551
551
|
removedTabsTokens: 'i-text-$color-tabs-text-selected hover:i-text-$color-tabs-text-hover i-text-$color-tabs-text hover:i-border-$color-tabs-border-hover i-border-$color-tabs-border-selected i-border-$color-tabs-border',
|
|
552
552
|
removedToastTokens: 'i-bg-$color-toast-negative-background i-border-$color-toast-negative-subtle-border i-text-$color-toast-negative-text i-bg-$color-toast-warning-background i-border-$color-toast-warning-subtle-border i-text-$color-toast-warning-text i-text-$color-toast-negative-icon i-text-$color-toast-warning-icon i-text-$color-toast-positive-icon i-border-$color-toast-positive-subtle-border i-bg-$color-toast-positive-background i-text-$color-toast-positive-text i-text-$color-toast-close-icon hover:i-text-$color-toast-close-icon-hover active:i-text-$color-toast-close-icon-active',
|
|
553
553
|
removedTooltipTokens: 'i-bg-$color-tooltip-background i-border-$color-tooltip-background shadow-m i-text-$color-tooltip-text i-shadow-$shadow-tooltip',
|
|
554
|
+
removedAlphaTokens: 'bg-[--w-color-badge-price-background] bg-[--w-black-alpha25]',
|
|
554
555
|
};
|
|
555
556
|
|
|
556
557
|
export const pagination = {
|
|
557
|
-
|
|
558
|
+
link: 'hover:no-underline focus:no-underline focusable inline-flex justify-center items-center transition-colors ease-in-out min-h-[44px] min-w-[44px] p-4 rounded-full border-0 hover:bg-clip-padding',
|
|
558
559
|
currentPage: 'block md:hidden p-8 font-bold',
|
|
559
|
-
icon: 's-icon
|
|
560
|
-
containerNav: 'flex items-center justify-center
|
|
561
|
-
|
|
560
|
+
icon: 's-icon hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]',
|
|
561
|
+
containerNav: 'flex items-center justify-center p-8',
|
|
562
|
+
a11y: 'sr-only',
|
|
562
563
|
pages: 'hidden md:block s-text-link',
|
|
563
|
-
firstPageButton: 'md:hidden',
|
|
564
|
-
firstPageLabel: 'font-bold',
|
|
565
564
|
active: 's-bg-primary s-text-inverted',
|
|
566
|
-
notActive: 'hover:
|
|
565
|
+
notActive: 'hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]',
|
|
567
566
|
};
|
package/dist/components.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.h4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}@media (min-width: 480px){.sm\:h3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}}.text-center{text-align:center}.before\:text-center:before{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.animate-inprogress{background-image:linear-gradient(135deg,rgba(0,0,0,.05) 25%,transparent 0,transparent 50%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 75%,transparent 0,transparent)!important;background-size:30px 30px;animation:animate-inprogress 3s linear infinite}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 0}}.\[--w-modal-max-height\:80\%\]{--w-modal-max-height:80%}.\[--w-modal-width\:640px\]{--w-modal-width:640px}.focus\:\[--w-outline-offset\:-2px\]:focus{--w-outline-offset:-2px}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.peer:checked~.peer-checked\:before\:bg-center:before{background-position:center}.hover\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent,.group\/steph:first-child .group-first\/steph\:bg-transparent,.group\/steph:last-child .group-last\/steph\:bg-transparent{background-color:transparent}.bg-\[--w-black-alpha25\]{background-color:var(--w-black-alpha25)}.bg-\[--w-color-badge-info-background\],.i-bg-\$color-badge-info-background{background-color:var(--w-color-badge-info-background)}.bg-\[--w-color-badge-negative-background\],.i-bg-\$color-badge-negative-background{background-color:var(--w-color-badge-negative-background)}.bg-\[--w-color-badge-neutral-background\],.i-bg-\$color-badge-neutral-background{background-color:var(--w-color-badge-neutral-background)}.bg-\[--w-color-badge-positive-background\],.i-bg-\$color-badge-positive-background{background-color:var(--w-color-badge-positive-background)}.bg-\[--w-color-badge-price-background\],.i-bg-\$color-badge-price-background{background-color:var(--w-color-badge-price-background)}.bg-\[--w-color-badge-sponsored-background\]{background-color:var(--w-color-badge-sponsored-background)}.bg-\[--w-color-badge-warning-background\],.i-bg-\$color-badge-warning-background{background-color:var(--w-color-badge-warning-background)}.bg-\[--w-color-button-primary-background\],.i-bg-\$color-button-primary-background{background-color:var(--w-color-button-primary-background)}.bg-\[--w-color-buttongroup-utility-background-selected\]\!,.i-bg-\$color-buttongroup-utility-background-selected\!{background-color:var(--w-color-buttongroup-utility-background-selected)!important}.bg-\[--w-color-callout-background\],.i-bg-\$color-callout-background{background-color:var(--w-color-callout-background)}.bg-\[--w-color-switch-track-background\],.i-bg-\$color-switch-track-background{background-color:var(--w-color-switch-track-background)}.bg-\[--w-s-icon-disabled\]{background-color:var(--w-s-icon-disabled)}.bg-\[--w-s-icon-selected\]{background-color:var(--w-s-icon-selected)}.group:hover .group-hover\:bg-\[--w-color-switch-track-background-hover\],.group:hover .group-hover\:i-bg-\$color-switch-track-background-hover{background-color:var(--w-color-switch-track-background-hover)}.hover\:bg-\[--w-color-button-pill-background-hover\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\:bg-\[--w-color-button-primary-background-hover\]:hover{background-color:var(--w-color-button-primary-background-hover)}.hover\:bg-\[--w-color-buttongroup-utility-background-hover\]:hover{background-color:var(--w-color-buttongroup-utility-background-hover)}.hover\:bg-\[--w-s-icon-subtle\]:hover{background-color:var(--w-s-icon-subtle)}.active\:bg-\[--w-color-button-pill-background-active\]:active{background-color:var(--w-color-button-pill-background-active)}.active\:bg-\[--w-color-button-primary-background-active\]:active{background-color:var(--w-color-button-primary-background-active)}.active\:bg-\[--w-color-buttongroup-utility-background-selected\]:active{background-color:var(--w-color-buttongroup-utility-background-selected)}.before\:bg-\[url\(var\(--w-form-check-mark\)\)\]:before{background-image:var(--w-form-check-mark)}.appearance-none{-moz-appearance:none;appearance:none;-webkit-appearance:none}.will-change-height{will-change:height}.border,.border-1{border-width:1px}.border-b{border-bottom-width:1px}.before\:border:before{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-r-0,.group:not(:last-of-type) .group-not-last-of-type\:border-r-0{border-right-width:0}.peer:checked~.peer-checked\:before\:border-\[6\]:before{border-width:.6rem}.border-transparent{border-color:transparent}.border-\[--w-color-buttongroup-utility-border-selected\],.i-border-\$color-buttongroup-utility-border-selected{border-color:var(--w-color-buttongroup-utility-border-selected)}.border-\[--w-color-buttongroup-utility-border\],.i-border-\$color-buttongroup-utility-border{border-color:var(--w-color-buttongroup-utility-border)}.border-\[--w-color-callout-border\],.i-border-\$color-callout-border{border-color:var(--w-color-callout-border)}.border-\[--w-s-color-background-inverted\]{border-color:var(--w-s-color-background-inverted)}.border-\[--w-s-color-background\]{border-color:var(--w-s-color-background)}.active\:border-\[--w-color-buttongroup-utility-border-selected\]:active{border-color:var(--w-color-buttongroup-utility-border-selected)}.divide-x>*+*{--w-divide-x-reverse:0;border-left-width:calc(1px * calc(1 - var(--w-divide-x-reverse)));border-right-width:calc(1px * var(--w-divide-x-reverse))}.divide-y>*+*{--w-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--w-divide-y-reverse)));border-bottom-width:calc(1px * var(--w-divide-y-reverse))}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.before\:rounded-2:before{border-radius:2px}.before\:rounded-full:before{border-radius:9999px}.rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-tl-0{border-top-left-radius:0}.rounded-tl-4{border-top-left-radius:4px}.rounded-tr-0{border-top-right-radius:0}.group:first-of-type .group-first-of-type\:rounded-bl-8{border-bottom-left-radius:8px}.group:first-of-type .group-first-of-type\:rounded-tl-8{border-top-left-radius:8px}.first\:rounded-lb-4:first-child{border-bottom-left-radius:4px}.first\:rounded-lt-4:first-child{border-top-left-radius:4px}.first\:rounded-rt-4:first-child{border-top-right-radius:4px}.group:last-of-type .group-last-of-type\:rounded-br-8{border-bottom-right-radius:8px}.group:last-of-type .group-last-of-type\:rounded-tr-8{border-top-right-radius:8px}.last\:rounded-lb-4:last-child{border-bottom-left-radius:4px}.last\:rounded-rb-4:last-child{border-bottom-right-radius:4px}.last\:rounded-rt-4:last-child{border-top-right-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:25%}.before\:opacity-25:before{opacity:25%}.block{display:block}.before\:block:before{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.flex\!{display:flex!important}.before\:flex\!:before{display:flex!important}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden,.group\/stepv:last-child .group-last\/stepv\:hidden{display:none}.before\:hidden:before{display:none}.hover\:underline:hover{text-decoration-line:underline}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.active\:underline:active{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration:none}.focus\:no-underline:focus{text-decoration:none}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow,.grow-1{flex-grow:1}.basis-auto{flex-basis:auto}.flex-col{flex-direction:column}.focus-within\:focusable:focus-within{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px)}.focusable:focus,.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px)}.focusable:not(:focus-visible){outline:none}.peer:focus~.peer-focus\:focusable,.peer:focus-visible~.peer-focus\:focusable{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px)}.peer:not(:focus-visible)~.peer-focus\:focusable{outline:none}.focusable-inset{--w-outline-offset:-3px}.gap-8{gap:.8rem}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.auto-rows-auto{grid-auto-rows:auto}.grid-flow-col{grid-auto-flow:column}.grid-rows-\[20px_auto\]{grid-template-rows:20px auto}.grid-rows-\[auto_20px\]{grid-template-rows:auto 20px}.grid-cols-\[1fr_20px_1fr\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\[1fr_20px\]{grid-template-columns:1fr 20px}.grid-cols-\[20px_1fr\]{grid-template-columns:20px 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.i-bg-\$color-alert-info-background{background-color:var(--w-color-alert-info-background)}.i-bg-\$color-alert-negative-background{background-color:var(--w-color-alert-negative-background)}.i-bg-\$color-alert-positive-background{background-color:var(--w-color-alert-positive-background)}.i-bg-\$color-alert-warning-background{background-color:var(--w-color-alert-warning-background)}.i-bg-\$color-badge-disabled-background{background-color:var(--w-color-badge-disabled-background)}.i-bg-\$color-badge-notification-background{background-color:var(--w-color-badge-notification-background)}.i-bg-\$color-box-bordered-background{background-color:var(--w-color-box-bordered-background)}.i-bg-\$color-box-info-background{background-color:var(--w-color-box-info-background)}.i-bg-\$color-box-neutral-background{background-color:var(--w-color-box-neutral-background)}.i-bg-\$color-button-disabled-background{background-color:var(--w-color-button-disabled-background)}.i-bg-\$color-button-loading-background{background-color:var(--w-color-button-loading-background)}.i-bg-\$color-button-negative-background{background-color:var(--w-color-button-negative-background)}.i-bg-\$color-button-negative-quiet-background{background-color:var(--w-color-button-negative-quiet-background)}.i-bg-\$color-button-pill-background{background-color:var(--w-color-button-pill-background)}.i-bg-\$color-button-quiet-background{background-color:var(--w-color-button-quiet-background)}.i-bg-\$color-button-secondary-background{background-color:var(--w-color-button-secondary-background)}.i-bg-\$color-button-utility-background{background-color:var(--w-color-button-utility-background)}.i-bg-\$color-button-utility-quiet-background{background-color:var(--w-color-button-utility-quiet-background)}.i-bg-\$color-buttongroup-primary-background{background-color:var(--w-color-buttongroup-primary-background)}.i-bg-\$color-buttongroup-utility-background{background-color:var(--w-color-buttongroup-utility-background)}.i-bg-\$color-card-background-selected{background-color:var(--w-color-card-background-selected)}.i-bg-\$color-card-flat-background{background-color:var(--w-color-card-flat-background)}.i-bg-\$color-card-flat-background-selected{background-color:var(--w-color-card-flat-background-selected)}.i-bg-\$color-combobox-background{background-color:var(--w-color-combobox-background)}.i-bg-\$color-combobox-option-background-selected{background-color:var(--w-color-combobox-option-background-selected)}.i-bg-\$color-expandable-background{background-color:var(--w-color-expandable-background)}.i-bg-\$color-input-background{background-color:var(--w-color-input-background)}.i-bg-\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled)}.i-bg-\$color-modal-background{background-color:var(--w-color-modal-background)}.i-bg-\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background)}.i-bg-\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected)}.i-bg-\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background)}.i-bg-\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background)}.i-bg-\$color-popover-background{background-color:var(--w-color-popover-background)}.i-bg-\$color-select-background{background-color:var(--w-color-select-background)}.i-bg-\$color-select-background-disabled{background-color:var(--w-color-select-background-disabled)}.i-bg-\$color-slider-handle-background{background-color:var(--w-color-slider-handle-background)}.i-bg-\$color-slider-handle-background-disabled{background-color:var(--w-color-slider-handle-background-disabled)}.i-bg-\$color-slider-track-background{background-color:var(--w-color-slider-track-background)}.i-bg-\$color-slider-track-background-active{background-color:var(--w-color-slider-track-background-active)}.i-bg-\$color-slider-track-background-disabled{background-color:var(--w-color-slider-track-background-disabled)}.i-bg-\$color-stepindicator-handle-background{background-color:var(--w-color-stepindicator-handle-background)}.i-bg-\$color-stepindicator-handle-background-active{background-color:var(--w-color-stepindicator-handle-background-active)}.i-bg-\$color-stepindicator-track-background{background-color:var(--w-color-stepindicator-track-background)}.i-bg-\$color-stepindicator-track-background-active{background-color:var(--w-color-stepindicator-track-background-active)}.i-bg-\$color-switch-handle-background{background-color:var(--w-color-switch-handle-background)}.i-bg-\$color-switch-handle-background-disabled{background-color:var(--w-color-switch-handle-background-disabled)}.i-bg-\$color-switch-track-background-disabled{background-color:var(--w-color-switch-track-background-disabled)}.i-bg-\$color-switch-track-background-selected{background-color:var(--w-color-switch-track-background-selected)}.i-bg-\$color-toast-negative-background{background-color:var(--w-color-toast-negative-background)}.i-bg-\$color-toast-positive-background{background-color:var(--w-color-toast-positive-background)}.i-bg-\$color-toast-warning-background{background-color:var(--w-color-toast-warning-background)}.i-bg-\$color-tooltip-background{background-color:var(--w-color-tooltip-background)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-bg-\$color-checkbox-background-selected-hover:before{background-color:var(--w-color-checkbox-background-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-bg-\$color-checkbox-negative-background-selected-hover:before{background-color:var(--w-color-checkbox-negative-background-selected-hover)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-background-selected-disabled:before{background-color:var(--w-color-checkbox-background-selected-disabled)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-background-selected:before{background-color:var(--w-color-checkbox-background-selected)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-negative-background-selected:before{background-color:var(--w-color-checkbox-negative-background-selected)}.peer:checked~.peer-checked\:i-bg-\$color-buttongroup-primary-background-selected{background-color:var(--w-color-buttongroup-primary-background-selected)}.peer:indeterminate~.peer-indeterminate\:before\:i-bg-\$color-checkbox-background-selected:before{background-color:var(--w-color-checkbox-background-selected)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:i-bg-\$color-checkbox-background-selected-hover:hover:before{background-color:var(--w-color-checkbox-background-selected-hover)}.group:hover .group-hover\:i-bg-\$color-switch-track-background-selected-hover{background-color:var(--w-color-switch-track-background-selected-hover)}.hover\:before\:i-bg-\$color-checkbox-background-hover:hover:before{background-color:var(--w-color-checkbox-background-hover)}.hover\:before\:i-bg-\$color-checkbox-negative-background-hover:hover:before{background-color:var(--w-color-checkbox-negative-background-hover)}.hover\:i-bg-\$color-box-bordered-background-hover:hover{background-color:var(--w-color-box-bordered-background-hover)}.hover\:i-bg-\$color-box-info-background-hover:hover{background-color:var(--w-color-box-info-background-hover)}.hover\:i-bg-\$color-box-neutral-background-hover:hover{background-color:var(--w-color-box-neutral-background-hover)}.hover\:i-bg-\$color-button-negative-background-hover:hover{background-color:var(--w-color-button-negative-background-hover)}.hover\:i-bg-\$color-button-negative-quiet-background-hover:hover{background-color:var(--w-color-button-negative-quiet-background-hover)}.hover\:i-bg-\$color-button-pill-background-hover:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\:i-bg-\$color-button-primary-background-hover:hover{background-color:var(--w-color-button-primary-background-hover)}.hover\:i-bg-\$color-button-quiet-background-hover:hover{background-color:var(--w-color-button-quiet-background-hover)}.hover\:i-bg-\$color-button-secondary-background-hover:hover{background-color:var(--w-color-button-secondary-background-hover)}.hover\:i-bg-\$color-button-utility-background:hover{background-color:var(--w-color-button-utility-background)}.hover\:i-bg-\$color-button-utility-quiet-background-hover:hover{background-color:var(--w-color-button-utility-quiet-background-hover)}.hover\:i-bg-\$color-buttongroup-utility-background-hover:hover{background-color:var(--w-color-buttongroup-utility-background-hover)}.hover\:i-bg-\$color-card-background-hover:hover{background-color:var(--w-color-card-background-hover)}.hover\:i-bg-\$color-card-background-selected-hover:hover{background-color:var(--w-color-card-background-selected-hover)}.hover\:i-bg-\$color-card-flat-background-hover:hover{background-color:var(--w-color-card-flat-background-hover)}.hover\:i-bg-\$color-card-flat-background-selected-hover:hover{background-color:var(--w-color-card-flat-background-selected-hover)}.hover\:i-bg-\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover)}.hover\:i-bg-\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover)}.hover\:i-bg-\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover)}.hover\:i-bg-\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover)}.hover\:i-bg-\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover)}.hover\:i-bg-\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.hover\:i-bg-\$color-slider-handle-background-hover:hover{background-color:var(--w-color-slider-handle-background-hover)}.peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:i-bg-\$color-buttongroup-primary-background-hover{background-color:var(--w-color-buttongroup-primary-background-hover)}.peer:hover~.peer-hover\:before\:i-bg-\$color-radio-background-hover:before{background-color:var(--w-color-radio-background-hover)}.peer:hover~.peer-hover\:before\:i-bg-\$color-radio-negative-background-hover:before{background-color:var(--w-color-radio-negative-background-hover)}.focus\:i-bg-\$color-slider-handle-background-hover:focus{background-color:var(--w-color-slider-handle-background-hover)}.active\:i-bg-\$color-box-bordered-background-hover:active{background-color:var(--w-color-box-bordered-background-hover)}.active\:i-bg-\$color-box-info-background-hover:active{background-color:var(--w-color-box-info-background-hover)}.active\:i-bg-\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover)}.active\:i-bg-\$color-button-negative-background-active:active{background-color:var(--w-color-button-negative-background-active)}.active\:i-bg-\$color-button-negative-quiet-background-active:active{background-color:var(--w-color-button-negative-quiet-background-active)}.active\:i-bg-\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active)}.active\:i-bg-\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active)}.active\:i-bg-\$color-button-quiet-background-active:active{background-color:var(--w-color-button-quiet-background-active)}.active\:i-bg-\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active)}.active\:i-bg-\$color-buttongroup-utility-background-selected:active{background-color:var(--w-color-buttongroup-utility-background-selected)}.active\:i-bg-\$color-card-flat-background-active:active{background-color:var(--w-color-card-flat-background-active)}.active\:i-bg-\$color-pill-filter-background-active:active{background-color:var(--w-color-pill-filter-background-active)}.active\:i-bg-\$color-pill-suggestion-background-active:active{background-color:var(--w-color-pill-suggestion-background-active)}.active\:i-bg-\$color-slider-handle-background-active:active{background-color:var(--w-color-slider-handle-background-active)}.peer:disabled~.peer-disabled\:before\:i-bg-\$color-checkbox-background-disabled:before{background-color:var(--w-color-checkbox-background-disabled)}.peer:disabled~.peer-disabled\:before\:i-bg-\$color-radio-background-disabled:before{background-color:var(--w-color-radio-background-disabled)}.before\:i-bg-\$color-checkbox-background-disabled:before{background-color:var(--w-color-checkbox-background-disabled)}.before\:i-bg-\$color-checkbox-negative-background:before{background-color:var(--w-color-checkbox-negative-background)}.before\:i-bg-\$color-modal-backdrop-background:before{background-color:var(--w-color-modal-backdrop-background)}.before\:i-bg-\$color-radio-background-disabled:before{background-color:var(--w-color-radio-background-disabled)}.before\:i-bg-\$color-radio-negative-background:before{background-color:var(--w-color-radio-negative-background)}.i-text-\$color-alert-info-icon{color:var(--w-color-alert-info-icon)}.i-text-\$color-alert-info-text{color:var(--w-color-alert-info-text)}.i-text-\$color-alert-negative-icon{color:var(--w-color-alert-negative-icon)}.i-text-\$color-alert-negative-text{color:var(--w-color-alert-negative-text)}.i-text-\$color-alert-positive-icon{color:var(--w-color-alert-positive-icon)}.i-text-\$color-alert-positive-text{color:var(--w-color-alert-positive-text)}.i-text-\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon)}.i-text-\$color-alert-warning-text{color:var(--w-color-alert-warning-text)}.i-text-\$color-badge-disabled-text{color:var(--w-color-badge-disabled-text)}.i-text-\$color-badge-info-text{color:var(--w-color-badge-info-text)}.i-text-\$color-badge-negative-text{color:var(--w-color-badge-negative-text)}.i-text-\$color-badge-neutral-text{color:var(--w-color-badge-neutral-text)}.i-text-\$color-badge-notification-text{color:var(--w-color-badge-notification-text)}.i-text-\$color-badge-positive-text{color:var(--w-color-badge-positive-text)}.i-text-\$color-badge-price-text{color:var(--w-color-badge-price-text)}.i-text-\$color-badge-warning-text{color:var(--w-color-badge-warning-text)}.i-text-\$color-box-bordered-text{color:var(--w-color-box-bordered-text)}.i-text-\$color-box-info-text{color:var(--w-color-box-info-text)}.i-text-\$color-box-neutral-text{color:var(--w-color-box-neutral-text)}.i-text-\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon)}.i-text-\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text)}.i-text-\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text)}.i-text-\$color-button-disabled-text{color:var(--w-color-button-disabled-text)}.i-text-\$color-button-link-text{color:var(--w-color-button-link-text)}.i-text-\$color-button-loading-text{color:var(--w-color-button-loading-text)}.i-text-\$color-button-negative-quiet-text{color:var(--w-color-button-negative-quiet-text)}.i-text-\$color-button-negative-text{color:var(--w-color-button-negative-text)}.i-text-\$color-button-pill-icon{color:var(--w-color-button-pill-icon)}.i-text-\$color-button-primary-text{color:var(--w-color-button-primary-text)}.i-text-\$color-button-quiet-text{color:var(--w-color-button-quiet-text)}.i-text-\$color-button-secondary-text{color:var(--w-color-button-secondary-text)}.i-text-\$color-button-utility-quiet-text{color:var(--w-color-button-utility-quiet-text)}.i-text-\$color-button-utility-text{color:var(--w-color-button-utility-text)}.i-text-\$color-buttongroup-primary-text{color:var(--w-color-buttongroup-primary-text)}.i-text-\$color-buttongroup-utility-text{color:var(--w-color-buttongroup-utility-text)}.i-text-\$color-buttongroup-utility-text-selected\!{color:var(--w-color-buttongroup-utility-text-selected)!important}.i-text-\$color-callout-text{color:var(--w-color-callout-text)}.i-text-\$color-expandable-icon{color:var(--w-color-expandable-icon)}.i-text-\$color-expandable-title-text{color:var(--w-color-expandable-title-text)}.i-text-\$color-helptext-text{color:var(--w-color-helptext-text)}.i-text-\$color-helptext-text-negative{color:var(--w-color-helptext-text-negative)}.i-text-\$color-helptext-text-positive{color:var(--w-color-helptext-text-positive)}.i-text-\$color-input-text-disabled{color:var(--w-color-input-text-disabled)}.i-text-\$color-input-text-filled{color:var(--w-color-input-text-filled)}.i-text-\$color-input-text-negative\!{color:var(--w-color-input-text-negative)!important}.i-text-\$color-input-text-read-only{color:var(--w-color-input-text-read-only)}.i-text-\$color-label-optional-text{color:var(--w-color-label-optional-text)}.i-text-\$color-label-text{color:var(--w-color-label-text)}.i-text-\$color-label-text-negative{color:var(--w-color-label-text-negative)}.i-text-\$color-pill-filter-text{color:var(--w-color-pill-filter-text)}.i-text-\$color-pill-suggestion-text{color:var(--w-color-pill-suggestion-text)}.i-text-\$color-popover-paragraph-text{color:var(--w-color-popover-paragraph-text)}.i-text-\$color-select-icon{color:var(--w-color-select-icon)}.i-text-\$color-select-text{color:var(--w-color-select-text)}.i-text-\$color-select-text-disabled{color:var(--w-color-select-text-disabled)}.i-text-\$color-stepindicator-handle-icon{color:var(--w-color-stepindicator-handle-icon)}.i-text-\$color-tabs-text{color:var(--w-color-tabs-text)}.i-text-\$color-tabs-text-selected{color:var(--w-color-tabs-text-selected)}.i-text-\$color-toast-close-icon{color:var(--w-color-toast-close-icon)}.i-text-\$color-toast-negative-icon{color:var(--w-color-toast-negative-icon)}.i-text-\$color-toast-negative-text{color:var(--w-color-toast-negative-text)}.i-text-\$color-toast-positive-icon{color:var(--w-color-toast-positive-icon)}.i-text-\$color-toast-positive-text{color:var(--w-color-toast-positive-text)}.i-text-\$color-toast-warning-icon{color:var(--w-color-toast-warning-icon)}.i-text-\$color-toast-warning-text{color:var(--w-color-toast-warning-text)}.i-text-\$color-tooltip-text{color:var(--w-color-tooltip-text)}.peer:checked~.peer-checked\:i-text-\$color-buttongroup-primary-text-selected{color:var(--w-color-buttongroup-primary-text-selected)}.hover\:i-text-\$color-button-negative-text:hover{color:var(--w-color-button-negative-text)}.hover\:i-text-\$color-button-pill-icon-hover:hover{color:var(--w-color-button-pill-icon-hover)}.hover\:i-text-\$color-button-primary-text:hover{color:var(--w-color-button-primary-text)}.hover\:i-text-\$color-button-secondary-text:hover{color:var(--w-color-button-secondary-text)}.hover\:i-text-\$color-button-utility-text:hover{color:var(--w-color-button-utility-text)}.hover\:i-text-\$color-tabs-text-hover:hover{color:var(--w-color-tabs-text-hover)}.hover\:i-text-\$color-toast-close-icon-hover:hover{color:var(--w-color-toast-close-icon-hover)}.active\:i-text-\$color-button-pill-icon-active:active{color:var(--w-color-button-pill-icon-active)}.active\:i-text-\$color-buttongroup-utility-text-selected:active{color:var(--w-color-buttongroup-utility-text-selected)}.active\:i-text-\$color-toast-close-icon-active:active{color:var(--w-color-toast-close-icon-active)}.placeholder\:i-text-\$color-input-text-placeholder::placeholder{color:var(--w-color-input-text-placeholder)}.before\:i-text-\$color-checkbox-icon:before{color:var(--w-color-checkbox-icon)}.i-border-\$color-alert-info-subtle-border{border-color:var(--w-color-alert-info-subtle-border)}.i-border-\$color-alert-negative-subtle-border{border-color:var(--w-color-alert-negative-subtle-border)}.i-border-\$color-alert-positive-subtle-border{border-color:var(--w-color-alert-positive-subtle-border)}.i-border-\$color-alert-warning-subtle-border{border-color:var(--w-color-alert-warning-subtle-border)}.i-border-\$color-badge-disabled-background{border-color:var(--w-color-badge-disabled-background)}.i-border-\$color-badge-info-background{border-color:var(--w-color-badge-info-background)}.i-border-\$color-badge-negative-background{border-color:var(--w-color-badge-negative-background)}.i-border-\$color-badge-neutral-background{border-color:var(--w-color-badge-neutral-background)}.i-border-\$color-badge-positive-background{border-color:var(--w-color-badge-positive-background)}.i-border-\$color-badge-price-background{border-color:var(--w-color-badge-price-background)}.i-border-\$color-badge-warning-background{border-color:var(--w-color-badge-warning-background)}.i-border-\$color-box-bordered-border{border-color:var(--w-color-box-bordered-border)}.i-border-\$color-button-secondary-border{border-color:var(--w-color-button-secondary-border)}.i-border-\$color-button-utility-border{border-color:var(--w-color-button-utility-border)}.i-border-\$color-buttongroup-primary-border{border-color:var(--w-color-buttongroup-primary-border)}.i-border-\$color-card-border{border-color:var(--w-color-card-border)}.i-border-\$color-card-border-selected{border-color:var(--w-color-card-border-selected)}.i-border-\$color-card-flat-border{border-color:var(--w-color-card-flat-border)}.i-border-\$color-card-flat-border-selected{border-color:var(--w-color-card-flat-border-selected)}.i-border-\$color-checkbox-border{border-color:var(--w-color-checkbox-border)}.i-border-\$color-input-border{border-color:var(--w-color-input-border)}.i-border-\$color-input-border-disabled{border-color:var(--w-color-input-border-disabled)}.i-border-\$color-input-border-negative{border-color:var(--w-color-input-border-negative)}.i-border-\$color-popover-background{border-color:var(--w-color-popover-background)}.i-border-\$color-radio-border{border-color:var(--w-color-radio-border)}.i-border-\$color-select-border{border-color:var(--w-color-select-border)}.i-border-\$color-select-border-disabled{border-color:var(--w-color-select-border-disabled)}.i-border-\$color-select-border-negative{border-color:var(--w-color-select-border-negative)}.i-border-\$color-slider-handle-border{border-color:var(--w-color-slider-handle-border)}.i-border-\$color-stepindicator-handle-border{border-color:var(--w-color-stepindicator-handle-border)}.i-border-\$color-stepindicator-handle-border-active{border-color:var(--w-color-stepindicator-handle-border-active)}.i-border-\$color-tabs-border{border-color:var(--w-color-tabs-border)}.i-border-\$color-tabs-border-selected{border-color:var(--w-color-tabs-border-selected)}.i-border-\$color-toast-negative-subtle-border{border-color:var(--w-color-toast-negative-subtle-border)}.i-border-\$color-toast-positive-subtle-border{border-color:var(--w-color-toast-positive-subtle-border)}.i-border-\$color-toast-warning-subtle-border{border-color:var(--w-color-toast-warning-subtle-border)}.i-border-\$color-tooltip-background{border-color:var(--w-color-tooltip-background)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-checkbox-border-selected-hover:before{border-color:var(--w-color-checkbox-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-checkbox-negative-border-selected-hover:before{border-color:var(--w-color-checkbox-negative-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-border-selected-hover:before{border-color:var(--w-color-radio-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-negative-border-hover:before{border-color:var(--w-color-radio-negative-border-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-negative-border-selected-hover:before{border-color:var(--w-color-radio-negative-border-selected-hover)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-border-selected-disabled:before{border-color:var(--w-color-checkbox-border-selected-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-border-selected:before{border-color:var(--w-color-checkbox-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-negative-border-selected:before{border-color:var(--w-color-checkbox-negative-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-negative-border:before{border-color:var(--w-color-checkbox-negative-border)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-disabled:before{border-color:var(--w-color-radio-border-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-selected-disabled:before{border-color:var(--w-color-radio-border-selected-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-selected:before{border-color:var(--w-color-radio-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-negative-border-selected:before{border-color:var(--w-color-radio-negative-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-negative-border:before{border-color:var(--w-color-radio-negative-border)}.peer:checked~.peer-checked\:i-border-\$color-buttongroup-primary-border-selected{border-color:var(--w-color-buttongroup-primary-border-selected)}.peer:indeterminate~.peer-indeterminate\:before\:i-border-\$color-checkbox-border-selected:before{border-color:var(--w-color-checkbox-border-selected)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:i-border-\$color-checkbox-border-hover:hover:before{border-color:var(--w-color-checkbox-border-hover)}.hover\:before\:i-border-\$color-checkbox-border-hover:hover:before{border-color:var(--w-color-checkbox-border-hover)}.hover\:before\:i-border-\$color-checkbox-negative-border-hover:hover:before{border-color:var(--w-color-checkbox-negative-border-hover)}.hover\:i-border-\$color-box-bordered-border-hover:hover{border-color:var(--w-color-box-bordered-border-hover)}.hover\:i-border-\$color-button-secondary-border-hover:hover{border-color:var(--w-color-button-secondary-border-hover)}.hover\:i-border-\$color-button-utility-border-hover:hover{border-color:var(--w-color-button-utility-border-hover)}.hover\:i-border-\$color-card-border-selected-hover:hover{border-color:var(--w-color-card-border-selected-hover)}.hover\:i-border-\$color-card-flat-border-hover:hover{border-color:var(--w-color-card-flat-border-hover)}.hover\:i-border-\$color-card-flat-border-selected-hover:hover{border-color:var(--w-color-card-flat-border-selected-hover)}.hover\:i-border-\$color-input-border-disabled\!:hover{border-color:var(--w-color-input-border-disabled)!important}.hover\:i-border-\$color-input-border-hover:hover{border-color:var(--w-color-input-border-hover)}.hover\:i-border-\$color-select-border-disabled\!:hover{border-color:var(--w-color-select-border-disabled)!important}.hover\:i-border-\$color-select-border-hover:hover{border-color:var(--w-color-select-border-hover)}.hover\:i-border-\$color-slider-handle-border-hover:hover{border-color:var(--w-color-slider-handle-border-hover)}.hover\:i-border-\$color-tabs-border-hover:hover{border-color:var(--w-color-tabs-border-hover)}.peer:hover~.peer-hover\:before\:i-border-\$color-radio-border-hover:before{border-color:var(--w-color-radio-border-hover)}.peer:hover~.peer-hover\:before\:i-border-\$color-radio-negative-border-hover:before{border-color:var(--w-color-radio-negative-border-hover)}.focus\:i-border-\$color-slider-handle-border-hover:focus{border-color:var(--w-color-slider-handle-border-hover)}.active\:i-border-\$color-box-bordered-border-hover:active{border-color:var(--w-color-box-bordered-border-hover)}.active\:i-border-\$color-button-utility-border-active:active{border-color:var(--w-color-button-utility-border-active)}.active\:i-border-\$color-buttongroup-utility-border-selected:active{border-color:var(--w-color-buttongroup-utility-border-selected)}.active\:i-border-\$color-card-border-selected-active:active{border-color:var(--w-color-card-border-selected-active)}.active\:i-border-\$color-card-flat-border-active:active{border-color:var(--w-color-card-flat-border-active)}.active\:i-border-\$color-card-flat-border:active{border-color:var(--w-color-card-flat-border)}.active\:i-border-\$color-input-border-active:active{border-color:var(--w-color-input-border-active)}.active\:i-border-\$color-select-border-active:active{border-color:var(--w-color-select-border-active)}.active\:i-border-\$color-select-border-disabled\!:active{border-color:var(--w-color-select-border-disabled)!important}.active\:i-border-\$color-slider-handle-border-active:active{border-color:var(--w-color-slider-handle-border-active)}.before\:i-border-\$color-checkbox-border-disabled:before{border-color:var(--w-color-checkbox-border-disabled)}.before\:i-border-\$color-radio-border-disabled:before{border-color:var(--w-color-radio-border-disabled)}.before\:i-border-\$color-radio-negative-border:before{border-color:var(--w-color-radio-negative-border)}.i-shadow-\$shadow-buttongroup{box-shadow:var(--w-shadow-buttongroup)}.i-shadow-\$shadow-card{box-shadow:var(--w-shadow-card)}.i-shadow-\$shadow-combobox{box-shadow:var(--w-shadow-combobox)}.i-shadow-\$shadow-modal{box-shadow:var(--w-shadow-modal)}.i-shadow-\$shadow-slider,.shadow-\[--w-shadow-slider\]{box-shadow:var(--w-shadow-slider)}.i-shadow-\$shadow-switch-handle{box-shadow:var(--w-shadow-switch-handle)}.i-shadow-\$shadow-tooltip{box-shadow:var(--w-shadow-tooltip)}.hover\:i-shadow-\$shadow-card-hover:hover{box-shadow:var(--w-shadow-card-hover)}.i-border-l-\$color-alert-info-border{border-left-color:var(--w-color-alert-info-border)}.i-border-l-\$color-alert-negative-border{border-left-color:var(--w-color-alert-negative-border)}.i-border-l-\$color-alert-positive-border{border-left-color:var(--w-color-alert-positive-border)}.i-border-l-\$color-alert-warning-border{border-left-color:var(--w-color-alert-warning-border)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.list-none{list-style-type:none}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.before\:items-center:before{align-items:center}.self-center{align-self:center}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.-bottom-0{bottom:-0rem}.bottom-0{bottom:0rem}.bottom-10{bottom:1rem}.bottom-16{bottom:1.6rem}.left-0{left:0rem}.left-4{left:.4rem}.left-8{left:.8rem}.right-0{right:0rem}.right-16{right:1.6rem}.top-0{top:0rem}.top-20{top:2rem}.top-4{top:.4rem}.before\:bottom-0:before{bottom:0rem}.before\:left-0:before{left:0rem}.before\:right-0:before{right:0rem}.before\:top-0:before{top:0rem}.before\:top-2:before{top:.2rem}.-bottom-\[8px\]{bottom:-8px}.-left-\[8px\]{left:-8px}.-right-\[8px\]{right:-8px}.-top-\[8px\]{top:-8px}.top-\[19px\]{top:19px}.top-\[30\%\]{top:30%}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.before\:justify-center:before{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.before\:absolute:before{position:absolute}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.peer:checked~.peer-checked\:z-10{z-index:10}.hover\:z-30:hover{z-index:30}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-primary,.peer:checked~.peer-checked\:s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-negative-hover:before{background-color:var(--w-s-color-background-negative-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-primary-hover:before{background-color:var(--w-s-color-background-primary-hover)}.peer:checked~.peer-checked\:before\:s-bg-disabled:before{background-color:var(--w-s-color-background-disabled)}.peer:checked~.peer-checked\:before\:s-bg-negative:before{background-color:var(--w-s-color-background-negative)}.peer:checked~.peer-checked\:before\:s-bg-primary:before{background-color:var(--w-s-color-background-primary)}.peer:indeterminate~.peer-indeterminate\:before\:s-bg-primary:before{background-color:var(--w-s-color-background-primary)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-bg-primary-hover:hover:before{background-color:var(--w-s-color-background-primary-hover)}.group:hover .group-hover\:s-bg-primary-hover{background-color:var(--w-s-color-background-primary-hover)}.hover\:before\:s-bg-negative-subtle-hover:hover:before{background-color:var(--w-s-color-background-negative-subtle-hover)}.hover\:before\:s-bg-subtle:hover:before{background-color:var(--w-s-color-background-subtle)}.hover\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\:s-bg-info-subtle-hover:hover{background-color:var(--w-s-color-background-info-subtle-hover)}.hover\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.hover\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.hover\:s-bg-primary-subtle-hover:hover{background-color:var(--w-s-color-background-primary-subtle-hover)}.hover\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.hover\:s-bg-subtle-hover:hover{background-color:var(--w-s-color-background-subtle-hover)}.peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:s-bg-hover{background-color:var(--w-s-color-background-hover)}.peer:hover~.peer-hover\:before\:s-bg-negative-subtle:before{background-color:var(--w-s-color-background-negative-subtle)}.peer:hover~.peer-hover\:before\:s-bg-primary-subtle:before{background-color:var(--w-s-color-background-primary-subtle)}.focus\:s-bg-primary-hover:focus{background-color:var(--w-s-color-background-primary-hover)}.active\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\:s-bg-hover:active{background-color:var(--w-s-color-background-hover)}.active\:s-bg-info-subtle-hover:active{background-color:var(--w-s-color-background-info-subtle-hover)}.active\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.active\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.active\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)}.active\:s-bg-subtle-hover:active{background-color:var(--w-s-color-background-subtle-hover)}.peer:disabled~.peer-disabled\:before\:s-bg-disabled-subtle:before{background-color:var(--w-s-color-background-disabled-subtle)}.before\:s-bg:before{background-color:var(--w-s-color-background)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-inverted,.peer:checked~.peer-checked\:s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-negative\!{color:var(--w-s-color-text-negative)!important}.s-text-positive{color:var(--w-s-color-text-positive)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-text\!{color:var(--w-s-color-text)!important}.hover\:s-text-link:hover{color:var(--w-s-color-text-link)}.active\:s-text:active{color:var(--w-s-color-text)}.placeholder\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder)}.s-icon{color:var(--w-s-color-icon)}.s-icon-info{color:var(--w-s-color-icon-info)}.s-icon-inverted{color:var(--w-s-color-icon-inverted)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\:s-icon-active:active{color:var(--w-s-color-icon-active)}.before\:s-icon-inverted:before{color:var(--w-s-color-icon-inverted)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle)}.s-border-l-info{border-left-color:var(--w-s-color-border-info)}.s-border-l-negative{border-left-color:var(--w-s-color-border-negative)}.s-border-l-positive{border-left-color:var(--w-s-color-border-positive)}.s-border-l-warning{border-left-color:var(--w-s-color-border-warning)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-primary,.peer:checked~.peer-checked\:s-border-primary{border-color:var(--w-s-color-border-primary)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-negative-hover:before{border-color:var(--w-s-color-border-negative-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-primary-hover:before{border-color:var(--w-s-color-border-primary-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-selected-hover:before{border-color:var(--w-s-color-border-selected-hover)}.peer:checked~.peer-checked\:before\:s-border-disabled:before{border-color:var(--w-s-color-border-disabled)}.peer:checked~.peer-checked\:before\:s-border-negative:before{border-color:var(--w-s-color-border-negative)}.peer:checked~.peer-checked\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.peer:checked~.peer-checked\:before\:s-border-selected:before{border-color:var(--w-s-color-border-selected)}.peer:indeterminate~.peer-indeterminate\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-border-primary:hover:before{border-color:var(--w-s-color-border-primary)}.hover\:before\:s-border-negative-hover:hover:before{border-color:var(--w-s-color-border-negative-hover)}.hover\:before\:s-border-primary:hover:before{border-color:var(--w-s-color-border-primary)}.hover\:s-border-disabled\!:hover{border-color:var(--w-s-color-border-disabled)!important}.hover\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\:s-border-primary-hover:hover{border-color:var(--w-s-color-border-primary-hover)}.hover\:s-border-primary:hover{border-color:var(--w-s-color-border-primary)}.hover\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover)}.peer:hover~.peer-hover\:before\:s-border-negative-hover:before{border-color:var(--w-s-color-border-negative-hover)}.peer:hover~.peer-hover\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.focus\:s-border-primary-hover:focus{border-color:var(--w-s-color-border-primary-hover)}.active\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\:s-border-disabled\!:active{border-color:var(--w-s-color-border-disabled)!important}.active\:s-border-hover:active{border-color:var(--w-s-color-border-hover)}.active\:s-border-primary-active:active{border-color:var(--w-s-color-border-primary-active)}.active\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active)}.active\:s-border-selected:active{border-color:var(--w-s-color-border-selected)}.active\:s-border:active{border-color:var(--w-s-color-border)}.before\:s-border-disabled:before{border-color:var(--w-s-color-border-disabled)}.before\:s-border-negative:before{border-color:var(--w-s-color-border-negative)}.drop-shadow-m{filter:drop-shadow(rgba(64,64,64,.24) 0 3px 8px) drop-shadow(rgba(64,64,64,.16) 0 3px 6px)}.shadow-m{box-shadow:var(--w-shadow-m)}.shadow-s{box-shadow:var(--w-shadow-s)}.hover\:shadow-m:hover{box-shadow:var(--w-shadow-m)}.hover\:shadow-\[--w-shadow-slider-handle-hover\]:hover{box-shadow:var(--w-shadow-slider-handle-hover)}.focus\:shadow-\[--w-shadow-slider-handle-hover\]:focus{box-shadow:var(--w-shadow-slider-handle-hover)}.active\:shadow-\[--w-shadow-slider-handle-active\]:active{box-shadow:var(--w-shadow-slider-handle-active)}.h-0{height:0rem}.h-16{height:1.6rem}.h-2{height:.2rem}.h-20{height:2rem}.h-24{height:2.4rem}.h-4{height:.4rem}.h-40{height:4rem}.h-44{height:4.4rem}.h-6{height:.6rem}.h-8{height:.8rem}.h-full{height:100%}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.min-h-32{min-height:3.2rem}.min-h-40{min-height:4rem}.min-w-16{min-width:1.6rem}.min-w-32{min-width:3.2rem}.w-16{width:1.6rem}.w-2{width:.2rem}.w-20{width:2rem}.w-24{width:2.4rem}.w-32{width:3.2rem}.w-40{width:4rem}.w-44{width:4.4rem}.w-8{width:.8rem}.w-full{width:100%}.w-max{width:max-content}.before\:h-20:before{height:2rem}.before\:h-full:before{height:100%}.before\:w-20:before{width:2rem}.before\:w-32:before{width:3.2rem}.h-\[--w-modal-height\]{height:var(--w-modal-height)}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.max-h-\[--w-modal-max-height\]{max-height:var(--w-modal-max-height)}.min-h-\[--w-modal-min-height\]{min-height:var(--w-modal-min-height)}.min-h-\[32px\]{min-height:32px}.min-h-\[42\]{min-height:4.2rem}.min-h-\[44px\]{min-height:44px}.min-w-\[32px\]{min-width:32px}.min-w-\[44px\]{min-width:44px}.w-\[--w-modal-width\]{width:var(--w-modal-width)}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.hover\:slider-handle-shadow-hover:hover{box-shadow:0 0 0 6px #00000014}.focus\:slider-handle-shadow-hover:focus{box-shadow:0 0 0 6px #00000014}.active\:slider-handle-shadow-active:active{box-shadow:0 0 0 8px #00000014}.space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(.8rem * calc(1 - var(--w-space-x-reverse)));margin-right:calc(.8rem * var(--w-space-x-reverse))}.space-y-16>:not([hidden])~:not([hidden]){--w-space-y-reverse:0;margin-top:calc(1.6rem * calc(1 - var(--w-space-y-reverse)));margin-bottom:calc(1.6rem * var(--w-space-y-reverse))}.m-0{margin:0rem}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.mx-0{margin-left:0rem;margin-right:0rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-1{margin-bottom:-.1rem}.-ml-8{margin-left:-.8rem}.-mr-1{margin-right:-.1rem}.-mr-8{margin-right:-.8rem}.-mt-2{margin-top:-.2rem}.-mt-4{margin-top:-.4rem}.last-child\:mb-0>:last-child,.mb-0{margin-bottom:0rem}.mb-32{margin-bottom:3.2rem}.ml-8{margin-left:.8rem}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.mt-4{margin-top:.4rem}.group:not(:first-child) .group-not-first\:-ml-2{margin-left:-.2rem}.last\:mb-0:last-child{margin-bottom:0rem}.last\:mr-0:last-child{margin-right:0rem}.m-\[8px\]{margin:8px}.p-0{padding:0rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.p-8{padding:.8rem}.px-0{padding-left:0rem;padding-right:0rem}.px-1{padding-left:.1rem;padding-right:.1rem}.px-12{padding-left:1.2rem;padding-right:1.2rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-4{padding-left:.4rem;padding-right:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-0{padding-top:0rem;padding-bottom:0rem}.py-1{padding-top:.1rem;padding-bottom:.1rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.py-8\!{padding-top:.8rem!important;padding-bottom:.8rem!important}.pb-0{padding-bottom:0rem}.pb-32{padding-bottom:3.2rem}.pb-4{padding-bottom:.4rem}.pb-6{padding-bottom:.6rem}.pb-8{padding-bottom:.8rem}.pl-0{padding-left:0rem}.pl-1{padding-left:.1rem}.pl-12{padding-left:1.2rem}.pl-28{padding-left:2.8rem}.pl-4{padding-left:.4rem}.pl-40{padding-left:4rem}.pl-8{padding-left:.8rem}.pr-12{padding-right:1.2rem}.pr-14{padding-right:1.4rem}.pr-2{padding-right:.2rem}.pr-32{padding-right:3.2rem}.pr-40{padding-right:4rem}.pt-0{padding-top:0rem}.pt-1{padding-top:.1rem}.pt-4{padding-top:.4rem}.pt-8{padding-top:.8rem}.group\/step:last-child .group-last\/step\:last\:pb-0:last-child{padding-bottom:0rem}.last\:pb-1:last-child{padding-bottom:.1rem}.last\:pr-1:last-child{padding-right:.1rem}.p-\[8px\]{padding:8px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[8px\]\!{padding-left:8px!important;padding-right:8px!important}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[5px\]\!{padding-top:5px!important;padding-bottom:5px!important}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.invisible{visibility:hidden}.backface-hidden{backface-visibility:hidden}.break-words{overflow-wrap:break-word}.before\:content-\[\"-\"\]:before{content:"-"}.before\:content-\[\"\"\]:before{content:""}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.before\:font-bold:before{font-weight:700}.font-normal{font-weight:400}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.before\:pointer-events-none:before{pointer-events:none}.pb-safe-\[32\]{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.touch-pan-y{touch-action:pan-y}.select-none{-webkit-user-select:none;user-select:none}.translate-x-20{--w-translate-x:2rem;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.translate-z-0{--w-translate-z:0rem;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.-rotate-180,.part-\[w-icon-chevron-down-16-part\]\:-rotate-180::part(w-icon-chevron-down-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-up-16-part\]\:rotate-180::part(w-icon-chevron-up-16-part),.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.rotate-90{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:90deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform::part(w-icon-chevron-up-16-part),.transform{transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform-gpu::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform-gpu::part(w-icon-chevron-up-16-part),.transform-gpu{transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transition-transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transition-transform::part(w-icon-chevron-up-16-part),.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-300{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:transition-all:before{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out,.part-\[w-icon-chevron-down-16-part\]\:ease-in-out::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:ease-in-out::part(w-icon-chevron-up-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-m\!{font-size:var(--w-font-size-m)!important;line-height:var(--w-line-height-m)!important}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}.leading-\[24\]{line-height:2.4rem}@media (min-width: 480px){.sm\:border-b-0{border-bottom-width:0}.sm\:rounded-8{border-radius:8px}.sm\:rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sm\:gap-16{gap:1.6rem}.sm\:place-content-center{place-content:center}.sm\:place-items-center{place-items:center}.sm\:h-24{height:2.4rem}.sm\:h-48{height:4.8rem}.sm\:min-h-48{min-height:4.8rem}.sm\:w-24{width:2.4rem}.sm\:min-h-\[44px\]{min-height:44px}.sm\:min-h-\[45\]{min-height:4.5rem}.sm\:min-w-\[44px\]{min-width:44px}.sm\:mx-0{margin-left:0rem;margin-right:0rem}.sm\:mx-16{margin-left:1.6rem;margin-right:1.6rem}.sm\:-ml-12{margin-left:-1.2rem}.sm\:-mr-12{margin-right:-1.2rem}.sm\:-mt-8{margin-top:-.8rem}.sm\:px-0{padding-left:0rem;padding-right:0rem}.sm\:px-32{padding-left:3.2rem;padding-right:3.2rem}.sm\:py-0{padding-top:0rem;padding-bottom:0rem}.sm\:pb-32{padding-bottom:3.2rem}.sm\:pt-32{padding-top:3.2rem}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}}
|
|
1
|
+
*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.h4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}@media (min-width: 480px){.sm\:h3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}}.text-center{text-align:center}.before\:text-center:before{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.animate-inprogress{background-image:linear-gradient(135deg,rgba(0,0,0,.05) 25%,transparent 0,transparent 50%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 75%,transparent 0,transparent)!important;background-size:30px 30px;animation:animate-inprogress 3s linear infinite}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 0}}.\[--w-modal-max-height\:80\%\]{--w-modal-max-height:80%}.\[--w-modal-width\:640px\]{--w-modal-width:640px}.focus\:\[--w-outline-offset\:-2px\]:focus{--w-outline-offset:-2px}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.peer:checked~.peer-checked\:before\:bg-center:before{background-position:center}.hover\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent,.group\/steph:first-child .group-first\/steph\:bg-transparent,.group\/steph:last-child .group-last\/steph\:bg-transparent{background-color:transparent}.bg-\[--w-black-alpha25\]{background-color:var(--w-black-alpha25)}.bg-\[--w-black\/25\]{background-color:rgba(var(--w-rgb-black),.25)}.bg-\[--w-black\/70\]{background-color:rgba(var(--w-rgb-black),.7)}.bg-\[--w-color-badge-info-background\],.i-bg-\$color-badge-info-background{background-color:var(--w-color-badge-info-background)}.bg-\[--w-color-badge-negative-background\],.i-bg-\$color-badge-negative-background{background-color:var(--w-color-badge-negative-background)}.bg-\[--w-color-badge-neutral-background\],.i-bg-\$color-badge-neutral-background{background-color:var(--w-color-badge-neutral-background)}.bg-\[--w-color-badge-positive-background\],.i-bg-\$color-badge-positive-background{background-color:var(--w-color-badge-positive-background)}.bg-\[--w-color-badge-price-background\],.i-bg-\$color-badge-price-background{background-color:var(--w-color-badge-price-background)}.bg-\[--w-color-badge-sponsored-background\]{background-color:var(--w-color-badge-sponsored-background)}.bg-\[--w-color-badge-warning-background\],.i-bg-\$color-badge-warning-background{background-color:var(--w-color-badge-warning-background)}.bg-\[--w-color-button-primary-background\],.i-bg-\$color-button-primary-background{background-color:var(--w-color-button-primary-background)}.bg-\[--w-color-buttongroup-utility-background-selected\]\!,.i-bg-\$color-buttongroup-utility-background-selected\!{background-color:var(--w-color-buttongroup-utility-background-selected)!important}.bg-\[--w-color-callout-background\],.i-bg-\$color-callout-background{background-color:var(--w-color-callout-background)}.bg-\[--w-color-switch-track-background\],.i-bg-\$color-switch-track-background{background-color:var(--w-color-switch-track-background)}.bg-\[--w-s-icon-disabled\]{background-color:var(--w-s-icon-disabled)}.bg-\[--w-s-icon-selected\]{background-color:var(--w-s-icon-selected)}.group:hover .group-hover\:bg-\[--w-color-switch-track-background-hover\],.group:hover .group-hover\:i-bg-\$color-switch-track-background-hover{background-color:var(--w-color-switch-track-background-hover)}.hover\:bg-\[--w-color-button-pill-background-hover\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\:bg-\[--w-color-button-primary-background-hover\]:hover{background-color:var(--w-color-button-primary-background-hover)}.hover\:bg-\[--w-color-buttongroup-utility-background-hover\]:hover{background-color:var(--w-color-buttongroup-utility-background-hover)}.hover\:bg-\[--w-s-icon-subtle\]:hover{background-color:var(--w-s-icon-subtle)}.active\:bg-\[--w-color-button-pill-background-active\]:active{background-color:var(--w-color-button-pill-background-active)}.active\:bg-\[--w-color-button-primary-background-active\]:active{background-color:var(--w-color-button-primary-background-active)}.active\:bg-\[--w-color-buttongroup-utility-background-selected\]:active{background-color:var(--w-color-buttongroup-utility-background-selected)}.before\:bg-\[url\(var\(--w-form-check-mark\)\)\]:before{background-image:var(--w-form-check-mark)}.appearance-none{-moz-appearance:none;appearance:none;-webkit-appearance:none}.will-change-height{will-change:height}.border,.border-1{border-width:1px}.border-b{border-bottom-width:1px}.before\:border:before{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-r-0,.group:not(:last-of-type) .group-not-last-of-type\:border-r-0{border-right-width:0}.peer:checked~.peer-checked\:before\:border-\[6\]:before{border-width:.6rem}.border-transparent{border-color:transparent}.border-\[--w-color-buttongroup-utility-border-selected\],.i-border-\$color-buttongroup-utility-border-selected{border-color:var(--w-color-buttongroup-utility-border-selected)}.border-\[--w-color-buttongroup-utility-border\],.i-border-\$color-buttongroup-utility-border{border-color:var(--w-color-buttongroup-utility-border)}.border-\[--w-color-callout-border\],.i-border-\$color-callout-border{border-color:var(--w-color-callout-border)}.border-\[--w-s-color-background-inverted\]{border-color:var(--w-s-color-background-inverted)}.border-\[--w-s-color-background\]{border-color:var(--w-s-color-background)}.active\:border-\[--w-color-buttongroup-utility-border-selected\]:active{border-color:var(--w-color-buttongroup-utility-border-selected)}.divide-x>*+*{--w-divide-x-reverse:0;border-left-width:calc(1px * calc(1 - var(--w-divide-x-reverse)));border-right-width:calc(1px * var(--w-divide-x-reverse))}.divide-y>*+*{--w-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--w-divide-y-reverse)));border-bottom-width:calc(1px * var(--w-divide-y-reverse))}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.before\:rounded-2:before{border-radius:2px}.before\:rounded-full:before{border-radius:9999px}.rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-tl-0{border-top-left-radius:0}.rounded-tl-4{border-top-left-radius:4px}.rounded-tr-0{border-top-right-radius:0}.group:first-of-type .group-first-of-type\:rounded-bl-8{border-bottom-left-radius:8px}.group:first-of-type .group-first-of-type\:rounded-tl-8{border-top-left-radius:8px}.first\:rounded-lb-4:first-child{border-bottom-left-radius:4px}.first\:rounded-lt-4:first-child{border-top-left-radius:4px}.first\:rounded-rt-4:first-child{border-top-right-radius:4px}.group:last-of-type .group-last-of-type\:rounded-br-8{border-bottom-right-radius:8px}.group:last-of-type .group-last-of-type\:rounded-tr-8{border-top-right-radius:8px}.last\:rounded-lb-4:last-child{border-bottom-left-radius:4px}.last\:rounded-rb-4:last-child{border-bottom-right-radius:4px}.last\:rounded-rt-4:last-child{border-top-right-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:25%}.before\:opacity-25:before{opacity:25%}.block{display:block}.before\:block:before{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.flex\!{display:flex!important}.before\:flex\!:before{display:flex!important}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden,.group\/stepv:last-child .group-last\/stepv\:hidden{display:none}.before\:hidden:before{display:none}.hover\:underline:hover{text-decoration-line:underline}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.active\:underline:active{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration:none}.focus\:no-underline:focus{text-decoration:none}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow,.grow-1{flex-grow:1}.basis-auto{flex-basis:auto}.flex-col{flex-direction:column}.focus-within\:focusable:focus-within{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px)}.focusable:focus,.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px)}.focusable:not(:focus-visible){outline:none}.peer:focus~.peer-focus\:focusable,.peer:focus-visible~.peer-focus\:focusable{outline:2px solid var(--w-s-color-border-focused, var(--w-s-color-focused));outline-offset:var(--w-outline-offset, 1px)}.peer:not(:focus-visible)~.peer-focus\:focusable{outline:none}.focusable-inset{--w-outline-offset:-3px}.gap-8{gap:.8rem}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.auto-rows-auto{grid-auto-rows:auto}.grid-flow-col{grid-auto-flow:column}.grid-rows-\[20px_auto\]{grid-template-rows:20px auto}.grid-rows-\[auto_20px\]{grid-template-rows:auto 20px}.grid-cols-\[1fr_20px_1fr\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\[1fr_20px\]{grid-template-columns:1fr 20px}.grid-cols-\[20px_1fr\]{grid-template-columns:20px 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.i-bg-\$color-alert-info-background{background-color:var(--w-color-alert-info-background)}.i-bg-\$color-alert-negative-background{background-color:var(--w-color-alert-negative-background)}.i-bg-\$color-alert-positive-background{background-color:var(--w-color-alert-positive-background)}.i-bg-\$color-alert-warning-background{background-color:var(--w-color-alert-warning-background)}.i-bg-\$color-badge-disabled-background{background-color:var(--w-color-badge-disabled-background)}.i-bg-\$color-badge-notification-background{background-color:var(--w-color-badge-notification-background)}.i-bg-\$color-box-bordered-background{background-color:var(--w-color-box-bordered-background)}.i-bg-\$color-box-info-background{background-color:var(--w-color-box-info-background)}.i-bg-\$color-box-neutral-background{background-color:var(--w-color-box-neutral-background)}.i-bg-\$color-button-disabled-background{background-color:var(--w-color-button-disabled-background)}.i-bg-\$color-button-loading-background{background-color:var(--w-color-button-loading-background)}.i-bg-\$color-button-negative-background{background-color:var(--w-color-button-negative-background)}.i-bg-\$color-button-negative-quiet-background{background-color:var(--w-color-button-negative-quiet-background)}.i-bg-\$color-button-pill-background{background-color:var(--w-color-button-pill-background)}.i-bg-\$color-button-quiet-background{background-color:var(--w-color-button-quiet-background)}.i-bg-\$color-button-secondary-background{background-color:var(--w-color-button-secondary-background)}.i-bg-\$color-button-utility-background{background-color:var(--w-color-button-utility-background)}.i-bg-\$color-button-utility-quiet-background{background-color:var(--w-color-button-utility-quiet-background)}.i-bg-\$color-buttongroup-primary-background{background-color:var(--w-color-buttongroup-primary-background)}.i-bg-\$color-buttongroup-utility-background{background-color:var(--w-color-buttongroup-utility-background)}.i-bg-\$color-card-background-selected{background-color:var(--w-color-card-background-selected)}.i-bg-\$color-card-flat-background{background-color:var(--w-color-card-flat-background)}.i-bg-\$color-card-flat-background-selected{background-color:var(--w-color-card-flat-background-selected)}.i-bg-\$color-combobox-background{background-color:var(--w-color-combobox-background)}.i-bg-\$color-combobox-option-background-selected{background-color:var(--w-color-combobox-option-background-selected)}.i-bg-\$color-expandable-background{background-color:var(--w-color-expandable-background)}.i-bg-\$color-input-background{background-color:var(--w-color-input-background)}.i-bg-\$color-input-background-disabled{background-color:var(--w-color-input-background-disabled)}.i-bg-\$color-modal-background{background-color:var(--w-color-modal-background)}.i-bg-\$color-pageindicator-background{background-color:var(--w-color-pageindicator-background)}.i-bg-\$color-pageindicator-background-selected{background-color:var(--w-color-pageindicator-background-selected)}.i-bg-\$color-pill-filter-background{background-color:var(--w-color-pill-filter-background)}.i-bg-\$color-pill-suggestion-background{background-color:var(--w-color-pill-suggestion-background)}.i-bg-\$color-popover-background{background-color:var(--w-color-popover-background)}.i-bg-\$color-select-background{background-color:var(--w-color-select-background)}.i-bg-\$color-select-background-disabled{background-color:var(--w-color-select-background-disabled)}.i-bg-\$color-slider-handle-background{background-color:var(--w-color-slider-handle-background)}.i-bg-\$color-slider-handle-background-disabled{background-color:var(--w-color-slider-handle-background-disabled)}.i-bg-\$color-slider-track-background{background-color:var(--w-color-slider-track-background)}.i-bg-\$color-slider-track-background-active{background-color:var(--w-color-slider-track-background-active)}.i-bg-\$color-slider-track-background-disabled{background-color:var(--w-color-slider-track-background-disabled)}.i-bg-\$color-stepindicator-handle-background{background-color:var(--w-color-stepindicator-handle-background)}.i-bg-\$color-stepindicator-handle-background-active{background-color:var(--w-color-stepindicator-handle-background-active)}.i-bg-\$color-stepindicator-track-background{background-color:var(--w-color-stepindicator-track-background)}.i-bg-\$color-stepindicator-track-background-active{background-color:var(--w-color-stepindicator-track-background-active)}.i-bg-\$color-switch-handle-background{background-color:var(--w-color-switch-handle-background)}.i-bg-\$color-switch-handle-background-disabled{background-color:var(--w-color-switch-handle-background-disabled)}.i-bg-\$color-switch-track-background-disabled{background-color:var(--w-color-switch-track-background-disabled)}.i-bg-\$color-switch-track-background-selected{background-color:var(--w-color-switch-track-background-selected)}.i-bg-\$color-toast-negative-background{background-color:var(--w-color-toast-negative-background)}.i-bg-\$color-toast-positive-background{background-color:var(--w-color-toast-positive-background)}.i-bg-\$color-toast-warning-background{background-color:var(--w-color-toast-warning-background)}.i-bg-\$color-tooltip-background{background-color:var(--w-color-tooltip-background)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-bg-\$color-checkbox-background-selected-hover:before{background-color:var(--w-color-checkbox-background-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-bg-\$color-checkbox-negative-background-selected-hover:before{background-color:var(--w-color-checkbox-negative-background-selected-hover)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-background-selected-disabled:before{background-color:var(--w-color-checkbox-background-selected-disabled)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-background-selected:before{background-color:var(--w-color-checkbox-background-selected)}.peer:checked~.peer-checked\:before\:i-bg-\$color-checkbox-negative-background-selected:before{background-color:var(--w-color-checkbox-negative-background-selected)}.peer:checked~.peer-checked\:i-bg-\$color-buttongroup-primary-background-selected{background-color:var(--w-color-buttongroup-primary-background-selected)}.peer:indeterminate~.peer-indeterminate\:before\:i-bg-\$color-checkbox-background-selected:before{background-color:var(--w-color-checkbox-background-selected)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:i-bg-\$color-checkbox-background-selected-hover:hover:before{background-color:var(--w-color-checkbox-background-selected-hover)}.group:hover .group-hover\:i-bg-\$color-switch-track-background-selected-hover{background-color:var(--w-color-switch-track-background-selected-hover)}.hover\:before\:i-bg-\$color-checkbox-background-hover:hover:before{background-color:var(--w-color-checkbox-background-hover)}.hover\:before\:i-bg-\$color-checkbox-negative-background-hover:hover:before{background-color:var(--w-color-checkbox-negative-background-hover)}.hover\:i-bg-\$color-box-bordered-background-hover:hover{background-color:var(--w-color-box-bordered-background-hover)}.hover\:i-bg-\$color-box-info-background-hover:hover{background-color:var(--w-color-box-info-background-hover)}.hover\:i-bg-\$color-box-neutral-background-hover:hover{background-color:var(--w-color-box-neutral-background-hover)}.hover\:i-bg-\$color-button-negative-background-hover:hover{background-color:var(--w-color-button-negative-background-hover)}.hover\:i-bg-\$color-button-negative-quiet-background-hover:hover{background-color:var(--w-color-button-negative-quiet-background-hover)}.hover\:i-bg-\$color-button-pill-background-hover:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\:i-bg-\$color-button-primary-background-hover:hover{background-color:var(--w-color-button-primary-background-hover)}.hover\:i-bg-\$color-button-quiet-background-hover:hover{background-color:var(--w-color-button-quiet-background-hover)}.hover\:i-bg-\$color-button-secondary-background-hover:hover{background-color:var(--w-color-button-secondary-background-hover)}.hover\:i-bg-\$color-button-utility-background:hover{background-color:var(--w-color-button-utility-background)}.hover\:i-bg-\$color-button-utility-quiet-background-hover:hover{background-color:var(--w-color-button-utility-quiet-background-hover)}.hover\:i-bg-\$color-buttongroup-utility-background-hover:hover{background-color:var(--w-color-buttongroup-utility-background-hover)}.hover\:i-bg-\$color-card-background-hover:hover{background-color:var(--w-color-card-background-hover)}.hover\:i-bg-\$color-card-background-selected-hover:hover{background-color:var(--w-color-card-background-selected-hover)}.hover\:i-bg-\$color-card-flat-background-hover:hover{background-color:var(--w-color-card-flat-background-hover)}.hover\:i-bg-\$color-card-flat-background-selected-hover:hover{background-color:var(--w-color-card-flat-background-selected-hover)}.hover\:i-bg-\$color-combobox-option-background-hover:hover{background-color:var(--w-color-combobox-option-background-hover)}.hover\:i-bg-\$color-combobox-option-background-selected-hover:hover{background-color:var(--w-color-combobox-option-background-selected-hover)}.hover\:i-bg-\$color-expandable-background-hover:hover{background-color:var(--w-color-expandable-background-hover)}.hover\:i-bg-\$color-pageindicator-background-hover:hover{background-color:var(--w-color-pageindicator-background-hover)}.hover\:i-bg-\$color-pill-filter-background-hover:hover{background-color:var(--w-color-pill-filter-background-hover)}.hover\:i-bg-\$color-pill-suggestion-background-hover:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.hover\:i-bg-\$color-slider-handle-background-hover:hover{background-color:var(--w-color-slider-handle-background-hover)}.peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:i-bg-\$color-buttongroup-primary-background-hover{background-color:var(--w-color-buttongroup-primary-background-hover)}.peer:hover~.peer-hover\:before\:i-bg-\$color-radio-background-hover:before{background-color:var(--w-color-radio-background-hover)}.peer:hover~.peer-hover\:before\:i-bg-\$color-radio-negative-background-hover:before{background-color:var(--w-color-radio-negative-background-hover)}.focus\:i-bg-\$color-slider-handle-background-hover:focus{background-color:var(--w-color-slider-handle-background-hover)}.active\:i-bg-\$color-box-bordered-background-hover:active{background-color:var(--w-color-box-bordered-background-hover)}.active\:i-bg-\$color-box-info-background-hover:active{background-color:var(--w-color-box-info-background-hover)}.active\:i-bg-\$color-box-neutral-background-hover:active{background-color:var(--w-color-box-neutral-background-hover)}.active\:i-bg-\$color-button-negative-background-active:active{background-color:var(--w-color-button-negative-background-active)}.active\:i-bg-\$color-button-negative-quiet-background-active:active{background-color:var(--w-color-button-negative-quiet-background-active)}.active\:i-bg-\$color-button-pill-background-active:active{background-color:var(--w-color-button-pill-background-active)}.active\:i-bg-\$color-button-primary-background-active:active{background-color:var(--w-color-button-primary-background-active)}.active\:i-bg-\$color-button-quiet-background-active:active{background-color:var(--w-color-button-quiet-background-active)}.active\:i-bg-\$color-button-secondary-background-active:active{background-color:var(--w-color-button-secondary-background-active)}.active\:i-bg-\$color-buttongroup-utility-background-selected:active{background-color:var(--w-color-buttongroup-utility-background-selected)}.active\:i-bg-\$color-card-flat-background-active:active{background-color:var(--w-color-card-flat-background-active)}.active\:i-bg-\$color-pill-filter-background-active:active{background-color:var(--w-color-pill-filter-background-active)}.active\:i-bg-\$color-pill-suggestion-background-active:active{background-color:var(--w-color-pill-suggestion-background-active)}.active\:i-bg-\$color-slider-handle-background-active:active{background-color:var(--w-color-slider-handle-background-active)}.peer:disabled~.peer-disabled\:before\:i-bg-\$color-checkbox-background-disabled:before{background-color:var(--w-color-checkbox-background-disabled)}.peer:disabled~.peer-disabled\:before\:i-bg-\$color-radio-background-disabled:before{background-color:var(--w-color-radio-background-disabled)}.before\:i-bg-\$color-checkbox-background-disabled:before{background-color:var(--w-color-checkbox-background-disabled)}.before\:i-bg-\$color-checkbox-negative-background:before{background-color:var(--w-color-checkbox-negative-background)}.before\:i-bg-\$color-modal-backdrop-background:before{background-color:var(--w-color-modal-backdrop-background)}.before\:i-bg-\$color-radio-background-disabled:before{background-color:var(--w-color-radio-background-disabled)}.before\:i-bg-\$color-radio-negative-background:before{background-color:var(--w-color-radio-negative-background)}.i-text-\$color-alert-info-icon{color:var(--w-color-alert-info-icon)}.i-text-\$color-alert-info-text{color:var(--w-color-alert-info-text)}.i-text-\$color-alert-negative-icon{color:var(--w-color-alert-negative-icon)}.i-text-\$color-alert-negative-text{color:var(--w-color-alert-negative-text)}.i-text-\$color-alert-positive-icon{color:var(--w-color-alert-positive-icon)}.i-text-\$color-alert-positive-text{color:var(--w-color-alert-positive-text)}.i-text-\$color-alert-warning-icon{color:var(--w-color-alert-warning-icon)}.i-text-\$color-alert-warning-text{color:var(--w-color-alert-warning-text)}.i-text-\$color-badge-disabled-text{color:var(--w-color-badge-disabled-text)}.i-text-\$color-badge-info-text{color:var(--w-color-badge-info-text)}.i-text-\$color-badge-negative-text{color:var(--w-color-badge-negative-text)}.i-text-\$color-badge-neutral-text{color:var(--w-color-badge-neutral-text)}.i-text-\$color-badge-notification-text{color:var(--w-color-badge-notification-text)}.i-text-\$color-badge-positive-text{color:var(--w-color-badge-positive-text)}.i-text-\$color-badge-price-text{color:var(--w-color-badge-price-text)}.i-text-\$color-badge-warning-text{color:var(--w-color-badge-warning-text)}.i-text-\$color-box-bordered-text{color:var(--w-color-box-bordered-text)}.i-text-\$color-box-info-text{color:var(--w-color-box-info-text)}.i-text-\$color-box-neutral-text{color:var(--w-color-box-neutral-text)}.i-text-\$color-breadcrumbs-icon{color:var(--w-color-breadcrumbs-icon)}.i-text-\$color-breadcrumbs-link-text{color:var(--w-color-breadcrumbs-link-text)}.i-text-\$color-breadcrumbs-text{color:var(--w-color-breadcrumbs-text)}.i-text-\$color-button-disabled-text{color:var(--w-color-button-disabled-text)}.i-text-\$color-button-link-text{color:var(--w-color-button-link-text)}.i-text-\$color-button-loading-text{color:var(--w-color-button-loading-text)}.i-text-\$color-button-negative-quiet-text{color:var(--w-color-button-negative-quiet-text)}.i-text-\$color-button-negative-text{color:var(--w-color-button-negative-text)}.i-text-\$color-button-pill-icon{color:var(--w-color-button-pill-icon)}.i-text-\$color-button-primary-text{color:var(--w-color-button-primary-text)}.i-text-\$color-button-quiet-text{color:var(--w-color-button-quiet-text)}.i-text-\$color-button-secondary-text{color:var(--w-color-button-secondary-text)}.i-text-\$color-button-utility-quiet-text{color:var(--w-color-button-utility-quiet-text)}.i-text-\$color-button-utility-text{color:var(--w-color-button-utility-text)}.i-text-\$color-buttongroup-primary-text{color:var(--w-color-buttongroup-primary-text)}.i-text-\$color-buttongroup-utility-text{color:var(--w-color-buttongroup-utility-text)}.i-text-\$color-buttongroup-utility-text-selected\!{color:var(--w-color-buttongroup-utility-text-selected)!important}.i-text-\$color-callout-text{color:var(--w-color-callout-text)}.i-text-\$color-expandable-icon{color:var(--w-color-expandable-icon)}.i-text-\$color-expandable-title-text{color:var(--w-color-expandable-title-text)}.i-text-\$color-helptext-text{color:var(--w-color-helptext-text)}.i-text-\$color-helptext-text-negative{color:var(--w-color-helptext-text-negative)}.i-text-\$color-helptext-text-positive{color:var(--w-color-helptext-text-positive)}.i-text-\$color-input-text-disabled{color:var(--w-color-input-text-disabled)}.i-text-\$color-input-text-filled{color:var(--w-color-input-text-filled)}.i-text-\$color-input-text-negative\!{color:var(--w-color-input-text-negative)!important}.i-text-\$color-input-text-read-only{color:var(--w-color-input-text-read-only)}.i-text-\$color-label-optional-text{color:var(--w-color-label-optional-text)}.i-text-\$color-label-text{color:var(--w-color-label-text)}.i-text-\$color-label-text-negative{color:var(--w-color-label-text-negative)}.i-text-\$color-pill-filter-text{color:var(--w-color-pill-filter-text)}.i-text-\$color-pill-suggestion-text{color:var(--w-color-pill-suggestion-text)}.i-text-\$color-popover-paragraph-text{color:var(--w-color-popover-paragraph-text)}.i-text-\$color-select-icon{color:var(--w-color-select-icon)}.i-text-\$color-select-text{color:var(--w-color-select-text)}.i-text-\$color-select-text-disabled{color:var(--w-color-select-text-disabled)}.i-text-\$color-stepindicator-handle-icon{color:var(--w-color-stepindicator-handle-icon)}.i-text-\$color-tabs-text{color:var(--w-color-tabs-text)}.i-text-\$color-tabs-text-selected{color:var(--w-color-tabs-text-selected)}.i-text-\$color-toast-close-icon{color:var(--w-color-toast-close-icon)}.i-text-\$color-toast-negative-icon{color:var(--w-color-toast-negative-icon)}.i-text-\$color-toast-negative-text{color:var(--w-color-toast-negative-text)}.i-text-\$color-toast-positive-icon{color:var(--w-color-toast-positive-icon)}.i-text-\$color-toast-positive-text{color:var(--w-color-toast-positive-text)}.i-text-\$color-toast-warning-icon{color:var(--w-color-toast-warning-icon)}.i-text-\$color-toast-warning-text{color:var(--w-color-toast-warning-text)}.i-text-\$color-tooltip-text{color:var(--w-color-tooltip-text)}.peer:checked~.peer-checked\:i-text-\$color-buttongroup-primary-text-selected{color:var(--w-color-buttongroup-primary-text-selected)}.hover\:i-text-\$color-button-negative-text:hover{color:var(--w-color-button-negative-text)}.hover\:i-text-\$color-button-pill-icon-hover:hover{color:var(--w-color-button-pill-icon-hover)}.hover\:i-text-\$color-button-primary-text:hover{color:var(--w-color-button-primary-text)}.hover\:i-text-\$color-button-secondary-text:hover{color:var(--w-color-button-secondary-text)}.hover\:i-text-\$color-button-utility-text:hover{color:var(--w-color-button-utility-text)}.hover\:i-text-\$color-tabs-text-hover:hover{color:var(--w-color-tabs-text-hover)}.hover\:i-text-\$color-toast-close-icon-hover:hover{color:var(--w-color-toast-close-icon-hover)}.active\:i-text-\$color-button-pill-icon-active:active{color:var(--w-color-button-pill-icon-active)}.active\:i-text-\$color-buttongroup-utility-text-selected:active{color:var(--w-color-buttongroup-utility-text-selected)}.active\:i-text-\$color-toast-close-icon-active:active{color:var(--w-color-toast-close-icon-active)}.placeholder\:i-text-\$color-input-text-placeholder::placeholder{color:var(--w-color-input-text-placeholder)}.before\:i-text-\$color-checkbox-icon:before{color:var(--w-color-checkbox-icon)}.i-border-\$color-alert-info-subtle-border{border-color:var(--w-color-alert-info-subtle-border)}.i-border-\$color-alert-negative-subtle-border{border-color:var(--w-color-alert-negative-subtle-border)}.i-border-\$color-alert-positive-subtle-border{border-color:var(--w-color-alert-positive-subtle-border)}.i-border-\$color-alert-warning-subtle-border{border-color:var(--w-color-alert-warning-subtle-border)}.i-border-\$color-badge-disabled-background{border-color:var(--w-color-badge-disabled-background)}.i-border-\$color-badge-info-background{border-color:var(--w-color-badge-info-background)}.i-border-\$color-badge-negative-background{border-color:var(--w-color-badge-negative-background)}.i-border-\$color-badge-neutral-background{border-color:var(--w-color-badge-neutral-background)}.i-border-\$color-badge-positive-background{border-color:var(--w-color-badge-positive-background)}.i-border-\$color-badge-price-background{border-color:var(--w-color-badge-price-background)}.i-border-\$color-badge-warning-background{border-color:var(--w-color-badge-warning-background)}.i-border-\$color-box-bordered-border{border-color:var(--w-color-box-bordered-border)}.i-border-\$color-button-secondary-border{border-color:var(--w-color-button-secondary-border)}.i-border-\$color-button-utility-border{border-color:var(--w-color-button-utility-border)}.i-border-\$color-buttongroup-primary-border{border-color:var(--w-color-buttongroup-primary-border)}.i-border-\$color-card-border{border-color:var(--w-color-card-border)}.i-border-\$color-card-border-selected{border-color:var(--w-color-card-border-selected)}.i-border-\$color-card-flat-border{border-color:var(--w-color-card-flat-border)}.i-border-\$color-card-flat-border-selected{border-color:var(--w-color-card-flat-border-selected)}.i-border-\$color-checkbox-border{border-color:var(--w-color-checkbox-border)}.i-border-\$color-input-border{border-color:var(--w-color-input-border)}.i-border-\$color-input-border-disabled{border-color:var(--w-color-input-border-disabled)}.i-border-\$color-input-border-negative{border-color:var(--w-color-input-border-negative)}.i-border-\$color-popover-background{border-color:var(--w-color-popover-background)}.i-border-\$color-radio-border{border-color:var(--w-color-radio-border)}.i-border-\$color-select-border{border-color:var(--w-color-select-border)}.i-border-\$color-select-border-disabled{border-color:var(--w-color-select-border-disabled)}.i-border-\$color-select-border-negative{border-color:var(--w-color-select-border-negative)}.i-border-\$color-slider-handle-border{border-color:var(--w-color-slider-handle-border)}.i-border-\$color-stepindicator-handle-border{border-color:var(--w-color-stepindicator-handle-border)}.i-border-\$color-stepindicator-handle-border-active{border-color:var(--w-color-stepindicator-handle-border-active)}.i-border-\$color-tabs-border{border-color:var(--w-color-tabs-border)}.i-border-\$color-tabs-border-selected{border-color:var(--w-color-tabs-border-selected)}.i-border-\$color-toast-negative-subtle-border{border-color:var(--w-color-toast-negative-subtle-border)}.i-border-\$color-toast-positive-subtle-border{border-color:var(--w-color-toast-positive-subtle-border)}.i-border-\$color-toast-warning-subtle-border{border-color:var(--w-color-toast-warning-subtle-border)}.i-border-\$color-tooltip-background{border-color:var(--w-color-tooltip-background)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-checkbox-border-selected-hover:before{border-color:var(--w-color-checkbox-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-checkbox-negative-border-selected-hover:before{border-color:var(--w-color-checkbox-negative-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-border-selected-hover:before{border-color:var(--w-color-radio-border-selected-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-negative-border-hover:before{border-color:var(--w-color-radio-negative-border-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:i-border-\$color-radio-negative-border-selected-hover:before{border-color:var(--w-color-radio-negative-border-selected-hover)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-border-selected-disabled:before{border-color:var(--w-color-checkbox-border-selected-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-border-selected:before{border-color:var(--w-color-checkbox-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-negative-border-selected:before{border-color:var(--w-color-checkbox-negative-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-checkbox-negative-border:before{border-color:var(--w-color-checkbox-negative-border)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-disabled:before{border-color:var(--w-color-radio-border-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-selected-disabled:before{border-color:var(--w-color-radio-border-selected-disabled)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-border-selected:before{border-color:var(--w-color-radio-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-negative-border-selected:before{border-color:var(--w-color-radio-negative-border-selected)}.peer:checked~.peer-checked\:before\:i-border-\$color-radio-negative-border:before{border-color:var(--w-color-radio-negative-border)}.peer:checked~.peer-checked\:i-border-\$color-buttongroup-primary-border-selected{border-color:var(--w-color-buttongroup-primary-border-selected)}.peer:indeterminate~.peer-indeterminate\:before\:i-border-\$color-checkbox-border-selected:before{border-color:var(--w-color-checkbox-border-selected)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:i-border-\$color-checkbox-border-hover:hover:before{border-color:var(--w-color-checkbox-border-hover)}.hover\:before\:i-border-\$color-checkbox-border-hover:hover:before{border-color:var(--w-color-checkbox-border-hover)}.hover\:before\:i-border-\$color-checkbox-negative-border-hover:hover:before{border-color:var(--w-color-checkbox-negative-border-hover)}.hover\:i-border-\$color-box-bordered-border-hover:hover{border-color:var(--w-color-box-bordered-border-hover)}.hover\:i-border-\$color-button-secondary-border-hover:hover{border-color:var(--w-color-button-secondary-border-hover)}.hover\:i-border-\$color-button-utility-border-hover:hover{border-color:var(--w-color-button-utility-border-hover)}.hover\:i-border-\$color-card-border-selected-hover:hover{border-color:var(--w-color-card-border-selected-hover)}.hover\:i-border-\$color-card-flat-border-hover:hover{border-color:var(--w-color-card-flat-border-hover)}.hover\:i-border-\$color-card-flat-border-selected-hover:hover{border-color:var(--w-color-card-flat-border-selected-hover)}.hover\:i-border-\$color-input-border-disabled\!:hover{border-color:var(--w-color-input-border-disabled)!important}.hover\:i-border-\$color-input-border-hover:hover{border-color:var(--w-color-input-border-hover)}.hover\:i-border-\$color-select-border-disabled\!:hover{border-color:var(--w-color-select-border-disabled)!important}.hover\:i-border-\$color-select-border-hover:hover{border-color:var(--w-color-select-border-hover)}.hover\:i-border-\$color-slider-handle-border-hover:hover{border-color:var(--w-color-slider-handle-border-hover)}.hover\:i-border-\$color-tabs-border-hover:hover{border-color:var(--w-color-tabs-border-hover)}.peer:hover~.peer-hover\:before\:i-border-\$color-radio-border-hover:before{border-color:var(--w-color-radio-border-hover)}.peer:hover~.peer-hover\:before\:i-border-\$color-radio-negative-border-hover:before{border-color:var(--w-color-radio-negative-border-hover)}.focus\:i-border-\$color-slider-handle-border-hover:focus{border-color:var(--w-color-slider-handle-border-hover)}.active\:i-border-\$color-box-bordered-border-hover:active{border-color:var(--w-color-box-bordered-border-hover)}.active\:i-border-\$color-button-utility-border-active:active{border-color:var(--w-color-button-utility-border-active)}.active\:i-border-\$color-buttongroup-utility-border-selected:active{border-color:var(--w-color-buttongroup-utility-border-selected)}.active\:i-border-\$color-card-border-selected-active:active{border-color:var(--w-color-card-border-selected-active)}.active\:i-border-\$color-card-flat-border-active:active{border-color:var(--w-color-card-flat-border-active)}.active\:i-border-\$color-card-flat-border:active{border-color:var(--w-color-card-flat-border)}.active\:i-border-\$color-input-border-active:active{border-color:var(--w-color-input-border-active)}.active\:i-border-\$color-select-border-active:active{border-color:var(--w-color-select-border-active)}.active\:i-border-\$color-select-border-disabled\!:active{border-color:var(--w-color-select-border-disabled)!important}.active\:i-border-\$color-slider-handle-border-active:active{border-color:var(--w-color-slider-handle-border-active)}.before\:i-border-\$color-checkbox-border-disabled:before{border-color:var(--w-color-checkbox-border-disabled)}.before\:i-border-\$color-radio-border-disabled:before{border-color:var(--w-color-radio-border-disabled)}.before\:i-border-\$color-radio-negative-border:before{border-color:var(--w-color-radio-negative-border)}.i-shadow-\$shadow-buttongroup{box-shadow:var(--w-shadow-buttongroup)}.i-shadow-\$shadow-card{box-shadow:var(--w-shadow-card)}.i-shadow-\$shadow-combobox{box-shadow:var(--w-shadow-combobox)}.i-shadow-\$shadow-modal{box-shadow:var(--w-shadow-modal)}.i-shadow-\$shadow-slider,.shadow-\[--w-shadow-slider\]{box-shadow:var(--w-shadow-slider)}.i-shadow-\$shadow-switch-handle{box-shadow:var(--w-shadow-switch-handle)}.i-shadow-\$shadow-tooltip{box-shadow:var(--w-shadow-tooltip)}.hover\:i-shadow-\$shadow-card-hover:hover{box-shadow:var(--w-shadow-card-hover)}.i-border-l-\$color-alert-info-border{border-left-color:var(--w-color-alert-info-border)}.i-border-l-\$color-alert-negative-border{border-left-color:var(--w-color-alert-negative-border)}.i-border-l-\$color-alert-positive-border{border-left-color:var(--w-color-alert-positive-border)}.i-border-l-\$color-alert-warning-border{border-left-color:var(--w-color-alert-warning-border)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.list-none{list-style-type:none}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.before\:items-center:before{align-items:center}.self-center{align-self:center}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.-bottom-0{bottom:-0rem}.bottom-0{bottom:0rem}.bottom-10{bottom:1rem}.bottom-16{bottom:1.6rem}.left-0{left:0rem}.left-4{left:.4rem}.left-8{left:.8rem}.right-0{right:0rem}.right-16{right:1.6rem}.top-0{top:0rem}.top-20{top:2rem}.top-4{top:.4rem}.before\:bottom-0:before{bottom:0rem}.before\:left-0:before{left:0rem}.before\:right-0:before{right:0rem}.before\:top-0:before{top:0rem}.before\:top-2:before{top:.2rem}.-bottom-\[8px\]{bottom:-8px}.-left-\[8px\]{left:-8px}.-right-\[8px\]{right:-8px}.-top-\[8px\]{top:-8px}.top-\[19px\]{top:19px}.top-\[30\%\]{top:30%}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.before\:justify-center:before{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.before\:absolute:before{position:absolute}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.peer:checked~.peer-checked\:z-10{z-index:10}.hover\:z-30:hover{z-index:30}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-primary,.peer:checked~.peer-checked\:s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-negative-hover:before{background-color:var(--w-s-color-background-negative-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-primary-hover:before{background-color:var(--w-s-color-background-primary-hover)}.peer:checked~.peer-checked\:before\:s-bg-disabled:before{background-color:var(--w-s-color-background-disabled)}.peer:checked~.peer-checked\:before\:s-bg-negative:before{background-color:var(--w-s-color-background-negative)}.peer:checked~.peer-checked\:before\:s-bg-primary:before{background-color:var(--w-s-color-background-primary)}.peer:indeterminate~.peer-indeterminate\:before\:s-bg-primary:before{background-color:var(--w-s-color-background-primary)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-bg-primary-hover:hover:before{background-color:var(--w-s-color-background-primary-hover)}.group:hover .group-hover\:s-bg-primary-hover{background-color:var(--w-s-color-background-primary-hover)}.hover\:before\:s-bg-negative-subtle-hover:hover:before{background-color:var(--w-s-color-background-negative-subtle-hover)}.hover\:before\:s-bg-subtle:hover:before{background-color:var(--w-s-color-background-subtle)}.hover\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\:s-bg-info-subtle-hover:hover{background-color:var(--w-s-color-background-info-subtle-hover)}.hover\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.hover\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.hover\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.hover\:s-bg-subtle-hover:hover{background-color:var(--w-s-color-background-subtle-hover)}.peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:s-bg-hover{background-color:var(--w-s-color-background-hover)}.peer:hover~.peer-hover\:before\:s-bg-negative-subtle:before{background-color:var(--w-s-color-background-negative-subtle)}.peer:hover~.peer-hover\:before\:s-bg-primary-subtle:before{background-color:var(--w-s-color-background-primary-subtle)}.focus\:s-bg-primary-hover:focus{background-color:var(--w-s-color-background-primary-hover)}.active\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\:s-bg-hover:active{background-color:var(--w-s-color-background-hover)}.active\:s-bg-info-subtle-hover:active{background-color:var(--w-s-color-background-info-subtle-hover)}.active\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.active\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.active\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)}.active\:s-bg-subtle-hover:active{background-color:var(--w-s-color-background-subtle-hover)}.peer:disabled~.peer-disabled\:before\:s-bg-disabled-subtle:before{background-color:var(--w-s-color-background-disabled-subtle)}.before\:s-bg:before{background-color:var(--w-s-color-background)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-inverted,.peer:checked~.peer-checked\:s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-negative\!{color:var(--w-s-color-text-negative)!important}.s-text-positive{color:var(--w-s-color-text-positive)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-text\!{color:var(--w-s-color-text)!important}.hover\:s-text-link:hover{color:var(--w-s-color-text-link)}.active\:s-text:active{color:var(--w-s-color-text)}.placeholder\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder)}.s-icon{color:var(--w-s-color-icon)}.s-icon-info{color:var(--w-s-color-icon-info)}.s-icon-inverted{color:var(--w-s-color-icon-inverted)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\:s-icon-active:active{color:var(--w-s-color-icon-active)}.before\:s-icon-inverted:before{color:var(--w-s-color-icon-inverted)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle)}.s-border-l-info{border-left-color:var(--w-s-color-border-info)}.s-border-l-negative{border-left-color:var(--w-s-color-border-negative)}.s-border-l-positive{border-left-color:var(--w-s-color-border-positive)}.s-border-l-warning{border-left-color:var(--w-s-color-border-warning)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-primary,.peer:checked~.peer-checked\:s-border-primary{border-color:var(--w-s-color-border-primary)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-negative-hover:before{border-color:var(--w-s-color-border-negative-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-primary-hover:before{border-color:var(--w-s-color-border-primary-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-selected-hover:before{border-color:var(--w-s-color-border-selected-hover)}.peer:checked~.peer-checked\:before\:s-border-disabled:before{border-color:var(--w-s-color-border-disabled)}.peer:checked~.peer-checked\:before\:s-border-negative:before{border-color:var(--w-s-color-border-negative)}.peer:checked~.peer-checked\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.peer:checked~.peer-checked\:before\:s-border-selected:before{border-color:var(--w-s-color-border-selected)}.peer:indeterminate~.peer-indeterminate\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-border-primary:hover:before{border-color:var(--w-s-color-border-primary)}.hover\:before\:s-border-negative-hover:hover:before{border-color:var(--w-s-color-border-negative-hover)}.hover\:before\:s-border-primary:hover:before{border-color:var(--w-s-color-border-primary)}.hover\:s-border-disabled\!:hover{border-color:var(--w-s-color-border-disabled)!important}.hover\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\:s-border-primary-hover:hover{border-color:var(--w-s-color-border-primary-hover)}.hover\:s-border-primary:hover{border-color:var(--w-s-color-border-primary)}.hover\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover)}.peer:hover~.peer-hover\:before\:s-border-negative-hover:before{border-color:var(--w-s-color-border-negative-hover)}.peer:hover~.peer-hover\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.focus\:s-border-primary-hover:focus{border-color:var(--w-s-color-border-primary-hover)}.active\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\:s-border-disabled\!:active{border-color:var(--w-s-color-border-disabled)!important}.active\:s-border-hover:active{border-color:var(--w-s-color-border-hover)}.active\:s-border-primary-active:active{border-color:var(--w-s-color-border-primary-active)}.active\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active)}.active\:s-border-selected:active{border-color:var(--w-s-color-border-selected)}.active\:s-border:active{border-color:var(--w-s-color-border)}.before\:s-border-disabled:before{border-color:var(--w-s-color-border-disabled)}.before\:s-border-negative:before{border-color:var(--w-s-color-border-negative)}.drop-shadow-m{filter:drop-shadow(rgba(64,64,64,.24) 0 3px 8px) drop-shadow(rgba(64,64,64,.16) 0 3px 6px)}.shadow-m{box-shadow:var(--w-shadow-m)}.shadow-s{box-shadow:var(--w-shadow-s)}.hover\:shadow-m:hover{box-shadow:var(--w-shadow-m)}.hover\:shadow-\[--w-shadow-slider-handle-hover\]:hover{box-shadow:var(--w-shadow-slider-handle-hover)}.focus\:shadow-\[--w-shadow-slider-handle-hover\]:focus{box-shadow:var(--w-shadow-slider-handle-hover)}.active\:shadow-\[--w-shadow-slider-handle-active\]:active{box-shadow:var(--w-shadow-slider-handle-active)}.h-0{height:0rem}.h-16{height:1.6rem}.h-2{height:.2rem}.h-20{height:2rem}.h-24{height:2.4rem}.h-4{height:.4rem}.h-40{height:4rem}.h-44{height:4.4rem}.h-6{height:.6rem}.h-8{height:.8rem}.h-full{height:100%}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.min-h-32{min-height:3.2rem}.min-h-40{min-height:4rem}.min-w-16{min-width:1.6rem}.min-w-32{min-width:3.2rem}.w-16{width:1.6rem}.w-2{width:.2rem}.w-20{width:2rem}.w-24{width:2.4rem}.w-32{width:3.2rem}.w-40{width:4rem}.w-44{width:4.4rem}.w-8{width:.8rem}.w-full{width:100%}.w-max{width:max-content}.before\:h-20:before{height:2rem}.before\:h-full:before{height:100%}.before\:w-20:before{width:2rem}.before\:w-32:before{width:3.2rem}.h-\[--w-modal-height\]{height:var(--w-modal-height)}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.max-h-\[--w-modal-max-height\]{max-height:var(--w-modal-max-height)}.min-h-\[--w-modal-min-height\]{min-height:var(--w-modal-min-height)}.min-h-\[32px\]{min-height:32px}.min-h-\[42\]{min-height:4.2rem}.min-h-\[44px\]{min-height:44px}.min-w-\[32px\]{min-width:32px}.min-w-\[44px\]{min-width:44px}.w-\[--w-modal-width\]{width:var(--w-modal-width)}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.hover\:slider-handle-shadow-hover:hover{box-shadow:0 0 0 6px #00000014}.focus\:slider-handle-shadow-hover:focus{box-shadow:0 0 0 6px #00000014}.active\:slider-handle-shadow-active:active{box-shadow:0 0 0 8px #00000014}.space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(.8rem * calc(1 - var(--w-space-x-reverse)));margin-right:calc(.8rem * var(--w-space-x-reverse))}.space-y-16>:not([hidden])~:not([hidden]){--w-space-y-reverse:0;margin-top:calc(1.6rem * calc(1 - var(--w-space-y-reverse)));margin-bottom:calc(1.6rem * var(--w-space-y-reverse))}.m-0{margin:0rem}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.mx-0{margin-left:0rem;margin-right:0rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-1{margin-bottom:-.1rem}.-ml-8{margin-left:-.8rem}.-mr-1{margin-right:-.1rem}.-mr-8{margin-right:-.8rem}.-mt-2{margin-top:-.2rem}.-mt-4{margin-top:-.4rem}.last-child\:mb-0>:last-child,.mb-0{margin-bottom:0rem}.mb-32{margin-bottom:3.2rem}.ml-8{margin-left:.8rem}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.mt-4{margin-top:.4rem}.group:not(:first-child) .group-not-first\:-ml-2{margin-left:-.2rem}.last\:mb-0:last-child{margin-bottom:0rem}.last\:mr-0:last-child{margin-right:0rem}.m-\[8px\]{margin:8px}.p-0{padding:0rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.p-8{padding:.8rem}.px-0{padding-left:0rem;padding-right:0rem}.px-1{padding-left:.1rem;padding-right:.1rem}.px-12{padding-left:1.2rem;padding-right:1.2rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-4{padding-left:.4rem;padding-right:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-0{padding-top:0rem;padding-bottom:0rem}.py-1{padding-top:.1rem;padding-bottom:.1rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.py-8\!{padding-top:.8rem!important;padding-bottom:.8rem!important}.pb-0{padding-bottom:0rem}.pb-32{padding-bottom:3.2rem}.pb-4{padding-bottom:.4rem}.pb-6{padding-bottom:.6rem}.pb-8{padding-bottom:.8rem}.pl-0{padding-left:0rem}.pl-1{padding-left:.1rem}.pl-12{padding-left:1.2rem}.pl-28{padding-left:2.8rem}.pl-4{padding-left:.4rem}.pl-40{padding-left:4rem}.pl-8{padding-left:.8rem}.pr-12{padding-right:1.2rem}.pr-14{padding-right:1.4rem}.pr-2{padding-right:.2rem}.pr-32{padding-right:3.2rem}.pr-40{padding-right:4rem}.pt-0{padding-top:0rem}.pt-1{padding-top:.1rem}.pt-4{padding-top:.4rem}.pt-8{padding-top:.8rem}.group\/step:last-child .group-last\/step\:last\:pb-0:last-child{padding-bottom:0rem}.last\:pb-1:last-child{padding-bottom:.1rem}.last\:pr-1:last-child{padding-right:.1rem}.p-\[8px\]{padding:8px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[8px\]\!{padding-left:8px!important;padding-right:8px!important}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[5px\]\!{padding-top:5px!important;padding-bottom:5px!important}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.invisible{visibility:hidden}.backface-hidden{backface-visibility:hidden}.break-words{overflow-wrap:break-word}.before\:content-\[\"-\"\]:before{content:"-"}.before\:content-\[\"\"\]:before{content:""}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.before\:font-bold:before{font-weight:700}.font-normal{font-weight:400}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.before\:pointer-events-none:before{pointer-events:none}.pb-safe-\[32\]{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.touch-pan-y{touch-action:pan-y}.select-none{-webkit-user-select:none;user-select:none}.translate-x-20{--w-translate-x:2rem;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.translate-z-0{--w-translate-z:0rem;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.-rotate-180,.part-\[w-icon-chevron-down-16-part\]\:-rotate-180::part(w-icon-chevron-down-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-up-16-part\]\:rotate-180::part(w-icon-chevron-up-16-part),.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.rotate-90{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:90deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform::part(w-icon-chevron-up-16-part),.transform{transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform-gpu::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform-gpu::part(w-icon-chevron-up-16-part),.transform-gpu{transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transition-transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transition-transform::part(w-icon-chevron-up-16-part),.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-300{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:transition-all:before{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out,.part-\[w-icon-chevron-down-16-part\]\:ease-in-out::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:ease-in-out::part(w-icon-chevron-up-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-m\!{font-size:var(--w-font-size-m)!important;line-height:var(--w-line-height-m)!important}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}.leading-\[24\]{line-height:2.4rem}@media (min-width: 480px){.sm\:border-b-0{border-bottom-width:0}.sm\:rounded-8{border-radius:8px}.sm\:rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sm\:gap-16{gap:1.6rem}.sm\:place-content-center{place-content:center}.sm\:place-items-center{place-items:center}.sm\:h-24{height:2.4rem}.sm\:h-48{height:4.8rem}.sm\:min-h-48{min-height:4.8rem}.sm\:w-24{width:2.4rem}.sm\:min-h-\[44px\]{min-height:44px}.sm\:min-h-\[45\]{min-height:4.5rem}.sm\:min-w-\[44px\]{min-width:44px}.sm\:mx-0{margin-left:0rem;margin-right:0rem}.sm\:mx-16{margin-left:1.6rem;margin-right:1.6rem}.sm\:-ml-12{margin-left:-1.2rem}.sm\:-mr-12{margin-right:-1.2rem}.sm\:-mt-8{margin-top:-.8rem}.sm\:px-0{padding-left:0rem;padding-right:0rem}.sm\:px-32{padding-left:3.2rem;padding-right:3.2rem}.sm\:py-0{padding-top:0rem;padding-bottom:0rem}.sm\:pb-32{padding-bottom:3.2rem}.sm\:pt-32{padding-top:3.2rem}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}}
|
package/dist/index.html
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
.text-left{text-align:left;}
|
|
18
18
|
.text-right{text-align:right;}
|
|
19
19
|
.align-middle{vertical-align:middle;}
|
|
20
|
-
.animate-inprogress{background-image:linear-gradient(135deg,rgba(0,
|
|
20
|
+
.animate-inprogress{background-image:linear-gradient(135deg,rgba(0,0,0,.05) 25%,transparent 0,transparent 50%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 75%,transparent 0,transparent) !important;background-size: 30px 30px;animation: animate-inprogress 3s linear infinite;}@keyframes animate-inprogress {0% {background-position: 0 0;}to {background-position: 60px 0;}}
|
|
21
21
|
.\[--w-modal-max-height\:80\%\]{--w-modal-max-height:80%;}
|
|
22
22
|
.\[--w-modal-width\:640px\]{--w-modal-width:640px;}
|
|
23
23
|
.focus\:\[--w-outline-offset\:-2px\]:focus{--w-outline-offset:-2px;}
|
|
@@ -28,6 +28,8 @@
|
|
|
28
28
|
.group\/steph:first-child .group-first\/steph\:bg-transparent,
|
|
29
29
|
.group\/steph:last-child .group-last\/steph\:bg-transparent{background-color:transparent;}
|
|
30
30
|
.bg-\[--w-black-alpha25\]{background-color:var(--w-black-alpha25);}
|
|
31
|
+
.bg-\[--w-black\/25\]{background-color:rgba(var(--w-rgb-black),0.25);}
|
|
32
|
+
.bg-\[--w-black\/70\]{background-color:rgba(var(--w-rgb-black),0.7);}
|
|
31
33
|
.bg-\[--w-color-badge-info-background\],
|
|
32
34
|
.i-bg-\$color-badge-info-background{background-color:var(--w-color-badge-info-background);}
|
|
33
35
|
.bg-\[--w-color-badge-negative-background\],
|
|
@@ -538,7 +540,6 @@
|
|
|
538
540
|
.hover\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover);}
|
|
539
541
|
.hover\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover);}
|
|
540
542
|
.hover\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover);}
|
|
541
|
-
.hover\:s-bg-primary-subtle-hover:hover{background-color:var(--w-s-color-background-primary-subtle-hover);}
|
|
542
543
|
.hover\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover);}
|
|
543
544
|
.hover\:s-bg-subtle-hover:hover{background-color:var(--w-s-color-background-subtle-hover);}
|
|
544
545
|
.peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:s-bg-hover{background-color:var(--w-s-color-background-hover);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,:host{--w-color-switch-track-background:var(--w-s-color-background-subtle);--w-color-switch-track-background-hover:var(--w-s-color-background-subtle-hover);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-color-background:var(--w-white);--w-s-rgb-background:var(--w-rgb-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-rgb-background-hover:var(--w-rgb-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-rgb-background-active:var(--w-rgb-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-rgb-background-selected:var(--w-rgb-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-rgb-background-selected-hover:var(--w-rgb-blue-100);--w-s-color-background-selected-active:var(--w-blue-200);--w-s-rgb-background-selected-active:var(--w-rgb-blue-200);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-rgb-background-disabled:var(--w-rgb-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-rgb-background-disabled-subtle:var(--w-rgb-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-rgb-background-subtle:var(--w-rgb-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-rgb-background-subtle-hover:var(--w-rgb-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-rgb-background-subtle-active:var(--w-rgb-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-rgb-background-primary:var(--w-rgb-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-rgb-background-primary-hover:var(--w-rgb-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-rgb-background-primary-active:var(--w-rgb-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-rgb-background-primary-subtle:var(--w-rgb-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-rgb-background-secondary:var(--w-rgb-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-rgb-background-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-rgb-background-secondary-active:var(--w-rgb-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-rgb-background-positive-selected:var(--w-rgb-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-rgb-background-positive-selected-hover:var(--w-rgb-green-100);--w-s-color-background-positive-selected-active:var(--w-green-200);--w-s-rgb-background-positive-selected-active:var(--w-rgb-green-200);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-rgb-background-negative-selected:var(--w-rgb-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-rgb-background-negative-selected-hover:var(--w-rgb-red-100);--w-s-color-background-negative-selected-active:var(--w-red-200);--w-s-rgb-background-negative-selected-active:var(--w-rgb-red-200);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-rgb-background-warning-selected:var(--w-rgb-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-rgb-background-warning-selected-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-selected-active:var(--w-yellow-200);--w-s-rgb-background-warning-selected-active:var(--w-rgb-yellow-200);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-rgb-background-info:var(--w-rgb-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-rgb-background-info-hover:var(--w-rgb-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-rgb-background-info-active:var(--w-rgb-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-rgb-background-info-selected:var(--w-rgb-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-rgb-background-info-selected-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-selected-active:var(--w-aqua-200);--w-s-rgb-background-info-selected-active:var(--w-rgb-aqua-200);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-rgb-background-info-subtle:var(--w-rgb-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-rgb-background-info-subtle-active:var(--w-rgb-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-rgb-border:var(--w-rgb-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-rgb-border-hover:var(--w-rgb-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-rgb-border-active:var(--w-rgb-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-rgb-border-disabled:var(--w-rgb-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-rgb-border-focused:var(--w-rgb-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-rgb-border-selected:var(--w-rgb-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-rgb-border-selected-hover:var(--w-rgb-blue-700);--w-s-color-border-selected-active:var(--w-blue-800);--w-s-rgb-border-selected-active:var(--w-rgb-blue-800);--w-s-color-border-inverted:var(--w-white);--w-s-rgb-border-inverted:var(--w-rgb-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-rgb-border-primary:var(--w-rgb-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-rgb-border-primary-hover:var(--w-rgb-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-rgb-border-primary-active:var(--w-rgb-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-rgb-border-primary-subtle:var(--w-rgb-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-rgb-border-secondary:var(--w-rgb-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-rgb-border-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-rgb-border-secondary-active:var(--w-rgb-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-rgb-border-negative-selected:var(--w-rgb-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-rgb-border-negative-selected-hover:var(--w-rgb-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-rgb-border-info:var(--w-rgb-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-rgb-border-info-hover:var(--w-rgb-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-rgb-border-info-active:var(--w-rgb-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-rgb-border-info-subtle:var(--w-rgb-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-rgb-border-info-subtle-active:var(--w-rgb-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-rgb-icon:var(--w-rgb-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-rgb-icon-hover:var(--w-rgb-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-rgb-icon-active:var(--w-rgb-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-rgb-icon-selected:var(--w-rgb-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-rgb-icon-selected-hover:var(--w-rgb-blue-700);--w-s-color-icon-selected-active:var(--w-blue-800);--w-s-rgb-icon-selected-active:var(--w-rgb-blue-800);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-rgb-icon-disabled:var(--w-rgb-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-rgb-icon-subtle:var(--w-rgb-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-rgb-icon-subtle-hover:var(--w-rgb-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-rgb-icon-subtle-active:var(--w-rgb-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-rgb-icon-inverted-hover:var(--w-rgb-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-rgb-icon-inverted-active:var(--w-rgb-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-rgb-icon-primary:var(--w-rgb-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-rgb-icon-secondary:var(--w-rgb-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-rgb-icon-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-rgb-icon-info:var(--w-rgb-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-rgb-text:var(--w-rgb-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-rgb-text-placeholder:var(--w-rgb-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-rgb-text-link:var(--w-rgb-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-rgb-text-disabled:var(--w-rgb-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-color-text-notification:var(--w-white);--w-s-rgb-text-notification:var(--w-rgb-white);--w-s-color-focused:var(--w-aqua-400);--w-s-rgb-focused:var(--w-rgb-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-s-rgb-divider:var(--w-rgb-bluegray-200);--w-color-pill-suggestion-background:var(--w-s-color-background-subtle);--w-color-pill-suggestion-background-hover:var(--w-s-color-background-subtle-hover);--w-color-pill-suggestion-background-active:var(--w-s-color-background-subtle-active);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative);--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-notification-text:var(--w-s-color-text-notification);--w-color-badge-notification-background:var(--w-s-color-background-notification);--w-color-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-callout-text:var(--w-s-color-text);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-shadow-combobox:var(--w-shadow-m);--w-shadow-modal:var(--w-shadow-m);--w-shadow-popover:var(--w-shadow-m);--w-shadow-switch-handle:var(--w-shadow-s);--w-shadow-tooltip:var(--w-shadow-m);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-subtle-default:var(--w-red-300);--w-s-color-border-warning-default:var(--w-yellow-600);--w-s-color-border-warning-subtle-default:var(--w-yellow-300);--w-s-color-border-info-default:var(--w-aqua-600);--w-s-color-border-info-subtle-default:var(--w-aqua-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-bluegray-500);--w-s-color-text-default:var(--w-gray-700);--w-gray-900-alpha70:#18181bb3;--w-white:white;--w-rgb-white:255,255,255;--w-black:black;--w-rgb-black:0,0,0;--w-black-alpha25:#00000040;--w-rgb-black-alpha25:#00000040;--w-black-alpha70:#000000b3;--w-rgb-black-alpha70:#000000b3;--w-blue-50:#eff5ff;--w-rgb-blue-50:239,245,255;--w-blue-100:#e1edfe;--w-rgb-blue-100:225,237,254;--w-blue-200:#c2dafe;--w-rgb-blue-200:194,218,254;--w-blue-300:#9ac1fe;--w-rgb-blue-300:154,193,254;--w-blue-300-alpha30:#9ac1fe4d;--w-rgb-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-rgb-blue-400:92,156,255;--w-blue-400-alpha30:#5c9cff4d;--w-rgb-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-rgb-blue-500:43,126,255;--w-blue-600:#0063fb;--w-rgb-blue-600:0,99,251;--w-blue-600-alpha50:#0063fb80;--w-rgb-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-rgb-blue-700:36,78,179;--w-blue-800:#223474;--w-rgb-blue-800:34,52,116;--w-blue-900:#191d34;--w-rgb-blue-900:25,29,52;--w-gray-50:#fafafa;--w-rgb-gray-50:250,250,250;--w-gray-100:#f4f4f5;--w-rgb-gray-100:244,244,245;--w-gray-200:#e4e4e7;--w-rgb-gray-200:228,228,231;--w-gray-300:#d4d4d8;--w-rgb-gray-300:212,212,216;--w-gray-400:#a1a1aa;--w-rgb-gray-400:161,161,170;--w-gray-500:#71717a;--w-rgb-gray-500:113,113,122;--w-gray-600:#52525b;--w-rgb-gray-600:82,82,91;--w-gray-700:#3f3f46;--w-rgb-gray-700:63,63,70;--w-gray-800:#27272a;--w-rgb-gray-800:39,39,42;--w-gray-900:#18181b;--w-rgb-gray-900:24,24,27;--w-aqua-50:#f1f9ff;--w-rgb-aqua-50:241,249,255;--w-aqua-100:#e0f6ff;--w-rgb-aqua-100:224,246,255;--w-aqua-200:#b6f0ff;--w-rgb-aqua-200:182,240,255;--w-aqua-300:#66e0ff;--w-rgb-aqua-300:102,224,255;--w-aqua-400:#06befb;--w-rgb-aqua-400:6,190,251;--w-aqua-500:#03a3dd;--w-rgb-aqua-500:3,163,221;--w-aqua-600:#0386bf;--w-rgb-aqua-600:3,134,191;--w-aqua-700:#1e648a;--w-rgb-aqua-700:30,100,138;--w-aqua-800:#1d435a;--w-rgb-aqua-800:29,67,90;--w-aqua-900:#15242f;--w-rgb-aqua-900:21,36,47;--w-green-50:#ebfff6;--w-rgb-green-50:235,255,246;--w-green-100:#cdfee5;--w-rgb-green-100:205,254,229;--w-green-200:#9efcd1;--w-rgb-green-200:158,252,209;--w-green-300:#67eeb8;--w-rgb-green-300:103,238,184;--w-green-400:#2ee69f;--w-rgb-green-400:46,230,159;--w-green-500:#18c884;--w-rgb-green-500:24,200,132;--w-green-600:#059e6f;--w-rgb-green-600:5,158,111;--w-green-700:#1d7454;--w-rgb-green-700:29,116,84;--w-green-800:#1b4d39;--w-rgb-green-800:27,77,57;--w-green-900:#14291f;--w-rgb-green-900:20,41,31;--w-yellow-50:#fff8e6;--w-rgb-yellow-50:255,248,230;--w-yellow-100:#fff5c8;--w-rgb-yellow-100:255,245,200;--w-yellow-200:#feef90;--w-rgb-yellow-200:254,239,144;--w-yellow-300:#fae76b;--w-rgb-yellow-300:250,231,107;--w-yellow-400:#ffe11f;--w-rgb-yellow-400:255,225,31;--w-yellow-500:#eeb61b;--w-rgb-yellow-500:238,182,27;--w-yellow-600:#d5840b;--w-rgb-yellow-600:213,132,11;--w-yellow-700:#9b621e;--w-rgb-yellow-700:155,98,30;--w-yellow-800:#654118;--w-rgb-yellow-800:101,65,24;--w-yellow-900:#352310;--w-rgb-yellow-900:53,35,16;--w-red-50:#fff5f5;--w-rgb-red-50:255,245,245;--w-red-100:#ffefef;--w-rgb-red-100:255,239,239;--w-red-200:#ffd1d1;--w-rgb-red-200:255,209,209;--w-red-300:#f99;--w-rgb-red-300:255,153,153;--w-red-400:#ff5844;--w-rgb-red-400:255,88,68;--w-red-500:#fa270f;--w-rgb-red-500:250,39,15;--w-red-600:#d91f0a;--w-rgb-red-600:217,31,10;--w-red-700:#9e2216;--w-rgb-red-700:158,34,22;--w-red-800:#681d11;--w-rgb-red-800:104,29,17;--w-red-900:#38140b;--w-rgb-red-900:56,20,11;--w-bluegray-50:#f8fafc;--w-rgb-bluegray-50:248,250,252;--w-bluegray-100:#f1f4f9;--w-rgb-bluegray-100:241,244,249;--w-bluegray-200:#e1e6ee;--w-rgb-bluegray-200:225,230,238;--w-bluegray-300:#c3ccd9;--w-rgb-bluegray-300:195,204,217;--w-bluegray-400:#9ba8ba;--w-rgb-bluegray-400:155,168,186;--w-bluegray-500:#6f7d90;--w-rgb-bluegray-500:111,125,144;--w-bluegray-600:#4d586f;--w-rgb-bluegray-600:77,88,111;--w-bluegray-700:#3b4353;--w-rgb-bluegray-700:59,67,83;--w-bluegray-800:#292d38;--w-rgb-bluegray-800:41,45,56;--w-bluegray-900:#181a1f;--w-rgb-bluegray-900:24,26,31;--w-color-callout-background:var(--w-s-color-background-positive-subtle);--w-color-callout-border:var(--w-s-color-border-positive-subtle);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-pill-background-hover:var(--w-blue-300-alpha30);--w-color-button-pill-background-active:var(--w-blue-400-alpha30);--w-color-buttongroup-utility-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-utility-background-selected:var(--w-s-color-background-selected);--w-color-buttongroup-utility-border:var(--w-s-color-border);--w-color-buttongroup-utility-border-selected:var(--w-s-color-selected);--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:BlocketSans,sans-serif;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-background:var(--w-gray-100);--w-color-badge-info-background:var(--w-s-color-background-info-subtle);--w-color-badge-positive-background:var(--w-s-color-background-positive-subtle);--w-color-badge-warning-background:var(--w-s-color-background-warning-subtle);--w-color-badge-negative-background:var(--w-s-color-background-negative-subtle);--w-color-badge-price-background:var(--w-black-alpha70);--w-color-badge-sponsored-background:var(--w-s-color-background);--w-color-avatar-background:var(--w-bluegray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
|
|
1
|
+
:root,:host{--w-color-switch-track-background:var(--w-s-color-background-subtle);--w-color-switch-track-background-hover:var(--w-s-color-background-subtle-hover);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-color-background:var(--w-white);--w-s-rgb-background:var(--w-rgb-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-rgb-background-hover:var(--w-rgb-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-rgb-background-active:var(--w-rgb-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-rgb-background-selected:var(--w-rgb-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-rgb-background-selected-hover:var(--w-rgb-blue-100);--w-s-color-background-selected-active:var(--w-blue-200);--w-s-rgb-background-selected-active:var(--w-rgb-blue-200);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-rgb-background-disabled:var(--w-rgb-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-rgb-background-disabled-subtle:var(--w-rgb-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-rgb-background-subtle:var(--w-rgb-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-rgb-background-subtle-hover:var(--w-rgb-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-rgb-background-subtle-active:var(--w-rgb-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-rgb-background-primary:var(--w-rgb-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-rgb-background-primary-hover:var(--w-rgb-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-rgb-background-primary-active:var(--w-rgb-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-rgb-background-primary-subtle:var(--w-rgb-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-rgb-background-secondary:var(--w-rgb-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-rgb-background-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-rgb-background-secondary-active:var(--w-rgb-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-rgb-background-positive-selected:var(--w-rgb-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-rgb-background-positive-selected-hover:var(--w-rgb-green-100);--w-s-color-background-positive-selected-active:var(--w-green-200);--w-s-rgb-background-positive-selected-active:var(--w-rgb-green-200);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-rgb-background-negative-selected:var(--w-rgb-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-rgb-background-negative-selected-hover:var(--w-rgb-red-100);--w-s-color-background-negative-selected-active:var(--w-red-200);--w-s-rgb-background-negative-selected-active:var(--w-rgb-red-200);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-rgb-background-warning-selected:var(--w-rgb-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-rgb-background-warning-selected-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-selected-active:var(--w-yellow-200);--w-s-rgb-background-warning-selected-active:var(--w-rgb-yellow-200);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-rgb-background-info:var(--w-rgb-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-rgb-background-info-hover:var(--w-rgb-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-rgb-background-info-active:var(--w-rgb-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-rgb-background-info-selected:var(--w-rgb-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-rgb-background-info-selected-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-selected-active:var(--w-aqua-200);--w-s-rgb-background-info-selected-active:var(--w-rgb-aqua-200);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-rgb-background-info-subtle:var(--w-rgb-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-rgb-background-info-subtle-active:var(--w-rgb-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-rgb-border:var(--w-rgb-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-rgb-border-hover:var(--w-rgb-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-rgb-border-active:var(--w-rgb-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-rgb-border-disabled:var(--w-rgb-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-rgb-border-focused:var(--w-rgb-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-rgb-border-selected:var(--w-rgb-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-rgb-border-selected-hover:var(--w-rgb-blue-700);--w-s-color-border-selected-active:var(--w-blue-800);--w-s-rgb-border-selected-active:var(--w-rgb-blue-800);--w-s-color-border-inverted:var(--w-white);--w-s-rgb-border-inverted:var(--w-rgb-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-rgb-border-primary:var(--w-rgb-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-rgb-border-primary-hover:var(--w-rgb-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-rgb-border-primary-active:var(--w-rgb-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-rgb-border-primary-subtle:var(--w-rgb-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-rgb-border-secondary:var(--w-rgb-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-rgb-border-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-rgb-border-secondary-active:var(--w-rgb-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-rgb-border-info:var(--w-rgb-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-rgb-border-info-hover:var(--w-rgb-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-rgb-border-info-active:var(--w-rgb-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-rgb-border-info-subtle:var(--w-rgb-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-rgb-border-info-subtle-active:var(--w-rgb-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-rgb-icon:var(--w-rgb-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-rgb-icon-hover:var(--w-rgb-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-rgb-icon-active:var(--w-rgb-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-rgb-icon-selected:var(--w-rgb-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-rgb-icon-selected-hover:var(--w-rgb-blue-700);--w-s-color-icon-selected-active:var(--w-blue-800);--w-s-rgb-icon-selected-active:var(--w-rgb-blue-800);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-rgb-icon-disabled:var(--w-rgb-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-rgb-icon-subtle:var(--w-rgb-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-rgb-icon-subtle-hover:var(--w-rgb-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-rgb-icon-subtle-active:var(--w-rgb-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-rgb-icon-inverted-hover:var(--w-rgb-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-rgb-icon-inverted-active:var(--w-rgb-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-rgb-icon-primary:var(--w-rgb-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-rgb-icon-secondary:var(--w-rgb-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-rgb-icon-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-rgb-icon-info:var(--w-rgb-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-rgb-text:var(--w-rgb-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-rgb-text-placeholder:var(--w-rgb-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-rgb-text-link:var(--w-rgb-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-rgb-text-disabled:var(--w-rgb-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-color-text-notification:var(--w-white);--w-s-rgb-text-notification:var(--w-rgb-white);--w-s-color-focused:var(--w-aqua-400);--w-s-rgb-focused:var(--w-rgb-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-s-rgb-divider:var(--w-rgb-bluegray-200);--w-color-pill-suggestion-background:var(--w-s-color-background-subtle);--w-color-pill-suggestion-background-hover:var(--w-s-color-background-subtle-hover);--w-color-pill-suggestion-background-active:var(--w-s-color-background-subtle-active);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative);--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-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-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-callout-text:var(--w-s-color-text);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-shadow-combobox:var(--w-shadow-m);--w-shadow-modal:var(--w-shadow-m);--w-shadow-popover:var(--w-shadow-m);--w-shadow-switch-handle:var(--w-shadow-s);--w-shadow-tooltip:var(--w-shadow-m);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--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-black-alpha25:#00000040;--w-black-alpha70:#000000b3;--w-gray-900-alpha70:#18181bb3;--w-blue-300-alpha30:#9ac1fe4d;--w-blue-400-alpha30:#5c9cff4d;--w-blue-600-alpha50:#0063fb80;--w-white:white;--w-rgb-white:255,255,255;--w-black:black;--w-rgb-black:0,0,0;--w-blue-50:#eff5ff;--w-rgb-blue-50:239,245,255;--w-blue-100:#e1edfe;--w-rgb-blue-100:225,237,254;--w-blue-200:#c2dafe;--w-rgb-blue-200:194,218,254;--w-blue-300:#9ac1fe;--w-rgb-blue-300:154,193,254;--w-blue-400:#5c9cff;--w-rgb-blue-400:92,156,255;--w-blue-500:#2b7eff;--w-rgb-blue-500:43,126,255;--w-blue-600:#0063fb;--w-rgb-blue-600:0,99,251;--w-blue-700:#244eb3;--w-rgb-blue-700:36,78,179;--w-blue-800:#223474;--w-rgb-blue-800:34,52,116;--w-blue-900:#191d34;--w-rgb-blue-900:25,29,52;--w-gray-50:#fafafa;--w-rgb-gray-50:250,250,250;--w-gray-100:#f4f4f5;--w-rgb-gray-100:244,244,245;--w-gray-200:#e4e4e7;--w-rgb-gray-200:228,228,231;--w-gray-300:#d4d4d8;--w-rgb-gray-300:212,212,216;--w-gray-400:#a1a1aa;--w-rgb-gray-400:161,161,170;--w-gray-500:#71717a;--w-rgb-gray-500:113,113,122;--w-gray-600:#52525b;--w-rgb-gray-600:82,82,91;--w-gray-700:#3f3f46;--w-rgb-gray-700:63,63,70;--w-gray-800:#27272a;--w-rgb-gray-800:39,39,42;--w-gray-900:#18181b;--w-rgb-gray-900:24,24,27;--w-aqua-50:#f1f9ff;--w-rgb-aqua-50:241,249,255;--w-aqua-100:#e0f6ff;--w-rgb-aqua-100:224,246,255;--w-aqua-200:#b6f0ff;--w-rgb-aqua-200:182,240,255;--w-aqua-300:#66e0ff;--w-rgb-aqua-300:102,224,255;--w-aqua-400:#06befb;--w-rgb-aqua-400:6,190,251;--w-aqua-500:#03a3dd;--w-rgb-aqua-500:3,163,221;--w-aqua-600:#0386bf;--w-rgb-aqua-600:3,134,191;--w-aqua-700:#1e648a;--w-rgb-aqua-700:30,100,138;--w-aqua-800:#1d435a;--w-rgb-aqua-800:29,67,90;--w-aqua-900:#15242f;--w-rgb-aqua-900:21,36,47;--w-green-50:#ebfff6;--w-rgb-green-50:235,255,246;--w-green-100:#cdfee5;--w-rgb-green-100:205,254,229;--w-green-200:#9efcd1;--w-rgb-green-200:158,252,209;--w-green-300:#67eeb8;--w-rgb-green-300:103,238,184;--w-green-400:#2ee69f;--w-rgb-green-400:46,230,159;--w-green-500:#18c884;--w-rgb-green-500:24,200,132;--w-green-600:#059e6f;--w-rgb-green-600:5,158,111;--w-green-700:#1d7454;--w-rgb-green-700:29,116,84;--w-green-800:#1b4d39;--w-rgb-green-800:27,77,57;--w-green-900:#14291f;--w-rgb-green-900:20,41,31;--w-yellow-50:#fff8e6;--w-rgb-yellow-50:255,248,230;--w-yellow-100:#fff5c8;--w-rgb-yellow-100:255,245,200;--w-yellow-200:#feef90;--w-rgb-yellow-200:254,239,144;--w-yellow-300:#fae76b;--w-rgb-yellow-300:250,231,107;--w-yellow-400:#ffe11f;--w-rgb-yellow-400:255,225,31;--w-yellow-500:#eeb61b;--w-rgb-yellow-500:238,182,27;--w-yellow-600:#d5840b;--w-rgb-yellow-600:213,132,11;--w-yellow-700:#9b621e;--w-rgb-yellow-700:155,98,30;--w-yellow-800:#654118;--w-rgb-yellow-800:101,65,24;--w-yellow-900:#352310;--w-rgb-yellow-900:53,35,16;--w-red-50:#fff5f5;--w-rgb-red-50:255,245,245;--w-red-100:#ffefef;--w-rgb-red-100:255,239,239;--w-red-200:#ffd1d1;--w-rgb-red-200:255,209,209;--w-red-300:#f99;--w-rgb-red-300:255,153,153;--w-red-400:#ff5844;--w-rgb-red-400:255,88,68;--w-red-500:#fa270f;--w-rgb-red-500:250,39,15;--w-red-600:#d91f0a;--w-rgb-red-600:217,31,10;--w-red-700:#9e2216;--w-rgb-red-700:158,34,22;--w-red-800:#681d11;--w-rgb-red-800:104,29,17;--w-red-900:#38140b;--w-rgb-red-900:56,20,11;--w-bluegray-50:#f8fafc;--w-rgb-bluegray-50:248,250,252;--w-bluegray-100:#f1f4f9;--w-rgb-bluegray-100:241,244,249;--w-bluegray-200:#e1e6ee;--w-rgb-bluegray-200:225,230,238;--w-bluegray-300:#c3ccd9;--w-rgb-bluegray-300:195,204,217;--w-bluegray-400:#9ba8ba;--w-rgb-bluegray-400:155,168,186;--w-bluegray-500:#6f7d90;--w-rgb-bluegray-500:111,125,144;--w-bluegray-600:#4d586f;--w-rgb-bluegray-600:77,88,111;--w-bluegray-700:#3b4353;--w-rgb-bluegray-700:59,67,83;--w-bluegray-800:#292d38;--w-rgb-bluegray-800:41,45,56;--w-bluegray-900:#181a1f;--w-rgb-bluegray-900:24,26,31;--w-color-callout-background:var(--w-s-color-background-positive-subtle);--w-color-callout-border:var(--w-s-color-border-positive-subtle);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-pill-background-hover:rgba(var(--w-rgb-blue-300),.3);--w-color-button-pill-background-active:rgba(var(--w-rgb-blue-400),.3);--w-color-buttongroup-utility-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-utility-background-selected:var(--w-s-color-background-selected);--w-color-buttongroup-utility-border:var(--w-s-color-border);--w-color-buttongroup-utility-border-selected:var(--w-s-color-selected);--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:BlocketSans,sans-serif;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-background:var(--w-gray-100);--w-color-badge-info-background:var(--w-s-color-background-info-subtle);--w-color-badge-positive-background:var(--w-s-color-background-positive-subtle);--w-color-badge-warning-background:var(--w-s-color-background-warning-subtle);--w-color-badge-negative-background:var(--w-s-color-background-negative-subtle);--w-color-badge-sponsored-background:var(--w-s-color-background);--w-color-avatar-background:var(--w-bluegray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
|
package/dist/tokens/finn-no.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,:host{--w-color-switch-track-background:var(--w-gray-300);--w-color-switch-track-background-hover:var(--w-gray-400);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-color-background:var(--w-white);--w-s-rgb-background:var(--w-rgb-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-rgb-background-hover:var(--w-rgb-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-rgb-background-active:var(--w-rgb-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-rgb-background-selected:var(--w-rgb-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-rgb-background-selected-hover:var(--w-rgb-blue-100);--w-s-color-background-selected-active:var(--w-blue-200);--w-s-rgb-background-selected-active:var(--w-rgb-blue-200);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-rgb-background-disabled:var(--w-rgb-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-rgb-background-disabled-subtle:var(--w-rgb-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-rgb-background-subtle:var(--w-rgb-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-rgb-background-subtle-hover:var(--w-rgb-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-rgb-background-subtle-active:var(--w-rgb-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-rgb-background-primary:var(--w-rgb-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-rgb-background-primary-hover:var(--w-rgb-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-rgb-background-primary-active:var(--w-rgb-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-rgb-background-primary-subtle:var(--w-rgb-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-rgb-background-secondary:var(--w-rgb-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-rgb-background-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-rgb-background-secondary-active:var(--w-rgb-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-rgb-background-positive-selected:var(--w-rgb-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-rgb-background-positive-selected-hover:var(--w-rgb-green-100);--w-s-color-background-positive-selected-active:var(--w-green-200);--w-s-rgb-background-positive-selected-active:var(--w-rgb-green-200);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-rgb-background-negative-selected:var(--w-rgb-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-rgb-background-negative-selected-hover:var(--w-rgb-red-100);--w-s-color-background-negative-selected-active:var(--w-red-200);--w-s-rgb-background-negative-selected-active:var(--w-rgb-red-200);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-rgb-background-warning-selected:var(--w-rgb-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-rgb-background-warning-selected-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-selected-active:var(--w-yellow-200);--w-s-rgb-background-warning-selected-active:var(--w-rgb-yellow-200);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-rgb-background-info:var(--w-rgb-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-rgb-background-info-hover:var(--w-rgb-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-rgb-background-info-active:var(--w-rgb-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-rgb-background-info-selected:var(--w-rgb-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-rgb-background-info-selected-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-selected-active:var(--w-aqua-200);--w-s-rgb-background-info-selected-active:var(--w-rgb-aqua-200);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-rgb-background-info-subtle:var(--w-rgb-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-rgb-background-info-subtle-active:var(--w-rgb-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-rgb-border:var(--w-rgb-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-rgb-border-hover:var(--w-rgb-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-rgb-border-active:var(--w-rgb-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-rgb-border-disabled:var(--w-rgb-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-rgb-border-focused:var(--w-rgb-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-rgb-border-selected:var(--w-rgb-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-rgb-border-selected-hover:var(--w-rgb-blue-700);--w-s-color-border-selected-active:var(--w-blue-800);--w-s-rgb-border-selected-active:var(--w-rgb-blue-800);--w-s-color-border-inverted:var(--w-white);--w-s-rgb-border-inverted:var(--w-rgb-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-rgb-border-primary:var(--w-rgb-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-rgb-border-primary-hover:var(--w-rgb-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-rgb-border-primary-active:var(--w-rgb-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-rgb-border-primary-subtle:var(--w-rgb-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-rgb-border-secondary:var(--w-rgb-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-rgb-border-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-rgb-border-secondary-active:var(--w-rgb-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-rgb-border-negative-selected:var(--w-rgb-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-rgb-border-negative-selected-hover:var(--w-rgb-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-rgb-border-info:var(--w-rgb-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-rgb-border-info-hover:var(--w-rgb-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-rgb-border-info-active:var(--w-rgb-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-rgb-border-info-subtle:var(--w-rgb-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-rgb-border-info-subtle-active:var(--w-rgb-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-rgb-icon:var(--w-rgb-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-rgb-icon-hover:var(--w-rgb-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-rgb-icon-active:var(--w-rgb-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-rgb-icon-selected:var(--w-rgb-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-rgb-icon-selected-hover:var(--w-rgb-blue-700);--w-s-color-icon-selected-active:var(--w-blue-800);--w-s-rgb-icon-selected-active:var(--w-rgb-blue-800);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-rgb-icon-disabled:var(--w-rgb-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-rgb-icon-subtle:var(--w-rgb-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-rgb-icon-subtle-hover:var(--w-rgb-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-rgb-icon-subtle-active:var(--w-rgb-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-rgb-icon-inverted-hover:var(--w-rgb-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-rgb-icon-inverted-active:var(--w-rgb-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-rgb-icon-primary:var(--w-rgb-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-rgb-icon-secondary:var(--w-rgb-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-rgb-icon-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-rgb-icon-info:var(--w-rgb-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-rgb-text:var(--w-rgb-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-rgb-text-placeholder:var(--w-rgb-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-rgb-text-link:var(--w-rgb-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-rgb-text-disabled:var(--w-rgb-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-color-text-notification:var(--w-white);--w-s-rgb-text-notification:var(--w-rgb-white);--w-s-color-focused:var(--w-aqua-400);--w-s-rgb-focused:var(--w-rgb-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-s-rgb-divider:var(--w-rgb-bluegray-200);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative);--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-notification-text:var(--w-s-color-text-notification);--w-color-badge-notification-background:var(--w-s-color-background-notification);--w-color-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-callout-text:var(--w-s-color-text);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-shadow-combobox:var(--w-shadow-m);--w-shadow-modal:var(--w-shadow-m);--w-shadow-popover:var(--w-shadow-m);--w-shadow-switch-handle:var(--w-shadow-s);--w-shadow-tooltip:var(--w-shadow-m);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-subtle-default:var(--w-red-300);--w-s-color-border-warning-default:var(--w-yellow-600);--w-s-color-border-warning-subtle-default:var(--w-yellow-300);--w-s-color-border-info-default:var(--w-aqua-600);--w-s-color-border-info-subtle-default:var(--w-aqua-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-bluegray-500);--w-s-color-text-default:var(--w-gray-700);--w-gray-900-alpha70:#18181bb3;--w-white:white;--w-rgb-white:255,255,255;--w-black:black;--w-rgb-black:0,0,0;--w-black-alpha25:#00000040;--w-rgb-black-alpha25:#00000040;--w-black-alpha70:#000000b3;--w-rgb-black-alpha70:#000000b3;--w-blue-50:#eff5ff;--w-rgb-blue-50:239,245,255;--w-blue-100:#e1edfe;--w-rgb-blue-100:225,237,254;--w-blue-200:#c2dafe;--w-rgb-blue-200:194,218,254;--w-blue-300:#9ac1fe;--w-rgb-blue-300:154,193,254;--w-blue-300-alpha30:#9ac1fe4d;--w-rgb-blue-300-alpha30:#9ac1fe4d;--w-blue-400:#5c9cff;--w-rgb-blue-400:92,156,255;--w-blue-400-alpha30:#5c9cff4d;--w-rgb-blue-400-alpha30:#5c9cff4d;--w-blue-500:#2b7eff;--w-rgb-blue-500:43,126,255;--w-blue-600:#0063fb;--w-rgb-blue-600:0,99,251;--w-blue-600-alpha50:#0063fb80;--w-rgb-blue-600-alpha50:#0063fb80;--w-blue-700:#244eb3;--w-rgb-blue-700:36,78,179;--w-blue-800:#223474;--w-rgb-blue-800:34,52,116;--w-blue-900:#191d34;--w-rgb-blue-900:25,29,52;--w-gray-50:#fafafa;--w-rgb-gray-50:250,250,250;--w-gray-100:#f4f4f5;--w-rgb-gray-100:244,244,245;--w-gray-200:#e4e4e7;--w-rgb-gray-200:228,228,231;--w-gray-300:#d4d4d8;--w-rgb-gray-300:212,212,216;--w-gray-400:#a1a1aa;--w-rgb-gray-400:161,161,170;--w-gray-500:#71717a;--w-rgb-gray-500:113,113,122;--w-gray-600:#52525b;--w-rgb-gray-600:82,82,91;--w-gray-700:#3f3f46;--w-rgb-gray-700:63,63,70;--w-gray-800:#27272a;--w-rgb-gray-800:39,39,42;--w-gray-900:#18181b;--w-rgb-gray-900:24,24,27;--w-aqua-50:#f1f9ff;--w-rgb-aqua-50:241,249,255;--w-aqua-100:#e0f6ff;--w-rgb-aqua-100:224,246,255;--w-aqua-200:#b6f0ff;--w-rgb-aqua-200:182,240,255;--w-aqua-300:#66e0ff;--w-rgb-aqua-300:102,224,255;--w-aqua-400:#06befb;--w-rgb-aqua-400:6,190,251;--w-aqua-500:#03a3dd;--w-rgb-aqua-500:3,163,221;--w-aqua-600:#0386bf;--w-rgb-aqua-600:3,134,191;--w-aqua-700:#1e648a;--w-rgb-aqua-700:30,100,138;--w-aqua-800:#1d435a;--w-rgb-aqua-800:29,67,90;--w-aqua-900:#15242f;--w-rgb-aqua-900:21,36,47;--w-green-50:#ebfff6;--w-rgb-green-50:235,255,246;--w-green-100:#cdfee5;--w-rgb-green-100:205,254,229;--w-green-200:#9efcd1;--w-rgb-green-200:158,252,209;--w-green-300:#67eeb8;--w-rgb-green-300:103,238,184;--w-green-400:#2ee69f;--w-rgb-green-400:46,230,159;--w-green-500:#18c884;--w-rgb-green-500:24,200,132;--w-green-600:#059e6f;--w-rgb-green-600:5,158,111;--w-green-700:#1d7454;--w-rgb-green-700:29,116,84;--w-green-800:#1b4d39;--w-rgb-green-800:27,77,57;--w-green-900:#14291f;--w-rgb-green-900:20,41,31;--w-yellow-50:#fff8e6;--w-rgb-yellow-50:255,248,230;--w-yellow-100:#fff5c8;--w-rgb-yellow-100:255,245,200;--w-yellow-200:#feef90;--w-rgb-yellow-200:254,239,144;--w-yellow-300:#fae76b;--w-rgb-yellow-300:250,231,107;--w-yellow-400:#ffe11f;--w-rgb-yellow-400:255,225,31;--w-yellow-500:#eeb61b;--w-rgb-yellow-500:238,182,27;--w-yellow-600:#d5840b;--w-rgb-yellow-600:213,132,11;--w-yellow-700:#9b621e;--w-rgb-yellow-700:155,98,30;--w-yellow-800:#654118;--w-rgb-yellow-800:101,65,24;--w-yellow-900:#352310;--w-rgb-yellow-900:53,35,16;--w-red-50:#fff5f5;--w-rgb-red-50:255,245,245;--w-red-100:#ffefef;--w-rgb-red-100:255,239,239;--w-red-200:#ffd1d1;--w-rgb-red-200:255,209,209;--w-red-300:#f99;--w-rgb-red-300:255,153,153;--w-red-400:#ff5844;--w-rgb-red-400:255,88,68;--w-red-500:#fa270f;--w-rgb-red-500:250,39,15;--w-red-600:#d91f0a;--w-rgb-red-600:217,31,10;--w-red-700:#9e2216;--w-rgb-red-700:158,34,22;--w-red-800:#681d11;--w-rgb-red-800:104,29,17;--w-red-900:#38140b;--w-rgb-red-900:56,20,11;--w-bluegray-50:#f8fafc;--w-rgb-bluegray-50:248,250,252;--w-bluegray-100:#f1f4f9;--w-rgb-bluegray-100:241,244,249;--w-bluegray-200:#e1e6ee;--w-rgb-bluegray-200:225,230,238;--w-bluegray-300:#c3ccd9;--w-rgb-bluegray-300:195,204,217;--w-bluegray-400:#9ba8ba;--w-rgb-bluegray-400:155,168,186;--w-bluegray-500:#6f7d90;--w-rgb-bluegray-500:111,125,144;--w-bluegray-600:#4d586f;--w-rgb-bluegray-600:77,88,111;--w-bluegray-700:#3b4353;--w-rgb-bluegray-700:59,67,83;--w-bluegray-800:#292d38;--w-rgb-bluegray-800:41,45,56;--w-bluegray-900:#181a1f;--w-rgb-bluegray-900:24,26,31;--w-color-callout-background:var(--w-green-100);--w-color-callout-border:var(--w-green-400);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-pill-background-hover:var(--w-blue-300-alpha30);--w-color-button-pill-background-active:var(--w-blue-400-alpha30);--w-color-buttongroup-utility-background-hover:var(--w-gray-100);--w-color-buttongroup-utility-background-selected:var(--w-gray-200);--w-color-buttongroup-utility-border:var(--w-gray-300);--w-color-buttongroup-utility-border-selected:var(--w-gray-700);--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:Finntype;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-background:var(--w-bluegray-100);--w-color-badge-info-background:var(--w-aqua-100);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-negative-background:var(--w-red-100);--w-color-badge-price-background:var(--w-black-alpha70);--w-color-badge-sponsored-background:var(--w-aqua-200);--w-color-avatar-background:var(--w-bluegray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
|
|
1
|
+
:root,:host{--w-color-switch-track-background:var(--w-gray-300);--w-color-switch-track-background-hover:var(--w-gray-400);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-color-background:var(--w-white);--w-s-rgb-background:var(--w-rgb-white);--w-s-color-background-hover:var(--w-bluegray-100);--w-s-rgb-background-hover:var(--w-rgb-bluegray-100);--w-s-color-background-active:var(--w-bluegray-200);--w-s-rgb-background-active:var(--w-rgb-bluegray-200);--w-s-color-background-selected:var(--w-blue-50);--w-s-rgb-background-selected:var(--w-rgb-blue-50);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-rgb-background-selected-hover:var(--w-rgb-blue-100);--w-s-color-background-selected-active:var(--w-blue-200);--w-s-rgb-background-selected-active:var(--w-rgb-blue-200);--w-s-color-background-disabled:var(--w-bluegray-300);--w-s-rgb-background-disabled:var(--w-rgb-bluegray-300);--w-s-color-background-disabled-subtle:var(--w-bluegray-200);--w-s-rgb-background-disabled-subtle:var(--w-rgb-bluegray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-color-background-subtle:var(--w-bluegray-50);--w-s-rgb-background-subtle:var(--w-rgb-bluegray-50);--w-s-color-background-subtle-hover:var(--w-bluegray-100);--w-s-rgb-background-subtle-hover:var(--w-rgb-bluegray-100);--w-s-color-background-subtle-active:var(--w-bluegray-200);--w-s-rgb-background-subtle-active:var(--w-rgb-bluegray-200);--w-s-color-background-primary:var(--w-blue-600);--w-s-rgb-background-primary:var(--w-rgb-blue-600);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-rgb-background-primary-hover:var(--w-rgb-blue-700);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-rgb-background-primary-active:var(--w-rgb-blue-800);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-rgb-background-primary-subtle:var(--w-rgb-blue-50);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blue-100);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blue-200);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-rgb-background-secondary:var(--w-rgb-aqua-400);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-rgb-background-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-rgb-background-secondary-active:var(--w-rgb-aqua-600);--w-s-color-background-positive:var(--w-green-600);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-rgb-background-positive-selected:var(--w-rgb-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-rgb-background-positive-selected-hover:var(--w-rgb-green-100);--w-s-color-background-positive-selected-active:var(--w-green-200);--w-s-rgb-background-positive-selected-active:var(--w-rgb-green-200);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-rgb-background-negative-selected:var(--w-rgb-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-rgb-background-negative-selected-hover:var(--w-rgb-red-100);--w-s-color-background-negative-selected-active:var(--w-red-200);--w-s-rgb-background-negative-selected-active:var(--w-rgb-red-200);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-rgb-background-warning-selected:var(--w-rgb-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-rgb-background-warning-selected-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-selected-active:var(--w-yellow-200);--w-s-rgb-background-warning-selected-active:var(--w-rgb-yellow-200);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-color-background-info:var(--w-aqua-600);--w-s-rgb-background-info:var(--w-rgb-aqua-600);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-rgb-background-info-hover:var(--w-rgb-aqua-700);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-rgb-background-info-active:var(--w-rgb-aqua-800);--w-s-color-background-info-selected:var(--w-aqua-50);--w-s-rgb-background-info-selected:var(--w-rgb-aqua-50);--w-s-color-background-info-selected-hover:var(--w-aqua-100);--w-s-rgb-background-info-selected-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-selected-active:var(--w-aqua-200);--w-s-rgb-background-info-selected-active:var(--w-rgb-aqua-200);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-rgb-background-info-subtle:var(--w-rgb-aqua-50);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-aqua-100);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-rgb-background-info-subtle-active:var(--w-rgb-aqua-200);--w-s-color-background-notification:var(--w-red-600);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-color-border:var(--w-bluegray-300);--w-s-rgb-border:var(--w-rgb-bluegray-300);--w-s-color-border-hover:var(--w-bluegray-400);--w-s-rgb-border-hover:var(--w-rgb-bluegray-400);--w-s-color-border-active:var(--w-bluegray-500);--w-s-rgb-border-active:var(--w-rgb-bluegray-500);--w-s-color-border-disabled:var(--w-bluegray-300);--w-s-rgb-border-disabled:var(--w-rgb-bluegray-300);--w-s-color-border-focused:var(--w-aqua-400);--w-s-rgb-border-focused:var(--w-rgb-aqua-400);--w-s-color-border-selected:var(--w-blue-600);--w-s-rgb-border-selected:var(--w-rgb-blue-600);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-rgb-border-selected-hover:var(--w-rgb-blue-700);--w-s-color-border-selected-active:var(--w-blue-800);--w-s-rgb-border-selected-active:var(--w-rgb-blue-800);--w-s-color-border-inverted:var(--w-white);--w-s-rgb-border-inverted:var(--w-rgb-white);--w-s-color-border-primary:var(--w-blue-600);--w-s-rgb-border-primary:var(--w-rgb-blue-600);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-rgb-border-primary-hover:var(--w-rgb-blue-700);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-rgb-border-primary-active:var(--w-rgb-blue-800);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-rgb-border-primary-subtle:var(--w-rgb-blue-300);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blue-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blue-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-rgb-border-secondary:var(--w-rgb-aqua-400);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-rgb-border-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-rgb-border-secondary-active:var(--w-rgb-aqua-600);--w-s-color-border-positive:var(--w-green-600);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-color-border-info:var(--w-aqua-600);--w-s-rgb-border-info:var(--w-rgb-aqua-600);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-rgb-border-info-hover:var(--w-rgb-aqua-700);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-rgb-border-info-active:var(--w-rgb-aqua-800);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-rgb-border-info-subtle:var(--w-rgb-aqua-300);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-rgb-border-info-subtle-active:var(--w-rgb-aqua-500);--w-s-color-icon:var(--w-gray-700);--w-s-rgb-icon:var(--w-rgb-gray-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-rgb-icon-hover:var(--w-rgb-blue-600);--w-s-color-icon-active:var(--w-blue-700);--w-s-rgb-icon-active:var(--w-rgb-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-rgb-icon-selected:var(--w-rgb-blue-600);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-rgb-icon-selected-hover:var(--w-rgb-blue-700);--w-s-color-icon-selected-active:var(--w-blue-800);--w-s-rgb-icon-selected-active:var(--w-rgb-blue-800);--w-s-color-icon-disabled:var(--w-bluegray-300);--w-s-rgb-icon-disabled:var(--w-rgb-bluegray-300);--w-s-color-icon-subtle:var(--w-bluegray-400);--w-s-rgb-icon-subtle:var(--w-rgb-bluegray-400);--w-s-color-icon-subtle-hover:var(--w-bluegray-500);--w-s-rgb-icon-subtle-hover:var(--w-rgb-bluegray-500);--w-s-color-icon-subtle-active:var(--w-bluegray-600);--w-s-rgb-icon-subtle-active:var(--w-rgb-bluegray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-color-icon-inverted-hover:var(--w-bluegray-100);--w-s-rgb-icon-inverted-hover:var(--w-rgb-bluegray-100);--w-s-color-icon-inverted-active:var(--w-bluegray-200);--w-s-rgb-icon-inverted-active:var(--w-rgb-bluegray-200);--w-s-color-icon-primary:var(--w-blue-600);--w-s-rgb-icon-primary:var(--w-rgb-blue-600);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-rgb-icon-secondary:var(--w-rgb-aqua-400);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-rgb-icon-secondary-hover:var(--w-rgb-aqua-500);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-aqua-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-color-icon-info:var(--w-aqua-600);--w-s-rgb-icon-info:var(--w-rgb-aqua-600);--w-s-color-text:var(--w-gray-700);--w-s-rgb-text:var(--w-rgb-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-color-text-placeholder:var(--w-bluegray-300);--w-s-rgb-text-placeholder:var(--w-rgb-bluegray-300);--w-s-color-text-inverted:var(--w-white);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-color-text-link:var(--w-blue-600);--w-s-rgb-text-link:var(--w-rgb-blue-600);--w-s-color-text-disabled:var(--w-bluegray-300);--w-s-rgb-text-disabled:var(--w-rgb-bluegray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-color-text-notification:var(--w-white);--w-s-rgb-text-notification:var(--w-rgb-white);--w-s-color-focused:var(--w-aqua-400);--w-s-rgb-focused:var(--w-rgb-aqua-400);--w-s-color-divider:var(--w-bluegray-200);--w-s-rgb-divider:var(--w-rgb-bluegray-200);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-bluegray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-bluegray-100);--w-color-background-interactive-selected:var(--w-bluegray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-bluegray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-blue-600);--w-color-text-link-hover:var(--w-blue-800);--w-color-text-link-visited:var(--w-inherit);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative);--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-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-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-primary-border:var(--w-s-color-border-primary);--w-color-button-primary-border-hover:var(--w-s-color-border-primary-hover);--w-color-button-primary-border-active:var(--w-s-color-border-primary-active);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-callout-text:var(--w-s-color-text);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-color-spinner-border:var(--w-blue-600-alpha50);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-shadow-combobox:var(--w-shadow-m);--w-shadow-modal:var(--w-shadow-m);--w-shadow-popover:var(--w-shadow-m);--w-shadow-switch-handle:var(--w-shadow-s);--w-shadow-tooltip:var(--w-shadow-m);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-bluegray-50);--w-s-color-background-primary-default:var(--w-blue-600);--w-s-color-background-positive-default:var(--w-green-50);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-border-default:var(--w-bluegray-300);--w-s-color-border-primary-default:var(--w-blue-600);--w-s-color-border-primary-subtle-default:var(--w-blue-300);--w-s-color-border-positive-default:var(--w-green-600);--w-s-color-border-positive-subtle-default:var(--w-green-300);--w-s-color-border-negative-default:var(--w-red-600);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--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-black-alpha25:#00000040;--w-black-alpha70:#000000b3;--w-gray-900-alpha70:#18181bb3;--w-blue-300-alpha30:#9ac1fe4d;--w-blue-400-alpha30:#5c9cff4d;--w-blue-600-alpha50:#0063fb80;--w-white:white;--w-rgb-white:255,255,255;--w-black:black;--w-rgb-black:0,0,0;--w-blue-50:#eff5ff;--w-rgb-blue-50:239,245,255;--w-blue-100:#e1edfe;--w-rgb-blue-100:225,237,254;--w-blue-200:#c2dafe;--w-rgb-blue-200:194,218,254;--w-blue-300:#9ac1fe;--w-rgb-blue-300:154,193,254;--w-blue-400:#5c9cff;--w-rgb-blue-400:92,156,255;--w-blue-500:#2b7eff;--w-rgb-blue-500:43,126,255;--w-blue-600:#0063fb;--w-rgb-blue-600:0,99,251;--w-blue-700:#244eb3;--w-rgb-blue-700:36,78,179;--w-blue-800:#223474;--w-rgb-blue-800:34,52,116;--w-blue-900:#191d34;--w-rgb-blue-900:25,29,52;--w-gray-50:#fafafa;--w-rgb-gray-50:250,250,250;--w-gray-100:#f4f4f5;--w-rgb-gray-100:244,244,245;--w-gray-200:#e4e4e7;--w-rgb-gray-200:228,228,231;--w-gray-300:#d4d4d8;--w-rgb-gray-300:212,212,216;--w-gray-400:#a1a1aa;--w-rgb-gray-400:161,161,170;--w-gray-500:#71717a;--w-rgb-gray-500:113,113,122;--w-gray-600:#52525b;--w-rgb-gray-600:82,82,91;--w-gray-700:#3f3f46;--w-rgb-gray-700:63,63,70;--w-gray-800:#27272a;--w-rgb-gray-800:39,39,42;--w-gray-900:#18181b;--w-rgb-gray-900:24,24,27;--w-aqua-50:#f1f9ff;--w-rgb-aqua-50:241,249,255;--w-aqua-100:#e0f6ff;--w-rgb-aqua-100:224,246,255;--w-aqua-200:#b6f0ff;--w-rgb-aqua-200:182,240,255;--w-aqua-300:#66e0ff;--w-rgb-aqua-300:102,224,255;--w-aqua-400:#06befb;--w-rgb-aqua-400:6,190,251;--w-aqua-500:#03a3dd;--w-rgb-aqua-500:3,163,221;--w-aqua-600:#0386bf;--w-rgb-aqua-600:3,134,191;--w-aqua-700:#1e648a;--w-rgb-aqua-700:30,100,138;--w-aqua-800:#1d435a;--w-rgb-aqua-800:29,67,90;--w-aqua-900:#15242f;--w-rgb-aqua-900:21,36,47;--w-green-50:#ebfff6;--w-rgb-green-50:235,255,246;--w-green-100:#cdfee5;--w-rgb-green-100:205,254,229;--w-green-200:#9efcd1;--w-rgb-green-200:158,252,209;--w-green-300:#67eeb8;--w-rgb-green-300:103,238,184;--w-green-400:#2ee69f;--w-rgb-green-400:46,230,159;--w-green-500:#18c884;--w-rgb-green-500:24,200,132;--w-green-600:#059e6f;--w-rgb-green-600:5,158,111;--w-green-700:#1d7454;--w-rgb-green-700:29,116,84;--w-green-800:#1b4d39;--w-rgb-green-800:27,77,57;--w-green-900:#14291f;--w-rgb-green-900:20,41,31;--w-yellow-50:#fff8e6;--w-rgb-yellow-50:255,248,230;--w-yellow-100:#fff5c8;--w-rgb-yellow-100:255,245,200;--w-yellow-200:#feef90;--w-rgb-yellow-200:254,239,144;--w-yellow-300:#fae76b;--w-rgb-yellow-300:250,231,107;--w-yellow-400:#ffe11f;--w-rgb-yellow-400:255,225,31;--w-yellow-500:#eeb61b;--w-rgb-yellow-500:238,182,27;--w-yellow-600:#d5840b;--w-rgb-yellow-600:213,132,11;--w-yellow-700:#9b621e;--w-rgb-yellow-700:155,98,30;--w-yellow-800:#654118;--w-rgb-yellow-800:101,65,24;--w-yellow-900:#352310;--w-rgb-yellow-900:53,35,16;--w-red-50:#fff5f5;--w-rgb-red-50:255,245,245;--w-red-100:#ffefef;--w-rgb-red-100:255,239,239;--w-red-200:#ffd1d1;--w-rgb-red-200:255,209,209;--w-red-300:#f99;--w-rgb-red-300:255,153,153;--w-red-400:#ff5844;--w-rgb-red-400:255,88,68;--w-red-500:#fa270f;--w-rgb-red-500:250,39,15;--w-red-600:#d91f0a;--w-rgb-red-600:217,31,10;--w-red-700:#9e2216;--w-rgb-red-700:158,34,22;--w-red-800:#681d11;--w-rgb-red-800:104,29,17;--w-red-900:#38140b;--w-rgb-red-900:56,20,11;--w-bluegray-50:#f8fafc;--w-rgb-bluegray-50:248,250,252;--w-bluegray-100:#f1f4f9;--w-rgb-bluegray-100:241,244,249;--w-bluegray-200:#e1e6ee;--w-rgb-bluegray-200:225,230,238;--w-bluegray-300:#c3ccd9;--w-rgb-bluegray-300:195,204,217;--w-bluegray-400:#9ba8ba;--w-rgb-bluegray-400:155,168,186;--w-bluegray-500:#6f7d90;--w-rgb-bluegray-500:111,125,144;--w-bluegray-600:#4d586f;--w-rgb-bluegray-600:77,88,111;--w-bluegray-700:#3b4353;--w-rgb-bluegray-700:59,67,83;--w-bluegray-800:#292d38;--w-rgb-bluegray-800:41,45,56;--w-bluegray-900:#181a1f;--w-rgb-bluegray-900:24,26,31;--w-color-callout-background:var(--w-green-100);--w-color-callout-border:var(--w-green-400);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-pill-background-hover:rgba(var(--w-rgb-blue-300),.3);--w-color-button-pill-background-active:rgba(var(--w-rgb-blue-400),.3);--w-color-buttongroup-utility-background-hover:var(--w-gray-100);--w-color-buttongroup-utility-background-selected:var(--w-gray-200);--w-color-buttongroup-utility-border:var(--w-gray-300);--w-color-buttongroup-utility-border-selected:var(--w-gray-700);--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:Finntype;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-decoration-text-link:underline;--w-color-badge-neutral-background:var(--w-bluegray-100);--w-color-badge-info-background:var(--w-aqua-100);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-negative-background:var(--w-red-100);--w-color-badge-sponsored-background:var(--w-aqua-200);--w-color-avatar-background:var(--w-bluegray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
|
package/dist/tokens/tori-fi.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,:host{--w-color-switch-track-background:var(--w-gray-300);--w-color-switch-track-background-hover:var(--w-gray-400);--w-color-spinner-border:var(--w-blueberry-600-alpha50);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:none;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-color-background:var(--w-white);--w-s-rgb-background:var(--w-rgb-white);--w-s-color-background-hover:var(--w-gray-100);--w-s-rgb-background-hover:var(--w-rgb-gray-100);--w-s-color-background-active:var(--w-gray-200);--w-s-rgb-background-active:var(--w-rgb-gray-200);--w-s-color-background-selected:var(--w-blueberry-50);--w-s-rgb-background-selected:var(--w-rgb-blueberry-50);--w-s-color-background-selected-hover:var(--w-blueberry-100);--w-s-rgb-background-selected-hover:var(--w-rgb-blueberry-100);--w-s-color-background-selected-active:var(--w-blueberry-200);--w-s-rgb-background-selected-active:var(--w-rgb-blueberry-200);--w-s-color-background-disabled:var(--w-gray-300);--w-s-rgb-background-disabled:var(--w-rgb-gray-300);--w-s-color-background-disabled-subtle:var(--w-gray-200);--w-s-rgb-background-disabled-subtle:var(--w-rgb-gray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-color-background-subtle:var(--w-gray-50);--w-s-rgb-background-subtle:var(--w-rgb-gray-50);--w-s-color-background-subtle-hover:var(--w-gray-100);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-100);--w-s-color-background-subtle-active:var(--w-gray-200);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-200);--w-s-color-background-primary:var(--w-blueberry-600);--w-s-rgb-background-primary:var(--w-rgb-blueberry-600);--w-s-color-background-primary-hover:var(--w-blueberry-700);--w-s-rgb-background-primary-hover:var(--w-rgb-blueberry-700);--w-s-color-background-primary-active:var(--w-blueberry-800);--w-s-rgb-background-primary-active:var(--w-rgb-blueberry-800);--w-s-color-background-primary-subtle:var(--w-blueberry-50);--w-s-rgb-background-primary-subtle:var(--w-rgb-blueberry-50);--w-s-color-background-primary-subtle-hover:var(--w-blueberry-100);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blueberry-100);--w-s-color-background-primary-subtle-active:var(--w-blueberry-200);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blueberry-200);--w-s-color-background-secondary:var(--w-watermelon-500);--w-s-rgb-background-secondary:var(--w-rgb-watermelon-500);--w-s-color-background-secondary-hover:var(--w-watermelon-600);--w-s-rgb-background-secondary-hover:var(--w-rgb-watermelon-600);--w-s-color-background-secondary-active:var(--w-watermelon-700);--w-s-rgb-background-secondary-active:var(--w-rgb-watermelon-700);--w-s-color-background-positive:var(--w-green-600);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-rgb-background-positive-selected:var(--w-rgb-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-rgb-background-positive-selected-hover:var(--w-rgb-green-100);--w-s-color-background-positive-selected-active:var(--w-green-200);--w-s-rgb-background-positive-selected-active:var(--w-rgb-green-200);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-rgb-background-negative-selected:var(--w-rgb-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-rgb-background-negative-selected-hover:var(--w-rgb-red-100);--w-s-color-background-negative-selected-active:var(--w-red-200);--w-s-rgb-background-negative-selected-active:var(--w-rgb-red-200);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-rgb-background-warning-selected:var(--w-rgb-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-rgb-background-warning-selected-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-selected-active:var(--w-yellow-200);--w-s-rgb-background-warning-selected-active:var(--w-rgb-yellow-200);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-color-background-info:var(--w-blue-600);--w-s-rgb-background-info:var(--w-rgb-blue-600);--w-s-color-background-info-hover:var(--w-blue-700);--w-s-rgb-background-info-hover:var(--w-rgb-blue-700);--w-s-color-background-info-active:var(--w-blue-800);--w-s-rgb-background-info-active:var(--w-rgb-blue-800);--w-s-color-background-info-selected:var(--w-blue-50);--w-s-rgb-background-info-selected:var(--w-rgb-blue-50);--w-s-color-background-info-selected-hover:var(--w-blue-100);--w-s-rgb-background-info-selected-hover:var(--w-rgb-blue-100);--w-s-color-background-info-selected-active:var(--w-blue-200);--w-s-rgb-background-info-selected-active:var(--w-rgb-blue-200);--w-s-color-background-info-subtle:var(--w-blue-50);--w-s-rgb-background-info-subtle:var(--w-rgb-blue-50);--w-s-color-background-info-subtle-hover:var(--w-blue-100);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-blue-100);--w-s-color-background-info-subtle-active:var(--w-blue-200);--w-s-rgb-background-info-subtle-active:var(--w-rgb-blue-200);--w-s-color-background-notification:var(--w-red-600);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-color-border:var(--w-gray-300);--w-s-rgb-border:var(--w-rgb-gray-300);--w-s-color-border-hover:var(--w-gray-400);--w-s-rgb-border-hover:var(--w-rgb-gray-400);--w-s-color-border-active:var(--w-gray-500);--w-s-rgb-border-active:var(--w-rgb-gray-500);--w-s-color-border-disabled:var(--w-gray-300);--w-s-rgb-border-disabled:var(--w-rgb-gray-300);--w-s-color-border-focused:var(--w-blue-300);--w-s-rgb-border-focused:var(--w-rgb-blue-300);--w-s-color-border-selected:var(--w-blueberry-600);--w-s-rgb-border-selected:var(--w-rgb-blueberry-600);--w-s-color-border-selected-hover:var(--w-blueberry-700);--w-s-rgb-border-selected-hover:var(--w-rgb-blueberry-700);--w-s-color-border-selected-active:var(--w-blueberry-800);--w-s-rgb-border-selected-active:var(--w-rgb-blueberry-800);--w-s-color-border-inverted:var(--w-white);--w-s-rgb-border-inverted:var(--w-rgb-white);--w-s-color-border-primary:var(--w-blueberry-600);--w-s-rgb-border-primary:var(--w-rgb-blueberry-600);--w-s-color-border-primary-hover:var(--w-blueberry-700);--w-s-rgb-border-primary-hover:var(--w-rgb-blueberry-700);--w-s-color-border-primary-active:var(--w-blueberry-800);--w-s-rgb-border-primary-active:var(--w-rgb-blueberry-800);--w-s-color-border-primary-subtle:var(--w-blueberry-300);--w-s-rgb-border-primary-subtle:var(--w-rgb-blueberry-300);--w-s-color-border-primary-subtle-hover:var(--w-blueberry-400);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blueberry-400);--w-s-color-border-primary-subtle-active:var(--w-blueberry-500);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blueberry-500);--w-s-color-border-secondary:var(--w-watermelon-500);--w-s-rgb-border-secondary:var(--w-rgb-watermelon-500);--w-s-color-border-secondary-hover:var(--w-watermelon-600);--w-s-rgb-border-secondary-hover:var(--w-rgb-watermelon-600);--w-s-color-border-secondary-active:var(--w-watermelon-700);--w-s-rgb-border-secondary-active:var(--w-rgb-watermelon-700);--w-s-color-border-positive:var(--w-green-600);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-color-border-negative-selected:var(--w-red-600);--w-s-rgb-border-negative-selected:var(--w-rgb-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--w-s-rgb-border-negative-selected-hover:var(--w-rgb-red-700);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-color-border-info:var(--w-blue-600);--w-s-rgb-border-info:var(--w-rgb-blue-600);--w-s-color-border-info-hover:var(--w-blue-700);--w-s-rgb-border-info-hover:var(--w-rgb-blue-700);--w-s-color-border-info-active:var(--w-blue-800);--w-s-rgb-border-info-active:var(--w-rgb-blue-800);--w-s-color-border-info-subtle:var(--w-blue-300);--w-s-rgb-border-info-subtle:var(--w-rgb-blue-300);--w-s-color-border-info-subtle-hover:var(--w-blue-400);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-blue-400);--w-s-color-border-info-subtle-active:var(--w-blue-500);--w-s-rgb-border-info-subtle-active:var(--w-rgb-blue-500);--w-s-color-icon:var(--w-gray-900);--w-s-rgb-icon:var(--w-rgb-gray-900);--w-s-color-icon-hover:var(--w-gray-900);--w-s-rgb-icon-hover:var(--w-rgb-gray-900);--w-s-color-icon-active:var(--w-gray-900);--w-s-rgb-icon-active:var(--w-rgb-gray-900);--w-s-color-icon-selected:var(--w-blueberry-600);--w-s-rgb-icon-selected:var(--w-rgb-blueberry-600);--w-s-color-icon-selected-hover:var(--w-blueberry-700);--w-s-rgb-icon-selected-hover:var(--w-rgb-blueberry-700);--w-s-color-icon-selected-active:var(--w-blueberry-800);--w-s-rgb-icon-selected-active:var(--w-rgb-blueberry-800);--w-s-color-icon-disabled:var(--w-gray-300);--w-s-rgb-icon-disabled:var(--w-rgb-gray-300);--w-s-color-icon-subtle:var(--w-gray-400);--w-s-rgb-icon-subtle:var(--w-rgb-gray-400);--w-s-color-icon-subtle-hover:var(--w-gray-500);--w-s-rgb-icon-subtle-hover:var(--w-rgb-gray-500);--w-s-color-icon-subtle-active:var(--w-gray-600);--w-s-rgb-icon-subtle-active:var(--w-rgb-gray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-color-icon-inverted-hover:var(--w-gray-100);--w-s-rgb-icon-inverted-hover:var(--w-rgb-gray-100);--w-s-color-icon-inverted-active:var(--w-gray-200);--w-s-rgb-icon-inverted-active:var(--w-rgb-gray-200);--w-s-color-icon-primary:var(--w-blueberry-600);--w-s-rgb-icon-primary:var(--w-rgb-blueberry-600);--w-s-color-icon-secondary:var(--w-watermelon-500);--w-s-rgb-icon-secondary:var(--w-rgb-watermelon-500);--w-s-color-icon-secondary-hover:var(--w-watermelon-600);--w-s-rgb-icon-secondary-hover:var(--w-rgb-watermelon-600);--w-s-color-icon-secondary-active:var(--w-watermelon-700);--w-s-rgb-icon-secondary-active:var(--w-rgb-watermelon-700);--w-s-color-icon-positive:var(--w-green-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-color-icon-info:var(--w-blue-600);--w-s-rgb-icon-info:var(--w-rgb-blue-600);--w-s-color-text:var(--w-gray-900);--w-s-rgb-text:var(--w-rgb-gray-900);--w-s-color-text-subtle:var(--w-gray-500);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-color-text-placeholder:var(--w-gray-300);--w-s-rgb-text-placeholder:var(--w-rgb-gray-300);--w-s-color-text-inverted:var(--w-white);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-color-text-link:var(--w-blueberry-600);--w-s-rgb-text-link:var(--w-rgb-blueberry-600);--w-s-color-text-disabled:var(--w-gray-300);--w-s-rgb-text-disabled:var(--w-rgb-gray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-color-text-notification:var(--w-white);--w-s-rgb-text-notification:var(--w-rgb-white);--w-s-color-focused:var(--w-blue-300);--w-s-rgb-focused:var(--w-rgb-blue-300);--w-s-color-divider:var(--w-gray-200);--w-s-rgb-divider:var(--w-rgb-gray-200);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-navbar-border-selected:var(--w-s-color-border-secondary);--w-color-navbar-icon-selected:var(--w-s-color-icon-secondary);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-gray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-gray-100);--w-color-background-interactive-selected:var(--w-gray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-gray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-watermelon-600);--w-color-text-link-hover:var(--w-watermelon-800);--w-color-text-link-visited:var(--w-inherit);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative);--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-notification-text:var(--w-s-color-text-notification);--w-color-badge-notification-background:var(--w-s-color-background-notification);--w-color-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-primary-border:var(--w-watermelon-600);--w-color-button-primary-border-hover:var(--w-watermelon-700);--w-color-button-primary-border-active:var(--w-watermelon-800);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-callout-text:var(--w-s-color-text);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-shadow-combobox:var(--w-shadow-m);--w-shadow-modal:var(--w-shadow-m);--w-shadow-popover:var(--w-shadow-m);--w-shadow-switch-handle:var(--w-shadow-s);--w-shadow-tooltip:var(--w-shadow-m);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-gray-50);--w-s-color-background-primary-default:var(--w-watermelon-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-petroleum-50);--w-s-color-border-default:var(--w-gray-300);--w-s-color-border-primary-default:var(--w-watermelon-600);--w-s-color-border-primary-subtle-default:var(--w-watermelon-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-petroleum-600);--w-s-color-border-info-subtle-default:var(--w-petroleum-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-gray-500);--w-s-color-text-default:var(--w-gray-900);--w-gray-900-alpha70:#1a1a1ab3;--w-petroleum-50:#eef4f5;--w-petroleum-100:#dde9ec;--w-petroleum-200:#bad3da;--w-petroleum-300:#97bdc6;--w-petroleum-400:#74a8b4;--w-petroleum-500:#4d93a2;--w-petroleum-600:#167a8b;--w-petroleum-600-alpha50:#167a8b80;--w-petroleum-700:#1b5e6a;--w-petroleum-800:#193f47;--w-petroleum-900:#122226;--w-white:white;--w-rgb-white:255,255,255;--w-black:black;--w-rgb-black:0,0,0;--w-black-alpha25:#00000040;--w-rgb-black-alpha25:#00000040;--w-black-alpha70:#000000b3;--w-rgb-black-alpha70:#000000b3;--w-watermelon-50:#fff3f2;--w-rgb-watermelon-50:255,243,242;--w-watermelon-100:#ffe6e4;--w-rgb-watermelon-100:255,230,228;--w-watermelon-200:#fecbc7;--w-rgb-watermelon-200:254,203,199;--w-watermelon-300:#feb0ac;--w-rgb-watermelon-300:254,176,172;--w-watermelon-400:#fd948f;--w-rgb-watermelon-400:253,148,143;--w-watermelon-500:#f95157;--w-rgb-watermelon-500:249,81,87;--w-watermelon-600:#d43d4f;--w-rgb-watermelon-600:212,61,79;--w-watermelon-700:#982c38;--w-rgb-watermelon-700:152,44,56;--w-watermelon-800:#5b1920;--w-rgb-watermelon-800:91,25,32;--w-watermelon-900:#29080c;--w-rgb-watermelon-900:41,8,12;--w-blueberry-50:#f7f9fd;--w-rgb-blueberry-50:247,249,253;--w-blueberry-100:#d7e0f4;--w-rgb-blueberry-100:215,224,244;--w-blueberry-200:#b4c9ec;--w-rgb-blueberry-200:180,201,236;--w-blueberry-300:#91b2e4;--w-rgb-blueberry-300:145,178,228;--w-blueberry-400:#6e9bdc;--w-rgb-blueberry-400:110,155,220;--w-blueberry-500:#4d88db;--w-rgb-blueberry-500:77,136,219;--w-blueberry-600:#296dcc;--w-rgb-blueberry-600:41,109,204;--w-blueberry-600-alpha50:#296dcc80;--w-rgb-blueberry-600-alpha50:#296dcc80;--w-blueberry-700:#1d4e92;--w-rgb-blueberry-700:29,78,146;--w-blueberry-800:#122f58;--w-rgb-blueberry-800:18,47,88;--w-blueberry-900:#06101e;--w-rgb-blueberry-900:6,16,30;--w-blue-50:#ecf7fe;--w-rgb-blue-50:236,247,254;--w-blue-100:#c7e7fb;--w-rgb-blue-100:199,231,251;--w-blue-200:#a2d5f5;--w-rgb-blue-200:162,213,245;--w-blue-300:#7dc3ef;--w-rgb-blue-300:125,195,239;--w-blue-400:#58b1e9;--w-rgb-blue-400:88,177,233;--w-blue-500:#339fe3;--w-rgb-blue-500:51,159,227;--w-blue-600:#0e8ddd;--w-rgb-blue-600:14,141,221;--w-blue-700:#0a659f;--w-rgb-blue-700:10,101,159;--w-blue-800:#063d61;--w-rgb-blue-800:6,61,97;--w-blue-900:#021622;--w-rgb-blue-900:2,22,34;--w-green-50:#f3fcf9;--w-rgb-green-50:243,252,249;--w-green-100:#cee8dc;--w-rgb-green-100:206,232,220;--w-green-200:#aad6c4;--w-rgb-green-200:170,214,196;--w-green-300:#86c4ac;--w-rgb-green-300:134,196,172;--w-green-400:#62b294;--w-rgb-green-400:98,178,148;--w-green-500:#3ea07c;--w-rgb-green-500:62,160,124;--w-green-600:#1a8f64;--w-rgb-green-600:26,143,100;--w-green-700:#136647;--w-rgb-green-700:19,102,71;--w-green-800:#0c3e2a;--w-rgb-green-800:12,62,42;--w-green-900:#072719;--w-rgb-green-900:7,39,25;--w-yellow-50:#fef7f1;--w-rgb-yellow-50:254,247,241;--w-yellow-100:#fde8d5;--w-rgb-yellow-100:253,232,213;--w-yellow-200:#fbd6b4;--w-rgb-yellow-200:251,214,180;--w-yellow-300:#f9c493;--w-rgb-yellow-300:249,196,147;--w-yellow-400:#f7b272;--w-rgb-yellow-400:247,178,114;--w-yellow-500:#f5a051;--w-rgb-yellow-500:245,160,81;--w-yellow-600:#f38e30;--w-rgb-yellow-600:243,142,48;--w-yellow-700:#ad6421;--w-rgb-yellow-700:173,100,33;--w-yellow-800:#673a12;--w-rgb-yellow-800:103,58,18;--w-yellow-900:#221102;--w-rgb-yellow-900:34,17,2;--w-red-50:#fef6f7;--w-rgb-red-50:254,246,247;--w-red-100:#edced1;--w-rgb-red-100:237,206,209;--w-red-200:#dba7ad;--w-rgb-red-200:219,167,173;--w-red-300:#c98089;--w-rgb-red-300:201,128,137;--w-red-400:#b75965;--w-rgb-red-400:183,89,101;--w-red-500:#a53241;--w-rgb-red-500:165,50,65;--w-red-600:#930b1d;--w-rgb-red-600:147,11,29;--w-red-700:#7d1024;--w-rgb-red-700:125,16,36;--w-red-800:#520b18;--w-rgb-red-800:82,11,24;--w-red-900:#27070d;--w-rgb-red-900:39,7,13;--w-gray-50:#fafafa;--w-rgb-gray-50:250,250,250;--w-gray-100:#f5f5f5;--w-rgb-gray-100:245,245,245;--w-gray-200:#e6e6e6;--w-rgb-gray-200:230,230,230;--w-gray-300:#d6d6d6;--w-rgb-gray-300:214,214,214;--w-gray-300-alpha30:#d6d6d64d;--w-rgb-gray-300-alpha30:#d6d6d64d;--w-gray-400:#a5a5a5;--w-rgb-gray-400:165,165,165;--w-gray-400-alpha30:#a5a5a54d;--w-rgb-gray-400-alpha30:#a5a5a54d;--w-gray-500:#767676;--w-rgb-gray-500:118,118,118;--w-gray-600:#575757;--w-rgb-gray-600:87,87,87;--w-gray-700:#434343;--w-rgb-gray-700:67,67,67;--w-gray-800:#292929;--w-rgb-gray-800:41,41,41;--w-gray-900:#1a1a1a;--w-rgb-gray-900:26,26,26;--w-color-callout-background:var(--w-blue-100);--w-color-callout-border:var(--w-blue-400);--w-color-button-primary-background:var(--w-watermelon-600);--w-color-button-primary-background-hover:var(--w-watermelon-700);--w-color-button-primary-background-active:var(--w-watermelon-800);--w-color-button-pill-background-hover:var(--w-gray-300-alpha30);--w-color-button-pill-background-active:var(--w-gray-400-alpha30);--w-color-buttongroup-utility-background-hover:var(--w-gray-100);--w-color-buttongroup-utility-background-selected:var(--w-gray-200);--w-color-buttongroup-utility-border:var(--w-gray-300);--w-color-buttongroup-utility-border-selected:var(--w-gray-700);--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:ToriSans,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:none;--w-color-badge-neutral-background:var(--w-gray-100);--w-color-badge-info-background:var(--w-blue-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-blue-200);--w-color-avatar-background:var(--w-gray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
|
|
1
|
+
:root,:host{--w-color-switch-track-background:var(--w-gray-300);--w-color-switch-track-background-hover:var(--w-gray-400);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:none;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-color-background:var(--w-white);--w-s-rgb-background:var(--w-rgb-white);--w-s-color-background-hover:var(--w-gray-100);--w-s-rgb-background-hover:var(--w-rgb-gray-100);--w-s-color-background-active:var(--w-gray-200);--w-s-rgb-background-active:var(--w-rgb-gray-200);--w-s-color-background-selected:var(--w-blueberry-50);--w-s-rgb-background-selected:var(--w-rgb-blueberry-50);--w-s-color-background-selected-hover:var(--w-blueberry-100);--w-s-rgb-background-selected-hover:var(--w-rgb-blueberry-100);--w-s-color-background-selected-active:var(--w-blueberry-200);--w-s-rgb-background-selected-active:var(--w-rgb-blueberry-200);--w-s-color-background-disabled:var(--w-gray-300);--w-s-rgb-background-disabled:var(--w-rgb-gray-300);--w-s-color-background-disabled-subtle:var(--w-gray-200);--w-s-rgb-background-disabled-subtle:var(--w-rgb-gray-200);--w-s-color-background-inverted:var(--w-gray-900);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-color-background-subtle:var(--w-gray-50);--w-s-rgb-background-subtle:var(--w-rgb-gray-50);--w-s-color-background-subtle-hover:var(--w-gray-100);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-100);--w-s-color-background-subtle-active:var(--w-gray-200);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-200);--w-s-color-background-primary:var(--w-blueberry-600);--w-s-rgb-background-primary:var(--w-rgb-blueberry-600);--w-s-color-background-primary-hover:var(--w-blueberry-700);--w-s-rgb-background-primary-hover:var(--w-rgb-blueberry-700);--w-s-color-background-primary-active:var(--w-blueberry-800);--w-s-rgb-background-primary-active:var(--w-rgb-blueberry-800);--w-s-color-background-primary-subtle:var(--w-blueberry-50);--w-s-rgb-background-primary-subtle:var(--w-rgb-blueberry-50);--w-s-color-background-primary-subtle-hover:var(--w-blueberry-100);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blueberry-100);--w-s-color-background-primary-subtle-active:var(--w-blueberry-200);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blueberry-200);--w-s-color-background-secondary:var(--w-watermelon-500);--w-s-rgb-background-secondary:var(--w-rgb-watermelon-500);--w-s-color-background-secondary-hover:var(--w-watermelon-600);--w-s-rgb-background-secondary-hover:var(--w-rgb-watermelon-600);--w-s-color-background-secondary-active:var(--w-watermelon-700);--w-s-rgb-background-secondary-active:var(--w-rgb-watermelon-700);--w-s-color-background-positive:var(--w-green-600);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-color-background-positive-active:var(--w-green-800);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-color-background-positive-selected:var(--w-green-50);--w-s-rgb-background-positive-selected:var(--w-rgb-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-rgb-background-positive-selected-hover:var(--w-rgb-green-100);--w-s-color-background-positive-selected-active:var(--w-green-200);--w-s-rgb-background-positive-selected-active:var(--w-rgb-green-200);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-color-background-negative:var(--w-red-600);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-color-background-negative-active:var(--w-red-800);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-rgb-background-negative-selected:var(--w-rgb-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-rgb-background-negative-selected-hover:var(--w-rgb-red-100);--w-s-color-background-negative-selected-active:var(--w-red-200);--w-s-rgb-background-negative-selected-active:var(--w-rgb-red-200);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-color-background-warning:var(--w-yellow-600);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-rgb-background-warning-selected:var(--w-rgb-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-rgb-background-warning-selected-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-selected-active:var(--w-yellow-200);--w-s-rgb-background-warning-selected-active:var(--w-rgb-yellow-200);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-color-background-info:var(--w-blue-600);--w-s-rgb-background-info:var(--w-rgb-blue-600);--w-s-color-background-info-hover:var(--w-blue-700);--w-s-rgb-background-info-hover:var(--w-rgb-blue-700);--w-s-color-background-info-active:var(--w-blue-800);--w-s-rgb-background-info-active:var(--w-rgb-blue-800);--w-s-color-background-info-selected:var(--w-blue-50);--w-s-rgb-background-info-selected:var(--w-rgb-blue-50);--w-s-color-background-info-selected-hover:var(--w-blue-100);--w-s-rgb-background-info-selected-hover:var(--w-rgb-blue-100);--w-s-color-background-info-selected-active:var(--w-blue-200);--w-s-rgb-background-info-selected-active:var(--w-rgb-blue-200);--w-s-color-background-info-subtle:var(--w-blue-50);--w-s-rgb-background-info-subtle:var(--w-rgb-blue-50);--w-s-color-background-info-subtle-hover:var(--w-blue-100);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-blue-100);--w-s-color-background-info-subtle-active:var(--w-blue-200);--w-s-rgb-background-info-subtle-active:var(--w-rgb-blue-200);--w-s-color-background-notification:var(--w-red-600);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-color-border:var(--w-gray-300);--w-s-rgb-border:var(--w-rgb-gray-300);--w-s-color-border-hover:var(--w-gray-400);--w-s-rgb-border-hover:var(--w-rgb-gray-400);--w-s-color-border-active:var(--w-gray-500);--w-s-rgb-border-active:var(--w-rgb-gray-500);--w-s-color-border-disabled:var(--w-gray-300);--w-s-rgb-border-disabled:var(--w-rgb-gray-300);--w-s-color-border-focused:var(--w-blue-300);--w-s-rgb-border-focused:var(--w-rgb-blue-300);--w-s-color-border-selected:var(--w-blueberry-600);--w-s-rgb-border-selected:var(--w-rgb-blueberry-600);--w-s-color-border-selected-hover:var(--w-blueberry-700);--w-s-rgb-border-selected-hover:var(--w-rgb-blueberry-700);--w-s-color-border-selected-active:var(--w-blueberry-800);--w-s-rgb-border-selected-active:var(--w-rgb-blueberry-800);--w-s-color-border-inverted:var(--w-white);--w-s-rgb-border-inverted:var(--w-rgb-white);--w-s-color-border-primary:var(--w-blueberry-600);--w-s-rgb-border-primary:var(--w-rgb-blueberry-600);--w-s-color-border-primary-hover:var(--w-blueberry-700);--w-s-rgb-border-primary-hover:var(--w-rgb-blueberry-700);--w-s-color-border-primary-active:var(--w-blueberry-800);--w-s-rgb-border-primary-active:var(--w-rgb-blueberry-800);--w-s-color-border-primary-subtle:var(--w-blueberry-300);--w-s-rgb-border-primary-subtle:var(--w-rgb-blueberry-300);--w-s-color-border-primary-subtle-hover:var(--w-blueberry-400);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blueberry-400);--w-s-color-border-primary-subtle-active:var(--w-blueberry-500);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blueberry-500);--w-s-color-border-secondary:var(--w-watermelon-500);--w-s-rgb-border-secondary:var(--w-rgb-watermelon-500);--w-s-color-border-secondary-hover:var(--w-watermelon-600);--w-s-rgb-border-secondary-hover:var(--w-rgb-watermelon-600);--w-s-color-border-secondary-active:var(--w-watermelon-700);--w-s-rgb-border-secondary-active:var(--w-rgb-watermelon-700);--w-s-color-border-positive:var(--w-green-600);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-color-border-positive-active:var(--w-green-800);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-color-border-negative:var(--w-red-600);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-color-border-negative-active:var(--w-red-800);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-color-border-warning:var(--w-yellow-600);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-color-border-info:var(--w-blue-600);--w-s-rgb-border-info:var(--w-rgb-blue-600);--w-s-color-border-info-hover:var(--w-blue-700);--w-s-rgb-border-info-hover:var(--w-rgb-blue-700);--w-s-color-border-info-active:var(--w-blue-800);--w-s-rgb-border-info-active:var(--w-rgb-blue-800);--w-s-color-border-info-subtle:var(--w-blue-300);--w-s-rgb-border-info-subtle:var(--w-rgb-blue-300);--w-s-color-border-info-subtle-hover:var(--w-blue-400);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-blue-400);--w-s-color-border-info-subtle-active:var(--w-blue-500);--w-s-rgb-border-info-subtle-active:var(--w-rgb-blue-500);--w-s-color-icon:var(--w-gray-900);--w-s-rgb-icon:var(--w-rgb-gray-900);--w-s-color-icon-hover:var(--w-gray-900);--w-s-rgb-icon-hover:var(--w-rgb-gray-900);--w-s-color-icon-active:var(--w-gray-900);--w-s-rgb-icon-active:var(--w-rgb-gray-900);--w-s-color-icon-selected:var(--w-blueberry-600);--w-s-rgb-icon-selected:var(--w-rgb-blueberry-600);--w-s-color-icon-selected-hover:var(--w-blueberry-700);--w-s-rgb-icon-selected-hover:var(--w-rgb-blueberry-700);--w-s-color-icon-selected-active:var(--w-blueberry-800);--w-s-rgb-icon-selected-active:var(--w-rgb-blueberry-800);--w-s-color-icon-disabled:var(--w-gray-300);--w-s-rgb-icon-disabled:var(--w-rgb-gray-300);--w-s-color-icon-subtle:var(--w-gray-400);--w-s-rgb-icon-subtle:var(--w-rgb-gray-400);--w-s-color-icon-subtle-hover:var(--w-gray-500);--w-s-rgb-icon-subtle-hover:var(--w-rgb-gray-500);--w-s-color-icon-subtle-active:var(--w-gray-600);--w-s-rgb-icon-subtle-active:var(--w-rgb-gray-600);--w-s-color-icon-inverted:var(--w-white);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-color-icon-inverted-hover:var(--w-gray-100);--w-s-rgb-icon-inverted-hover:var(--w-rgb-gray-100);--w-s-color-icon-inverted-active:var(--w-gray-200);--w-s-rgb-icon-inverted-active:var(--w-rgb-gray-200);--w-s-color-icon-primary:var(--w-blueberry-600);--w-s-rgb-icon-primary:var(--w-rgb-blueberry-600);--w-s-color-icon-secondary:var(--w-watermelon-500);--w-s-rgb-icon-secondary:var(--w-rgb-watermelon-500);--w-s-color-icon-secondary-hover:var(--w-watermelon-600);--w-s-rgb-icon-secondary-hover:var(--w-rgb-watermelon-600);--w-s-color-icon-secondary-active:var(--w-watermelon-700);--w-s-rgb-icon-secondary-active:var(--w-rgb-watermelon-700);--w-s-color-icon-positive:var(--w-green-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-color-icon-info:var(--w-blue-600);--w-s-rgb-icon-info:var(--w-rgb-blue-600);--w-s-color-text:var(--w-gray-900);--w-s-rgb-text:var(--w-rgb-gray-900);--w-s-color-text-subtle:var(--w-gray-500);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-color-text-placeholder:var(--w-gray-300);--w-s-rgb-text-placeholder:var(--w-rgb-gray-300);--w-s-color-text-inverted:var(--w-white);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-color-text-link:var(--w-blueberry-600);--w-s-rgb-text-link:var(--w-rgb-blueberry-600);--w-s-color-text-disabled:var(--w-gray-300);--w-s-rgb-text-disabled:var(--w-rgb-gray-300);--w-s-color-text-negative:var(--w-red-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-color-text-positive:var(--w-green-600);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-color-text-notification:var(--w-white);--w-s-rgb-text-notification:var(--w-rgb-white);--w-s-color-focused:var(--w-blue-300);--w-s-rgb-focused:var(--w-rgb-blue-300);--w-s-color-divider:var(--w-gray-200);--w-s-rgb-divider:var(--w-rgb-gray-200);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-navbar-border-selected:var(--w-s-color-border-secondary);--w-color-navbar-icon-selected:var(--w-s-color-icon-secondary);--w-form-check-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-focused:var(--w-aqua-400);--w-color-background:var(--w-white);--w-color-background-subtle:var(--w-gray-50);--w-color-background-interactive:var(--w-white);--w-color-background-interactive-hover:var(--w-gray-100);--w-color-background-interactive-selected:var(--w-gray-100);--w-color-text:var(--w-gray-700);--w-color-text-subtle:var(--w-gray-500);--w-color-text-placeholder:var(--w-gray-300);--w-color-text-inverted:var(--w-white);--w-color-text-inverted-subtle:var(--w-gray-50);--w-color-text-link:var(--w-watermelon-600);--w-color-text-link-hover:var(--w-watermelon-800);--w-color-text-link-visited:var(--w-inherit);--w-color-alert-info-text:var(--w-s-color-text);--w-color-alert-info-background:var(--w-s-color-background-info-subtle);--w-color-alert-info-border:var(--w-s-color-border-info);--w-color-alert-info-subtle-border:var(--w-s-color-border-info-subtle);--w-color-alert-info-icon:var(--w-s-color-icon-info);--w-color-alert-positive-text:var(--w-s-color-text);--w-color-alert-positive-background:var(--w-s-color-background-positive-subtle);--w-color-alert-positive-border:var(--w-s-color-border-positive);--w-color-alert-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-alert-positive-icon:var(--w-s-color-icon-positive);--w-color-alert-warning-text:var(--w-s-color-text);--w-color-alert-warning-background:var(--w-s-color-background-warning-subtle);--w-color-alert-warning-border:var(--w-s-color-border-warning);--w-color-alert-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-alert-warning-icon:var(--w-s-color-icon-warning);--w-color-alert-negative-text:var(--w-s-color-text);--w-color-alert-negative-background:var(--w-s-color-background-negative-subtle);--w-color-alert-negative-border:var(--w-s-color-border-negative);--w-color-alert-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-alert-negative-icon:var(--w-s-color-icon-negative);--w-color-badge-neutral-text:var(--w-s-color-text);--w-color-badge-info-text:var(--w-s-color-text);--w-color-badge-positive-text:var(--w-s-color-text);--w-color-badge-warning-text:var(--w-s-color-text);--w-color-badge-negative-text:var(--w-s-color-text);--w-color-badge-disabled-text:var(--w-s-color-text);--w-color-badge-disabled-background:var(--w-s-color-background-disabled);--w-color-badge-price-text:var(--w-s-color-text-inverted);--w-color-badge-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-box-info-text:var(--w-s-color-text);--w-color-box-info-background:var(--w-s-color-background-info-subtle);--w-color-box-info-background-hover:var(--w-s-color-background-info-subtle-hover);--w-color-box-neutral-text:var(--w-s-color-text);--w-color-box-neutral-background:var(--w-s-color-background-subtle);--w-color-box-neutral-background-hover:var(--w-s-color-background-subtle-hover);--w-color-box-bordered-text:var(--w-s-color-text);--w-color-box-bordered-background:var(--w-s-color-background);--w-color-box-bordered-background-hover:var(--w-s-color-background-hover);--w-color-box-bordered-border:var(--w-s-color-border);--w-color-box-bordered-border-hover:var(--w-s-color-border-hover);--w-color-breadcrumbs-text:var(--w-s-color-text);--w-color-breadcrumbs-link-text:var(--w-s-color-text-link);--w-color-breadcrumbs-icon:var(--w-s-color-icon);--w-color-broadcast-text:var(--w-s-color-text);--w-color-broadcast-background:var(--w-s-color-background-warning-subtle);--w-color-broadcast-border:var(--w-s-color-border-warning-subtle);--w-color-broadcast-icon:var(--w-s-color-icon-warning);--w-color-button-primary-text:var(--w-s-color-text-inverted);--w-color-button-primary-icon:var(--w-s-color-icon-inverted);--w-color-button-primary-border:var(--w-watermelon-600);--w-color-button-primary-border-hover:var(--w-watermelon-700);--w-color-button-primary-border-active:var(--w-watermelon-800);--w-color-button-secondary-text:var(--w-s-color-text-link);--w-color-button-secondary-background:var(--w-s-color-background);--w-color-button-secondary-background-hover:var(--w-s-color-background-hover);--w-color-button-secondary-background-active:var(--w-s-color-background-active);--w-color-button-secondary-border:var(--w-s-color-border);--w-color-button-secondary-border-hover:var(--w-s-color-border-hover);--w-color-button-secondary-border-active:var(--w-s-color-border-active);--w-color-button-secondary-icon:var(--w-s-color-icon-primary);--w-color-button-quiet-text:var(--w-s-color-text-link);--w-color-button-quiet-background:var(--w-transparent);--w-color-button-quiet-background-hover:var(--w-s-color-background-hover);--w-color-button-quiet-background-active:var(--w-s-color-background-active);--w-color-button-quiet-icon:var(--w-s-color-icon-primary);--w-color-button-negative-text:var(--w-s-color-text-inverted);--w-color-button-negative-background:var(--w-s-color-background-negative);--w-color-button-negative-background-hover:var(--w-s-color-background-negative-hover);--w-color-button-negative-background-active:var(--w-s-color-background-negative-active);--w-color-button-negative-border:var(--w-s-color-border-negative);--w-color-button-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-button-negative-border-active:var(--w-s-color-border-negative-active);--w-color-button-negative-icon:var(--w-s-color-icon-inverted);--w-color-button-negative-quiet-text:var(--w-s-color-text-negative);--w-color-button-negative-quiet-background:var(--w-transparent);--w-color-button-negative-quiet-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-button-negative-quiet-background-active:var(--w-s-color-background-negative-subtle-active);--w-color-button-negative-quiet-border:var(--w-transparent);--w-color-button-negative-quiet-border-hover:var(--w-transparent);--w-color-button-negative-quiet-border-active:var(--w-transparent);--w-color-button-negative-quiet-icon:var(--w-s-color-icon-negative);--w-color-button-disabled-text:var(--w-s-color-text-inverted);--w-color-button-disabled-background:var(--w-s-color-background-disabled);--w-color-button-link-text:var(--w-s-color-text-link);--w-color-button-pill-background:var(--w-transparent);--w-color-button-pill-icon:var(--w-s-color-icon);--w-color-button-pill-icon-hover:var(--w-s-color-icon-hover);--w-color-button-pill-icon-active:var(--w-s-color-icon-active);--w-color-button-pill-overlay-icon:var(--w-s-color-icon-inverted);--w-color-button-pill-overlay-icon-hover:var(--w-s-color-icon-inverted-hover);--w-color-button-pill-overlay-icon-active:var(--w-s-color-icon-inverted-active);--w-color-button-loading-text:var(--w-s-color-text);--w-color-button-loading-background:var(--w-s-color-background-subtle);--w-color-button-loading-icon:var(--w-s-color-icon);--w-color-button-utility-text:var(--w-s-color-text);--w-color-button-utility-background:var(--w-s-color-background);--w-color-button-utility-background-hover:var(--w-s-color-background-hover);--w-color-button-utility-background-active:var(--w-s-color-background-active);--w-color-button-utility-border:var(--w-s-color-border);--w-color-button-utility-border-hover:var(--w-s-color-border-hover);--w-color-button-utility-border-active:var(--w-s-color-border-active);--w-color-button-utility-quiet-text:var(--w-s-color-text);--w-color-button-utility-quiet-background:var(--w-transparent);--w-color-button-utility-quiet-background-hover:var(--w-s-color-background-subtle-hover);--w-color-button-utility-quiet-background-active:var(--w-s-color-background-subtle-active);--w-color-button-utility-quiet-border:var(--w-transparent);--w-color-button-utility-quiet-border-hover:var(--w-transparent);--w-color-button-utility-quiet-border-active:var(--w-transparent);--w-color-buttongroup-primary-text:var(--w-s-color-text-link);--w-color-buttongroup-primary-text-selected:var(--w-s-color-text-inverted);--w-color-buttongroup-primary-background:var(--w-s-color-background);--w-color-buttongroup-primary-background-hover:var(--w-s-color-background-hover);--w-color-buttongroup-primary-background-selected:var(--w-s-color-background-primary);--w-color-buttongroup-primary-border:var(--w-s-color-border);--w-color-buttongroup-primary-border-selected:var(--w-s-color-border-primary);--w-color-buttongroup-utility-text:var(--w-s-color-text);--w-color-buttongroup-utility-text-selected:var(--w-s-color-text);--w-color-buttongroup-utility-background:var(--w-s-color-background);--w-color-callout-text:var(--w-s-color-text);--w-color-card-background:var(--w-s-color-background);--w-color-card-background-hover:var(--w-s-color-background-hover);--w-color-card-background-active:var(--w-s-color-background-active);--w-color-card-background-selected:var(--w-s-color-background-selected);--w-color-card-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-border:var(--w-transparent);--w-color-card-border-hover:var(--w-transparent);--w-color-card-border-active:var(--w-transparent);--w-color-card-border-selected:var(--w-s-color-border-selected);--w-color-card-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-background:var(--w-s-color-background);--w-color-card-flat-background-hover:var(--w-s-color-background-subtle-hover);--w-color-card-flat-background-active:var(--w-s-color-background-active);--w-color-card-flat-background-selected:var(--w-s-color-background-selected);--w-color-card-flat-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-card-flat-border:var(--w-s-color-border);--w-color-card-flat-border-hover:var(--w-s-color-border-hover);--w-color-card-flat-border-active:var(--w-s-color-border-active);--w-color-card-flat-border-selected:var(--w-s-color-border-selected);--w-color-card-flat-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-card-flat-border-selected-active:var(--w-s-color-background-primary-active);--w-color-checkbox-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-checkbox-background-hover:var(--w-s-color-background-subtle);--w-color-checkbox-background-selected:var(--w-s-color-background-primary);--w-color-checkbox-background-selected-disabled:var(--w-s-color-background-disabled);--w-color-checkbox-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-checkbox-border:var(--w-s-color-border);--w-color-checkbox-border-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-hover:var(--w-s-color-border-primary);--w-color-checkbox-border-selected:var(--w-s-color-border-primary);--w-color-checkbox-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-checkbox-border-selected-hover:var(--w-s-color-border-primary-hover);--w-color-checkbox-negative-background:var(--w-s-color-background);--w-color-checkbox-negative-background-hover:var(--w-s-color-background-negative-subtle-hover);--w-color-checkbox-negative-background-selected:var(--w-s-color-background-negative);--w-color-checkbox-negative-background-selected-hover:var(--w-s-color-background-negative-hover);--w-color-checkbox-negative-border:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-negative-border-selected:var(--w-s-color-border-negative);--w-color-checkbox-negative-border-selected-hover:var(--w-s-color-border-negative-hover);--w-color-checkbox-icon:var(--w-s-color-icon-inverted);--w-color-combobox-background:var(--w-s-color-background);--w-color-combobox-option-background-hover:var(--w-s-color-background-hover);--w-color-combobox-option-background-selected:var(--w-s-color-background-selected);--w-color-combobox-option-background-selected-hover:var(--w-s-color-background-selected-hover);--w-color-datepicker-background:var(--w-s-color-background);--w-color-datepicker-border:var(--w-s-color-border);--w-color-datepicker-button-background:var(--w-s-color-background);--w-color-datepicker-button-background-hover:var(--w-s-color-background-hover);--w-color-datepicker-button-background-active:var(--w-s-color-background-primary);--w-color-datepicker-track-background-active:var(--w-s-color-background-primary-subtle);--w-color-datepicker-track-background-selected:var(--w-s-color-background-primary-subtle-active);--w-color-expandable-title-text:var(--w-s-color-text);--w-color-expandable-paragraph-text:var(--w-s-color-text);--w-color-expandable-background:var(--w-s-color-background-subtle);--w-color-expandable-background-hover:var(--w-s-color-background-subtle-hover);--w-color-expandable-icon:var(--w-s-color-icon);--w-color-helptext-text:var(--w-s-color-text-subtle);--w-color-helptext-text-negative:var(--w-s-color-text-negative);--w-color-helptext-text-positive:var(--w-s-color-text-positive);--w-color-image-placeholder-background:var(--w-s-color-background-subtle);--w-color-image-placeholder-icon:var(--w-s-color-icon-disabled);--w-color-input-text-placeholder:var(--w-s-color-text-placeholder);--w-color-input-text-filled:var(--w-s-color-text);--w-color-input-text-disabled:var(--w-s-color-text-disabled);--w-color-input-text-negative:var(--w-s-color-text-negative);--w-color-input-text-read-only:var(--w-s-color-text);--w-color-input-background:var(--w-s-color-background);--w-color-input-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-input-border:var(--w-s-color-border);--w-color-input-border-hover:var(--w-s-color-border-hover);--w-color-input-border-active:var(--w-s-color-border-selected);--w-color-input-border-filled:var(--w-s-color-border);--w-color-input-border-disabled:var(--w-s-color-border-disabled);--w-color-input-border-negative:var(--w-s-color-border-negative);--w-color-input-caret:var(--w-s-color-icon);--w-color-input-icon:var(--w-s-color-icon);--w-color-label-text:var(--w-s-color-text);--w-color-label-text-negative:var(--w-s-color-text-negative);--w-color-label-optional-text:var(--w-s-color-text);--w-color-label-icon:var(--w-s-color-icon);--w-color-list-text:var(--w-s-color-text);--w-color-list-bulleted-icon:var(--w-s-color-text);--w-color-list-numbered-icon:var(--w-s-color-text);--w-color-list-checked-icon:var(--w-s-color-icon-primary);--w-color-modal-backdrop-background:var(--w-black);--w-color-modal-text-title:var(--w-s-color-text);--w-color-modal-text-paragraph:var(--w-s-color-text);--w-color-modal-background:var(--w-s-color-background);--w-color-pageindicator-background:var(--w-s-color-icon-disabled);--w-color-pageindicator-background-hover:var(--w-s-color-icon-subtle);--w-color-pageindicator-background-selected:var(--w-s-color-icon-selected);--w-color-pagination-text:var(--w-s-color-text-link);--w-color-pagination-text-active:var(--w-s-color-text-inverted);--w-color-pagination-background-hover:var(--w-s-color-background-primary-subtle-hover);--w-color-pagination-background-active:var(--w-s-color-background-primary);--w-color-pagination-icon:var(--w-s-color-icon);--w-color-pill-filter-text:var(--w-s-color-text-inverted);--w-color-pill-filter-background:var(--w-s-color-background-primary);--w-color-pill-filter-background-hover:var(--w-s-color-background-primary-hover);--w-color-pill-filter-background-active:var(--w-s-color-background-primary-active);--w-color-pill-filter-icon:var(--w-s-color-icon-inverted);--w-color-pill-suggestion-text:var(--w-s-color-text);--w-color-pill-suggestion-icon:var(--w-s-color-icon);--w-color-popover-title-text:var(--w-s-color-text);--w-color-popover-paragraph-text:var(--w-s-color-text);--w-color-popover-background:var(--w-s-color-background);--w-color-radio-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-radio-background-hover:var(--w-s-color-background-primary-subtle);--w-color-radio-border:var(--w-s-color-border);--w-color-radio-border-hover:var(--w-s-color-border-primary);--w-color-radio-border-selected:var(--w-s-color-border-selected);--w-color-radio-border-selected-hover:var(--w-s-color-border-selected-hover);--w-color-radio-border-selected-disabled:var(--w-s-color-border-disabled);--w-color-radio-border-disabled:var(--w-s-color-border-disabled);--w-color-radio-negative-background:var(--w-s-color-background);--w-color-radio-negative-background-hover:var(--w-s-color-background-negative-subtle);--w-color-radio-negative-border:var(--w-s-color-border-negative);--w-color-radio-negative-border-hover:var(--w-s-color-border-negative-hover);--w-color-radio-negative-border-selected:var(--w-s-color-border-negative-selected);--w-color-radio-negative-border-selected-hover:var(--w-s-color-border-negative-selected-hover);--w-color-select-text:var(--w-s-color-text);--w-color-select-text-hover:var(--w-s-color-text-hover);--w-color-select-text-active:var(--w-s-color-text);--w-color-select-text-disabled:var(--w-s-color-text-disabled);--w-color-select-background:var(--w-s-color-background);--w-color-select-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-select-border:var(--w-s-color-border);--w-color-select-border-hover:var(--w-s-color-border-hover);--w-color-select-border-active:var(--w-s-color-border-active);--w-color-select-border-disabled:var(--w-s-color-border-disabled);--w-color-select-border-negative:var(--w-s-color-border-negative);--w-color-select-icon:var(--w-s-color-icon);--w-color-slider-handle-background:var(--w-s-color-background-primary);--w-color-slider-handle-background-hover:var(--w-s-color-background-primary-hover);--w-color-slider-handle-background-active:var(--w-s-color-background-primary-active);--w-color-slider-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-slider-handle-border:var(--w-s-color-border-primary);--w-color-slider-handle-border-hover:var(--w-s-color-border-primary-hover);--w-color-slider-handle-border-active:var(--w-s-color-border-primary-active);--w-color-slider-track-background:var(--w-s-color-background-disabled);--w-color-slider-track-background-active:var(--w-s-color-background-primary);--w-color-slider-track-background-disabled:var(--w-s-color-background-disabled);--w-color-spinner-border:var(--w-blueberry-600-alpha50);--w-color-spinner-border-top:var(--w-s-color-border-primary);--w-color-starrating-icon:var(--w-s-color-icon-primary);--w-color-stepindicator-handle-background:var(--w-s-color-background);--w-color-stepindicator-handle-background-active:var(--w-s-color-background-primary);--w-color-stepindicator-handle-border:var(--w-s-color-border);--w-color-stepindicator-handle-border-active:var(--w-s-color-border-primary);--w-color-stepindicator-handle-icon:var(--w-s-color-icon-inverted);--w-color-stepindicator-track-background:var(--w-s-color-background-disabled);--w-color-stepindicator-track-background-active:var(--w-s-color-background-primary);--w-color-switch-track-background-selected:var(--w-s-color-background-primary);--w-color-switch-track-background-selected-hover:var(--w-s-color-background-primary-hover);--w-color-switch-track-background-disabled:var(--w-s-color-background-disabled-subtle);--w-color-switch-handle-background:var(--w-s-color-background);--w-color-switch-handle-background-disabled:var(--w-s-color-background-disabled);--w-color-tabs-border:var(--w-transparent);--w-color-tabs-border-hover:var(--w-s-color-border-primary);--w-color-tabs-border-selected:var(--w-s-color-border-selected);--w-color-tabs-text:var(--w-s-color-text-subtle);--w-color-tabs-text-hover:var(--w-s-color-text-link);--w-color-tabs-text-selected:var(--w-s-color-text-link);--w-color-tabs-icon:var(--w-s-color-icon);--w-color-tabs-icon-hover:var(--w-s-color-icon-primary);--w-color-tabs-icon-selected:var(--w-s-color-icon-selected);--w-color-toast-close-icon:var(--w-s-color-icon);--w-color-toast-close-icon-hover:var(--w-s-color-icon-hover);--w-color-toast-close-icon-active:var(--w-s-color-icon-active);--w-color-toast-positive-text:var(--w-s-color-text);--w-color-toast-positive-background:var(--w-s-color-background-positive-subtle);--w-color-toast-positive-border:var(--w-s-color-border-positive);--w-color-toast-positive-subtle-border:var(--w-s-color-border-positive-subtle);--w-color-toast-positive-icon:var(--w-s-color-icon-positive);--w-color-toast-warning-text:var(--w-s-color-text);--w-color-toast-warning-background:var(--w-s-color-background-warning-subtle);--w-color-toast-warning-border:var(--w-s-color-border-warning);--w-color-toast-warning-subtle-border:var(--w-s-color-border-warning-subtle);--w-color-toast-warning-icon:var(--w-s-color-icon-warning);--w-color-toast-negative-text:var(--w-s-color-text);--w-color-toast-negative-background:var(--w-s-color-background-negative-subtle);--w-color-toast-negative-border:var(--w-s-color-border-negative);--w-color-toast-negative-subtle-border:var(--w-s-color-border-negative-subtle);--w-color-toast-negative-icon:var(--w-s-color-icon-negative);--w-color-tooltip-text:var(--w-s-color-text-inverted);--w-color-tooltip-background:var(--w-s-color-background-inverted);--w-shadow-buttongroup:var(--w-shadow-s);--w-shadow-card:var(--w-shadow-s);--w-shadow-card-hover:var(--w-shadow-m);--w-shadow-combobox:var(--w-shadow-m);--w-shadow-modal:var(--w-shadow-m);--w-shadow-popover:var(--w-shadow-m);--w-shadow-switch-handle:var(--w-shadow-s);--w-shadow-tooltip:var(--w-shadow-m);--w-s-color-background-default:var(--w-white);--w-s-color-background-subtle-default:var(--w-gray-50);--w-s-color-background-primary-default:var(--w-watermelon-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-petroleum-50);--w-s-color-border-default:var(--w-gray-300);--w-s-color-border-primary-default:var(--w-watermelon-600);--w-s-color-border-primary-subtle-default:var(--w-watermelon-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-selected:var(--w-red-600);--w-s-color-border-negative-selected-hover:var(--w-red-700);--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-petroleum-600);--w-s-color-border-info-subtle-default:var(--w-petroleum-300);--w-s-color-icon-default:var(--w-gray-500);--w-s-color-icon-subtle-default:var(--w-gray-500);--w-s-color-text-default:var(--w-gray-900);--w-black-alpha25:#00000040;--w-black-alpha70:#000000b3;--w-gray-300-alpha30:#d6d6d64d;--w-gray-400-alpha30:#a5a5a54d;--w-gray-900-alpha70:#1a1a1ab3;--w-blueberry-600-alpha50:#296dcc80;--w-petroleum-50:#eef4f5;--w-petroleum-100:#dde9ec;--w-petroleum-200:#bad3da;--w-petroleum-300:#97bdc6;--w-petroleum-400:#74a8b4;--w-petroleum-500:#4d93a2;--w-petroleum-600:#167a8b;--w-petroleum-600-alpha50:#167a8b80;--w-petroleum-700:#1b5e6a;--w-petroleum-800:#193f47;--w-petroleum-900:#122226;--w-white:white;--w-rgb-white:255,255,255;--w-black:black;--w-rgb-black:0,0,0;--w-watermelon-50:#fff3f2;--w-rgb-watermelon-50:255,243,242;--w-watermelon-100:#ffe6e4;--w-rgb-watermelon-100:255,230,228;--w-watermelon-200:#fecbc7;--w-rgb-watermelon-200:254,203,199;--w-watermelon-300:#feb0ac;--w-rgb-watermelon-300:254,176,172;--w-watermelon-400:#fd948f;--w-rgb-watermelon-400:253,148,143;--w-watermelon-500:#f95157;--w-rgb-watermelon-500:249,81,87;--w-watermelon-600:#d43d4f;--w-rgb-watermelon-600:212,61,79;--w-watermelon-700:#982c38;--w-rgb-watermelon-700:152,44,56;--w-watermelon-800:#5b1920;--w-rgb-watermelon-800:91,25,32;--w-watermelon-900:#29080c;--w-rgb-watermelon-900:41,8,12;--w-blueberry-50:#f7f9fd;--w-rgb-blueberry-50:247,249,253;--w-blueberry-100:#d7e0f4;--w-rgb-blueberry-100:215,224,244;--w-blueberry-200:#b4c9ec;--w-rgb-blueberry-200:180,201,236;--w-blueberry-300:#91b2e4;--w-rgb-blueberry-300:145,178,228;--w-blueberry-400:#6e9bdc;--w-rgb-blueberry-400:110,155,220;--w-blueberry-500:#4d88db;--w-rgb-blueberry-500:77,136,219;--w-blueberry-600:#296dcc;--w-rgb-blueberry-600:41,109,204;--w-blueberry-700:#1d4e92;--w-rgb-blueberry-700:29,78,146;--w-blueberry-800:#122f58;--w-rgb-blueberry-800:18,47,88;--w-blueberry-900:#06101e;--w-rgb-blueberry-900:6,16,30;--w-blue-50:#ecf7fe;--w-rgb-blue-50:236,247,254;--w-blue-100:#c7e7fb;--w-rgb-blue-100:199,231,251;--w-blue-200:#a2d5f5;--w-rgb-blue-200:162,213,245;--w-blue-300:#7dc3ef;--w-rgb-blue-300:125,195,239;--w-blue-400:#58b1e9;--w-rgb-blue-400:88,177,233;--w-blue-500:#339fe3;--w-rgb-blue-500:51,159,227;--w-blue-600:#0e8ddd;--w-rgb-blue-600:14,141,221;--w-blue-700:#0a659f;--w-rgb-blue-700:10,101,159;--w-blue-800:#063d61;--w-rgb-blue-800:6,61,97;--w-blue-900:#021622;--w-rgb-blue-900:2,22,34;--w-green-50:#f3fcf9;--w-rgb-green-50:243,252,249;--w-green-100:#cee8dc;--w-rgb-green-100:206,232,220;--w-green-200:#aad6c4;--w-rgb-green-200:170,214,196;--w-green-300:#86c4ac;--w-rgb-green-300:134,196,172;--w-green-400:#62b294;--w-rgb-green-400:98,178,148;--w-green-500:#3ea07c;--w-rgb-green-500:62,160,124;--w-green-600:#1a8f64;--w-rgb-green-600:26,143,100;--w-green-700:#136647;--w-rgb-green-700:19,102,71;--w-green-800:#0c3e2a;--w-rgb-green-800:12,62,42;--w-green-900:#072719;--w-rgb-green-900:7,39,25;--w-yellow-50:#fef7f1;--w-rgb-yellow-50:254,247,241;--w-yellow-100:#fde8d5;--w-rgb-yellow-100:253,232,213;--w-yellow-200:#fbd6b4;--w-rgb-yellow-200:251,214,180;--w-yellow-300:#f9c493;--w-rgb-yellow-300:249,196,147;--w-yellow-400:#f7b272;--w-rgb-yellow-400:247,178,114;--w-yellow-500:#f5a051;--w-rgb-yellow-500:245,160,81;--w-yellow-600:#f38e30;--w-rgb-yellow-600:243,142,48;--w-yellow-700:#ad6421;--w-rgb-yellow-700:173,100,33;--w-yellow-800:#673a12;--w-rgb-yellow-800:103,58,18;--w-yellow-900:#221102;--w-rgb-yellow-900:34,17,2;--w-red-50:#fef6f7;--w-rgb-red-50:254,246,247;--w-red-100:#edced1;--w-rgb-red-100:237,206,209;--w-red-200:#dba7ad;--w-rgb-red-200:219,167,173;--w-red-300:#c98089;--w-rgb-red-300:201,128,137;--w-red-400:#b75965;--w-rgb-red-400:183,89,101;--w-red-500:#a53241;--w-rgb-red-500:165,50,65;--w-red-600:#930b1d;--w-rgb-red-600:147,11,29;--w-red-700:#7d1024;--w-rgb-red-700:125,16,36;--w-red-800:#520b18;--w-rgb-red-800:82,11,24;--w-red-900:#27070d;--w-rgb-red-900:39,7,13;--w-gray-50:#fafafa;--w-rgb-gray-50:250,250,250;--w-gray-100:#f5f5f5;--w-rgb-gray-100:245,245,245;--w-gray-200:#e6e6e6;--w-rgb-gray-200:230,230,230;--w-gray-300:#d6d6d6;--w-rgb-gray-300:214,214,214;--w-gray-400:#a5a5a5;--w-rgb-gray-400:165,165,165;--w-gray-500:#767676;--w-rgb-gray-500:118,118,118;--w-gray-600:#575757;--w-rgb-gray-600:87,87,87;--w-gray-700:#434343;--w-rgb-gray-700:67,67,67;--w-gray-800:#292929;--w-rgb-gray-800:41,41,41;--w-gray-900:#1a1a1a;--w-rgb-gray-900:26,26,26;--w-color-callout-background:var(--w-blue-100);--w-color-callout-border:var(--w-blue-400);--w-color-button-primary-background:var(--w-watermelon-600);--w-color-button-primary-background-hover:var(--w-watermelon-700);--w-color-button-primary-background-active:var(--w-watermelon-800);--w-color-button-pill-background-hover:rgba(var(--w-rgb-gray-300),.3);--w-color-button-pill-background-active:rgba(var(--w-rgb-gray-400),.3);--w-color-buttongroup-utility-background-hover:var(--w-gray-100);--w-color-buttongroup-utility-background-selected:var(--w-gray-200);--w-color-buttongroup-utility-border:var(--w-gray-300);--w-color-buttongroup-utility-border-selected:var(--w-gray-700);--w-transparent:transparent;--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:ToriSans,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:none;--w-color-badge-neutral-background:var(--w-gray-100);--w-color-badge-info-background:var(--w-blue-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-sponsored-background:var(--w-blue-200);--w-color-avatar-background:var(--w-gray-100);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@warp-ds/css",
|
|
3
3
|
"repository": "git@github.com:warp-ds/css.git",
|
|
4
|
-
"version": "1.8.
|
|
4
|
+
"version": "1.8.2-next.2",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "pnpm build:tokens && pnpm build:resets && pnpm build:cc",
|
|
7
7
|
"commit": "cz",
|
|
@@ -40,11 +40,11 @@
|
|
|
40
40
|
"./component-classes/index.d.ts"
|
|
41
41
|
],
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@warp-ds/tokenizer": "^0.0.
|
|
44
|
-
"@warp-ds/uno": "^1.
|
|
43
|
+
"@warp-ds/tokenizer": "^0.0.4",
|
|
44
|
+
"@warp-ds/uno": "^1.8.1"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@eik/cli": "^2.0.
|
|
47
|
+
"@eik/cli": "^2.0.33",
|
|
48
48
|
"@semantic-release/changelog": "^6.0.2",
|
|
49
49
|
"@semantic-release/exec": "^6.0.3",
|
|
50
50
|
"@semantic-release/git": "^10.0.1",
|
|
@@ -59,8 +59,8 @@
|
|
|
59
59
|
"prettier": "^3.2.4",
|
|
60
60
|
"semantic-release": "^23.0.0",
|
|
61
61
|
"typescript": "^5.3.3",
|
|
62
|
-
"unocss": "^0.58.
|
|
63
|
-
"vite": "^5.0.
|
|
62
|
+
"unocss": "^0.58.5",
|
|
63
|
+
"vite": "^5.0.12",
|
|
64
64
|
"vite-plugin-dts": "^3.7.1"
|
|
65
65
|
},
|
|
66
66
|
"eslintConfig": {
|