@wavemaker/rn-codegen 12.0.0-next.142013 → 12.0.0-next.28533

package/src/templates/foundation-theme/build/ios/wavemaker/design-tokens/tokens.light.css

@@ -0,0 +1,1358 @@
+:root[color="light"] {
+  --wm-accordion-width: 100%;
+  --wm-accordion-border-color: #eeeeee;
+  --wm-accordion-border-radius: 6px;
+  --wm-accordion-background-color: transparent;
+  --wm-accordion-text-color: #333333;
+  --wm-accordion-text-font-size: 18px;
+  --wm-accordion-header-border-color: #333333;
+  --wm-accordion-header-subtitle-font-size: 14px;
+  --wm-accordion-header-subtitle-margin-top: 8px;
+  --wm-accordion-badge-border-width: 2px;
+  --wm-accordion-badge-border-color: #cccccc;
+  --wm-accordion-badge-background-color: transparent;
+  --wm-accordion-title-icon-color: #333333;
+  --wm-accordion-title-icon-size: 18px;
+  --wm-anchor-text-transform: none;
+  --wm-anchor-text-decoration: none;
+  --wm-audio-width: 300px;
+  --wm-badge-min-height: 20px;
+  --wm-badge-inline-padding: 6px;
+  --wm-badge-line-height: 1;
+  --wm-barcodescanner-min-height: 30px;
+  --wm-barcodescanner-padding-top: 10px;
+  --wm-barcodescanner-ripple-color: transparent;
+  --wm-bottomsheet-backdrop-background: rgba(0,0,0,0.1);
+  --wm-bottomsheet-border-color: transparent;
+  --wm-bottomsheet-handle-border-width: 1;
+  --wm-bottomsheet-handle-border-color: transparent;
+  --wm-breadcrumb-item-text-transform: none;
+  --wm-breadcrumb-item-text-decoration: none;
+  --wm-breadcrumb-item-text-decoration-hover: underline;
+  --wm-breadcrumb-item-text-decoration-focus: underline;
+  --wm-breadcrumb-item-text-decoration-active: none;
+  --wm-btn-cursor: pointer;
+  --wm-btn-position: relative;
+  --wm-btn-position-bottom: none;
+  --wm-btn-position-right: none;
+  --wm-btn-opacity: 1;
+  --wm-btn-text-transform: none;
+  --wm-btn-border-width: 1px;
+  --wm-btn-border-style: solid;
+  --wm-btn-min-width: auto;
+  --wm-btn-height: 40px;
+  --wm-btn-shadow: none;
+  --wm-btn-ripple-color: rgba(255, 255, 255, 0.08);
+  --wm-btn-skeleton-width: 96px;
+  --wm-calendar-fc-button-bg-color: #2c3e50;
+  --wm-calendar-fc-button-border-color: #2C3E50;
+  --wm-calendar-fc-anchor-color: #aaaaaa;
+  --wm-calendar-width: 100%;
+  --wm-calendar-min-height: 456px;
+  --wm-calendar-day-border-color: transparent;
+  --wm-calendar-not-day-of-month-color: #666666;
+  --wm-calendar-not-day-of-month-font-weight: normal;
+  --wm-calendar-event-day1-color1: rgb(117, 150, 255);
+  --wm-calendar-event-day1-color2: rgb(168, 201, 255);
+  --wm-calendar-event-day1-color3: rgb(194, 203, 248);
+  --wm-calendar-prev-month-btn-color: #aaaaaa;
+  --wm-calendar-header-skeleton-width: 100%;
+  --wm-camera-color: #151420;
+  --wm-camera-border-color: #ccc;
+  --wm-camera-border-radius: 20px;
+  --wm-camera-min-height: 30px;
+  --wm-camera-min-width: 40px;
+  --wm-card-header-width: 100%;
+  --wm-card-header-background-color: transparent;
+  --wm-card-border-radius: 6px;
+  --wm-card-shadow: none;
+  --wm-card-background: transparent;
+  --wm-card-padding: 0px;
+  --wm-carousel-ripple-color: transparent;
+  --wm-carousel-slide-width: 100%;
+  --wm-carousel-navigation-arrows-border-radius: 48px;
+  --wm-carousel-navigation-arrows-border-color: transparent;
+  --wm-carousel-navigation-arrows-background: transparent;
+  --wm-carousel-navigation-arrows-ripple-color: transparent;
+  --wm-carousel-dots-wrapper-background-color: transparent;
+  --wm-carousel-dots-wrapper-opacity: 1px;
+  --wm-carousel-dots-width: 10px;
+  --wm-carousel-dots-height: 10px;
+  --wm-carousel-dots-border-radius: 5px;
+  --wm-carousel-dots-background: transparent;
+  --wm-carousel-dots-opacity: 0.6px;
+  --wm-carousel-skeleton-width: 100%;
+  --wm-checkbox-label-margin-left: 8px;
+  --wm-checkbox-background-color: transparent;
+  --wm-checkbox-icon-color: transparent;
+  --wm-checkbox-border-width: 2px;
+  --wm-checkboxset-background-color: transparent;
+  --wm-checkboxset-icon-color: transparent;
+  --wm-checkboxset-border-width: 2;
+  --wm-checkboxset-title-background-color: transparent;
+  --wm-checkboxset-item-margin-right: -20;
+  --wm-chips-background-color: transparent;
+  --wm-chips-opacity: 1;
+  --wm-chips-pointer-events: auto;
+  --wm-chips-shadow: none;
+  --wm-chips-list-background-color: transparent;
+  --wm-chips-list-height: 70px;
+  --wm-chips-item-height: 32px;
+  --wm-container-border-color: transparent;
+  --wm-container-background-color: transparent;
+  --wm-container-box-shadow: none;
+  --wm-container-opacity: 1;
+  --wm-currency-inputgroup-addon-width: 40px;
+  --wm-datetime-cancel-button-background: transparent;
+  --wm-datetime-button-ripple-color: transparent;
+  --wm-datetime-header-text-font-size: 20px;
+  --wm-dropdown-menu-background: transparent;
+  --wm-dropdown-menu-text-decoration: none;
+  --wm-dropdown-menu-content-width: 220px;
+  --wm-dropdown-menu-content-background: #fff;
+  --wm-dropdown-menu-border-width: 0;
+  --wm-fileupload-text-align: center;
+  --wm-fileupload-ripple-color: transparent;
+  --wm-form-controls-min-height: 48px;
+  --wm-form-controls-min-width: 160px;
+  --wm-grid-layout-width: 100%;
+  --wm-icon-size: 24px;
+  --wm-icon-size-xs: 12px;
+  --wm-icon-size-sm: 18px;
+  --wm-icon-size-md: 24px;
+  --wm-icon-size-lg: 30px;
+  --wm-icon-size-2x: 36px;
+  --wm-icon-size-3x: 42px;
+  --wm-icon-size-4x: 48px;
+  --wm-icon-size-5x: 54px;
+  --wm-label-background-color: none;
+  --wm-label-large-font-size: 14px;
+  --wm-label-large-line-height: 20px;
+  --wm-label-large-letter-spacing: 0.1px;
+  --wm-label-medium-font-size: 12px;
+  --wm-label-medium-line-height: 16px;
+  --wm-label-medium-letter-spacing: 0.5px;
+  --wm-label-small-font-size: 11px;
+  --wm-label-small-line-height: 16px;
+  --wm-label-small-letter-spacing: 0.5px;
+  --wm-left-panel-min-height: 100%;
+  --wm-left-panel-background: #ffffff;
+  --wm-left-panel-max-width: 360px;
+  --wm-list-background-color: transparent;
+  --wm-list-border-color: transparent;
+  --wm-message-container-border-radius: 6px;
+  --wm-message-icon-size: 20px;
+  --wm-message-close-btn-border-radius: 6px;
+  --wm-message-close-btn-border-color: transparent;
+  --wm-message-close-btn-background-color: transparent;
+  --wm-message-close-btn-ripple-color: transparent;
+  --wm-modal-z-index: 1000;
+  --wm-modal-min-width: 320px;
+  --wm-modal-header-border-color: #cccccc;
+  --wm-modal-header-close-btn-border-width: 0;
+  --wm-modal-header-close-btn-border-color: #cccccc;
+  --wm-modal-header-close-btn-font-size: 14px;
+  --wm-modal-header-close-btn-color: #aaaaaa;
+  --wm-modal-title-color: #000000;
+  --wm-modal-icon-color: #000000;
+  --wm-modal-description-color: #000000;
+  --wm-nav-partial-container-background: transparent;
+  --wm-navbar-height: 80px;
+  --wm-navbar-image-width: 32px;
+  --wm-navbar-image-height: 32px;
+  --wm-navbar-badge-background-color: transparent;
+  --wm-navbar-badge-margin-left: 4px;
+  --wm-navbar-anchor-padding-right: 0px;
+  --wm-navbar-anchor-padding-left: 0px;
+  --wm-navbar-anchor-padding-top: 0px;
+  --wm-navbar-anchor-padding-bottom: 0px;
+  --wm-navbar-border-radius: 0px;
+  --wm-navitem-badge-text-align: center;
+  --wm-navitem-badge-align-self: unset;
+  --wm-navitem-text-decoration: none;
+  --wm-navitem-text-flex: 1;
+  --wm-panel-footer-border-radius: 6px;
+  --wm-panel-footer-min-height: 64px;
+  --wm-popover-width: 100%;
+  --wm-popover-min-height: 240px;
+  --wm-popover-link-background-color: transparent;
+  --wm-popover-link-height: auto;
+  --wm-popover-link-width: auto;
+  --wm-popover-link-min-height: auto;
+  --wm-progress-bar-height: 16px;
+  --wm-progress-circle-width: 150px;
+  --wm-progress-circle-height: 150px;
+  --wm-radiobutton-size: 20px;
+  --wm-radiobutton-indicator-size: 16px;
+  --wm-radiobutton-color: transparent;
+  --wm-radiobutton-border-width: 2px;
+  --wm-radiobutton-title-background-color: transparent;
+  --wm-radiobutton-title-line-height: 40px;
+  --wm-rating-opacity: 1;
+  --wm-rating-icon-size: 32px;
+  --wm-rating-text-size: 32px;
+  --wm-scroll-bar-width: 6px;
+  --wm-scroll-bar-height: 6px;
+  --wm-scroll-bar-track-radius: 6px;
+  --wm-scroll-bar-thumb-radius: 6px;
+  --wm-search-dropdown-width: 90%;
+  --wm-search-dropdown-border-color: transparent;
+  --wm-search-dropdown-border-width: 0;
+  --wm-search-btn-ripple-color: rgba(255, 255, 255, 0.08);
+  --wm-search-btn-width: auto;
+  --wm-search-data-complete-background: transparent;
+  --wm-search-item-separator-width: 0;
+  --wm-select-arrow-button-height: 12px;
+  --wm-select-modal-content-width: 90%;
+  --wm-select-item-border-bottom: 1px;
+  --wm-slider-tooltip-background: #000;
+  --wm-spinner-background: transparent;
+  --wm-spinner-width: 100%;
+  --wm-spinner-lottie-width: 150px;
+  --wm-spinner-lottie-height: 150px;
+  --wm-switch-button-text-transform: capitalize;
+  --wm-switch-button-border-width: 1px;
+  --wm-switch-button-ripple-color: rgba(255, 255, 255, 0.08);
+  --wm-tabbar-height: 80px;
+  --wm-tabbar-menu-height: 100%;
+  --wm-tabbar-more-menu-width: 100%;
+  --wm-tabbar-more-menu-row-width: 100%;
+  --wm-tabbar-item-border-radius: 0px;
+  --wm-tabbar-item-background-color: transparent;
+  --wm-tabbar-item-opacity: 1;
+  --wm-tabs-border-color: transparent;
+  --wm-tabs-item-heading-indicator-height: 3px;
+  --wm-tabs-item-icon-display: inline-flex;
+  --wm-tabs-item-icon-height: 1;
+  --wm-tabs-item-icon-width: 1;
+  --wm-tabs-min-height: 240px;
+  --wm-textarea-height: 86px;
+  --wm-tile-border-width: 1px;
+  --wm-tile-border-color: transparent;
+  --wm-toast-container-width: 344px;
+  --wm-toggle-width: 52px;
+  --wm-toggle-height: 32px;
+  --wm-toggle-handle-width: 16px;
+  --wm-toggle-handle-height: 16px;
+  --wm-toggle-handle-radius: 18px;
+  --wm-toggle-handle-margin-left: 8px;
+  --wm-toggle-handle-margin-right: 1px;
+  --wm-toggle-border-radius: 18px;
+  --wm-toggle-border-width: 2px;
+  --wm-toggle-opacity: 1;
+  --wm-video-width: 340px;
+  --wm-video-height: 300px;
+  --wm-wizard-body-height: 50vh;
+  --wm-wizard-step-indicator-size: 33px;
+  --wm-wizard-step-indicator-background-color: transparent;
+  --wm-wizard-step-connector-width: 1px;
+  --wm-border-style-solid: solid;
+  --wm-border-style-dotted: dotted;
+  --wm-border-style-dashed: dashed;
+  --wm-border-width-0: 0px;
+  --wm-border-width-1: 1px;
+  --wm-border-width-2: 2px;
+  --wm-border-width-3: 3px;
+  --wm-border-width-4: 4px;
+  --wm-border-width-5: 5px;
+  --wm-border-width-6: 6px;
+  --wm-border-width-7: 7px;
+  --wm-border-width-8: 8px;
+  --wm-border-width-9: 9px;
+  --wm-border-width-10: 10px;
+  --wm-border-width-11: 11px;
+  --wm-border-width-12: 12px;
+  --wm-border-width-base: 1px;
+  --wm-box-shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
+  --wm-box-shadow-2: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
+  --wm-box-shadow-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
+  --wm-box-shadow-4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.30);
+  --wm-box-shadow-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.30);
+  --wm-box-shadow-none: none;
+  --wm-color-primary: #FF7250;
+  --wm-color-primary-container: #ffe3dc;
+  --wm-color-primary-fixed: #ffe8e2;
+  --wm-color-primary-fixed-dim: #ffe8e2;
+  --wm-color-on-primary: #FFFFFF;
+  --wm-color-on-primary-container: #2d201d;
+  --wm-color-on-primary-fixed: #1d0600;
+  --wm-color-on-primary-fixed-variant: #804536;
+  --wm-color-secondary: #656DF9;
+  --wm-color-secondary-container: #e2e3ff;
+  --wm-color-secondary-fixed: #dcdef6;
+  --wm-color-secondary-fixed-dim: #bbbcd6;
+  --wm-color-on-secondary: #FFFFFF;
+  --wm-color-on-secondary-container: #1c1c2b;
+  --wm-color-on-secondary-fixed: #171828;
+  --wm-color-on-secondary-fixed-variant: #404154;
+  --wm-color-tertiary: #E0B313;
+  --wm-color-tertiary-container: #fff5d3;
+  --wm-color-tertiary-fixed: #fff5d2;
+  --wm-color-tertiary-fixed-dim: #e9e1c3;
+  --wm-color-on-tertiary: #FFFFFF;
+  --wm-color-on-tertiary-container: #27210c;
+  --wm-color-on-tertiary-fixed: #362e12;
+  --wm-color-on-tertiary-fixed-variant: #544c31;
+  --wm-color-success: #5AC588;
+  --wm-color-success-container: #d6ffe8;
+  --wm-color-on-success: #FFFFFF;
+  --wm-color-on-success-container: #11251a;
+  --wm-color-info: #00c8ff;
+  --wm-color-info-container: #ddf7ff;
+  --wm-color-on-info: #FFFFFF;
+  --wm-color-on-info-container: #191919;
+  --wm-color-warning: #ffae00;
+  --wm-color-warning-container: #fff4d5;
+  --wm-color-on-warning: #FFFFFF;
+  --wm-color-on-warning-container: #1b1b1b;
+  --wm-color-error: #EF3F3F;
+  --wm-color-error-container: #F9DEDC;
+  --wm-color-on-error: #FFFFFF;
+  --wm-color-on-error-container: #410E0B;
+  --wm-color-background: #FFFFFF;
+  --wm-color-on-background: #35363B;
+  --wm-color-outline: #79747E;
+  --wm-color-outline-variant: #E4E4E4;
+  --wm-color-shadow: #dfdfdf;
+  --wm-color-scrim: #000000;
+  --wm-color-surface: #FFFFFF;
+  --wm-color-surface-variant: #FBFBFC;
+  --wm-color-surface-bright: #f3f4fe;
+  --wm-color-surface-dim: #c5c6d4;
+  --wm-color-surface-tint: #474b98;
+  --wm-color-surface-container: #ebebf7;
+  --wm-color-surface-container-low: #f0f2ff;
+  --wm-color-surface-container-lowest: #f5f7ff;
+  --wm-color-surface-container-high: #e8e8f1;
+  --wm-color-surface-container-highest: #dfe0e9;
+  --wm-color-on-surface: #1D1B20;
+  --wm-color-on-surface-variant: #4F556D;
+  --wm-color-inverse-surface: #2d2d33;
+  --wm-color-inverse-on-surface: #f5f5ff;
+  --wm-color-inverse-primary: #ffd4c9;
+  --wm-color-white: #FFFFFF;
+  --wm-color-black: #000000;
+  --wm-color-transparent: transparent;
+  --wm-color-border-translucent: rgba(0, 0, 0, 0.175);
+  --wm-elevation-shadow-none: none;
+  --wm-font-weight-100: 100;
+  --wm-font-weight-200: 200;
+  --wm-font-weight-300: 300;
+  --wm-font-weight-400: 400;
+  --wm-font-weight-500: 500;
+  --wm-font-weight-600: 600;
+  --wm-font-weight-700: 700;
+  --wm-font-weight-800: 800;
+  --wm-font-weight-900: 900;
+  --wm-font-family-brand: Roboto;
+  --wm-font-family-plain: Roboto;
+  --wm-font-family-backup: Arial;
+  --wm-body-large-font-size: 16px;
+  --wm-body-large-line-height: 24px;
+  --wm-body-large-letter-spacing: 0.5px;
+  --wm-body-medium-font-size: 14px;
+  --wm-body-medium-line-height: 20px;
+  --wm-body-medium-letter-spacing: 0.25px;
+  --wm-body-small-font-size: 12px;
+  --wm-body-small-line-height: 16px;
+  --wm-body-small-letter-spacing: 0.4px;
+  --wm-h1-font-size: 32px;
+  --wm-h1-line-height: 40px;
+  --wm-h1-letter-spacing: 0px;
+  --wm-h2-font-size: 28px;
+  --wm-h2-line-height: 36px;
+  --wm-h2-letter-spacing: 0px;
+  --wm-h3-font-size: 24px;
+  --wm-h3-line-height: 32px;
+  --wm-h3-letter-spacing: 0px;
+  --wm-h4-font-size: 22px;
+  --wm-h4-line-height: 28px;
+  --wm-h4-letter-spacing: 0px;
+  --wm-h5-font-size: 16px;
+  --wm-h5-line-height: 24px;
+  --wm-h5-letter-spacing: 0.15px;
+  --wm-h6-font-size: 14px;
+  --wm-h6-line-height: 20px;
+  --wm-h6-letter-spacing: 0.1px;
+  --wm-p-font-size: 12px;
+  --wm-p-line-height: 18px;
+  --wm-p-letter-spacing: 0.1px;
+  --wm-display-large-font-size: 57px;
+  --wm-display-large-line-height: 64px;
+  --wm-display-large-letter-spacing: -0.25px;
+  --wm-display-medium-font-size: 45px;
+  --wm-display-medium-line-height: 52px;
+  --wm-display-medium-letter-spacing: 0px;
+  --wm-display-small-font-size: 36px;
+  --wm-display-small-line-height: 44px;
+  --wm-display-small-letter-spacing: 0px;
+  --wm-gap-base: 4px;
+  --wm-margin-base: 4px;
+  --wm-opacity-focus: 12%;
+  --wm-opacity-active: 100%;
+  --wm-radius-base: 2px;
+  --wm-radius-none: 0px;
+  --wm-radius-xxs: 2px;
+  --wm-radius-xs: 4px;
+  --wm-radius-sm: 8px;
+  --wm-radius-md: 12px;
+  --wm-radius-lg: 16px;
+  --wm-radius-xl: 28px;
+  --wm-radius-xxl: 32px;
+  --wm-radius-pill: 1000px;
+  --wm-radius-circle: 1000px;
+  --wm-space-0: 0px;
+  --wm-space-1: 4px;
+  --wm-space-2: 8px;
+  --wm-space-3: 12px;
+  --wm-space-4: 16px;
+  --wm-space-5: 20px;
+  --wm-space-6: 24px;
+  --wm-space-7: 28px;
+  --wm-space-8: 32px;
+  --wm-space-9: 36px;
+  --wm-space-10: 40px;
+  --wm-space-11: 44px;
+  --wm-space-12: 48px;
+  --wm-space-rule: 4px;
+  --wm-spacer-0: 0px;
+  --wm-spacer-1: 4px;
+  --wm-spacer-2: 8px;
+  --wm-spacer-3: 16px;
+  --wm-spacer-4: 25.6px;
+  --wm-spacer-5: 40px;
+  --wm-spacer-6: 56px;
+  --wm-spacer-7: 64px;
+  --wm-spacer-8: 128px;
+  --wm-spacer-9: 176px;
+  --wm-spacer: 16px;
+  --wm-accordion-border-width: var(--wm-space-0);
+  --wm-accordion-border-style: var(--wm-border-style-solid);
+  --wm-accordion-header-border-bottom-width: var(--wm-border-width-1);
+  --wm-accordion-header-background-color: var(--wm-color-white);
+  --wm-accordion-header-padding: var(--wm-space-2);
+  --wm-accordion-icon-color: var(--wm-color-on-background);
+  --wm-accordion-icon-font-size: var(--wm-spacer);
+  --wm-accordion-icon-font-weight: var(--wm-font-weight-700);
+  --wm-accordion-badge-font-size: var(--wm-body-small-font-size);
+  --wm-accordion-badge-margin-right: var(--wm-space-1);
+  --wm-accordion-badge-width: var(--wm-space-6);
+  --wm-accordion-badge-height: var(--wm-space-6);
+  --wm-accordion-badge-border-radius: var(--wm-space-3);
+  --wm-accordion-badge-color: var(--wm-color-on-background);
+  --wm-anchor-color: var(--wm-color-primary);
+  --wm-anchor-font-size: var(--wm-body-medium-font-size);
+  --wm-anchor-line-height: var(--wm-body-medium-line-height);
+  --wm-anchor-letter-spacing: var(--wm-body-medium-letter-spacing);
+  --wm-anchor-text-padding-left: var(--wm-space-2);
+  --wm-anchor-text-padding-right: var(--wm-space-2);
+  --wm-anchor-gap: var(--wm-space-1);
+  --wm-anchor-icon-size: var(--wm-icon-size);
+  --wm-anchor-image-size: var(--wm-icon-size);
+  --wm-anchor-image-radius: var(--wm-radius-circle);
+  --wm-badge-background: var(--wm-color-surface-variant);
+  --wm-badge-color: var(--wm-color-on-surface);
+  --wm-badge-block-padding: var(--wm-space-1);
+  --wm-badge-radius: var(--wm-radius-lg);
+  --wm-badge-font-size: var(--wm-body-small-font-size);
+  --wm-badge-font-weight: var(--wm-font-weight-700);
+  --wm-badge-letter-spacing: var(--wm-body-small-letter-spacing);
+  --wm-badge-primary: var(--wm-color-primary);
+  --wm-badge-primary-background: var(--wm-color-primary-container);
+  --wm-badge-info: var(--wm-color-info);
+  --wm-badge-info-background: var(--wm-color-info-container);
+  --wm-badge-success: var(--wm-color-success);
+  --wm-badge-success-background: var(--wm-color-success-container);
+  --wm-badge-warning: var(--wm-color-warning);
+  --wm-badge-warning-background: var(--wm-color-warning-container);
+  --wm-badge-error: var(--wm-color-error);
+  --wm-badge-error-background: var(--wm-color-error-container);
+  --wm-badge-secondary: var(--wm-color-secondary);
+  --wm-badge-secondary-background: var(--wm-color-secondary-container);
+  --wm-badge-tertiary: var(--wm-color-tertiary);
+  --wm-badge-tertiary-background: var(--wm-color-tertiary-container);
+  --wm-barcodescanner-min-width: var(--wm-space-10);
+  --wm-barcodescanner-text-color: var(--wm-color-scrim);
+  --wm-barcodescanner-text-font-size: var(--wm-body-medium-font-size);
+  --wm-barcodescanner-text-padding-left: var(--wm-space-0);
+  --wm-barcodescanner-icon-color: var(--wm-color-scrim);
+  --wm-barcodescanner-icon-font-size: var(--wm-space-5);
+  --wm-barcodescanner-background: var(--wm-color-primary);
+  --wm-barcodescanner-padding-left: var(--wm-space-2);
+  --wm-barcodescanner-padding-bottom: var(--wm-space-2);
+  --wm-barcodescanner-padding-right: var(--wm-space-2);
+  --wm-barcodescanner-border-width: var(--wm-border-width-base);
+  --wm-barcodescanner-border-style: var(--wm-border-style-solid);
+  --wm-barcodescanner-border-color: var(--wm-color-scrim);
+  --wm-barcodescanner-border-radius: var(--wm-space-5);
+  --wm-bottomsheet-background: var(--wm-color-surface-bright);
+  --wm-bottomsheet-border-radius: var(--wm-radius-lg);
+  --wm-bottomsheet-border-width-top: var(--wm-border-width-0);
+  --wm-bottomsheet-border-width-bottom: var(--wm-border-width-0);
+  --wm-bottomsheet-border-width-left: var(--wm-border-width-0);
+  --wm-bottomsheet-border-width-right: var(--wm-border-width-0);
+  --wm-bottomsheet-margin-left: var(--wm-space-0);
+  --wm-bottomsheet-margin-right: var(--wm-space-0);
+  --wm-bottomsheet-handle-background: var(--wm-color-surface-bright);
+  --wm-bottomsheet-handle-icon-width: var(--wm-space-9);
+  --wm-bottomsheet-handle-icon-height: var(--wm-space-1);
+  --wm-bottomsheet-handle-icon-background: var(--wm-color-outline);
+  --wm-bottomsheet-handle-padding-top: var(--wm-space-4);
+  --wm-bottomsheet-handle-padding-bottom: var(--wm-space-4);
+  --wm-bottomsheet-content-padding-top: var(--wm-space-0);
+  --wm-bottomsheet-content-padding-bottom: var(--wm-space-5);
+  --wm-bottomsheet-content-padding-left: var(--wm-space-5);
+  --wm-bottomsheet-content-padding-right: var(--wm-space-5);
+  --wm-breadcrumb-gap: var(--wm-space-1);
+  --wm-breadcrumb-item-gap: var(--wm-space-1);
+  --wm-breadcrumb-item-font-size: var(--wm-body-large-font-size);
+  --wm-breadcrumb-item-line-height: var(--wm-body-large-line-height);
+  --wm-breadcrumb-item-letter-spacing: var(--wm-body-large-letter-spacing);
+  --wm-breadcrumb-item-color: var(--wm-color-primary);
+  --wm-breadcrumb-item-icon-color: var(--wm-color-on-background);
+  --wm-breadcrumb-item-icon-size: var(--wm-icon-size-sm);
+  --wm-breadcrumb-item-separator-color: var(--wm-color-outline);
+  --wm-breadcrumb-item-separator-size: var(--wm-icon-size-sm);
+  --wm-button-group-radius: var(--wm-radius-sm);
+  --wm-button-group-border-width: var(--wm-border-width-base);
+  --wm-button-group-border-color: var(--wm-color-surface-container-highest);
+  --wm-btn-background: var(--wm-color-surface);
+  --wm-btn-color: var(--wm-color-on-surface);
+  --wm-btn-font-size: var(--wm-label-large-font-size);
+  --wm-btn-line-height: var(--wm-label-large-line-height);
+  --wm-btn-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-btn-border-color: var(--wm-color-surface-container-highest);
+  --wm-btn-radius: var(--wm-radius-sm);
+  --wm-btn-padding-top: var(--wm-space-0);
+  --wm-btn-padding-bottom: var(--wm-space-0);
+  --wm-btn-padding-left: var(--wm-space-6);
+  --wm-btn-padding-right: var(--wm-space-6);
+  --wm-btn-gap: var(--wm-space-2);
+  --wm-btn-icon-size: var(--wm-icon-size-md);
+  --wm-btn-skeleton-height: var(--wm-space-12);
+  --wm-calendar-view-border: var(--wm-color-border-translucent);
+  --wm-calendar-view-border-width: var(--wm-border-width-base);
+  --wm-calendar-view-radius: var(--wm-radius-md);
+  --wm-calendar-fc-header-vertical-padding: var(--wm-space-2);
+  --wm-calendar-fc-header-horizontal-padding: var(--wm-space-5);
+  --wm-calendar-fc-header-text-font-weight: var(--wm-font-weight-700);
+  --wm-calendar-fc-events-gap: var(--wm-space-1);
+  --wm-calendar-fc-event-background: var(--wm-color-primary-fixed);
+  --wm-calendar-fc-event-color: var(--wm-color-surface-tint);
+  --wm-calendar-fc-event-today-background: var(--wm-color-success-container);
+  --wm-calendar-fc-event-today-color: var(--wm-color-success);
+  --wm-calendar-fc-event-today-dot: var(--wm-color-success);
+  --wm-calendar-header-background-color: var(--wm-color-white);
+  --wm-calendar-header-border-bottom-width: var(--wm-border-width-base);
+  --wm-calendar-weekday-border-bottom-width: var(--wm-border-width-base);
+  --wm-calendar-weekday-padding: var(--wm-radius-xxs);
+  --wm-calendar-weekday-text-font-family: var(--wm-font-family-plain);
+  --wm-calendar-weekday-text-font-size: var(--wm-space-4);
+  --wm-calendar-header-skeleton-margin-bottom: var(--wm-space-4);
+  --wm-camera-background: var(--wm-color-white);
+  --wm-camera-border-width: var(--wm-border-width-1);
+  --wm-camera-padding-top: var(--wm-space-3);
+  --wm-camera-padding-bottom: var(--wm-space-3);
+  --wm-camera-padding-left: var(--wm-space-3);
+  --wm-camera-padding-right: var(--wm-space-3);
+  --wm-card-header-padding-left: var(--wm-space-2);
+  --wm-card-header-padding-right: var(--wm-space-2);
+  --wm-card-header-padding-top: var(--wm-space-2);
+  --wm-card-header-padding-bottom: var(--wm-space-2);
+  --wm-card-border-width: var(--wm-border-width-base);
+  --wm-card-border-color: var(--wm-color-outline-variant);
+  --wm-carousel-slide-padding-horizontal: var(--wm-space-4);
+  --wm-carousel-navigation-arrows-height: var(--wm-space-12);
+  --wm-carousel-navigation-arrows-width: var(--wm-space-12);
+  --wm-carousel-navigation-arrows-border-width: var(--wm-border-width-base);
+  --wm-carousel-navigation-arrows-margin-left: var(--wm-space-3);
+  --wm-carousel-navigation-arrows-font-size: var(--wm-space-8);
+  --wm-carousel-navigation-arrows-color: var(--wm-color-primary-container);
+  --wm-carousel-dots-wrapper-padding-top: var(--wm-space-1);
+  --wm-carousel-dots-wrapper-padding-bottom: var(--wm-space-1);
+  --wm-carousel-dots-border-color: var(--wm-color-primary-container);
+  --wm-carousel-dots-border-width: var(--wm-border-width-base);
+  --wm-carousel-dots-margin-left: var(--wm-radius-xxs);
+  --wm-carousel-dots-margin-right: var(--wm-radius-xxs);
+  --wm-checkbox-height: var(--wm-space-6);
+  --wm-checkbox-width: var(--wm-space-6);
+  --wm-checkbox-label-font-size: var(--wm-body-large-font-size);
+  --wm-checkbox-label-color: var(--wm-color-on-surface-variant);
+  --wm-checkbox-icon-size: var(--wm-icon-size);
+  --wm-checkbox-border-radius: var(--wm-radius-xxs);
+  --wm-checkbox-border-color: var(--wm-color-on-surface-variant);
+  --wm-checkboxset-height: var(--wm-space-6);
+  --wm-checkboxset-width: var(--wm-space-6);
+  --wm-checkboxset-label-font-size: var(--wm-body-large-font-size);
+  --wm-checkboxset-label-color: var(--wm-color-on-surface-variant);
+  --wm-checkboxset-label-margin-left: var(--wm-space-2);
+  --wm-checkboxset-icon-size: var(--wm-icon-size);
+  --wm-checkboxset-border-radius: var(--wm-radius-xxs);
+  --wm-checkboxset-border-color: var(--wm-color-on-surface-variant);
+  --wm-checkboxset-title-color: var(--wm-color-on-surface-variant);
+  --wm-checkboxset-title-font-size: var(--wm-body-large-font-size);
+  --wm-checkboxset-title-padding-left: var(--wm-space-2);
+  --wm-checkboxset-title-padding-right: var(--wm-space-2);
+  --wm-checkboxset-item-margin-left: var(--wm-space-5);
+  --wm-checkboxset-item-margin-top: var(--wm-space-5);
+  --wm-checkboxset-item-margin-bottom: var(--wm-space-5);
+  --wm-chips-border-width: var(--wm-border-width-base);
+  --wm-chips-color: var(--wm-color-on-surface-variant);
+  --wm-chips-list-gap: var(--wm-space-3);
+  --wm-chips-list-padding-top: var(--wm-space-2);
+  --wm-chips-list-padding-bottom: var(--wm-space-2);
+  --wm-chips-list-padding-left: var(--wm-space-2);
+  --wm-chips-list-padding-right: var(--wm-space-2);
+  --wm-chips-list-border-color: var(--wm-color-transparent);
+  --wm-chips-list-border-radius: var(--wm-radius-sm);
+  --wm-chips-list-border-width: var(--wm-border-width-base);
+  --wm-chips-list-place-holder-color: var(--wm-color-outline);
+  --wm-chips-input-padding-top: var(--wm-space-2);
+  --wm-chips-input-padding-bottom: var(--wm-space-2);
+  --wm-chips-input-padding-left: var(--wm-space-3);
+  --wm-chips-input-padding-right: var(--wm-space-3);
+  --wm-chips-item-padding-top: var(--wm-space-1);
+  --wm-chips-item-padding-bottom: var(--wm-space-1);
+  --wm-chips-item-padding-left: var(--wm-space-3);
+  --wm-chips-item-padding-right: var(--wm-space-3);
+  --wm-chips-item-gap: var(--wm-space-2);
+  --wm-chips-item-icon-color: var(--wm-color-outline);
+  --wm-chips-item-icon-size: var(--wm-icon-size-sm);
+  --wm-chips-item-icon-gap: var(--wm-space-1);
+  --wm-chips-item-border-color: var(--wm-color-outline);
+  --wm-chips-item-border-radius: var(--wm-radius-sm);
+  --wm-chips-item-font-size: var(--wm-label-large-font-size);
+  --wm-chips-item-line-height: var(--wm-label-large-line-height);
+  --wm-chips-item-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-chips-item-avatar-size: var(--wm-icon-size);
+  --wm-chips-item-avatar-radius: var(--wm-radius-pill);
+  --wm-container-border-width-top: var(--wm-border-width-0);
+  --wm-container-border-width-bottom: var(--wm-border-width-0);
+  --wm-container-border-width-left: var(--wm-border-width-0);
+  --wm-container-border-width-right: var(--wm-border-width-0);
+  --wm-container-border-radius: var(--wm-radius-none);
+  --wm-container-padding-top: var(--wm-space-0);
+  --wm-container-padding-bottom: var(--wm-space-0);
+  --wm-container-padding-left: var(--wm-space-0);
+  --wm-container-padding-right: var(--wm-space-0);
+  --wm-datetime-cancel-button-text-color: var(--wm-color-on-surface);
+  --wm-datetime-cancel-button-text-size: var(--wm-body-medium-font-size);
+  --wm-datetime-selected-button-background: var(--wm-color-primary);
+  --wm-datetime-selected-button-text-color: var(--wm-color-on-primary);
+  --wm-datetime-selected-button-text-size: var(--wm-body-medium-font-size);
+  --wm-datetime-background: var(--wm-color-surface-container-high);
+  --wm-datetime-button-border-width: var(--wm-border-width-base);
+  --wm-datetime-button-border-radius: var(--wm-radius-pill);
+  --wm-datetime-button-border-color: var(--wm-color-on-surface);
+  --wm-datetime-text-font-size: var(--wm-body-medium-font-size);
+  --wm-datetime-text-color: var(--wm-color-on-surface);
+  --wm-datetime-selected-text-font-size: var(--wm-body-medium-font-size);
+  --wm-datetime-selected-text-color: var(--wm-color-on-surface);
+  --wm-datetime-header-text-font-weight: var(--wm-font-weight-700);
+  --wm-datetime-header-text-color: var(--wm-color-on-surface);
+  --wm-dropdown-menu-padding-left: var(--wm-space-0);
+  --wm-dropdown-menu-padding-right: var(--wm-space-0);
+  --wm-dropdown-menu-padding-top: var(--wm-space-2);
+  --wm-dropdown-menu-padding-bottom: var(--wm-space-2);
+  --wm-dropdown-menu-color: var(--wm-color-on-surface-variant);
+  --wm-dropdown-menu-text-font-weight: var(--wm-font-weight-700);
+  --wm-dropdown-menu-text-padding-left: var(--wm-space-2);
+  --wm-dropdown-menu-text-padding-right: var(--wm-space-3);
+  --wm-dropdown-menu-content-border-radius: var(--wm-radius-xs);
+  --wm-dropdown-menu-caret-color: var(--wm-color-on-surface-variant);
+  --wm-dropdown-menu-caret-size: var(--wm-icon-size-sm);
+  --wm-dropdown-menu-icon-size: var(--wm-icon-size-md);
+  --wm-dropdown-menu-item-font-size: var(--wm-body-large-font-size);
+  --wm-dropdown-menu-item-line-height: var(--wm-body-large-line-height);
+  --wm-dropdown-menu-item-color: var(--wm-color-on-surface);
+  --wm-dropdown-menu-item-border-style: var(--wm-border-style-solid);
+  --wm-dropdown-menu-item-padding-bottom: var(--wm-space-3);
+  --wm-dropdown-menu-item-padding-left: var(--wm-space-4);
+  --wm-dropdown-menu-item-padding-right: var(--wm-space-4);
+  --wm-dropdown-menu-item-padding-top: var(--wm-space-3);
+  --wm-dropdown-menu-border-radius: var(--wm-radius-none);
+  --wm-dropdown-menu-border-color: var(--wm-color-on-surface-variant);
+  --wm-fileupload-border-color: var(--wm-color-black);
+  --wm-fileupload-border-width: var(--wm-border-width-base);
+  --wm-fileupload-border-style: var(--wm-border-style-solid);
+  --wm-fileupload-border-radius: var(--wm-radius-base);
+  --wm-fileupload-background: var(--wm-color-surface-container-low);
+  --wm-fileupload-text-font-size: var(--wm-body-large-font-size);
+  --wm-fileupload-text-font-weight: var(--wm-font-weight-400);
+  --wm-fileupload-text-color: var(--wm-color-primary);
+  --wm-fileupload-icon-font-size: var(--wm-body-large-font-size);
+  --wm-fileupload-icon-color: var(--wm-color-primary);
+  --wm-form-controls-opacity: var(--wm-border-width-1);
+  --wm-form-controls-font-size: var(--wm-body-large-font-size);
+  --wm-form-controls-padding-top: var(--wm-space-2);
+  --wm-form-controls-padding-left: var(--wm-space-2);
+  --wm-form-controls-padding-right: var(--wm-space-2);
+  --wm-form-controls-padding-bottom: var(--wm-space-2);
+  --wm-form-controls-border-color: var(--wm-color-outline);
+  --wm-form-controls-border-radius: var(--wm-radius-sm);
+  --wm-form-controls-border-top-width: var(--wm-border-width-1);
+  --wm-form-controls-border-left-width: var(--wm-border-width-1);
+  --wm-form-controls-border-right-width: var(--wm-border-width-1);
+  --wm-form-controls-border-bottom-width: var(--wm-border-width-1);
+  --wm-form-controls-placeholder-color: var(--wm-color-on-surface);
+  --wm-form-controls-background: var(--wm-color-outline-variant);
+  --wm-form-controls-color: var(--wm-color-black);
+  --wm-form-controls-label-color: var(--wm-color-on-surface);
+  --wm-form-controls-label-background: var(--wm-color-transparent);
+  --wm-form-controls-label-font-size: var(--wm-label-large-font-size);
+  --wm-form-controls-label-margin-vertical: var(--wm-space-1);
+  --wm-form-controls-label-margin-horizontal: var(--wm-space-1);
+  --wm-form-background: var(--wm-color-outline-variant);
+  --wm-form-padding: var(--wm-space-3);
+  --wm-form-margin: var(--wm-space-2);
+  --wm-form-border-radius: var(--wm-radius-sm);
+  --wm-form-border-width: var(--wm-border-width-base);
+  --wm-form-border-color: var(--wm-color-transparent);
+  --wm-form-header-padding-vertical: var(--wm-space-2);
+  --wm-form-header-padding-horizontal: var(--wm-space-2);
+  --wm-form-header-border-color: var(--wm-color-transparent);
+  --wm-form-header-border-radius: var(--wm-radius-sm);
+  --wm-form-header-border-width: var(--wm-border-width-base);
+  --wm-form-header-title-color: var(--wm-color-on-surface);
+  --wm-form-header-title-font-size: var(--wm-h4-font-size);
+  --wm-form-header-title-font-weight: var(--wm-font-weight-700);
+  --wm-form-header-title-font-family: var(--wm-font-family-brand);
+  --wm-form-header-title-margin-vertical: var(--wm-space-1);
+  --wm-form-header-title-margin-horizontal: var(--wm-space-1);
+  --wm-form-header-sub-title-color: var(--wm-color-on-surface-variant);
+  --wm-form-header-sub-title-font-size: var(--wm-h6-font-size);
+  --wm-form-header-sub-title-font-weight: var(--wm-font-weight-500);
+  --wm-form-header-sub-title-font-family: var(--wm-font-family-brand);
+  --wm-form-header-sub-title-margin-vertical: var(--wm-space-1);
+  --wm-form-header-sub-title-margin-horizontal: var(--wm-space-1);
+  --wm-form-header-background: var(--wm-color-transparent);
+  --wm-form-body-background: var(--wm-color-transparent);
+  --wm-form-body-padding-vertical: var(--wm-space-1);
+  --wm-form-body-padding-horizontal: var(--wm-space-1);
+  --wm-form-body-border-color: var(--wm-color-transparent);
+  --wm-form-body-border-radius: var(--wm-radius-sm);
+  --wm-form-body-border-width: var(--wm-border-width-base);
+  --wm-form-footer-background: var(--wm-color-transparent);
+  --wm-form-footer-border-color: var(--wm-color-transparent);
+  --wm-form-footer-border-radius: var(--wm-radius-sm);
+  --wm-form-footer-border-width: var(--wm-border-width-base);
+  --wm-form-footer-padding-vertical: var(--wm-space-1);
+  --wm-form-footer-padding-horizontal: var(--wm-space-1);
+  --wm-grid-layout-column-padding-top: var(--wm-space-2);
+  --wm-grid-layout-column-padding-left: var(--wm-space-2);
+  --wm-grid-layout-column-padding-right: var(--wm-space-2);
+  --wm-grid-layout-column-padding-bottom: var(--wm-space-2);
+  --wm-icon-color: var(--wm-color-on-background);
+  --wm-icon-font-size: var(--wm-icon-size);
+  --wm-icon-min-width: var(--wm-icon-size);
+  --wm-icon-width: var(--wm-icon-size);
+  --wm-icon-height: var(--wm-icon-size);
+  --wm-icon-gap: var(--wm-space-1);
+  --wm-label-color: var(--wm-color-on-surface);
+  --wm-label-line-height: var(--wm-body-medium-line-height);
+  --wm-label-letter-spacing: var(--wm-body-medium-letter-spacing);
+  --wm-label-margin-left: var(--wm-space-0);
+  --wm-label-margin-right: var(--wm-space-0);
+  --wm-label-margin-top: var(--wm-space-0);
+  --wm-label-margin-bottom: var(--wm-space-0);
+  --wm-label-asterisk-color: var(--wm-color-error);
+  --wm-label-padding-left: var(--wm-space-0);
+  --wm-label-padding-right: var(--wm-space-0);
+  --wm-label-padding-top: var(--wm-space-0);
+  --wm-label-padding-bottom: var(--wm-space-0);
+  --wm-label-font-size: var(--wm-body-large-font-size);
+  --wm-label-border-radius: var(--wm-border-width-0);
+  --wm-label-border-width: var(--wm-border-width-0);
+  --wm-label-border-color: var(--wm-color-primary);
+  --wm-label-large-font-family: var(--wm-font-family-brand);
+  --wm-label-large-font-weight: var(--wm-font-weight-500);
+  --wm-label-medium-font-family: var(--wm-font-family-brand);
+  --wm-label-medium-font-weight: var(--wm-font-weight-500);
+  --wm-label-small-font-family: var(--wm-font-family-brand);
+  --wm-label-small-font-weight: var(--wm-font-weight-500);
+  --wm-left-panel-border-top-right-radius: var(--wm-radius-lg);
+  --wm-left-panel-border-bottom-right-radius: var(--wm-radius-lg);
+  --wm-list-padding-top: var(--wm-space-0);
+  --wm-list-padding-bottom: var(--wm-space-0);
+  --wm-list-padding-left: var(--wm-space-0);
+  --wm-list-padding-right: var(--wm-space-0);
+  --wm-list-border-width: var(--wm-border-width-0);
+  --wm-list-border-radius: var(--wm-radius-none);
+  --wm-login-error-text-color: var(--wm-color-on-error);
+  --wm-login-error-background-color: var(--wm-color-error);
+  --wm-login-error-border-color: var(--wm-color-error);
+  --wm-login-error-border-radius: var(--wm-radius-sm);
+  --wm-login-form-padding-top: var(--wm-space-9);
+  --wm-login-form-padding-bottom: var(--wm-space-9);
+  --wm-login-form-padding-left: var(--wm-space-9);
+  --wm-login-form-padding-right: var(--wm-space-9);
+  --wm-lottie-background-color: var(--wm-color-white);
+  --wm-lottie-padding-top: var(--wm-space-0);
+  --wm-lottie-padding-bottom: var(--wm-space-0);
+  --wm-lottie-padding-left: var(--wm-space-2);
+  --wm-lottie-padding-right: var(--wm-space-2);
+  --wm-message-container-border-width: var(--wm-border-width-base);
+  --wm-message-container-border-color: var(--wm-color-primary);
+  --wm-message-container-background: var(--wm-color-primary);
+  --wm-message-container-padding-top: var(--wm-space-2);
+  --wm-message-container-padding-bottom: var(--wm-space-2);
+  --wm-message-container-padding-left: var(--wm-space-2);
+  --wm-message-container-padding-right: var(--wm-space-2);
+  --wm-message-text-wrapper-padding-left: var(--wm-space-4);
+  --wm-message-color: var(--wm-color-on-primary);
+  --wm-message-title-font-size: var(--wm-body-medium-font-size);
+  --wm-message-title-font-weight: var(--wm-font-weight-700);
+  --wm-message-title-padding-bottom: var(--wm-space-1);
+  --wm-message-text-size: var(--wm-body-large-font-size);
+  --wm-message-close-btn-padding-left: var(--wm-space-2);
+  --wm-message-close-btn-padding-right: var(--wm-space-2);
+  --wm-message-close-btn-icon-size: var(--wm-body-large-font-size);
+  --wm-modal-margin: var(--wm-space-6);
+  --wm-modal-background: var(--wm-color-surface-container-high);
+  --wm-modal-radius: var(--wm-radius-lg);
+  --wm-modal-header-padding: var(--wm-space-4);
+  --wm-modal-header-border-width: var(--wm-border-width-0);
+  --wm-modal-header-close-btn-background: var(--wm-color-transparent);
+  --wm-modal-header-background: var(--wm-color-surface-container-high);
+  --wm-modal-title-font-size: var(--wm-h4-font-size);
+  --wm-modal-title-line-height: var(--wm-h3-line-height);
+  --wm-modal-title-letter-spacing: var(--wm-h3-letter-spacing);
+  --wm-modal-body-padding: var(--wm-space-6);
+  --wm-modal-footer-padding: var(--wm-space-6);
+  --wm-modal-icon-font-size: var(--wm-h4-font-size);
+  --wm-modal-description-font-size: var(--wm-body-medium-font-size);
+  --wm-modal-btn-ok-background: var(--wm-color-secondary);
+  --wm-modal-btn-ok-color: var(--wm-color-on-secondary);
+  --wm-modal-btn-cancel-background: var(--wm-color-on-secondary);
+  --wm-modal-btn-cancel-color: var(--wm-color-on-secondary-container);
+  --wm-nav-background: var(--wm-color-surface-container-lowest);
+  --wm-nav-left-panel-background: var(--wm-color-surface-container-lowest);
+  --wm-nav-partial-background: var(--wm-color-transparent);
+  --wm-nav-navbar-background: var(--wm-color-surface-container-lowest);
+  --wm-navbar-background-color: var(--wm-color-surface);
+  --wm-navbar-padding-left: var(--wm-space-3);
+  --wm-navbar-padding-right: var(--wm-space-3);
+  --wm-navbar-padding-top: var(--wm-space-3);
+  --wm-navbar-padding-bottom: var(--wm-space-3);
+  --wm-navbar-left-icon-color: var(--wm-color-on-surface);
+  --wm-navbar-left-icon-size: var(--wm-icon-size);
+  --wm-navbar-back-icon-color: var(--wm-color-on-surface);
+  --wm-navbar-back-icon-size: var(--wm-icon-size);
+  --wm-navbar-menu-icon-color: var(--wm-color-on-surface);
+  --wm-navbar-menu-icon-size: var(--wm-icon-size);
+  --wm-navbar-popover-icon-color: var(--wm-color-on-surface);
+  --wm-navbar-popover-icon-size: var(--wm-icon-size);
+  --wm-navbar-content-color: var(--wm-color-on-surface);
+  --wm-navbar-content-font-size: var(--wm-body-large-font-size);
+  --wm-navbar-badge-color: var(--wm-color-primary);
+  --wm-navbar-anchor-text-color: var(--wm-color-on-surface);
+  --wm-navbar-anchor-text-font-size: var(--wm-body-large-font-size);
+  --wm-navbar-anchor-icon-color: var(--wm-color-on-surface);
+  --wm-navbar-anchor-icon-size: var(--wm-icon-size);
+  --wm-navbar-button-color: var(--wm-color-on-surface);
+  --wm-navbar-button-font-size: var(--wm-body-large-font-size);
+  --wm-navbar-border-color: var(--wm-color-surface);
+  --wm-navbar-border-width-top: var(--wm-border-width-0);
+  --wm-navbar-border-width-bottom: var(--wm-border-width-0);
+  --wm-navbar-border-width-left: var(--wm-border-width-0);
+  --wm-navbar-border-width-right: var(--wm-border-width-0);
+  --wm-navitem-background: var(--wm-color-surface-container-lowest);
+  --wm-navitem-font-size: var(--wm-label-large-font-size);
+  --wm-navitem-font-weight: var(--wm-font-weight-600);
+  --wm-navitem-line-height: var(--wm-label-large-line-height);
+  --wm-navitem-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-navitem-color: var(--wm-color-on-secondary-fixed);
+  --wm-navitem-icon-size: var(--wm-icon-size);
+  --wm-navitem-icon-color: var(--wm-color-on-secondary-container);
+  --wm-navitem-icon-padding-left: var(--wm-space-0);
+  --wm-navitem-icon-padding-right: var(--wm-space-0);
+  --wm-navitem-icon-padding-top: var(--wm-space-0);
+  --wm-navitem-icon-padding-bottom: var(--wm-space-0);
+  --wm-navitem-padding-left: var(--wm-space-4);
+  --wm-navitem-padding-right: var(--wm-space-4);
+  --wm-navitem-padding-top: var(--wm-space-4);
+  --wm-navitem-padding-bottom: var(--wm-space-4);
+  --wm-navitem-margin-left: var(--wm-space-3);
+  --wm-navitem-margin-right: var(--wm-space-3);
+  --wm-navitem-margin-top: var(--wm-space-0);
+  --wm-navitem-margin-bottom: var(--wm-space-0);
+  --wm-navitem-border-radius: var(--wm-radius-pill);
+  --wm-navitem-badge-margin-left: var(--wm-space-0);
+  --wm-navitem-badge-margin-right: var(--wm-space-1);
+  --wm-navitem-badge-margin-top: var(--wm-space-0);
+  --wm-navitem-badge-margin-bottom: var(--wm-space-0);
+  --wm-navitem-badge-background: var(--wm-color-secondary-fixed-dim);
+  --wm-navitem-badge-font-size: var(--wm-label-large-font-size);
+  --wm-navitem-badge-font-weight: var(--wm-font-weight-600);
+  --wm-navitem-badge-border-radius: var(--wm-radius-circle);
+  --wm-navitem-badge-min-width: var(--wm-space-6);
+  --wm-navitem-badge-min-height: var(--wm-space-6);
+  --wm-navitem-badge-line-height: var(--wm-space-6);
+  --wm-navitem-badge-color: var(--wm-color-on-secondary-fixed);
+  --wm-navitem-text-padding-left: var(--wm-space-2);
+  --wm-navitem-text-padding-right: var(--wm-space-2);
+  --wm-navitem-text-padding-top: var(--wm-space-0);
+  --wm-navitem-text-padding-bottom: var(--wm-space-0);
+  --wm-navitem-child-background-color: var(--wm-color-surface-container-lowest);
+  --wm-navitem-child-color: var(--wm-color-on-secondary-fixed);
+  --wm-navitem-caret-color: var(--wm-color-on-secondary-fixed);
+  --wm-page-content-background: var(--wm-color-surface-variant);
+  --wm-page-content-padding: var(--wm-space-0);
+  --wm-panel-footer-background: var(--wm-color-surface);
+  --wm-panel-footer-margin-top: var(--wm-space-2);
+  --wm-panel-footer-margin-bottom: var(--wm-space-0);
+  --wm-panel-footer-margin-left: var(--wm-space-0);
+  --wm-panel-footer-margin-right: var(--wm-space-0);
+  --wm-panel-footer-padding-inline: var(--wm-space-4);
+  --wm-panel-footer-padding-block: var(--wm-space-4);
+  --wm-panel-footer-border-color: var(--wm-color-outline-variant);
+  --wm-panel-footer-border-width: var(--wm-border-width-base);
+  --wm-panel-background: var(--wm-color-surface);
+  --wm-panel-radius: var(--wm-radius-xs);
+  --wm-panel-border-color: var(--wm-color-transparent);
+  --wm-panel-border-width: var(--wm-border-width-base);
+  --wm-panel-heading-gap: var(--wm-space-2);
+  --wm-panel-heading-padding-block: var(--wm-space-4);
+  --wm-panel-heading-padding-inline: var(--wm-space-4);
+  --wm-panel-heading-font-size: var(--wm-h4-font-size);
+  --wm-panel-heading-line-height: var(--wm-h4-line-height);
+  --wm-panel-heading-letter-spacing: var(--wm-h4-letter-spacing);
+  --wm-panel-heading-icon-size: var(--wm-icon-size-md);
+  --wm-panel-heading-icon-color: var(--wm-color-on-surface);
+  --wm-panel-heading-text-color: var(--wm-color-on-surface);
+  --wm-panel-heading-background: var(--wm-color-surface);
+  --wm-panel-description-font-size: var(--wm-body-medium-font-size);
+  --wm-panel-description-line-height: var(--wm-body-medium-line-height);
+  --wm-panel-description-letter-spacing: var(--wm-body-medium-letter-spacing);
+  --wm-panel-description-color: var(--wm-color-on-surface-variant);
+  --wm-panel-content-padding: var(--wm-space-4);
+  --wm-picture-radius: var(--wm-radius-none);
+  --wm-picture-padding-top: var(--wm-space-0);
+  --wm-picture-padding-bottom: var(--wm-space-0);
+  --wm-picture-padding-left: var(--wm-space-0);
+  --wm-picture-padding-right: var(--wm-space-0);
+  --wm-picture-border-width: var(--wm-border-width-0);
+  --wm-picture-background: var(--wm-color-transparent);
+  --wm-popover-left: var(--wm-space-1);
+  --wm-popover-bottom: var(--wm-space-1);
+  --wm-popover-padding-top: var(--wm-space-0);
+  --wm-popover-padding-left: var(--wm-space-0);
+  --wm-popover-padding-right: var(--wm-space-0);
+  --wm-popover-padding-bottom: var(--wm-space-0);
+  --wm-popover-background-color: var(--wm-color-on-primary);
+  --wm-popover-shadow: var(--wm-elevation-shadow-none);
+  --wm-popover-radius: var(--wm-radius-none);
+  --wm-popover-border-top-left-radius: var(--wm-radius-xl);
+  --wm-popover-border-top-right-radius: var(--wm-radius-xl);
+  --wm-popover-header-padding-top: var(--wm-space-3);
+  --wm-popover-header-padding-bottom: var(--wm-space-3);
+  --wm-popover-header-padding-left: var(--wm-space-3);
+  --wm-popover-header-padding-right: var(--wm-space-3);
+  --wm-popover-header-color: var(--wm-color-on-surface);
+  --wm-popover-header-font-size: var(--wm-h5-font-size);
+  --wm-popover-header-line-height: var(--wm-h5-line-height);
+  --wm-popover-header-letter-spacing: var(--wm-h5-letter-spacing);
+  --wm-popover-header-background-color: var(--wm-color-on-surface);
+  --wm-popover-link-color: var(--wm-color-secondary);
+  --wm-popover-link-border-width: var(--wm-border-width-0);
+  --wm-popover-link-border-color: var(--wm-color-secondary);
+  --wm-popover-link-border-radius: var(--wm-radius-none);
+  --wm-popover-link-padding-top: var(--wm-space-2);
+  --wm-popover-link-padding-left: var(--wm-space-2);
+  --wm-popover-link-padding-right: var(--wm-space-2);
+  --wm-popover-link-padding-bottom: var(--wm-space-2);
+  --wm-popover-link-font-size: var(--wm-body-medium-font-size);
+  --wm-popover-link-line-height: var(--wm-body-medium-line-height);
+  --wm-popover-link-letter-spacing: var(--wm-body-medium-letter-spacing);
+  --wm-popover-link-icon-size: var(--wm-icon-size);
+  --wm-popover-link-icon-color: var(--wm-color-secondary);
+  --wm-progress-bar-background-inactive: var(--wm-color-primary-container);
+  --wm-progress-bar-background-active: var(--wm-color-primary);
+  --wm-progress-bar-radius: var(--wm-radius-lg);
+  --wm-progress-bar-margin: var(--wm-space-1);
+  --wm-progress-bar-tooltip-background: var(--wm-color-info-container);
+  --wm-progress-bar-tooltip-padding-horizontal: var(--wm-space-2);
+  --wm-progress-bar-tooltip-padding-vertical: var(--wm-space-1);
+  --wm-progress-bar-tooltip-border-radius: var(--wm-radius-xs);
+  --wm-progress-bar-tooltip-label-color: var(--wm-color-scrim);
+  --wm-progress-bar-tooltip-label-size: var(--wm-body-small-font-size);
+  --wm-progress-bar-tooltip-triangle-border-bottom-color: var(--wm-color-info-container);
+  --wm-progress-circle-sub-title-font-family: var(--wm-font-family-brand);
+  --wm-progress-circle-sub-title-font-size: var(--wm-body-small-font-size);
+  --wm-progress-circle-sub-title-color: var(--wm-color-scrim);
+  --wm-progress-circle-stroke-inactive: var(--wm-color-primary-container);
+  --wm-progress-circle-stroke-active: var(--wm-color-primary);
+  --wm-radiobutton-gap: var(--wm-space-1);
+  --wm-radiobutton-label-font-size: var(--wm-body-large-font-size);
+  --wm-radiobutton-label-line-height: var(--wm-body-large-line-height);
+  --wm-radiobutton-label-letter-spacing: var(--wm-body-large-letter-spacing);
+  --wm-radiobutton-label-color: var(--wm-color-on-surface);
+  --wm-radiobutton-border-color: var(--wm-color-on-surface-variant);
+  --wm-radiobutton-title-color: var(--wm-color-on-surface-variant);
+  --wm-radiobutton-title-font-size: var(--wm-body-large-font-size);
+  --wm-radiobutton-title-padding-left: var(--wm-space-2);
+  --wm-radiobutton-title-padding-right: var(--wm-space-2);
+  --wm-radiobutton-set-item-column-gap: var(--wm-space-6);
+  --wm-radiobutton-set-item-row-gap: var(--wm-space-2);
+  --wm-rating-padding: var(--wm-space-2);
+  --wm-rating-icon-color: var(--wm-color-on-surface);
+  --wm-rating-text-padding-left: var(--wm-space-2);
+  --wm-rating-text-color: var(--wm-color-warning);
+  --wm-scroll-bar-track-bg: var(--wm-color-surface);
+  --wm-scroll-bar-thumb-bg: var(--wm-color-surface-container-high);
+  --wm-scroll-bar-thumb-hover: var(--wm-color-surface-container-highest);
+  --wm-search-height: var(--wm-space-12);
+  --wm-search-border-radius: var(--wm-space-7);
+  --wm-search-border-width: var(--wm-border-width-1);
+  --wm-search-border-color: var(--wm-color-outline);
+  --wm-search-text-color: var(--wm-color-on-surface);
+  --wm-search-text-background-color: var(--wm-color-surface);
+  --wm-search-text-font-size: var(--wm-body-medium-font-size);
+  --wm-search-text-padding-top: var(--wm-space-2);
+  --wm-search-text-padding-bottom: var(--wm-space-2);
+  --wm-search-text-padding-left: var(--wm-space-6);
+  --wm-search-text-padding-right: var(--wm-space-3);
+  --wm-search-dropdown-background-color: var(--wm-color-surface);
+  --wm-search-dropdown-border-radius: var(--wm-radius-md);
+  --wm-search-invalid-color: var(--wm-color-error);
+  --wm-search-btn-background-color: var(--wm-color-surface);
+  --wm-search-btn-icon-color: var(--wm-color-on-surface);
+  --wm-search-btn-icon-size: var(--wm-icon-size);
+  --wm-search-btn-padding-top: var(--wm-space-0);
+  --wm-search-btn-padding-bottom: var(--wm-space-0);
+  --wm-search-btn-padding-left: var(--wm-space-6);
+  --wm-search-btn-padding-right: var(--wm-space-6);
+  --wm-search-placeholder-text-color: var(--wm-color-outline);
+  --wm-search-data-complete-padding-top: var(--wm-space-2);
+  --wm-search-data-complete-padding-bottom: var(--wm-space-2);
+  --wm-search-data-complete-padding-left: var(--wm-space-2);
+  --wm-search-data-complete-padding-right: var(--wm-space-2);
+  --wm-search-data-complete-text-color: var(--wm-color-outline);
+  --wm-search-data-complete-text-font-size: var(--wm-body-small-font-size);
+  --wm-search-item-margin-bottom: var(--wm-space-1);
+  --wm-search-item-padding-top: var(--wm-space-2);
+  --wm-search-item-padding-bottom: var(--wm-space-2);
+  --wm-search-item-padding-left: var(--wm-space-4);
+  --wm-search-item-padding-right: var(--wm-space-4);
+  --wm-search-item-separator-color: var(--wm-color-outline);
+  --wm-search-item-text-color: var(--wm-color-on-surface);
+  --wm-search-item-text-font-size: var(--wm-body-medium-font-size);
+  --wm-search-clear-btn-icon-color: var(--wm-color-on-surface);
+  --wm-search-clear-btn-icon-size: var(--wm-icon-size);
+  --wm-search-clear-btn-padding-top: var(--wm-space-0);
+  --wm-search-clear-btn-padding-bottom: var(--wm-space-0);
+  --wm-search-clear-btn-padding-left: var(--wm-space-0);
+  --wm-search-clear-btn-padding-right: var(--wm-space-0);
+  --wm-search-clear-btn-border-radius: var(--wm-radius-sm);
+  --wm-search-clear-btn-background-color: var(--wm-color-transparent);
+  --wm-search-clear-btn-width: var(--wm-space-9);
+  --wm-select-arrow-button-border-color: var(--wm-color-transparent);
+  --wm-select-arrow-button-border-width: var(--wm-border-width-base);
+  --wm-select-arrow-button-border-radius: var(--wm-radius-base);
+  --wm-select-modal-content-background: var(--wm-color-white);
+  --wm-select-modal-content-border-color: var(--wm-color-transparent);
+  --wm-select-modal-content-border-width: var(--wm-border-width-base);
+  --wm-select-modal-content-border-radius: var(--wm-radius-base);
+  --wm-select-item-color: var(--wm-color-primary);
+  --wm-select-item-padding-vertical: var(--wm-space-2);
+  --wm-select-item-padding-horizontal: var(--wm-space-4);
+  --wm-slider-track-height: var(--wm-space-4);
+  --wm-slider-track-margin-vertical: var(--wm-space-4);
+  --wm-slider-track-border-radius: var(--wm-radius-lg);
+  --wm-slider-min-track-background: var(--wm-color-surface-tint);
+  --wm-slider-max-track-background: var(--wm-color-primary-container);
+  --wm-slider-thumb-background: var(--wm-color-surface-tint);
+  --wm-slider-thumb-height: var(--wm-space-8);
+  --wm-slider-thumb-width: var(--wm-space-1);
+  --wm-slider-thumb-border-radius: var(--wm-radius-xs);
+  --wm-slider-tooltip-color: var(--wm-color-white);
+  --wm-spinner-text-color: var(--wm-color-scrim);
+  --wm-spinner-text-font-size: var(--wm-body-large-font-size);
+  --wm-spinner-text-padding-left: var(--wm-space-2);
+  --wm-spinner-icon-size: var(--wm-icon-size);
+  --wm-spinner-icon-color: var(--wm-color-scrim);
+  --wm-switch-button-background-color: var(--wm-color-surface);
+  --wm-switch-button-font-size: var(--wm-label-large-font-size);
+  --wm-switch-button-font-family: var(--wm-font-family-brand);
+  --wm-switch-button-font-weight: var(--wm-font-weight-500);
+  --wm-switch-button-height: var(--wm-space-10);
+  --wm-switch-button-color: var(--wm-color-outline);
+  --wm-switch-button-border-color: var(--wm-color-outline);
+  --wm-switch-button-border-radius: var(--wm-radius-lg);
+  --wm-switch-button-padding-left: var(--wm-space-4);
+  --wm-switch-button-padding-right: var(--wm-space-4);
+  --wm-tabbar-border-top-width: var(--wm-border-width-0);
+  --wm-tabbar-border-top-color: var(--wm-color-scrim);
+  --wm-tabbar-border-top-style: var(--wm-border-style-solid);
+  --wm-tabbar-menu-background: var(--wm-color-surface);
+  --wm-tabbar-more-menu-background: var(--wm-color-surface);
+  --wm-tabbar-more-menu-row-padding-top: var(--wm-space-1);
+  --wm-tabbar-more-menu-row-padding-bottom: var(--wm-space-1);
+  --wm-tabbar-item-min-height: var(--wm-space-8);
+  --wm-tabbar-item-min-width: var(--wm-spacer-7);
+  --wm-tabbar-icon-size: var(--wm-space-6);
+  --wm-tabbar-icon-color: var(--wm-color-on-surface-variant);
+  --wm-tabbar-icon-padding-right: var(--wm-space-0);
+  --wm-tabbar-icon-padding-bottom: var(--wm-space-0);
+  --wm-tabbar-icon-border-bottom-color: var(--wm-color-primary);
+  --wm-tabbar-text-font-size: var(--wm-label-medium-font-size);
+  --wm-tabbar-text-font-weight: var(--wm-font-weight-400);
+  --wm-tabbar-text-color: var(--wm-color-on-surface-variant);
+  --wm-tabbar-text-margin-top: var(--wm-space-rule);
+  --wm-tabs-background: var(--wm-color-surface);
+  --wm-tabs-border-radius: var(--wm-radius-sm);
+  --wm-tabs-border-width: var(--wm-border-width-1);
+  --wm-tabs-heading-background: var(--wm-color-surface);
+  --wm-tabs-heading-border-radius: var(--wm-radius-sm);
+  --wm-tabs-heading-border-color: var(--wm-color-surface);
+  --wm-tabs-heading-border-width: var(--wm-border-width-1);
+  --wm-tabs-item-heading-padding: var(--wm-space-2);
+  --wm-tabs-item-heading-font-size: var(--wm-h6-font-size);
+  --wm-tabs-item-heading-line-height: var(--wm-h6-line-height);
+  --wm-tabs-item-heading-background: var(--wm-color-surface);
+  --wm-tabs-item-heading-text: var(--wm-color-outline);
+  --wm-tabs-item-heading-icon: var(--wm-color-outline);
+  --wm-tabs-item-heading-indicator-background: var(--wm-color-primary);
+  --wm-tabs-item-icon-font-size: var(--wm-h6-font-size);
+  --wm-tile-background-color: var(--wm-color-surface-container-low);
+  --wm-tile-color: var(--wm-color-on-surface-variant);
+  --wm-tile-border-radius: var(--wm-radius-sm);
+  --wm-tile-padding-top: var(--wm-space-4);
+  --wm-tile-padding-bottom: var(--wm-space-4);
+  --wm-tile-padding-left: var(--wm-space-4);
+  --wm-tile-padding-right: var(--wm-space-4);
+  --wm-toast-container-border-radius: var(--wm-radius-xs);
+  --wm-toast-container-border-width: var(--wm-border-width-base);
+  --wm-toast-container-border-color: var(--wm-color-info);
+  --wm-toast-container-padding-block: var(--wm-space-4);
+  --wm-toast-container-padding-inline: var(--wm-space-3);
+  --wm-toast-container-gap: var(--wm-space-1);
+  --wm-toast-container-background: var(--wm-color-info);
+  --wm-toast-container-color: var(--wm-color-on-info);
+  --wm-toast-container-success-background: var(--wm-color-success);
+  --wm-toast-container-success-color: var(--wm-color-on-success);
+  --wm-toast-container-success-border-color: var(--wm-color-success);
+  --wm-toast-container-info-background: var(--wm-color-info);
+  --wm-toast-container-info-color: var(--wm-color-on-info);
+  --wm-toast-container-info-border-color: var(--wm-color-info);
+  --wm-toast-container-warning-background: var(--wm-color-warning);
+  --wm-toast-container-warning-color: var(--wm-color-on-warning);
+  --wm-toast-container-warning-border-color: var(--wm-color-warning);
+  --wm-toast-container-error-background: var(--wm-color-error);
+  --wm-toast-container-error-color: var(--wm-color-on-error);
+  --wm-toast-container-error-border-color: var(--wm-color-error);
+  --wm-toast-title-font-size: var(--wm-label-large-font-size);
+  --wm-toast-title-line-height: var(--wm-label-large-line-height);
+  --wm-toast-title-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-toast-message-font-size: var(--wm-label-large-font-size);
+  --wm-toast-message-line-height: var(--wm-label-large-line-height);
+  --wm-toast-message-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-toast-icon-size: var(--wm-icon-size-md);
+  --wm-toast-position-top: var(--wm-space-3);
+  --wm-toast-position-left: var(--wm-space-3);
+  --wm-toast-position-right: var(--wm-space-3);
+  --wm-toast-position-bottom: var(--wm-space-3);
+  --wm-toggle-background-color: var(--wm-color-secondary-container);
+  --wm-toggle-handle-color: var(--wm-color-on-secondary-fixed-variant);
+  --wm-toggle-border-color: var(--wm-color-outline);
+  --wm-webview-background-color: var(--wm-color-white);
+  --wm-webview-padding-top: var(--wm-space-0);
+  --wm-webview-padding-bottom: var(--wm-space-0);
+  --wm-webview-padding-left: var(--wm-space-2);
+  --wm-webview-padding-right: var(--wm-space-2);
+  --wm-wizard-background-color: var(--wm-color-surface);
+  --wm-wizard-border-radius: var(--wm-radius-xs);
+  --wm-wizard-padding-top: var(--wm-space-1);
+  --wm-wizard-padding-bottom: var(--wm-space-1);
+  --wm-wizard-padding-left: var(--wm-space-1);
+  --wm-wizard-padding-right: var(--wm-space-1);
+  --wm-wizard-gap: var(--wm-space-2);
+  --wm-wizard-heading-background-color: var(--wm-color-surface);
+  --wm-wizard-heading-radius: var(--wm-radius-xs);
+  --wm-wizard-heading-padding-top: var(--wm-space-7);
+  --wm-wizard-heading-padding-bottom: var(--wm-space-0);
+  --wm-wizard-heading-padding-left: var(--wm-space-7);
+  --wm-wizard-heading-padding-right: var(--wm-space-7);
+  --wm-wizard-body-padding-top: var(--wm-space-3);
+  --wm-wizard-step-gap: var(--wm-space-2);
+  --wm-wizard-step-title-color: var(--wm-color-on-surface);
+  --wm-wizard-step-title-font-weight: var(--wm-font-weight-400);
+  --wm-wizard-step-title-font-size: var(--wm-label-large-font-size);
+  --wm-wizard-step-title-line-height: var(--wm-label-large-line-height);
+  --wm-wizard-step-title-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-wizard-step-description-color: var(--wm-color-on-surface-variant);
+  --wm-wizard-step-description-font-weight: var(--wm-font-weight-500);
+  --wm-wizard-step-description-font-size: var(--wm-label-medium-font-size);
+  --wm-wizard-step-description-line-height: var(--wm-label-medium-line-height);
+  --wm-wizard-step-description-letter-spacing: var(--wm-label-medium-letter-spacing);
+  --wm-wizard-step-indicator-border-width: var(--wm-border-width-2);
+  --wm-wizard-step-indicator-border-color: var(--wm-color-outline);
+  --wm-wizard-step-indicator-border-radius: var(--wm-radius-circle);
+  --wm-wizard-step-count-color: var(--wm-color-on-surface);
+  --wm-wizard-step-count-font-size: var(--wm-label-large-font-size);
+  --wm-wizard-step-count-font-weight: var(--wm-font-weight-400);
+  --wm-wizard-step-count-line-height: var(--wm-label-large-line-height);
+  --wm-wizard-step-icon-color: var(--wm-color-on-surface);
+  --wm-wizard-step-icon-size: var(--wm-icon-size-sm);
+  --wm-wizard-step-connector-style: var(--wm-border-style-solid);
+  --wm-wizard-step-connector-color: var(--wm-color-outline-variant);
+  --wm-border-style-base: var(--wm-border-style-solid);
+  --wm-color-border: var(--wm-color-outline-variant);
+  --wm-elevation-shadow-1: 0px 4px 11px 0px var(--wm-color-shadow),0px 1px 3px 1px var(--wm-color-shadow);
+  --wm-elevation-shadow-2: 0px 1px 2px 0px var(--wm-color-shadow),0px 2px 6px 2px var(--wm-color-shadow);
+  --wm-elevation-shadow-3: 0px 4px 8px 3px var(--wm-color-shadow),0px 1px 3px 0px var(--wm-color-shadow);
+  --wm-elevation-shadow-4: 0px 6px 10px 4px var(--wm-color-shadow),0px 2px 3px 0px var(--wm-color-shadow);
+  --wm-elevation-shadow-5: 0px 8px 12px 6px var(--wm-color-shadow),0px 4px 4px 0px var(--wm-color-shadow);
+  --wm-body-large-font-family: var(--wm-font-family-brand);
+  --wm-body-large-font-weight: var(--wm-font-weight-400);
+  --wm-body-medium-font-family: var(--wm-font-family-brand);
+  --wm-body-medium-font-weight: var(--wm-font-weight-400);
+  --wm-body-small-font-family: var(--wm-font-family-brand);
+  --wm-body-small-font-weight: var(--wm-font-weight-400);
+  --wm-h1-font-family: var(--wm-font-family-brand);
+  --wm-h1-font-weight: var(--wm-font-weight-400);
+  --wm-h2-font-family: var(--wm-font-family-brand);
+  --wm-h2-font-weight: var(--wm-font-weight-400);
+  --wm-h3-font-family: var(--wm-font-family-brand);
+  --wm-h3-font-weight: var(--wm-font-weight-400);
+  --wm-h4-font-family: var(--wm-font-family-brand);
+  --wm-h4-font-weight: var(--wm-font-weight-400);
+  --wm-h5-font-family: var(--wm-font-family-brand);
+  --wm-h5-font-weight: var(--wm-font-weight-500);
+  --wm-h6-font-family: var(--wm-font-family-brand);
+  --wm-h6-font-weight: var(--wm-font-weight-500);
+  --wm-p-font-family: var(--wm-font-family-brand);
+  --wm-p-font-weight: var(--wm-font-weight-500);
+  --wm-display-large-font-family: var(--wm-font-family-brand);
+  --wm-display-large-font-weight: var(--wm-font-weight-400);
+  --wm-display-medium-font-family: var(--wm-font-family-brand);
+  --wm-display-medium-font-weight: var(--wm-font-weight-400);
+  --wm-display-small-font-family: var(--wm-font-family-brand);
+  --wm-display-small-font-weight: var(--wm-font-weight-400);
+  --wm-gap-0: var(--wm-gap-base);
+  --wm-gap-1: var(--wm-gap-base);
+  --wm-gap-2: var(--wm-gap-base);
+  --wm-gap-3: var(--wm-gap-base);
+  --wm-gap-4: var(--wm-gap-base);
+  --wm-gap-5: var(--wm-gap-base);
+  --wm-gap-6: var(--wm-gap-base);
+  --wm-gap-7: var(--wm-gap-base);
+  --wm-gap-8: var(--wm-gap-base);
+  --wm-gap-9: var(--wm-gap-base);
+  --wm-gap-10: var(--wm-gap-base);
+  --wm-gap-11: var(--wm-gap-base);
+  --wm-gap-12: var(--wm-gap-base);
+  --wm-margin-0: var(--wm-margin-base);
+  --wm-margin-1: var(--wm-margin-base);
+  --wm-margin-2: var(--wm-margin-base);
+  --wm-margin-3: var(--wm-margin-base);
+  --wm-margin-4: var(--wm-margin-base);
+  --wm-margin-5: var(--wm-margin-base);
+  --wm-margin-6: var(--wm-margin-base);
+  --wm-margin-7: var(--wm-margin-base);
+  --wm-margin-8: var(--wm-margin-base);
+  --wm-margin-9: var(--wm-margin-base);
+  --wm-margin-10: var(--wm-margin-base);
+  --wm-margin-11: var(--wm-margin-base);
+  --wm-margin-12: var(--wm-margin-base);
+  --wm-anchor-font-family: var(--wm-body-medium-font-family);
+  --wm-anchor-font-weight: var(--wm-body-medium-font-weight);
+  --wm-badge-font-family: var(--wm-body-small-font-family);
+  --wm-bottomsheet-border-style: var(--wm-border-style-base);
+  --wm-breadcrumb-item-font-family: var(--wm-body-large-font-family);
+  --wm-breadcrumb-item-font-weight: var(--wm-body-large-font-weight);
+  --wm-button-group-border-style: var(--wm-border-style-base);
+  --wm-btn-font-family: var(--wm-label-large-font-family);
+  --wm-btn-font-weight: var(--wm-label-large-font-weight);
+  --wm-calendar-view-shadow: var(--wm-elevation-shadow-1);
+  --wm-calendar-view-border-style: var(--wm-border-style-base);
+  --wm-calendar-header-border-style: var(--wm-border-style-base);
+  --wm-calendar-weekday-border-style: var(--wm-border-style-base);
+  --wm-card-border-style: var(--wm-border-style-base);
+  --wm-checkbox-label-font-family: var(--wm-body-large-font-family);
+  --wm-checkboxset-label-font-family: var(--wm-body-large-font-family);
+  --wm-checkboxset-title-font-family: var(--wm-body-large-font-family);
+  --wm-chips-list-border-style: var(--wm-border-style-base);
+  --wm-chips-item-border-style: var(--wm-border-style-base);
+  --wm-chips-item-font-family: var(--wm-label-large-font-family);
+  --wm-chips-item-font-weight: var(--wm-label-large-font-weight);
+  --wm-container-border-style: var(--wm-border-style-base);
+  --wm-datetime-cancel-button-text-weight: var(--wm-body-medium-font-weight);
+  --wm-datetime-selected-button-text-weight: var(--wm-body-medium-font-weight);
+  --wm-datetime-button-border-style: var(--wm-border-style-base);
+  --wm-datetime-text-font-weight: var(--wm-body-medium-font-weight);
+  --wm-datetime-selected-text-font-weight: var(--wm-body-medium-font-weight);
+  --wm-dropdown-menu-item-font-family: var(--wm-body-large-font-family);
+  --wm-dropdown-menu-item-font-weight: var(--wm-body-large-font-weight);
+  --wm-form-controls-font-weight: var(--wm-body-large-font-weight);
+  --wm-form-controls-font-family: var(--wm-body-large-font-family);
+  --wm-form-controls-border-style: var(--wm-border-style-base);
+  --wm-form-controls-label-font-weight: var(--wm-label-large-font-weight);
+  --wm-form-controls-label-font-family: var(--wm-label-large-font-family);
+  --wm-form-border-style: var(--wm-border-style-base);
+  --wm-form-header-border-style: var(--wm-border-style-base);
+  --wm-form-body-border-style: var(--wm-border-style-base);
+  --wm-form-footer-border-style: var(--wm-border-style-base);
+  --wm-label-font-weight: var(--wm-body-medium-font-weight);
+  --wm-label-font-family: var(--wm-body-medium-font-family);
+  --wm-label-border-style: var(--wm-border-style-base);
+  --wm-left-panel-elevation: var(--wm-elevation-shadow-1);
+  --wm-list-border-style: var(--wm-border-style-base);
+  --wm-message-container-border-style: var(--wm-border-style-base);
+  --wm-modal-header-border-style: var(--wm-border-style-base);
+  --wm-modal-header-close-btn-border-style: var(--wm-border-style-base);
+  --wm-modal-title-font-family: var(--wm-h3-font-family);
+  --wm-modal-title-font-weight: var(--wm-h3-font-weight);
+  --wm-modal-description-font-family: var(--wm-h5-font-family);
+  --wm-modal-description-font-weight: var(--wm-body-small-font-weight);
+  --wm-navbar-content-font-family: var(--wm-body-large-font-family);
+  --wm-navbar-content-font-weight: var(--wm-body-large-font-weight);
+  --wm-navbar-anchor-text-font-family: var(--wm-body-large-font-family);
+  --wm-navbar-anchor-text-font-weight: var(--wm-body-large-font-weight);
+  --wm-navbar-button-font-family: var(--wm-body-large-font-family);
+  --wm-navbar-button-font-weight: var(--wm-body-large-font-weight);
+  --wm-navbar-border-style: var(--wm-border-style-base);
+  --wm-navitem-font-family: var(--wm-label-large-font-family);
+  --wm-navitem-badge-font-family: var(--wm-label-large-font-family);
+  --wm-panel-footer-border-style: var(--wm-border-style-base);
+  --wm-panel-shadow: var(--wm-elevation-shadow-1);
+  --wm-panel-heading-font-family: var(--wm-h4-font-family);
+  --wm-panel-heading-font-weight: var(--wm-h4-font-weight);
+  --wm-panel-description-font-family: var(--wm-body-medium-font-family);
+  --wm-panel-description-font-weight: var(--wm-body-medium-font-weight);
+  --wm-picture-border-color: var(--wm-color-border);
+  --wm-picture-border-style: var(--wm-border-style-base);
+  --wm-popover-header-font-family: var(--wm-h5-font-family);
+  --wm-popover-header-font-weight: var(--wm-h5-font-weight);
+  --wm-popover-link-border-style: var(--wm-border-style-base);
+  --wm-popover-link-font-family: var(--wm-body-medium-font-family);
+  --wm-popover-link-font-weight: var(--wm-body-medium-font-weight);
+  --wm-radiobutton-label-font-family: var(--wm-body-large-font-family);
+  --wm-radiobutton-label-font-weight: var(--wm-body-large-font-weight);
+  --wm-radiobutton-title-font-family: var(--wm-body-large-font-family);
+  --wm-search-text-font-family: var(--wm-body-medium-font-family);
+  --wm-search-text-font-weight: var(--wm-body-medium-font-weight);
+  --wm-search-data-complete-text-font-family: var(--wm-body-small-font-family);
+  --wm-search-data-complete-text-font-weight: var(--wm-body-small-font-weight);
+  --wm-search-item-text-font-family: var(--wm-body-medium-font-family);
+  --wm-search-item-text-font-weight: var(--wm-body-medium-font-weight);
+  --wm-select-arrow-button-border-style: var(--wm-border-style-base);
+  --wm-select-modal-content-border-style: var(--wm-border-style-base);
+  --wm-tabbar-box-shadow: var(--wm-elevation-shadow-1);
+  --wm-tabbar-more-menu-box-shadow: var(--wm-elevation-shadow-1);
+  --wm-tabbar-text-font-family: var(--wm-label-large-font-family);
+  --wm-tabs-border-style: var(--wm-border-style-base);
+  --wm-tabs-heading-border-style: var(--wm-border-style-base);
+  --wm-tabs-item-heading-font-weight: var(--wm-h6-font-weight);
+  --wm-toast-container-shadow: var(--wm-elevation-shadow-3);
+  --wm-toast-container-border-style: var(--wm-border-style-base);
+  --wm-toast-title-font-family: var(--wm-label-large-font-family);
+  --wm-toast-title-font-weight: var(--wm-label-large-font-weight);
+  --wm-toast-message-font-family: var(--wm-label-large-font-family);
+  --wm-toast-message-font-weight: var(--wm-label-large-font-weight);
+  --wm-wizard-box-shadow: var(--wm-elevation-shadow-1);
+  --wm-wizard-step-title-font-family: var(--wm-label-large-font-family);
+  --wm-wizard-step-description-font-family: var(--wm-label-medium-font-family);
+  --wm-wizard-step-indicator-border-style: var(--wm-border-style-base);
+  --wm-wizard-step-count-font-family: var(--wm-label-large-font-family);
+}