@wavemaker/rn-codegen 12.0.0-next.45752 → 12.0.0-next.47810

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

@@ -0,0 +1,1355 @@
+: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-top-radius: 6px;
+  --wm-accordion-header-border-bottom-radius: 6px;
+  --wm-accordion-header-subtitle-font-size: 14px;
+  --wm-accordion-header-subtitle-margin-top: 8px;
+  --wm-accordion-badge-border-width: 2px;
+  --wm-accordion-badge-background-color: transparent;
+  --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-padding-top: 10px;
+  --wm-barcodescanner-ripple-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-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-min-width: 360px;
+  --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-camera-padding: 0;
+  --wm-card-shadow: none;
+  --wm-card-header-title-text-font-size: 16px;
+  --wm-card-subheading-text-line-height: 18px;
+  --wm-carousel-ripple-color: transparent;
+  --wm-carousel-btn-background: transparent;
+  --wm-carousel-dots-wrapper-background-color: transparent;
+  --wm-carousel-dots-width: 10px;
+  --wm-carousel-dots-height: 10px;
+  --wm-carousel-dots-gap: 1px;
+  --wm-carousel-skeleton-width: 100%;
+  --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-chips-background-color: transparent;
+  --wm-chips-opacity: 1;
+  --wm-chips-pointer-events: all;
+  --wm-chips-shadow: none;
+  --wm-chips-list-background-color: transparent;
+  --wm-chips-item-height: 32px;
+  --wm-container-border-color: transparent;
+  --wm-container-border-width: 1px;
+  --wm-currency-inputgroup-addon-width: 40px;
+  --wm-datetime-picker-header-font-size: 20px;
+  --wm-datetime-picker-ripple-color: transparent;
+  --wm-dropdown-menu-background: transparent;
+  --wm-dropdown-menu-text-decoration: none;
+  --wm-dropdown-menu-content-width: 220px;
+  --wm-dropdown-menu-content-background: #fff;
+  --wm-file-upload-ripple-color: transparent;
+  --wm-form-control-border-width-focus: 2px;
+  --wm-form-control-height: 56px;
+  --wm-required-font-size: inherit;
+  --wm-text-border-color: #dddddd;
+  --wm-text-invalid-border-bottom-color: #bbbbbb;
+  --wm-text-skeleton-width: 100%;
+  --wm-text-disabled-background-color: #f6f6f6;
+  --wm-text-area-border-radius: 6px;
+  --wm-text-area-min-height: 160px;
+  --wm-text-area-text-align-vertical: top;
+  --wm-text-area-text-place-holder: #bbbbbb;
+  --wm-text-area-skeleton-height: 84px;
+  --wm-number-container-min-height: 42px;
+  --wm-number-container-border-radius: 6px;
+  --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-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-list-item-border-radius: 6px;
+  --wm-list-listicon-margin-top: 10px;
+  --wm-list-group-heading-background-color: transparent;
+  --wm-list-loading-icon-text-color: #666666;
+  --wm-list-heading-margin-bottom: 6px;
+  --wm-list-title-font-weight: 400px;
+  --wm-list-empty-message-line-height: 18px;
+  --wm-message-icon-size: 20px;
+  --wm-message-close-btn-padding-right: 1px;
+  --wm-message-close-btn-border-radius: 1px;
+  --wm-message-close-btn-border-color: transparent;
+  --wm-message-close-btn-background-color: transparent;
+  --wm-modal-z-index: 1000;
+  --wm-modal-min-width: 320px;
+  --wm-modal-max-height: 793px;
+  --wm-modal-header-border-color: #cccccc;
+  --wm-modal-header-close-btn-margin: 0;
+  --wm-modal-header-close-btn-border-width: 0;
+  --wm-modal-header-close-btn-font-size: 14px;
+  --wm-modal-header-close-btn-color: #aaaaaa;
+  --wm-nav-item-min-height: 44px;
+  --wm-nav-stacked-item-min-height: 44px;
+  --wm-nav-tabs-item-min-height: 48px;
+  --wm-nav-tabs-indicator-height: 3px;
+  --wm-nav-tabs-stacked-item-min-height: 48px;
+  --wm-nav-tabs-stacked-indicator-width: 100%;
+  --wm-app-font-smoothing: antialiased;
+  --wm-app-text-transform: none;
+  --wm-app-margin: 0;
+  --wm-app-padding: 0;
+  --wm-aside-panel-width: 220px;
+  --wm-aside-panel-border-style: solid;
+  --wm-aside-panel-border-width: 0px 1px 0px 0px;
+  --wm-aside-panel-rail-width: 102px;
+  --wm-aside-panel-rail-border-style: solid;
+  --wm-aside-panel-rail-border-width: 0px 1px 0px 0px;
+  --wm-aside-nav-item-min-height: 56px;
+  --wm-aside-nav-item-icon-background: inherit;
+  --wm-aside-nav-item-icon-background-active: inherit;
+  --wm-aside-nav-item-icon-color: inherit;
+  --wm-aside-nav-item-icon-color-active: inherit;
+  --wm-aside-nav-item-background: none;
+  --wm-aside-nav-item-indicator-width: 1px;
+  --wm-aside-nav-item-indicator-height: 100%;
+  --wm-aside-nav-item-indicator-position-top: 0;
+  --wm-aside-nav-item-indicator-position-right: 0;
+  --wm-aside-nav-item-indicator-position-bottom: 0;
+  --wm-aside-nav-item-indicator-position-left: auto;
+  --wm-aside-nav-item-indicator-radius: 0;
+  --wm-aside-nav-item-indicator-color: none;
+  --wm-aside-nav-submenu-box-shadow: none;
+  --wm-aside-nav-submenu-item-min-height: 44px;
+  --wm-aside-nav-rail-item-height: 90px;
+  --wm-aside-nav-rail-item-icon-size: 24px;
+  --wm-aside-nav-rail-item-icon-width: 40px;
+  --wm-aside-nav-rail-item-icon-height: 40px;
+  --wm-aside-nav-rail-item-icon-background: none;
+  --wm-aside-nav-rail-item-icon-background-active: none;
+  --wm-aside-nav-rail-item-icon-state-layer-color: none;
+  --wm-aside-nav-rail-submenu-width: 260px;
+  --wm-aside-nav-rail-submenu-item-min-height: 44px;
+  --wm-pagination-page-item-link-height: 32px;
+  --wm-pagination-page-item-link-width: 32px;
+  --wm-pagination-pager-link-elevation: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
+  --wm-pagination-pager-link-background: transparent;
+  --wm-pagination-pager-link-min-width: auto;
+  --wm-pagination-pager-link-min-height: 32px;
+  --wm-pagination-pager-previous-link-background: transparent;
+  --wm-pagination-pagecount-input-height: 32px;
+  --wm-pagination-pagecount-input-width: 48px;
+  --wm-horizontal-page-slider-anchor-width: 32px;
+  --wm-panel-help-message-background: #fffed0;
+  --wm-popover-position: absolute;
+  --wm-popover-width: 100%;
+  --wm-popover-min-height: 240px;
+  --wm-progress-bar-height: 16px;
+  --wm-progress-bar-tooltip-padding-hor: 8px;
+  --wm-progress-bar-tooltip-padding-ver: 4px;
+  --wm-progress-bar-tooltip-border-radius: 4px;
+  --wm-radiobutton-size: 20px;
+  --wm-radiobutton-indicator-size: 10px;
+  --wm-radiobutton-color: transparent;
+  --wm-radiobutton-border-width: 2px;
+  --wm-radiobutton-background-color: transparent;
+  --wm-rating-icon-opacity-inactive: 0.38;
+  --wm-rating-icon-opacity-active: 1;
+  --wm-rating-icon-opacity-readonly: 1;
+  --wm-note-editor-note-code-font-family: Menlo, Monaco, monospace, sans-serif;
+  --wm-note-editor-btn-min-height: 28px;
+  --wm-note-editor-btn-width: 28px;
+  --wm-note-editor-dropdown-menu-width: 200px;
+  --wm-note-editor-dropdown-menu-max-height: 250px;
+  --wm-note-editor-dropdown-menu-min-width: 180px;
+  --wm-note-editor-blockquote-border-width: 4px;
+  --wm-note-editor-tooltip-content-max-width: 200px;
+  --wm-note-editor-tooltip-arrow-border-width: 5px;
+  --wm-note-editor-color-btn-size: 16px;
+  --wm-note-editor-color-select-btn-width: 40px;
+  --wm-note-editor-color-select-btn-height: 14px;
+  --wm-note-editor-color-select-btn-min-height: 14px;
+  --wm-note-editor-palette-width: 160px;
+  --wm-note-editor-popover-content-min-width: 100px;
+  --wm-note-editor-popover-content-min-height: 30px;
+  --wm-scroll-bar-width: 6px;
+  --wm-scroll-bar-height: 6px;
+  --wm-scroll-bar-track-radius: 6px;
+  --wm-scroll-bar-thumb-radius: 6px;
+  --wm-search-border-color: transparent;
+  --wm-search-modal-content-border-color: transparent;
+  --wm-search-btn-background-color: transparent;
+  --wm-slider-thumb-top: -20px;
+  --wm-slider-thumb-left: 0;
+  --wm-slider-tooltip-background: #000;
+  --wm-spinner-loading-data-msg-background: rgba(0, 0, 0, 0.3);
+  --wm-spinner-lottie-width: 150px;
+  --wm-spinner-lottie-height: 150px;
+  --wm-tabbar-height: 80px;
+  --wm-tabbar-elevation: 3px;
+  --wm-tabbar-active-item-radius: 50px;
+  --wm-tabbar-icon-border-btm-color: transparent;
+  --wm-tabs-item-heading-indicator-height: 3px;
+  --wm-tabs-min-height: 240px;
+  --wm-tabs-border-bottom-width: 1px;
+  --wm-tile-border-width: 1;
+  --wm-tile-border-color: transparent;
+  --wm-toast-container-width: 344px;
+  --wm-video-width: 340px;
+  --wm-video-height: 300px;
+  --wm-wizard-body-height: 50vh;
+  --wm-wizard-step-indicator-size: 33px;
+  --wm-wizard-step-indicator-background: transparent;
+  --wm-wizard-step-connector-width: 1px;
+  --wm-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --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-border-style-none: none;
+  --wm-border-style-solid: solid;
+  --wm-border-style-dotted: dotted;
+  --wm-border-style-dashed: dashed;
+  --wm-border-style-double: double;
+  --wm-border-style-groove: groove;
+  --wm-border-style-ridge: ridge;
+  --wm-border-style-inset: inset;
+  --wm-border-style-outset: outset;
+  --wm-border-style-hidden: hidden;
+  --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-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-font-weight-thin: 100;
+  --wm-font-weight-extralight: 200;
+  --wm-font-weight-light: 300;
+  --wm-font-weight-regular: 400;
+  --wm-font-weight-medium: 500;
+  --wm-font-weight-semibold: 600;
+  --wm-font-weight-bold: 700;
+  --wm-font-weight-extrabold: 800;
+  --wm-font-weight-black: 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-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-hover: 8%;
+  --wm-opacity-focus: 12%;
+  --wm-opacity-active: 16%;
+  --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: 50%;
+  --wm-shadow-1: 0px 1px 2px 0px #000000;
+  --wm-shadow-2: 0px 1px 2px 0px #000000;
+  --wm-shadow-3: 0px 4px 8px 3px #000000;
+  --wm-shadow-4: 0px 6px 10px 4px #000000;
+  --wm-shadow-5: 0px 8px 12px 6px #000000;
+  --wm-shadow-addon-1: 0px 1px 3px 1px #000000;
+  --wm-shadow-addon-2: 0px 2px 6px 2px #000000;
+  --wm-shadow-addon-3: 0px 1px 3px 0px #000000;
+  --wm-shadow-addon-4: 0px 2px 3px 0px #000000;
+  --wm-shadow-addon-5: 0px 4px 4px 0px #000000;
+  --wm-elevation-shadow-none: none;
+  --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-border-last-bottom-width: var(--wm-space-0);
+  --wm-accordion-header-background-color: var(--wm-color-white);
+  --wm-accordion-header-padding: var(--wm-space-2);
+  --wm-accordion-icon-root-width: var(--wm-space-6);
+  --wm-accordion-icon-root-height: var(--wm-space-6);
+  --wm-accordion-icon-root-border-radius: var(--wm-space-6);
+  --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-bold);
+  --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-active-header-title-color: var(--wm-color-white);
+  --wm-accordion-active-icon-color: var(--wm-color-white);
+  --wm-accordion-active-icon-border-color: var(--wm-color-white);
+  --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-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-bold);
+  --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-text-color: var(--wm-color-scrim);
+  --wm-barcodescanner-icon-color: var(--wm-color-scrim);
+  --wm-barcodescanner-icon-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-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-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-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-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-border-color-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-bold);
+  --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-card-list-gap: var(--wm-space-4);
+  --wm-card-background: var(--wm-color-surface);
+  --wm-card-border-width: var(--wm-border-width-base);
+  --wm-card-border-color: var(--wm-color-outline-variant);
+  --wm-card-border-radius: var(--wm-radius-md);
+  --wm-card-header-padding: var(--wm-space-2);
+  --wm-card-header-background-color: var(--wm-color-surface-container-high);
+  --wm-card-header-title-line-height: var(--wm-body-large-line-height);
+  --wm-card-subheading-text-font-size: var(--wm-label-medium-font-size);
+  --wm-card-content-background-color: var(--wm-color-surface);
+  --wm-carousel-btn-margin: var(--wm-space-3);
+  --wm-carousel-btn-text-font-size: var(--wm-space-8);
+  --wm-carousel-btn-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-radius: var(--wm-radius-circle);
+  --wm-carousel-dots-background: var(--wm-color-primary-container);
+  --wm-carousel-margin-left: var(--wm-radius-xxs);
+  --wm-carousel-margin-right: var(--wm-radius-xxs);
+  --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-label-font-size: var(--wm-body-large-font-size);
+  --wm-checkboxset-label-color: var(--wm-color-on-surface-variant);
+  --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-chips-color: var(--wm-color-on-surface-variant);
+  --wm-chips-list-gap: var(--wm-space-3);
+  --wm-chips-list-icon-size: var(--wm-icon-size-sm);
+  --wm-chips-list-height: var(--wm-form-control-height);
+  --wm-chips-input-padding-top: var(--wm-border-width-base);
+  --wm-chips-input-padding-bottom: var(--wm-border-width-base);
+  --wm-chips-input-padding-left: var(--wm-border-width-base);
+  --wm-chips-input-padding-right: var(--wm-border-width-base);
+  --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-border-width: var(--wm-border-width-base);
+  --wm-chips-item-border-color: var(--wm-color-outline);
+  --wm-chips-item-border-radius: var(--wm-radius-sm);
+  --wm-chips-item-border-radius-with-icon: var(--wm-radius-sm);
+  --wm-chips-item-border-radius-with-avatar: var(--wm-radius-pill);
+  --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-radius: var(--wm-radius-sm);
+  --wm-datetime-picker-color: var(--wm-color-on-surface);
+  --wm-datetime-picker-selected-background: var(--wm-color-primary);
+  --wm-datetime-picker-selected-color: var(--wm-color-on-primary);
+  --wm-datetime-picker-background: var(--wm-color-surface-container-high);
+  --wm-datetime-picker-border-width: var(--wm-border-width-base);
+  --wm-datetime-picker-border-radius: var(--wm-radius-pill);
+  --wm-datetime-picker-font-size: var(--wm-body-medium-font-size);
+  --wm-datetime-picker-header-font-weight: var(--wm-font-weight-bold);
+  --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-bold);
+  --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-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-border-bottom-width: var(--wm-space-0);
+  --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-file-upload-status-border-width: var(--wm-border-width-base);
+  --wm-file-upload-status-border-style: var(--wm-border-style-solid);
+  --wm-file-upload-status-background: var(--wm-color-surface-container-low);
+  --wm-file-upload-status-radius: var(--wm-radius-sm);
+  --wm-file-upload-title-color: var(--wm-color-black);
+  --wm-file-upload-title-font-size: var(--wm-body-medium-font-size);
+  --wm-file-upload-title-font-weight: var(--wm-font-weight-regular);
+  --wm-file-upload-media-icon-size: var(--wm-icon-size);
+  --wm-form-group-gap: var(--wm-space-0);
+  --wm-form-control-color: var(--wm-color-on-surface);
+  --wm-form-control-color-place-holder: var(--wm-color-outline);
+  --wm-form-control-background: var(--wm-color-surface);
+  --wm-form-control-border-width: var(--wm-border-width-base);
+  --wm-form-control-border-color: var(--wm-color-outline);
+  --wm-form-control-border-color-hover: var(--wm-color-on-surface);
+  --wm-form-control-border-color-focus: var(--wm-color-secondary);
+  --wm-form-control-border-color-error: var(--wm-color-error);
+  --wm-form-control-radius: var(--wm-radius-xs);
+  --wm-form-control-padding: var(--wm-space-4);
+  --wm-form-control-font-size: var(--wm-body-large-font-size);
+  --wm-form-control-line-height: var(--wm-body-large-line-height);
+  --wm-form-control-letter-spacing: var(--wm-body-large-letter-spacing);
+  --wm-required-color: var(--wm-color-error);
+  --wm-required-font-weight: var(--wm-font-weight-bold);
+  --wm-text-min-height: var(--wm-icon-size-3x);
+  --wm-text-padding-top: var(--wm-space-2);
+  --wm-text-padding-bottom: var(--wm-space-2);
+  --wm-text-font-family: var(--wm-font-family-plain);
+  --wm-text-skeleton-height: var(--wm-spacer);
+  --wm-text-floating-label-top: var(--wm-space-3);
+  --wm-text-floating-label-left: var(--wm-spacer);
+  --wm-text-floating-label-font-size: var(--wm-h6-font-size);
+  --wm-text-floating-label-min-height: var(--wm-space-12);
+  --wm-text-area-padding: var(--wm-space-3);
+  --wm-text-area-border-color: var(--wm-text-border-color);
+  --wm-text-area-label-padding-top: var(--wm-space-6);
+  --wm-number-container-padding-top: var(--wm-space-2);
+  --wm-number-container-padding-bottom: var(--wm-space-2);
+  --wm-number-container-padding-left: var(--wm-space-3);
+  --wm-number-container-padding-right: var(--wm-space-3);
+  --wm-number-container-border-width: var(--wm-border-width-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-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-margin: var(--wm-space-0);
+  --wm-label-large-font-family: var(--wm-font-family-brand);
+  --wm-label-large-font-weight: var(--wm-font-weight-medium);
+  --wm-label-medium-font-family: var(--wm-font-family-brand);
+  --wm-label-medium-font-weight: var(--wm-font-weight-medium);
+  --wm-label-small-font-family: var(--wm-font-family-brand);
+  --wm-label-small-font-weight: var(--wm-font-weight-medium);
+  --wm-list-item-background-active: var(--wm-color-surface-container-high);
+  --wm-list-item-padding: var(--wm-space-1);
+  --wm-list-item-min-height: var(--wm-space-6);
+  --wm-list-item-header-background: var(--wm-color-surface-container-lowest);
+  --wm-list-item-header-color: var(--wm-color-on-surface);
+  --wm-list-listicon-margin-right: var(--wm-space-2);
+  --wm-list-group-heading-font-size: var(--wm-space-2);
+  --wm-list-group-heading-font-family: var(--wm-font-family-plain);
+  --wm-list-group-heading-padding-left: var(--wm-space-2);
+  --wm-list-group-heading-padding-right: var(--wm-space-2);
+  --wm-list-group-heading-line-height: var(--wm-space-10);
+  --wm-list-loading-icon-font-size: var(--wm-space-4);
+  --wm-list-heading-padding: var(--wm-space-2);
+  --wm-list-title-line-height: var(--wm-space-6);
+  --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-message-container-border-radius: var(--wm-radius-xs);
+  --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-color: var(--wm-color-on-primary);
+  --wm-message-title-font-size: var(--wm-body-small-font-size);
+  --wm-message-title-font-weight: var(--wm-font-weight-bold);
+  --wm-message-title-padding-bottom: var(--wm-space-1);
+  --wm-message-text-size: var(--wm-body-small-font-size);
+  --wm-message-close-btn-padding-left: var(--wm-space-2);
+  --wm-message-close-btn-icon-size: var(--wm-body-small-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-base);
+  --wm-modal-title-gap: var(--wm-space-1);
+  --wm-modal-title-font-size: var(--wm-h3-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-footer-gap: var(--wm-space-3);
+  --wm-modal-footer-btn-padding-vertical: var(--wm-space-3);
+  --wm-modal-footer-btn-padding-horizontal: var(--wm-space-6);
+  --wm-modal-icon-font-size: var(--wm-h4-font-size);
+  --wm-nav-min-height: var(--wm-nav-item-min-height);
+  --wm-nav-background: var(--wm-color-surface-container-low);
+  --wm-nav-padding: var(--wm-space-2);
+  --wm-nav-gap: var(--wm-space-2);
+  --wm-nav-item-padding-block: var(--wm-space-2);
+  --wm-nav-item-padding-inline: var(--wm-space-6);
+  --wm-nav-item-font-size: var(--wm-label-large-font-size);
+  --wm-nav-item-line-height: var(--wm-label-large-line-height);
+  --wm-nav-item-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-nav-item-radius: var(--wm-radius-pill);
+  --wm-nav-item-gap: var(--wm-space-2);
+  --wm-nav-item-color: var(--wm-color-on-surface-variant);
+  --wm-nav-item-color-selected: var(--wm-color-on-secondary-container);
+  --wm-nav-item-background-selected: var(--wm-color-secondary-container);
+  --wm-nav-item-state-layer-color: var(--wm-color-on-surface);
+  --wm-nav-item-state-layer-opacity-hover: var(--wm-opacity-hover);
+  --wm-nav-item-state-layer-opacity-focus: var(--wm-opacity-focus);
+  --wm-nav-item-state-layer-opacity-active: var(--wm-opacity-active);
+  --wm-nav-stacked-min-height: var(--wm-nav-stacked-item-min-height);
+  --wm-nav-stacked-background: var(--wm-color-surface-container-low);
+  --wm-nav-stacked-padding: var(--wm-space-2);
+  --wm-nav-stacked-gap: var(--wm-space-2);
+  --wm-nav-tabs-min-height: var(--wm-nav-tabs-item-min-height);
+  --wm-nav-tabs-background: var(--wm-color-surface-container-low);
+  --wm-nav-tabs-padding: var(--wm-space-0);
+  --wm-nav-tabs-gap: var(--wm-space-0);
+  --wm-nav-tabs-item-radius: var(--wm-radius-none);
+  --wm-nav-tabs-indicator-background: var(--wm-color-secondary);
+  --wm-nav-tabs-indicator-radius: var(--wm-radius-md) var(--wm-radius-md) var(--wm-radius-none) var(--wm-radius-none);
+  --wm-nav-tabs-stacked-min-height: var(--wm-nav-tabs-stacked-item-min-height);
+  --wm-nav-tabs-stacked-background: var(--wm-color-surface-container-low);
+  --wm-nav-tabs-stacked-padding: var(--wm-space-0);
+  --wm-nav-tabs-stacked-gap: var(--wm-space-0);
+  --wm-app-font-size: var(--wm-body-medium-font-size);
+  --wm-app-line-height: var(--wm-body-medium-line-height);
+  --wm-app-letter-spacing: var(--wm-body-medium-letter-spacing);
+  --wm-app-background: var(--wm-color-surface);
+  --wm-app-color: var(--wm-color-on-background);
+  --wm-aside-panel-background: var(--wm-color-surface);
+  --wm-aside-panel-color: var(--wm-color-on-surface-variant);
+  --wm-aside-panel-border-color: var(--wm-color-outline-variant);
+  --wm-aside-panel-border-radius: var(--wm-radius-none);
+  --wm-aside-panel-shadow: var(--wm-elevation-shadow-none);
+  --wm-aside-panel-padding-top: var(--wm-space-5);
+  --wm-aside-panel-padding-right: var(--wm-space-0);
+  --wm-aside-panel-padding-bottom: var(--wm-space-0);
+  --wm-aside-panel-padding-left: var(--wm-space-0);
+  --wm-aside-panel-rail-background: var(--wm-color-surface);
+  --wm-aside-panel-rail-color: var(--wm-color-on-surface-variant);
+  --wm-aside-panel-rail-border-color: var(--wm-color-outline-variant);
+  --wm-aside-panel-rail-border-radius: var(--wm-radius-none);
+  --wm-aside-panel-rail-shadow: var(--wm-elevation-shadow-none);
+  --wm-aside-panel-rail-padding-top: var(--wm-space-7);
+  --wm-aside-panel-rail-padding-right: var(--wm-space-0);
+  --wm-aside-panel-rail-padding-bottom: var(--wm-space-0);
+  --wm-aside-panel-rail-padding-left: var(--wm-space-0);
+  --wm-aside-nav-padding: var(--wm-space-0);
+  --wm-aside-nav-gap: var(--wm-space-1);
+  --wm-aside-nav-item-padding: var(--wm-space-2) var(--wm-space-6);
+  --wm-aside-nav-item-font-size: var(--wm-label-large-font-size);
+  --wm-aside-nav-item-line-height: var(--wm-label-large-line-height);
+  --wm-aside-nav-item-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-aside-nav-item-radius: var(--wm-radius-none);
+  --wm-aside-nav-item-icon-size: var(--wm-icon-size);
+  --wm-aside-nav-item-icon-width: var(--wm-icon-size);
+  --wm-aside-nav-item-icon-height: var(--wm-icon-size);
+  --wm-aside-nav-item-gap: var(--wm-space-2);
+  --wm-aside-nav-item-color-active: var(--wm-color-secondary);
+  --wm-aside-nav-item-background-active: linear-gradient(105.79deg, ~"color-mix(in srgb, var(--wm-color-secondary), transparent calc(100% - var(--wm-opacity-hover)))" 44.21%, ~"color-mix(in srgb, var(--wm-color-white), transparent calc(100% - var(--wm-opacity-hover)))" 103.73%);
+  --wm-aside-nav-item-state-layer-color: var(--wm-color-on-surface);
+  --wm-aside-nav-item-state-layer-opacity-hover: var(--wm-opacity-hover);
+  --wm-aside-nav-item-state-layer-opacity-focus: var(--wm-opacity-focus);
+  --wm-aside-nav-item-state-layer-opacity-active: var(--wm-opacity-active);
+  --wm-aside-nav-item-caret-size: var(--wm-icon-size-sm);
+  --wm-aside-nav-item-indicator-color-active: var(--wm-color-secondary);
+  --wm-aside-nav-submenu-padding: var(--wm-space-0) var(--wm-space-0) var(--wm-space-0) var(--wm-space-3);
+  --wm-aside-nav-submenu-background: var(--wm-aside-nav-item-background);
+  --wm-aside-nav-submenu-radius: var(--wm-radius-none) var(--wm-radius-sm) var(--wm-radius-sm) var(--wm-radius-none);
+  --wm-aside-nav-submenu-item-padding: var(--wm-space-2) var(--wm-space-6);
+  --wm-aside-nav-submenu-item-font-size: var(--wm-label-large-font-size);
+  --wm-aside-nav-submenu-item-line-height: var(--wm-label-large-line-height);
+  --wm-aside-nav-submenu-item-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-aside-nav-submenu-item-gap: var(--wm-space-2);
+  --wm-aside-nav-submenu-item-color-active: var(--wm-color-on-secondary-container);
+  --wm-aside-nav-submenu-item-background-active: var(--wm-color-secondary-container);
+  --wm-aside-nav-rail-padding: var(--wm-space-0);
+  --wm-aside-nav-rail-gap: var(--wm-space-3);
+  --wm-aside-nav-rail-item-padding: var(--wm-space-3) var(--wm-space-0);
+  --wm-aside-nav-rail-item-font-size: var(--wm-label-medium-font-size);
+  --wm-aside-nav-rail-item-font-weight-active: var(--wm-font-weight-semibold);
+  --wm-aside-nav-rail-item-line-height: var(--wm-label-medium-line-height);
+  --wm-aside-nav-rail-item-letter-spacing: var(--wm-label-medium-letter-spacing);
+  --wm-aside-nav-rail-item-color-active: var(--wm-color-secondary);
+  --wm-aside-nav-rail-item-background-active: linear-gradient(105.79deg, ~"color-mix(in srgb, var(--wm-color-secondary), transparent calc(100% - var(--wm-opacity-hover)))" 44.21%, ~"color-mix(in srgb, var(--wm-color-white), transparent calc(100% - var(--wm-opacity-hover)))" 103.73%);
+  --wm-aside-nav-rail-item-radius: var(--wm-radius-none);
+  --wm-aside-nav-rail-item-gap: var(--wm-space-1);
+  --wm-aside-nav-rail-item-state-layer-color: var(--wm-color-on-surface);
+  --wm-aside-nav-rail-item-state-layer-opacity-hover: var(--wm-opacity-hover);
+  --wm-aside-nav-rail-item-state-layer-opacity-focus: var(--wm-opacity-focus);
+  --wm-aside-nav-rail-item-state-layer-opacity-active: var(--wm-opacity-active);
+  --wm-aside-nav-rail-item-icon-radius: var(--wm-radius-none);
+  --wm-aside-nav-rail-item-icon-radius-active: var(--wm-radius-none);
+  --wm-aside-nav-rail-item-icon-state-layer-opacity-hover: var(--wm-opacity-hover);
+  --wm-aside-nav-rail-item-icon-state-layer-opacity-focus: var(--wm-opacity-focus);
+  --wm-aside-nav-rail-item-icon-state-layer-opacity-active: var(--wm-opacity-active);
+  --wm-aside-nav-rail-item-indicator-width: var(--wm-aside-nav-item-indicator-width);
+  --wm-aside-nav-rail-item-indicator-height: var(--wm-aside-nav-item-indicator-height);
+  --wm-aside-nav-rail-item-indicator-position-top: var(--wm-aside-nav-item-indicator-position-top);
+  --wm-aside-nav-rail-item-indicator-position-right: var(--wm-aside-nav-item-indicator-position-right);
+  --wm-aside-nav-rail-item-indicator-position-bottom: var(--wm-aside-nav-item-indicator-position-bottom);
+  --wm-aside-nav-rail-item-indicator-position-left: var(--wm-aside-nav-item-indicator-position-left);
+  --wm-aside-nav-rail-item-indicator-radius: var(--wm-aside-nav-item-indicator-radius);
+  --wm-aside-nav-rail-item-indicator-color: var(--wm-aside-nav-item-indicator-color);
+  --wm-aside-nav-rail-submenu-padding: var(--wm-space-2);
+  --wm-aside-nav-rail-submenu-item-padding: var(--wm-space-2) var(--wm-space-6);
+  --wm-aside-nav-rail-submenu-item-font-size: var(--wm-label-large-font-size);
+  --wm-aside-nav-rail-submenu-item-line-height: var(--wm-label-large-line-height);
+  --wm-aside-nav-rail-submenu-item-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-aside-nav-rail-submenu-item-gap: var(--wm-space-2);
+  --wm-aside-nav-rail-submenu-item-color-active: var(--wm-color-on-secondary-container);
+  --wm-aside-nav-rail-submenu-item-background-active: var(--wm-color-secondary-container);
+  --wm-aside-right-nav-rail-submenu-radius: var(--wm-radius-sm) var(--wm-radius-none) var(--wm-radius-none) var(--wm-radius-sm);
+  --wm-pagination-item-padding: var(--wm-space-1) var(--wm-space-1);
+  --wm-pagination-item-gap: var(--wm-space-1);
+  --wm-pagination-page-item-link-color: var(--wm-color-on-surface);
+  --wm-pagination-page-item-link-padding: var(--wm-space-2);
+  --wm-pagination-page-item-link-radius: var(--wm-radius-xs);
+  --wm-pagination-page-item-link-active-background: var(--wm-color-primary);
+  --wm-pagination-page-item-link-active-color: var(--wm-color-on-primary);
+  --wm-pagination-page-item-link-hover-background: var(--wm-color-primary-container);
+  --wm-pagination-page-item-icon-size: var(--wm-icon-size-sm);
+  --wm-pagination-page-item-totalcount-color: var(--wm-color-on-surface);
+  --wm-pagination-pager-link-radius: var(--wm-radius-pill);
+  --wm-pagination-pager-link-padding: var(--wm-space-2) var(--wm-space-6);
+  --wm-pagination-pager-link-border-color: var(--wm-color-primary);
+  --wm-pagination-pager-link-border-width: var(--wm-border-width-base);
+  --wm-pagination-pager-link-gap: var(--wm-space-2);
+  --wm-pagination-pager-link-color: var(--wm-color-on-surface);
+  --wm-pagination-pager-previous-link-color: var(--wm-color-primary);
+  --wm-pagination-pager-next-link-color: var(--wm-color-on-primary);
+  --wm-pagination-pager-next-link-background: var(--wm-color-primary);
+  --wm-pagination-pager-state-previous-link-background: var(--wm-color-primary);
+  --wm-pagination-pager-state-previous-link-focus-background: var(--wm-opacity-focus);
+  --wm-pagination-pager-state-previous-link-hover-background: var(--wm-opacity-hover);
+  --wm-pagination-pager-state-previous-link-active-background: var(--wm-opacity-active);
+  --wm-pagination-pager-state-next-link-focus-background: var(--wm-opacity-focus);
+  --wm-pagination-pager-state-next-link-hover-background: var(--wm-opacity-hover);
+  --wm-pagination-pager-state-next-link-active-background: var(--wm-opacity-active);
+  --wm-pagination-pager-state-next-link-background: var(--wm-color-on-primary);
+  --wm-pagination-pager-gap: var(--wm-space-2);
+  --wm-pagination-pagecount-input-padding: var(--wm-space-1);
+  --wm-horizontal-page-slider-padding: var(--wm-space-1);
+  --wm-horizontal-page-slider-gap: var(--wm-space-1);
+  --wm-horizontal-page-slider-anchor-icon-size: var(--wm-icon-size-sm);
+  --wm-panel-background: var(--wm-color-surface);
+  --wm-panel-radius: var(--wm-radius-xs);
+  --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-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-actions-gap: var(--wm-space-2);
+  --wm-panel-content-padding: var(--wm-space-4);
+  --wm-panel-help-message-header-background: var(--wm-color-surface);
+  --wm-panel-help-message-border: var(--wm-color-outline-variant);
+  --wm-panel-help-message-border-width: var(--wm-border-width-base);
+  --wm-panel-help-message-padding: var(--wm-space-2);
+  --wm-panel-footer-padding: var(--wm-space-4);
+  --wm-panel-footer-border: var(--wm-color-outline-variant);
+  --wm-panel-footer-border-width: var(--wm-border-width-base);
+  --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-progress-bar-background-inactive: var(--wm-color-primary-container);
+  --wm-progress-bar-background-active: var(--wm-color-primary);
+  --wm-progress-bar-label-color: var(--wm-color-on-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-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-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-set-item-column-gap: var(--wm-space-6);
+  --wm-radiobutton-set-item-row-gap: var(--wm-space-2);
+  --wm-rating-gap: var(--wm-space-2);
+  --wm-rating-icon-gap: var(--wm-space-1);
+  --wm-rating-icon-color: var(--wm-color-on-surface);
+  --wm-rating-icon-color-active: var(--wm-color-warning);
+  --wm-rating-icon-size: var(--wm-icon-size);
+  --wm-note-editor-toolbar-border: var(--wm-border-color-translucent);
+  --wm-note-editor-toolbar-border-width: var(--wm-border-width-base);
+  --wm-note-editor-toolbar-border-gap: var(--wm-space-1);
+  --wm-note-editor-toolbar-background: var(--wm-color-white);
+  --wm-note-editor-toolbar-padding: var(--wm-space-2);
+  --wm-note-editor-toolbar-gap: var(--wm-space-3);
+  --wm-note-editor-radius: var(--wm-radius-sm);
+  --wm-note-editor-border: var(--wm-border-color-translucent);
+  --wm-note-editor-border-width: var(--wm-border-width-base);
+  --wm-note-editor-note-placeholder-pdding: var(--wm-space-3);
+  --wm-note-editor-note-code-padding: var(--wm-space-3);
+  --wm-note-editor-note-code-background: var(--wm-color-on-warning);
+  --wm-note-editor-note-code-color: var(--wm-color-surface);
+  --wm-note-editor-note-code-font-size: var(--wm-body-medium-font-size);
+  --wm-note-editor-btn-group-gap: var(--wm-space-2);
+  --wm-note-editor-btn-padding: var(--wm-space-1);
+  --wm-note-editor-btn-radius: var(--wm-radius-xs);
+  --wm-note-editor-dropdown-menu-background: var(--wm-color-surface);
+  --wm-note-editor-dropdown-menu-border-radius: var(--wm-radius-xs);
+  --wm-note-editor-dropdown-menu-padding: var(--wm-space-2);
+  --wm-note-editor-dropdown-menu-item-font-size: var(--wm-body-large-font-size);
+  --wm-note-editor-dropdown-menu-item-line-height: var(--wm-body-large-line-height);
+  --wm-note-editor-dropdown-menu-item-letter-spacing: var(--wm-body-large-letter-spacing);
+  --wm-note-editor-dropdown-menu-item-color: var(--wm-color-on-surface);
+  --wm-note-editor-dropdown-menu-item-state-layer-opacity-focus: var(--wm-opacity-focus);
+  --wm-note-editor-dropdown-menu-item-state-layer-opacity-hover: var(--wm-opacity-hover);
+  --wm-note-editor-dropdown-menu-item-state-layer-opacity-active: var(--wm-opacity-active);
+  --wm-note-editor-pre-border-color: var(--wm-color-secondary-fixed);
+  --wm-note-editor-pre-border-width: var(--wm-border-width-base);
+  --wm-note-editor-pre-background: var(--wm-color-surface);
+  --wm-note-editor-pre-padding: var(--wm-space-2);
+  --wm-note-editor-pre-radius: var(--wm-radius-xs);
+  --wm-note-editor-pre-font-size: var(--wm-body-small-font-size);
+  --wm-note-editor-pre-line-height: var(--wm-body-small-line-height);
+  --wm-note-editor-pre-color: var(--wm-color-on-secondary-fixed-variant);
+  --wm-note-editor-blockquote-border-color: var(--wm-color-primary-container);
+  --wm-note-editor-blockquote-border-hover-color: var(--wm-color-primary);
+  --wm-note-editor-blockquote-margin: var(--wm-space-3);
+  --wm-note-editor-blockquote-inline-padding: var(--wm-space-3);
+  --wm-note-editor-blockquote-block-padding: var(--wm-space-2);
+  --wm-note-editor-para-dropdown-padding: var(--wm-space-1);
+  --wm-note-editor-tooltip-border-color: var(--wm-color-black);
+  --wm-note-editor-tooltip-content-color: var(--wm-color-white);
+  --wm-note-editor-tooltip-content-background: var(--wm-color-black);
+  --wm-note-editor-tooltip-content-padding: var(--wm-space-1) var(--wm-space-2);
+  --wm-note-editor-tooltip-arrow-margin: var(--wm-space-1);
+  --wm-note-editor-tooltip-radius: var(--wm-radius-xs);
+  --wm-note-editor-tooltip-font-size: var(--wm-body-medium-font-size);
+  --wm-note-editor-tooltip-padding: var(--wm-space-1);
+  --wm-note-editor-tooltip-margin: var(--wm-space-1);
+  --wm-note-editor-color-reset-background: var(--wm-color-white);
+  --wm-note-editor-color-select-background: var(--wm-color-white);
+  --wm-note-editor-color-dropdown-gap: var(--wm-space-3);
+  --wm-note-editor-color-dropdown-padding: var(--wm-space-3);
+  --wm-note-editor-color-palette-gap-xs: var(--wm-space-1);
+  --wm-note-editor-color-row-gap: var(--wm-space-1);
+  --wm-note-editor-palette-gap: var(--wm-space-2);
+  --wm-note-editor-dropzone-color: var(--wm-color-primary);
+  --wm-note-editor-dropzone-background: var(--wm-color-white);
+  --wm-note-editor-dropzone-hover-color: var(--wm-color-primary-container);
+  --wm-note-editor-td-border-color: var(--wm-border-color-translucent);
+  --wm-note-editor-td-border-width: var(--wm-border-width-base);
+  --wm-note-editor-td-padding: var(--wm-space-1);
+  --wm-note-editor-popover-arrow-margin: var(--wm-space-2);
+  --wm-note-editor-popover-arrow-background: var(--wm-color-white);
+  --wm-note-editor-popover-margin: var(--wm-space-1);
+  --wm-note-editor-popover-background: var(--wm-color-white);
+  --wm-note-editor-popover-radius: var(--wm-radius-xs);
+  --wm-note-editor-popover-padding: var(--wm-space-1);
+  --wm-note-editor-popover-padding-container: var(--wm-space-2);
+  --wm-note-editor-popover-content-color: var(--wm-color-black);
+  --wm-note-editor-popover-content-background: var(--wm-color-white);
+  --wm-note-editor-popover-content-padding: var(--wm-space-1) var(--wm-space-2);
+  --wm-note-editor-popover-border: var(--wm-color-outline-variant);
+  --wm-note-editor-popover-btn-group-gap: var(--wm-space-2);
+  --wm-note-editable-background: var(--wm-color-surface-container-low);
+  --wm-note-editable-padding: var(--wm-space-3);
+  --wm-note-editable-color: var(--wm-color-black);
+  --wm-note-editable-hr-color: var(--wm-color-inverse-on-surface);
+  --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-border-radius: var(--wm-space-7);
+  --wm-search-border-width: var(--wm-border-width-2);
+  --wm-search-text-font-size: var(--wm-body-medium-font-size);
+  --wm-search-text-background-color: var(--wm-color-primary-container);
+  --wm-search-modal-content-background-color: var(--wm-color-primary-container);
+  --wm-search-modal-content-border-radius: var(--wm-radius-md);
+  --wm-search-invalid-color: var(--wm-color-error);
+  --wm-search-btn-icon-color: var(--wm-color-primary);
+  --wm-search-btn-icon-size: var(--wm-icon-size-sm);
+  --wm-search-btn-ripple-color: var(--wm-color-inverse-primary);
+  --wm-search-placeholder-color: var(--wm-color-outline);
+  --wm-search-complete-background-color: var(--wm-color-primary-container);
+  --wm-search-complete-padding-top: var(--wm-space-2);
+  --wm-search-complete-padding-bottom: var(--wm-space-2);
+  --wm-search-complete-padding-left: var(--wm-space-2);
+  --wm-search-complete-padding-right: var(--wm-space-2);
+  --wm-search-complete-text-color: var(--wm-color-on-surface);
+  --wm-search-background-color: var(--wm-color-primary-container);
+  --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-loading-data-msg-color: var(--wm-color-scrim);
+  --wm-spinner-font-size: var(--wm-body-large-font-size);
+  --wm-spinner-padding-left: var(--wm-space-2);
+  --wm-spinner-icon-size: var(--wm-icon-size);
+  --wm-spinner-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-medium);
+  --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-tabbar-menu-background: var(--wm-color-surface);
+  --wm-tabbar-item-min-height: var(--wm-space-8);
+  --wm-tabbar-item-min-width: var(--wm-spacer-7);
+  --wm-tabbar-item-margin-bottom: var(--wm-space-4);
+  --wm-tabbar-active-item-background: var(--wm-color-surface);
+  --wm-tabbar-active-icon-color: var(--wm-color-primary);
+  --wm-tabbar-active-text-font-weight: var(--wm-font-weight-bold);
+  --wm-tabbar-active-text-color: var(--wm-color-on-surface-variant);
+  --wm-tabbar-icon-size: var(--wm-space-6);
+  --wm-tabbar-icon-color: var(--wm-color-on-surface-variant);
+  --wm-tabbar-icon-padding-btm: var(--wm-space-rule);
+  --wm-tabbar-text-font-size: var(--wm-label-medium-font-size);
+  --wm-tabbar-text-font-family: var(--wm-font-family-brand);
+  --wm-tabbar-text-font-weight: var(--wm-font-weight-medium);
+  --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-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-letter-spacing: var(--wm-h6-letter-spacing);
+  --wm-tabs-item-heading-color: var(--wm-color-on-surface-variant);
+  --wm-tabs-item-heading-indicator-background: var(--wm-color-primary);
+  --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-wizard-background: var(--wm-color-surface);
+  --wm-wizard-radius: var(--wm-radius-xs);
+  --wm-wizard-padding: var(--wm-space-1);
+  --wm-wizard-gap: var(--wm-space-2);
+  --wm-wizard-heading-background: var(--wm-color-surface);
+  --wm-wizard-heading-radius: var(--wm-radius-xs);
+  --wm-wizard-heading-padding: var(--wm-space-7) var(--wm-space-0) var(--wm-space-7)  var(--wm-space-7);
+  --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-regular);
+  --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-medium);
+  --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-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-color: var(--wm-color-outline-variant);
+  --wm-border-style-base: var(--wm-border-style-solid);
+  --wm-body-large-font-family: var(--wm-font-family-brand);
+  --wm-body-large-font-weight: var(--wm-font-weight-regular);
+  --wm-body-medium-font-family: var(--wm-font-family-brand);
+  --wm-body-medium-font-weight: var(--wm-font-weight-regular);
+  --wm-body-small-font-family: var(--wm-font-family-brand);
+  --wm-body-small-font-weight: var(--wm-font-weight-regular);
+  --wm-h1-font-family: var(--wm-font-family-brand);
+  --wm-h1-font-weight: var(--wm-font-weight-regular);
+  --wm-h2-font-family: var(--wm-font-family-brand);
+  --wm-h2-font-weight: var(--wm-font-weight-regular);
+  --wm-h3-font-family: var(--wm-font-family-brand);
+  --wm-h3-font-weight: var(--wm-font-weight-regular);
+  --wm-h4-font-family: var(--wm-font-family-brand);
+  --wm-h4-font-weight: var(--wm-font-weight-regular);
+  --wm-h5-font-family: var(--wm-font-family-brand);
+  --wm-h5-font-weight: var(--wm-font-weight-medium);
+  --wm-h6-font-family: var(--wm-font-family-brand);
+  --wm-h6-font-weight: var(--wm-font-weight-medium);
+  --wm-display-large-font-family: var(--wm-font-family-brand);
+  --wm-display-large-font-weight: var(--wm-font-weight-regular);
+  --wm-display-medium-font-family: var(--wm-font-family-brand);
+  --wm-display-medium-font-weight: var(--wm-font-weight-regular);
+  --wm-display-small-font-family: var(--wm-font-family-brand);
+  --wm-display-small-font-weight: var(--wm-font-weight-regular);
+  --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-elevation-shadow-1: var(--wm-shadow-1),var(--wm-shadow-addon-1);
+  --wm-elevation-shadow-2: var(--wm-shadow-2),var(--wm-shadow-addon-2);
+  --wm-elevation-shadow-3: var(--wm-shadow-3),var(--wm-shadow-addon-3);
+  --wm-elevation-shadow-4: var(--wm-shadow-4),var(--wm-shadow-addon-4);
+  --wm-elevation-shadow-5: var(--wm-shadow-5),var(--wm-shadow-addon-5);
+  --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-breadcrumb-item-font-family: var(--wm-body-large-font-family);
+  --wm-breadcrumb-item-font-weight: var(--wm-body-large-font-weight);
+  --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-carousel-dots-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-border-width: var(--wm-form-control-border-width);
+  --wm-chips-list-padding-top: var(--wm-form-control-padding);
+  --wm-chips-list-padding-bottom: var(--wm-form-control-padding);
+  --wm-chips-list-padding-left: var(--wm-form-control-padding);
+  --wm-chips-list-padding-right: var(--wm-form-control-padding);
+  --wm-chips-list-border-width: var(--wm-form-control-border-width);
+  --wm-chips-list-border-color: var(--wm-form-control-border-color);
+  --wm-chips-list-border-radius: var(--wm-form-control-radius);
+  --wm-chips-list-place-holder-color: var(--wm-form-control-color-place-holder);
+  --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-currency-inputgroup-addon-font-size: var(--wm-form-control-font-size);
+  --wm-currency-inputgroup-addon-line-height: var(--wm-form-control-line-height);
+  --wm-currency-inputgroup-addon-letter-spacing: var(--wm-form-control-letter-spacing);
+  --wm-datetime-picker-border-style: var(--wm-border-style-base);
+  --wm-datetime-picker-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-file-upload-status-border-color: var(--wm-border-color);
+  --wm-form-control-border-style: var(--wm-border-style-base);
+  --wm-form-control-font-family: var(--wm-body-large-font-family);
+  --wm-form-control-font-weight: var(--wm-body-large-font-weight);
+  --wm-number-container-border-style: var(--wm-border-style-base);
+  --wm-list-item-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-title-font-family: var(--wm-h3-font-family);
+  --wm-modal-title-font-weight: var(--wm-h3-font-weight);
+  --wm-modal-icon-font-weight: var(--wm-h4-font-weight);
+  --wm-nav-item-font-family: var(--wm-label-large-font-family);
+  --wm-nav-item-font-weight: var(--wm-label-large-font-weight);
+  --wm-nav-item-background: var(--wm-nav-background);
+  --wm-app-font-family: var(--wm-body-medium-font-family);
+  --wm-app-font-weight: var(--wm-body-medium-font-weight);
+  --wm-aside-nav-background: var(--wm-aside-panel-background);
+  --wm-aside-nav-color: var(--wm-aside-panel-color);
+  --wm-aside-nav-item-font-family: var(--wm-label-large-font-family);
+  --wm-aside-nav-item-font-weight: var(--wm-label-large-font-weight);
+  --wm-aside-nav-submenu-item-font-family: var(--wm-label-large-font-family);
+  --wm-aside-nav-submenu-item-font-weight: var(--wm-label-large-font-weight);
+  --wm-aside-nav-submenu-item-radius: var(--wm-aside-nav-item-radius);
+  --wm-aside-nav-submenu-item-background: var(--wm-aside-nav-submenu-background);
+  --wm-aside-nav-rail-background: var(--wm-aside-panel-rail-background);
+  --wm-aside-nav-rail-color: var(--wm-aside-panel-rail-color);
+  --wm-aside-nav-rail-item-font-family: var(--wm-label-medium-font-family);
+  --wm-aside-nav-rail-item-font-weight: var(--wm-label-medium-font-weight);
+  --wm-aside-nav-rail-item-icon-color-active: var(--wm-aside-nav-rail-item-color-active);
+  --wm-aside-nav-rail-item-indicator-color-active: var(--wm-aside-nav-item-indicator-color-active);
+  --wm-aside-nav-rail-submenu-box-shadow: var(--wm-elevation-shadow-1);
+  --wm-aside-nav-rail-submenu-radius: var(--wm-aside-nav-submenu-radius);
+  --wm-aside-nav-rail-submenu-item-font-family: var(--wm-label-large-font-family);
+  --wm-aside-nav-rail-submenu-item-font-weight: var(--wm-label-large-font-weight);
+  --wm-aside-nav-rail-submenu-item-radius: var(--wm-aside-nav-rail-item-radius);
+  --wm-pagination-page-item-link-active-font-weight: var(--wm-label-medium-font-weight);
+  --wm-pagination-pager-link-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-panel-help-message-border-style: var(--wm-border-style-base);
+  --wm-panel-footer-border-style: var(--wm-border-style-base);
+  --wm-popover-elevation: var(--wm-elevation-shadow-1);
+  --wm-popover-header-font-family: var(--wm-h5-font-family);
+  --wm-popover-header-font-weight: var(--wm-h5-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-note-editor-toolbar-border-style: var(--wm-border-style-base);
+  --wm-note-editor-border-style: var(--wm-border-style-base);
+  --wm-note-editor-note-code-font-weight: var(--wm-body-medium-font-weight);
+  --wm-note-editor-dropdown-menu-box-shadow: var(--wm-elevation-shadow-2);
+  --wm-note-editor-dropdown-menu-item-font-family: var(--wm-body-large-font-family);
+  --wm-note-editor-dropdown-menu-item-font-weight: var(--wm-body-large-font-weight);
+  --wm-note-editor-pre-font-family: var(--wm-body-small-font-family);
+  --wm-note-editor-pre-font-weight: var(--wm-body-small-font-weight);
+  --wm-note-editor-tooltip-font-weight: var(--wm-body-medium-font-weight);
+  --wm-note-editor-tooltip-font-family: var(--wm-body-medium-font-family);
+  --wm-note-editor-td-border-style: var(--wm-border-style-base);
+  --wm-search-text-font-family: var(--wm-body-medium-font-family);
+  --wm-search-text-font-weight: var(--wm-body-medium-font-weight);
+  --wm-tabs-item-heading-font-weight: var(--wm-h6-font-weight);
+  --wm-tabs-item-heading-font-family: var(--wm-h6-font-family);
+  --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-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-color: var(--wm-wizard-step-title-color);
+  --wm-wizard-step-count-font-size: var(--wm-wizard-step-title-font-size);
+  --wm-wizard-step-count-font-weight: var(--wm-wizard-step-title-font-weight);
+  --wm-wizard-step-count-line-height: var(--wm-wizard-step-title-line-height);
+  --wm-chips-list-border-style: var(--wm-form-control-border-style);
+  --wm-currency-inputgroup-addon-font-family: var(--wm-form-control-font-family);
+  --wm-currency-inputgroup-addon-font-weight: var(--wm-form-control-font-weight);
+  --wm-aside-nav-item-color: var(--wm-aside-nav-color);
+  --wm-aside-nav-rail-item-color: var(--wm-aside-nav-rail-color);
+  --wm-aside-nav-rail-item-background: var(--wm-aside-nav-rail-background);
+  --wm-aside-nav-rail-submenu-background: var(--wm-aside-nav-rail-background);
+  --wm-aside-nav-rail-submenu-color: var(--wm-aside-nav-rail-color);
+  --wm-wizard-step-count-font-family: var(--wm-wizard-step-title-font-family);
+  --wm-wizard-step-icon-color: var(--wm-wizard-step-count-color);
+  --wm-aside-nav-submenu-color: var(--wm-aside-nav-item-color);
+  --wm-aside-nav-rail-item-icon-color: var(--wm-aside-nav-rail-item-color);
+  --wm-aside-nav-rail-submenu-item-color: var(--wm-aside-nav-rail-submenu-color);
+  --wm-aside-nav-rail-submenu-item-background: var(--wm-aside-nav-rail-submenu-background);
+  --wm-aside-nav-submenu-item-color: var(--wm-aside-nav-submenu-color);
+}