/* @ali/com-design-tokens/0.1.1/tailwind/preflight.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}

/* @ali/com-design-tokens/0.1.1/default.css */
:root:not([data-design-system]), [data-design-system="com-design"][data-theme="default"] {
  color-scheme: light;
}

:root:not([data-design-system]), [data-design-system="com-design"][data-theme="default"] {
  --com-design-bg-color-active: #0000000f;
  --com-design-bg-color-bubble: #000000cc;
  --com-design-bg-color-default: #f2f4f7;
  --com-design-bg-color-disabled: #f2f4f7;
  --com-design-bg-color-error-default: #ffe9e5;
  --com-design-bg-color-error-hover: #ffccc4;
  --com-design-bg-color-error-light-default: #fff6f5;
  --com-design-bg-color-error-light-hover: #ffe9e5;
  --com-design-bg-color-focus: #0000000f;
  --com-design-bg-color-gradient-base-primary-active: #053380;
  --com-design-bg-color-gradient-base-primary-default: #1366ec;
  --com-design-bg-color-gradient-base-primary-hover: #094ebd;
  --com-design-bg-color-hover: #00000005;
  --com-design-bg-color-info-default: #e6eefc;
  --com-design-bg-color-info-hover: #c3d7fa;
  --com-design-bg-color-info-light-default: #f7f9fc;
  --com-design-bg-color-info-light-hover: #e6eefc;
  --com-design-bg-color-mask: #0000008c;
  --com-design-bg-color-primary-default: #1366ec;
  --com-design-bg-color-primary-disabled: #c3d7fa;
  --com-design-bg-color-primary-hover: #094ebd;
  --com-design-bg-color-primary-light-default: #e6eefc;
  --com-design-bg-color-primary-light-hover: #c3d7fa;
  --com-design-bg-color-primary-lighter-default: #f7f9fc;
  --com-design-bg-color-primary-lighter-hover: #e6eefc;
  --com-design-bg-color-secondary-default: #ff6a00;
  --com-design-bg-color-secondary-hover: #de5c00;
  --com-design-bg-color-selected: #0000001a;
  --com-design-bg-color-subtle: #f7f7f9;
  --com-design-bg-color-success-default: #d8f3e0;
  --com-design-bg-color-success-hover: #a2e8b6;
  --com-design-bg-color-success-light-default: #f1fbf4;
  --com-design-bg-color-success-light-hover: #d8f3e0;
  --com-design-bg-color-warning-default: #fcebca;
  --com-design-bg-color-warning-hover: #ffd17a;
  --com-design-bg-color-warning-light-default: #fff8eb;
  --com-design-bg-color-warning-light-hover: #fcebca;
  --com-design-bg-color-white: #ffffff;
  --com-design-blur-lg: 64px;
  --com-design-blur-md: 40px;
  --com-design-blur-sm: 16px;
  --com-design-border-color-bold: #dadee5;
  --com-design-border-color-bolder: #bbc1c9;
  --com-design-border-color-default: #e9ebf0;
  --com-design-border-color-disabled: #dadee5;
  --com-design-border-color-error-default: #d6260b;
  --com-design-border-color-error-light: #ffccc4;
  --com-design-border-color-focus: #1366ec;
  --com-design-border-color-hover: #bbc1c9;
  --com-design-border-color-info-default: #1366ec;
  --com-design-border-color-info-light: #c3d7fa;
  --com-design-border-color-primary-default: #1366ec;
  --com-design-border-color-primary-hover: #c3d7fa;
  --com-design-border-color-secondary: #ff6a00;
  --com-design-border-color-selected: #1366ec;
  --com-design-border-color-success-default: #038024;
  --com-design-border-color-success-light: #a2e8b6;
  --com-design-border-color-warning-default: #ffac0a;
  --com-design-border-color-warning-light: #ffd17a;
  --com-design-border-color-white: #ffffff;
  --com-design-border-width-medium: 2px;
  --com-design-border-width-thick: 3px;
  --com-design-border-width-thin: 1px;
  --com-design-breakpoint-h5-max: 1055px;
  --com-design-breakpoint-wide-min: 1920px;
  --com-design-duration-fast: 200ms;
  --com-design-duration-normal: 300ms;
  --com-design-duration-slow: 400ms;
  --com-design-duration-slower: 500ms;
  --com-design-fg-color-default: #191c21;
  --com-design-fg-color-disabled: #bbc1c9;
  --com-design-fg-color-error: #d6260b;
  --com-design-fg-color-info: #1366ec;
  --com-design-fg-color-link-active: #053380;
  --com-design-fg-color-link-default: #1366ec;
  --com-design-fg-color-link-disabled: #979da6;
  --com-design-fg-color-link-hover: #094ebd;
  --com-design-fg-color-link-visited: #053380;
  --com-design-fg-color-placeholder: #979da6;
  --com-design-fg-color-primary: #1366ec;
  --com-design-fg-color-secondary: #ff6a00;
  --com-design-fg-color-selected: #1366ec;
  --com-design-fg-color-subtle: #2d3238;
  --com-design-fg-color-subtler: #4a4f57;
  --com-design-fg-color-subtlest: #6c717a;
  --com-design-fg-color-success: #038024;
  --com-design-fg-color-warning: #ffac0a;
  --com-design-fg-color-white: #ffffff;
  --com-design-font-base: 'PingFang SC', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', SimSun, sans-serif;
  --com-design-font-code: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  --com-design-font-weight-emphasis: 500;
  --com-design-font-weight-heading: 600;
  --com-design-font-weight-normal: 400;
  --com-design-gradient-background-agent-default: linear-gradient(to top right, #1366EC 0%, #856EFA 70%, #FFA091 100%);
  --com-design-gradient-background-agent-subtle-default: linear-gradient(45deg, rgba(19, 102, 236, 0.12) 0%, rgba(133, 110, 250, 0.12) 70%, rgba(255, 160, 145, 0.12) 100%);
  --com-design-gradient-background-agent-subtle-hover: linear-gradient(45deg, rgba(19, 102, 236, 0.2) 0%, rgba(133, 110, 250, 0.2) 70%, rgba(255, 160, 145, 0.2) 100%);
  --com-design-gradient-background-agent-subtlest-default: linear-gradient(45deg, rgba(19, 102, 236, 0) 0%, rgba(133, 110, 250, 0) 70%, rgba(255, 160, 145, 0) 100%);
  --com-design-gradient-background-agent-subtlest-hover: linear-gradient(45deg, rgba(19, 102, 236, 0.06) 0%, rgba(133, 110, 250, 0.06) 70%, rgba(255, 160, 145, 0.06) 100%);
  --com-design-gradient-background-glass-bold: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
  --com-design-gradient-background-glass-default: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.4) 100%);
  --com-design-gradient-background-glass-subtle: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  --com-design-gradient-background-primary-active: linear-gradient(to right top, #5238d1 0%, #053380 50%, #00549e 100%);
  --com-design-gradient-background-primary-default: linear-gradient(to right top, #856efa 0%, #1366ec 50%, #0a91ff 100%);
  --com-design-gradient-background-primary-hover: linear-gradient(to right top, #6d54eb 0%, #094ebd 50%, #007ee5 100%);
  --com-design-gradient-background-primary-light-default: linear-gradient(to right top, rgba(133, 110, 250, 0.12) 0%, rgba(19, 102, 236, 0.12) 50%, rgba(10, 145, 255, 0.12) 100%);
  --com-design-gradient-background-primary-light-focus: linear-gradient(to right top, rgba(82, 56, 209, 0.12) 0%, rgba(5, 51, 128, 0.12) 50%, rgba(0, 84, 158, 0.12) 100%);
  --com-design-gradient-background-primary-light-hover: linear-gradient(to right top, rgba(109, 84, 235, 0.12) 0%, rgba(9, 78, 189, 0.12) 50%, rgba(0, 126, 229, 0.12) 100%);
  --com-design-gradient-background-primary-simple-active: linear-gradient(45deg, #36248F 0%, #053380 100%);
  --com-design-gradient-background-primary-simple-default: linear-gradient(45deg, #6D54EB 0%, #1366EC 100%);
  --com-design-gradient-background-primary-simple-hover: linear-gradient(45deg, #5238D1 0%, #094EBD 100%);
  --com-design-gradient-border-agent-default: linear-gradient(to top right, #1366EC 0%, #856EFA 70%, #FFA091 100%);
  --com-design-gradient-border-agent-subtle: linear-gradient(45deg, rgba(19, 102, 236, 0.4) 0%, rgba(133, 110, 250, 0.4) 70%, rgba(255, 160, 145, 0.4) 100%);
  --com-design-gradient-border-glass-default: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.565) 100%);
  --com-design-gradient-border-glass-light: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  --com-design-gradient-text-agent-bold: linear-gradient(45deg, #094EBD 0%, #6D54EB 70%, #FFA091 100%);
  --com-design-gradient-text-agent-default: linear-gradient(45deg, #1366EC 0%, #1366EC 70%, #FFA091 100%);
  --com-design-gradient-text-decorative: linear-gradient(to right top, #baacff 0%, #6d54eb 24%, #2b67ee 74%, #6bbfff 99%);
  --com-design-gradient-text-simple: linear-gradient(45deg, #6D54EB 0%, #1366EC 100%);
  --com-design-layout-page-gutter-h5: 16px;
  --com-design-layout-page-gutter-pc: 80px;
  --com-design-layout-page-max-viewport: 1920px;
  --com-design-radius-2xl: 16px;
  --com-design-radius-3xl: 24px;
  --com-design-radius-4xl: 40px;
  --com-design-radius-full: 9999px;
  --com-design-radius-lg: 8px;
  --com-design-radius-md: 6px;
  --com-design-radius-sm: 4px;
  --com-design-radius-xl: 12px;
  --com-design-radius-xs: 2px;
  --com-design-shadow-2xs: 0px 0px 6px 0px rgb(0% 0% 0% / 0.03), 0px 4px 16px -4px rgb(7.451% 40% 92.549% / 0.05);
  --com-design-shadow-inset: inset 0px 0px 28px 0px rgb(100% 100% 100% / 0.5);
  --com-design-shadow-lg: 0px 10px 40px -6px rgb(0% 0% 0% / 0.1), 0px 24px 80px -16px rgb(7.451% 40% 92.549% / 0.27);
  --com-design-shadow-md: 0px 8px 24px -4px rgb(0% 0% 0% / 0.06), 0px 16px 56px -12px rgb(7.451% 40% 92.549% / 0.15);
  --com-design-shadow-sm: 0px 3px 12px -2px rgb(0% 0% 0% / 0.05), 0px 12px 48px -10px rgb(7.451% 40% 92.549% / 0.11);
  --com-design-shadow-xs: 0px 0px 8px 0px rgb(0% 0% 0% / 0.04), 0px 8px 24px -8px rgb(7.451% 40% 92.549% / 0.08);
  --com-design-spacing-lg: 16px;
  --com-design-spacing-md: 12px;
  --com-design-spacing-sm: 8px;
  --com-design-spacing-xl: 24px;
  --com-design-spacing-xs: 4px;
  --com-design-type-body-1-font-size: 16px;
  --com-design-type-body-1-letter-spacing: 0.4px;
  --com-design-type-body-1-line-height: 26px;
  --com-design-type-body-2-font-size: 14px;
  --com-design-type-body-2-letter-spacing: 0.4px;
  --com-design-type-body-2-line-height: 24px;
  --com-design-type-caption-1-font-size: 12px;
  --com-design-type-caption-1-letter-spacing: 0.4px;
  --com-design-type-caption-1-line-height: 20px;
  --com-design-type-caption-2-font-size: 10px;
  --com-design-type-caption-2-letter-spacing: 0.4px;
  --com-design-type-caption-2-line-height: 16px;
  --com-design-type-display-font-size: 44px;
  --com-design-type-display-letter-spacing: 0px;
  --com-design-type-display-line-height: 64px;
  --com-design-type-subtitle-1-font-size: 18px;
  --com-design-type-subtitle-1-letter-spacing: 0.2px;
  --com-design-type-subtitle-1-line-height: 28px;
  --com-design-type-subtitle-2-font-size: 16px;
  --com-design-type-subtitle-2-letter-spacing: 0.4px;
  --com-design-type-subtitle-2-line-height: 26px;
  --com-design-type-subtitle-3-font-size: 14px;
  --com-design-type-subtitle-3-letter-spacing: 0.4px;
  --com-design-type-subtitle-3-line-height: 24px;
  --com-design-type-title-1-font-size: 34px;
  --com-design-type-title-1-letter-spacing: 0px;
  --com-design-type-title-1-line-height: 44px;
  --com-design-type-title-2-font-size: 26px;
  --com-design-type-title-2-letter-spacing: 0px;
  --com-design-type-title-2-line-height: 40px;
  --com-design-type-title-3-font-size: 22px;
  --com-design-type-title-3-letter-spacing: 0.1px;
  --com-design-type-title-3-line-height: 32px;
  --com-design-type-weight-body-1: var(--com-design-font-weight-normal);
  --com-design-type-weight-body-2: var(--com-design-font-weight-normal);
  --com-design-type-weight-caption-1: var(--com-design-font-weight-normal);
  --com-design-type-weight-caption-2: var(--com-design-font-weight-normal);
  --com-design-type-weight-display: var(--com-design-font-weight-heading);
  --com-design-type-weight-subtitle-1: var(--com-design-font-weight-heading);
  --com-design-type-weight-subtitle-2: var(--com-design-font-weight-heading);
  --com-design-type-weight-subtitle-3: var(--com-design-font-weight-heading);
  --com-design-type-weight-title-1: var(--com-design-font-weight-heading);
  --com-design-type-weight-title-2: var(--com-design-font-weight-heading);
  --com-design-type-weight-title-3: var(--com-design-font-weight-heading);
  --com-design-z-auto: auto;
  --com-design-z-base: 0;
  --com-design-z-dialog: 1410;
  --com-design-z-dialog-backdrop: 1400;
  --com-design-z-drawer: 1310;
  --com-design-z-drawer-backdrop: 1300;
  --com-design-z-dropdown: 1100;
  --com-design-z-fixed: 200;
  --com-design-z-float-widget: 950;
  --com-design-z-hide: -1;
  --com-design-z-iframe: 400;
  --com-design-z-max: 2000;
  --com-design-z-message: 1550;
  --com-design-z-nav-dropdown: 980;
  --com-design-z-notification: 1600;
  --com-design-z-popover: 1150;
  --com-design-z-popup-inline: 50;
  --com-design-z-side-content: 998;
  --com-design-z-sidebar: 300;
  --com-design-z-sticky: 100;
  --com-design-z-sub-nav: 900;
  --com-design-z-sys-backdrop: 1800;
  --com-design-z-sys-dialog: 1810;
  --com-design-z-toast: 1500;
  --com-design-z-tooltip: 1200;
  --com-design-z-top-banner: 1010;
  --com-design-z-top-nav: 1000;
  --com-design-z-widget-popup: 990;
}

@media (max-width: 1055px) {
  :root:not([data-design-system]), [data-design-system="com-design"][data-theme="default"] {
    --com-design-type-display-font-size: 28px;
    --com-design-type-display-line-height: 42px;
    --com-design-type-title-1-font-size: 26px;
    --com-design-type-title-1-line-height: 40px;
    --com-design-type-title-2-font-size: 22px;
    --com-design-type-title-2-line-height: 32px;
    --com-design-type-title-3-font-size: 20px;
    --com-design-type-title-3-line-height: 30px;
  }
}

/* @ali/com-design-tokens/0.1.1/default-component.css */
:root:not([data-design-system]), [data-design-system="com-design"][data-theme="default"] {
  --com-design-badge-color-azure-bg-color-default: rgba(222, 240, 252, 1);
  --com-design-badge-color-azure-bg-color-hover: rgba(173, 220, 255, 1);
  --com-design-badge-color-azure-fg-color-default: rgba(0, 126, 229, 1);
  --com-design-badge-color-blue-bg-color-default: rgba(230, 238, 252, 1);
  --com-design-badge-color-blue-bg-color-hover: rgba(195, 215, 250, 1);
  --com-design-badge-color-blue-fg-color-default: rgba(19, 102, 236, 1);
  --com-design-badge-color-coolgray-bg-color-default: rgba(242, 244, 247, 1);
  --com-design-badge-color-coolgray-bg-color-hover: rgba(233, 235, 240, 1);
  --com-design-badge-color-coolgray-fg-color-default: rgba(108, 113, 122, 1);
  --com-design-badge-color-cyan-bg-color-default: rgba(220, 241, 247, 1);
  --com-design-badge-color-cyan-bg-color-hover: rgba(166, 225, 245, 1);
  --com-design-badge-color-cyan-fg-color-default: rgba(0, 119, 158, 1);
  --com-design-badge-color-green-bg-color-default: rgba(216, 243, 224, 1);
  --com-design-badge-color-green-bg-color-hover: rgba(162, 232, 182, 1);
  --com-design-badge-color-green-fg-color-default: rgba(3, 128, 36, 1);
  --com-design-badge-color-magenta-bg-color-default: rgba(252, 232, 242, 1);
  --com-design-badge-color-magenta-bg-color-hover: rgba(250, 202, 226, 1);
  --com-design-badge-color-magenta-fg-color-default: rgba(204, 39, 121, 1);
  --com-design-badge-color-orange-bg-color-default: rgba(255, 233, 219, 1);
  --com-design-badge-color-orange-bg-color-hover: rgba(255, 206, 171, 1);
  --com-design-badge-color-orange-fg-color-default: rgba(186, 78, 0, 1);
  --com-design-badge-color-purple-bg-color-default: rgba(238, 235, 252, 1);
  --com-design-badge-color-purple-bg-color-hover: rgba(216, 208, 255, 1);
  --com-design-badge-color-purple-fg-color-default: rgba(109, 84, 235, 1);
  --com-design-badge-color-red-bg-color-default: rgba(255, 233, 229, 1);
  --com-design-badge-color-red-bg-color-hover: rgba(255, 204, 196, 1);
  --com-design-badge-color-red-fg-color-default: rgba(214, 38, 11, 1);
  --com-design-badge-color-yellow-bg-color-default: rgba(252, 235, 202, 1);
  --com-design-badge-color-yellow-bg-color-hover: rgba(255, 209, 122, 1);
  --com-design-badge-color-yellow-fg-color-default: rgba(151, 100, 0, 1);
  --com-design-button-elevated-primary-background-default: url("https://img.alicdn.com/imgextra/i3/O1CN01SzV7Q81XVXBeg14IU_!!6000000002929-2-tps-544-104.png");
  --com-design-button-elevated-secondary-background-default: linear-gradient(180deg, #FFFFFF 0%, #F7F9FC 100%);
  --com-design-button-outlined-fg-color-disabled: rgba(142, 184, 250, 1);
  --com-design-button-size-lg-font-size-default: 14px;
  --com-design-button-size-lg-gap-default: 8px;
  --com-design-button-size-lg-glow-blur-default: 48px;
  --com-design-button-size-lg-glow-size-default: 80px;
  --com-design-button-size-lg-gradient-padding-inline-default: 24px;
  --com-design-button-size-lg-height-default: 36px;
  --com-design-button-size-lg-icon-size-default: 18px;
  --com-design-button-size-lg-line-height-default: 20px;
  --com-design-button-size-lg-padding-inline-default: 16px;
  --com-design-button-size-lg-radius-default: 6px;
  --com-design-button-size-lg-shadow-blur-default: 16px;
  --com-design-button-size-md-font-size-default: 14px;
  --com-design-button-size-md-gap-default: 8px;
  --com-design-button-size-md-glow-blur-default: 42px;
  --com-design-button-size-md-glow-size-default: 70px;
  --com-design-button-size-md-gradient-padding-inline-default: 20px;
  --com-design-button-size-md-height-default: 32px;
  --com-design-button-size-md-icon-size-default: 18px;
  --com-design-button-size-md-line-height-default: 20px;
  --com-design-button-size-md-padding-inline-default: 16px;
  --com-design-button-size-md-radius-default: 6px;
  --com-design-button-size-md-shadow-blur-default: 14px;
  --com-design-button-size-sm-font-size-default: 12px;
  --com-design-button-size-sm-gap-default: 4px;
  --com-design-button-size-sm-glow-blur-default: 36px;
  --com-design-button-size-sm-glow-size-default: 60px;
  --com-design-button-size-sm-gradient-padding-inline-default: 16px;
  --com-design-button-size-sm-height-default: 28px;
  --com-design-button-size-sm-icon-size-default: 16px;
  --com-design-button-size-sm-line-height-default: 16px;
  --com-design-button-size-sm-padding-inline-default: 12px;
  --com-design-button-size-sm-radius-default: 4px;
  --com-design-button-size-sm-shadow-blur-default: 12px;
  --com-design-button-size-xl-font-size-default: 16px;
  --com-design-button-size-xl-gap-default: 12px;
  --com-design-button-size-xl-glow-blur-default: 54px;
  --com-design-button-size-xl-glow-size-default: 90px;
  --com-design-button-size-xl-gradient-padding-inline-default: 28px;
  --com-design-button-size-xl-height-default: 44px;
  --com-design-button-size-xl-icon-size-default: 20px;
  --com-design-button-size-xl-line-height-default: 24px;
  --com-design-button-size-xl-padding-inline-default: 20px;
  --com-design-button-size-xl-radius-default: 8px;
  --com-design-button-size-xl-shadow-blur-default: 18px;
  --com-design-button-size-xxl-font-size-default: 16px;
  --com-design-button-size-xxl-gap-default: 16px;
  --com-design-button-size-xxl-glow-blur-default: 60px;
  --com-design-button-size-xxl-glow-size-default: 100px;
  --com-design-button-size-xxl-gradient-padding-inline-default: 32px;
  --com-design-button-size-xxl-height-default: 52px;
  --com-design-button-size-xxl-icon-size-default: 20px;
  --com-design-button-size-xxl-line-height-default: 24px;
  --com-design-button-size-xxl-padding-inline-default: 24px;
  --com-design-button-size-xxl-radius-default: 8px;
  --com-design-button-size-xxl-shadow-blur-default: 20px;
  --com-design-surface-control-radius-default: 6px;
  --com-design-surface-dialog-padding-default: 24px;
  --com-design-surface-dialog-width-default: 512px;
  --com-design-surface-dialog-width-small: 320px;
  --com-design-surface-popover-padding-default: 16px;
  --com-design-surface-popover-width-default: 288px;
}