npm - @warp-ds/css - Versions diffs - 1.10.1-next.1 → 2.0.0-next.1 - Mend

@warp-ds/css 1.10.1-next.1 → 2.0.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/component-classes/index.js +94 -47
package/component-classes/shortcuts.js +10 -5
package/dist/tokens/blocket-se.css +1 -1
package/dist/tokens/dba-dk.css +1 -0
package/dist/tokens/finn-no.css +1 -1
package/dist/tokens/tori-fi.css +1 -1
package/package.json +7 -6

package/component-classes/index.js CHANGED Viewed

@@ -45,7 +45,8 @@ export const slider = {
   activeTrack: 'absolute s-bg-primary h-6 top-[19px] rounded-4',
   activeTrackDisabled: 'absolute s-bg-disabled h-6 top-[19px] rounded-4 pointer-events-none',
   thumb: 'absolute transition-shadow w-24 h-24 bottom-10 rounded-4 outline-none',
-  thumbEnabled: 'border-2 shadow-[--w-shadow-slider] cursor-pointer s-bg-primary s-border-primary hover:s-bg-primary-hover hover:s-border-primary-hover hover:shadow-[--w-shadow-slider-handle-hover] active:s-bg-primary-active active:s-border-primary-active active:shadow-[--w-shadow-slider-handle-active] focus:shadow-[--w-shadow-slider-handle-hover] focus:s-border-primary-hover focus:s-bg-primary-hover',
+  thumbEnabled:
+    'border-2 shadow-[--w-shadow-slider] cursor-pointer s-bg-primary s-border-primary hover:s-bg-primary-hover hover:s-border-primary-hover hover:shadow-[--w-shadow-slider-handle-hover] active:s-bg-primary-active active:s-border-primary-active active:shadow-[--w-shadow-slider-handle-active] focus:shadow-[--w-shadow-slider-handle-hover] focus:s-border-primary-hover focus:s-bg-primary-hover',
   thumbDisabled: 's-bg-disabled cursor-disabled pointer-events-none',
 };
@@ -63,7 +64,8 @@ export const box = {
 export const pill = {
   pill: 'flex items-center',
   button: 'inline-flex items-center focusable text-xs transition-all',
-  suggestion: 'bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold',
+  suggestion:
+    'bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold',
   filter: 's-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted',
   label: 'pl-12 py-8 rounded-l-full',
   labelWithoutClose: 'pr-12 rounded-r-full',
@@ -115,7 +117,8 @@ export const card = {
   cardOutlineSelected: 's-border-selected group-hover:s-border-selected-hover group-active:s-border-selected-active',
   cardFlat: 'border-2 rounded-4',
   cardFlatUnselected: 's-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active',
-  cardFlatSelected: 's-bg-selected hover:s-bg-selected-hover active:s-bg-selected-active s-border-selected hover:s-border-selected-hover active:s-border-selected-active',
+  cardFlatSelected:
+    's-bg-selected hover:s-bg-selected-hover active:s-bg-selected-active s-border-selected hover:s-border-selected-hover active:s-border-selected-active',
   a11y: 'sr-only',
 };
@@ -198,9 +201,11 @@ export const expandable = {
   chevronTransform: 'transform transition-transform transform-gpu ease-in-out',
   chevronExpand: '-rotate-180',
   chevronCollapse: 'rotate-180',
-  elementsTransformChevronDownPart: 'part-[w-icon-chevron-down-16-part]:transform part-[w-icon-chevron-down-16-part]:transition-transform part-[w-icon-chevron-down-16-part]:transform-gpu part-[w-icon-chevron-down-16-part]:ease-in-out',
+  elementsTransformChevronDownPart:
+    'part-[w-icon-chevron-down-16-part]:transform part-[w-icon-chevron-down-16-part]:transition-transform part-[w-icon-chevron-down-16-part]:transform-gpu part-[w-icon-chevron-down-16-part]:ease-in-out',
   elementsChevronDownExpandPart: 'part-[w-icon-chevron-down-16-part]:-rotate-180',
-  elementsTransformChevronUpPart: 'part-[w-icon-chevron-up-16-part]:transform part-[w-icon-chevron-up-16-part]:transition-transform part-[w-icon-chevron-up-16-part]:transform-gpu part-[w-icon-chevron-up-16-part]:ease-in-out',
+  elementsTransformChevronUpPart:
+    'part-[w-icon-chevron-up-16-part]:transform part-[w-icon-chevron-up-16-part]:transition-transform part-[w-icon-chevron-up-16-part]:transform-gpu part-[w-icon-chevron-up-16-part]:ease-in-out',
   elementsChevronUpCollapsePart: 'part-[w-icon-chevron-up-16-part]:rotate-180',
   expansion: 'overflow-hidden',
   expansionNotExpanded: 'h-0 invisible',
@@ -214,7 +219,8 @@ export const expandable = {
 const buttonDefaultStyling = 'font-bold focusable justify-center transition-colors ease-in-out';
 const buttonColors = {
-  primary: 's-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]',
+  primary:
+    's-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]',
   secondary: 's-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active',
   utility: 's-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active',
   destructive: 's-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active',
@@ -338,7 +344,8 @@ export const buttonGroup = {
 };
 export const buttonGroupItem = {
-  wrapper: 'relative s-text s-bg hover:bg-[--w-color-buttongroup-utility-background-hover] active:s-text active:bg-[--w-color-buttongroup-utility-background-selected]',
+  wrapper:
+    'relative s-text s-bg hover:bg-[--w-color-buttongroup-utility-background-hover] active:s-text active:bg-[--w-color-buttongroup-utility-background-selected]',
   outlined: 'border hover:z-30 border-[--w-color-buttongroup-utility-border] active:border-[--w-color-buttongroup-utility-border-selected]',
   outlinedVertical: '-mb-1 last:mb-0 first:rounded-lt-4 first:rounded-rt-4 last:rounded-lb-4 last:rounded-rb-4',
   outlinedHorizontal: '-mr-1 last:mr-0 first:rounded-lt-4 first:rounded-lb-4 last:rounded-rt-4 last:rounded-rb-4',
@@ -350,14 +357,17 @@ export const buttonGroupItem = {
 export const modal = {
   transparentBg: '', //TODO: Remove in v2 - previously used for opacity before changing to a rgba background in backdrop
-  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]',
-  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 bg-[--w-s-color-surface-elevated-100] 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',
+  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]',
+  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 bg-[--w-s-color-surface-elevated-100] 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',
   content: 'block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative',
   footer: 'flex justify-end shrink-0 px-16 sm:px-32',
   transitionTitle: 'transition-all duration-300',
   transitionTitleCenter: 'justify-self-center self-center',
   transitionTitleColSpan: 'col-span-2',
-  title: 'py-8 sm:py-0 -mt-4 sm:-mt-8 min-h-40 sm:min-h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-start px-16 sm:px-32 border-b sm:border-b-0 shrink-0',
+  title:
+    'py-8 sm:py-0 -mt-4 sm:-mt-8 min-h-40 sm:min-h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-start px-16 sm:px-32 border-b sm:border-b-0 shrink-0',
   titleText: 'mb-0 h4 sm:h3',
   titleButton: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} sm:min-h-[44px] sm:min-w-[44px] min-h-[32px] min-w-[32px]`,
   titleButtonLeft: '-ml-8 sm:-ml-12 justify-self-start',
@@ -417,7 +427,8 @@ export const input = {
 };
 export const select = {
-  default: 'block text-m mb-0 leading-m s-text s-bg s-border hover:s-border-hover active:s-border-active rounded-4 py-12 px-8 block border-1 w-full focusable focus:[--w-outline-offset:-2px] appearance-none pr-32 cursor-pointer caret-current',
+  default:
+    'block text-m mb-0 leading-m s-text s-bg s-border hover:s-border-hover active:s-border-active rounded-4 py-12 px-8 block border-1 w-full focusable focus:[--w-outline-offset:-2px] appearance-none pr-32 cursor-pointer caret-current',
   disabled: 's-bg-disabled-subtle s-border-disabled hover:s-border-disabled! active:s-border-disabled! s-text-disabled pointer-events-none',
   invalid: 's-border-negative hover:s-border-negative-hover! outline-[--w-s-color-border-negative]!',
   readOnly: 'pl-0 bg-transparent border-0 pointer-events-none before:hidden',
@@ -442,7 +453,8 @@ export const helpText = {
   helpTextInvalid: 's-text-negative',
 };
-const prefixSuffixWrapperBase = 'absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ';
+const prefixSuffixWrapperBase =
+  'absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ';
 export const suffix = {
   wrapper: prefixSuffixWrapperBase + 'right-0',
@@ -482,18 +494,29 @@ export const toggle = {
   a11y: 'sr-only',
   // label classes
-  label: 'peer-focus:focusable cursor-pointer text-m s-text s-border py-2 pl-28 select-none relative block before:border before:absolute before:transition-all before:left-0 before:w-20 before:h-20 before:top-2', // !isRadioButton
+  label:
+    'peer-focus:focusable cursor-pointer text-m s-text s-border py-2 pl-28 select-none relative block before:border before:absolute before:transition-all before:left-0 before:w-20 before:h-20 before:top-2', // !isRadioButton
   labelBefore: 'before:content-[""] before:block', // !isRadioButton && !isIndeterminate
-  checkbox: 'before:s-bg before:rounded-2 hover:before:s-border-primary hover:before:s-bg-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-form-check-mark))] peer-checked:before:s-border-primary peer-checked:before:s-bg-primary peer-checked:peer-hover:before:s-border-primary-hover peer-checked:peer-hover:before:s-bg-primary-hover', // isCheckbox && !isIndeterminate && !isInvalid && !isDisabled
-  checkboxInvalid: 'before:s-bg before:s-border-negative before:rounded-2 hover:before:s-bg-negative-subtle-hover hover:before:s-border-negative-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-form-check-mark))] peer-checked:before:s-bg-negative peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-bg-negative-hover peer-checked:peer-hover:before:s-border-negative-hover', // isCheckbox && !isIndeterminate && isInvalid && !isDisabled
-  checkboxDisabled: 'before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-2 peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-form-check-mark))] peer-checked:before:s-border-disabled peer-checked:before:s-bg-disabled', // isCheckbox && !isIndeterminate && !isInvalid && isDisabled
-  indeterminate: 'before:content-["–"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-primary peer-indeterminate:before:s-bg-primary peer-indeterminate:hover:before:s-border-primary-hover peer-indeterminate:hover:before:s-bg-primary-hover', // isCheckbox && isIndeterminate && !isInvalid && !isDisabled
-  indeterminateInvalid: 'before:content-["–"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-negative peer-indeterminate:before:s-bg-negative peer-indeterminate:hover:before:s-border-negative-hover peer-indeterminate:hover:before:s-bg-negative-hover', // isCheckbox && isIndeterminate && isInvalid && !isDisabled
-  indeterminateDisabled: 'before:content-["–"] before:rounded-2 before:leading-xs before:text-center before:font-bold pointer-events-none before:s-icon-inverted peer-indeterminate:before:s-border-disabled peer-indeterminate:before:s-bg-disabled', // isCheckbox && isIndeterminate && !isInvalid && isDisabled
-  radio: 'before:s-bg before:rounded-full peer-checked:before:border-[6] peer-checked:before:s-border-selected peer-checked:peer-hover:before:s-border-selected-hover peer-hover:before:s-border-primary peer-hover:before:s-bg-hover', // isRadio && !isDisabled && !isInvalid
-  radioInvalid: 'before:s-bg before:s-border-negative before:rounded-full peer-checked:before:border-[6] peer-hover:before:s-bg-negative-subtle peer-hover:before:s-border-negative-hover peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-border-negative-hover', // isRadio && isInvalid && !isDisabled
-  radioDisabled: 'before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-full peer-checked:before:border-[6]', // isRadio && !isInvalid && isDisabled
-  radioButtonsLabel: 'peer-hover:peer-not-checked:s-bg-hover peer-checked:s-text-inverted peer-checked:s-bg-primary peer-checked:s-border-primary block relative font-bold cursor-pointer s-text-link text-center s-bg border-2 s-border group-first-of-type:rounded-tl-8 group-first-of-type:rounded-bl-8 group-last-of-type:rounded-tr-8 group-last-of-type:rounded-br-8 group-not-last-of-type:border-r-0 peer-checked:z-10 group-not-first:-ml-2', // isRadioButtons
+  checkbox:
+    'before:s-bg before:rounded-2 hover:before:s-border-primary hover:before:s-bg-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-form-check-mark))] peer-checked:before:s-border-primary peer-checked:before:s-bg-primary peer-checked:peer-hover:before:s-border-primary-hover peer-checked:peer-hover:before:s-bg-primary-hover', // isCheckbox && !isIndeterminate && !isInvalid && !isDisabled
+  checkboxInvalid:
+    'before:s-bg before:s-border-negative before:rounded-2 hover:before:s-bg-negative-subtle-hover hover:before:s-border-negative-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-form-check-mark))] peer-checked:before:s-bg-negative peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-bg-negative-hover peer-checked:peer-hover:before:s-border-negative-hover', // isCheckbox && !isIndeterminate && isInvalid && !isDisabled
+  checkboxDisabled:
+    'before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-2 peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-form-check-mark))] peer-checked:before:s-border-disabled peer-checked:before:s-bg-disabled', // isCheckbox && !isIndeterminate && !isInvalid && isDisabled
+  indeterminate:
+    'before:content-["–"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-primary peer-indeterminate:before:s-bg-primary peer-indeterminate:hover:before:s-border-primary-hover peer-indeterminate:hover:before:s-bg-primary-hover', // isCheckbox && isIndeterminate && !isInvalid && !isDisabled
+  indeterminateInvalid:
+    'before:content-["–"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-negative peer-indeterminate:before:s-bg-negative peer-indeterminate:hover:before:s-border-negative-hover peer-indeterminate:hover:before:s-bg-negative-hover', // isCheckbox && isIndeterminate && isInvalid && !isDisabled
+  indeterminateDisabled:
+    'before:content-["–"] before:rounded-2 before:leading-xs before:text-center before:font-bold pointer-events-none before:s-icon-inverted peer-indeterminate:before:s-border-disabled peer-indeterminate:before:s-bg-disabled', // isCheckbox && isIndeterminate && !isInvalid && isDisabled
+  radio:
+    'before:s-bg before:rounded-full peer-checked:before:border-[6] peer-checked:before:s-border-selected peer-checked:peer-hover:before:s-border-selected-hover peer-hover:before:s-border-primary peer-hover:before:s-bg-hover', // isRadio && !isDisabled && !isInvalid
+  radioInvalid:
+    'before:s-bg before:s-border-negative before:rounded-full peer-checked:before:border-[6] peer-hover:before:s-bg-negative-subtle peer-hover:before:s-border-negative-hover peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-border-negative-hover', // isRadio && isInvalid && !isDisabled
+  radioDisabled:
+    'before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-full peer-checked:before:border-[6]', // isRadio && !isInvalid && isDisabled
+  radioButtonsLabel:
+    'peer-hover:peer-not-checked:s-bg-hover peer-checked:s-text-inverted peer-checked:s-bg-primary peer-checked:s-border-primary block relative font-bold cursor-pointer s-text-link text-center s-bg border-2 s-border group-first-of-type:rounded-tl-8 group-first-of-type:rounded-bl-8 group-last-of-type:rounded-tr-8 group-last-of-type:rounded-br-8 group-not-last-of-type:border-r-0 peer-checked:z-10 group-not-first:-ml-2', // isRadioButtons
   radioButtonsRegular: 'text-s py-8 pl-12 pr-14', // isRadioButtons && !isSmall
   radioButtonsSmall: 'text-xs py-[5px] px-[8px]', // isRadioButtons && isSmall
 };
@@ -529,7 +552,8 @@ export const attention = {
   tooltip: 's-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted-static rounded-4 py-6 px-8',
   callout: 'bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8',
   highlight: 'bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0',
-  popover: 'bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0',
+  popover:
+    'bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0',
   arrowBase: 'absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform',
   arrowDirectionLeftStart: '-left-[8px]',
   arrowDirectionLeft: '-left-[8px]',
@@ -556,18 +580,25 @@ export const backwardsCompatibleClasses = {
   modalBackdrop: 'z-20', // replaced by z-30 in v1.4.0
   chevronBox: 'right-16', //removed in v1.4.0
   chevronNonBox: 'left-8', //removed in v1.4.0
-  checkboxInvalid: 'peer-checked:before:i-border-$color-checkbox-negative-border-selected peer-checked:peer-hover:before:i-border-$color-checkbox-negative-border-selected-hover', //replaced in v1.5.0
-  radioInvalid: 'peer-checked:before:i-border-$color-radio-negative-border-selected peer-checked:peer-hover:before:i-border-$color-radio-negative-border-selected-hover ', //replaced in v1.5.0
-  radioDisabled: 'before:i-bg-$color-radio-background-disabled before:i-bg-$color-checkbox-background-disabled peer-checked:before:i-border-$color-radio-border-selected-disabled', //replaced in v1.5.0
+  checkboxInvalid:
+    'peer-checked:before:i-border-$color-checkbox-negative-border-selected peer-checked:peer-hover:before:i-border-$color-checkbox-negative-border-selected-hover', //replaced in v1.5.0
+  radioInvalid:
+    'peer-checked:before:i-border-$color-radio-negative-border-selected peer-checked:peer-hover:before:i-border-$color-radio-negative-border-selected-hover ', //replaced in v1.5.0
+  radioDisabled:
+    'before:i-bg-$color-radio-background-disabled before:i-bg-$color-checkbox-background-disabled peer-checked:before:i-border-$color-radio-border-selected-disabled', //replaced in v1.5.0
   modalTitle: 'h-40 sm:h-48 items-center', // replaced by min-h-40 sm:min-h-48 items-start
   pillClose: 'pt-4 pb-6 text-m!', //replaced by py-8
   toggle: 'peer-disabled:before:s-bg-disabled-subtle before:bg-[url(var(--w-form-check-mark))] peer-hover:before:s-bg-primary-subtle',
   radioButton: 'flex! py-[5px]! px-[8px]!',
-  toggleIndeterminate: 'before:content-["-"] before:flex! before:items-center before:justify-center peer-indeterminate:hover:before:s-border-primary',
+  toggleIndeterminate:
+    'before:content-["-"] before:flex! before:items-center before:justify-center peer-indeterminate:hover:before:s-border-primary',
   input: 'hover:s-border-disabled! s-text-negative! hover:s-border-negative-hover! bg-transparent! border-0! pl-40',
-  removedAlertTokens: 'i-border-$color-alert-negative-subtle-border i-bg-$color-alert-negative-background i-text-$color-alert-negative-text i-border-l-$color-alert-negative-border i-text-$color-alert-negative-icon i-border-$color-alert-positive-subtle-border i-bg-$color-alert-positive-background i-text-$color-alert-positive-text i-border-l-$color-alert-positive-border i-text-$color-alert-positive-icon i-border-$color-alert-warning-subtle-border i-bg-$color-alert-warning-background i-text-$color-alert-warning-text i-border-l-$color-alert-warning-border i-text-$color-alert-warning-icon i-border-$color-alert-info-subtle-border i-bg-$color-alert-info-background i-text-$color-alert-info-text i-border-l-$color-alert-info-border i-text-$color-alert-info-icon',
-  removedBadgeTokens: 'i-bg-$color-badge-price-background i-bg-$color-badge-negative-background i-bg-$color-badge-warning-background i-bg-$color-badge-positive-background i-bg-$color-badge-info-background i-bg-$color-badge-neutral-background i-text-$color-badge-neutral-text i-text-$color-badge-negative-text i-text-$color-badge-warning-text i-text-$color-badge-positive-text i-text-$color-badge-info-text i-text-$color-badge-disabled-text i-bg-$color-badge-disabled-background i-text-$color-badge-price-text',
-  removedBoxTokens: 'i-bg-$color-box-info-background i-text-$color-box-info-text i-bg-$color-box-neutral-background i-text-$color-box-neutral-text i-border-$color-box-bordered-border i-bg-$color-box-bordered-background i-text-$color-box-bordered-text hover:i-bg-$color-box-info-background-hover active:i-bg-$color-box-info-background-hover hover:i-bg-$color-box-neutral-background-hover active:i-bg-$color-box-neutral-background-hover hover:i-bg-$color-box-bordered-background-hover active:i-bg-$color-box-bordered-background-hover hover:i-border-$color-box-bordered-border-hover active:i-border-$color-box-bordered-border-hover',
+  removedAlertTokens:
+    'i-border-$color-alert-negative-subtle-border i-bg-$color-alert-negative-background i-text-$color-alert-negative-text i-border-l-$color-alert-negative-border i-text-$color-alert-negative-icon i-border-$color-alert-positive-subtle-border i-bg-$color-alert-positive-background i-text-$color-alert-positive-text i-border-l-$color-alert-positive-border i-text-$color-alert-positive-icon i-border-$color-alert-warning-subtle-border i-bg-$color-alert-warning-background i-text-$color-alert-warning-text i-border-l-$color-alert-warning-border i-text-$color-alert-warning-icon i-border-$color-alert-info-subtle-border i-bg-$color-alert-info-background i-text-$color-alert-info-text i-border-l-$color-alert-info-border i-text-$color-alert-info-icon',
+  removedBadgeTokens:
+    'i-bg-$color-badge-price-background i-bg-$color-badge-negative-background i-bg-$color-badge-warning-background i-bg-$color-badge-positive-background i-bg-$color-badge-info-background i-bg-$color-badge-neutral-background i-text-$color-badge-neutral-text i-text-$color-badge-negative-text i-text-$color-badge-warning-text i-text-$color-badge-positive-text i-text-$color-badge-info-text i-text-$color-badge-disabled-text i-bg-$color-badge-disabled-background i-text-$color-badge-price-text',
+  removedBoxTokens:
+    'i-bg-$color-box-info-background i-text-$color-box-info-text i-bg-$color-box-neutral-background i-text-$color-box-neutral-text i-border-$color-box-bordered-border i-bg-$color-box-bordered-background i-text-$color-box-bordered-text hover:i-bg-$color-box-info-background-hover active:i-bg-$color-box-info-background-hover hover:i-bg-$color-box-neutral-background-hover active:i-bg-$color-box-neutral-background-hover hover:i-bg-$color-box-bordered-background-hover active:i-bg-$color-box-bordered-background-hover hover:i-border-$color-box-bordered-border-hover active:i-border-$color-box-bordered-border-hover',
   removedBreadcrumbsTokens: 'i-text-$color-breadcrumbs-text i-text-$color-breadcrumbs-link-text i-text-$color-breadcrumbs-icon',
   removedButtonTokens:
     'hover:i-bg-$color-button-pill-background-hover active:i-bg-$color-button-pill-background-active i-bg-$color-button-primary-background hover:i-bg-$color-button-primary-background-hover active:i-bg-$color-button-primary-background-active i-text-$color-button-primary-text hover:i-text-$color-button-primary-text i-text-$color-button-secondary-text hover:i-text-$color-button-secondary-text i-border-$color-button-secondary-border i-bg-$color-button-secondary-background hover:i-bg-$color-button-secondary-background-hover hover:i-border-$color-button-secondary-border-hover active:i-bg-$color-button-secondary-background-active i-text-$color-button-utility-text hover:i-text-$color-button-utility-text i-bg-$color-button-utility-background i-border-$color-button-utility-border hover:i-bg-$color-button-utility-background hover:i-border-$color-button-utility-border-hover active:i-border-$color-button-utility-border-active i-bg-$color-button-negative-background i-text-$color-button-negative-text hover:i-text-$color-button-negative-text hover:i-bg-$color-button-negative-background-hover active:i-bg-$color-button-negative-background-active i-text-$color-button-pill-icon hover:i-text-$color-button-pill-icon-hover active:i-text-$color-button-pill-icon-active i-bg-$color-button-pill-background hover:i-bg-$color-button-pill-background-hover active:i-bg-$color-button-pill-background-active i-text-$color-button-disabled-text i-bg-$color-button-disabled-background i-bg-$color-button-quiet-background i-text-$color-button-quiet-text hover:i-bg-$color-button-quiet-background-hover active:i-bg-$color-button-quiet-background-active i-text-$color-button-utility-quiet-text i-bg-$color-button-utility-quiet-background hover:i-bg-$color-button-utility-quiet-background-hover i-bg-$color-button-negative-quiet-background i-text-$color-button-negative-quiet-text hover:i-bg-$color-button-negative-quiet-background-hover active:i-bg-$color-button-negative-quiet-background-active i-text-$color-button-loading-text i-bg-$color-button-loading-background i-text-$color-button-link-text',
@@ -578,25 +609,41 @@ export const backwardsCompatibleClasses = {
     'i-shadow-$shadow-card hover:i-shadow-$shadow-card-hover hover:i-bg-$color-card-background-hover i-bg-$color-card-flat-background i-border-$color-card-flat-border hover:i-bg-$color-card-flat-background-hover hover:i-border-$color-card-flat-border-hover active:i-bg-$color-card-flat-background-active active:i-border-$color-card-flat-border-active i-border-$color-card-flat-border-selected i-bg-$color-card-flat-background-selected hover:i-bg-$color-card-flat-background-selected-hover hover:i-border-$color-card-flat-border-selected-hover active:i-border-$color-card-flat-border-active active:i-bg-$color-card-flat-background-active i-border-$color-card-border-selected i-bg-$color-card-background-selected hover:i-border-$color-card-border-selected-hover hover:i-bg-$color-card-background-selected-hover active:i-border-$color-card-border-selected-active active:i-border-$color-card-flat-border i-border-$color-card-border i-border-$color-card-border-selected hover:i-border-$color-card-border-selected-hover',
   removedCheckboxTokens:
     'hover:before:s-bg-subtle i-border-$color-checkbox-border peer-indeterminate:before:i-border-$color-checkbox-border-selected before:i-text-$color-checkbox-icon peer-checked:before:i-border-$color-checkbox-negative-border hover:before:i-border-$color-checkbox-negative-border-hover peer-checked:peer-hover:before:i-border-$ before:i-bg-$color-checkbox-negative-background hover:before:i-bg-$color-checkbox-negative-background-hover peer-checked:before:i-bg-$color-checkbox-negative-background-selected peer-checked:peer-hover:before:i-bg-$color-checkbox-negative-background-selected-hover before:i-border-$color-checkbox-border-disabled hover:before:i-border-$color-checkbox-border-hover peer-indeterminate:hover:before:i-border-$color-checkbox-border-hover peer-checked:before:i-border-$color-checkbox-border-selected peer-checked:before:i-border-$color-checkbox-border-selected-disabled peer-checked:peer-hover:before:i-border-$color-checkbox-border-selected-hover peer-checked:before:i-bg-$color-checkbox-background-selected peer-indeterminate:before:i-bg-$color-checkbox-background-selected peer-checked:peer-hover:before:i-bg-$color-checkbox-background-selected-hover peer-indeterminate:hover:before:i-bg-$color-checkbox-background-selected-hover peer-checked:before:i-bg-$color-checkbox-background-selected-disabled hover:before:i-bg-$color-checkbox-background-hover peer-disabled:before:i-bg-$color-checkbox-background-disabled',
-  removedComboboxTokens: 'i-bg-$color-combobox-option-background-selected hover:i-bg-$color-combobox-option-background-selected-hover hover:i-bg-$color-combobox-option-background-hover i-bg-$color-combobox-background i-shadow-$shadow-combobox',
-  removedExpandableTokens: 'i-text-$color-expandable-icon i-bg-$color-expandable-background hover:i-bg-$color-expandable-background-hover i-text-$color-expandable-title-text',
+  removedComboboxTokens:
+    'i-bg-$color-combobox-option-background-selected hover:i-bg-$color-combobox-option-background-selected-hover hover:i-bg-$color-combobox-option-background-hover i-bg-$color-combobox-background i-shadow-$shadow-combobox',
+  removedExpandableTokens:
+    'i-text-$color-expandable-icon i-bg-$color-expandable-background hover:i-bg-$color-expandable-background-hover i-text-$color-expandable-title-text',
   removedHelpTextTokens: 'i-text-$color-helptext-text i-text-$color-helptext-text-positive i-text-$color-helptext-text-negative',
-  removedInputTokens: 'placeholder:i-text-$color-input-text-placeholder i-text-$color-input-text-read-only i-text-$color-input-text-negative! i-border-$color-input-border-negative i-text-$color-input-text-disabled hover:i-border-$color-input-border-disabled! i-border-$color-input-border-disabled i-bg-$color-input-background-disabled active:i-border-$color-input-border-active hover:i-border-$color-input-border-hover i-border-$color-input-border i-bg-$color-input-background i-text-$color-input-text-filled',
+  removedInputTokens:
+    'placeholder:i-text-$color-input-text-placeholder i-text-$color-input-text-read-only i-text-$color-input-text-negative! i-border-$color-input-border-negative i-text-$color-input-text-disabled hover:i-border-$color-input-border-disabled! i-border-$color-input-border-disabled i-bg-$color-input-background-disabled active:i-border-$color-input-border-active hover:i-border-$color-input-border-hover i-border-$color-input-border i-bg-$color-input-background i-text-$color-input-text-filled',
   removedLabelTokens: 'i-text-$color-label-text-negative i-text-$color-label-optional-text i-text-$color-label-text',
-  removedModalTokens: 'i-bg-$color-modal-background i-shadow-$shadow-modal before:i-bg-$color-modal-backdrop-background before:content-[""] before:absolute before:top-0 before:bottom-0 before:left-0 before:right-0 before:opacity-25',
-  removedPageIndicatorTokens: 'bg-[--w-s-icon-disabled] i-bg-$color-pageindicator-background hover:i-bg-$color-pageindicator-background-hover i-bg-$color-pageindicator-background-selected',
-  removedPillTokens: 'i-bg-$color-pill-suggestion-background hover:i-bg-$color-pill-suggestion-background-hover active:i-bg-$color-pill-suggestion-background-active s-text font-bold i-bg-$color-pill-filter-background hover:i-bg-$color-pill-filter-background-hover active:i-bg-$color-pill-filter-background-active i-text-$color-pill-filter-text i-text-$color-pill-suggestion-text',
-  removedPopoverTokens: 'border-[--w-s-color-background] i-bg-$color-popover-background i-border-$color-popover-background i-text-$color-popover-paragraph-text',
-  removedRadioTokens: 'before:i-border-$color-radio-negative-border peer-hover:before:i-border-$color-radio-negative-border-hover peer-checked:before:i-border-$color-radio-negative-border peer-checked:peer-hover:before:i-border-$color-radio-negative-border-hover before:i-bg-$color-radio-negative-background peer-hover:before:i-bg-$color-radio-negative-background-hover i-border-$color-radio-border peer-hover:before:i-border-$color-radio-border-hover before:i-border-$color-radio-border-disabled peer-checked:before:i-border-$color-radio-border-disabled peer-checked:before:i-border-$color-radio-border-selected peer-checked:peer-hover:before:i-border-$color-radio-border-selected-hover peer-disabled:before:i-bg-$color-radio-background-disabled  peer-hover:before:i-bg-$color-radio-background-hover',
-  removedSelectTokens: 'i-border-$color-select-border-negative i-border-$color-select-border-disabled hover:i-border-$color-select-border-disabled! active:i-border-$color-select-border-disabled! i-border-$color-select-border hover:i-border-$color-select-border-hover active:i-border-$color-select-border-active i-text-$color-select-icon i-bg-$color-select-background-disabled i-bg-$color-select-background i-text-$color-select-text-disabled i-text-$color-select-text',
-  removedSliderTokens: 'i-bg-$color-slider-track-background-active i-bg-$color-slider-track-background-disabled i-bg-$color-slider-track-background focus:i-border-$color-slider-handle-border-hover active:i-border-$color-slider-handle-border-active hover:i-border-$color-slider-handle-border-hover i-border-$color-slider-handle-border i-bg-$color-slider-handle-background-disabled focus:i-bg-$color-slider-handle-background-hover active:i-bg-$color-slider-handle-background-active hover:i-bg-$color-slider-handle-background-hover i-bg-$color-slider-handle-background i-shadow-$shadow-slider active:slider-handle-shadow-active focus:slider-handle-shadow-hover hover:slider-handle-shadow-hover',
-  removedStepindicatorTokens: 'i-bg-$color-stepindicator-track-background-active i-bg-$color-stepindicator-track-background i-text-$color-stepindicator-handle-icon i-border-$color-stepindicator-handle-border i-border-$color-stepindicator-handle-border-active i-bg-$color-stepindicator-handle-background i-bg-$color-stepindicator-handle-background-active',
-  removedSwitchTokens: 'i-bg-$color-switch-handle-background-disabled i-bg-$color-switch-handle-background i-bg-$color-switch-track-background-disabled i-bg-$color-switch-track-background-selected group-hover:i-bg-$color-switch-track-background-selected-hover group-hover:i-bg-$color-switch-track-background-hover i-bg-$color-switch-track-background i-shadow-$shadow-switch-handle',
-  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',
-  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',
-  removedTooltipTokens: 'i-bg-$color-tooltip-background i-border-$color-tooltip-background shadow-m i-text-$color-tooltip-text i-shadow-$shadow-tooltip',
+  removedModalTokens:
+    'i-bg-$color-modal-background i-shadow-$shadow-modal before:i-bg-$color-modal-backdrop-background before:content-[""] before:absolute before:top-0 before:bottom-0 before:left-0 before:right-0 before:opacity-25',
+  removedPageIndicatorTokens:
+    'bg-[--w-s-icon-disabled] i-bg-$color-pageindicator-background hover:i-bg-$color-pageindicator-background-hover i-bg-$color-pageindicator-background-selected',
+  removedPillTokens:
+    'i-bg-$color-pill-suggestion-background hover:i-bg-$color-pill-suggestion-background-hover active:i-bg-$color-pill-suggestion-background-active s-text font-bold i-bg-$color-pill-filter-background hover:i-bg-$color-pill-filter-background-hover active:i-bg-$color-pill-filter-background-active i-text-$color-pill-filter-text i-text-$color-pill-suggestion-text',
+  removedPopoverTokens:
+    'border-[--w-s-color-background] i-bg-$color-popover-background i-border-$color-popover-background i-text-$color-popover-paragraph-text',
+  removedRadioTokens:
+    'before:i-border-$color-radio-negative-border peer-hover:before:i-border-$color-radio-negative-border-hover peer-checked:before:i-border-$color-radio-negative-border peer-checked:peer-hover:before:i-border-$color-radio-negative-border-hover before:i-bg-$color-radio-negative-background peer-hover:before:i-bg-$color-radio-negative-background-hover i-border-$color-radio-border peer-hover:before:i-border-$color-radio-border-hover before:i-border-$color-radio-border-disabled peer-checked:before:i-border-$color-radio-border-disabled peer-checked:before:i-border-$color-radio-border-selected peer-checked:peer-hover:before:i-border-$color-radio-border-selected-hover peer-disabled:before:i-bg-$color-radio-background-disabled  peer-hover:before:i-bg-$color-radio-background-hover',
+  removedSelectTokens:
+    'i-border-$color-select-border-negative i-border-$color-select-border-disabled hover:i-border-$color-select-border-disabled! active:i-border-$color-select-border-disabled! i-border-$color-select-border hover:i-border-$color-select-border-hover active:i-border-$color-select-border-active i-text-$color-select-icon i-bg-$color-select-background-disabled i-bg-$color-select-background i-text-$color-select-text-disabled i-text-$color-select-text',
+  removedSliderTokens:
+    'i-bg-$color-slider-track-background-active i-bg-$color-slider-track-background-disabled i-bg-$color-slider-track-background focus:i-border-$color-slider-handle-border-hover active:i-border-$color-slider-handle-border-active hover:i-border-$color-slider-handle-border-hover i-border-$color-slider-handle-border i-bg-$color-slider-handle-background-disabled focus:i-bg-$color-slider-handle-background-hover active:i-bg-$color-slider-handle-background-active hover:i-bg-$color-slider-handle-background-hover i-bg-$color-slider-handle-background i-shadow-$shadow-slider active:slider-handle-shadow-active focus:slider-handle-shadow-hover hover:slider-handle-shadow-hover',
+  removedStepindicatorTokens:
+    'i-bg-$color-stepindicator-track-background-active i-bg-$color-stepindicator-track-background i-text-$color-stepindicator-handle-icon i-border-$color-stepindicator-handle-border i-border-$color-stepindicator-handle-border-active i-bg-$color-stepindicator-handle-background i-bg-$color-stepindicator-handle-background-active',
+  removedSwitchTokens:
+    'i-bg-$color-switch-handle-background-disabled i-bg-$color-switch-handle-background i-bg-$color-switch-track-background-disabled i-bg-$color-switch-track-background-selected group-hover:i-bg-$color-switch-track-background-selected-hover group-hover:i-bg-$color-switch-track-background-hover i-bg-$color-switch-track-background i-shadow-$shadow-switch-handle',
+  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',
+  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',
+  removedTooltipTokens:
+    'i-bg-$color-tooltip-background i-border-$color-tooltip-background shadow-m i-text-$color-tooltip-text i-shadow-$shadow-tooltip',
   removedAlphaTokens: 'bg-[--w-color-badge-price-background] bg-[--w-black-alpha25]',
-  surfaceUpdates: 'hover:s-bg-subtle-hover hover:shadow-m bg-[--w-s-color-surface-sunken] active:s-bg-hover active:s-bg-subtle-hover active:s-border-hover active:s-bg-info-subtle-hover',
+  surfaceUpdates:
+    'hover:s-bg-subtle-hover hover:shadow-m bg-[--w-s-color-surface-sunken] active:s-bg-hover active:s-bg-subtle-hover active:s-border-hover active:s-bg-info-subtle-hover',
 };
 export const pagination = {

package/component-classes/shortcuts.js CHANGED Viewed

@@ -9,9 +9,14 @@ export const buttons = {
   'button--primary': `${button.primary} max-w-max hover:s-text-inverted`,
   'button--cta': `${button.primary} max-w-max hover:s-text-inverted`,
   'button--pill': `${button.pill} max-w-max`,
-  'button--utility': 'px-[15px] py-[11px] font-bold text-m leading-[24] max-w-max! focusable justify-center transition-colors ease-in-out border rounded-4 s-text! hover:s-text s-bg! hover:s-bg-hover! s-border! hover:s-border-hover! active:s-border-active!',
-  'button--utility-flat': 'py-12 px-16 border-0 font-bold text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out s-text! bg-transparent! hover:s-bg-subtle-hover! rounded-4',
-  'button--destructive': 'py-12 px-16 border-0 font-bold rounded-8 text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out s-bg-negative s-text-inverted hover:s-text-inverted hover:s-bg-negative-hover! active:s-bg-negative-active!',
-  'button--destructive-flat': 'py-12 px-16 border-0 font-bold rounded-8 text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out bg-transparent! s-text-negative! hover:s-bg-negative-subtle-hover! active:s-bg-negative-subtle-active!',
-  'button--flat': 'py-12 px-16 border-0! font-bold rounded-8 text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out bg-transparent! s-text-link! hover:s-bg-hover! active:s-bg-active!',
+  'button--utility':
+    'px-[15px] py-[11px] font-bold text-m leading-[24] max-w-max! focusable justify-center transition-colors ease-in-out border rounded-4 s-text! hover:s-text s-bg! hover:s-bg-hover! s-border! hover:s-border-hover! active:s-border-active!',
+  'button--utility-flat':
+    'py-12 px-16 border-0 font-bold text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out s-text! bg-transparent! hover:s-bg-subtle-hover! rounded-4',
+  'button--destructive':
+    'py-12 px-16 border-0 font-bold rounded-8 text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out s-bg-negative s-text-inverted hover:s-text-inverted hover:s-bg-negative-hover! active:s-bg-negative-active!',
+  'button--destructive-flat':
+    'py-12 px-16 border-0 font-bold rounded-8 text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out bg-transparent! s-text-negative! hover:s-bg-negative-subtle-hover! active:s-bg-negative-subtle-active!',
+  'button--flat':
+    'py-12 px-16 border-0! font-bold rounded-8 text-m leading-[24] max-w-max focusable justify-center transition-colors ease-in-out bg-transparent! s-text-link! hover:s-bg-hover! active:s-bg-active!',
 };

package/dist/tokens/blocket-se.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root,:host{--w-color-switch-track-background:var(--w-gray-200);--w-color-switch-track-background-hover:var(--w-gray-300);--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-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-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-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-100);--w-s-rgb-background-subtle:var(--w-rgb-gray-100);--w-s-color-background-subtle-hover:var(--w-gray-200);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-200);--w-s-color-background-subtle-active:var(--w-gray-300);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-300);--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-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-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-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-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-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-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-static:var(--w-gray-700);--w-s-rgb-icon-static: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-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-inverted-static:var(--w-white);--w-s-rgb-icon-inverted-static:var(--w-rgb-white);--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-static:var(--w-gray-700);--w-s-rgb-text-static: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-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-static:var(--w-white);--w-s-rgb-text-inverted-static: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-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-aqua-400);--w-s-rgb-focused:var(--w-rgb-aqua-400);--w-s-color-divider:var(--w-gray-200);--w-s-rgb-divider:var(--w-rgb-gray-200);--w-s-color-surface-sunken:var(--w-gray-50);--w-s-rgb-surface-sunken:var(--w-rgb-gray-50);--w-s-color-surface-elevated-100:var(--w-white);--w-s-rgb-surface-elevated-100:var(--w-rgb-white);--w-s-color-surface-elevated-100-hover:var(--w-gray-100);--w-s-rgb-surface-elevated-100-hover:var(--w-rgb-gray-100);--w-s-color-surface-elevated-100-active:var(--w-gray-200);--w-s-rgb-surface-elevated-100-active:var(--w-rgb-gray-200);--w-s-color-surface-elevated-200:var(--w-white);--w-s-rgb-surface-elevated-200:var(--w-rgb-white);--w-s-color-surface-elevated-200-hover:var(--w-gray-100);--w-s-rgb-surface-elevated-200-hover:var(--w-rgb-gray-100);--w-s-color-surface-elevated-200-active:var(--w-gray-200);--w-s-rgb-surface-elevated-200-active:var(--w-rgb-gray-200);--w-s-color-surface-elevated-300:var(--w-white);--w-s-rgb-surface-elevated-300:var(--w-rgb-white);--w-s-color-surface-elevated-300-hover:var(--w-gray-100);--w-s-rgb-surface-elevated-300-hover:var(--w-rgb-gray-100);--w-s-color-surface-elevated-300-active:var(--w-gray-200);--w-s-rgb-surface-elevated-300-active:var(--w-rgb-gray-200);--w-s-shadow-surface-elevated-100:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-100-hover:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-100-hover:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-100-active:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100-active:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-200-hover:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-200-hover:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200-active:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200-active:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-300:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-300-hover:var(--w-shadow-xl);--w-s-rgb-shadow-surface-elevated-300-hover:var(--w-rgb-shadow-xl);--w-s-shadow-surface-elevated-300-active:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300-active:var(--w-rgb-shadow-l);--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-icon-list-checked:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%230063fb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");--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-static);--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-positive-selected:var(--w-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-color-background-positive-selected-active:var(--w-green-200);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-color-background-negative-selected-active:var(--w-red-200);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-color-background-warning-selected-active:var(--w-yellow-200);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-background-info-selected:var(--w-blue-50);--w-s-color-background-info-selected-hover:var(--w-blue-100);--w-s-color-background-info-selected-active:var(--w-blue-200);--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-bluegray-50:#f8fafc;--w-bluegray-100:#f1f4f9;--w-bluegray-200:#e1e6ee;--w-bluegray-300:#c3ccd9;--w-bluegray-400:#9ba8ba;--w-bluegray-500:#6f7d90;--w-bluegray-600:#4d586f;--w-bluegray-700:#3b4353;--w-bluegray-800:#292d38;--w-bluegray-900:#181a1f;--w-decoration-text-link:underline;--w-white:white;--w-rgb-white:255,255,255;--w-black:black;--w-rgb-black:0,0,0;--w-gray-50:#f6f6f6;--w-rgb-gray-50:246,246,246;--w-gray-100:#f0f0f2;--w-rgb-gray-100:240,240,242;--w-gray-200:#dedee3;--w-rgb-gray-200:222,222,227;--w-gray-300:#cacad1;--w-rgb-gray-300:202,202,209;--w-gray-400:#afafb8;--w-rgb-gray-400:175,175,184;--w-gray-500:#84848f;--w-rgb-gray-500:132,132,143;--w-gray-600:#5c5c66;--w-rgb-gray-600:92,92,102;--w-gray-700:#47474f;--w-rgb-gray-700:71,71,79;--w-gray-750:#333338;--w-rgb-gray-750:51,51,56;--w-gray-800:#2b2b30;--w-rgb-gray-800:43,43,48;--w-gray-850:#26262b;--w-rgb-gray-850:38,38,43;--w-gray-900:#1b1b1f;--w-rgb-gray-900:27,27,31;--w-gray-950:#121212;--w-rgb-gray-950:18,18,18;--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-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-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-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-s-color-background-subtle);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
1	+ :root,:host{--w-transparent:#fff0;--w-gray-950:#121212;--w-gray-900:#1b1b1f;--w-gray-850:#26262b;--w-gray-800:#2b2b30;--w-gray-750:#333338;--w-gray-700:#47474f;--w-gray-600:#5c5c66;--w-gray-500:#84848f;--w-gray-400:#afafb8;--w-gray-300:#cacad1;--w-gray-200:#dedee3;--w-gray-100:#f0f0f2;--w-gray-50:#f6f6f6;--w-coral-900:#1f0805;--w-coral-800:#5d1a11;--w-coral-700:#9b2b1e;--w-coral-600:#d93c2b;--w-coral-500:#df5b4d;--w-coral-400:#e57a6f;--w-coral-300:#eb9991;--w-coral-200:#f1b8b3;--w-coral-100:#f7d7d5;--w-coral-50:#faf3f2;--w-yellow-900:#240700;--w-yellow-800:#6d4100;--w-yellow-700:#b67b00;--w-yellow-600:#ffb500;--w-yellow-500:#ffc128;--w-yellow-400:#ffcd50;--w-yellow-300:#ffd978;--w-yellow-200:#ffe5a0;--w-yellow-100:#fff1c8;--w-yellow-50:#fcf5e3;--w-green-900:#071d12;--w-green-800:#10442b;--w-green-700:#1a6b44;--w-green-600:#24925d;--w-green-500:#47a477;--w-green-400:#6ab691;--w-green-300:#8dc8ab;--w-green-200:#b0dac5;--w-green-100:#d3ecdf;--w-green-50:#f7fdfa;--w-red-900:#240004;--w-red-800:#65000b;--w-red-700:#a70011;--w-red-600:#e90017;--w-red-500:#ed283b;--w-red-400:#f1505f;--w-red-300:#f57883;--w-red-200:#f9a0a7;--w-red-100:#fdc8cb;--w-red-50:#fff0f1;--w-blue-900:#001124;--w-blue-800:#003167;--w-blue-700:#0051a9;--w-blue-600:#0071eb;--w-blue-500:#2887ee;--w-blue-400:#509df1;--w-blue-300:#78b3f4;--w-blue-200:#a0c9f7;--w-blue-100:#c8dffa;--w-blue-50:#f0f7ff;--w-black:#000;--w-white:#fff;--w-s-color-icon-notification:var(--w-white);--w-s-color-icon-info:var(--w-blue-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-negative:var(--w-coral-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-secondary-active:var(--w-red-800);--w-s-color-icon-secondary-hover:var(--w-red-700);--w-s-color-icon-secondary:var(--w-red-600);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-inverted-static:var(--w-white);--w-s-color-icon-inverted-active:var(--w-gray-200);--w-s-color-icon-inverted-hover:var(--w-gray-100);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-subtle-active:var(--w-gray-600);--w-s-color-icon-subtle-hover:var(--w-gray-500);--w-s-color-icon-subtle:var(--w-gray-400);--w-s-color-icon-disabled:var(--w-gray-300);--w-s-color-icon-selected-active:var(--w-blue-800);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-static:var(--w-gray-800);--w-s-color-icon-active:var(--w-blue-800);--w-s-color-icon-hover:var(--w-blue-700);--w-s-color-icon:var(--w-gray-800);--w-s-color-border-focus:var(--w-blue-400);--w-s-color-border-info-subtle-active:var(--w-blue-500);--w-s-color-border-info-subtle-hover:var(--w-blue-400);--w-s-color-border-info-subtle:var(--w-blue-300);--w-s-color-border-info-active:var(--w-blue-800);--w-s-color-border-info-hover:var(--w-blue-700);--w-s-color-border-info:var(--w-blue-600);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-negative-subtle-active:var(--w-coral-500);--w-s-color-border-negative-subtle-hover:var(--w-coral-400);--w-s-color-border-negative-subtle:var(--w-coral-300);--w-s-color-border-negative-active:var(--w-coral-800);--w-s-color-border-negative-hover:var(--w-coral-700);--w-s-color-border-negative:var(--w-coral-600);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-secondary-active:var(--w-red-800);--w-s-color-border-secondary-hover:var(--w-red-700);--w-s-color-border-secondary:var(--w-red-600);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-inverted:var(--w-gray-300);--w-s-color-border-selected-active:var(--w-blue-800);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-disabled:var(--w-gray-300);--w-s-color-border-active:var(--w-gray-500);--w-s-color-border-hover:var(--w-gray-400);--w-s-color-border:var(--w-gray-300);--w-s-color-background-notification:var(--w-red-600);--w-s-color-background-transparent-0:var(--w-transparent);--w-s-color-background-info-subtle-active:var(--w-blue-200);--w-s-color-background-info-subtle-hover:var(--w-blue-100);--w-s-color-background-info-subtle:var(--w-blue-50);--w-s-color-background-info-active:var(--w-blue-800);--w-s-color-background-info-hover:var(--w-blue-700);--w-s-color-background-info:var(--w-blue-600);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-negative-subtle-active:var(--w-coral-200);--w-s-color-background-negative-subtle-hover:var(--w-coral-100);--w-s-color-background-negative-subtle:var(--w-coral-50);--w-s-color-background-negative-active:var(--w-coral-800);--w-s-color-background-negative-hover:var(--w-coral-700);--w-s-color-background-negative:var(--w-coral-600);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-secondary-active:var(--w-red-800);--w-s-color-background-secondary-hover:var(--w-red-700);--w-s-color-background-secondary:var(--w-red-600);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-selected-active:var(--w-blue-200);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-disabled-subtle:var(--w-gray-200);--w-s-color-background-disabled:var(--w-gray-300);--w-s-color-background-subtle-active:var(--w-gray-300);--w-s-color-background-subtle-hover:var(--w-gray-200);--w-s-color-background-subtle:var(--w-gray-100);--w-s-color-background-active:var(--w-gray-200);--w-s-color-background-hover:var(--w-gray-100);--w-s-color-background:var(--w-white);--w-s-color-surface-elevated-300-active:var(--w-gray-200);--w-s-color-surface-elevated-300-hover:var(--w-gray-100);--w-s-color-surface-elevated-300:var(--w-white);--w-s-color-surface-elevated-200-active:var(--w-gray-200);--w-s-color-surface-elevated-200-hover:var(--w-gray-100);--w-s-color-surface-elevated-200:var(--w-white);--w-s-color-surface-elevated-100-active:var(--w-gray-200);--w-s-color-surface-elevated-100-hover:var(--w-gray-100);--w-s-color-surface-elevated-100:var(--w-white);--w-s-color-surface-sunken:var(--w-gray-50);--w-s-color-surface-active:var(--w-gray-200);--w-s-color-surface-hover:var(--w-gray-100);--w-s-color-surface:var(--w-white);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-negative:var(--w-coral-600);--w-s-color-text-disabled:var(--w-gray-300);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-inverted-static:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-placeholder:var(--w-gray-300);--w-s-color-text-static:var(--w-gray-800);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text:var(--w-gray-800);--w-color-switch-track-background-hover:var(--w-gray-300);--w-color-switch-track-background:var(--w-gray-200);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-page-indicator-background-hover:var(--w-gray-400);--w-color-page-indicator-background:var(--w-gray-300);--w-color-callout-border:var(--w-green-400);--w-color-callout-background:var(--w-green-100);--w-color-button-pill-background-hover:var(--w-blue-300);--w-color-badge-price-background:var(--w-black);--w-color-badge-sponsored-background:var(--w-blue-200);--w-color-badge-negative-background:var(--w-coral-100);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-info-background:var(--w-blue-100);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-neutral-background:var(--w-gray-100);--w-color-tooltip-background-static:var(--w-s-color-background-inverted);--w-color-navbar-border-selected:var(--w-s-color-border-secondary);--w-color-navbar-icon-selected:var(--w-s-color-icon-secondary);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-badge-notification-background:var(--w-s-color-background-negative);--w-rgb-transparent:#fff0;--w-rgb-gray-950:18,18,18;--w-rgb-gray-900:27,27,31;--w-rgb-gray-850:38,38,43;--w-rgb-gray-800:43,43,48;--w-rgb-gray-750:51,51,56;--w-rgb-gray-700:71,71,79;--w-rgb-gray-600:92,92,102;--w-rgb-gray-500:132,132,143;--w-rgb-gray-400:175,175,184;--w-rgb-gray-300:202,202,209;--w-rgb-gray-200:222,222,227;--w-rgb-gray-100:240,240,242;--w-rgb-gray-50:246,246,246;--w-rgb-coral-900:31,8,5;--w-rgb-coral-800:93,26,17;--w-rgb-coral-700:155,43,30;--w-rgb-coral-600:217,60,43;--w-rgb-coral-500:223,91,77;--w-rgb-coral-400:229,122,111;--w-rgb-coral-300:235,153,145;--w-rgb-coral-200:241,184,179;--w-rgb-coral-100:247,215,213;--w-rgb-coral-50:250,243,242;--w-rgb-yellow-900:36,7,0;--w-rgb-yellow-800:109,65,0;--w-rgb-yellow-700:182,123,0;--w-rgb-yellow-600:255,181,0;--w-rgb-yellow-500:255,193,40;--w-rgb-yellow-400:255,205,80;--w-rgb-yellow-300:255,217,120;--w-rgb-yellow-200:255,229,160;--w-rgb-yellow-100:255,241,200;--w-rgb-yellow-50:252,245,227;--w-rgb-green-900:7,29,18;--w-rgb-green-800:16,68,43;--w-rgb-green-700:26,107,68;--w-rgb-green-600:36,146,93;--w-rgb-green-500:71,164,119;--w-rgb-green-400:106,182,145;--w-rgb-green-300:141,200,171;--w-rgb-green-200:176,218,197;--w-rgb-green-100:211,236,223;--w-rgb-green-50:247,253,250;--w-rgb-red-900:36,0,4;--w-rgb-red-800:101,0,11;--w-rgb-red-700:167,0,17;--w-rgb-red-600:233,0,23;--w-rgb-red-500:237,40,59;--w-rgb-red-400:241,80,95;--w-rgb-red-300:245,120,131;--w-rgb-red-200:249,160,167;--w-rgb-red-100:253,200,203;--w-rgb-red-50:255,240,241;--w-rgb-blue-900:0,17,36;--w-rgb-blue-800:0,49,103;--w-rgb-blue-700:0,81,169;--w-rgb-blue-600:0,113,235;--w-rgb-blue-500:40,135,238;--w-rgb-blue-400:80,157,241;--w-rgb-blue-300:120,179,244;--w-rgb-blue-200:160,201,247;--w-rgb-blue-100:200,223,250;--w-rgb-blue-50:240,247,255;--w-rgb-black:0,0,0;--w-rgb-white:255,255,255;--w-s-rgb-icon-notification:var(--w-rgb-white);--w-s-rgb-icon-info:var(--w-rgb-blue-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-rgb-icon-negative:var(--w-rgb-coral-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-red-800);--w-s-rgb-icon-secondary-hover:var(--w-rgb-red-700);--w-s-rgb-icon-secondary:var(--w-rgb-red-600);--w-s-rgb-icon-primary:var(--w-rgb-blue-600);--w-s-rgb-icon-inverted-static:var(--w-rgb-white);--w-s-rgb-icon-inverted-active:var(--w-rgb-gray-200);--w-s-rgb-icon-inverted-hover:var(--w-rgb-gray-100);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-rgb-icon-subtle-active:var(--w-rgb-gray-600);--w-s-rgb-icon-subtle-hover:var(--w-rgb-gray-500);--w-s-rgb-icon-subtle:var(--w-rgb-gray-400);--w-s-rgb-icon-disabled:var(--w-rgb-gray-300);--w-s-rgb-icon-selected-active:var(--w-rgb-blue-800);--w-s-rgb-icon-selected-hover:var(--w-rgb-blue-700);--w-s-rgb-icon-selected:var(--w-rgb-blue-600);--w-s-rgb-icon-static:var(--w-rgb-gray-800);--w-s-rgb-icon-active:var(--w-rgb-blue-800);--w-s-rgb-icon-hover:var(--w-rgb-blue-700);--w-s-rgb-icon:var(--w-rgb-gray-800);--w-s-rgb-border-focus:var(--w-rgb-blue-400);--w-s-rgb-border-info-subtle-active:var(--w-rgb-blue-500);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-blue-400);--w-s-rgb-border-info-subtle:var(--w-rgb-blue-300);--w-s-rgb-border-info-active:var(--w-rgb-blue-800);--w-s-rgb-border-info-hover:var(--w-rgb-blue-700);--w-s-rgb-border-info:var(--w-rgb-blue-600);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-coral-500);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-coral-400);--w-s-rgb-border-negative-subtle:var(--w-rgb-coral-300);--w-s-rgb-border-negative-active:var(--w-rgb-coral-800);--w-s-rgb-border-negative-hover:var(--w-rgb-coral-700);--w-s-rgb-border-negative:var(--w-rgb-coral-600);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-rgb-border-secondary-active:var(--w-rgb-red-800);--w-s-rgb-border-secondary-hover:var(--w-rgb-red-700);--w-s-rgb-border-secondary:var(--w-rgb-red-600);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blue-500);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blue-400);--w-s-rgb-border-primary-subtle:var(--w-rgb-blue-300);--w-s-rgb-border-primary-active:var(--w-rgb-blue-800);--w-s-rgb-border-primary-hover:var(--w-rgb-blue-700);--w-s-rgb-border-primary:var(--w-rgb-blue-600);--w-s-rgb-border-inverted:var(--w-rgb-gray-300);--w-s-rgb-border-selected-active:var(--w-rgb-blue-800);--w-s-rgb-border-selected-hover:var(--w-rgb-blue-700);--w-s-rgb-border-selected:var(--w-rgb-blue-600);--w-s-rgb-border-disabled:var(--w-rgb-gray-300);--w-s-rgb-border-active:var(--w-rgb-gray-500);--w-s-rgb-border-hover:var(--w-rgb-gray-400);--w-s-rgb-border:var(--w-rgb-gray-300);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-rgb-background-transparent-0:var(--w-rgb-transparent);--w-s-rgb-background-info-subtle-active:var(--w-rgb-blue-200);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-blue-100);--w-s-rgb-background-info-subtle:var(--w-rgb-blue-50);--w-s-rgb-background-info-active:var(--w-rgb-blue-800);--w-s-rgb-background-info-hover:var(--w-rgb-blue-700);--w-s-rgb-background-info:var(--w-rgb-blue-600);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-coral-200);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-coral-100);--w-s-rgb-background-negative-subtle:var(--w-rgb-coral-50);--w-s-rgb-background-negative-active:var(--w-rgb-coral-800);--w-s-rgb-background-negative-hover:var(--w-rgb-coral-700);--w-s-rgb-background-negative:var(--w-rgb-coral-600);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-rgb-background-secondary-active:var(--w-rgb-red-800);--w-s-rgb-background-secondary-hover:var(--w-rgb-red-700);--w-s-rgb-background-secondary:var(--w-rgb-red-600);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blue-200);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blue-100);--w-s-rgb-background-primary-subtle:var(--w-rgb-blue-50);--w-s-rgb-background-primary-active:var(--w-rgb-blue-800);--w-s-rgb-background-primary-hover:var(--w-rgb-blue-700);--w-s-rgb-background-primary:var(--w-rgb-blue-600);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-rgb-background-selected-active:var(--w-rgb-blue-200);--w-s-rgb-background-selected-hover:var(--w-rgb-blue-100);--w-s-rgb-background-selected:var(--w-rgb-blue-50);--w-s-rgb-background-disabled-subtle:var(--w-rgb-gray-200);--w-s-rgb-background-disabled:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-200);--w-s-rgb-background-subtle:var(--w-rgb-gray-100);--w-s-rgb-background-active:var(--w-rgb-gray-200);--w-s-rgb-background-hover:var(--w-rgb-gray-100);--w-s-rgb-background:var(--w-rgb-white);--w-s-rgb-surface-elevated-300-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-300-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-300:var(--w-rgb-white);--w-s-rgb-surface-elevated-200-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-200-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-200:var(--w-rgb-white);--w-s-rgb-surface-elevated-100-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-100-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-100:var(--w-rgb-white);--w-s-rgb-surface-sunken:var(--w-rgb-gray-50);--w-s-rgb-surface-active:var(--w-rgb-gray-200);--w-s-rgb-surface-hover:var(--w-rgb-gray-100);--w-s-rgb-surface:var(--w-rgb-white);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-rgb-text-negative:var(--w-rgb-coral-600);--w-s-rgb-text-disabled:var(--w-rgb-gray-300);--w-s-rgb-text-link:var(--w-rgb-blue-600);--w-s-rgb-text-inverted-static:var(--w-rgb-white);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-rgb-text-placeholder:var(--w-rgb-gray-300);--w-s-rgb-text-static:var(--w-rgb-gray-800);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-rgb-text:var(--w-rgb-gray-800);--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-border-focused:var(--w-aqua-400);--w-s-rgb-border-focused:var(--w-rgb-aqua-400);--w-s-shadow-surface-elevated-100:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-100-hover:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-100-hover:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-100-active:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100-active:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-200-hover:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-200-hover:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200-active:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200-active:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-300:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-300-hover:var(--w-shadow-xl);--w-s-rgb-shadow-surface-elevated-300-hover:var(--w-rgb-shadow-xl);--w-s-shadow-surface-elevated-300-active:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300-active:var(--w-rgb-shadow-l);--w-icon-list-checked:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%230063fb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");--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-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-color-avatar-background:var(--w-s-color-background-subtle);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}

package/dist/tokens/dba-dk.css ADDED Viewed

@@ -0,0 +1 @@

+ :root,:host{--w-transparent:#fff0;--w-black:#000;--w-white:#fff;--w-gray-950:#121212;--w-gray-900:#1b1b1f;--w-gray-850:#26262b;--w-gray-800:#2b2b30;--w-gray-750:#333338;--w-gray-700:#47474f;--w-gray-600:#5c5c66;--w-gray-500:#84848f;--w-gray-400:#afafb8;--w-gray-300:#cacad1;--w-gray-200:#dedee3;--w-gray-100:#f0f0f2;--w-gray-50:#f6f6f6;--w-red-900:#230103;--w-red-800:#5d0306;--w-red-700:#96050a;--w-red-600:#cf070e;--w-red-500:#de383d;--w-red-400:#ed686b;--w-red-300:#e77c80;--w-red-200:#efa3a6;--w-red-100:#f7cacc;--w-red-50:#fff0f1;--w-yellow-900:#221102;--w-yellow-800:#673a12;--w-yellow-700:#ad6421;--w-yellow-600:#f38e30;--w-yellow-500:#f5a051;--w-yellow-400:#f7b272;--w-yellow-300:#f9c493;--w-yellow-200:#fbd6b4;--w-yellow-100:#fde8d5;--w-yellow-50:#fef7f1;--w-green-900:#072719;--w-green-800:#0c3e2a;--w-green-700:#136647;--w-green-600:#1a8f64;--w-green-500:#3ea07c;--w-green-400:#62b294;--w-green-300:#86c4ac;--w-green-200:#aad6c4;--w-green-100:#cee8dc;--w-green-50:#f3fcf9;--w-phthaloblue-900:#000324;--w-phthaloblue-800:#000546;--w-phthaloblue-700:#000768;--w-phthaloblue-600:#00098a;--w-phthaloblue-500:#28309e;--w-phthaloblue-400:#5057b2;--w-phthaloblue-300:#787ec6;--w-phthaloblue-200:#a0a5da;--w-phthaloblue-100:#c8ccee;--w-phthaloblue-50:#f0f1ff;--w-jeanblue-900:#070f1d;--w-jeanblue-800:#162d56;--w-jeanblue-700:#244b8f;--w-jeanblue-600:#3269c8;--w-jeanblue-500:#5281d1;--w-jeanblue-400:#7299da;--w-jeanblue-300:#92b1e3;--w-jeanblue-200:#b2c9ec;--w-jeanblue-100:#d2e1f5;--w-jeanblue-50:#f3f6fc;--w-s-color-icon-notification:var(--w-white);--w-s-color-icon-info:var(--w-jeanblue-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-secondary-active:var(--w-phthaloblue-800);--w-s-color-icon-secondary-hover:var(--w-phthaloblue-700);--w-s-color-icon-secondary:var(--w-phthaloblue-600);--w-s-color-icon-primary:var(--w-jeanblue-600);--w-s-color-icon-inverted-static:var(--w-white);--w-s-color-icon-inverted-active:var(--w-gray-200);--w-s-color-icon-inverted-hover:var(--w-gray-100);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-subtle-active:var(--w-gray-600);--w-s-color-icon-subtle-hover:var(--w-gray-500);--w-s-color-icon-subtle:var(--w-gray-400);--w-s-color-icon-disabled:var(--w-gray-300);--w-s-color-icon-selected-active:var(--w-jeanblue-800);--w-s-color-icon-selected-hover:var(--w-jeanblue-700);--w-s-color-icon-selected:var(--w-jeanblue-600);--w-s-color-icon-static:var(--w-gray-800);--w-s-color-icon-active:var(--w-jeanblue-800);--w-s-color-icon-hover:var(--w-jeanblue-700);--w-s-color-icon:var(--w-gray-800);--w-s-color-border-focus:var(--w-jeanblue-400);--w-s-color-border-info-subtle-active:var(--w-jeanblue-500);--w-s-color-border-info-subtle-hover:var(--w-jeanblue-400);--w-s-color-border-info-subtle:var(--w-jeanblue-300);--w-s-color-border-info-active:var(--w-jeanblue-800);--w-s-color-border-info-hover:var(--w-jeanblue-700);--w-s-color-border-info:var(--w-jeanblue-600);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-secondary-active:var(--w-phthaloblue-800);--w-s-color-border-secondary-hover:var(--w-phthaloblue-700);--w-s-color-border-secondary:var(--w-phthaloblue-600);--w-s-color-border-primary-subtle-active:var(--w-jeanblue-500);--w-s-color-border-primary-subtle-hover:var(--w-jeanblue-400);--w-s-color-border-primary-subtle:var(--w-jeanblue-300);--w-s-color-border-primary-active:var(--w-jeanblue-800);--w-s-color-border-primary-hover:var(--w-jeanblue-700);--w-s-color-border-primary:var(--w-jeanblue-600);--w-s-color-border-inverted:var(--w-gray-300);--w-s-color-border-selected-active:var(--w-jeanblue-800);--w-s-color-border-selected-hover:var(--w-jeanblue-700);--w-s-color-border-selected:var(--w-jeanblue-600);--w-s-color-border-disabled:var(--w-gray-300);--w-s-color-border-active:var(--w-gray-500);--w-s-color-border-hover:var(--w-gray-400);--w-s-color-border:var(--w-gray-300);--w-s-color-background-notification:var(--w-red-600);--w-s-color-background-transparent-0:var(--w-transparent);--w-s-color-background-info-subtle-active:var(--w-jeanblue-200);--w-s-color-background-info-subtle-hover:var(--w-jeanblue-100);--w-s-color-background-info-subtle:var(--w-jeanblue-50);--w-s-color-background-info-active:var(--w-jeanblue-800);--w-s-color-background-info-hover:var(--w-jeanblue-700);--w-s-color-background-info:var(--w-jeanblue-600);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-secondary-active:var(--w-phthaloblue-800);--w-s-color-background-secondary-hover:var(--w-phthaloblue-700);--w-s-color-background-secondary:var(--w-phthaloblue-600);--w-s-color-background-primary-subtle-active:var(--w-jeanblue-200);--w-s-color-background-primary-subtle-hover:var(--w-jeanblue-100);--w-s-color-background-primary-subtle:var(--w-jeanblue-50);--w-s-color-background-primary-active:var(--w-jeanblue-800);--w-s-color-background-primary-hover:var(--w-jeanblue-700);--w-s-color-background-primary:var(--w-jeanblue-600);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-selected-active:var(--w-jeanblue-200);--w-s-color-background-selected-hover:var(--w-jeanblue-100);--w-s-color-background-selected:var(--w-jeanblue-50);--w-s-color-background-disabled-subtle:var(--w-gray-200);--w-s-color-background-disabled:var(--w-gray-300);--w-s-color-background-subtle-active:var(--w-gray-300);--w-s-color-background-subtle-hover:var(--w-gray-200);--w-s-color-background-subtle:var(--w-gray-100);--w-s-color-background-active:var(--w-gray-200);--w-s-color-background-hover:var(--w-gray-100);--w-s-color-background:var(--w-white);--w-s-color-surface-elevated-300-active:var(--w-gray-200);--w-s-color-surface-elevated-300-hover:var(--w-gray-100);--w-s-color-surface-elevated-300:var(--w-white);--w-s-color-surface-elevated-200-active:var(--w-gray-200);--w-s-color-surface-elevated-200-hover:var(--w-gray-100);--w-s-color-surface-elevated-200:var(--w-white);--w-s-color-surface-elevated-100-active:var(--w-gray-200);--w-s-color-surface-elevated-100-hover:var(--w-gray-100);--w-s-color-surface-elevated-100:var(--w-white);--w-s-color-surface-sunken:var(--w-gray-50);--w-s-color-surface-active:var(--w-gray-200);--w-s-color-surface-hover:var(--w-gray-100);--w-s-color-surface:var(--w-white);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-disabled:var(--w-gray-300);--w-s-color-text-link:var(--w-jeanblue-600);--w-s-color-text-inverted-static:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-placeholder:var(--w-gray-300);--w-s-color-text-static:var(--w-gray-800);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text:var(--w-gray-800);--w-color-switch-track-background-hover:var(--w-gray-300);--w-color-switch-track-background:var(--w-gray-200);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-page-indicator-background-hover:var(--w-gray-400);--w-color-page-indicator-background:var(--w-gray-300);--w-color-callout-border:var(--w-green-400);--w-color-callout-background:var(--w-green-100);--w-color-button-pill-background-hover:var(--w-jeanblue-300);--w-color-badge-price-background:var(--w-black);--w-color-badge-sponsored-background:var(--w-jeanblue-200);--w-color-badge-negative-background:var(--w-red-100);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-info-background:var(--w-jeanblue-100);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-neutral-background:var(--w-gray-100);--w-color-tooltip-background-static:var(--w-s-color-background-inverted);--w-color-navbar-border-selected:var(--w-s-color-border-secondary);--w-color-navbar-icon-selected:var(--w-s-color-icon-secondary);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-badge-notification-background:var(--w-s-color-background-negative);--w-rgb-transparent:#fff0;--w-rgb-black:0,0,0;--w-rgb-white:255,255,255;--w-rgb-gray-950:18,18,18;--w-rgb-gray-900:27,27,31;--w-rgb-gray-850:38,38,43;--w-rgb-gray-800:43,43,48;--w-rgb-gray-750:51,51,56;--w-rgb-gray-700:71,71,79;--w-rgb-gray-600:92,92,102;--w-rgb-gray-500:132,132,143;--w-rgb-gray-400:175,175,184;--w-rgb-gray-300:202,202,209;--w-rgb-gray-200:222,222,227;--w-rgb-gray-100:240,240,242;--w-rgb-gray-50:246,246,246;--w-rgb-red-900:35,1,3;--w-rgb-red-800:93,3,6;--w-rgb-red-700:150,5,10;--w-rgb-red-600:207,7,14;--w-rgb-red-500:222,56,61;--w-rgb-red-400:237,104,107;--w-rgb-red-300:231,124,128;--w-rgb-red-200:239,163,166;--w-rgb-red-100:247,202,204;--w-rgb-red-50:255,240,241;--w-rgb-yellow-900:34,17,2;--w-rgb-yellow-800:103,58,18;--w-rgb-yellow-700:173,100,33;--w-rgb-yellow-600:243,142,48;--w-rgb-yellow-500:245,160,81;--w-rgb-yellow-400:247,178,114;--w-rgb-yellow-300:249,196,147;--w-rgb-yellow-200:251,214,180;--w-rgb-yellow-100:253,232,213;--w-rgb-yellow-50:254,247,241;--w-rgb-green-900:7,39,25;--w-rgb-green-800:12,62,42;--w-rgb-green-700:19,102,71;--w-rgb-green-600:26,143,100;--w-rgb-green-500:62,160,124;--w-rgb-green-400:98,178,148;--w-rgb-green-300:134,196,172;--w-rgb-green-200:170,214,196;--w-rgb-green-100:206,232,220;--w-rgb-green-50:243,252,249;--w-rgb-phthaloblue-900:0,3,36;--w-rgb-phthaloblue-800:0,5,70;--w-rgb-phthaloblue-700:0,7,104;--w-rgb-phthaloblue-600:0,9,138;--w-rgb-phthaloblue-500:40,48,158;--w-rgb-phthaloblue-400:80,87,178;--w-rgb-phthaloblue-300:120,126,198;--w-rgb-phthaloblue-200:160,165,218;--w-rgb-phthaloblue-100:200,204,238;--w-rgb-phthaloblue-50:240,241,255;--w-rgb-jeanblue-900:7,15,29;--w-rgb-jeanblue-800:22,45,86;--w-rgb-jeanblue-700:36,75,143;--w-rgb-jeanblue-600:50,105,200;--w-rgb-jeanblue-500:82,129,209;--w-rgb-jeanblue-400:114,153,218;--w-rgb-jeanblue-300:146,177,227;--w-rgb-jeanblue-200:178,201,236;--w-rgb-jeanblue-100:210,225,245;--w-rgb-jeanblue-50:243,246,252;--w-s-rgb-icon-notification:var(--w-rgb-white);--w-s-rgb-icon-info:var(--w-rgb-jeanblue-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-phthaloblue-800);--w-s-rgb-icon-secondary-hover:var(--w-rgb-phthaloblue-700);--w-s-rgb-icon-secondary:var(--w-rgb-phthaloblue-600);--w-s-rgb-icon-primary:var(--w-rgb-jeanblue-600);--w-s-rgb-icon-inverted-static:var(--w-rgb-white);--w-s-rgb-icon-inverted-active:var(--w-rgb-gray-200);--w-s-rgb-icon-inverted-hover:var(--w-rgb-gray-100);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-rgb-icon-subtle-active:var(--w-rgb-gray-600);--w-s-rgb-icon-subtle-hover:var(--w-rgb-gray-500);--w-s-rgb-icon-subtle:var(--w-rgb-gray-400);--w-s-rgb-icon-disabled:var(--w-rgb-gray-300);--w-s-rgb-icon-selected-active:var(--w-rgb-jeanblue-800);--w-s-rgb-icon-selected-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-icon-selected:var(--w-rgb-jeanblue-600);--w-s-rgb-icon-static:var(--w-rgb-gray-800);--w-s-rgb-icon-active:var(--w-rgb-jeanblue-800);--w-s-rgb-icon-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-icon:var(--w-rgb-gray-800);--w-s-rgb-border-focus:var(--w-rgb-jeanblue-400);--w-s-rgb-border-info-subtle-active:var(--w-rgb-jeanblue-500);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-jeanblue-400);--w-s-rgb-border-info-subtle:var(--w-rgb-jeanblue-300);--w-s-rgb-border-info-active:var(--w-rgb-jeanblue-800);--w-s-rgb-border-info-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-border-info:var(--w-rgb-jeanblue-600);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-rgb-border-secondary-active:var(--w-rgb-phthaloblue-800);--w-s-rgb-border-secondary-hover:var(--w-rgb-phthaloblue-700);--w-s-rgb-border-secondary:var(--w-rgb-phthaloblue-600);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-jeanblue-500);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-jeanblue-400);--w-s-rgb-border-primary-subtle:var(--w-rgb-jeanblue-300);--w-s-rgb-border-primary-active:var(--w-rgb-jeanblue-800);--w-s-rgb-border-primary-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-border-primary:var(--w-rgb-jeanblue-600);--w-s-rgb-border-inverted:var(--w-rgb-gray-300);--w-s-rgb-border-selected-active:var(--w-rgb-jeanblue-800);--w-s-rgb-border-selected-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-border-selected:var(--w-rgb-jeanblue-600);--w-s-rgb-border-disabled:var(--w-rgb-gray-300);--w-s-rgb-border-active:var(--w-rgb-gray-500);--w-s-rgb-border-hover:var(--w-rgb-gray-400);--w-s-rgb-border:var(--w-rgb-gray-300);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-rgb-background-transparent-0:var(--w-rgb-transparent);--w-s-rgb-background-info-subtle-active:var(--w-rgb-jeanblue-200);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-jeanblue-100);--w-s-rgb-background-info-subtle:var(--w-rgb-jeanblue-50);--w-s-rgb-background-info-active:var(--w-rgb-jeanblue-800);--w-s-rgb-background-info-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-background-info:var(--w-rgb-jeanblue-600);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-rgb-background-secondary-active:var(--w-rgb-phthaloblue-800);--w-s-rgb-background-secondary-hover:var(--w-rgb-phthaloblue-700);--w-s-rgb-background-secondary:var(--w-rgb-phthaloblue-600);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-jeanblue-200);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-jeanblue-100);--w-s-rgb-background-primary-subtle:var(--w-rgb-jeanblue-50);--w-s-rgb-background-primary-active:var(--w-rgb-jeanblue-800);--w-s-rgb-background-primary-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-background-primary:var(--w-rgb-jeanblue-600);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-rgb-background-selected-active:var(--w-rgb-jeanblue-200);--w-s-rgb-background-selected-hover:var(--w-rgb-jeanblue-100);--w-s-rgb-background-selected:var(--w-rgb-jeanblue-50);--w-s-rgb-background-disabled-subtle:var(--w-rgb-gray-200);--w-s-rgb-background-disabled:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-200);--w-s-rgb-background-subtle:var(--w-rgb-gray-100);--w-s-rgb-background-active:var(--w-rgb-gray-200);--w-s-rgb-background-hover:var(--w-rgb-gray-100);--w-s-rgb-background:var(--w-rgb-white);--w-s-rgb-surface-elevated-300-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-300-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-300:var(--w-rgb-white);--w-s-rgb-surface-elevated-200-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-200-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-200:var(--w-rgb-white);--w-s-rgb-surface-elevated-100-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-100-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-100:var(--w-rgb-white);--w-s-rgb-surface-sunken:var(--w-rgb-gray-50);--w-s-rgb-surface-active:var(--w-rgb-gray-200);--w-s-rgb-surface-hover:var(--w-rgb-gray-100);--w-s-rgb-surface:var(--w-rgb-white);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-rgb-text-disabled:var(--w-rgb-gray-300);--w-s-rgb-text-link:var(--w-rgb-jeanblue-600);--w-s-rgb-text-inverted-static:var(--w-rgb-white);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-rgb-text-placeholder:var(--w-rgb-gray-300);--w-s-rgb-text-static:var(--w-rgb-gray-800);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-rgb-text:var(--w-rgb-gray-800);--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-border-focused:var(--w-jeanblue-300);--w-s-rgb-border-focused:var(--w-rgb-jeanblue-300);--w-s-shadow-surface-elevated-100:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-100-hover:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-100-hover:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-100-active:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100-active:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-200-hover:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-200-hover:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200-active:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200-active:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-300:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-300-hover:var(--w-shadow-xl);--w-s-rgb-shadow-surface-elevated-300-hover:var(--w-rgb-shadow-xl);--w-s-shadow-surface-elevated-300-active:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300-active:var(--w-rgb-shadow-l);--w-icon-list-checked:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%230063fb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");--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-button-pill-background-active:rgba(var(--w-rgb-jeanblue-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:DBA;--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-color-avatar-background:var(--w-s-color-background-subtle);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}

package/dist/tokens/finn-no.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root,:host{--w-color-switch-track-background:var(--w-gray-200);--w-color-switch-track-background-hover:var(--w-gray-300);--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-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-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-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-100);--w-s-rgb-background-subtle:var(--w-rgb-gray-100);--w-s-color-background-subtle-hover:var(--w-gray-200);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-200);--w-s-color-background-subtle-active:var(--w-gray-300);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-300);--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-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-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-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-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-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-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-static:var(--w-gray-700);--w-s-rgb-icon-static: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-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-inverted-static:var(--w-white);--w-s-rgb-icon-inverted-static:var(--w-rgb-white);--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-static:var(--w-gray-700);--w-s-rgb-text-static: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-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-static:var(--w-white);--w-s-rgb-text-inverted-static: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-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-aqua-400);--w-s-rgb-focused:var(--w-rgb-aqua-400);--w-s-color-divider:var(--w-gray-200);--w-s-rgb-divider:var(--w-rgb-gray-200);--w-s-color-surface-sunken:var(--w-gray-50);--w-s-rgb-surface-sunken:var(--w-rgb-gray-50);--w-s-color-surface-elevated-100:var(--w-white);--w-s-rgb-surface-elevated-100:var(--w-rgb-white);--w-s-color-surface-elevated-100-hover:var(--w-gray-100);--w-s-rgb-surface-elevated-100-hover:var(--w-rgb-gray-100);--w-s-color-surface-elevated-100-active:var(--w-gray-200);--w-s-rgb-surface-elevated-100-active:var(--w-rgb-gray-200);--w-s-color-surface-elevated-200:var(--w-white);--w-s-rgb-surface-elevated-200:var(--w-rgb-white);--w-s-color-surface-elevated-200-hover:var(--w-gray-100);--w-s-rgb-surface-elevated-200-hover:var(--w-rgb-gray-100);--w-s-color-surface-elevated-200-active:var(--w-gray-200);--w-s-rgb-surface-elevated-200-active:var(--w-rgb-gray-200);--w-s-color-surface-elevated-300:var(--w-white);--w-s-rgb-surface-elevated-300:var(--w-rgb-white);--w-s-color-surface-elevated-300-hover:var(--w-gray-100);--w-s-rgb-surface-elevated-300-hover:var(--w-rgb-gray-100);--w-s-color-surface-elevated-300-active:var(--w-gray-200);--w-s-rgb-surface-elevated-300-active:var(--w-rgb-gray-200);--w-s-shadow-surface-elevated-100:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-100-hover:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-100-hover:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-100-active:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100-active:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-200-hover:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-200-hover:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200-active:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200-active:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-300:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-300-hover:var(--w-shadow-xl);--w-s-rgb-shadow-surface-elevated-300-hover:var(--w-rgb-shadow-xl);--w-s-shadow-surface-elevated-300-active:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300-active:var(--w-rgb-shadow-l);--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-icon-list-checked:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%230063fb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");--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-static);--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-positive-selected:var(--w-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-color-background-positive-selected-active:var(--w-green-200);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-color-background-negative-selected-active:var(--w-red-200);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-color-background-warning-selected-active:var(--w-yellow-200);--w-s-color-background-info-default:var(--w-aqua-50);--w-s-color-background-info-selected:var(--w-blue-50);--w-s-color-background-info-selected-hover:var(--w-blue-100);--w-s-color-background-info-selected-active:var(--w-blue-200);--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-bluegray-50:#f8fafc;--w-bluegray-100:#f1f4f9;--w-bluegray-200:#e1e6ee;--w-bluegray-300:#c3ccd9;--w-bluegray-400:#9ba8ba;--w-bluegray-500:#6f7d90;--w-bluegray-600:#4d586f;--w-bluegray-700:#3b4353;--w-bluegray-800:#292d38;--w-bluegray-900:#181a1f;--w-decoration-text-link:underline;--w-white:white;--w-rgb-white:255,255,255;--w-black:black;--w-rgb-black:0,0,0;--w-gray-50:#f6f6f6;--w-rgb-gray-50:246,246,246;--w-gray-100:#f0f0f2;--w-rgb-gray-100:240,240,242;--w-gray-200:#dedee3;--w-rgb-gray-200:222,222,227;--w-gray-300:#cacad1;--w-rgb-gray-300:202,202,209;--w-gray-400:#afafb8;--w-rgb-gray-400:175,175,184;--w-gray-500:#84848f;--w-rgb-gray-500:132,132,143;--w-gray-600:#5c5c66;--w-rgb-gray-600:92,92,102;--w-gray-700:#47474f;--w-rgb-gray-700:71,71,79;--w-gray-750:#333338;--w-rgb-gray-750:51,51,56;--w-gray-800:#2b2b30;--w-rgb-gray-800:43,43,48;--w-gray-850:#26262b;--w-rgb-gray-850:38,38,43;--w-gray-900:#1b1b1f;--w-rgb-gray-900:27,27,31;--w-gray-950:#121212;--w-rgb-gray-950:18,18,18;--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-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-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-color-badge-neutral-background:var(--w-gray-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-s-color-background-subtle);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
1	+ :root,:host{--w-transparent:#fff0;--w-gray-950:#121212;--w-gray-900:#1b1b1f;--w-gray-850:#26262b;--w-gray-800:#2b2b30;--w-gray-750:#333338;--w-gray-700:#47474f;--w-gray-600:#5c5c66;--w-gray-500:#84848f;--w-gray-400:#afafb8;--w-gray-300:#cacad1;--w-gray-200:#dedee3;--w-gray-100:#f0f0f2;--w-gray-50:#f6f6f6;--w-red-900:#38140b;--w-red-800:#681d11;--w-red-700:#9e2216;--w-red-600:#d91f0a;--w-red-500:#fa270f;--w-red-400:#ff5844;--w-red-300:#f99;--w-red-200:#ffd1d1;--w-red-100:#ffefef;--w-red-50:#fff5f5;--w-yellow-900:#352310;--w-yellow-800:#654118;--w-yellow-700:#9b621e;--w-yellow-600:#d5840b;--w-yellow-500:#eeb61b;--w-yellow-400:#ffe11f;--w-yellow-300:#fae76b;--w-yellow-200:#feef90;--w-yellow-100:#fff5c8;--w-yellow-50:#fff8e6;--w-green-900:#14291f;--w-green-800:#1b4d39;--w-green-700:#1d7454;--w-green-600:#059e6f;--w-green-500:#18c884;--w-green-400:#2ee69f;--w-green-300:#67eeb8;--w-green-200:#9efcd1;--w-green-100:#cdfee5;--w-green-50:#ebfff6;--w-aqua-900:#15242f;--w-aqua-800:#1d435a;--w-aqua-700:#1e648a;--w-aqua-600:#0386bf;--w-aqua-500:#03a3dd;--w-aqua-400:#06befb;--w-aqua-300:#66e0ff;--w-aqua-200:#b6f0ff;--w-aqua-100:#e0f6ff;--w-aqua-50:#f1f9ff;--w-blue-900:#191d34;--w-blue-800:#223474;--w-blue-700:#244eb3;--w-blue-600:#0063fb;--w-blue-500:#2b7eff;--w-blue-400:#5c9cff;--w-blue-300:#9ac1fe;--w-blue-200:#c2dafe;--w-blue-100:#e1edfe;--w-blue-50:#eff5ff;--w-black:#000;--w-white:#fff;--w-s-color-icon-notification:var(--w-white);--w-s-color-icon-info:var(--w-aqua-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-inverted-static:var(--w-white);--w-s-color-icon-inverted-active:var(--w-gray-200);--w-s-color-icon-inverted-hover:var(--w-gray-100);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-subtle-active:var(--w-gray-600);--w-s-color-icon-subtle-hover:var(--w-gray-500);--w-s-color-icon-subtle:var(--w-gray-400);--w-s-color-icon-disabled:var(--w-gray-300);--w-s-color-icon-selected-active:var(--w-blue-800);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-static:var(--w-gray-700);--w-s-color-icon-active:var(--w-blue-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-color-icon:var(--w-gray-700);--w-s-color-border-focus:var(--w-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-color-border-info:var(--w-aqua-600);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-inverted:var(--w-gray-300);--w-s-color-border-selected-active:var(--w-blue-800);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-disabled:var(--w-gray-300);--w-s-color-border-active:var(--w-gray-500);--w-s-color-border-hover:var(--w-gray-400);--w-s-color-border:var(--w-gray-300);--w-s-color-background-notification:var(--w-red-600);--w-s-color-background-transparent-0:var(--w-transparent);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-color-background-info:var(--w-aqua-600);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-selected-active:var(--w-blue-200);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-disabled-subtle:var(--w-gray-200);--w-s-color-background-disabled:var(--w-gray-300);--w-s-color-background-subtle-active:var(--w-gray-300);--w-s-color-background-subtle-hover:var(--w-gray-200);--w-s-color-background-subtle:var(--w-gray-100);--w-s-color-background-active:var(--w-gray-200);--w-s-color-background-hover:var(--w-gray-100);--w-s-color-background:var(--w-white);--w-s-color-surface-elevated-300-active:var(--w-gray-200);--w-s-color-surface-elevated-300-hover:var(--w-gray-100);--w-s-color-surface-elevated-300:var(--w-white);--w-s-color-surface-elevated-200-active:var(--w-gray-200);--w-s-color-surface-elevated-200-hover:var(--w-gray-100);--w-s-color-surface-elevated-200:var(--w-white);--w-s-color-surface-elevated-100-active:var(--w-gray-200);--w-s-color-surface-elevated-100-hover:var(--w-gray-100);--w-s-color-surface-elevated-100:var(--w-white);--w-s-color-surface-sunken:var(--w-gray-50);--w-s-color-surface-active:var(--w-gray-200);--w-s-color-surface-hover:var(--w-gray-100);--w-s-color-surface:var(--w-white);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-disabled:var(--w-gray-300);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-inverted-static:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-placeholder:var(--w-gray-300);--w-s-color-text-static:var(--w-gray-700);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text:var(--w-gray-700);--w-color-switch-track-background-hover:var(--w-gray-300);--w-color-switch-track-background:var(--w-gray-200);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-page-indicator-background-hover:var(--w-gray-400);--w-color-page-indicator-background:var(--w-gray-300);--w-color-callout-border:var(--w-green-400);--w-color-callout-background:var(--w-green-100);--w-color-button-pill-background-hover:var(--w-blue-300);--w-color-badge-price-background:var(--w-black);--w-color-badge-sponsored-background:var(--w-aqua-200);--w-color-badge-negative-background:var(--w-red-100);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-info-background:var(--w-aqua-100);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-neutral-background:var(--w-gray-100);--w-color-tooltip-background-static:var(--w-s-color-background-inverted);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-color-badge-notification-background:var(--w-s-color-background-negative);--w-rgb-transparent:#fff0;--w-rgb-gray-950:18,18,18;--w-rgb-gray-900:27,27,31;--w-rgb-gray-850:38,38,43;--w-rgb-gray-800:43,43,48;--w-rgb-gray-750:51,51,56;--w-rgb-gray-700:71,71,79;--w-rgb-gray-600:92,92,102;--w-rgb-gray-500:132,132,143;--w-rgb-gray-400:175,175,184;--w-rgb-gray-300:202,202,209;--w-rgb-gray-200:222,222,227;--w-rgb-gray-100:240,240,242;--w-rgb-gray-50:246,246,246;--w-rgb-red-900:56,20,11;--w-rgb-red-800:104,29,17;--w-rgb-red-700:158,34,22;--w-rgb-red-600:217,31,10;--w-rgb-red-500:250,39,15;--w-rgb-red-400:255,88,68;--w-rgb-red-300:255,153,153;--w-rgb-red-200:255,209,209;--w-rgb-red-100:255,239,239;--w-rgb-red-50:255,245,245;--w-rgb-yellow-900:53,35,16;--w-rgb-yellow-800:101,65,24;--w-rgb-yellow-700:155,98,30;--w-rgb-yellow-600:213,132,11;--w-rgb-yellow-500:238,182,27;--w-rgb-yellow-400:255,225,31;--w-rgb-yellow-300:250,231,107;--w-rgb-yellow-200:254,239,144;--w-rgb-yellow-100:255,245,200;--w-rgb-yellow-50:255,248,230;--w-rgb-green-900:20,41,31;--w-rgb-green-800:27,77,57;--w-rgb-green-700:29,116,84;--w-rgb-green-600:5,158,111;--w-rgb-green-500:24,200,132;--w-rgb-green-400:46,230,159;--w-rgb-green-300:103,238,184;--w-rgb-green-200:158,252,209;--w-rgb-green-100:205,254,229;--w-rgb-green-50:235,255,246;--w-rgb-aqua-900:21,36,47;--w-rgb-aqua-800:29,67,90;--w-rgb-aqua-700:30,100,138;--w-rgb-aqua-600:3,134,191;--w-rgb-aqua-500:3,163,221;--w-rgb-aqua-400:6,190,251;--w-rgb-aqua-300:102,224,255;--w-rgb-aqua-200:182,240,255;--w-rgb-aqua-100:224,246,255;--w-rgb-aqua-50:241,249,255;--w-rgb-blue-900:25,29,52;--w-rgb-blue-800:34,52,116;--w-rgb-blue-700:36,78,179;--w-rgb-blue-600:0,99,251;--w-rgb-blue-500:43,126,255;--w-rgb-blue-400:92,156,255;--w-rgb-blue-300:154,193,254;--w-rgb-blue-200:194,218,254;--w-rgb-blue-100:225,237,254;--w-rgb-blue-50:239,245,255;--w-rgb-black:0,0,0;--w-rgb-white:255,255,255;--w-s-rgb-icon-notification:var(--w-rgb-white);--w-s-rgb-icon-info:var(--w-rgb-aqua-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-aqua-600);--w-s-rgb-icon-secondary-hover:var(--w-rgb-aqua-500);--w-s-rgb-icon-secondary:var(--w-rgb-aqua-400);--w-s-rgb-icon-primary:var(--w-rgb-blue-600);--w-s-rgb-icon-inverted-static:var(--w-rgb-white);--w-s-rgb-icon-inverted-active:var(--w-rgb-gray-200);--w-s-rgb-icon-inverted-hover:var(--w-rgb-gray-100);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-rgb-icon-subtle-active:var(--w-rgb-gray-600);--w-s-rgb-icon-subtle-hover:var(--w-rgb-gray-500);--w-s-rgb-icon-subtle:var(--w-rgb-gray-400);--w-s-rgb-icon-disabled:var(--w-rgb-gray-300);--w-s-rgb-icon-selected-active:var(--w-rgb-blue-800);--w-s-rgb-icon-selected-hover:var(--w-rgb-blue-700);--w-s-rgb-icon-selected:var(--w-rgb-blue-600);--w-s-rgb-icon-static:var(--w-rgb-gray-700);--w-s-rgb-icon-active:var(--w-rgb-blue-700);--w-s-rgb-icon-hover:var(--w-rgb-blue-600);--w-s-rgb-icon:var(--w-rgb-gray-700);--w-s-rgb-border-focus:var(--w-rgb-aqua-400);--w-s-rgb-border-info-subtle-active:var(--w-rgb-aqua-500);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-aqua-400);--w-s-rgb-border-info-subtle:var(--w-rgb-aqua-300);--w-s-rgb-border-info-active:var(--w-rgb-aqua-800);--w-s-rgb-border-info-hover:var(--w-rgb-aqua-700);--w-s-rgb-border-info:var(--w-rgb-aqua-600);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-rgb-border-secondary-active:var(--w-rgb-aqua-600);--w-s-rgb-border-secondary-hover:var(--w-rgb-aqua-500);--w-s-rgb-border-secondary:var(--w-rgb-aqua-400);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blue-500);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blue-400);--w-s-rgb-border-primary-subtle:var(--w-rgb-blue-300);--w-s-rgb-border-primary-active:var(--w-rgb-blue-800);--w-s-rgb-border-primary-hover:var(--w-rgb-blue-700);--w-s-rgb-border-primary:var(--w-rgb-blue-600);--w-s-rgb-border-inverted:var(--w-rgb-gray-300);--w-s-rgb-border-selected-active:var(--w-rgb-blue-800);--w-s-rgb-border-selected-hover:var(--w-rgb-blue-700);--w-s-rgb-border-selected:var(--w-rgb-blue-600);--w-s-rgb-border-disabled:var(--w-rgb-gray-300);--w-s-rgb-border-active:var(--w-rgb-gray-500);--w-s-rgb-border-hover:var(--w-rgb-gray-400);--w-s-rgb-border:var(--w-rgb-gray-300);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-rgb-background-transparent-0:var(--w-rgb-transparent);--w-s-rgb-background-info-subtle-active:var(--w-rgb-aqua-200);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-aqua-100);--w-s-rgb-background-info-subtle:var(--w-rgb-aqua-50);--w-s-rgb-background-info-active:var(--w-rgb-aqua-800);--w-s-rgb-background-info-hover:var(--w-rgb-aqua-700);--w-s-rgb-background-info:var(--w-rgb-aqua-600);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-rgb-background-secondary-active:var(--w-rgb-aqua-600);--w-s-rgb-background-secondary-hover:var(--w-rgb-aqua-500);--w-s-rgb-background-secondary:var(--w-rgb-aqua-400);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blue-200);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blue-100);--w-s-rgb-background-primary-subtle:var(--w-rgb-blue-50);--w-s-rgb-background-primary-active:var(--w-rgb-blue-800);--w-s-rgb-background-primary-hover:var(--w-rgb-blue-700);--w-s-rgb-background-primary:var(--w-rgb-blue-600);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-rgb-background-selected-active:var(--w-rgb-blue-200);--w-s-rgb-background-selected-hover:var(--w-rgb-blue-100);--w-s-rgb-background-selected:var(--w-rgb-blue-50);--w-s-rgb-background-disabled-subtle:var(--w-rgb-gray-200);--w-s-rgb-background-disabled:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-200);--w-s-rgb-background-subtle:var(--w-rgb-gray-100);--w-s-rgb-background-active:var(--w-rgb-gray-200);--w-s-rgb-background-hover:var(--w-rgb-gray-100);--w-s-rgb-background:var(--w-rgb-white);--w-s-rgb-surface-elevated-300-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-300-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-300:var(--w-rgb-white);--w-s-rgb-surface-elevated-200-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-200-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-200:var(--w-rgb-white);--w-s-rgb-surface-elevated-100-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-100-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-100:var(--w-rgb-white);--w-s-rgb-surface-sunken:var(--w-rgb-gray-50);--w-s-rgb-surface-active:var(--w-rgb-gray-200);--w-s-rgb-surface-hover:var(--w-rgb-gray-100);--w-s-rgb-surface:var(--w-rgb-white);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-rgb-text-disabled:var(--w-rgb-gray-300);--w-s-rgb-text-link:var(--w-rgb-blue-600);--w-s-rgb-text-inverted-static:var(--w-rgb-white);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-rgb-text-placeholder:var(--w-rgb-gray-300);--w-s-rgb-text-static:var(--w-rgb-gray-700);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-rgb-text:var(--w-rgb-gray-700);--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-border-focused:var(--w-aqua-400);--w-s-rgb-border-focused:var(--w-rgb-aqua-400);--w-s-shadow-surface-elevated-100:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-100-hover:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-100-hover:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-100-active:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100-active:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-200-hover:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-200-hover:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200-active:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200-active:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-300:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-300-hover:var(--w-shadow-xl);--w-s-rgb-shadow-surface-elevated-300-hover:var(--w-rgb-shadow-xl);--w-s-shadow-surface-elevated-300-active:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300-active:var(--w-rgb-shadow-l);--w-icon-list-checked:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%230063fb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");--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-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-color-avatar-background:var(--w-s-color-background-subtle);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}

package/dist/tokens/tori-fi.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root,:host{--w-color-switch-track-background:var(--w-gray-200);--w-color-switch-track-background-hover:var(--w-gray-300);--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-100);--w-s-rgb-background-subtle:var(--w-rgb-gray-100);--w-s-color-background-subtle-hover:var(--w-gray-200);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-200);--w-s-color-background-subtle-active:var(--w-gray-300);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-300);--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-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-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-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-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-watermelon-600);--w-s-rgb-background-notification:var(--w-rgb-watermelon-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-static:var(--w-gray-900);--w-s-rgb-icon-static:var(--w-rgb-gray-900);--w-s-color-icon-hover:var(--w-blueberry-800);--w-s-rgb-icon-hover:var(--w-rgb-blueberry-800);--w-s-color-icon-active:var(--w-blueberry-900);--w-s-rgb-icon-active:var(--w-rgb-blueberry-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-inverted-static:var(--w-white);--w-s-rgb-icon-inverted-static:var(--w-rgb-white);--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-static:var(--w-gray-900);--w-s-rgb-text-static: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-static:var(--w-white);--w-s-rgb-text-inverted-static: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-s-color-surface-sunken:var(--w-gray-50);--w-s-rgb-surface-sunken:var(--w-rgb-gray-50);--w-s-color-surface-elevated-100:var(--w-white);--w-s-rgb-surface-elevated-100:var(--w-rgb-white);--w-s-color-surface-elevated-100-hover:var(--w-gray-100);--w-s-rgb-surface-elevated-100-hover:var(--w-rgb-gray-100);--w-s-color-surface-elevated-100-active:var(--w-gray-200);--w-s-rgb-surface-elevated-100-active:var(--w-rgb-gray-200);--w-s-color-surface-elevated-200:var(--w-white);--w-s-rgb-surface-elevated-200:var(--w-rgb-white);--w-s-color-surface-elevated-200-hover:var(--w-gray-100);--w-s-rgb-surface-elevated-200-hover:var(--w-rgb-gray-100);--w-s-color-surface-elevated-200-active:var(--w-gray-200);--w-s-rgb-surface-elevated-200-active:var(--w-rgb-gray-200);--w-s-color-surface-elevated-300:var(--w-white);--w-s-rgb-surface-elevated-300:var(--w-rgb-white);--w-s-color-surface-elevated-300-hover:var(--w-gray-100);--w-s-rgb-surface-elevated-300-hover:var(--w-rgb-gray-100);--w-s-color-surface-elevated-300-active:var(--w-gray-200);--w-s-rgb-surface-elevated-300-active:var(--w-rgb-gray-200);--w-s-shadow-surface-elevated-100:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-100-hover:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-100-hover:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-100-active:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100-active:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-200-hover:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-200-hover:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200-active:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200-active:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-300:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-300-hover:var(--w-shadow-xl);--w-s-rgb-shadow-surface-elevated-300-hover:var(--w-rgb-shadow-xl);--w-s-shadow-surface-elevated-300-active:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300-active:var(--w-rgb-shadow-l);--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-icon-list-checked:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%23296dcc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");--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-static);--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-positive-selected:var(--w-green-50);--w-s-color-background-positive-selected-hover:var(--w-green-100);--w-s-color-background-positive-selected-active:var(--w-green-200);--w-s-color-background-negative-default:var(--w-red-50);--w-s-color-background-negative-selected:var(--w-red-50);--w-s-color-background-negative-selected-hover:var(--w-red-100);--w-s-color-background-negative-selected-active:var(--w-red-200);--w-s-color-background-warning-default:var(--w-yellow-50);--w-s-color-background-warning-selected:var(--w-yellow-50);--w-s-color-background-warning-selected-hover:var(--w-yellow-100);--w-s-color-background-warning-selected-active:var(--w-yellow-200);--w-s-color-background-info-default:var(--w-petroleum-50);--w-s-color-background-info-selected:var(--w-blue-50);--w-s-color-background-info-selected-hover:var(--w-blue-100);--w-s-color-background-info-selected-active:var(--w-blue-200);--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-decoration-text-link:underline;--w-white:white;--w-rgb-white:255,255,255;--w-black:black;--w-rgb-black:0,0,0;--w-gray-50:#f6f6f6;--w-rgb-gray-50:246,246,246;--w-gray-100:#f0f0f2;--w-rgb-gray-100:240,240,242;--w-gray-200:#dedee3;--w-rgb-gray-200:222,222,227;--w-gray-300:#cacad1;--w-rgb-gray-300:202,202,209;--w-gray-400:#afafb8;--w-rgb-gray-400:175,175,184;--w-gray-500:#84848f;--w-rgb-gray-500:132,132,143;--w-gray-600:#5c5c66;--w-rgb-gray-600:92,92,102;--w-gray-700:#47474f;--w-rgb-gray-700:71,71,79;--w-gray-750:#333338;--w-rgb-gray-750:51,51,56;--w-gray-800:#2b2b30;--w-rgb-gray-800:43,43,48;--w-gray-850:#26262b;--w-rgb-gray-850:38,38,43;--w-gray-900:#1b1b1f;--w-rgb-gray-900:27,27,31;--w-gray-950:#121212;--w-rgb-gray-950:18,18,18;--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-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-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-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-blueberry-300),.3);--w-color-button-pill-background-active:rgba(var(--w-rgb-blueberry-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-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-s-color-background-subtle);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
1	+ :root,:host{--w-transparent:#fff0;--w-gray-950:#121212;--w-gray-900:#1b1b1f;--w-gray-850:#26262b;--w-gray-800:#2b2b30;--w-gray-750:#333338;--w-gray-700:#47474f;--w-gray-600:#5c5c66;--w-gray-500:#84848f;--w-gray-400:#afafb8;--w-gray-300:#cacad1;--w-gray-200:#dedee3;--w-gray-100:#f0f0f2;--w-gray-50:#f6f6f6;--w-red-900:#27070d;--w-red-800:#520b18;--w-red-700:#7d1024;--w-red-600:#930b1d;--w-red-500:#a53241;--w-red-400:#b75965;--w-red-300:#c98089;--w-red-200:#dba7ad;--w-red-100:#edced1;--w-red-50:#fef6f7;--w-yellow-900:#221102;--w-yellow-800:#673a12;--w-yellow-700:#ad6421;--w-yellow-600:#f38e30;--w-yellow-500:#f5a051;--w-yellow-400:#f7b272;--w-yellow-300:#f9c493;--w-yellow-200:#fbd6b4;--w-yellow-100:#fde8d5;--w-yellow-50:#fef7f1;--w-green-900:#072719;--w-green-800:#0c3e2a;--w-green-700:#136647;--w-green-600:#1a8f64;--w-green-500:#3ea07c;--w-green-400:#62b294;--w-green-300:#86c4ac;--w-green-200:#aad6c4;--w-green-100:#cee8dc;--w-green-50:#f3fcf9;--w-blue-900:#021622;--w-blue-800:#063d61;--w-blue-700:#0a659f;--w-blue-600:#0e8ddd;--w-blue-500:#339fe3;--w-blue-400:#58b1e9;--w-blue-300:#7dc3ef;--w-blue-200:#a2d5f5;--w-blue-100:#c7e7fb;--w-blue-50:#ecf7fe;--w-watermelon-900:#29080c;--w-watermelon-800:#5b1920;--w-watermelon-700:#982c38;--w-watermelon-600:#d43d4f;--w-watermelon-500:#f95157;--w-watermelon-400:#fd948f;--w-watermelon-300:#feb0ac;--w-watermelon-200:#fecbc7;--w-watermelon-100:#ffe6e4;--w-watermelon-50:#fff3f2;--w-black:#000;--w-white:#fff;--w-blueberry-900:#06101e;--w-blueberry-800:#122f58;--w-blueberry-700:#1d4e92;--w-blueberry-600:#296dcc;--w-blueberry-500:#4d88db;--w-blueberry-400:#6e9bdc;--w-blueberry-300:#91b2e4;--w-blueberry-200:#b4c9ec;--w-blueberry-100:#d7e0f4;--w-blueberry-50:#f7f9fd;--w-s-color-icon-notification:var(--w-white);--w-s-color-icon-info:var(--w-blue-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-secondary-active:var(--w-watermelon-700);--w-s-color-icon-secondary-hover:var(--w-watermelon-600);--w-s-color-icon-secondary:var(--w-watermelon-500);--w-s-color-icon-primary:var(--w-blueberry-600);--w-s-color-icon-inverted-static:var(--w-white);--w-s-color-icon-inverted-active:var(--w-gray-200);--w-s-color-icon-inverted-hover:var(--w-gray-100);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-subtle-active:var(--w-gray-600);--w-s-color-icon-subtle-hover:var(--w-gray-500);--w-s-color-icon-subtle:var(--w-gray-400);--w-s-color-icon-disabled:var(--w-gray-300);--w-s-color-icon-selected-active:var(--w-blueberry-800);--w-s-color-icon-selected-hover:var(--w-blueberry-700);--w-s-color-icon-selected:var(--w-blueberry-600);--w-s-color-icon-static:var(--w-gray-900);--w-s-color-icon-active:var(--w-blueberry-900);--w-s-color-icon-hover:var(--w-blueberry-800);--w-s-color-icon:var(--w-gray-900);--w-s-color-border-focus:var(--w-blue-400);--w-s-color-border-info-subtle-active:var(--w-blue-500);--w-s-color-border-info-subtle-hover:var(--w-blue-400);--w-s-color-border-info-subtle:var(--w-blue-300);--w-s-color-border-info-active:var(--w-blue-800);--w-s-color-border-info-hover:var(--w-blue-700);--w-s-color-border-info:var(--w-blue-600);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-secondary-active:var(--w-watermelon-700);--w-s-color-border-secondary-hover:var(--w-watermelon-600);--w-s-color-border-secondary:var(--w-watermelon-500);--w-s-color-border-primary-subtle-active:var(--w-blueberry-500);--w-s-color-border-primary-subtle-hover:var(--w-blueberry-400);--w-s-color-border-primary-subtle:var(--w-blueberry-300);--w-s-color-border-primary-active:var(--w-blueberry-800);--w-s-color-border-primary-hover:var(--w-blueberry-700);--w-s-color-border-primary:var(--w-blueberry-600);--w-s-color-border-inverted:var(--w-gray-300);--w-s-color-border-selected-active:var(--w-blueberry-800);--w-s-color-border-selected-hover:var(--w-blueberry-700);--w-s-color-border-selected:var(--w-blueberry-600);--w-s-color-border-disabled:var(--w-gray-300);--w-s-color-border-active:var(--w-gray-500);--w-s-color-border-hover:var(--w-gray-400);--w-s-color-border:var(--w-gray-300);--w-s-color-background-notification:var(--w-watermelon-600);--w-s-color-background-transparent-0:var(--w-transparent);--w-s-color-background-info-subtle-active:var(--w-blue-200);--w-s-color-background-info-subtle-hover:var(--w-blue-100);--w-s-color-background-info-subtle:var(--w-blue-50);--w-s-color-background-info-active:var(--w-blue-800);--w-s-color-background-info-hover:var(--w-blue-700);--w-s-color-background-info:var(--w-blue-600);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-secondary-active:var(--w-watermelon-700);--w-s-color-background-secondary-hover:var(--w-watermelon-600);--w-s-color-background-secondary:var(--w-watermelon-500);--w-s-color-background-primary-subtle-active:var(--w-blueberry-200);--w-s-color-background-primary-subtle-hover:var(--w-blueberry-100);--w-s-color-background-primary-subtle:var(--w-blueberry-50);--w-s-color-background-primary-active:var(--w-blueberry-800);--w-s-color-background-primary-hover:var(--w-blueberry-700);--w-s-color-background-primary:var(--w-blueberry-600);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-selected-active:var(--w-blueberry-200);--w-s-color-background-selected-hover:var(--w-blueberry-100);--w-s-color-background-selected:var(--w-blueberry-50);--w-s-color-background-disabled-subtle:var(--w-gray-200);--w-s-color-background-disabled:var(--w-gray-300);--w-s-color-background-subtle-active:var(--w-gray-300);--w-s-color-background-subtle-hover:var(--w-gray-200);--w-s-color-background-subtle:var(--w-gray-100);--w-s-color-background-active:var(--w-gray-200);--w-s-color-background-hover:var(--w-gray-100);--w-s-color-background:var(--w-white);--w-s-color-surface-elevated-300-active:var(--w-gray-200);--w-s-color-surface-elevated-300-hover:var(--w-gray-100);--w-s-color-surface-elevated-300:var(--w-white);--w-s-color-surface-elevated-200-active:var(--w-gray-200);--w-s-color-surface-elevated-200-hover:var(--w-gray-100);--w-s-color-surface-elevated-200:var(--w-white);--w-s-color-surface-elevated-100-active:var(--w-gray-200);--w-s-color-surface-elevated-100-hover:var(--w-gray-100);--w-s-color-surface-elevated-100:var(--w-white);--w-s-color-surface-sunken:var(--w-gray-50);--w-s-color-surface-active:var(--w-gray-200);--w-s-color-surface-hover:var(--w-gray-100);--w-s-color-surface:var(--w-white);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-disabled:var(--w-gray-300);--w-s-color-text-link:var(--w-blueberry-600);--w-s-color-text-inverted-static:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-placeholder:var(--w-gray-300);--w-s-color-text-static:var(--w-gray-900);--w-s-color-text-subtle:var(--w-gray-500);--w-s-color-text:var(--w-gray-900);--w-color-switch-track-background-hover:var(--w-gray-300);--w-color-switch-track-background:var(--w-gray-200);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-page-indicator-background-hover:var(--w-gray-400);--w-color-page-indicator-background:var(--w-gray-300);--w-color-callout-border:var(--w-blue-400);--w-color-callout-background:var(--w-blue-100);--w-color-button-pill-background-hover:var(--w-blueberry-300);--w-color-button-primary-background-active:var(--w-watermelon-800);--w-color-button-primary-background-hover:var(--w-watermelon-700);--w-color-button-primary-background:var(--w-watermelon-600);--w-color-badge-price-background:var(--w-black);--w-color-badge-sponsored-background:var(--w-blue-200);--w-color-badge-negative-background:var(--w-red-100);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-info-background:var(--w-blue-100);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-neutral-background:var(--w-gray-100);--w-color-tooltip-background-static:var(--w-s-color-background-inverted);--w-color-navbar-border-selected:var(--w-s-color-border-secondary);--w-color-navbar-icon-selected:var(--w-s-color-icon-secondary);--w-color-badge-notification-background:var(--w-s-color-background-negative);--w-rgb-transparent:#fff0;--w-rgb-gray-950:18,18,18;--w-rgb-gray-900:27,27,31;--w-rgb-gray-850:38,38,43;--w-rgb-gray-800:43,43,48;--w-rgb-gray-750:51,51,56;--w-rgb-gray-700:71,71,79;--w-rgb-gray-600:92,92,102;--w-rgb-gray-500:132,132,143;--w-rgb-gray-400:175,175,184;--w-rgb-gray-300:202,202,209;--w-rgb-gray-200:222,222,227;--w-rgb-gray-100:240,240,242;--w-rgb-gray-50:246,246,246;--w-rgb-red-900:39,7,13;--w-rgb-red-800:82,11,24;--w-rgb-red-700:125,16,36;--w-rgb-red-600:147,11,29;--w-rgb-red-500:165,50,65;--w-rgb-red-400:183,89,101;--w-rgb-red-300:201,128,137;--w-rgb-red-200:219,167,173;--w-rgb-red-100:237,206,209;--w-rgb-red-50:254,246,247;--w-rgb-yellow-900:34,17,2;--w-rgb-yellow-800:103,58,18;--w-rgb-yellow-700:173,100,33;--w-rgb-yellow-600:243,142,48;--w-rgb-yellow-500:245,160,81;--w-rgb-yellow-400:247,178,114;--w-rgb-yellow-300:249,196,147;--w-rgb-yellow-200:251,214,180;--w-rgb-yellow-100:253,232,213;--w-rgb-yellow-50:254,247,241;--w-rgb-green-900:7,39,25;--w-rgb-green-800:12,62,42;--w-rgb-green-700:19,102,71;--w-rgb-green-600:26,143,100;--w-rgb-green-500:62,160,124;--w-rgb-green-400:98,178,148;--w-rgb-green-300:134,196,172;--w-rgb-green-200:170,214,196;--w-rgb-green-100:206,232,220;--w-rgb-green-50:243,252,249;--w-rgb-blue-900:2,22,34;--w-rgb-blue-800:6,61,97;--w-rgb-blue-700:10,101,159;--w-rgb-blue-600:14,141,221;--w-rgb-blue-500:51,159,227;--w-rgb-blue-400:88,177,233;--w-rgb-blue-300:125,195,239;--w-rgb-blue-200:162,213,245;--w-rgb-blue-100:199,231,251;--w-rgb-blue-50:236,247,254;--w-rgb-watermelon-900:41,8,12;--w-rgb-watermelon-800:91,25,32;--w-rgb-watermelon-700:152,44,56;--w-rgb-watermelon-600:212,61,79;--w-rgb-watermelon-500:249,81,87;--w-rgb-watermelon-400:253,148,143;--w-rgb-watermelon-300:254,176,172;--w-rgb-watermelon-200:254,203,199;--w-rgb-watermelon-100:255,230,228;--w-rgb-watermelon-50:255,243,242;--w-rgb-black:0,0,0;--w-rgb-white:255,255,255;--w-rgb-blueberry-900:6,16,30;--w-rgb-blueberry-800:18,47,88;--w-rgb-blueberry-700:29,78,146;--w-rgb-blueberry-600:41,109,204;--w-rgb-blueberry-500:77,136,219;--w-rgb-blueberry-400:110,155,220;--w-rgb-blueberry-300:145,178,228;--w-rgb-blueberry-200:180,201,236;--w-rgb-blueberry-100:215,224,244;--w-rgb-blueberry-50:247,249,253;--w-s-rgb-icon-notification:var(--w-rgb-white);--w-s-rgb-icon-info:var(--w-rgb-blue-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-watermelon-700);--w-s-rgb-icon-secondary-hover:var(--w-rgb-watermelon-600);--w-s-rgb-icon-secondary:var(--w-rgb-watermelon-500);--w-s-rgb-icon-primary:var(--w-rgb-blueberry-600);--w-s-rgb-icon-inverted-static:var(--w-rgb-white);--w-s-rgb-icon-inverted-active:var(--w-rgb-gray-200);--w-s-rgb-icon-inverted-hover:var(--w-rgb-gray-100);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-rgb-icon-subtle-active:var(--w-rgb-gray-600);--w-s-rgb-icon-subtle-hover:var(--w-rgb-gray-500);--w-s-rgb-icon-subtle:var(--w-rgb-gray-400);--w-s-rgb-icon-disabled:var(--w-rgb-gray-300);--w-s-rgb-icon-selected-active:var(--w-rgb-blueberry-800);--w-s-rgb-icon-selected-hover:var(--w-rgb-blueberry-700);--w-s-rgb-icon-selected:var(--w-rgb-blueberry-600);--w-s-rgb-icon-static:var(--w-rgb-gray-900);--w-s-rgb-icon-active:var(--w-rgb-blueberry-900);--w-s-rgb-icon-hover:var(--w-rgb-blueberry-800);--w-s-rgb-icon:var(--w-rgb-gray-900);--w-s-rgb-border-focus:var(--w-rgb-blue-400);--w-s-rgb-border-info-subtle-active:var(--w-rgb-blue-500);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-blue-400);--w-s-rgb-border-info-subtle:var(--w-rgb-blue-300);--w-s-rgb-border-info-active:var(--w-rgb-blue-800);--w-s-rgb-border-info-hover:var(--w-rgb-blue-700);--w-s-rgb-border-info:var(--w-rgb-blue-600);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-rgb-border-secondary-active:var(--w-rgb-watermelon-700);--w-s-rgb-border-secondary-hover:var(--w-rgb-watermelon-600);--w-s-rgb-border-secondary:var(--w-rgb-watermelon-500);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blueberry-500);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blueberry-400);--w-s-rgb-border-primary-subtle:var(--w-rgb-blueberry-300);--w-s-rgb-border-primary-active:var(--w-rgb-blueberry-800);--w-s-rgb-border-primary-hover:var(--w-rgb-blueberry-700);--w-s-rgb-border-primary:var(--w-rgb-blueberry-600);--w-s-rgb-border-inverted:var(--w-rgb-gray-300);--w-s-rgb-border-selected-active:var(--w-rgb-blueberry-800);--w-s-rgb-border-selected-hover:var(--w-rgb-blueberry-700);--w-s-rgb-border-selected:var(--w-rgb-blueberry-600);--w-s-rgb-border-disabled:var(--w-rgb-gray-300);--w-s-rgb-border-active:var(--w-rgb-gray-500);--w-s-rgb-border-hover:var(--w-rgb-gray-400);--w-s-rgb-border:var(--w-rgb-gray-300);--w-s-rgb-background-notification:var(--w-rgb-watermelon-600);--w-s-rgb-background-transparent-0:var(--w-rgb-transparent);--w-s-rgb-background-info-subtle-active:var(--w-rgb-blue-200);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-blue-100);--w-s-rgb-background-info-subtle:var(--w-rgb-blue-50);--w-s-rgb-background-info-active:var(--w-rgb-blue-800);--w-s-rgb-background-info-hover:var(--w-rgb-blue-700);--w-s-rgb-background-info:var(--w-rgb-blue-600);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-rgb-background-secondary-active:var(--w-rgb-watermelon-700);--w-s-rgb-background-secondary-hover:var(--w-rgb-watermelon-600);--w-s-rgb-background-secondary:var(--w-rgb-watermelon-500);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blueberry-200);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blueberry-100);--w-s-rgb-background-primary-subtle:var(--w-rgb-blueberry-50);--w-s-rgb-background-primary-active:var(--w-rgb-blueberry-800);--w-s-rgb-background-primary-hover:var(--w-rgb-blueberry-700);--w-s-rgb-background-primary:var(--w-rgb-blueberry-600);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-rgb-background-selected-active:var(--w-rgb-blueberry-200);--w-s-rgb-background-selected-hover:var(--w-rgb-blueberry-100);--w-s-rgb-background-selected:var(--w-rgb-blueberry-50);--w-s-rgb-background-disabled-subtle:var(--w-rgb-gray-200);--w-s-rgb-background-disabled:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-200);--w-s-rgb-background-subtle:var(--w-rgb-gray-100);--w-s-rgb-background-active:var(--w-rgb-gray-200);--w-s-rgb-background-hover:var(--w-rgb-gray-100);--w-s-rgb-background:var(--w-rgb-white);--w-s-rgb-surface-elevated-300-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-300-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-300:var(--w-rgb-white);--w-s-rgb-surface-elevated-200-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-200-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-200:var(--w-rgb-white);--w-s-rgb-surface-elevated-100-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-100-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-100:var(--w-rgb-white);--w-s-rgb-surface-sunken:var(--w-rgb-gray-50);--w-s-rgb-surface-active:var(--w-rgb-gray-200);--w-s-rgb-surface-hover:var(--w-rgb-gray-100);--w-s-rgb-surface:var(--w-rgb-white);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-rgb-text-disabled:var(--w-rgb-gray-300);--w-s-rgb-text-link:var(--w-rgb-blueberry-600);--w-s-rgb-text-inverted-static:var(--w-rgb-white);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-rgb-text-placeholder:var(--w-rgb-gray-300);--w-s-rgb-text-static:var(--w-rgb-gray-900);--w-s-rgb-text-subtle:var(--w-rgb-gray-500);--w-s-rgb-text:var(--w-rgb-gray-900);--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-border-focused:var(--w-blue-300);--w-s-rgb-border-focused:var(--w-rgb-blue-300);--w-s-shadow-surface-elevated-100:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-100-hover:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-100-hover:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-100-active:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-100-active:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-200-hover:var(--w-shadow-m);--w-s-rgb-shadow-surface-elevated-200-hover:var(--w-rgb-shadow-m);--w-s-shadow-surface-elevated-200-active:var(--w-shadow-s);--w-s-rgb-shadow-surface-elevated-200-active:var(--w-rgb-shadow-s);--w-s-shadow-surface-elevated-300:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300:var(--w-rgb-shadow-l);--w-s-shadow-surface-elevated-300-hover:var(--w-shadow-xl);--w-s-rgb-shadow-surface-elevated-300-hover:var(--w-rgb-shadow-xl);--w-s-shadow-surface-elevated-300-active:var(--w-shadow-l);--w-s-rgb-shadow-surface-elevated-300-active:var(--w-rgb-shadow-l);--w-icon-list-checked:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%23296dcc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");--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-button-pill-background-active:rgba(var(--w-rgb-blueberry-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-color-avatar-background:var(--w-s-color-background-subtle);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}

package/package.json CHANGED Viewed

@@ -1,15 +1,15 @@
 {
   "name": "@warp-ds/css",
   "repository": "git@github.com:warp-ds/css.git",
-  "version": "1.10.1-next.1",
+  "version": "2.0.0-next.1",
   "scripts": {
     "build": "pnpm build:tokens && pnpm build:resets && pnpm build:cc",
     "commit": "cz",
     "semantic-release": "semantic-release",
     "build:cc": "cd component-classes && rm -rf *.d.ts && tsc && vite build",
-    "build:tokens": "cd tokens && node index.js",
+    "build:tokens": "node index.js",
     "build:resets": "cd resets && node index.js",
-    "lint:fix": "eslint . --fix --ignore-path .gitignore",
+    "lint": "eslint . --fix --ignore-path .gitignore",
     "lint:check": "eslint . --ignore-path .gitignore"
   },
   "type": "module",
@@ -49,17 +49,18 @@
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@sindresorhus/slugify": "^2.2.1",
-    "@warp-ds/eslint-config": "^1.0.4",
+    "@warp-ds/eslint-config": "1.0.5",
     "cz-conventional-changelog": "^3.3.0",
+    "drnm": "^0.9.0",
     "eslint": "^8.56.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-config-prettier": "^9.1.0",
-    "drnm": "^0.9.0",
+    "fs-extra": "^11.2.0",
     "lightningcss": "^1.23.0",
     "prettier": "^3.2.4",
     "semantic-release": "^23.0.0",
     "typescript": "^5.3.3",
     "unocss": "^0.58.5",
+    "unzipper": "^0.11.6",
     "vite": "^5.0.12",
     "vite-plugin-dts": "^3.7.1"
   },