@wix/design-system
Version:
@wix/design-system
1 lines • 1.18 MB
CSS
:root,.wds-tokens{--wds-illustration-color-background:#F8F6F6;--wds-illustration-color-6:#002294;--wds-illustration-color-5:#EAEFFF;--wds-illustration-color-4:#D5DFFF;--wds-illustration-color-3:#B8C4FF;--wds-illustration-color-2:#7896FF;--wds-illustration-color-1:#002294;--wds-space-2400:96px;--wds-space-1700:68px;--wds-space-1600:64px;--wds-space-1500:60px;--wds-space-1400:56px;--wds-space-1300:52px;--wds-space-1200:48px;--wds-space-1150:46px;--wds-space-1100:44px;--wds-space-1050:42px;--wds-space-1000:40px;--wds-space-950:38px;--wds-space-900:36px;--wds-space-850:34px;--wds-space-800:32px;--wds-space-750:30px;--wds-space-700:28px;--wds-space-600:24px;--wds-space-550:22px;--wds-space-500:20px;--wds-space-475:18px;--wds-space-400:16px;--wds-space-350:14px;--wds-space-300:12px;--wds-space-250:10px;--wds-space-200:8px;--wds-space-175:7px;--wds-space-150:6px;--wds-space-100:4px;--wds-space-50:2px;--wds-space-25:1px;--wds-space-0:0px;--wds-shadow-spread-secondary-raised:-0.70;--wds-shadow-focus-spread:0;--wds-shadow-y-tertiary-toggle-button:0.4px;--wds-shadow-y-secondary-toggle-button:1.2px;--wds-shadow-y-600:20px;--wds-shadow-y-350:10px;--wds-shadow-y-300:12px;--wds-shadow-y-200:8px;--wds-shadow-y-150:6px;--wds-shadow-y-125:5px;--wds-shadow-y-100:4px;--wds-shadow-y-50:2px;--wds-shadow-y-25:1px;--wds-shadow-y-0:0px;--wds-shadow-x-tertiary-toggle-button:0.4px;--wds-shadow-x-secondary-toggle-button:1.2px;--wds-shadow-x-50:2px;--wds-shadow-x-25:1px;--wds-shadow-x-0:0px;--wds-shadow-blur-tertiary-toggle-button:0.6px;--wds-shadow-blur-secondary-toggle-button:1.7px;--wds-shadow-blur-800:30px;--wds-shadow-blur-500:20px;--wds-shadow-blur-400:20px;--wds-shadow-blur-200:18px;--wds-shadow-blur-150:12px;--wds-shadow-blur-135:10px;--wds-shadow-blur-125:8px;--wds-shadow-blur-100:7px;--wds-shadow-blur-75:6px;--wds-shadow-blur-50:4px;--wds-shadow-blur-35:3px;--wds-shadow-blur-25:2px;--wds-shadow-blur-0:0px;--wds-font-weight-semi-bold:600;--wds-font-weight-regular:400;--wds-font-weight-medium:500;--wds-font-weight-bold:600;--wds-font-size-900:32px;--wds-font-size-800:24px;--wds-font-size-700:20px;--wds-font-size-600:18px;--wds-font-size-500:16px;--wds-font-size-400:15px;--wds-font-size-300:14px;--wds-font-size-200:12px;--wds-font-size-100:10px;--wds-font-letter-spacing-heading-3:-0.50;--wds-font-letter-spacing-heading-2:-0.50;--wds-font-letter-spacing-heading-1:-0.50;--wds-font-letter-spacing-100:1px;--wds-font-letter-spacing-0:0px;--wds-font-family-display:"Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;--wds-font-family-default:Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;--wds-color-text-stage-section:#6f56f9;--wds-color-fill-stage-section-secondary-hover:#d9d2ff;--wds-color-fill-stage-section-secondary-active:#d9d2ff;--wds-color-fill-stage-section-secondary:#d9d2ff;--wds-color-fill-stage-section-primary-hover:#6f56f9;--wds-color-fill-stage-section-primary-active:#6f56f9;--wds-color-fill-stage-section-primary:#6f56f9;--wds-color-fill-stage-padding-hover:#18d9c2;--wds-color-fill-stage-padding-active:#18d9c2;--wds-color-fill-stage-padding:#18d9c2;--wds-color-fill-stage-anchor-hover:#18d2de;--wds-color-fill-stage-anchor-active:#5effff;--wds-color-fill-stage-anchor:#5effff;--wds-color-fill-social-youtube-hover:rgba(255, 0, 0, 0.8000);--wds-color-fill-social-youtube-disabled:#bebebe;--wds-color-fill-social-youtube-active:#ff0000;--wds-color-fill-social-youtube:#ff0000;--wds-color-fill-social-xcorp-hover:rgba(16, 20, 25, 0.8000);--wds-color-fill-social-xcorp-disabled:#bebebe;--wds-color-fill-social-xcorp-active:#101419;--wds-color-fill-social-xcorp:#101419;--wds-color-fill-social-twitter-hover:rgba(29, 161, 242, 0.8000);--wds-color-fill-social-twitter-disabled:#bebebe;--wds-color-fill-social-twitter-active:#1da1f2;--wds-color-fill-social-twitter:#1da1f2;--wds-color-fill-social-pinterest-hover:rgba(230, 0, 25, 0.8000);--wds-color-fill-social-pinterest-disabled:#bebebe;--wds-color-fill-social-pinterest-active:#e60019;--wds-color-fill-social-pinterest:#e60019;--wds-color-fill-social-linkedin-hover:rgba(0, 101, 200, 0.8000);--wds-color-fill-social-linkedin-disabled:#bebebe;--wds-color-fill-social-linkedin-active:#0065c8;--wds-color-fill-social-linkedin:#0065c8;--wds-color-fill-social-instagram-hover:rgba(255, 1, 117, 0.8000);--wds-color-fill-social-instagram-disabled:#bebebe;--wds-color-fill-social-instagram-active:#ff0175;--wds-color-fill-social-instagram:#ff0175;--wds-color-fill-social-facebook-hover:rgba(24, 119, 242, 0.8000);--wds-color-fill-social-facebook-disabled:#bebebe;--wds-color-fill-social-facebook-active:#1877f2;--wds-color-fill-social-facebook:#1877f2;--wds-color-fill-ai-secondary-disabled:#e5e5e5;--wds-color-fill-ai-primary-pressed:#ffffff;--wds-color-fill-ai-primary-disabled:#bebebe;--wds-color-fill-ai-hover:#ffffff;--wds-color-fill-ai:#ffffff;--wds-color-fill-accent-12:#acafc4;--wds-color-fill-accent-11:#1b3689;--wds-color-fill-accent-10:#1f8845;--wds-color-fill-accent-9:#59005f;--wds-color-fill-accent-8:#cc180b;--wds-color-fill-accent-7:#f36e1b;--wds-color-fill-accent-6:#d49341;--wds-color-fill-accent-5:#c42fca;--wds-color-fill-accent-4:#1b838b;--wds-color-fill-accent-3:#6959f0;--wds-color-fill-accent-2:#17b0e2;--wds-color-fill-accent-1:#1684ea;--wds-color-border-stage-wip:#ffffff;--wds-color-border-ai-primary-hover:#ffffff;--wds-color-border-ai-primary-disabled:#ffffff;--wds-color-border-ai-primary-active:#ffffff;--wds-color-border-ai-primary:#ffffff;--wds-color-yellow-600:#fef6ed;--wds-color-yellow-500:#fef3e5;--wds-color-yellow-400:#fdead2;--wds-color-yellow-300:#fcd29d;--wds-color-yellow-200:#fabd71;--wds-color-yellow-100:#f9ad4d;--wds-color-yellow-50:#e7a047;--wds-color-yellow-0:#d49341;--wds-color-white-transparent-80:rgba(255, 255, 255, .8);--wds-color-white-transparent-70:rgba(255, 255, 255, .7);--wds-color-white-transparent-60:rgba(255, 255, 255, .6);--wds-color-white-transparent-50:rgba(255, 255, 255, .5);--wds-color-white-transparent-30:rgba(255, 255, 255, .3);--wds-color-white-transparent-20:rgba(255, 255, 255, .2);--wds-color-white-transparent-12:rgba(255, 255, 255, .12);--wds-color-white-transparent-10:rgba(255, 255, 255, .1);--wds-color-white-transparent-5:rgba(255, 255, 255, .05);--wds-color-white-transparent-1:rgba(255, 255, 255, .01);--wds-color-white-transparent-0:rgba(255, 255, 255, 0);--wds-color-white:#ffffff;--wds-color-red-600:#fcebeb;--wds-color-red-500:#f9d6d7;--wds-color-red-400:#f4b8b9;--wds-color-red-300:#ed8f90;--wds-color-red-200:#e55c5e;--wds-color-red-100:#df3336;--wds-color-red-50:#be2b2e;--wds-color-red-0:#9c2426;--wds-color-purple-700:#faf0ff;--wds-color-purple-600:#f8f2ff;--wds-color-purple-500:#f1e5fe;--wds-color-purple-400:#d7b7fb;--wds-color-purple-300:#be89f9;--wds-color-purple-200:#8b2df5;--wds-color-purple-100:#7200f3;--wds-color-purple-50:#6100cf;--wds-color-purple-0:#5000aa;--wds-color-orange-600:#fdf1ec;--wds-color-orange-500:#fbe3d9;--wds-color-orange-400:#fbcfbb;--wds-color-orange-300:#fda77f;--wds-color-orange-200:#fe9361;--wds-color-orange-100:#ff8044;--wds-color-orange-50:#d96d3a;--wds-color-orange-0:#ae3e09;--wds-color-iris-600:#eeecfe;--wds-color-iris-500:#e7e4fe;--wds-color-iris-400:#d6d1fc;--wds-color-iris-300:#a59bfa;--wds-color-iris-200:#7b6df7;--wds-color-iris-100:#5a48f5;--wds-color-iris-50:#5443e3;--wds-color-iris-0:#4d3dd0;--wds-color-green-600:#f1f5ed;--wds-color-green-500:#effae5;--wds-color-green-400:#daf3c0;--wds-color-green-300:#bde2a7;--wds-color-green-200:#97c693;--wds-color-green-100:#4b916d;--wds-color-green-50:#11664f;--wds-color-green-0:#0d4f3d;--wds-color-blue-600:#f5f7ff;--wds-color-blue-500:#eaefff;--wds-color-blue-400:#d5dfff;--wds-color-blue-350:#40506C;--wds-color-blue-300:#acbeff;--wds-color-blue-250:#7896ff;--wds-color-blue-200:#597dff;--wds-color-blue-150:#116DFF;--wds-color-blue-100:#2f5dff;--wds-color-blue-50:#1c3fe5;--wds-color-blue-0:#0f2ccf;--wds-color-black-300-transparent-70:rgba(118, 117, 116, .7);--wds-color-black-300-transparent-60:rgba(118, 117, 116, .6);--wds-color-black-300-transparent-50:rgba(118, 117, 116, .5);--wds-color-black-300-transparent-20:rgba(118, 117, 116, 0.2);--wds-color-black-300-transparent-18:rgba(124, 124, 124, 0.18);--wds-color-black-300-transparent-0:rgba(118, 117, 116, 0);--wds-color-black-200-transparent-70:rgba(82, 81, 80, .7);--wds-color-black-200-transparent-60:rgba(82, 81, 80, .6);--wds-color-black-200-transparent-50:rgba(82, 81, 80, .5);--wds-color-black-200-transparent-0:rgba(82, 81, 80, 0);--wds-color-black-100-transparent-70:rgba(19, 23, 32, .7);--wds-color-black-100-transparent-50:rgba(19, 23, 32, .5);--wds-color-black-100-transparent-40:rgba(19, 23, 32, .4);--wds-color-black-100-transparent-30:rgba(19, 23, 32, .3);--wds-color-black-100-transparent-25:rgba(19, 23, 32, .25);--wds-color-black-100-transparent-20:rgba(19, 23, 32, .2);--wds-color-black-100-transparent-15:rgba(19, 23, 32, .15);--wds-color-black-100-transparent-10:rgba(19, 23, 32, .1);--wds-color-black-100-transparent-5:rgba(19, 23, 32, .05);--wds-color-black-100-transparent-0:rgba(19, 23, 32, 0);--wds-color-black-750:#f8f6f6;--wds-color-black-700:#f0efef;--wds-color-black-600:#e8e7e7;--wds-color-black-550:#dedede;--wds-color-black-500:#a8a6a5;--wds-color-black-400:#767574;--wds-color-black-300:#525150;--wds-color-black-200:#383838;--wds-color-black-100:#151414;--wds-breakpoint-x-large:1572px;--wds-breakpoint-small:490px;--wds-breakpoint-medium:768px;--wds-breakpoint-large:1186px;--wds-border-width-none:0px;--wds-border-width-200:2px;--wds-border-width-150:1.5px;--wds-border-width-100:1px;--wds-border-width-0:0px;--wds-border-radius-full:1000px;--wds-border-radius-1200:24px;--wds-border-radius-600:12px;--wds-border-radius-500:10px;--wds-border-radius-400:8px;--wds-border-radius-300:6px;--wds-border-radius-200:4px;--wds-border-radius-100:2px;--wds-border-radius-0:0px;--wds-background-blur-450:40px;--wds-background-blur-375:30px;--wds-background-blur-350:28px;--wds-background-blur-300:24px;--wds-background-blur-250:20px;--wds-background-blur-200:16px;--wds-background-blur-175:14px;--wds-background-blur-150:12px;--wds-background-blur-100:8px;--wds-background-blur-50:4px;--wds-background-blur-0:0px;--wds-variable-input-padding-vertical-tiny:2px;--wds-variable-input-padding-vertical-small:5px;--wds-toggle-switch-width-small:24px;--wds-toggle-switch-width-medium:26px;--wds-toggle-switch-width-large:40px;--wds-toggle-switch-shadow:0;--wds-toggle-switch-knob-text-height:0px;--wds-toggle-switch-knob-size-small:12px;--wds-toggle-switch-knob-size-medium:14px;--wds-toggle-switch-knob-size-large:20px;--wds-toggle-switch-icon:false;--wds-toggle-button-shadow-y-tertiary-inverted:0.7px;--wds-toggle-button-shadow-y-tertiary:0.7px;--wds-toggle-button-shadow-y-secondary-inverted:2px;--wds-toggle-button-shadow-y-secondary:2px;--wds-toggle-button-shadow-y-primary-inverted:2px;--wds-toggle-button-shadow-y-primary:2px;--wds-toggle-button-shadow-x-tertiary-inverted:0.7px;--wds-toggle-button-shadow-x-tertiary:0.7px;--wds-toggle-button-shadow-x-secondary-inverted:2px;--wds-toggle-button-shadow-x-secondary:2px;--wds-toggle-button-shadow-x-primary-inverted:1px;--wds-toggle-button-shadow-x-primary:1px;--wds-toggle-button-shadow-spread-tertiary:-0.75px;--wds-toggle-button-shadow-spread-secondary:-1.5px;--wds-toggle-button-shadow-blur-tertiary-inverted:0.8px;--wds-toggle-button-shadow-blur-tertiary:0.8px;--wds-toggle-button-inner-shadow-blur-secondary:1px;--wds-toggle-button-inner-shadow-blur-primary:1px;--wds-tabs-selection-height:3px;--wds-swatches-swatch-size-tiny:22px;--wds-status-toast-width:600px;--wds-slider-track-size-transparent:2px;--wds-slider-track-size:2px;--wds-slider-slider-knob-size-transparent:16px;--wds-slider-slider-knob-size-hover:18px;--wds-slider-slider-knob-size:8px;--wds-slider-slider-knob-shadow:false;--wds-slider-slider-knob-border-width-hover:12px;--wds-slider-slider-knob-border-width:2px;--wds-sidebar-scrollbar-fill-dark-hover:#9c9ea6;--wds-sidebar-scrollbar-fill-dark-default:#717379;--wds-sidebar-scrollbar-fill-dark-active:#b8b9bc;--wds-sidebar-minimize-tooltip-fill-dark-default:#333850;--wds-sidebar-minimize-action-fill-dark-default:#42454c;--wds-sidebar-item-text-dark-disabled:#898b8f;--wds-sidebar-item-level-2-fill-light-default:#eaf7ff;--wds-sidebar-item-level-2-fill-dark-default:#1f222b;--wds-sidebar-item-level-1-fill-dark-hover:#2b2e36;--wds-sidebar-item-level-1-fill-dark-default:#131720;--wds-sidebar-item-level-1-fill-dark-active:#42454c;--wds-sidebar-divider-fill-dark-default:#42454c;--wds-sidebar-clear-button-fill:#5a5d63;--wds-side-panel-header-divider-height:0;--wds-side-panel-footer-divider-height:0;--wds-side-panel-floating-max-height:576px;--wds-side-panel-control-layout-divider-border-width:false;--wds-section-helper-prefix-offset-margin:0px;--wds-radio-dot-size:4px;--wds-loader-stroke-width-tiny:2px;--wds-loader-stroke-width-small:2px;--wds-loader-stroke-width-medium:2px;--wds-loader-stroke-width-large:2px;--wds-internal-thumbnail-illustration-size-tiny:38px;--wds-internal-thumbnail-illustration-size-small:51px;--wds-internal-thumbnail-illustration-size-medium:72px;--wds-internal-thumbnail-illustration-size-large:114px;--wds-internal-image-width-tiny:106px;--wds-internal-image-width-small:122px;--wds-internal-image-width-medium:156px;--wds-internal-image-width-large:240px;--wds-internal-image-height-small:60px;--wds-internal-image-height-medium:84px;--wds-internal-image-height-large:120px;--wds-input-shadow-focus-warning:transparent;--wds-input-shadow-focus-standard:transparent;--wds-input-shadow-focus-destructive:transparent;--wds-fill-button-border-color:conic-gradient(from 180deg at 50% 50%, #3747FE 0deg, #4076FD 36deg, #B522FE 72deg, #FF1125 144deg, #F7851A 216deg, #FFCC56 251deg, #37FFC3 324deg, #37A8E8 338deg, #3775D5 352deg, #3747FE 360deg);--wds-composer-sidebar-end-max-width:240px;--wds-composer-sidebar-bottom-width:88px;--wds-color-picker-width:236px;--wds-avatar-group-gap-condensed:-2px;--wds-angle-input-knob-size:6px;--wds-angle-input-knob-border:2px;--wds-width-default-2:var(--wds-border-width-none);--wds-width-default:var(--wds-border-width-none);--wds-inner-shadow-y-secondary:var(--wds-shadow-y-25);--wds-inner-shadow-y-primary:var(--wds-shadow-y-25);--wds-inner-shadow-y-input:var(--wds-shadow-y-25);--wds-inner-shadow-x-secondary:var(--wds-shadow-x-25);--wds-inner-shadow-x-primary:var(--wds-shadow-x-25);--wds-inner-shadow-x-input:var(--wds-shadow-x-25);--wds-inner-shadow-fill-track:var(--wds-color-black-100-transparent-20);--wds-inner-shadow-fill-secondary:var(--wds-color-white);--wds-inner-shadow-fill-primary:var(--wds-color-white);--wds-inner-shadow-fill-input:var(--wds-color-black-300-transparent-20);--wds-inner-shadow-blur-secondary:var(--wds-shadow-blur-25);--wds-inner-shadow-blur-primary:var(--wds-shadow-blur-25);--wds-inner-shadow-blur-input:var(--wds-shadow-blur-35);--wds-border-width-varied-secondary:var(--wds-border-width-0);--wds-border-width-varied:var(--wds-border-width-0);--wds-border-width-default:var(--wds-border-width-100);--wds-border-radius-surface-sunken:var(--wds-border-radius-0);--wds-border-radius-surface-raised:var(--wds-border-radius-600);--wds-border-radius-surface-overlay:var(--wds-border-radius-400);--wds-border-radius-surface-modal-backdrop:var(--wds-border-radius-0);--wds-border-radius-surface-modal:var(--wds-border-radius-600);--wds-border-radius-surface-default:var(--wds-border-radius-600);--wds-background-blur-surface-overlay:var(--wds-background-blur-0);--wds-background-blur-modal:var(--wds-background-blur-175);--wds-space-viewport-spacing:var(--wds-space-1200);--wds-space-padding-vertical-xx-tiny:var(--wds-space-100);--wds-space-padding-vertical-x-tiny:var(--wds-space-200);--wds-space-padding-vertical-tiny:var(--wds-space-300);--wds-space-padding-vertical-small:var(--wds-space-400);--wds-space-padding-vertical-medium:var(--wds-space-500);--wds-space-padding-vertical-large:var(--wds-space-600);--wds-space-padding-horizontal-xx-tiny:var(--wds-space-100);--wds-space-padding-horizontal-x-tiny:var(--wds-space-200);--wds-space-padding-horizontal-tiny:var(--wds-space-300);--wds-space-padding-horizontal-small:var(--wds-space-400);--wds-space-padding-horizontal-medium:var(--wds-space-300);--wds-space-padding-horizontal-large:var(--wds-space-400);--wds-space-mobile-viewport-spacing:var(--wds-space-800);--wds-shadow-x-secondary-raised:var(--wds-shadow-x-25);--wds-shadow-surface-modal:var(--wds-shadow-x-50) var(--wds-shadow-y-600) var(--wds-shadow-blur-800) var(--wds-color-black-100-transparent-10), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) var(--wds-color-black-100-transparent-0);--wds-shadow-focus-warning:0 0 0 var(--wds-color-yellow-400);--wds-shadow-focus-standard:0 0 0 3px var(--wds-color-blue-300);--wds-shadow-focus-inner-warning:0 0 0 3px var(--wds-color-yellow-400) inset;--wds-shadow-focus-inner-standard:0 0 0 3px var(--wds-color-blue-300) inset;--wds-shadow-focus-inner-destructive:0 0 0 3px var(--wds-color-red-400) inset;--wds-shadow-focus-destructive:0 0 0 var(--wds-color-red-400);--wds-shadow-fill-tertiary-raised:var(--wds-color-black-100-transparent-5);--wds-shadow-fill-tertiary-toggle-button:var(--wds-color-black-100-transparent-25);--wds-shadow-fill-secondary-toggle-button:var(--wds-color-black-100-transparent-15);--wds-shadow-fill-secondary-toggle:var(--wds-color-black-100-transparent-0);--wds-shadow-fill-secondary-raised:var(--wds-color-black-100-transparent-5);--wds-shadow-fill-secondary-overlay-dark:var(--wds-color-black-100-transparent-0);--wds-shadow-fill-secondary-overlay:var(--wds-color-black-100-transparent-0);--wds-shadow-fill-secondary-modal:var(--wds-color-black-100-transparent-0);--wds-shadow-fill-quaternary-raised:var(--wds-color-black-100-transparent-5);--wds-shadow-fill-primary-toggle-button:var(--wds-color-black-100-transparent-5);--wds-shadow-fill-primary-toggle:var(--wds-color-black-100-transparent-0);--wds-shadow-fill-primary-slider:var(--wds-color-black-100-transparent-0);--wds-shadow-fill-primary-raised:var(--wds-color-black-100-transparent-5);--wds-shadow-fill-primary-overlay-dark:var(--wds-color-black-100-transparent-15);--wds-shadow-fill-primary-overlay:var(--wds-color-black-100-transparent-10);--wds-shadow-fill-primary-modal:var(--wds-color-black-100-transparent-10);--wds-shadow-fill-input:var(--wds-color-black-300-transparent-20);--wds-shadow-y-secondary-toggle:var(--wds-shadow-y-0);--wds-shadow-y-secondary-raised:var(--wds-shadow-y-0);--wds-shadow-y-secondary-overlay-dark:var(--wds-shadow-y-0);--wds-shadow-y-secondary-overlay:var(--wds-shadow-y-0);--wds-shadow-y-secondary-modal:var(--wds-shadow-y-0);--wds-shadow-y-primary-toggle-button:var(--wds-shadow-y-100);--wds-shadow-y-primary-toggle:var(--wds-shadow-y-0);--wds-shadow-y-primary-raised:var(--wds-shadow-y-25);--wds-shadow-y-primary-overlay-dark:var(--wds-shadow-y-0);--wds-shadow-y-primary-overlay:var(--wds-shadow-y-600);--wds-shadow-y-primary-modal:var(--wds-shadow-y-600);--wds-shadow-y-input:var(--wds-shadow-y-25);--wds-shadow-x-primary-toggle-button:var(--wds-shadow-x-25);--wds-shadow-x-primary-modal:var(--wds-shadow-x-50);--wds-shadow-x-input:var(--wds-shadow-x-25);--wds-shadow-inner-400-top:0 32px 24px -24px var(--wds-color-black-100-transparent-20) inset, 0 8px 6px -6px var(--wds-color-black-100-transparent-5) inset;--wds-shadow-inner-400-right:-32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, -8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;--wds-shadow-inner-400-left:32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, 8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;--wds-shadow-inner-400-bottom:0 -32px 24px -24px var(--wds-color-black-100-transparent-20) inset, 0 -8px 6px -6px var(--wds-color-black-100-transparent-5) inset;--wds-shadow-inner-300-top:0 22px 18px -18px var(--wds-color-black-100-transparent-10) inset, 0 -8px 6px -6px var(--wds-color-black-100-transparent-5) inset;--wds-shadow-inner-300-right:-22px 0 18px -18px var(--wds-color-black-100-transparent-10) inset, -8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;--wds-shadow-inner-300-left:22px 0 18px -18px var(--wds-color-black-100-transparent-10) inset, 8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;--wds-shadow-inner-300-bottom:0 -22px 18px -18px var(--wds-color-black-100-transparent-10) inset, 0 -8px 6px -6px var(--wds-color-black-100-transparent-5) inset;--wds-shadow-inner-400:0 0 24px var(--wds-color-black-100-transparent-20) inset, 0 0 6px var(--wds-color-black-100-transparent-5) inset;--wds-shadow-inner-300:0 0 18px var(--wds-color-black-100-transparent-10) inset, 0 0 6px var(--wds-color-black-100-transparent-5) inset;--wds-shadow-inner-200:1px 1px 4px var(--wds-color-black-100-transparent-20) inset;--wds-shadow-inner-100:1px 1px 2px var(--wds-color-black-100-transparent-10) inset, 1px 1px 2px var(--wds-color-white-transparent-10);--wds-shadow-blur-secondary-toggle:var(--wds-shadow-blur-0);--wds-shadow-blur-secondary-raised:var(--wds-shadow-blur-25);--wds-shadow-blur-secondary-overlay-dark:var(--wds-shadow-blur-0);--wds-shadow-blur-secondary-overlay:var(--wds-shadow-blur-0);--wds-shadow-blur-secondary-modal:var(--wds-shadow-blur-0);--wds-shadow-blur-primary-toggle-button:var(--wds-shadow-blur-50);--wds-shadow-blur-primary-toggle:var(--wds-shadow-blur-0);--wds-shadow-blur-primary-raised:var(--wds-shadow-blur-135);--wds-shadow-blur-primary-overlay-dark:var(--wds-shadow-blur-125);--wds-shadow-blur-primary-overlay:var(--wds-shadow-blur-800);--wds-shadow-blur-primary-modal:var(--wds-shadow-blur-800);--wds-shadow-blur-input:var(--wds-shadow-blur-35);--wds-shadow-400:0 8px 8px var(--wds-color-black-100-transparent-10), 0 3px 24px var(--wds-color-black-100-transparent-20);--wds-shadow-300:0 var(--wds-shadow-y-300) var(--wds-shadow-blur-800) 0 var(--wds-color-black-100-transparent-10), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) 0 var(--wds-color-black-100-transparent-0);--wds-shadow-200:0 2px 4px var(--wds-color-black-100-transparent-5), 0 0 6px var(--wds-color-black-100-transparent-10);--wds-shadow-100:0 2px 1px var(--wds-color-black-100-transparent-50), 0 0 3px var(--wds-color-black-100-transparent-10);--wds-font-weight-body-bold:var(--wds-font-weight-semi-bold);--wds-font-weight-heading-6:var(--wds-font-weight-regular);--wds-font-weight-heading-5:var(--wds-font-weight-bold);--wds-font-weight-heading-4:var(--wds-font-weight-bold);--wds-font-weight-heading-3:var(--wds-font-weight-bold);--wds-font-weight-heading-2:var(--wds-font-weight-medium);--wds-font-weight-heading-1:var(--wds-font-weight-regular);--wds-font-size-heading-6:var(--wds-font-size-200);--wds-font-size-heading-5:var(--wds-font-size-100);--wds-font-size-heading-4:var(--wds-font-size-500);--wds-font-size-heading-3:var(--wds-font-size-500);--wds-font-size-heading-2:var(--wds-font-size-800);--wds-font-size-heading-1:var(--wds-font-size-900);--wds-font-size-body-tiny:var(--wds-font-size-200);--wds-font-size-body-small:var(--wds-font-size-300);--wds-font-size-body-medium:var(--wds-font-size-500);--wds-font-size-body-extra-tiny:var(--wds-font-size-100);--wds-font-line-height-600:var(--wds-space-1000);--wds-font-line-height-500:var(--wds-space-750);--wds-font-line-height-400:var(--wds-space-600);--wds-font-line-height-300:var(--wds-space-475);--wds-font-line-height-200:var(--wds-space-400);--wds-font-line-height-100:var(--wds-space-300);--wds-font-line-height-50:var(--wds-space-350);--wds-font-letter-spacing-heading-6:var(--wds-font-letter-spacing-100);--wds-font-letter-spacing-heading-5:var(--wds-font-letter-spacing-100);--wds-font-letter-spacing-heading-4:var(--wds-font-letter-spacing-0);--wds-color-text-warning:var(--wds-color-yellow-100);--wds-color-text-urgent:var(--wds-color-orange-100);--wds-color-text-success:var(--wds-color-green-100);--wds-color-text-standard-secondary-light:var(--wds-color-black-400);--wds-color-text-standard-secondary:var(--wds-color-black-200);--wds-color-text-standard-primary-light:var(--wds-color-white);--wds-color-text-standard-primary:var(--wds-color-black-100);--wds-color-text-stage-master:var(--wds-color-orange-100);--wds-color-text-stage-element:var(--wds-color-blue-100);--wds-color-text-primary:var(--wds-color-blue-100);--wds-color-text-premium:var(--wds-color-blue-100);--wds-color-text-placeholder-light:var(--wds-color-black-400);--wds-color-text-placeholder:var(--wds-color-black-400);--wds-color-text-highlight:var(--wds-color-blue-400);--wds-color-text-disabled-light:var(--wds-color-white-transparent-70);--wds-color-text-disabled:var(--wds-color-black-500);--wds-color-text-destructive:var(--wds-color-red-100);--wds-color-fill-warning-tertiary-hover:var(--wds-color-yellow-500);--wds-color-fill-warning-tertiary-disabled:var(--wds-color-white);--wds-color-fill-warning-tertiary-active:var(--wds-color-yellow-400);--wds-color-fill-warning-tertiary:var(--wds-color-white);--wds-color-fill-warning-secondary-hover:var(--wds-color-yellow-300);--wds-color-fill-warning-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-fill-warning-secondary-active:var(--wds-color-yellow-200);--wds-color-fill-warning-secondary:var(--wds-color-yellow-400);--wds-color-fill-warning-primary-hover:var(--wds-color-yellow-50);--wds-color-fill-warning-primary-disabled:var(--wds-color-black-100-transparent-30);--wds-color-fill-warning-primary-active:var(--wds-color-yellow-0);--wds-color-fill-warning-primary:var(--wds-color-yellow-100);--wds-color-fill-urgent-tertiary-hover:var(--wds-color-black-750);--wds-color-fill-urgent-tertiary-disabled:var(--wds-color-white);--wds-color-fill-urgent-tertiary-active:var(--wds-color-orange-400);--wds-color-fill-urgent-tertiary:var(--wds-color-white);--wds-color-fill-urgent-secondary-hover:var(--wds-color-orange-300);--wds-color-fill-urgent-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-fill-urgent-secondary-active:var(--wds-color-orange-200);--wds-color-fill-urgent-secondary:var(--wds-color-orange-400);--wds-color-fill-urgent-primary-hover:var(--wds-color-orange-50);--wds-color-fill-urgent-primary-disabled:var(--wds-color-black-100-transparent-30);--wds-color-fill-urgent-primary-active:var(--wds-color-orange-0);--wds-color-fill-urgent-primary:var(--wds-color-orange-100);--wds-color-fill-transparent-neutral-tertiary-hover:var(--wds-color-black-100-transparent-50);--wds-color-fill-transparent-neutral-tertiary-disabled:var(--wds-color-black-100-transparent-0);--wds-color-fill-transparent-neutral-tertiary-active:var(--wds-color-black-100-transparent-50);--wds-color-fill-transparent-neutral-tertiary:var(--wds-color-black-100-transparent-0);--wds-color-fill-transparent-neutral-secondary-hover:var(--wds-color-black-200-transparent-60);--wds-color-fill-transparent-neutral-secondary-disabled:var(--wds-color-black-200-transparent-0);--wds-color-fill-transparent-neutral-secondary-active:var(--wds-color-black-200-transparent-70);--wds-color-fill-transparent-neutral-secondary:var(--wds-color-black-200-transparent-0);--wds-color-fill-transparent-neutral-primary-hover:var(--wds-color-black-200-transparent-60);--wds-color-fill-transparent-neutral-primary-disabled:var(--wds-color-black-100-transparent-20);--wds-color-fill-transparent-neutral-primary-active:var(--wds-color-black-200-transparent-70);--wds-color-fill-transparent-neutral-primary:var(--wds-color-black-200-transparent-50);--wds-color-fill-transparent-tertiary-hover:var(--wds-color-black-100-transparent-50);--wds-color-fill-transparent-tertiary-disabled:var(--wds-color-black-100-transparent-0);--wds-color-fill-transparent-tertiary-active:var(--wds-color-black-100-transparent-50);--wds-color-fill-transparent-tertiary:var(--wds-color-black-100-transparent-0);--wds-color-fill-transparent-secondary-hover:var(--wds-color-black-200-transparent-60);--wds-color-fill-transparent-secondary-disabled:var(--wds-color-black-200-transparent-0);--wds-color-fill-transparent-secondary-active:var(--wds-color-black-200-transparent-70);--wds-color-fill-transparent-secondary:var(--wds-color-black-200-transparent-0);--wds-color-fill-transparent-primary-hover:var(--wds-color-black-200-transparent-60);--wds-color-fill-transparent-primary-disabled:var(--wds-color-black-100-transparent-20);--wds-color-fill-transparent-primary-active:var(--wds-color-black-200-transparent-70);--wds-color-fill-transparent-primary:var(--wds-color-black-200-transparent-50);--wds-color-fill-surface-warning:var(--wds-color-yellow-500);--wds-color-fill-surface-sunken:var(--wds-color-black-750);--wds-color-fill-surface-success:var(--wds-color-green-500);--wds-color-fill-surface-standard:var(--wds-color-blue-400);--wds-color-fill-surface-raised:var(--wds-color-white);--wds-color-fill-surface-premium:var(--wds-color-blue-600);--wds-color-fill-surface-overlay-dark:var(--wds-color-black-100);--wds-color-fill-surface-overlay:var(--wds-color-white);--wds-color-fill-surface-neutral:var(--wds-color-black-750);--wds-color-fill-surface-modal:var(--wds-color-white);--wds-color-fill-surface-destructive:var(--wds-color-red-500);--wds-color-fill-surface-default:var(--wds-color-white);--wds-color-fill-surface-dark:var(--wds-color-black-100);--wds-color-fill-success-tertiary-hover:var(--wds-color-green-500);--wds-color-fill-success-tertiary-disabled:var(--wds-color-white);--wds-color-fill-success-tertiary-active:var(--wds-color-green-400);--wds-color-fill-success-tertiary:var(--wds-color-white);--wds-color-fill-success-secondary-hover:var(--wds-color-green-300);--wds-color-fill-success-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-fill-success-secondary-active:var(--wds-color-green-400);--wds-color-fill-success-secondary:var(--wds-color-green-400);--wds-color-fill-success-primary-hover:var(--wds-color-green-50);--wds-color-fill-success-primary-disabled:var(--wds-color-black-100-transparent-30);--wds-color-fill-success-primary-active:var(--wds-color-green-0);--wds-color-fill-success-primary:var(--wds-color-green-100);--wds-color-fill-standard-light-secondary-hover:var(--wds-color-blue-250);--wds-color-fill-standard-light-secondary-disabled:var(--wds-color-white-transparent-30);--wds-color-fill-standard-light-secondary-active:var(--wds-color-blue-200);--wds-color-fill-standard-light-secondary:var(--wds-color-white);--wds-color-fill-standard-light-primary-hover:var(--wds-color-blue-250);--wds-color-fill-standard-light-primary-disabled:var(--wds-color-white-transparent-30);--wds-color-fill-standard-light-primary-active:var(--wds-color-blue-200);--wds-color-fill-standard-light-primary:var(--wds-color-blue-250);--wds-color-fill-standard-tertiary-readonly:var(--wds-color-black-700);--wds-color-fill-standard-tertiary-hover:var(--wds-color-blue-500);--wds-color-fill-standard-tertiary-disabled:var(--wds-color-white);--wds-color-fill-standard-tertiary-active:var(--wds-color-blue-400);--wds-color-fill-standard-tertiary:var(--wds-color-white);--wds-color-fill-standard-secondary-hover:var(--wds-color-blue-300);--wds-color-fill-standard-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-fill-standard-secondary-active:var(--wds-color-blue-250);--wds-color-fill-standard-secondary:var(--wds-color-blue-400);--wds-color-fill-standard-primary-hover:var(--wds-color-blue-50);--wds-color-fill-standard-primary-disabled:var(--wds-color-black-100-transparent-30);--wds-color-fill-standard-primary-active:var(--wds-color-blue-0);--wds-color-fill-standard-primary:var(--wds-color-blue-100);--wds-color-fill-stage-section-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-fill-stage-section-primary-disabled:var(--wds-color-black-100-transparent-30);--wds-color-fill-stage-padding-disabled:var(--wds-color-black-100-transparent-10);--wds-color-fill-stage-master-secondary-hover:var(--wds-color-orange-300);--wds-color-fill-stage-master-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-fill-stage-master-secondary-active:var(--wds-color-orange-200);--wds-color-fill-stage-master-secondary:var(--wds-color-orange-400);--wds-color-fill-stage-master-primary-hover:var(--wds-color-orange-0);--wds-color-fill-stage-master-primary-disabled:var(--wds-color-black-100-transparent-30);--wds-color-fill-stage-master-primary-active:var(--wds-color-orange-100);--wds-color-fill-stage-master-primary:var(--wds-color-orange-100);--wds-color-fill-stage-element-secondary-hover:var(--wds-color-blue-300);--wds-color-fill-stage-element-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-fill-stage-element-secondary-active:var(--wds-color-blue-200);--wds-color-fill-stage-element-secondary:var(--wds-color-blue-400);--wds-color-fill-stage-element-primary-hover:var(--wds-color-blue-50);--wds-color-fill-stage-element-primary-disabled:var(--wds-color-black-100-transparent-30);--wds-color-fill-stage-element-primary-active:var(--wds-color-blue-0);--wds-color-fill-stage-element-primary:var(--wds-color-blue-100);--wds-color-fill-stage-anchor-disabled:var(--wds-color-black-100-transparent-30);--wds-color-fill-premium-light-secondary-hover:var(--wds-color-blue-500);--wds-color-fill-premium-light-secondary-disabled:var(--wds-color-white-transparent-0);--wds-color-fill-premium-light-secondary-active:var(--wds-color-blue-400);--wds-color-fill-premium-light-secondary:var(--wds-color-white-transparent-0);--wds-color-fill-premium-light-primary-hover:var(--wds-color-blue-500);--wds-color-fill-premium-light-primary-disabled:var(--wds-color-white-transparent-30);--wds-color-fill-premium-light-primary-active:var(--wds-color-blue-400);--wds-color-fill-premium-light-primary:var(--wds-color-white);--wds-color-fill-premium-tertiary-hover:var(--wds-color-blue-500);--wds-color-fill-premium-tertiary-disabled:var(--wds-color-white);--wds-color-fill-premium-tertiary-active:var(--wds-color-blue-400);--wds-color-fill-premium-tertiary:var(--wds-color-white);--wds-color-fill-premium-secondary-hover:var(--wds-color-blue-300);--wds-color-fill-premium-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-fill-premium-secondary-active:var(--wds-color-blue-250);--wds-color-fill-premium-secondary:var(--wds-color-blue-400);--wds-color-fill-premium-primary-hover:var(--wds-color-blue-50);--wds-color-fill-premium-primary-disabled:var(--wds-color-black-100-transparent-30);--wds-color-fill-premium-primary-active:var(--wds-color-blue-0);--wds-color-fill-premium-primary:var(--wds-color-blue-100);--wds-color-fill-light-tertiary-hover:var(--wds-color-blue-500);--wds-color-fill-light-tertiary-disabled:var(--wds-color-white-transparent-0);--wds-color-fill-light-tertiary-active:var(--wds-color-blue-400);--wds-color-fill-light-tertiary:var(--wds-color-white);--wds-color-fill-light-secondary-hover:var(--wds-color-blue-500);--wds-color-fill-light-secondary-disabled:var(--wds-color-white-transparent-0);--wds-color-fill-light-secondary-active:var(--wds-color-blue-400);--wds-color-fill-light-secondary:var(--wds-color-white-transparent-0);--wds-color-fill-light-primary-hover:var(--wds-color-blue-500);--wds-color-fill-light-primary-disabled:var(--wds-color-white-transparent-30);--wds-color-fill-light-primary-active:var(--wds-color-blue-400);--wds-color-fill-light-primary:var(--wds-color-white);--wds-color-fill-destructive-tertiary-hover:var(--wds-color-red-500);--wds-color-fill-destructive-tertiary-disabled:var(--wds-color-white);--wds-color-fill-destructive-tertiary-active:var(--wds-color-red-400);--wds-color-fill-destructive-tertiary:var(--wds-color-white);--wds-color-fill-destructive-secondary-hover:var(--wds-color-red-300);--wds-color-fill-destructive-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-fill-destructive-secondary-active:var(--wds-color-red-200);--wds-color-fill-destructive-secondary:var(--wds-color-red-400);--wds-color-fill-destructive-primary-hover:var(--wds-color-red-50);--wds-color-fill-destructive-primary-disabled:var(--wds-color-black-100-transparent-30);--wds-color-fill-destructive-primary-active:var(--wds-color-red-0);--wds-color-fill-destructive-primary:var(--wds-color-red-100);--wds-color-fill-dark-tertiary-hover:var(--wds-color-black-750);--wds-color-fill-dark-tertiary-disabled:var(--wds-color-white);--wds-color-fill-dark-tertiary-active:var(--wds-color-black-700);--wds-color-fill-dark-tertiary:var(--wds-color-white);--wds-color-fill-dark-secondary-hover:var(--wds-color-black-600);--wds-color-fill-dark-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-fill-dark-secondary-active:var(--wds-color-black-550);--wds-color-fill-dark-secondary:var(--wds-color-black-700);--wds-color-fill-dark-primary-hover:var(--wds-color-black-200);--wds-color-fill-dark-primary-disabled:var(--wds-color-black-100-transparent-30);--wds-color-fill-dark-primary-active:var(--wds-color-black-300);--wds-color-fill-dark-primary:var(--wds-color-black-100);--wds-color-fill-ai-tertiary-hover:var(--wds-color-black-750);--wds-color-fill-ai-tertiary-disabled:var(--wds-color-white);--wds-color-fill-ai-tertiary-active:var(--wds-color-iris-400);--wds-color-fill-ai-tertiary:var(--wds-color-white);--wds-color-fill-ai-secondary-hover:var(--wds-color-iris-300);--wds-color-fill-ai-secondary-active:var(--wds-color-iris-400);--wds-color-fill-ai-secondary:var(--wds-color-iris-400);--wds-color-fill-ai-primary-hover:var(--wds-color-iris-0);--wds-color-fill-ai-primary-active:var(--wds-color-iris-100);--wds-color-fill-ai-primary:var(--wds-color-iris-100);--wds-color-border-warning-tertiary-hover:var(--wds-color-yellow-500);--wds-color-border-warning-tertiary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-warning-tertiary-active:var(--wds-color-yellow-400);--wds-color-border-warning-tertiary:var(--wds-color-black-600);--wds-color-border-warning-secondary-hover:var(--wds-color-yellow-300);--wds-color-border-warning-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-warning-secondary-active:var(--wds-color-yellow-100);--wds-color-border-warning-secondary:var(--wds-color-yellow-400);--wds-color-border-warning-primary-hover:var(--wds-color-yellow-200);--wds-color-border-warning-primary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-warning-primary-active:var(--wds-color-yellow-100);--wds-color-border-warning-primary:var(--wds-color-yellow-300);--wds-color-border-urgent-tertiary-hover:var(--wds-color-orange-500);--wds-color-border-urgent-tertiary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-urgent-tertiary-active:var(--wds-color-orange-400);--wds-color-border-urgent-tertiary:var(--wds-color-black-600);--wds-color-border-urgent-secondary-hover:var(--wds-color-orange-300);--wds-color-border-urgent-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-urgent-secondary-active:var(--wds-color-orange-100);--wds-color-border-urgent-secondary:var(--wds-color-orange-400);--wds-color-border-urgent-primary-hover:var(--wds-color-orange-200);--wds-color-border-urgent-primary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-urgent-primary-active:var(--wds-color-orange-100);--wds-color-border-urgent-primary:var(--wds-color-orange-300);--wds-color-border-transparent-primary-hover:var(--wds-color-black-100-transparent-40);--wds-color-border-transparent-primary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-transparent-primary-active:var(--wds-color-black-100-transparent-20);--wds-color-border-transparent-primary:var(--wds-color-black-100-transparent-20);--wds-color-border-success-tertiary-hover:var(--wds-color-green-500);--wds-color-border-success-tertiary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-success-tertiary-active:var(--wds-color-green-400);--wds-color-border-success-tertiary:var(--wds-color-black-600);--wds-color-border-success-secondary-hover:var(--wds-color-green-300);--wds-color-border-success-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-success-secondary-active:var(--wds-color-green-100);--wds-color-border-success-secondary:var(--wds-color-green-400);--wds-color-border-success-primary-hover:var(--wds-color-green-200);--wds-color-border-success-primary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-success-primary-active:var(--wds-color-green-100);--wds-color-border-success-primary:var(--wds-color-green-300);--wds-color-border-standard-tertiary-hover:var(--wds-color-blue-500);--wds-color-border-standard-tertiary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-standard-tertiary-active:var(--wds-color-blue-400);--wds-color-border-standard-tertiary:var(--wds-color-black-600);--wds-color-border-standard-secondary-readonly:var(--wds-color-black-600);--wds-color-border-standard-secondary-hover:var(--wds-color-blue-300);--wds-color-border-standard-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-standard-secondary-active:var(--wds-color-blue-100);--wds-color-border-standard-secondary:var(--wds-color-blue-500);--wds-color-border-standard-primary-hover:var(--wds-color-blue-200);--wds-color-border-standard-primary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-standard-primary-active:var(--wds-color-blue-100);--wds-color-border-standard-primary:var(--wds-color-blue-250);--wds-color-border-premium-tertiary-hover:var(--wds-color-blue-400);--wds-color-border-premium-tertiary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-premium-tertiary-active:var(--wds-color-blue-300);--wds-color-border-premium-tertiary:var(--wds-color-black-600);--wds-color-border-premium-secondary-hover:var(--wds-color-blue-300);--wds-color-border-premium-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-premium-secondary-active:var(--wds-color-blue-100);--wds-color-border-premium-secondary:var(--wds-color-blue-400);--wds-color-border-premium-primary-hover:var(--wds-color-blue-200);--wds-color-border-premium-primary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-premium-primary-active:var(--wds-color-blue-100);--wds-color-border-premium-primary:var(--wds-color-blue-300);--wds-color-border-light-primary-disabled:var(--wds-color-white-transparent-30);--wds-color-border-light-primary-active:var(--wds-color-white);--wds-color-border-light-hover:var(--wds-color-white-transparent-70);--wds-color-border-light-disabled:var(--wds-color-white-transparent-30);--wds-color-border-light-active:var(--wds-color-white);--wds-color-border-light:var(--wds-color-white-transparent-50);--wds-color-border-destructive-tertiary-hover:var(--wds-color-red-500);--wds-color-border-destructive-tertiary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-destructive-tertiary-active:var(--wds-color-red-400);--wds-color-border-destructive-tertiary:var(--wds-color-black-600);--wds-color-border-destructive-secondary-hover:var(--wds-color-red-300);--wds-color-border-destructive-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-destructive-secondary-active:var(--wds-color-red-100);--wds-color-border-destructive-secondary:var(--wds-color-red-400);--wds-color-border-destructive-primary-hover:var(--wds-color-red-200);--wds-color-border-destructive-primary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-destructive-primary-active:var(--wds-color-red-100);--wds-color-border-destructive-primary:var(--wds-color-red-300);--wds-color-border-dark-secondary-hover:var(--wds-color-black-550);--wds-color-border-dark-secondary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-dark-secondary-active:var(--wds-color-black-550);--wds-color-border-dark-secondary:var(--wds-color-black-550);--wds-color-border-dark-primary-hover:var(--wds-color-black-300);--wds-color-border-dark-primary-disabled:var(--wds-color-black-100-transparent-10);--wds-color-border-dark-primary-active:var(--wds-color-black-200);--wds-color-border-dark-primary:var(--wds-color-black-400);--wds-vertical-tabs-item-padding-vertical-tiny:var(--wds-space-100);--wds-vertical-tabs-item-padding-vertical-small:var(--wds-space-200);--wds-vertical-tabs-item-padding-vertical-medium:var(--wds-space-200);--wds-vertical-tabs-item-padding-horizontal-tiny:var(--wds-space-300);--wds-vertical-tabs-item-padding-horizontal-small:var(--wds-space-300);--wds-vertical-tabs-item-label-font-weight-active:var(--wds-font-weight-semi-bold);--wds-vertical-tabs-item-label-font-weight:var(--wds-font-weight-medium);--wds-vertical-tabs-section-title-padding-top-tiny:var(--wds-space-100);--wds-vertical-tabs-section-title-padding-top-small:var(--wds-space-400);--wds-vertical-tabs-section-title-padding-top-medium:var(--wds-space-600);--wds-vertical-tabs-section-title-padding-horizontal-tiny:var(--wds-space-300);--wds-vertical-tabs-section-title-padding-horizontal-small:var(--wds-space-300);--wds-vertical-tabs-section-title-padding-horizontal-medium:var(--wds-space-600);--wds-vertical-tabs-section-title-padding-bottom-tiny:var(--wds-space-100);--wds-vertical-tabs-section-title-padding-bottom-small:var(--wds-space-300);--wds-vertical-tabs-section-title-padding-bottom-medium:var(--wds-space-300);--wds-vertical-tabs-section-text-font-weight-small:var(--wds-font-weight-bold);--wds-vertical-tabs-icon-padding-vertical-small:var(--wds-space-200);--wds-vertical-tabs-icon-padding-vertical-medium:var(--wds-space-200);--wds-vertical-tabs-icon-padding-horizontal-small:var(--wds-space-200);--wds-vertical-tabs-icon-padding-horizontal-medium:var(--wds-space-200);--wds-vertical-tabs-gaps-vertical:var(--wds-space-50);--wds-vertical-tabs-gaps-horizontal:var(--wds-space-300);--wds-vertical-tabs-action-radius:var(--wds-border-radius-400);--wds-vertical-tabs-action-padding-vertical-tiny:var(--wds-space-100);--wds-vertical-tabs-action-padding-vertical-small:var(--wds-space-300);--wds-vertical-tabs-action-padding-vertical-medium:var(--wds-space-300);--wds-vertical-tabs-action-padding-horizontal-tiny:var(--wds-space-300);--wds-vertical-tabs-action-padding-horizontal-small:var(--wds-space-300);--wds-vertical-tabs-action-padding-horizontal-medium:var(--wds-space-600);--wds-top-banner-fill:var(--wds-color-purple-200);--wds-tooltip-shadow:var(--wds-color-black-100-transparent-0);--wds-tooltip-padding-vertical-small:var(--wds-space-150);--wds-tooltip-padding-vertical-medium:var(--wds-space-150);--wds-tooltip-padding-horizontal-small:var(--wds-space-200);--wds-tooltip-padding-horizontal-medium:var(--wds-space-200);--wds-tooltip-label-font-weight-medium:var(--wds-font-weight-medium);--wds-tooltip-border-radius:var(--wds-border-radius-300);--wds-toggle-switch-padding:var(--wds-space-25);--wds-toggle-switch-fill-standard:var(--wds-color-black-400);--wds-toggle-switch-border-urgent-disabled:var(--wds-color-black-100-transparent-0);--wds-toggle-switch-border-success-disabled:var(--wds-color-black-100-transparent-0);--wds-toggle-switch-border-standard-disabled:var(--wds-color-black-100-transparent-0);--wds-toggle-switch-border-error-disabled:var(--wds-color-black-100-transparent-0);--wds-toggle-button-shadow-fill-tertiary-inverted:var(--wds-color-black-100-transparent-25);--wds-toggle-button-shadow-fill-tertiary:var(--wds-color-black-100-transparent-25);--wds-toggle-button-shadow-fill-secondary-inverted:var(--wds-color-black-100-transparent-20);--wds-toggle-button-shadow-fill-secondary:var(--wds-color-black-100-transparent-20);--wds-toggle-button-shadow-fill-primary-inverted:var(--wds-color-black-100-transparent-10);--wds-toggle-button-shadow-fill-primary:var(--wds-color-black-100-transparent-10);--wds-toggle-button-shadow-blur-secondary-inverted:var(--wds-shadow-blur-25);--wds-toggle-button-shadow-blur-secondary:var(--wds-shadow-blur-25);--wds-toggle-button-shadow-blur-primary-inverted:var(--wds-shadow-blur-50);--wds-toggle-button-shadow-blur-primary:var(--wds-shadow-blur-50);--wds-toggle-button-padding-tiny-round:var(--wds-space-300);--wds-toggle-button-padding-tiny:var(--wds-space-200);--wds-toggle-button-padding-small-round:var(--wds-space-400);--wds-toggle-button-padding-small:var(--wds-space-300);--wds-toggle-button-padding-medium-round:var(--wds-space-500);--wds-toggle-button-padding-medium:var(--wds-space-300);--wds-toggle-button-padding-large-round:var(--wds-space-600);--wds-toggle-button-padding-large:var(--wds-space-600);--wds-toggle-button-label-font-weight-standard-secondary-selected:var(--wds-font-weight-semi-bold);--wds-toggle-button-label-font-weight-square:var(--wds-font-weight-semi-bold);--wds-toggle-button-label-font-weight-round:var(--wds-font-weight-semi-bold);--wds-toggle-button-label-font-weight-pill:var(--wds-font-weight-semi-bold);--wds-toggle-button-label-fill-standard-selected-disabled:var(--wds-color-black-500);--wds-toggle-button-label-fill-standard-secondary-selected-hover:var(--wds-color-blue-50);--wds-toggle-button-label-fill-standard-hover:var(--wds-color-blue-50);--wds-toggle-button-label-fill-standard-disabled:var(--wds-color-black-500);--wds-toggle-button-label-fill-inverted-selected-disabled:var(--wds-color-black-500);--wds-toggle-button-label-fill-inverted-disabled:var(--wds-color-black-500);--wds-toggle-button-label-fill-dark-selected-disabled:var(--wds-color-black-500);--wds-toggle-button-label-fill-dark-disabled:var(--wds-color-black-500);--wds-toggle-button-inner-shadow-y-secondary:var(--wds-shadow-y-25);--wds-toggle-button-inner-shadow-y-primary:var(--wds-shadow-y-25);--wds-toggle-button-inner-shadow-x-secondary:var(--wds-shadow-x-25);--wds-toggle-button-inner-shadow-x-primary:var(--wds-shadow-x-25);--wds-toggle-button-inner-shadow-fill-secondary:var(--wds-color-white);--wds-toggle-button-inner-shadow-fill-primary:var(--wds-color