@charset "utf-8";

:root, .wds-tokens { --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-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-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; --wds-shadow-focus-spread: 0; --wds-shadow-y-350: 0px; --wds-shadow-y-300: 12px; --wds-shadow-y-200: 8px; --wds-shadow-y-150: 6px; --wds-shadow-y-100: 4px; --wds-shadow-y-50: 2px; --wds-shadow-y-25: 1px; --wds-shadow-y-0: 0px; --wds-shadow-x-25: 1px; --wds-shadow-x-0: 0px; --wds-shadow-blur-800: 30px; --wds-shadow-blur-500: 24px; --wds-shadow-blur-400: 20px; --wds-shadow-blur-200: 18px; --wds-shadow-blur-150: 12px; --wds-shadow-blur-135: 10px; --wds-shadow-blur-125: 7px; --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: 700; --wds-font-size-900: 24px; --wds-font-size-800: 22px; --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: 11px; --wds-font-letter-spacing-100: 1px; --wds-font-letter-spacing-0: 0px; --wds-font-family-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-master: #47cb2e; --wds-color-text-disabled: #bebebe; --wds-color-fill-warning-secondary-disabled: #e5e5e5; --wds-color-fill-warning-primary-disabled: #bebebe; --wds-color-fill-urgent-secondary-disabled: #e5e5e5; --wds-color-fill-urgent-primary-disabled: #bebebe; --wds-color-fill-success-secondary-disabled: #e5e5e5; --wds-color-fill-success-primary-disabled: #bebebe; --wds-color-fill-standard-secondary-disabled: #e5e5e5; --wds-color-fill-standard-primary-disabled: #bebebe; --wds-color-fill-stage-section-secondary-disabled: #e5e5e5; --wds-color-fill-stage-section-primary-disabled: #bebebe; --wds-color-fill-stage-padding-hover: #18d9c2; --wds-color-fill-stage-padding-disabled: #bebebe; --wds-color-fill-stage-padding-active: #18d9c2; --wds-color-fill-stage-padding: #18d9c2; --wds-color-fill-stage-master-secondary-hover: #d1f2cb; --wds-color-fill-stage-master-secondary-disabled: #e5e5e5; --wds-color-fill-stage-master-secondary-active: #a3e597; --wds-color-fill-stage-master-secondary: #e4f7e0; --wds-color-fill-stage-master-primary-hover: #47cb2e; --wds-color-fill-stage-master-primary-disabled: #bebebe; --wds-color-fill-stage-master-primary-active: #47cb2e; --wds-color-fill-stage-master-primary: #47cb2e; --wds-color-fill-stage-element-secondary-disabled: #e5e5e5; --wds-color-fill-stage-element-primary-disabled: #bebebe; --wds-color-fill-stage-anchor-hover: #ffffff; --wds-color-fill-stage-anchor-disabled: #bebebe; --wds-color-fill-stage-anchor-active: #ffffff; --wds-color-fill-stage-anchor: #ffffff; --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, .8); --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, .8); --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, .8); --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, .8); --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, .8); --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, .8); --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, .8); --wds-color-fill-social-facebook-disabled: #bebebe; --wds-color-fill-social-facebook-active: #1877f2; --wds-color-fill-social-facebook: #1877f2; --wds-color-fill-premium-secondary-disabled: #e5e5e5; --wds-color-fill-premium-primary-disabled: #bebebe; --wds-color-fill-destructive-secondary-disabled: #e5e5e5; --wds-color-fill-destructive-primary-disabled: #bebebe; --wds-color-fill-dark-secondary-disabled: #e5e5e5; --wds-color-fill-dark-primary-disabled: #bebebe; --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-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-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-6: rgba(255, 255, 255, .06); --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: #fdeceb; --wds-color-red-500: #fde3e1; --wds-color-red-400: #fbd0cd; --wds-color-red-300: #f69891; --wds-color-red-200: #f1695f; --wds-color-red-100: #ee4437; --wds-color-red-50: #dc3f33; --wds-color-red-0: #ca3a2f; --wds-color-purple-700: #faf0ff; --wds-color-purple-600: #f8ebff; --wds-color-purple-500: #f1e0f9; --wds-color-purple-400: #e3c3f4; --wds-color-purple-300: #cf8cf1; --wds-color-purple-200: #c161f0; --wds-color-purple-100: #9a27d5; --wds-color-purple-50: #8e1dd1; --wds-color-purple-0: #7927a3; --wds-color-orange-600: #feefea; --wds-color-orange-500: #fee8e1; --wds-color-orange-400: #fdd7cc; --wds-color-orange-300: #fca88f; --wds-color-orange-200: #fa815b; --wds-color-orange-100: #f96132; --wds-color-orange-50: #e75a2f; --wds-color-orange-0: #d4522b; --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: #e9f6ee; --wds-color-green-500: #e1f4eb; --wds-color-green-400: #c8e8d6; --wds-color-green-300: #87cea5; --wds-color-green-200: #51b77b; --wds-color-green-100: #25a55a; --wds-color-green-50: #229954; --wds-color-green-0: #1f8c4d; --wds-color-blue-600: #f8faff; --wds-color-blue-500: #ebf2ff; --wds-color-blue-400: #dce9ff; --wds-color-blue-300: #c3daff; --wds-color-blue-250: #7cafff; --wds-color-blue-200: #418aff; --wds-color-blue-100: #116dff; --wds-color-blue-50: #0f62e6; --wds-color-blue-0: #084ebd; --wds-color-black-700-transparent: #edeef200; --wds-color-black-300-transparent-70: rgba(43, 46, 54, 0.7000); --wds-color-black-300-transparent-60: rgba(43, 46, 54, 0.6000); --wds-color-black-300-transparent-50: rgba(43, 46, 54, 0.5000); --wds-color-black-300-transparent-20: rgba(43, 46, 54, 0.2000); --wds-color-black-300-transparent-0: rgba(43, 46, 54, 0.0000); --wds-color-black-200-transparent-70: rgba(43, 46, 54, .7); --wds-color-black-200-transparent-60: rgba(43, 46, 54, .6); --wds-color-black-200-transparent-50: rgba(43, 46, 54, .5); --wds-color-black-200-transparent-0: rgba(43, 46, 54, 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, 0.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: #f7f8f8; --wds-color-black-700: #edeef2; --wds-color-black-600: #e2e3ea; --wds-color-black-550: #cfd1dc; --wds-color-black-500: #acafc4; --wds-color-black-400: #868aa5; --wds-color-black-300: #42454c; --wds-color-black-200: #2b2e36; --wds-color-black-100: #131720; --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-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-375: 0px; --wds-background-blur-350: 0px; --wds-background-blur-300: 0px; --wds-background-blur-250: 0px; --wds-background-blur-200: 0px; --wds-background-blur-150: 0px; --wds-background-blur-100: 0px; --wds-background-blur-50: 0px; --wds-background-blur-0: 0px; --wds-toggle-switch-width-small: 24px; --wds-toggle-switch-width-medium: 28px; --wds-toggle-switch-width-large: 40px; --wds-toggle-switch-shadow: unset; --wds-toggle-switch-knob-text-height: 0px; --wds-toggle-switch-knob-size-small: 12px; --wds-toggle-switch-knob-size-medium: 16px; --wds-toggle-switch-knob-size-large: 20px; --wds-toggle-switch-icon: false; --wds-tabs-selection-height: 3px; --wds-swatches-swatch-active-border-radius-small: 5px; --wds-swatches-swatch-active-border-radius-medium: 7px; --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: 4px; --wds-slider-slider-knob-shadow: false; --wds-slider-slider-knob-border-width-hover: 12px; --wds-slider-slider-knob-border-width: 4px; --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-floating-max-height: 576px; --wds-side-panel-control-layout-divider-border-width: 0px; --wds-section-helper-prefix-offset-margin: 4px; --wds-radio-dot-size: 4px; --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-internal-color-picker-width: 236px; --wds-input-width-tiny: 48px; --wds-input-width-small: 56px; --wds-input-width-medium: 72px; --wds-input-width-large: 96px; --wds-input-width-fixed: 260px; --wds-input-shadow-focus-warning: transparent; --wds-input-shadow-focus-standard: transparent; --wds-input-shadow-focus-destructive: transparent; --wds-composer-sidebar-end-max-width: 240px; --wds-composer-sidebar-bottom-width: 88px; --wds-color-picker-width: 236px; --wds-circular-progress-bar-label-font-line-height: 18px; --wds-circular-progress-bar-border-width: 4px; --wds-button-icon-offset-tiny: 12px; --wds-button-icon-offset-small: 12px; --wds-button-icon-offset-medium: 18px; --wds-button-icon-offset-large: 18px; --wds-avatar-group-gap-condensed: -2px; --wds-accordion-title-font-line-height-small: 18px; --wds-width-default-2: var(--wds-border-width-100); --wds-width-default: var(--wds-border-width-100); --wds-inner-shadow-y-secondary: var(--wds-shadow-y-0); --wds-inner-shadow-y-primary: var(--wds-shadow-y-0); --wds-inner-shadow-y-input: var(--wds-shadow-y-0); --wds-inner-shadow-x-secondary: var(--wds-shadow-x-0); --wds-inner-shadow-x-primary: var(--wds-shadow-x-0); --wds-inner-shadow-x-input: var(--wds-shadow-x-0); --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-0); --wds-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0); --wds-inner-shadow-fill-primary: var(--wds-color-white-transparent-0); --wds-inner-shadow-fill-input: var(--wds-color-black-100-transparent-0); --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-0); --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-0); --wds-inner-shadow-blur-input: var(--wds-shadow-blur-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-200); --wds-border-radius-surface-overlay: var(--wds-border-radius-200); --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0); --wds-border-radius-surface-modal: var(--wds-border-radius-200); --wds-border-radius-surface-default: var(--wds-border-radius-200); --wds-background-blur-modal: var(--wds-background-blur-0); --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-500); --wds-space-padding-horizontal-large: var(--wds-space-600); --wds-space-mobile-viewport-spacing: var(--wds-space-800); --wds-shadow-x-secondary-raised: var(--wds-shadow-x-0); --wds-shadow-surface-raised: 0 var(--wds-shadow-y-0) var(--wds-shadow-blur-35) 0 var(--wds-shadow-fill-primary-raised), 0 var(--wds-shadow-y-0) 0 0 var(--wds-shadow-fill-secondary-raised); --wds-shadow-surface-overlay-dark: 0 var(--wds-shadow-y-0) var(--wds-shadow-blur-150) 0 var(--wds-color-black-100-transparent-20); --wds-shadow-focus-warning: 0 0 0 3px 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 3px var(--wds-color-red-400); --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-0); --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-0); --wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-0); --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-20); --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-5); --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-10); --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-0); --wds-shadow-fill-primary-toggle-button: var(--wds-color-white-transparent-0); --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-10); --wds-shadow-fill-primary-overlay-dark: var(--wds-color-black-100-transparent-20); --wds-shadow-fill-primary-overlay: var(--wds-color-black-100-transparent-10); --wds-shadow-fill-primary-modal: var(--wds-color-black-100-transparent-20); --wds-shadow-fill-input: var(--wds-color-black-100-transparent-0); --wds-shadow-y-tertiary-toggle-button: var(--wds-shadow-y-0); --wds-shadow-y-secondary-toggle-button: var(--wds-shadow-y-0); --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-0); --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0); --wds-shadow-y-primary-raised: var(--wds-shadow-y-0); --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0); --wds-shadow-y-primary-overlay: var(--wds-shadow-y-0); --wds-shadow-y-primary-modal: var(--wds-shadow-y-0); --wds-shadow-y-input: var(--wds-shadow-y-0); --wds-shadow-x-tertiary-toggle-button: var(--wds-shadow-x-0); --wds-shadow-x-secondary-toggle-button: var(--wds-shadow-x-0); --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-0); --wds-shadow-x-input: var(--wds-shadow-x-0); --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-tertiary-toggle-button: var(--wds-shadow-blur-0); --wds-shadow-blur-secondary-toggle-button: var(--wds-shadow-blur-0); --wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-0); --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-0); --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-150); --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-0); --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-0); --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-35); --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-0); --wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-150); --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-200); --wds-shadow-blur-input: var(--wds-shadow-blur-0); --wds-shadow-400: 0 5px 18px var(--wds-color-black-100-transparent-20); --wds-shadow-300: 0 12px 20px var(--wds-color-black-100-transparent-10); --wds-shadow-200: 0 0 12px var(--wds-color-black-100-transparent-20); --wds-shadow-100: 0 2px 7px var(--wds-color-black-100-transparent-20); --wds-font-weight-body-bold: var(--wds-font-weight-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-bold); --wds-font-weight-heading-1: var(--wds-font-weight-bold); --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-600); --wds-font-size-heading-3: var(--wds-font-size-700); --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-800); --wds-font-line-height-500: var(--wds-space-800); --wds-font-line-height-400: var(--wds-space-700); --wds-font-line-height-300: var(--wds-space-600); --wds-font-line-height-200: var(--wds-space-500); --wds-font-line-height-100: var(--wds-space-400); --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-font-letter-spacing-heading-3: var(--wds-font-letter-spacing-0); --wds-font-letter-spacing-heading-2: var(--wds-font-letter-spacing-0); --wds-font-letter-spacing-heading-1: 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-500); --wds-color-text-standard-secondary: var(--wds-color-black-300); --wds-color-text-standard-primary-light: var(--wds-color-white); --wds-color-text-standard-primary: var(--wds-color-black-100); --wds-color-text-stage-section: var(--wds-color-blue-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-purple-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-destructive: var(--wds-color-red-100); --wds-color-fill-warning-tertiary-hover: var(--wds-color-black-750); --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-active: var(--wds-color-yellow-400); --wds-color-fill-warning-secondary: var(--wds-color-yellow-400); --wds-color-fill-warning-primary-hover: var(--wds-color-yellow-0); --wds-color-fill-warning-primary-active: var(--wds-color-yellow-100); --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-400); --wds-color-fill-urgent-secondary-active: var(--wds-color-orange-400); --wds-color-fill-urgent-secondary: var(--wds-color-orange-300); --wds-color-fill-urgent-primary-hover: var(--wds-color-orange-0); --wds-color-fill-urgent-primary-active: var(--wds-color-orange-100); --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-purple-500); --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-backdrop: var(--wds-color-black-100-transparent-70); --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-black-750); --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-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-0); --wds-color-fill-success-primary-active: var(--wds-color-green-100); --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-200); --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-black-750); --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-active: var(--wds-color-blue-400); --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-active: var(--wds-color-blue-100); --wds-color-fill-standard-primary: var(--wds-color-blue-100); --wds-color-fill-stage-section-secondary-hover: var(--wds-color-blue-300); --wds-color-fill-stage-section-secondary-active: var(--wds-color-blue-400); --wds-color-fill-stage-section-secondary: var(--wds-color-blue-400); --wds-color-fill-stage-section-primary-hover: var(--wds-color-blue-50); --wds-color-fill-stage-section-primary-active: var(--wds-color-blue-100); --wds-color-fill-stage-section-primary: var(--wds-color-blue-100); --wds-color-fill-stage-element-secondary-hover: var(--wds-color-blue-300); --wds-color-fill-stage-element-secondary-active: var(--wds-color-blue-400); --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-active: var(--wds-color-blue-100); --wds-color-fill-stage-element-primary: var(--wds-color-blue-100); --wds-color-fill-premium-light-secondary-hover: var(--wds-color-purple-500); --wds-color-fill-premium-light-secondary-disabled: var(--wds-color-white-transparent-0); --wds-color-fill-premium-light-secondary-active: var(--wds-color-purple-400); --wds-color-fill-premium-light-secondary: var(--wds-color-white-transparent-0); --wds-color-fill-premium-light-primary-hover: var(--wds-color-purple-500); --wds-color-fill-premium-light-primary-disabled: var(--wds-color-white-transparent-30); --wds-color-fill-premium-light-primary-active: var(--wds-color-purple-400); --wds-color-fill-premium-light-primary: var(--wds-color-white); --wds-color-fill-premium-tertiary-hover: var(--wds-color-black-750); --wds-color-fill-premium-tertiary-disabled: var(--wds-color-white); --wds-color-fill-premium-tertiary-active: var(--wds-color-purple-400); --wds-color-fill-premium-tertiary: var(--wds-color-white); --wds-color-fill-premium-secondary-hover: var(--wds-color-purple-300); --wds-color-fill-premium-secondary-active: var(--wds-color-purple-400); --wds-color-fill-premium-secondary: var(--wds-color-purple-400); --wds-color-fill-premium-primary-hover: var(--wds-color-purple-0); --wds-color-fill-premium-primary-active: var(--wds-color-purple-100); --wds-color-fill-premium-primary: var(--wds-color-purple-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-black-750); --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-active: var(--wds-color-red-400); --wds-color-fill-destructive-secondary: var(--wds-color-red-400); --wds-color-fill-destructive-primary-hover: var(--wds-color-red-0); --wds-color-fill-destructive-primary-active: var(--wds-color-red-100); --wds-color-fill-destructive-primary: var(--wds-color-red-100); --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-700); --wds-color-fill-dark-tertiary-disabled: var(--wds-color-white); --wds-color-fill-dark-tertiary-active: var(--wds-color-black-600); --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-active: var(--wds-color-black-750); --wds-color-fill-dark-secondary: var(--wds-color-black-750); --wds-color-fill-dark-primary-hover: var(--wds-color-black-300); --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-400); --wds-color-border-warning-tertiary-disabled: var(--wds-color-black-100-transparent-10); --wds-color-border-warning-tertiary-active: var(--wds-color-yellow-300); --wds-color-border-warning-tertiary: var(--wds-color-black-600); --wds-color-border-warning-secondary-hover: var(--wds-color-black-400); --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-black-600); --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-400); --wds-color-border-urgent-tertiary-disabled: var(--wds-color-black-100-transparent-10); --wds-color-border-urgent-tertiary-active: var(--wds-color-orange-300); --wds-color-border-urgent-tertiary: var(--wds-color-black-600); --wds-color-border-urgent-secondary-hover: var(--wds-color-black-400); --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-black-600); --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-400); --wds-color-border-success-tertiary-disabled: var(--wds-color-black-100-transparent-10); --wds-color-border-success-tertiary-active: var(--wds-color-green-300); --wds-color-border-success-tertiary: var(--wds-color-black-600); --wds-color-border-success-secondary-hover: var(--wds-color-black-400); --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-black-600); --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-400); --wds-color-border-standard-tertiary-disabled: var(--wds-color-black-100-transparent-10); --wds-color-border-standard-tertiary-active: var(--wds-color-blue-300); --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-black-400); --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-black-600); --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-300); --wds-color-border-premium-tertiary-hover: var(--wds-color-purple-400); --wds-color-border-premium-tertiary-disabled: var(--wds-color-black-100-transparent-10); --wds-color-border-premium-tertiary-active: var(--wds-color-purple-300); --wds-color-border-premium-tertiary: var(--wds-color-black-600); --wds-color-border-premium-secondary-hover: var(--wds-color-black-400); --wds-color-border-premium-secondary-disabled: var(--wds-color-black-100-transparent-10); --wds-color-border-premium-secondary-active: var(--wds-color-purple-100); --wds-color-border-premium-secondary: var(--wds-color-black-600); --wds-color-border-premium-primary-hover: var(--wds-color-purple-200); --wds-color-border-premium-primary-disabled: var(--wds-color-black-100-transparent-10); --wds-color-border-premium-primary-active: var(--wds-color-purple-100); --wds-color-border-premium-primary: var(--wds-color-purple-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-400); --wds-color-border-destructive-tertiary-disabled: var(--wds-color-black-100-transparent-10); --wds-color-border-destructive-tertiary-active: var(--wds-color-red-300); --wds-color-border-destructive-tertiary: var(--wds-color-black-600); --wds-color-border-destructive-secondary-hover: var(--wds-color-black-400); --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-black-600); --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-600); --wds-color-border-dark-secondary-disabled: var(--wds-color-black-100-transparent-10); --wds-color-border-dark-secondary-active: var(--wds-color-black-600); --wds-color-border-dark-secondary: var(--wds-color-black-600); --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-color-border-ai-primary: var(--wds-color-iris-100); --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-600); --wds-vertical-tabs-section-title-padding-horizontal-small: var(--wds-space-600); --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-item-round-padding-top-tiny: var(--wds-space-100); --wds-vertical-tabs-item-round-padding-bottom-tiny: var(--wds-space-100); --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-600); --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-600); --wds-vertical-tabs-item-padding-horizontal-medium: var(--wds-space-400); --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-regular); --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-regular); --wds-vertical-tabs-item-label-disabled: var(--wds-color-text-disabled); --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-white); --wds-vertical-tabs-item-active-title-text-disabled: var(--wds-color-text-disabled); --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-icon-fill-disabled: var(--wds-color-text-disabled); --wds-vertical-tabs-gaps-vertical: var(--wds-space-0); --wds-vertical-tabs-gaps-horizontal: var(--wds-space-0); --wds-vertical-tabs-action-radius: var(--wds-border-radius-0); --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-600); --wds-vertical-tabs-action-padding-horizontal-small: var(--wds-space-600); --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-600); --wds-variable-input-padding-vertical-tiny: var(--wds-space-50); --wds-variable-input-padding-vertical-small: var(--wds-space-100); --wds-tooltip-padding-vertical-small: var(--wds-space-200); --wds-tooltip-padding-vertical-medium: var(--wds-space-300); --wds-tooltip-padding-horizontal-small: var(--wds-space-200); --wds-tooltip-padding-horizontal-medium: var(--wds-space-300); --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-regular); --wds-tooltip-border-radius-small: var(--wds-border-radius-400); --wds-tooltip-border-radius-medium: var(--wds-border-radius-400); --wds-toggle-switch-padding: var(--wds-space-50); --wds-toggle-switch-fill-urgent-disabled: var(--wds-color-fill-urgent-secondary-disabled); --wds-toggle-switch-fill-success-disabled: var(--wds-color-fill-success-secondary-disabled); --wds-toggle-switch-fill-standard-disabled: var(--wds-color-fill-standard-secondary-disabled); --wds-toggle-switch-fill-error-disabled: var(--wds-color-fill-destructive-secondary-disabled); --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-y-tertiary-inverted: var(--wds-shadow-y-0); --wds-toggle-button-shadow-y-tertiary: var(--wds-shadow-y-0); --wds-toggle-button-shadow-y-secondary-inverted: var(--wds-shadow-y-0); --wds-toggle-button-shadow-y-secondary: var(--wds-shadow-y-0); --wds-toggle-button-shadow-y-primary-inverted: var(--wds-shadow-y-0); --wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-0); --wds-toggle-button-shadow-x-tertiary-inverted: var(--wds-shadow-x-0); --wds-toggle-button-shadow-x-tertiary: var(--wds-shadow-x-0); --wds-toggle-button-shadow-x-secondary-inverted: var(--wds-shadow-x-0); --wds-toggle-button-shadow-x-secondary: var(--wds-shadow-x-0); --wds-toggle-button-shadow-x-primary-inverted: var(--wds-shadow-x-0); --wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-0); --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-0); --wds-toggle-button-shadow-fill-tertiary: var(--wds-color-black-100-transparent-0); --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-100-transparent-0); --wds-toggle-button-shadow-fill-secondary: var(--wds-color-black-100-transparent-0); --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-0); --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-0); --wds-toggle-button-shadow-blur-tertiary-inverted: var(--wds-shadow-blur-0); --wds-toggle-button-shadow-blur-tertiary: var(--wds-shadow-blur-0); --wds-toggle-button-shadow-blur-secondary-inverted: var(--wds-shadow-blur-0); --wds-toggle-button-shadow-blur-secondary: var(--wds-shadow-blur-0); --wds-toggle-button-shadow-blur-primary-inverted: var(--wds-shadow-blur-0); --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-0); --wds-toggle-button-padding-tiny-round: var(--wds-space-300); --wds-toggle-button-padding-tiny: var(--wds-space-150); --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-400); --wds-toggle-button-padding-medium: var(--wds-space-300); --wds-toggle-button-padding-large-round: var(--wds-space-400); --wds-toggle-button-padding-large: var(--wds-space-400); --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-regular); --wds-toggle-button-label-font-weight-round: var(--wds-font-weight-regular); --wds-toggle-button-label-font-weight-pill: var(--wds-font-weight-regular); --wds-toggle-button-label-fill-standard-disabled: var(--wds-color-text-disabled); --wds-toggle-button-label-fill-inverted-disabled: var(--wds-color-text-disabled); --wds-toggle-button-label-fill-dark-disabled: var(--wds-color-text-disabled); --wds-toggle-button-inner-shadow-y-secondary: var(--wds-shadow-y-0); --wds-toggle-button-inner-shadow-y-primary: var(--wds-shadow-y-0); --wds-toggle-button-inner-shadow-x-secondary: var(--wds-shadow-x-0); --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-0); --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0); --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white-transparent-0); --wds-toggle-button-inner-shadow-blur-secondary: var(--wds-shadow-blur-0); --wds-toggle-button-inner-shadow-blur-primary: var(--wds-shadow-blur-0); --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-fill-standard-primary-disabled); --wds-toggle-button-fill-inverted-selected-disabled: var(--wds-color-fill-standard-primary-disabled); --wds-toggle-button-fill-dark-selected-disabled: var(--wds-color-fill-standard-primary-disabled); --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-200); --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-200); --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-200); --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-200); --wds-toggle-button-border-color-standard-disabled: var(--wds-color-fill-standard-secondary-disabled); --wds-toast-vertical-padding: var(--wds-space-150); --wds-toast-horizontal-padding: var(--wds-space-200); --wds-thumbnail-title-padding-top: var(--wds-space-100); --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular); --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0); --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750); --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100); --wds-thumbnail-illustration-fill-1: var(--wds-color-black-400); --wds-thumbnail-gap: var(--wds-space-300); --wds-thumbnail-fill-hover: var(--wds-color-white-transparent-0); --wds-thumbnail-fill: var(--wds-color-white-transparent-0); --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled); --wds-thumbnail-border-width-default: var(--wds-border-width-100); --wds-thumbnail-border-radius: var(--wds-border-radius-200); --wds-text-button-font-weight-thin: var(--wds-font-weight-regular); --wds-text-button-font-weight-normal: var(--wds-font-weight-medium); --wds-testimonial-list-gap: var(--wds-space-600); --wds-tag-size-tiny: var(--wds-space-500); --wds-tag-size-small: var(--wds-space-600); --wds-tag-size-medium: var(--wds-space-700); --wds-tag-size-large: var(--wds-space-800); --wds-tag-padding-vertical-tiny: var(--wds-space-0); --wds-tag-padding-vertical-small: var(--wds-space-50); --wds-tag-padding-vertical-medium: var(--wds-space-100); --wds-tag-padding-vertical-large: var(--wds-space-50); --wds-tag-padding-horizontal-tiny: var(--wds-space-250); --wds-tag-padding-horizontal-small: var(--wds-space-300); --wds-tag-padding-horizontal-medium: var(--wds-space-300); --wds-tag-padding-horizontal-large: var(--wds-space-400); --wds-tag-border-radius-tiny: var(--wds-border-radius-200); --wds-tag-border-radius-small: var(--wds-border-radius-200); --wds-tag-border-radius-medium: var(--wds-border-radius-200); --wds-tag-border-radius-large: var(--wds-border-radius-200); --wds-tabs-padding-vertical-small: var(--wds-space-300); --wds-tabs-padding-vertical-medium: var(--wds-space-400); --wds-tabs-padding-horizontal-small: var(--wds-space-300); --wds-tabs-padding-horizontal-medium: var(--wds-space-400); --wds-tabs-label-font-weight-active: var(--wds-font-weight-regular); --wds-tabs-label-font-weight: var(--wds-font-weight-regular); --wds-tabs-item-gap-small: var(--wds-space-150); --wds-tabs-item-gap-medium: var(--wds-space-200); --wds-tabs-item-fill-hover: var(--wds-color-black-100-transparent-0); --wds-tabs-item-fill-active: var(--wds-color-black-100-transparent-0); --wds-tabs-gap-horizontal: var(--wds-space-0); --wds-tabs-border-radius: var(--wds-border-radius-0); --wds-table-list-item-paddings: var(--wds-space-0); --wds-table-list-item-indentation-level-3: var(--wds-space-700); --wds-table-list-item-indentation-level-2: var(--wds-space-300); --wds-table-list-item-gap: var(--wds-space-600); --wds-table-list-item-border-radius: var(--wds-border-radius-0); --wds-table-toolbar-padding-horizontal: var(--wds-space-600); --wds-swatches-swatch-size-tiny: var(--wds-space-600); --wds-swatches-swatch-size-small: var(--wds-space-700); --wds-swatches-swatch-size-medium: var(--wds-space-800); --wds-swatches-swatch-size-large: var(--wds-space-900); --wds-swatches-swatch-size-extra-tiny: var(--wds-space-475); --wds-swatches-swatch-border-radius-small: var(--wds-border-radius-100); --wds-swatches-swatch-border-radius-medium: var(--wds-border-radius-200); --wds-swatches-list-padding-vertical: var(--wds-space-300); --wds-swatches-list-padding-horizontal: var(--wds-space-400); --wds-swatches-list-gap: var(--wds-space-300); --wds-swatches-fill-disabled: var(--wds-color-fill-standard-secondary-disabled); --wds-swatches-fill-border-disabled: var(--wds-color-black-100-transparent-0); --wds-stepper-prefix-size-number: var(--wds-space-400); --wds-stepper-prefix-size-circle: var(--wds-space-700); --wds-status-toast-vertical-padding: var(--wds-space-150); --wds-social-preview-content-padding-vertical: var(--wds-space-200); --wds-social-preview-content-padding-horizontal: var(--wds-space-300); --wds-social-post-preview-content-padding-vertical: var(--wds-space-300); --wds-social-post-preview-content-padding-horizontal: var(--wds-space-300); --wds-slider-track-border-radius-transparent: var(--wds-border-radius-full); --wds-slider-track-border-border-radius: var(--wds-border-radius-full); --wds-slider-slider-mark-size: var(--wds-space-200); --wds-slider-slider-knob-color-disabled: var(--wds-color-black-500); --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200); --wds-skeleton-border-radius-line: var(--wds-border-radius-200); --wds-skeleton-border-radius-circle: var(--wds-border-radius-full); --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200); --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200); --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white); --wds-sidebar-minimize-tooltip-fill-neutral-default: var(--wds-color-white); --wds-sidebar-minimize-tooltip-fill-light-default: var(--wds-color-white); --wds-sidebar-minimize-action-text-neutral-default: var(--wds-color-blue-100); --wds-sidebar-minimize-action-text-light-default: var(--wds-color-blue-100); --wds-sidebar-minimize-action-text-dark-default: var(--wds-color-black-550); --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-blue-400); --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-blue-400); --wds-sidebar-item-text-neutral-disabled: var(--wds-color-text-disabled); --wds-sidebar-item-text-neutral-active: var(--wds-color-blue-0); --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled); --wds-sidebar-item-text-light-active: var(--wds-color-blue-0); --wds-sidebar-item-text-dark-default: var(--wds-color-black-550); --wds-sidebar-item-text-dark-active: var(--wds-color-white); --wds-sidebar-item-prefix-padding-end: var(--wds-space-300); --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200); --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475); --wds-sidebar-item-level-3-padding-top: var(--wds-space-150); --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300); --wds-sidebar-item-level-3-padding-end: var(--wds-space-475); --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150); --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200); --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300); --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200); --wds-sidebar-item-level-2-padding-top: var(--wds-space-150); --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300); --wds-sidebar-item-level-2-padding-end: var(--wds-space-475); --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150); --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700); --wds-sidebar-item-level-1-padding-top: var(--wds-space-200); --wds-sidebar-item-level-1-padding-start: var(--wds-space-600); --wds-sidebar-item-level-1-padding-end: var(--wds-space-475); --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200); --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400); --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700); --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300); --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-blue-400); --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-white); --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300); --wds-sidebar-item-content-gap: var(--wds-space-200); --wds-sidebar-header-margin-bottom: var(--wds-space-300); --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550); --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550); --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-0); --wds-side-panel-header-padding-vertical: var(--wds-space-400); --wds-side-panel-header-padding-right: var(--wds-space-200); --wds-side-panel-header-padding-left: var(--wds-space-600); --wds-side-panel-header-divider-height: var(--wds-border-width-100); --wds-side-panel-footnote-padding-vertical: var(--wds-space-300); --wds-side-panel-footnote-padding-horizontal: var(--wds-space-600); --wds-side-panel-footer-padding-vertical: var(--wds-space-400); --wds-side-panel-footer-padding-horizontal: var(--wds-space-600); --wds-side-panel-footer-divider-height: var(--wds-border-width-100); --wds-side-panel-footer-border-width: var(--wds-border-width-none); --wds-side-panel-floating-title-font-family: var(--wds-font-family-default); --wds-side-panel-floating-header-padding-vertical: var(--wds-space-300); --wds-side-panel-floating-header-padding-right: var(--wds-space-200); --wds-side-panel-floating-header-padding-left: var(--wds-space-600); --wds-side-panel-floating-border-radius: var(--wds-border-radius-200); --wds-side-panel-field-padding-vertical: var(--wds-space-300); --wds-side-panel-field-padding-horizontal: var(--wds-space-600); --wds-side-panel-content-padding-vertical: var(--wds-space-600); --wds-side-panel-content-padding-horizontal: var(--wds-space-600); --wds-side-panel-back-button-top-padding: var(--wds-space-50); --wds-selector-list-item-padding-vertical-small: var(--wds-space-100); --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200); --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400); --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600); --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled); --wds-selector-button-size-small: var(--wds-space-700); --wds-selector-button-size-medium: var(--wds-space-800); --wds-selector-button-size-large: var(--wds-space-900); --wds-selector-button-padding-vertical-small: var(--wds-space-150); --wds-selector-button-padding-vertical-medium: var(--wds-space-150); --wds-selector-button-padding-vertical-large: var(--wds-space-150); --wds-selector-button-padding-horizontal-right-small: var(--wds-space-150); --wds-selector-button-padding-horizontal-right-medium: var(--wds-space-150); --wds-selector-button-padding-horizontal-right-large: var(--wds-space-150); --wds-selector-button-padding-horizontal-left-small: var(--wds-space-300); --wds-selector-button-padding-horizontal-left-medium: var(--wds-space-300); --wds-selector-button-padding-horizontal-left-large: var(--wds-space-300); --wds-select-area-padding-vertical: var(--wds-space-300); --wds-select-area-padding-horizontal: var(--wds-space-400); --wds-select-area-fill-hover: var(--wds-color-black-700); --wds-select-area-fill-disabled: var(--wds-color-white-transparent-0); --wds-select-area-fill-active: var(--wds-color-blue-400); --wds-select-area-fill: var(--wds-color-black-750); --wds-select-area-border-radius: var(--wds-border-radius-200); --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled); --wds-segmented-toggle-value-fill-disabled: var(--wds-color-text-disabled); --wds-segmented-toggle-size-small: var(--wds-space-700); --wds-segmented-toggle-size-medium: var(--wds-space-800); --wds-segmented-toggle-padding-vertical-small: var(--wds-space-100); --wds-segmented-toggle-padding-vertical-medium: var(--wds-space-100); --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300); --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400); --wds-segmented-toggle-padding-container: var(--wds-space-0); --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100); --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100); --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100); --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-100); --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-white-transparent-0); --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-200); --wds-segmented-toggle-container-border-radius-medium: var(--wds-border-radius-200); --wds-segmented-toggle-border-width-selected: var(--wds-border-width-200); --wds-segmented-toggle-border-width-hover: var(--wds-border-width-100); --wds-segmented-toggle-border-width-default: var(--wds-border-width-100); --wds-segmented-toggle-border-width: var(--wds-border-width-100); --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-200); --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-200); --wds-segmented-toggle-border-color-hover: var(--wds-color-blue-300); --wds-section-helper-vertical-padding-small: var(--wds-space-200); --wds-section-helper-vertical-padding-medium: var(--wds-space-300); --wds-section-helper-vertical-margin: var(--wds-space-150); --wds-section-helper-title-font-weight: var(--wds-font-weight-bold); --wds-section-helper-text-font-size: var(--wds-space-300); --wds-section-helper-prefix-offset-medium: var(--wds-space-400); --wds-section-helper-horizontal-padding-small: var(--wds-space-300); --wds-section-helper-horizontal-padding-medium: var(--wds-space-400); --wds-section-helper-horizontal-margin: var(--wds-space-150); --wds-section-helper-fullwidth-vertical-padding-small: var(--wds-space-150); --wds-section-helper-fullwidth-vertical-padding-medium: var(--wds-space-250); --wds-section-helper-fullwidth-horizontal-padding-small: var(--wds-space-600); --wds-section-helper-fullwidth-horizontal-padding-medium: var(--wds-space-600); --wds-section-helper-fill-preview: var(--wds-color-black-700); --wds-section-helper-border-radius: var(--wds-border-radius-200); --wds-section-helper-border-preview: var(--wds-color-black-550); --wds-section-helper-action-padding-small: var(--wds-space-200); --wds-section-helper-action-padding-medium: var(--wds-space-200); --wds-section-header-padding-vertical-small: var(--wds-space-200); --wds-section-header-padding-vertical-medium: var(--wds-space-200); --wds-section-header-font-weight: var(--wds-font-weight-regular); --wds-search-border-radius-tiny: var(--wds-border-radius-200); --wds-search-border-radius-small: var(--wds-border-radius-200); --wds-search-border-radius-medium: var(--wds-border-radius-200); --wds-search-border-radius-large: var(--wds-border-radius-200); --wds-scrollbar-fill-hover: var(--wds-color-black-400); --wds-scrollbar-fill-active: var(--wds-color-black-400); --wds-scrollbar-fill: var(--wds-color-black-550); --wds-radio-group-item-padding-outlined-vertical-screen-small: var(--wds-space-300); --wds-radio-group-item-padding-outlined-vertical: var(--wds-space-300); --wds-radio-group-item-padding-outlined-horizontal-screen-small: var(--wds-space-400); --wds-radio-group-item-padding-outlined-horizontal: var(--wds-space-400); --wds-radio-group-item-padding-filled-vertical-screen-small: var(--wds-space-300); --wds-radio-group-item-padding-filled-vertical: var(--wds-space-300); --wds-radio-group-item-padding-filled-horizontal-screen-small: var(--wds-space-400); --wds-radio-group-item-padding-filled-horizontal: var(--wds-space-400); --wds-radio-group-item-padding-default-vertical-screen-small: var(--wds-space-300); --wds-radio-group-item-padding-default-vertical: var(--wds-space-0); --wds-radio-group-item-padding-default-horizontal-screen-small: var(--wds-space-0); --wds-radio-group-item-padding-default-horizontal: var(--wds-space-0); --wds-radio-group-gap-vertical-small: var(--wds-space-150); --wds-radio-group-gap-vertical-medium: var(--wds-space-300); --wds-radio-group-gap-horizontal-small: var(--wds-space-400); --wds-radio-group-gap-horizontal-medium: var(--wds-space-400); --wds-radio-size: var(--wds-space-400); --wds-radio-fill-disabled: var(--wds-color-fill-standard-secondary-disabled); --wds-radio-fill-active-disabled: var(--wds-color-fill-standard-primary-disabled); --wds-radio-border-radius: var(--wds-border-radius-full); --wds-radio-border-active-disabled: var(--wds-color-black-100-transparent-0); --wds-popover-menu-paddings-vertical: var(--wds-space-200); --wds-popover-menu-paddings-horizontal: var(--wds-space-0); --wds-popover-border-width: var(--wds-border-width-none); --wds-popover-border-radius: var(--wds-border-radius-200); --wds-popover-border-fill: var(--wds-color-black-100-transparent-0); --wds-palette-border: var(--wds-border-radius-200); --wds-pagination-padding-vertical: var(--wds-space-50); --wds-pagination-padding-horizontal: var(--wds-space-50); --wds-pagination-gap: var(--wds-space-100); --wds-page-header-padding-vertical-small: var(--wds-space-475); --wds-page-header-padding-vertical: var(--wds-space-600); --wds-page-header-padding-horizontal: var(--wds-space-1200); --wds-notification-padding-vertical: var(--wds-space-200); --wds-notification-padding-horizontal: var(--wds-space-200); --wds-notification-fill-warning: var(--wds-color-yellow-100); --wds-notification-fill-success: var(--wds-color-green-200); --wds-notification-fill-standard: var(--wds-color-blue-200); --wds-notification-fill-premium: var(--wds-color-purple-200); --wds-notification-fill-error: var(--wds-color-red-200); --wds-nestable-list-paddings: var(--wds-space-0); --wds-mobile-modal-footer-padding-vertical: var(--wds-space-600); --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600); --wds-mobile-modal-content-padding-vertical: var(--wds-space-600); --wds-mobile-modal-content-padding-horizontal: var(--wds-space-600); --wds-message-modal-top-controls-paddings: var(--wds-space-100); --wds-message-modal-title-font-family: var(--wds-font-family-default); --wds-message-modal-padding-vertical: var(--wds-space-500); --wds-message-modal-padding-horizontal: var(--wds-space-600); --wds-message-modal-content-gap: var(--wds-space-200); --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500); --wds-marketing-page-paddings-vertical-large: var(--wds-space-800); --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200); --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500); --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500); --wds-marketing-layout-padding-vertical-small: var(--wds-space-600); --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600); --wds-marketing-layout-padding-right-tiny: var(--wds-space-700); --wds-marketing-layout-padding-right-small: var(--wds-space-700); --wds-marketing-layout-padding-right-medium: var(--wds-space-1000); --wds-marketing-layout-padding-left-tiny: var(--wds-space-600); --wds-marketing-layout-padding-left-small: var(--wds-space-600); --wds-marketing-layout-padding-left-medium: var(--wds-space-1200); --wds-marketing-layout-border: var(--wds-border-radius-200); --wds-loader-fill-loading: var(--wds-color-blue-0); --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100); --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300); --wds-list-item-select-title-disabled: var(--wds-color-text-disabled); --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular); --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled); --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200); --wds-list-item-select-padding-vertical-small: var(--wds-space-150); --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200); --wds-list-item-select-padding-vertical-medium: var(--wds-space-150); --wds-list-item-select-padding-right-small: var(--wds-space-400); --wds-list-item-select-padding-right-medium: var(--wds-space-400); --wds-list-item-select-padding-left-small: var(--wds-space-300); --wds-list-item-select-padding-left-medium: var(--wds-space-300); --wds-list-item-select-padding-horizontal-small: var(--wds-space-300); --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300); --wds-list-item-select-label-hover-font-weight-medium: var(--wds-font-weight-regular); --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular); --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-regular); --wds-list-item-select-gap: var(--wds-space-0); --wds-list-item-select-affix-margin: var(--wds-space-100); --wds-list-item-select-active-title-disabled-screen-small: var(--wds-color-text-disabled); --wds-list-item-select-active-title-disabled: var(--wds-color-text-disabled); --wds-list-item-select-active-subtitle-disabled-screen-small: var(--wds-color-text-disabled); --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled); --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-secondary-disabled); --wds-list-item-section-padding-horizontal: var(--wds-space-400); --wds-list-item-section-font-weight: var(--wds-font-weight-bold); --wds-list-item-section-divider-padding-horizontal: var(--wds-space-400); --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-regular); --wds-list-item-action-title-font-weight: var(--wds-font-weight-regular); --wds-list-item-action-subtitle-font-line-height: var(--wds-space-475); --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200); --wds-list-item-action-padding-vertical-small: var(--wds-space-150); --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200); --wds-list-item-action-padding-vertical-medium: var(--wds-space-150); --wds-list-item-action-padding-horizontal-small: var(--wds-space-300); --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300); --wds-list-item-action-label-font-line-height-small: var(--wds-space-475); --wds-list-item-action-gap: var(--wds-space-0); --wds-list-item-action-border-radius: var(--wds-border-radius-0); --wds-list-item-action-affix-margin: var(--wds-space-100); --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-100); --wds-list-item-padding-vertical-x-tiny: var(--wds-space-200); --wds-list-item-padding-vertical-tiny: var(--wds-space-300); --wds-list-item-padding-vertical-small: var(--wds-space-400); --wds-list-item-padding-vertical-medium: var(--wds-space-500); --wds-list-item-padding-vertical-large: var(--wds-space-600); --wds-list-item-padding-horizontal-xx-tiny: var(--wds-space-100); --wds-list-item-padding-horizontal-x-tiny: var(--wds-space-200); --wds-list-item-padding-horizontal-tiny: var(--wds-space-300); --wds-list-item-padding-horizontal-small: var(--wds-space-400); --wds-list-item-padding-horizontal-medium: var(--wds-space-500); --wds-list-item-padding-horizontal-large: var(--wds-space-600); --wds-list-item-indentation-level-3: var(--wds-space-700); --wds-list-item-indentation-level-2: var(--wds-space-300); --wds-list-item-gap-columns: var(--wds-space-600); --wds-linear-progress-bar-value-gap: var(--wds-space-300); --wds-linear-progress-bar-border-radius: var(--wds-border-radius-0); --wds-internal-color-picker-padding-vertical: var(--wds-space-300); --wds-internal-color-picker-padding-horizontal: var(--wds-space-400); --wds-input-area-padding-vertical-small: var(--wds-space-150); --wds-input-area-padding-vertical-medium: var(--wds-space-150); --wds-input-area-padding-right-small: var(--wds-space-150); --wds-input-area-padding-right-medium: var(--wds-space-250); --wds-input-area-padding-left-small: var(--wds-space-200); --wds-input-area-padding-left-medium: var(--wds-space-300); --wds-input-area-border-radius-default-small: var(--wds-border-radius-200); --wds-input-area-border-radius-default-medium: var(--wds-border-radius-200); --wds-input-size-tiny: var(--wds-space-600); --wds-input-size-small: var(--wds-space-700); --wds-input-size-medium: var(--wds-space-800); --wds-input-size-large: var(--wds-space-900); --wds-input-padding-vertical-tiny: var(--wds-space-100); --wds-input-padding-vertical-small: var(--wds-space-100); --wds-input-padding-vertical-medium: var(--wds-space-100); --wds-input-padding-vertical-large: var(--wds-space-150); --wds-input-padding-horizontal-tiny: var(--wds-space-100); --wds-input-padding-horizontal-small: var(--wds-space-100); --wds-input-padding-horizontal-medium: var(--wds-space-200); --wds-input-padding-horizontal-large: var(--wds-space-200); --wds-input-border-width-default: var(--wds-border-width-none); --wds-input-border-radius-round-tiny: var(--wds-border-radius-full); --wds-input-border-radius-round-small: var(--wds-border-radius-full); --wds-input-border-radius-round-medium: var(--wds-border-radius-full); --wds-input-border-radius-round-large: var(--wds-border-radius-full); --wds-input-border-radius-default-tiny: var(--wds-border-radius-200); --wds-input-border-radius-default-small: var(--wds-border-radius-200); --wds-input-border-radius-default-medium: var(--wds-border-radius-200); --wds-input-border-radius-default-large: var(--wds-border-radius-200); --wds-image-border-radius-none: var(--wds-border-radius-0); --wds-image-border-radius-default: var(--wds-border-radius-200); --wds-icon-button-color-text-standard-tertiary-disabled: var(--wds-color-text-disabled); --wds-icon-button-color-text-standard-secondary-disabled: var(--wds-color-text-disabled); --wds-icon-button-color-text-premium-tertiary-disabled: var(--wds-color-text-disabled); --wds-icon-button-color-text-premium-secondary-disabled: var(--wds-color-text-disabled); --wds-icon-button-color-text-light-secondary-disabled: var(--wds-color-text-disabled); --wds-icon-button-color-text-light-primary-disabled: var(--wds-color-text-disabled); --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-text-disabled); --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-text-disabled); --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-fill-standard-primary-disabled); --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-blue-500); --wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-fill-standard-primary-disabled); --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-fill-dark-primary-disabled); --wds-gallery-item-padding-vertical-small: var(--wds-space-300); --wds-gallery-item-padding-vertical-medium: var(--wds-space-475); --wds-gallery-item-padding-right-small: var(--wds-space-475); --wds-gallery-item-padding-right-medium: var(--wds-space-600); --wds-gallery-item-padding-left-small: var(--wds-space-300); --wds-gallery-item-padding-left-medium: var(--wds-space-475); --wds-gallery-item-border: var(--wds-border-radius-200); --wds-form-field-label-gap-tiny: var(--wds-space-150); --wds-form-field-label-gap-small: var(--wds-space-200); --wds-form-field-label-font-weight: var(--wds-font-weight-regular); --wds-floating-helper-padding-vertical: var(--wds-space-700); --wds-floating-helper-padding-horizontal: var(--wds-space-800); --wds-floating-helper-main-action-padding-top: var(--wds-space-400); --wds-fill-button-border-width: var(--wds-border-width-none); --wds-field-set-label-gap-tiny: var(--wds-space-150); --wds-field-set-label-gap-small: var(--wds-space-200); --wds-field-set-label-font-weight: var(--wds-font-weight-regular); --wds-field-set-gap-small: var(--wds-space-150); --wds-field-set-gap-medium: var(--wds-space-300); --wds-field-set-gap-large: var(--wds-space-400); --wds-feature-list-gap: var(--wds-space-600); --wds-empty-state-section-content-paddings: var(--wds-space-600); --wds-empty-state-page-content-paddings: var(--wds-space-600); --wds-empty-state-border-radius: var(--wds-border-radius-200); --wds-dropdown-layout-option-size-small: var(--wds-space-800); --wds-dropdown-layout-option-size-big: var(--wds-space-1000); --wds-dropdown-list-paddings: var(--wds-space-0); --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled); --wds-dock-foreground-fill-disabled: var(--wds-color-fill-standard-primary-disabled); --wds-dock-background-fill-hover: var(--wds-color-blue-500); --wds-dock-background-fill-disabled: var(--wds-color-fill-standard-secondary-disabled); --wds-dock-background-fill-active: var(--wds-color-blue-400); --wds-dock-background-fill: var(--wds-color-blue-500); --wds-custom-modal-header-padding-vertical: var(--wds-space-400); --wds-custom-modal-header-padding-right: var(--wds-space-200); --wds-custom-modal-header-padding-left: var(--wds-space-600); --wds-custom-modal-footnote-padding-vertical: var(--wds-space-200); --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-600); --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-regular); --wds-custom-modal-footer-padding-vertical: var(--wds-space-400); --wds-custom-modal-footer-padding-horizontal: var(--wds-space-600); --wds-custom-modal-content-padding-vertical: var(--wds-space-600); --wds-custom-modal-content-padding-horizontal: var(--wds-space-600); --wds-custom-modal-border-radius: var(--wds-border-radius-200); --wds-counter-badge-size-small: var(--wds-space-475); --wds-counter-badge-size-medium: var(--wds-space-600); --wds-counter-badge-padding-horizontal-small: var(--wds-space-100); --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150); --wds-counter-badge-border-radius-small: var(--wds-border-radius-full); --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full); --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100); --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-200); --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-200); --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-200); --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-200); --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-200); --wds-composer-sidebar-item-end-padding-vertical-small: var(--wds-space-100); --wds-composer-sidebar-item-end-padding-vertical-medium: var(--wds-space-200); --wds-composer-sidebar-item-end-padding-vertical-large: var(--wds-space-200); --wds-composer-sidebar-item-end-padding-horizontal-small: var(--wds-space-300); --wds-composer-sidebar-item-end-padding-horizontal-medium: var(--wds-space-300); --wds-composer-sidebar-item-end-padding-horizontal-large: var(--wds-space-300); --wds-composer-sidebar-item-bottom-padding-vertical-small: var(--wds-space-200); --wds-composer-sidebar-item-bottom-padding-vertical-medium: var(--wds-space-300); --wds-composer-sidebar-item-bottom-padding-vertical-large: var(--wds-space-300); --wds-composer-sidebar-item-bottom-padding-horizontal-small: var(--wds-space-100); --wds-composer-sidebar-item-bottom-padding-horizontal-medium: var(--wds-space-100); --wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100); --wds-color-picker-padding-vertical: var(--wds-space-300); --wds-color-picker-padding-horizontal: var(--wds-space-400); --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled); --wds-close-button-standard-filled-size-small: var(--wds-space-475); --wds-close-button-standard-filled-size-medium: var(--wds-space-475); --wds-close-button-standard-filled-size-large: var(--wds-space-700); --wds-close-button-standard-fill-disabled: var(--wds-color-fill-standard-secondary-disabled); --wds-circular-progress-bar-size-tiny: var(--wds-space-475); --wds-circular-progress-bar-size-small: var(--wds-space-600); --wds-circular-progress-bar-size-medium: var(--wds-space-1300); --wds-circular-progress-bar-size-large: var(--wds-space-2400); --wds-circular-progress-bar-label-padding-medium: var(--wds-space-0); --wds-circular-progress-bar-label-padding-large: var(--wds-space-0); --wds-circular-progress-bar-label-font-weight: var(--wds-font-weight-bold); --wds-circular-progress-bar-label-font-size: var(--wds-font-size-100); --wds-circular-progress-bar-background-fill-success: var(--wds-color-fill-success-secondary-disabled); --wds-circular-progress-bar-background-fill-standard: var(--wds-color-fill-standard-secondary-disabled); --wds-circular-progress-bar-background-fill-premium: var(--wds-color-fill-premium-secondary-disabled); --wds-circular-progress-bar-background-fill-error: var(--wds-color-fill-destructive-secondary-disabled); --wds-checkbox-size: var(--wds-space-400); --wds-checkbox-group-gap-vertical: var(--wds-space-300); --wds-checkbox-fill-disabled: var(--wds-color-fill-standard-secondary-disabled); --wds-checkbox-fill-active-disabled: var(--wds-color-fill-standard-primary-disabled); --wds-checkbox-border-radius: var(--wds-border-radius-200); --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0); --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0); --wds-carousel-dots-width: var(--wds-space-300); --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300); --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475); --wds-card-gallery-item-padding-right-small: var(--wds-space-475); --wds-card-gallery-item-padding-right-medium: var(--wds-space-600); --wds-card-gallery-item-padding-left-small: var(--wds-space-300); --wds-card-gallery-item-padding-left-medium: var(--wds-space-475); --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-0); --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0); --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400); --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0); --wds-card-tab-padding-vertical-small: var(--wds-space-400); --wds-card-tab-padding-vertical-medium: var(--wds-space-400); --wds-card-tab-padding-horizontal-small: var(--wds-space-500); --wds-card-tab-padding-horizontal-medium: var(--wds-space-500); --wds-card-header-padding-vertical: var(--wds-space-400); --wds-card-header-padding-horizontal: var(--wds-space-600); --wds-card-content-paddings-vertical: var(--wds-space-600); --wds-card-content-paddings-horizontal: var(--wds-space-600); --wds-card-content-padding-medium: var(--wds-space-600); --wds-card-content-padding-large: var(--wds-space-900); --wds-card-border: var(--wds-border-radius-200); --wds-button-text-standard-primary-hover: var(--wds-color-black-100); --wds-button-text-standard-primary: var(--wds-color-black-100); --wds-button-size-x-tiny: var(--wds-space-475); --wds-button-size-tiny-screen-small: var(--wds-space-800); --wds-button-size-tiny: var(--wds-space-600); --wds-button-size-small-screen-small: var(--wds-space-900); --wds-button-size-small: var(--wds-space-700); --wds-button-size-medium-screen-small: var(--wds-space-1000); --wds-button-size-medium: var(--wds-space-800); --wds-button-size-large-screen-small: var(--wds-space-1100); --wds-button-size-large: var(--wds-space-900); --wds-button-size-extra-large: var(--wds-space-1000); --wds-button-padding-vertical-tiny: var(--wds-space-50); --wds-button-padding-vertical-small: var(--wds-space-150); --wds-button-padding-vertical-medium: var(--wds-space-150); --wds-button-padding-vertical-large: var(--wds-space-150); --wds-button-padding-vertical-extra-large: var(--wds-space-250); --wds-button-padding-horizontal-tiny: var(--wds-space-300); --wds-button-padding-horizontal-small: var(--wds-space-300); --wds-button-padding-horizontal-medium: var(--wds-space-400); --wds-button-padding-horizontal-large: var(--wds-space-400); --wds-button-padding-horizontal-extra-large: var(--wds-space-500); --wds-button-label-fill-standard-secondary-disabled: var(--wds-color-text-disabled); --wds-button-label-fill-premium-secondary-disabled: var(--wds-color-text-disabled); --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-text-disabled); --wds-button-gap-tiny: var(--wds-space-100); --wds-button-gap-small: var(--wds-space-100); --wds-button-gap-medium: var(--wds-space-100); --wds-button-gap-large: var(--wds-space-100); --wds-button-font-weight-tiny: var(--wds-font-weight-bold); --wds-button-font-weight-small: var(--wds-font-weight-medium); --wds-button-font-weight-medium: var(--wds-font-weight-medium); --wds-button-font-weight-large: var(--wds-font-weight-medium); --wds-button-fill-standard-primary-disabled: var(--wds-color-fill-standard-primary-disabled); --wds-button-fill-premium-primary-disabled: var(--wds-color-fill-premium-primary-disabled); --wds-button-fill-destructive-primary-disabled: var(--wds-color-fill-standard-primary-disabled); --wds-button-fill-dark-primary-disabled: var(--wds-color-fill-dark-primary-disabled); --wds-button-border-radius-tiny: var(--wds-border-radius-200); --wds-button-border-radius-small: var(--wds-border-radius-200); --wds-button-border-radius-medium: var(--wds-border-radius-200); --wds-button-border-radius-large: var(--wds-border-radius-200); --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold); --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular); --wds-breadcrumbs-text-line-height-small: var(--wds-space-400); --wds-breadcrumbs-padding-vertical-small: var(--wds-space-50); --wds-breadcrumbs-padding-vertical-medium: var(--wds-space-100); --wds-breadcrumbs-padding-vertical-large: var(--wds-space-100); --wds-breadcrumbs-padding-horizontal-small: var(--wds-space-100); --wds-breadcrumbs-padding-horizontal-medium: var(--wds-space-200); --wds-breadcrumbs-padding-horizontal-large: var(--wds-space-400); --wds-breadcrumbs-on-white-fill-hover: var(--wds-color-black-700); --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-white); --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30); --wds-breadcrumbs-font-size-small: var(--wds-font-size-200); --wds-breadcrumbs-border-radius: var(--wds-border-radius-100); --wds-badge-size-tiny: var(--wds-space-400); --wds-badge-size-small: var(--wds-space-500); --wds-badge-size-medium: var(--wds-space-600); --wds-badge-padding-vertical-tiny: var(--wds-space-0); --wds-badge-padding-vertical-small: var(--wds-space-0); --wds-badge-padding-vertical-medium: var(--wds-space-50); --wds-badge-padding-horizontal-tiny: var(--wds-space-100); --wds-badge-padding-horizontal-small: var(--wds-space-200); --wds-badge-padding-horizontal-medium: var(--wds-space-300); --wds-badge-border-radius-tiny: var(--wds-border-radius-100); --wds-badge-border-radius-small: var(--wds-border-radius-100); --wds-badge-border-radius-medium: var(--wds-border-radius-100); --wds-avatar-group-gap-default: var(--wds-space-100); --wds-announcement-modal-padding-vertical: var(--wds-space-800); --wds-announcement-modal-padding-horizontal: var(--wds-space-1300); --wds-announcement-modal-content-gap: var(--wds-space-200); --wds-announcement-modal-actions-padding: var(--wds-space-700); --wds-add-item-padding-vertical-tiny: var(--wds-space-300); --wds-add-item-padding-vertical-small: var(--wds-space-400); --wds-add-item-padding-vertical-medium: var(--wds-space-600); --wds-add-item-padding-vertical-large: var(--wds-space-700); --wds-add-item-padding-horizontal-tiny: var(--wds-space-300); --wds-add-item-padding-horizontal-large: var(--wds-space-700); --wds-add-item-fill-disabled: var(--wds-color-black-100-transparent-5); --wds-add-item-fill: var(--wds-color-blue-600); --wds-add-item-border-radius: var(--wds-border-radius-200); --wds-add-item-border-dashed-radius: var(--wds-border-radius-100); --wds-accordion-title-font-weight-small: var(--wds-font-weight-bold); --wds-accordion-title-font-weight: var(--wds-font-weight-medium); --wds-accordion-inner-content-padding-top: var(--wds-space-400); --wds-accordion-inner-content-fill: var(--wds-color-blue-600); --wds-accordion-border-radius: var(--wds-border-radius-0); --wds-shadow-surface-overlay: var(--wds-shadow-300); --wds-shadow-surface-modal: var(--wds-shadow-400); --wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom); --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right); --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom); --wds-shadow-inner-300-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right); --wds-font-line-height-heading-6: var(--wds-font-line-height-100); --wds-font-line-height-heading-5: var(--wds-font-line-height-100); --wds-font-line-height-heading-4: var(--wds-font-line-height-300); --wds-font-line-height-heading-3: var(--wds-font-line-height-400); --wds-font-line-height-heading-2: var(--wds-font-line-height-400); --wds-font-line-height-heading-1: var(--wds-font-line-height-500); --wds-font-line-height-body-tiny: var(--wds-font-line-height-100); --wds-font-line-height-body-small: var(--wds-font-line-height-200); --wds-font-line-height-body-medium: var(--wds-font-line-height-300); --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100); --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny); --wds-vertical-tabs-item-round-fill-premium-hover: var(--wds-color-fill-premium-tertiary-hover); --wds-vertical-tabs-item-round-fill-premium-disabled: var(--wds-color-fill-premium-tertiary-disabled); --wds-vertical-tabs-item-round-fill-premium-active: var(--wds-color-fill-premium-tertiary-active); --wds-vertical-tabs-item-round-fill-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-vertical-tabs-item-round-disabled: var(--wds-color-fill-standard-tertiary-disabled); --wds-vertical-tabs-item-pill-fill-standard-disabled: var(--wds-color-fill-standard-tertiary-disabled); --wds-vertical-tabs-item-pill-fill-standard: var(--wds-color-fill-standard-tertiary); --wds-vertical-tabs-item-pill-fill-premium-disabled: var(--wds-color-fill-premium-tertiary-disabled); --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium); --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium); --wds-vertical-tabs-item-label-text-active: var(--wds-color-text-primary); --wds-vertical-tabs-item-label-text: var(--wds-color-text-standard-primary); --wds-vertical-tabs-item-fill-standard-premium-hover: var(--wds-color-fill-premium-light-primary-hover); --wds-vertical-tabs-item-fill-standard-premium-active: var(--wds-color-fill-premium-tertiary); --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-fill-standard-tertiary-hover); --wds-vertical-tabs-item-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-fill-standard-light-secondary-disabled); --wds-vertical-tabs-item-fill-standard-active: var(--wds-color-fill-standard-tertiary-active); --wds-vertical-tabs-item-fill-standard: var(--wds-color-fill-standard-tertiary); --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-light-primary-hover); --wds-vertical-tabs-item-fill-neutral-premium-disabled: var(--wds-color-fill-surface-neutral); --wds-vertical-tabs-item-fill-neutral-premium-active: var(--wds-color-fill-premium-tertiary-active); --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-fill-surface-neutral); --wds-vertical-tabs-item-fill-neutral-hover: var(--wds-color-fill-dark-secondary-hover); --wds-vertical-tabs-item-fill-neutral-disabled: var(--wds-color-fill-surface-neutral); --wds-vertical-tabs-item-fill-neutral-active: var(--wds-color-fill-standard-tertiary-active); --wds-vertical-tabs-item-fill-neutral: var(--wds-color-fill-surface-neutral); --wds-vertical-tabs-item-fill-light-premium-premium: var(--wds-color-fill-premium-tertiary); --wds-vertical-tabs-item-fill-light-premium-hover: var(--wds-color-fill-premium-tertiary-hover); --wds-vertical-tabs-item-fill-light-premium-disabled: var(--wds-color-fill-premium-tertiary-disabled); --wds-vertical-tabs-item-fill-light-premium-active: var(--wds-color-fill-premium-tertiary-active); --wds-vertical-tabs-item-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-vertical-tabs-item-fill-light-disabled: var(--wds-color-fill-standard-tertiary-disabled); --wds-vertical-tabs-item-fill-light-active: var(--wds-color-fill-standard-tertiary-active); --wds-vertical-tabs-item-fill-light: var(--wds-color-fill-standard-tertiary); --wds-vertical-tabs-icon-fill-hover: var(--wds-color-text-primary); --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary); --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary); --wds-tooltip-text-fill: var(--wds-color-text-standard-primary); --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-small); --wds-tooltip-border-radius: var(--wds-border-radius-surface-overlay); --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay); --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-dark-primary-hover); --wds-toggle-switch-fill-urgent-active-hover: var(--wds-color-fill-urgent-primary-hover); --wds-toggle-switch-fill-urgent-active: var(--wds-color-fill-urgent-primary); --wds-toggle-switch-fill-urgent: var(--wds-color-fill-dark-primary); --wds-toggle-switch-fill-success-hover: var(--wds-color-fill-dark-primary-hover); --wds-toggle-switch-fill-success-active-hover: var(--wds-color-fill-success-primary-hover); --wds-toggle-switch-fill-success-active: var(--wds-color-fill-success-primary); --wds-toggle-switch-fill-success: var(--wds-color-fill-dark-primary); --wds-toggle-switch-fill-standard-hover: var(--wds-color-fill-dark-primary-hover); --wds-toggle-switch-fill-standard-active-hover: var(--wds-color-fill-standard-primary-hover); --wds-toggle-switch-fill-standard-active: var(--wds-color-fill-standard-primary); --wds-toggle-switch-fill-standard: var(--wds-color-fill-dark-primary); --wds-toggle-switch-fill-error-hover: var(--wds-color-fill-dark-primary-hover); --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover); --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary); --wds-toggle-switch-fill-error: var(--wds-color-fill-dark-primary); --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny); --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny); --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-tiny); --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-tiny); --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny); --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny); --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny); --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny); --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-tiny); --wds-toggle-button-label-fill-standard-selected-disabled: var(--wds-color-text-disabled-light); --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary); --wds-toggle-button-label-fill-standard-hover: var(--wds-color-text-standard-primary); --wds-toggle-button-label-fill-standard-default: var(--wds-color-text-standard-primary); --wds-toggle-button-label-fill-inverted-selected-hover: var(--wds-color-text-standard-primary-light); --wds-toggle-button-label-fill-inverted-selected-disabled: var(--wds-color-text-standard-primary-light); --wds-toggle-button-label-fill-inverted-selected: var(--wds-color-text-standard-primary-light); --wds-toggle-button-label-fill-inverted-hover: var(--wds-color-text-standard-primary); --wds-toggle-button-label-fill-inverted-default: var(--wds-color-text-standard-primary); --wds-toggle-button-label-fill-dark-selected-hover: var(--wds-color-text-standard-primary-light); --wds-toggle-button-label-fill-dark-selected-disabled: var(--wds-color-text-disabled-light); --wds-toggle-button-label-fill-dark-selected: var(--wds-color-text-standard-primary-light); --wds-toggle-button-label-fill-dark-hover: var(--wds-color-text-standard-secondary); --wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary); --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-fill-standard-secondary-hover); --wds-toggle-button-fill-standard-selected: var(--wds-color-fill-standard-secondary); --wds-toggle-button-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-toggle-button-fill-standard-disabled: var(--wds-color-fill-standard-tertiary-disabled); --wds-toggle-button-fill-standard: var(--wds-color-fill-standard-tertiary); --wds-toggle-button-fill-inverted-selected-hover: var(--wds-color-fill-standard-primary-hover); --wds-toggle-button-fill-inverted-selected: var(--wds-color-fill-standard-primary); --wds-toggle-button-fill-inverted-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-toggle-button-fill-inverted-disabled: var(--wds-color-fill-standard-tertiary-disabled); --wds-toggle-button-fill-inverted: var(--wds-color-fill-standard-tertiary); --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-fill-dark-primary-hover); --wds-toggle-button-fill-dark-selected: var(--wds-color-fill-dark-primary); --wds-toggle-button-fill-dark-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-toggle-button-fill-dark-disabled: var(--wds-color-fill-standard-tertiary-disabled); --wds-toggle-button-fill-dark: var(--wds-color-fill-standard-tertiary); --wds-toggle-button-border-color-standard-hover: var(--wds-color-border-standard-tertiary); --wds-toggle-button-border-color-standard: var(--wds-color-fill-standard-tertiary); --wds-toggle-button-border-color-inverted-hover: var(--wds-color-border-standard-tertiary-hover); --wds-toggle-button-border-color-inverted-disabled: var(--wds-color-border-standard-tertiary-disabled); --wds-toggle-button-border-color-inverted: var(--wds-color-border-standard-tertiary); --wds-toggle-button-border-color-dark-hover: var(--wds-color-border-standard-tertiary-hover); --wds-toggle-button-border-color-dark-disabled: var(--wds-color-border-standard-tertiary-disabled); --wds-toggle-button-border-color-dark: var(--wds-color-border-standard-tertiary); --wds-toast-background-fill: var(--wds-color-fill-dark-primary); --wds-timeline-title-font-size: var(--wds-font-size-body-tiny); --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny); --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny); --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary); --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary); --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny); --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary); --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary); --wds-tabs-label-font-size-small: var(--wds-font-size-body-tiny); --wds-tabs-label-fill-active: var(--wds-color-text-primary); --wds-tabs-label-fill: var(--wds-color-text-standard-primary); --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active); --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary); --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary); --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary); --wds-swatches-fill-border-selected: var(--wds-color-border-standard-secondary-active); --wds-swatches-fill-border-no-value-dash: var(--wds-color-fill-destructive-primary); --wds-swatches-fill-border-no-value: var(--wds-color-border-standard-secondary); --wds-status-toast-text-font-size: var(--wds-font-size-body-medium); --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light); --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light); --wds-slider-track-color: var(--wds-color-fill-standard-secondary); --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-primary-hover); --wds-slider-slider-knob-color: var(--wds-color-fill-standard-primary); --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light); --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary); --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary); --wds-side-panel-title-font-size: var(--wds-font-size-heading-4); --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal); --wds-side-panel-floating-title-font-size: var(--wds-font-size-body-medium); --wds-selector-button-text-fill-pressed: var(--wds-color-text-primary); --wds-selector-button-text-fill-hover: var(--wds-color-text-standard-primary); --wds-selector-button-text-fill: var(--wds-color-text-standard-primary); --wds-selector-button-fill-pressed: var(--wds-color-fill-standard-tertiary-active); --wds-selector-button-fill-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-selector-button-fill-disabled: var(--wds-color-fill-standard-tertiary); --wds-selector-button-fill: var(--wds-color-fill-standard-tertiary); --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active); --wds-selector-button-border-color-hover: var(--wds-color-border-standard-secondary-hover); --wds-selector-button-border-color-disabled: var(--wds-color-border-standard-secondary-disabled); --wds-selector-button-border-color: var(--wds-color-border-standard-secondary); --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary); --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary); --wds-segmented-toggle-value-fill-default: var(--wds-color-text-standard-primary); --wds-segmented-toggle-value-fill: var(--wds-color-text-standard-primary); --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-small); --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium); --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-300); --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary); --wds-segmented-toggle-fill-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled); --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary); --wds-segmented-toggle-fill: var(--wds-color-fill-standard-tertiary); --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover); --wds-segmented-toggle-border-color-selected: var(--wds-color-border-standard-secondary-active); --wds-segmented-toggle-border-color-disabled: var(--wds-color-border-standard-secondary-disabled); --wds-segmented-toggle-border-color: var(--wds-color-border-standard-secondary); --wds-section-helper-title-font-size: var(--wds-font-size-body-tiny); --wds-section-helper-text-font-line-height: var(--wds-font-line-height-100); --wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard); --wds-section-header-label-font-size-small: var(--wds-font-size-body-small); --wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium); --wds-section-header-label-fill-neutral: var(--wds-color-text-standard-primary); --wds-section-header-fill-neutral: var(--wds-color-fill-surface-neutral); --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny); --wds-radio-label-font-size-medium: var(--wds-font-size-body-small); --wds-radio-fill-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-radio-fill-active-hover: var(--wds-color-fill-standard-primary); --wds-radio-fill-active: var(--wds-color-fill-standard-primary); --wds-radio-fill: var(--wds-color-fill-standard-tertiary); --wds-radio-dot-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled); --wds-radio-dot-fill-active: var(--wds-color-fill-standard-tertiary); --wds-radio-border-hover: var(--wds-color-border-dark-primary); --wds-radio-border-disabled: var(--wds-color-border-dark-primary-disabled); --wds-radio-border-active: var(--wds-color-border-standard-secondary-active); --wds-radio-border: var(--wds-color-border-dark-primary); --wds-popover-menu-border-radius: var(--wds-border-radius-surface-overlay); --wds-popover-fill: var(--wds-color-fill-surface-overlay); --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover); --wds-pagination-fill-active: var(--wds-color-fill-standard-primary); --wds-pagination-fill: var(--wds-color-fill-standard-tertiary); --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary); --wds-nestable-list-fill: var(--wds-color-fill-surface-default); --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary); --wds-message-modal-title-font-size: var(--wds-font-size-heading-4); --wds-message-modal-text-font-size: var(--wds-font-size-body-small); --wds-loader-fill-success: var(--wds-color-fill-standard-primary); --wds-loader-fill-light: var(--wds-color-fill-light-primary); --wds-loader-fill-error: var(--wds-color-fill-destructive-primary); --wds-loader-fill: var(--wds-color-fill-standard-secondary); --wds-list-item-select-title: var(--wds-color-text-standard-primary); --wds-list-item-select-suffix-pressed: var(--wds-color-text-placeholder); --wds-list-item-select-suffix: var(--wds-color-text-placeholder); --wds-list-item-select-subtitle-font-size-medium: var(--wds-font-size-body-tiny); --wds-list-item-select-subtitle: var(--wds-color-text-placeholder); --wds-list-item-select-label-font-size-small: var(--wds-font-size-body-tiny); --wds-list-item-select-label-font-size-medium: var(--wds-font-size-body-small); --wds-list-item-select-fill-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled); --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary-active); --wds-list-item-select-fill: var(--wds-color-fill-standard-tertiary); --wds-list-item-select-active-title-screen-small: var(--wds-color-text-primary); --wds-list-item-select-active-title: var(--wds-color-text-primary); --wds-list-item-select-active-subtitle-screen-small: var(--wds-color-text-primary); --wds-list-item-select-active-subtitle: var(--wds-color-text-primary); --wds-list-item-select-active-fill-screen-small: var(--wds-color-fill-standard-secondary); --wds-list-item-select-active-fill-hover: var(--wds-color-fill-standard-secondary-hover); --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active); --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-secondary-active); --wds-list-item-select-active-fill: var(--wds-color-fill-standard-secondary); --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder); --wds-list-item-section-font-size: var(--wds-font-size-body-tiny); --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary); --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder); --wds-list-item-action-suffix-fill: var(--wds-color-text-placeholder); --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny); --wds-list-item-action-subtitle-fill-active: var(--wds-color-text-placeholder); --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny); --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small); --wds-list-item-action-label-fill-active: var(--wds-color-text-primary); --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active); --wds-list-item-action-fill: var(--wds-color-fill-standard-tertiary); --wds-linear-progress-bar-label-font-letter-spacing: var(--wds-font-letter-spacing-heading-6); --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny); --wds-input-value-font-size-small: var(--wds-font-size-body-tiny); --wds-input-value-font-size-medium: var(--wds-font-size-body-small); --wds-input-value-font-size-large: var(--wds-font-size-body-medium); --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary); --wds-input-border-color-readonly: var(--wds-color-border-standard-secondary-readonly); --wds-input-border-color-hover: var(--wds-color-border-standard-secondary); --wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active); --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled); --wds-input-border-color: var(--wds-color-border-standard-secondary); --wds-input-background-fill-readonly: var(--wds-color-fill-standard-tertiary-readonly); --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-input-background-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled); --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary); --wds-input-background-fill: var(--wds-color-fill-standard-tertiary); --wds-info-icon-fill-hover: var(--wds-color-text-primary); --wds-info-icon-fill: var(--wds-color-text-placeholder); --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-text-primary); --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-text-primary); --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary); --wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-standard-secondary-active: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary); --wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-standard-primary-disabled: var(--wds-color-text-disabled-light); --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-premium-tertiary-hover: var(--wds-color-text-premium); --wds-icon-button-color-text-premium-tertiary-active: var(--wds-color-text-premium); --wds-icon-button-color-text-premium-tertiary: var(--wds-color-text-premium); --wds-icon-button-color-text-premium-secondary-hover: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-premium-secondary-active: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-premium-secondary: var(--wds-color-text-premium); --wds-icon-button-color-text-premium-primary-hover: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-premium-primary-disabled: var(--wds-color-text-disabled-light); --wds-icon-button-color-text-premium-primary-active: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-premium-primary: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-light-tertiary-hover: var(--wds-color-text-primary); --wds-icon-button-color-text-light-tertiary-disabled: var(--wds-color-text-disabled-light); --wds-icon-button-color-text-light-tertiary-active: var(--wds-color-text-primary); --wds-icon-button-color-text-light-tertiary: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-light-secondary-hover: var(--wds-color-text-primary); --wds-icon-button-color-text-light-secondary-active: var(--wds-color-text-primary); --wds-icon-button-color-text-light-secondary: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-light-primary-hover: var(--wds-color-text-primary); --wds-icon-button-color-text-light-primary-active: var(--wds-color-text-primary); --wds-icon-button-color-text-light-primary: var(--wds-color-text-primary); --wds-icon-button-color-text-dark-tertiary-hover: var(--wds-color-text-standard-primary); --wds-icon-button-color-text-dark-tertiary-active: var(--wds-color-text-standard-primary); --wds-icon-button-color-text-dark-tertiary: var(--wds-color-text-standard-primary); --wds-icon-button-color-text-dark-secondary-hover: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-dark-secondary-active: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-dark-secondary: var(--wds-color-text-standard-primary); --wds-icon-button-color-text-dark-primary-hover: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-text-disabled-light); --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-text-dark-primary: var(--wds-color-text-standard-primary-light); --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover); --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary-disabled); --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active); --wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary); --wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-hover); --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-fill-standard-tertiary-disabled); --wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active); --wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary); --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover); --wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary); --wds-icon-button-color-fill-premium-tertiary-hover: var(--wds-color-fill-premium-light-secondary-hover); --wds-icon-button-color-fill-premium-tertiary-disabled: var(--wds-color-fill-premium-light-secondary-disabled); --wds-icon-button-color-fill-premium-tertiary-active: var(--wds-color-fill-premium-light-secondary-active); --wds-icon-button-color-fill-premium-tertiary: var(--wds-color-fill-premium-light-secondary); --wds-icon-button-color-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-hover); --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-fill-premium-tertiary-disabled); --wds-icon-button-color-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active); --wds-icon-button-color-fill-premium-secondary: var(--wds-color-fill-premium-tertiary); --wds-icon-button-color-fill-premium-primary-hover: var(--wds-color-fill-premium-primary-hover); --wds-icon-button-color-fill-premium-primary-active: var(--wds-color-fill-premium-primary-active); --wds-icon-button-color-fill-premium-primary: var(--wds-color-fill-premium-primary); --wds-icon-button-color-fill-light-tertiary-hover: var(--wds-color-fill-light-secondary-hover); --wds-icon-button-color-fill-light-tertiary-disabled: var(--wds-color-fill-light-secondary-disabled); --wds-icon-button-color-fill-light-tertiary-active: var(--wds-color-fill-light-secondary-active); --wds-icon-button-color-fill-light-tertiary: var(--wds-color-fill-light-secondary); --wds-icon-button-color-fill-light-secondary-hover: var(--wds-color-fill-light-secondary-hover); --wds-icon-button-color-fill-light-secondary-disabled: var(--wds-color-fill-light-secondary-disabled); --wds-icon-button-color-fill-light-secondary-active: var(--wds-color-fill-light-secondary-active); --wds-icon-button-color-fill-light-secondary: var(--wds-color-fill-light-secondary); --wds-icon-button-color-fill-light-primary-hover: var(--wds-color-fill-light-primary-hover); --wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-fill-light-primary-disabled); --wds-icon-button-color-fill-light-primary-active: var(--wds-color-fill-light-primary-active); --wds-icon-button-color-fill-light-primary: var(--wds-color-fill-light-primary); --wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-fill-dark-tertiary-hover); --wds-icon-button-color-fill-dark-tertiary-disabled: var(--wds-color-fill-light-secondary-disabled); --wds-icon-button-color-fill-dark-tertiary-active: var(--wds-color-fill-dark-tertiary-active); --wds-icon-button-color-fill-dark-tertiary: var(--wds-color-fill-light-secondary); --wds-icon-button-color-fill-dark-secondary-hover: var(--wds-color-fill-dark-primary-hover); --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-fill-light-secondary-disabled); --wds-icon-button-color-fill-dark-secondary-active: var(--wds-color-fill-standard-primary-active); --wds-icon-button-color-fill-dark-secondary: var(--wds-color-fill-light-secondary); --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover); --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active); --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary); --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover); --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-border-standard-secondary-disabled); --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-secondary-active); --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-secondary); --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-border-standard-secondary-disabled); --wds-icon-button-color-border-premium-secondary-active: var(--wds-color-border-premium-secondary-active); --wds-icon-button-color-border-premium-secondary: var(--wds-color-border-premium-secondary); --wds-icon-button-color-border-light-secondary-hover: var(--wds-color-border-light-hover); --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-border-light-disabled); --wds-icon-button-color-border-light-secondary-active: var(--wds-color-border-light-active); --wds-icon-button-color-border-light-secondary: var(--wds-color-border-light); --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-primary-active); --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-border-dark-secondary-disabled); --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-primary-active); --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary); --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny); --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny); --wds-form-field-label-fill: var(--wds-color-text-standard-primary); --wds-fill-button-icon-color: var(--wds-color-text-primary); --wds-fill-button-fill-hover: var(--wds-color-fill-standard-secondary-hover); --wds-fill-button-fill: var(--wds-color-fill-standard-secondary); --wds-fill-button-border-color: var(--wds-color-border-standard-secondary); --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-extra-tiny); --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny); --wds-field-set-label-fill: var(--wds-color-text-standard-primary); --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary); --wds-drag-handle-fill: var(--wds-color-text-primary); --wds-dock-foreground-fill-hover: var(--wds-color-fill-standard-secondary-active); --wds-dock-foreground-fill-active: var(--wds-color-fill-standard-primary); --wds-dock-foreground-fill: var(--wds-color-fill-standard-secondary-hover); --wds-divider-vertical-fill-color-light: var(--wds-color-border-dark-secondary); --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary); --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary); --wds-divider-fill-color-light: var(--wds-color-border-dark-secondary); --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small); --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny); --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary); --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary); --wds-close-button-standard-filled-fill: var(--wds-color-fill-dark-tertiary); --wds-close-button-standard-fill-hover: var(--wds-color-fill-dark-tertiary-hover); --wds-close-button-standard-fill-active: var(--wds-color-fill-dark-tertiary-active); --wds-clickable-card-outline-border-color-hover: var(--wds-color-border-standard-primary-hover); --wds-clickable-card-outline-border-color-disabled: var(--wds-color-border-standard-primary-disabled); --wds-clickable-card-outline-border-color-active: var(--wds-color-border-standard-primary-active); --wds-clickable-card-outline-border-color: var(--wds-color-border-standard-primary); --wds-clickable-card-filled-fill-hover: var(--wds-color-fill-light-primary-hover); --wds-clickable-card-filled-fill-disabled: var(--wds-color-fill-light-primary-disabled); --wds-clickable-card-filled-fill-active: var(--wds-color-fill-light-primary-active); --wds-clickable-card-filled-fill: var(--wds-color-fill-light-primary); --wds-circular-progress-bar-foreground-fill-success: var(--wds-color-fill-success-primary); --wds-circular-progress-bar-foreground-fill-standard: var(--wds-color-fill-standard-primary); --wds-circular-progress-bar-foreground-fill-premium: var(--wds-color-fill-premium-primary); --wds-circular-progress-bar-foreground-fill-error: var(--wds-color-fill-destructive-primary); --wds-checkbox-label-font-size-small: var(--wds-font-size-body-small); --wds-checkbox-label-font-size-medium: var(--wds-font-size-body-medium); --wds-checkbox-label-disabled: var(--wds-color-text-standard-primary); --wds-checkbox-icon-disabled: var(--wds-color-text-disabled-light); --wds-checkbox-icon: var(--wds-color-text-standard-primary-light); --wds-checkbox-fill-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-checkbox-fill-active-hover: var(--wds-color-fill-standard-primary-hover); --wds-checkbox-fill-active: var(--wds-color-fill-standard-primary); --wds-checkbox-fill: var(--wds-color-fill-standard-tertiary); --wds-checkbox-border-hover: var(--wds-color-border-dark-primary); --wds-checkbox-border-disabled: var(--wds-color-border-dark-primary-disabled); --wds-checkbox-border-active: var(--wds-color-border-standard-secondary-active); --wds-checkbox-border: var(--wds-color-border-dark-primary); --wds-carousel-controls-shadow: var(--wds-shadow-300); --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-small); --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-small); --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary); --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default); --wds-button-text-hover: var(--wds-color-text-primary); --wds-button-outline-hover: var(--wds-color-border-standard-secondary); --wds-button-label-fill-transparent-tertiary: var(--wds-color-text-standard-primary-light); --wds-button-label-fill-standard-secondary-hover: var(--wds-color-text-primary); --wds-button-label-fill-standard-secondary-active: var(--wds-color-text-standard-primary-light); --wds-button-label-fill-standard-secondary: var(--wds-color-text-primary); --wds-button-label-fill-standard-primary-disabled: var(--wds-color-text-disabled-light); --wds-button-label-fill-premium-secondary-hover: var(--wds-color-text-premium); --wds-button-label-fill-premium-secondary-active: var(--wds-color-text-standard-primary-light); --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium); --wds-button-label-fill-premium-primary-disabled: var(--wds-color-text-disabled-light); --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-text-destructive); --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-text-standard-primary-light); --wds-button-label-fill-destructive-secondary-active: var(--wds-color-text-standard-primary-light); --wds-button-label-fill-destructive-secondary: var(--wds-color-text-destructive); --wds-button-label-fill-destructive-primary-disabled: var(--wds-color-text-disabled-light); --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary-light); --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary-light); --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary); --wds-button-label-fill-dark-primary-disabled: var(--wds-color-text-disabled-light); --wds-button-font-size-tiny: var(--wds-font-size-body-tiny); --wds-button-font-size-small: var(--wds-font-size-body-tiny); --wds-button-font-size-medium: var(--wds-font-size-body-small); --wds-button-font-size-large: var(--wds-font-size-body-medium); --wds-button-font-line-height-small: var(--wds-font-line-height-100); --wds-button-font-line-height-medium: var(--wds-font-line-height-200); --wds-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-button-fill-standard-secondary-disabled: var(--wds-color-fill-standard-tertiary); --wds-button-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active); --wds-button-fill-standard-secondary: var(--wds-color-fill-standard-tertiary); --wds-button-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover); --wds-button-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active); --wds-button-fill-standard-primary: var(--wds-color-fill-standard-primary); --wds-button-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover); --wds-button-fill-premium-secondary-disabled: var(--wds-color-fill-premium-tertiary-disabled); --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active); --wds-button-fill-premium-secondary: var(--wds-color-fill-standard-tertiary); --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover); --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover); --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover); --wds-button-fill-destructive-secondary-disabled: var(--wds-color-fill-destructive-tertiary-disabled); --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-primary-active); --wds-button-fill-destructive-secondary: var(--wds-color-fill-standard-tertiary); --wds-button-fill-dark-secondary-hover: var(--wds-color-fill-dark-primary-hover); --wds-button-fill-dark-secondary-disabled: var(--wds-color-fill-dark-tertiary-disabled); --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary-active); --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary); --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary); --wds-button-border-standard-secondary-disabled: var(--wds-color-border-standard-secondary-disabled); --wds-button-border-standard-secondary-active: var(--wds-color-border-standard-primary-active); --wds-button-border-standard-secondary: var(--wds-color-border-standard-secondary); --wds-button-border-premium-secondary-hover: var(--wds-color-border-standard-secondary); --wds-button-border-premium-secondary-disabled: var(--wds-color-border-premium-secondary-disabled); --wds-button-border-premium-secondary-active: var(--wds-color-border-premium-primary-active); --wds-button-border-premium-secondary: var(--wds-color-border-standard-secondary); --wds-button-border-destructive-secondary-hover: var(--wds-color-border-standard-secondary); --wds-button-border-destructive-secondary-disabled: var(--wds-color-border-standard-secondary); --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-primary-active); --wds-button-border-destructive-secondary: var(--wds-color-border-standard-secondary); --wds-button-border-dark-secondary-hover: var(--wds-color-border-dark-primary-hover); --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled); --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary); --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary); --wds-badge-outline-warning-label-color: var(--wds-color-text-warning); --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary); --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary); --wds-badge-outline-urgent-label-color: var(--wds-color-text-urgent); --wds-badge-outline-urgent-fill: var(--wds-color-fill-urgent-tertiary); --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary); --wds-badge-outline-success-label-color: var(--wds-color-text-success); --wds-badge-outline-success-fill: var(--wds-color-fill-success-tertiary); --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary); --wds-badge-outline-standard-label-color: var(--wds-color-text-primary); --wds-badge-outline-standard-fill: var(--wds-color-fill-standard-tertiary); --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary); --wds-badge-outline-premium-label-color: var(--wds-color-text-premium); --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary); --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary); --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light); --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary); --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary); --wds-badge-outline-destructive-label-color: var(--wds-color-text-destructive); --wds-badge-outline-destructive-fill: var(--wds-color-fill-destructive-tertiary); --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary); --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary); --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-tertiary); --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary); --wds-badge-label-font-size-small: var(--wds-font-size-body-small); --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1); --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small); --wds-announcement-modal-border-radius: var(--wds-border-radius-surface-modal); --wds-add-item-title-font-size-small: var(--wds-font-size-body-tiny); --wds-add-item-title-font-size-medium: var(--wds-font-size-body-small); --wds-add-item-label-color: var(--wds-color-text-primary); --wds-add-item-fill-pressed: var(--wds-color-fill-standard-tertiary-active); --wds-add-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-add-item-border-color-hover: var(--wds-color-border-standard-primary-hover); --wds-add-item-border-color-disabled: var(--wds-color-border-standard-primary-disabled); --wds-add-item-border-color: var(--wds-color-border-standard-primary); --wds-accordion-title-font-size-small: var(--wds-font-size-body-tiny); --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small); --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary); --wds-accordion-title-fill: var(--wds-color-text-standard-primary); --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary); --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary); --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-accordion-background-fill-standard: var(--wds-color-fill-standard-tertiary); --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover); --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary); --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny); --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-tiny); --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small); --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny); --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny); --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny); --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny); --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny); --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%); --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-tiny); --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-medium); --wds-side-panel-title-font-line-height: var(--wds-font-line-height-body-medium); --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-body-medium); --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-tiny); --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny); --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small); --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-4); --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small); --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny); --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny); --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small); --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny); --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-small); --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-heading-6); --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny); --wds-input-value-font-line-height-small: var(--wds-font-line-height-body-tiny); --wds-input-value-font-line-height-medium: var(--wds-font-line-height-body-small); --wds-input-value-font-line-height-large: var(--wds-font-line-height-body-medium); --wds-form-field-label-line-height-tiny: var(--wds-font-line-height-body-extra-tiny); --wds-form-field-label-line-height-small: var(--wds-font-line-height-body-tiny); --wds-field-set-label-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny); --wds-field-set-label-font-line-height-small: var(--wds-font-line-height-body-tiny); --wds-divider-gradient-border: linear-gradient(90deg, var(--wds-divider-fill-color-light-secondary) 0%, var(--wds-divider-fill-color-light-primary) 16%, var(--wds-divider-fill-color-light-primary) 84%, var(--wds-divider-fill-color-light-secondary) 100%); --wds-custom-modal-header-subtitle-font-line-height: var(--wds-font-line-height-body-small); --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny); --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small); --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium); --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small); --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium); --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny); --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium); --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium); --wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-small); --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-1); --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-small); --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny); --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-small); --wds-accordion-title-font-line-height-medium: var(--wds-font-line-height-body-small); }