:root{--dl-state-hover-opacity: var(--dl-opacity-hover);--dl-state-active-opacity: var(--dl-opacity-active);--dl-state-pressed-opacity: var(--dl-opacity-pressed);--dl-state-focus-opacity: var(--dl-opacity-focus);--dl-state-selected-opacity: var(--dl-opacity-selected);--dl-state-disabled-opacity: var(--dl-opacity-disabled);--dl-state-readonly-opacity: var(--dl-opacity-readonly);--dl-state-loading-opacity: var(--dl-opacity-loading);--dl-state-hover-background: var(--dl-color-surface-hover);--dl-state-active-background: var(--dl-color-surface-active);--dl-state-selected-background: var(--dl-color-primary-soft);--dl-state-disabled-background: var(--dl-color-disabled-background);--dl-state-readonly-background: var(--dl-color-background-soft);--dl-state-hover-border: var(--dl-color-border-strong);--dl-state-active-border: var(--dl-color-border-strong);--dl-state-selected-border: var(--dl-color-primary-border);--dl-state-focus-border: var(--dl-color-focus);--dl-state-disabled-border: var(--dl-color-disabled-border);--dl-state-readonly-border: var(--dl-color-border);--dl-state-hover-text: var(--dl-color-heading);--dl-state-active-text: var(--dl-color-heading);--dl-state-selected-text: var(--dl-color-primary);--dl-state-disabled-text: var(--dl-color-disabled-text);--dl-state-readonly-text: var(--dl-color-text-secondary);--dl-state-outline-width: 2px;--dl-state-outline-style: solid;--dl-state-outline-offset: 2px;--dl-state-focus-ring-color: var(--dl-color-focus-ring);--dl-state-focus-ring-shadow: var(--dl-shadow-focus);--dl-state-focus-ring-shadow-inset: var(--dl-shadow-focus-inset);--dl-state-focus-error-ring: var(--dl-shadow-focus-error);--dl-state-focus-success-ring: var(--dl-shadow-focus-success);--dl-state-button-hover-transform: translateY(0);--dl-state-button-active-transform: translateY(0);--dl-state-button-hover-shadow: var(--dl-shadow-button-hover);--dl-state-button-active-shadow: var(--dl-shadow-button-active);--dl-state-button-disabled-opacity: var(--dl-opacity-disabled);--dl-state-button-loading-opacity: var(--dl-opacity-loading);--dl-state-primary-background: var(--dl-color-primary);--dl-state-primary-background-hover: var(--dl-color-primary-hover);--dl-state-primary-background-active: var(--dl-color-primary-active);--dl-state-primary-border: var(--dl-color-primary);--dl-state-primary-border-hover: var(--dl-color-primary-hover);--dl-state-primary-border-active: var(--dl-color-primary-active);--dl-state-primary-text: var(--dl-color-white);--dl-state-primary-text-hover: var(--dl-color-white);--dl-state-primary-text-active: var(--dl-color-white);--dl-state-primary-shadow: var(--dl-shadow-button-primary);--dl-state-primary-shadow-hover: var(--dl-shadow-button-primary-hover);--dl-state-secondary-background: var(--dl-color-surface);--dl-state-secondary-background-hover: var(--dl-color-background-soft);--dl-state-secondary-background-active: var(--dl-color-background-muted);--dl-state-secondary-border: var(--dl-color-border);--dl-state-secondary-border-hover: var(--dl-color-border-strong);--dl-state-secondary-border-active: var(--dl-color-border-strong);--dl-state-secondary-text: var(--dl-color-heading);--dl-state-secondary-text-hover: var(--dl-color-primary);--dl-state-secondary-text-active: var(--dl-color-primary-active);--dl-state-danger-background: var(--dl-color-error);--dl-state-danger-background-hover: var(--dl-color-error-hover);--dl-state-danger-background-active: var(--dl-color-error-active);--dl-state-danger-border: var(--dl-color-error);--dl-state-danger-border-hover: var(--dl-color-error-hover);--dl-state-danger-border-active: var(--dl-color-error-active);--dl-state-danger-text: var(--dl-color-white);--dl-state-link-color: var(--dl-color-link);--dl-state-link-color-hover: var(--dl-color-link-hover);--dl-state-link-color-active: var(--dl-color-link-active);--dl-state-link-color-disabled: var(--dl-color-disabled-text);--dl-state-link-decoration: none;--dl-state-link-decoration-hover: none;--dl-state-input-background: var(--dl-color-surface);--dl-state-input-background-hover: var(--dl-color-surface);--dl-state-input-background-focus: var(--dl-color-surface);--dl-state-input-background-disabled: var(--dl-color-disabled-background);--dl-state-input-background-readonly: var(--dl-color-background-soft);--dl-state-input-border: var(--dl-color-border);--dl-state-input-border-hover: var(--dl-color-border-strong);--dl-state-input-border-focus: var(--dl-color-focus);--dl-state-input-border-disabled: var(--dl-color-disabled-border);--dl-state-input-border-readonly: var(--dl-color-border);--dl-state-input-text: var(--dl-color-heading);--dl-state-input-text-disabled: var(--dl-color-disabled-text);--dl-state-input-text-readonly: var(--dl-color-text-secondary);--dl-state-input-placeholder: var(--dl-color-placeholder);--dl-state-input-shadow: var(--dl-shadow-input);--dl-state-input-shadow-hover: var(--dl-shadow-input-hover);--dl-state-input-shadow-focus: var(--dl-shadow-input-focus);--dl-state-success-background: var(--dl-color-success-soft);--dl-state-success-border: var(--dl-color-success-border);--dl-state-success-text: var(--dl-color-success-text);--dl-state-success-icon: var(--dl-color-success);--dl-state-success-shadow: none;--dl-state-warning-background: var(--dl-color-warning-soft);--dl-state-warning-border: var(--dl-color-warning-border);--dl-state-warning-text: var(--dl-color-warning-text);--dl-state-warning-icon: var(--dl-color-warning);--dl-state-warning-shadow: none;--dl-state-error-background: var(--dl-color-error-soft);--dl-state-error-border: var(--dl-color-error-border);--dl-state-error-text: var(--dl-color-error-text);--dl-state-error-icon: var(--dl-color-error);--dl-state-error-shadow: none;--dl-state-info-background: var(--dl-color-info-soft);--dl-state-info-border: var(--dl-color-info-border);--dl-state-info-text: var(--dl-color-info-text);--dl-state-info-icon: var(--dl-color-info);--dl-state-info-shadow: none;--dl-state-control-background: var(--dl-color-surface);--dl-state-control-background-checked: var(--dl-color-primary);--dl-state-control-background-disabled: var(--dl-color-disabled-background);--dl-state-control-border: var(--dl-color-border);--dl-state-control-border-hover: var(--dl-color-border-strong);--dl-state-control-border-checked: var(--dl-color-primary);--dl-state-control-border-disabled: var(--dl-color-disabled-border);--dl-state-control-icon: var(--dl-color-white);--dl-state-control-shadow-focus: var(--dl-shadow-focus);--dl-state-switch-background: var(--dl-color-gray-300);--dl-state-switch-background-hover: var(--dl-color-gray-400);--dl-state-switch-background-checked: var(--dl-color-primary);--dl-state-switch-background-checked-hover: var(--dl-color-primary-hover);--dl-state-switch-background-disabled: var(--dl-color-gray-200);--dl-state-switch-thumb: var(--dl-color-white);--dl-state-switch-thumb-shadow: var(--dl-shadow-xs);--dl-state-card-background: var(--dl-color-surface);--dl-state-card-background-hover: var(--dl-color-surface);--dl-state-card-background-selected: var(--dl-color-primary-subtle);--dl-state-card-border: var(--dl-color-border);--dl-state-card-border-hover: var(--dl-color-border);--dl-state-card-border-selected: var(--dl-color-primary-border);--dl-state-card-shadow: var(--dl-shadow-card);--dl-state-card-shadow-hover: var(--dl-shadow-card-hover);--dl-state-card-shadow-active: var(--dl-shadow-card-active);--dl-state-card-transform-hover: translateY(-4px);--dl-state-card-transform-active: translateY(0);--dl-state-card-disabled-opacity: var(--dl-opacity-card-disabled);--dl-state-navigation-background: transparent;--dl-state-navigation-background-hover: transparent;--dl-state-navigation-background-active: transparent;--dl-state-navigation-text: var(--dl-color-heading);--dl-state-navigation-text-hover: var(--dl-color-primary);--dl-state-navigation-text-active: var(--dl-color-primary);--dl-state-navigation-border-active: var(--dl-color-primary);--dl-state-badge-default-background: var(--dl-color-surface-muted);--dl-state-badge-default-border: var(--dl-color-border);--dl-state-badge-default-text: var(--dl-color-heading);--dl-state-badge-primary-background: var(--dl-color-primary);--dl-state-badge-primary-border: var(--dl-color-primary);--dl-state-badge-primary-text: var(--dl-color-white);--dl-state-badge-success-background: var(--dl-color-success-soft);--dl-state-badge-success-border: var(--dl-color-success-border);--dl-state-badge-success-text: var(--dl-color-success-text);--dl-state-badge-warning-background: var(--dl-color-warning-soft);--dl-state-badge-warning-border: var(--dl-color-warning-border);--dl-state-badge-warning-text: var(--dl-color-warning-text);--dl-state-badge-error-background: var(--dl-color-error-soft);--dl-state-badge-error-border: var(--dl-color-error-border);--dl-state-badge-error-text: var(--dl-color-error-text);--dl-state-badge-info-background: var(--dl-color-info-soft);--dl-state-badge-info-border: var(--dl-color-info-border);--dl-state-badge-info-text: var(--dl-color-info-text);--dl-state-loading-overlay-opacity: var(--dl-opacity-loading-overlay);--dl-state-skeleton-background: var(--dl-color-surface-muted);--dl-state-skeleton-highlight: var(--dl-color-surface);--dl-state-progress-track: var(--dl-color-surface-muted);--dl-state-progress-fill: var(--dl-color-primary);--dl-state-progress-fill-success: var(--dl-color-success);--dl-state-progress-fill-warning: var(--dl-color-warning);--dl-state-progress-fill-error: var(--dl-color-error);--dl-state-backdrop-background: var(--dl-color-backdrop);--dl-state-overlay-background: var(--dl-color-overlay-medium);--dl-state-overlay-opacity: var(--dl-opacity-overlay);--dl-state-backdrop-opacity: var(--dl-opacity-backdrop);--dl-state-disclosure-background: transparent;--dl-state-disclosure-background-hover: transparent;--dl-state-disclosure-background-open: transparent;--dl-state-disclosure-border: var(--dl-color-border);--dl-state-disclosure-border-hover: var(--dl-color-border-strong);--dl-state-disclosure-border-open: var(--dl-color-primary);--dl-state-disclosure-text: var(--dl-color-heading);--dl-state-disclosure-text-hover: var(--dl-color-primary);--dl-state-disclosure-text-open: var(--dl-color-primary);--dl-state-selection-background: var(--dl-color-selection-background);--dl-state-selection-text: var(--dl-color-selection-text);--dl-state-drag-background: var(--dl-color-info-subtle);--dl-state-drag-border: var(--dl-color-info-border);--dl-state-drag-text: var(--dl-color-info-text);--dl-state-drop-background: var(--dl-color-success-subtle);--dl-state-drop-border: var(--dl-color-success-border);--dl-state-drop-text: var(--dl-color-success-text);--dl-state-price-sale: var(--dl-color-price-sale);--dl-state-price-compare: var(--dl-color-price-compare);--dl-state-cart-highlight-background: var(--dl-color-cart-highlight);--dl-state-checkout-secure-text: var(--dl-color-checkout-secure);--dl-state-download-available-background: var(--dl-color-success-soft);--dl-state-download-available-border: var(--dl-color-success-border);--dl-state-download-available-text: var(--dl-color-success-text);--dl-state-download-processing-background: var(--dl-color-warning-soft);--dl-state-download-processing-border: var(--dl-color-warning-border);--dl-state-download-processing-text: var(--dl-color-warning-text);--dl-state-download-error-background: var(--dl-color-error-soft);--dl-state-download-error-border: var(--dl-color-error-border);--dl-state-download-error-text: var(--dl-color-error-text);--dl-color-text-subdued: var(--dl-color-text-secondary, #667085);--dl-cursor-default: default;--dl-cursor-not-allowed: not-allowed;--dl-cursor-pointer: pointer;--dl-icon-size-badge: var(--dl-icon-size-sm, 14px);--dl-icon-stroke-default: var(--dl-icon-stroke-width, 1.7);--dl-icon-stroke-thin: 1.5;--dl-icon-stroke-medium: 2;--dl-icon-stroke-bold: 2.5;--dl-z-product-badges: var(--dl-z-index-card-badge, 4)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/dl-foundation-tokens-states.css.map */