/* MoxieAI DSM · tokens · v1 · 2026-11-01T10:18:06.127001+00:00
   https://moxiestudio.app/api/agent/v1/boxie3d/boxie3d/tokens.css · every value below points back at the studio: change it there, publish, and this file follows. */
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");
:root {
  color-scheme: dark;
  --dsm-unit-layout: 8px; --dsm-unit-component: 4px; --dsm-unit: 8px; /* = layout */
  /* 02 · fonts */
  --dsm-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --dsm-font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --dsm-font-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --dsm-font-text: var(--dsm-font-sans); /* alias */
  /* 03 · color roles · dark-only */
  --dsm-bg: #151515;
  --dsm-icon: #C8C8C8;
  --dsm-info: #3B82F6;
  --dsm-link: #194CFF; /* derived: primary (link was = textHeading) */
  --dsm-link-decoration: none;
  --dsm-error: #FFAAA2;
  --dsm-border: #2A2A2A;
  --dsm-infoBg: #293547;
  --dsm-errorBg: #462B2B;
  --dsm-onHover: #EEEEEE;
  --dsm-overlay: #000000; /* derived: black · use at 60% alpha */
  --dsm-primary: #194CFF;
  --dsm-sidebar: #212121;
  --dsm-success: #22C55E;
  --dsm-surface: #212121;
  --dsm-warning: #F59E0B;
  --dsm-infoText: #CCCCCC;
  --dsm-onAccent: #F7F7F7;
  --dsm-textBody: #EEEEEE;
  --dsm-errorText: #FFAAA2;
  --dsm-focusRing: #194CFF; /* derived: primary */
  --dsm-linkHover: #4770FF; /* derived: link + 20% contrast */
  --dsm-onSidebar: #EEEEEE;
  --dsm-onSurface: #EEEEEE;
  --dsm-secondary: #194CFF;
  --dsm-successBg: #253F2F;
  --dsm-textMuted: #ABABAB;
  --dsm-warningBg: #473922;
  --dsm-disabledBg: #1C1C1C; /* derived: surface 60% over bg */
  --dsm-disabledFg: #777777; /* derived: textBody 45% over bg */
  --dsm-infoBorder: #3B82F6;
  --dsm-onSelected: #EEEEEE;
  --dsm-errorBorder: #CC4855;
  --dsm-selectionBg: #161E3A; /* derived: primary 16% over bg */
  --dsm-successText: #CCCCCC;
  --dsm-textHeading: #EEEEEE;
  --dsm-warningText: #CCCCCC;
  --dsm-borderSubtle: #313131;
  --dsm-surfaceHover: #2A2A2A;
  --dsm-controlBorder: #4C4C4C;
  --dsm-successBorder: #22C55E;
  --dsm-surfaceRaised: #2A2A2A;
  --dsm-warningBorder: #F59E0B;
  --dsm-surfaceOverlay: #2E2E2E;
  --dsm-onSurfaceRaised: #EEEEEE;
  --dsm-surfaceSelected: #3E3E3E;
  --dsm-onSurfaceOverlay: #EEEEEE;
  /* semantic roles (component vocabulary) → this system's colours */
  --dsm-surface-page: var(--dsm-bg);
  --dsm-surface-default: var(--dsm-surface);
  --dsm-surface-raised: var(--dsm-surfaceRaised, var(--dsm-surface));
  --dsm-surface-sunken: var(--dsm-bg);
  --dsm-surface-overlay: var(--dsm-surfaceOverlay, var(--dsm-surface));
  --dsm-surface-inverse: var(--dsm-textHeading);
  --dsm-surface-hover: var(--dsm-surfaceHover, var(--dsm-surfaceRaised, var(--dsm-surface)));
  --dsm-text-primary: var(--dsm-textHeading);
  --dsm-text-secondary: var(--dsm-textBody);
  --dsm-text-muted: var(--dsm-textMuted);
  --dsm-text-inverse: var(--dsm-bg);
  --dsm-text-link: var(--dsm-link);
  --dsm-text-disabled: var(--dsm-disabledFg, var(--dsm-textMuted));
  --dsm-text-on-accent: var(--dsm-onAccent);
  --dsm-border-default: var(--dsm-border);
  --dsm-border-strong: var(--dsm-controlBorder, var(--dsm-border));
  --dsm-border-subtle: var(--dsm-borderSubtle, var(--dsm-border));
  --dsm-border-focus: var(--dsm-focusRing, var(--dsm-primary));
  --dsm-focus-ring: var(--dsm-focusRing, var(--dsm-primary));
  --dsm-disabled-fill: var(--dsm-disabledBg, var(--dsm-surface));
  --dsm-disabled-text: var(--dsm-disabledFg, var(--dsm-textMuted));
  --dsm-skeleton: var(--dsm-surfaceRaised, var(--dsm-surface));
  --dsm-selection-fill: var(--dsm-surfaceSelected, var(--dsm-selectionBg, var(--dsm-surface)));
  --dsm-selection-text: var(--dsm-textHeading);
  --dsm-selection-outline: var(--dsm-primary);
  --dsm-action-primary-fill: var(--dsm-primary);
  --dsm-action-primary-text: var(--dsm-onAccent);
  --dsm-action-primary-hover: color-mix(in srgb, var(--dsm-primary) 90%, var(--dsm-bg));
  --dsm-action-primary-active: color-mix(in srgb, var(--dsm-primary) 80%, var(--dsm-bg));
  --dsm-action-secondary-fill: var(--dsm-surface);
  --dsm-action-secondary-text: var(--dsm-textHeading);
  --dsm-action-secondary-hover: var(--dsm-surfaceHover, var(--dsm-surface));
  --dsm-action-secondary-active: var(--dsm-surfaceSelected, var(--dsm-surface));
  --dsm-action-tertiary-fill: transparent;
  --dsm-action-tertiary-text: var(--dsm-textHeading);
  --dsm-action-tertiary-hover: var(--dsm-surfaceHover, var(--dsm-surface));
  --dsm-action-tertiary-active: var(--dsm-surfaceSelected, var(--dsm-surface));
  --dsm-action-destructive-fill: var(--dsm-error);
  --dsm-action-destructive-text: var(--dsm-onAccent);
  --dsm-action-destructive-hover: color-mix(in srgb, var(--dsm-error) 90%, var(--dsm-bg));
  --dsm-action-destructive-active: color-mix(in srgb, var(--dsm-error) 80%, var(--dsm-bg));
  --dsm-state-error: var(--dsm-error);
  --dsm-state-error-fill: var(--dsm-errorBg, var(--dsm-error));
  --dsm-state-error-tint: var(--dsm-errorBg, var(--dsm-error));
  --dsm-state-error-text: var(--dsm-errorText, var(--dsm-error));
  --dsm-state-error-border: var(--dsm-errorBorder, var(--dsm-error));
  --dsm-state-success: var(--dsm-success);
  --dsm-state-success-fill: var(--dsm-successBg, var(--dsm-success));
  --dsm-state-success-tint: var(--dsm-successBg, var(--dsm-success));
  --dsm-state-success-text: var(--dsm-successText, var(--dsm-success));
  --dsm-state-success-border: var(--dsm-successBorder, var(--dsm-success));
  --dsm-state-warning: var(--dsm-warning);
  --dsm-state-warning-fill: var(--dsm-warningBg, var(--dsm-warning));
  --dsm-state-warning-tint: var(--dsm-warningBg, var(--dsm-warning));
  --dsm-state-warning-text: var(--dsm-warningText, var(--dsm-warning));
  --dsm-state-warning-border: var(--dsm-warningBorder, var(--dsm-warning));
  --dsm-state-info: var(--dsm-info);
  --dsm-state-info-fill: var(--dsm-infoBg, var(--dsm-info));
  --dsm-state-info-tint: var(--dsm-infoBg, var(--dsm-info));
  --dsm-state-info-text: var(--dsm-infoText, var(--dsm-info));
  --dsm-state-info-border: var(--dsm-infoBorder, var(--dsm-info));
  --dsm-data-positive: var(--dsm-success);
  --dsm-data-negative: var(--dsm-error);
  --dsm-data-neutral: var(--dsm-textMuted);
  --dsm-data-1: var(--dsm-primary);
  --dsm-data-2: var(--dsm-secondary);
  --dsm-data-3: var(--dsm-info);
  --dsm-data-4: var(--dsm-success);
  --dsm-data-5: var(--dsm-warning);
  --dsm-data-6: var(--dsm-error);
  --dsm-data-7: var(--dsm-textBody);
  --dsm-data-8: var(--dsm-textMuted);
  --dsm-brand-primary: var(--dsm-primary);
  --dsm-brand-secondary: var(--dsm-secondary);
  --dsm-brand-accent: var(--dsm-primary);
  /* 02 · type roles */
  --dsm-type-display-size: 26px; --dsm-type-display-line: 32px; --dsm-type-display-weight: 700; --dsm-type-display-family: var(--dsm-font-display);
  --dsm-type-h1-size: 22px; --dsm-type-h1-line: 28px; --dsm-type-h1-weight: 700; --dsm-type-h1-family: var(--dsm-font-display);
  --dsm-type-h2-size: 19px; --dsm-type-h2-line: 24px; --dsm-type-h2-weight: 700; --dsm-type-h2-family: var(--dsm-font-display);
  --dsm-type-h3-size: 16px; --dsm-type-h3-line: 24px; --dsm-type-h3-weight: 600; --dsm-type-h3-family: var(--dsm-font-display);
  --dsm-type-h4-size: 14px; --dsm-type-h4-line: 20px; --dsm-type-h4-weight: 600; --dsm-type-h4-family: var(--dsm-font-display);
  --dsm-type-h5-size: 12px; --dsm-type-h5-line: 20px; --dsm-type-h5-weight: 600; --dsm-type-h5-family: var(--dsm-font-display);
  --dsm-type-h6-size: 12px; --dsm-type-h6-line: 20px; --dsm-type-h6-weight: 600; --dsm-type-h6-family: var(--dsm-font-display);
  --dsm-type-body-lg-size: 13px; --dsm-type-body-lg-line: 24px; --dsm-type-body-lg-weight: 400; --dsm-type-body-lg-family: var(--dsm-font-sans);
  --dsm-type-body-lg-medium-size: 13px; --dsm-type-body-lg-medium-line: 24px; --dsm-type-body-lg-medium-weight: 500; --dsm-type-body-lg-medium-family: var(--dsm-font-sans);
  --dsm-type-body-size: 12px; --dsm-type-body-line: 20px; --dsm-type-body-weight: 400; --dsm-type-body-family: var(--dsm-font-sans);
  --dsm-type-body-medium-size: 12px; --dsm-type-body-medium-line: 20px; --dsm-type-body-medium-weight: 500; --dsm-type-body-medium-family: var(--dsm-font-sans);
  --dsm-type-body-sm-size: 12px; --dsm-type-body-sm-line: 20px; --dsm-type-body-sm-weight: 400; --dsm-type-body-sm-family: var(--dsm-font-sans);
  --dsm-type-label-size: 12px; --dsm-type-label-line: 20px; --dsm-type-label-weight: 500; --dsm-type-label-family: var(--dsm-font-sans);
  --dsm-type-label-regular-size: 12px; --dsm-type-label-regular-line: 20px; --dsm-type-label-regular-weight: 400; --dsm-type-label-regular-family: var(--dsm-font-sans);
  --dsm-type-label-sm-size: 12px; --dsm-type-label-sm-line: 20px; --dsm-type-label-sm-weight: 500; --dsm-type-label-sm-family: var(--dsm-font-sans);
  --dsm-type-button-size: 12px; --dsm-type-button-line: 20px; --dsm-type-button-weight: 500; --dsm-type-button-family: var(--dsm-font-sans);
  --dsm-type-link-size: 12px; --dsm-type-link-line: 20px; --dsm-type-link-weight: 400; --dsm-type-link-family: var(--dsm-font-sans);
  --dsm-type-caption-size: 12px; --dsm-type-caption-line: 16px; --dsm-type-caption-weight: 400; --dsm-type-caption-family: var(--dsm-font-sans);
  --dsm-type-code-size: 12px; --dsm-type-code-line: 20px; --dsm-type-code-weight: 400; --dsm-type-code-family: var(--dsm-font-mono);
  /* 04 · icon sizes */
  --dsm-icon-sizes: 16 20 24 32; --dsm-icon-stroke: 1.5px;
  /* 01 · spacing ladder · compact (× 0.75) · the name is the nominal step, the value is what this system renders */
  --dsm-space-0: 0px;
  --dsm-space-4: 3px; /* 4 × 0.75 */
  --dsm-space-8: 6px; /* 8 × 0.75 */
  --dsm-space-12: 9px; /* 12 × 0.75 */
  --dsm-space-16: 12px; /* 16 × 0.75 */
  --dsm-space-24: 18px; /* 24 × 0.75 */
  --dsm-space-32: 24px; /* 32 × 0.75 */
  --dsm-space-40: 30px; /* 40 × 0.75 */
  --dsm-space-48: 36px; /* 48 × 0.75 */
  --dsm-space-64: 48px; /* 64 × 0.75 */
  --dsm-space-80: 60px; /* 80 × 0.75 */
  --dsm-space-96: 72px; /* 96 × 0.75 */
  /* 01 · layout tiers */
  --dsm-grid-base-cols: 4; --dsm-grid-base-gutter: 12px; --dsm-grid-base-margin: 12px;
  --dsm-grid-medium-cols: 8; --dsm-grid-medium-gutter: 18px; --dsm-grid-medium-margin: 18px;
  --dsm-grid-wide-cols: 12; --dsm-grid-wide-gutter: 18px; --dsm-grid-wide-margin: 18px;
  /* components · geometry */
  --dsm-category-button-height: 40px;
  --dsm-category-button-inset: 12px;
  --dsm-category-button-gap: 8px;
  --dsm-category-button-radius: 6px;
  --dsm-category-button-stroke: 1px;
  --dsm-category-button-l-height: 48px;
  --dsm-category-button-l-inset: 16px;
  --dsm-category-button-l-gap: 8px;
  --dsm-category-button-l-radius: 6px;
  --dsm-category-button-m-height: 40px;
  --dsm-category-button-m-inset: 12px;
  --dsm-category-button-m-gap: 8px;
  --dsm-category-button-m-radius: 6px;
  --dsm-category-button-s-height: 32px;
  --dsm-category-button-s-inset: 12px;
  --dsm-category-button-s-gap: 8px;
  --dsm-category-button-s-radius: 6px;
  --dsm-buttons-height: 40px;
  --dsm-buttons-inset: 16px;
  --dsm-buttons-gap: 8px;
  --dsm-buttons-radius: 8px;
  --dsm-buttons-stroke: 1px;
  --dsm-buttons-l-height: 48px;
  --dsm-buttons-l-inset: 20px;
  --dsm-buttons-l-gap: 8px;
  --dsm-buttons-l-radius: 8px;
  --dsm-buttons-m-height: 40px;
  --dsm-buttons-m-inset: 16px;
  --dsm-buttons-m-gap: 8px;
  --dsm-buttons-m-radius: 8px;
  --dsm-buttons-s-height: 32px;
  --dsm-buttons-s-inset: 12px;
  --dsm-buttons-s-gap: 8px;
  --dsm-buttons-s-radius: 8px;
  --dsm-selection-controls-height: 28px;
  --dsm-selection-controls-inset: 0px;
  --dsm-selection-controls-gap: 8px;
  --dsm-selection-controls-radius: 4px;
  --dsm-selection-controls-stroke: 1px;
  --dsm-selection-controls-large-height: 32px;
  --dsm-selection-controls-large-inset: 0px;
  --dsm-selection-controls-large-gap: 8px;
  --dsm-selection-controls-large-radius: 4px;
  --dsm-selection-controls-small-height: 24px;
  --dsm-selection-controls-small-inset: 0px;
  --dsm-selection-controls-small-gap: 8px;
  --dsm-selection-controls-small-radius: 4px;
  --dsm-selection-controls-default-height: 28px;
  --dsm-selection-controls-default-inset: 0px;
  --dsm-selection-controls-default-gap: 8px;
  --dsm-selection-controls-default-radius: 4px;
  --dsm-tabs-height: 40px;
  --dsm-tabs-inset: 16px;
  --dsm-tabs-gap: 8px;
  --dsm-tabs-radius: 0px;
  --dsm-tabs-stroke: 1px;
  --dsm-tabs-l-height: 48px;
  --dsm-tabs-l-inset: 20px;
  --dsm-tabs-l-gap: 8px;
  --dsm-tabs-l-radius: 0px;
  --dsm-tabs-m-height: 40px;
  --dsm-tabs-m-inset: 16px;
  --dsm-tabs-m-gap: 8px;
  --dsm-tabs-m-radius: 0px;
  --dsm-tabs-s-height: 32px;
  --dsm-tabs-s-inset: 12px;
  --dsm-tabs-s-gap: 8px;
  --dsm-tabs-s-radius: 0px;
  --dsm-tags-height: 28px;
  --dsm-tags-inset: 10px;
  --dsm-tags-gap: 4px;
  --dsm-tags-radius: 14px;
  --dsm-tags-stroke: 1px;
  --dsm-tags-l-height: 32px;
  --dsm-tags-l-inset: 12px;
  --dsm-tags-l-gap: 6px;
  --dsm-tags-l-radius: 16px;
  --dsm-tags-m-height: 28px;
  --dsm-tags-m-inset: 10px;
  --dsm-tags-m-gap: 4px;
  --dsm-tags-m-radius: 14px;
  --dsm-tags-s-height: 24px;
  --dsm-tags-s-inset: 8px;
  --dsm-tags-s-gap: 4px;
  --dsm-tags-s-radius: 12px;
  --dsm-labels-height: 24px;
  --dsm-labels-inset: 8px;
  --dsm-labels-gap: 4px;
  --dsm-labels-radius: 12px;
  --dsm-labels-stroke: 1px;
  --dsm-labels-l-height: 28px;
  --dsm-labels-l-inset: 10px;
  --dsm-labels-l-gap: 6px;
  --dsm-labels-l-radius: 14px;
  --dsm-labels-m-height: 24px;
  --dsm-labels-m-inset: 8px;
  --dsm-labels-m-gap: 4px;
  --dsm-labels-m-radius: 12px;
  --dsm-labels-s-height: 20px;
  --dsm-labels-s-inset: 6px;
  --dsm-labels-s-gap: 4px;
  --dsm-labels-s-radius: 10px;
  --dsm-counter-rating-height: 40px;
  --dsm-counter-rating-inset: 12px;
  --dsm-counter-rating-gap: 8px;
  --dsm-counter-rating-radius: 6px;
  --dsm-counter-rating-stroke: 1px;
  --dsm-counter-rating-l-height: 48px;
  --dsm-counter-rating-l-inset: 16px;
  --dsm-counter-rating-l-gap: 8px;
  --dsm-counter-rating-l-radius: 6px;
  --dsm-counter-rating-m-height: 40px;
  --dsm-counter-rating-m-inset: 12px;
  --dsm-counter-rating-m-gap: 8px;
  --dsm-counter-rating-m-radius: 6px;
  --dsm-counter-rating-s-height: 32px;
  --dsm-counter-rating-s-inset: 12px;
  --dsm-counter-rating-s-gap: 8px;
  --dsm-counter-rating-s-radius: 6px;
  --dsm-slider-progress-height: 28px;
  --dsm-slider-progress-inset: 0px;
  --dsm-slider-progress-gap: 8px;
  --dsm-slider-progress-radius: 14px;
  --dsm-slider-progress-stroke: 1px;
  --dsm-slider-progress-l-height: 32px;
  --dsm-slider-progress-l-inset: 0px;
  --dsm-slider-progress-l-gap: 8px;
  --dsm-slider-progress-l-radius: 16px;
  --dsm-slider-progress-m-height: 28px;
  --dsm-slider-progress-m-inset: 0px;
  --dsm-slider-progress-m-gap: 8px;
  --dsm-slider-progress-m-radius: 14px;
  --dsm-slider-progress-s-height: 24px;
  --dsm-slider-progress-s-inset: 0px;
  --dsm-slider-progress-s-gap: 8px;
  --dsm-slider-progress-s-radius: 12px;
  --dsm-collapse-height: 48px;
  --dsm-collapse-inset: 16px;
  --dsm-collapse-gap: 8px;
  --dsm-collapse-radius: 6px;
  --dsm-collapse-stroke: 1px;
  --dsm-collapse-l-height: 56px;
  --dsm-collapse-l-inset: 20px;
  --dsm-collapse-l-gap: 8px;
  --dsm-collapse-l-radius: 6px;
  --dsm-collapse-m-height: 48px;
  --dsm-collapse-m-inset: 16px;
  --dsm-collapse-m-gap: 8px;
  --dsm-collapse-m-radius: 6px;
  --dsm-collapse-s-height: 40px;
  --dsm-collapse-s-inset: 12px;
  --dsm-collapse-s-gap: 8px;
  --dsm-collapse-s-radius: 6px;
  --dsm-dialogs-height: 40px;
  --dsm-dialogs-inset: 20px;
  --dsm-dialogs-gap: 12px;
  --dsm-dialogs-radius: 12px;
  --dsm-dialogs-stroke: 1px;
  --dsm-dialogs-l-height: 48px;
  --dsm-dialogs-l-inset: 24px;
  --dsm-dialogs-l-gap: 16px;
  --dsm-dialogs-l-radius: 12px;
  --dsm-dialogs-m-height: 40px;
  --dsm-dialogs-m-inset: 20px;
  --dsm-dialogs-m-gap: 12px;
  --dsm-dialogs-m-radius: 12px;
  --dsm-dialogs-s-height: 32px;
  --dsm-dialogs-s-inset: 16px;
  --dsm-dialogs-s-gap: 8px;
  --dsm-dialogs-s-radius: 12px;
  --dsm-messages-height: 40px;
  --dsm-messages-inset: 16px;
  --dsm-messages-gap: 8px;
  --dsm-messages-radius: 6px;
  --dsm-messages-stroke: 1px;
  --dsm-messages-l-height: 48px;
  --dsm-messages-l-inset: 20px;
  --dsm-messages-l-gap: 12px;
  --dsm-messages-l-radius: 6px;
  --dsm-messages-m-height: 40px;
  --dsm-messages-m-inset: 16px;
  --dsm-messages-m-gap: 8px;
  --dsm-messages-m-radius: 6px;
  --dsm-messages-s-height: 32px;
  --dsm-messages-s-inset: 12px;
  --dsm-messages-s-gap: 8px;
  --dsm-messages-s-radius: 6px;
  --dsm-toaster-height: 40px;
  --dsm-toaster-inset: 16px;
  --dsm-toaster-gap: 8px;
  --dsm-toaster-radius: 8px;
  --dsm-toaster-stroke: 1px;
  --dsm-toaster-l-height: 48px;
  --dsm-toaster-l-inset: 20px;
  --dsm-toaster-l-gap: 12px;
  --dsm-toaster-l-radius: 8px;
  --dsm-toaster-m-height: 40px;
  --dsm-toaster-m-inset: 16px;
  --dsm-toaster-m-gap: 8px;
  --dsm-toaster-m-radius: 8px;
  --dsm-toaster-s-height: 32px;
  --dsm-toaster-s-inset: 12px;
  --dsm-toaster-s-gap: 8px;
  --dsm-toaster-s-radius: 8px;
  --dsm-search-box-height: 28px;
  --dsm-search-box-inset: 12px;
  --dsm-search-box-gap: 8px;
  --dsm-search-box-radius: 6px;
  --dsm-search-box-stroke: 1px;
  --dsm-search-box-large-height: 32px;
  --dsm-search-box-large-inset: 16px;
  --dsm-search-box-large-gap: 8px;
  --dsm-search-box-large-radius: 6px;
  --dsm-search-box-small-height: 24px;
  --dsm-search-box-small-inset: 8px;
  --dsm-search-box-small-gap: 8px;
  --dsm-search-box-small-radius: 6px;
  --dsm-search-box-default-height: 28px;
  --dsm-search-box-default-inset: 12px;
  --dsm-search-box-default-gap: 8px;
  --dsm-search-box-default-radius: 6px;
  --dsm-autocomplete-height: 40px;
  --dsm-autocomplete-inset: 12px;
  --dsm-autocomplete-gap: 8px;
  --dsm-autocomplete-radius: 6px;
  --dsm-autocomplete-stroke: 1px;
  --dsm-autocomplete-large-height: 48px;
  --dsm-autocomplete-large-inset: 16px;
  --dsm-autocomplete-large-gap: 8px;
  --dsm-autocomplete-large-radius: 6px;
  --dsm-autocomplete-small-height: 32px;
  --dsm-autocomplete-small-inset: 8px;
  --dsm-autocomplete-small-gap: 8px;
  --dsm-autocomplete-small-radius: 6px;
  --dsm-autocomplete-default-height: 40px;
  --dsm-autocomplete-default-inset: 12px;
  --dsm-autocomplete-default-gap: 8px;
  --dsm-autocomplete-default-radius: 6px;
  --dsm-search-results-height: 40px;
  --dsm-search-results-inset: 20px;
  --dsm-search-results-gap: 12px;
  --dsm-search-results-radius: 6px;
  --dsm-search-results-stroke: 1px;
  --dsm-search-results-l-height: 48px;
  --dsm-search-results-l-inset: 24px;
  --dsm-search-results-l-gap: 16px;
  --dsm-search-results-l-radius: 6px;
  --dsm-search-results-m-height: 40px;
  --dsm-search-results-m-inset: 20px;
  --dsm-search-results-m-gap: 12px;
  --dsm-search-results-m-radius: 6px;
  --dsm-search-results-s-height: 32px;
  --dsm-search-results-s-inset: 16px;
  --dsm-search-results-s-gap: 8px;
  --dsm-search-results-s-radius: 6px;
  --dsm-inputs-height: 40px;
  --dsm-inputs-inset: 12px;
  --dsm-inputs-gap: 8px;
  --dsm-inputs-radius: 8px;
  --dsm-inputs-stroke: 1px;
  --dsm-inputs-mobile-height: 48px;
  --dsm-inputs-mobile-inset: 12px;
  --dsm-inputs-mobile-gap: 8px;
  --dsm-inputs-mobile-radius: 8px;
  --dsm-inputs-desktop-height: 40px;
  --dsm-inputs-desktop-inset: 12px;
  --dsm-inputs-desktop-gap: 8px;
  --dsm-inputs-desktop-radius: 8px;
  --dsm-dropdowns-height: 28px;
  --dsm-dropdowns-inset: 12px;
  --dsm-dropdowns-gap: 8px;
  --dsm-dropdowns-radius: 8px;
  --dsm-dropdowns-stroke: 1px;
  --dsm-dropdowns-mobile-height: 44px;
  --dsm-dropdowns-mobile-inset: 16px;
  --dsm-dropdowns-mobile-gap: 8px;
  --dsm-dropdowns-mobile-radius: 8px;
  --dsm-dropdowns-desktop-height: 28px;
  --dsm-dropdowns-desktop-inset: 12px;
  --dsm-dropdowns-desktop-gap: 8px;
  --dsm-dropdowns-desktop-radius: 8px;
  --dsm-validations-height: 40px;
  --dsm-validations-inset: 16px;
  --dsm-validations-gap: 4px;
  --dsm-validations-radius: 6px;
  --dsm-validations-stroke: 1px;
  --dsm-validations-large-height: 48px;
  --dsm-validations-large-inset: 20px;
  --dsm-validations-large-gap: 4px;
  --dsm-validations-large-radius: 6px;
  --dsm-validations-small-height: 32px;
  --dsm-validations-small-inset: 12px;
  --dsm-validations-small-gap: 4px;
  --dsm-validations-small-radius: 6px;
  --dsm-validations-default-height: 40px;
  --dsm-validations-default-inset: 16px;
  --dsm-validations-default-gap: 4px;
  --dsm-validations-default-radius: 6px;
  --dsm-file-upload-height: 40px;
  --dsm-file-upload-inset: 20px;
  --dsm-file-upload-gap: 12px;
  --dsm-file-upload-radius: 6px;
  --dsm-file-upload-stroke: 1px;
  --dsm-file-upload-large-height: 48px;
  --dsm-file-upload-large-inset: 24px;
  --dsm-file-upload-large-gap: 16px;
  --dsm-file-upload-large-radius: 6px;
  --dsm-file-upload-small-height: 32px;
  --dsm-file-upload-small-inset: 16px;
  --dsm-file-upload-small-gap: 8px;
  --dsm-file-upload-small-radius: 6px;
  --dsm-file-upload-default-height: 40px;
  --dsm-file-upload-default-inset: 20px;
  --dsm-file-upload-default-gap: 12px;
  --dsm-file-upload-default-radius: 6px;
  --dsm-request-form-height: 40px;
  --dsm-request-form-inset: 20px;
  --dsm-request-form-gap: 12px;
  --dsm-request-form-radius: 6px;
  --dsm-request-form-stroke: 1px;
  --dsm-request-form-l-height: 48px;
  --dsm-request-form-l-inset: 24px;
  --dsm-request-form-l-gap: 16px;
  --dsm-request-form-l-radius: 6px;
  --dsm-request-form-m-height: 40px;
  --dsm-request-form-m-inset: 20px;
  --dsm-request-form-m-gap: 12px;
  --dsm-request-form-m-radius: 6px;
  --dsm-request-form-s-height: 32px;
  --dsm-request-form-s-inset: 16px;
  --dsm-request-form-s-gap: 8px;
  --dsm-request-form-s-radius: 6px;
  --dsm-calendar-height: 40px;
  --dsm-calendar-inset: 12px;
  --dsm-calendar-gap: 0px;
  --dsm-calendar-radius: 6px;
  --dsm-calendar-stroke: 1px;
  --dsm-calendar-large-height: 48px;
  --dsm-calendar-large-inset: 16px;
  --dsm-calendar-large-gap: 0px;
  --dsm-calendar-large-radius: 6px;
  --dsm-calendar-small-height: 32px;
  --dsm-calendar-small-inset: 8px;
  --dsm-calendar-small-gap: 0px;
  --dsm-calendar-small-radius: 6px;
  --dsm-calendar-default-height: 40px;
  --dsm-calendar-default-inset: 12px;
  --dsm-calendar-default-gap: 0px;
  --dsm-calendar-default-radius: 6px;
  --dsm-tables-height: 40px;
  --dsm-tables-inset: 12px;
  --dsm-tables-gap: 8px;
  --dsm-tables-radius: 6px;
  --dsm-tables-stroke: 1px;
  --dsm-tables-l-height: 48px;
  --dsm-tables-l-inset: 16px;
  --dsm-tables-l-gap: 8px;
  --dsm-tables-l-radius: 6px;
  --dsm-tables-m-height: 40px;
  --dsm-tables-m-inset: 12px;
  --dsm-tables-m-gap: 8px;
  --dsm-tables-m-radius: 6px;
  --dsm-tables-s-height: 32px;
  --dsm-tables-s-inset: 12px;
  --dsm-tables-s-gap: 8px;
  --dsm-tables-s-radius: 6px;
  --dsm-cards-height: 40px;
  --dsm-cards-inset: 20px;
  --dsm-cards-gap: 12px;
  --dsm-cards-radius: 10px;
  --dsm-cards-stroke: 1px;
  --dsm-cards-l-height: 48px;
  --dsm-cards-l-inset: 24px;
  --dsm-cards-l-gap: 16px;
  --dsm-cards-l-radius: 10px;
  --dsm-cards-m-height: 40px;
  --dsm-cards-m-inset: 20px;
  --dsm-cards-m-gap: 12px;
  --dsm-cards-m-radius: 10px;
  --dsm-cards-s-height: 32px;
  --dsm-cards-s-inset: 16px;
  --dsm-cards-s-gap: 8px;
  --dsm-cards-s-radius: 10px;
  --dsm-pagination-height: 40px;
  --dsm-pagination-inset: 12px;
  --dsm-pagination-gap: 8px;
  --dsm-pagination-radius: 6px;
  --dsm-pagination-stroke: 1px;
  --dsm-pagination-l-height: 48px;
  --dsm-pagination-l-inset: 16px;
  --dsm-pagination-l-gap: 8px;
  --dsm-pagination-l-radius: 6px;
  --dsm-pagination-m-height: 40px;
  --dsm-pagination-m-inset: 12px;
  --dsm-pagination-m-gap: 8px;
  --dsm-pagination-m-radius: 6px;
  --dsm-pagination-s-height: 32px;
  --dsm-pagination-s-inset: 12px;
  --dsm-pagination-s-gap: 8px;
  --dsm-pagination-s-radius: 6px;
  --dsm-carousel-height: 40px;
  --dsm-carousel-inset: 20px;
  --dsm-carousel-gap: 12px;
  --dsm-carousel-radius: 6px;
  --dsm-carousel-stroke: 1px;
  --dsm-carousel-l-height: 48px;
  --dsm-carousel-l-inset: 24px;
  --dsm-carousel-l-gap: 16px;
  --dsm-carousel-l-radius: 6px;
  --dsm-carousel-m-height: 40px;
  --dsm-carousel-m-inset: 20px;
  --dsm-carousel-m-gap: 12px;
  --dsm-carousel-m-radius: 6px;
  --dsm-carousel-s-height: 32px;
  --dsm-carousel-s-inset: 16px;
  --dsm-carousel-s-gap: 8px;
  --dsm-carousel-s-radius: 6px;
  --dsm-wizard-stepper-height: 40px;
  --dsm-wizard-stepper-inset: 12px;
  --dsm-wizard-stepper-gap: 8px;
  --dsm-wizard-stepper-radius: 6px;
  --dsm-wizard-stepper-stroke: 1px;
  --dsm-wizard-stepper-l-height: 48px;
  --dsm-wizard-stepper-l-inset: 16px;
  --dsm-wizard-stepper-l-gap: 8px;
  --dsm-wizard-stepper-l-radius: 6px;
  --dsm-wizard-stepper-m-height: 40px;
  --dsm-wizard-stepper-m-inset: 12px;
  --dsm-wizard-stepper-m-gap: 8px;
  --dsm-wizard-stepper-m-radius: 6px;
  --dsm-wizard-stepper-s-height: 32px;
  --dsm-wizard-stepper-s-inset: 12px;
  --dsm-wizard-stepper-s-gap: 8px;
  --dsm-wizard-stepper-s-radius: 6px;
  --dsm-image-height: 40px;
  --dsm-image-inset: 20px;
  --dsm-image-gap: 12px;
  --dsm-image-radius: 6px;
  --dsm-image-stroke: 1px;
  --dsm-image-l-height: 48px;
  --dsm-image-l-inset: 24px;
  --dsm-image-l-gap: 16px;
  --dsm-image-l-radius: 6px;
  --dsm-image-m-height: 40px;
  --dsm-image-m-inset: 20px;
  --dsm-image-m-gap: 12px;
  --dsm-image-m-radius: 6px;
  --dsm-image-s-height: 32px;
  --dsm-image-s-inset: 16px;
  --dsm-image-s-gap: 8px;
  --dsm-image-s-radius: 6px;
  --dsm-video-height: 40px;
  --dsm-video-inset: 20px;
  --dsm-video-gap: 12px;
  --dsm-video-radius: 6px;
  --dsm-video-stroke: 1px;
  --dsm-video-l-height: 48px;
  --dsm-video-l-inset: 24px;
  --dsm-video-l-gap: 16px;
  --dsm-video-l-radius: 6px;
  --dsm-video-m-height: 40px;
  --dsm-video-m-inset: 20px;
  --dsm-video-m-gap: 12px;
  --dsm-video-m-radius: 6px;
  --dsm-video-s-height: 32px;
  --dsm-video-s-inset: 16px;
  --dsm-video-s-gap: 8px;
  --dsm-video-s-radius: 6px;
  --dsm-audio-player-height: 40px;
  --dsm-audio-player-inset: 20px;
  --dsm-audio-player-gap: 12px;
  --dsm-audio-player-radius: 6px;
  --dsm-audio-player-stroke: 1px;
  --dsm-audio-player-l-height: 48px;
  --dsm-audio-player-l-inset: 24px;
  --dsm-audio-player-l-gap: 16px;
  --dsm-audio-player-l-radius: 6px;
  --dsm-audio-player-m-height: 40px;
  --dsm-audio-player-m-inset: 20px;
  --dsm-audio-player-m-gap: 12px;
  --dsm-audio-player-m-radius: 6px;
  --dsm-audio-player-s-height: 32px;
  --dsm-audio-player-s-inset: 16px;
  --dsm-audio-player-s-gap: 8px;
  --dsm-audio-player-s-radius: 6px;
  --dsm-podcast-height: 40px;
  --dsm-podcast-inset: 20px;
  --dsm-podcast-gap: 12px;
  --dsm-podcast-radius: 6px;
  --dsm-podcast-stroke: 1px;
  --dsm-podcast-l-height: 48px;
  --dsm-podcast-l-inset: 24px;
  --dsm-podcast-l-gap: 16px;
  --dsm-podcast-l-radius: 6px;
  --dsm-podcast-m-height: 40px;
  --dsm-podcast-m-inset: 20px;
  --dsm-podcast-m-gap: 12px;
  --dsm-podcast-m-radius: 6px;
  --dsm-podcast-s-height: 32px;
  --dsm-podcast-s-inset: 16px;
  --dsm-podcast-s-gap: 8px;
  --dsm-podcast-s-radius: 6px;
  --dsm-social-media-height: 40px;
  --dsm-social-media-inset: 12px;
  --dsm-social-media-gap: 8px;
  --dsm-social-media-radius: 6px;
  --dsm-social-media-stroke: 1px;
  --dsm-social-media-l-height: 48px;
  --dsm-social-media-l-inset: 16px;
  --dsm-social-media-l-gap: 8px;
  --dsm-social-media-l-radius: 6px;
  --dsm-social-media-m-height: 40px;
  --dsm-social-media-m-inset: 12px;
  --dsm-social-media-m-gap: 8px;
  --dsm-social-media-m-radius: 6px;
  --dsm-social-media-s-height: 32px;
  --dsm-social-media-s-inset: 12px;
  --dsm-social-media-s-gap: 8px;
  --dsm-social-media-s-radius: 6px;
  --dsm-feedback-height: 40px;
  --dsm-feedback-inset: 12px;
  --dsm-feedback-gap: 8px;
  --dsm-feedback-radius: 6px;
  --dsm-feedback-stroke: 1px;
  --dsm-feedback-l-height: 48px;
  --dsm-feedback-l-inset: 16px;
  --dsm-feedback-l-gap: 8px;
  --dsm-feedback-l-radius: 6px;
  --dsm-feedback-m-height: 40px;
  --dsm-feedback-m-inset: 12px;
  --dsm-feedback-m-gap: 8px;
  --dsm-feedback-m-radius: 6px;
  --dsm-feedback-s-height: 32px;
  --dsm-feedback-s-inset: 12px;
  --dsm-feedback-s-gap: 8px;
  --dsm-feedback-s-radius: 6px;
  --dsm-contact-height: 40px;
  --dsm-contact-inset: 20px;
  --dsm-contact-gap: 12px;
  --dsm-contact-radius: 6px;
  --dsm-contact-stroke: 1px;
  --dsm-contact-l-height: 48px;
  --dsm-contact-l-inset: 24px;
  --dsm-contact-l-gap: 16px;
  --dsm-contact-l-radius: 6px;
  --dsm-contact-m-height: 40px;
  --dsm-contact-m-inset: 20px;
  --dsm-contact-m-gap: 12px;
  --dsm-contact-m-radius: 6px;
  --dsm-contact-s-height: 32px;
  --dsm-contact-s-inset: 16px;
  --dsm-contact-s-gap: 8px;
  --dsm-contact-s-radius: 6px;
  --dsm-banners-height: 40px;
  --dsm-banners-inset: 20px;
  --dsm-banners-gap: 12px;
  --dsm-banners-radius: 6px;
  --dsm-banners-stroke: 1px;
  --dsm-banners-l-height: 48px;
  --dsm-banners-l-inset: 24px;
  --dsm-banners-l-gap: 16px;
  --dsm-banners-l-radius: 6px;
  --dsm-banners-m-height: 40px;
  --dsm-banners-m-inset: 20px;
  --dsm-banners-m-gap: 12px;
  --dsm-banners-m-radius: 6px;
  --dsm-banners-s-height: 32px;
  --dsm-banners-s-inset: 16px;
  --dsm-banners-s-gap: 8px;
  --dsm-banners-s-radius: 6px;
  --dsm-side-info-box-height: 40px;
  --dsm-side-info-box-inset: 20px;
  --dsm-side-info-box-gap: 12px;
  --dsm-side-info-box-radius: 6px;
  --dsm-side-info-box-stroke: 1px;
  --dsm-side-info-box-l-height: 48px;
  --dsm-side-info-box-l-inset: 24px;
  --dsm-side-info-box-l-gap: 16px;
  --dsm-side-info-box-l-radius: 6px;
  --dsm-side-info-box-m-height: 40px;
  --dsm-side-info-box-m-inset: 20px;
  --dsm-side-info-box-m-gap: 12px;
  --dsm-side-info-box-m-radius: 6px;
  --dsm-side-info-box-s-height: 32px;
  --dsm-side-info-box-s-inset: 16px;
  --dsm-side-info-box-s-gap: 8px;
  --dsm-side-info-box-s-radius: 6px;
  --dsm-headers-height: 40px;
  --dsm-headers-inset: 20px;
  --dsm-headers-gap: 12px;
  --dsm-headers-radius: 6px;
  --dsm-headers-stroke: 1px;
  --dsm-headers-l-height: 48px;
  --dsm-headers-l-inset: 24px;
  --dsm-headers-l-gap: 16px;
  --dsm-headers-l-radius: 6px;
  --dsm-headers-m-height: 40px;
  --dsm-headers-m-inset: 20px;
  --dsm-headers-m-gap: 12px;
  --dsm-headers-m-radius: 6px;
  --dsm-headers-s-height: 32px;
  --dsm-headers-s-inset: 16px;
  --dsm-headers-s-gap: 8px;
  --dsm-headers-s-radius: 6px;
  --dsm-page-headers-height: 40px;
  --dsm-page-headers-inset: 20px;
  --dsm-page-headers-gap: 12px;
  --dsm-page-headers-radius: 6px;
  --dsm-page-headers-stroke: 1px;
  --dsm-page-headers-l-height: 48px;
  --dsm-page-headers-l-inset: 24px;
  --dsm-page-headers-l-gap: 16px;
  --dsm-page-headers-l-radius: 6px;
  --dsm-page-headers-m-height: 40px;
  --dsm-page-headers-m-inset: 20px;
  --dsm-page-headers-m-gap: 12px;
  --dsm-page-headers-m-radius: 6px;
  --dsm-page-headers-s-height: 32px;
  --dsm-page-headers-s-inset: 16px;
  --dsm-page-headers-s-gap: 8px;
  --dsm-page-headers-s-radius: 6px;
  --dsm-tooltips-height: 40px;
  --dsm-tooltips-inset: 20px;
  --dsm-tooltips-gap: 12px;
  --dsm-tooltips-radius: 6px;
  --dsm-tooltips-stroke: 1px;
  --dsm-tooltips-l-height: 48px;
  --dsm-tooltips-l-inset: 24px;
  --dsm-tooltips-l-gap: 16px;
  --dsm-tooltips-l-radius: 6px;
  --dsm-tooltips-m-height: 40px;
  --dsm-tooltips-m-inset: 20px;
  --dsm-tooltips-m-gap: 12px;
  --dsm-tooltips-m-radius: 6px;
  --dsm-tooltips-s-height: 32px;
  --dsm-tooltips-s-inset: 16px;
  --dsm-tooltips-s-gap: 8px;
  --dsm-tooltips-s-radius: 6px;
  --dsm-menus-height: 40px;
  --dsm-menus-inset: 20px;
  --dsm-menus-gap: 12px;
  --dsm-menus-radius: 8px;
  --dsm-menus-stroke: 1px;
  --dsm-menus-l-height: 48px;
  --dsm-menus-l-inset: 24px;
  --dsm-menus-l-gap: 16px;
  --dsm-menus-l-radius: 8px;
  --dsm-menus-m-height: 40px;
  --dsm-menus-m-inset: 20px;
  --dsm-menus-m-gap: 12px;
  --dsm-menus-m-radius: 8px;
  --dsm-menus-s-height: 32px;
  --dsm-menus-s-inset: 16px;
  --dsm-menus-s-gap: 8px;
  --dsm-menus-s-radius: 8px;
  --dsm-avatars-height: 40px;
  --dsm-avatars-inset: 20px;
  --dsm-avatars-gap: 12px;
  --dsm-avatars-radius: 6px;
  --dsm-avatars-stroke: 1px;
  --dsm-avatars-l-height: 48px;
  --dsm-avatars-l-inset: 24px;
  --dsm-avatars-l-gap: 16px;
  --dsm-avatars-l-radius: 6px;
  --dsm-avatars-m-height: 40px;
  --dsm-avatars-m-inset: 20px;
  --dsm-avatars-m-gap: 12px;
  --dsm-avatars-m-radius: 6px;
  --dsm-avatars-s-height: 32px;
  --dsm-avatars-s-inset: 16px;
  --dsm-avatars-s-gap: 8px;
  --dsm-avatars-s-radius: 6px;
  --dsm-loading-height: 40px;
  --dsm-loading-inset: 20px;
  --dsm-loading-gap: 12px;
  --dsm-loading-radius: 6px;
  --dsm-loading-stroke: 1px;
  --dsm-loading-l-height: 48px;
  --dsm-loading-l-inset: 24px;
  --dsm-loading-l-gap: 16px;
  --dsm-loading-l-radius: 6px;
  --dsm-loading-m-height: 40px;
  --dsm-loading-m-inset: 20px;
  --dsm-loading-m-gap: 12px;
  --dsm-loading-m-radius: 6px;
  --dsm-loading-s-height: 32px;
  --dsm-loading-s-inset: 16px;
  --dsm-loading-s-gap: 8px;
  --dsm-loading-s-radius: 6px;
  --dsm-empty-states-height: 40px;
  --dsm-empty-states-inset: 20px;
  --dsm-empty-states-gap: 12px;
  --dsm-empty-states-radius: 6px;
  --dsm-empty-states-stroke: 1px;
  --dsm-empty-states-l-height: 48px;
  --dsm-empty-states-l-inset: 24px;
  --dsm-empty-states-l-gap: 16px;
  --dsm-empty-states-l-radius: 6px;
  --dsm-empty-states-m-height: 40px;
  --dsm-empty-states-m-inset: 20px;
  --dsm-empty-states-m-gap: 12px;
  --dsm-empty-states-m-radius: 6px;
  --dsm-empty-states-s-height: 32px;
  --dsm-empty-states-s-inset: 16px;
  --dsm-empty-states-s-gap: 8px;
  --dsm-empty-states-s-radius: 6px;
  --dsm-drawers-height: 40px;
  --dsm-drawers-inset: 20px;
  --dsm-drawers-gap: 12px;
  --dsm-drawers-radius: 12px;
  --dsm-drawers-stroke: 1px;
  --dsm-drawers-l-height: 48px;
  --dsm-drawers-l-inset: 24px;
  --dsm-drawers-l-gap: 16px;
  --dsm-drawers-l-radius: 12px;
  --dsm-drawers-m-height: 40px;
  --dsm-drawers-m-inset: 20px;
  --dsm-drawers-m-gap: 12px;
  --dsm-drawers-m-radius: 12px;
  --dsm-drawers-s-height: 32px;
  --dsm-drawers-s-inset: 16px;
  --dsm-drawers-s-gap: 8px;
  --dsm-drawers-s-radius: 12px;
  --dsm-lists-height: 40px;
  --dsm-lists-inset: 20px;
  --dsm-lists-gap: 12px;
  --dsm-lists-radius: 6px;
  --dsm-lists-stroke: 1px;
  --dsm-lists-l-height: 48px;
  --dsm-lists-l-inset: 24px;
  --dsm-lists-l-gap: 16px;
  --dsm-lists-l-radius: 6px;
  --dsm-lists-m-height: 40px;
  --dsm-lists-m-inset: 20px;
  --dsm-lists-m-gap: 12px;
  --dsm-lists-m-radius: 6px;
  --dsm-lists-s-height: 32px;
  --dsm-lists-s-inset: 16px;
  --dsm-lists-s-gap: 8px;
  --dsm-lists-s-radius: 6px;
  --dsm-description-lists-height: 40px;
  --dsm-description-lists-inset: 20px;
  --dsm-description-lists-gap: 12px;
  --dsm-description-lists-radius: 6px;
  --dsm-description-lists-stroke: 1px;
  --dsm-description-lists-l-height: 48px;
  --dsm-description-lists-l-inset: 24px;
  --dsm-description-lists-l-gap: 16px;
  --dsm-description-lists-l-radius: 6px;
  --dsm-description-lists-m-height: 40px;
  --dsm-description-lists-m-inset: 20px;
  --dsm-description-lists-m-gap: 12px;
  --dsm-description-lists-m-radius: 6px;
  --dsm-description-lists-s-height: 32px;
  --dsm-description-lists-s-inset: 16px;
  --dsm-description-lists-s-gap: 8px;
  --dsm-description-lists-s-radius: 6px;
  --dsm-kpi-cards-height: 40px;
  --dsm-kpi-cards-inset: 20px;
  --dsm-kpi-cards-gap: 12px;
  --dsm-kpi-cards-radius: 16px;
  --dsm-kpi-cards-stroke: 1px;
  --dsm-kpi-cards-l-height: 48px;
  --dsm-kpi-cards-l-inset: 24px;
  --dsm-kpi-cards-l-gap: 16px;
  --dsm-kpi-cards-l-radius: 16px;
  --dsm-kpi-cards-m-height: 40px;
  --dsm-kpi-cards-m-inset: 20px;
  --dsm-kpi-cards-m-gap: 12px;
  --dsm-kpi-cards-m-radius: 16px;
  --dsm-kpi-cards-s-height: 32px;
  --dsm-kpi-cards-s-inset: 16px;
  --dsm-kpi-cards-s-gap: 8px;
  --dsm-kpi-cards-s-radius: 16px;
  --dsm-auth-pages-gap: 20px;
  --dsm-auth-pages-radius: 10px;
  --dsm-auth-pages-stroke: 1px;
  --dsm-auth-pages-default-gap: 20px;
  --dsm-mega-menu-height: 40px;
  --dsm-mega-menu-inset: 12px;
  --dsm-mega-menu-gap: 8px;
  --dsm-mega-menu-radius: 6px;
  --dsm-mega-menu-stroke: 1px;
  --dsm-mega-menu-l-height: 48px;
  --dsm-mega-menu-l-inset: 16px;
  --dsm-mega-menu-l-gap: 8px;
  --dsm-mega-menu-l-radius: 6px;
  --dsm-mega-menu-m-height: 40px;
  --dsm-mega-menu-m-inset: 12px;
  --dsm-mega-menu-m-gap: 8px;
  --dsm-mega-menu-m-radius: 6px;
  --dsm-mega-menu-s-height: 32px;
  --dsm-mega-menu-s-inset: 12px;
  --dsm-mega-menu-s-gap: 8px;
  --dsm-mega-menu-s-radius: 6px;
  --dsm-hamburger-height: 40px;
  --dsm-hamburger-inset: 12px;
  --dsm-hamburger-gap: 8px;
  --dsm-hamburger-radius: 6px;
  --dsm-hamburger-stroke: 1px;
  --dsm-hamburger-l-height: 48px;
  --dsm-hamburger-l-inset: 16px;
  --dsm-hamburger-l-gap: 8px;
  --dsm-hamburger-l-radius: 6px;
  --dsm-hamburger-m-height: 40px;
  --dsm-hamburger-m-inset: 12px;
  --dsm-hamburger-m-gap: 8px;
  --dsm-hamburger-m-radius: 6px;
  --dsm-hamburger-s-height: 32px;
  --dsm-hamburger-s-inset: 12px;
  --dsm-hamburger-s-gap: 8px;
  --dsm-hamburger-s-radius: 6px;
  --dsm-side-menu-height: 40px;
  --dsm-side-menu-inset: 12px;
  --dsm-side-menu-gap: 8px;
  --dsm-side-menu-radius: 6px;
  --dsm-side-menu-stroke: 1px;
  --dsm-side-menu-l-height: 48px;
  --dsm-side-menu-l-inset: 16px;
  --dsm-side-menu-l-gap: 8px;
  --dsm-side-menu-l-radius: 6px;
  --dsm-side-menu-m-height: 40px;
  --dsm-side-menu-m-inset: 12px;
  --dsm-side-menu-m-gap: 8px;
  --dsm-side-menu-m-radius: 6px;
  --dsm-side-menu-s-height: 32px;
  --dsm-side-menu-s-inset: 12px;
  --dsm-side-menu-s-gap: 8px;
  --dsm-side-menu-s-radius: 6px;
  --dsm-anchors-height: 40px;
  --dsm-anchors-inset: 12px;
  --dsm-anchors-gap: 8px;
  --dsm-anchors-radius: 6px;
  --dsm-anchors-stroke: 1px;
  --dsm-anchors-l-height: 48px;
  --dsm-anchors-l-inset: 16px;
  --dsm-anchors-l-gap: 8px;
  --dsm-anchors-l-radius: 6px;
  --dsm-anchors-m-height: 40px;
  --dsm-anchors-m-inset: 12px;
  --dsm-anchors-m-gap: 8px;
  --dsm-anchors-m-radius: 6px;
  --dsm-anchors-s-height: 32px;
  --dsm-anchors-s-inset: 12px;
  --dsm-anchors-s-gap: 8px;
  --dsm-anchors-s-radius: 6px;
  --dsm-breadcrumbs-height: 40px;
  --dsm-breadcrumbs-inset: 12px;
  --dsm-breadcrumbs-gap: 8px;
  --dsm-breadcrumbs-radius: 6px;
  --dsm-breadcrumbs-stroke: 1px;
  --dsm-breadcrumbs-l-height: 48px;
  --dsm-breadcrumbs-l-inset: 16px;
  --dsm-breadcrumbs-l-gap: 8px;
  --dsm-breadcrumbs-l-radius: 6px;
  --dsm-breadcrumbs-m-height: 40px;
  --dsm-breadcrumbs-m-inset: 12px;
  --dsm-breadcrumbs-m-gap: 8px;
  --dsm-breadcrumbs-m-radius: 6px;
  --dsm-breadcrumbs-s-height: 32px;
  --dsm-breadcrumbs-s-inset: 12px;
  --dsm-breadcrumbs-s-gap: 8px;
  --dsm-breadcrumbs-s-radius: 6px;
}
[data-dsm-theme="dark"] {
  --dsm-bg: #151515;
  --dsm-icon: #C8C8C8;
  --dsm-info: #3B82F6;
  --dsm-link: #EEEEEE;
  --dsm-rail: #1B1B1B;
  --dsm-error: #FFAAA2;
  --dsm-field: #313131;
  --dsm-border: #2A2A2A;
  --dsm-canvas: #151515;
  --dsm-infoBg: #293547;
  --dsm-errorBg: #462B2B;
  --dsm-onHover: #EEEEEE;
  --dsm-primary: #194CFF;
  --dsm-sidebar: #212121;
  --dsm-success: #22C55E;
  --dsm-surface: #212121;
  --dsm-warning: #F59E0B;
  --dsm-infoText: #CCCCCC;
  --dsm-onAccent: #F7F7F7;
  --dsm-textBody: #EEEEEE;
  --dsm-errorText: #FFAAA2;
  --dsm-fieldText: #EEEEEE;
  --dsm-onSidebar: #EEEEEE;
  --dsm-onSurface: #EEEEEE;
  --dsm-secondary: #194CFF;
  --dsm-successBg: #253F2F;
  --dsm-textMuted: #ABABAB;
  --dsm-warningBg: #473922;
  --dsm-infoBorder: #3B82F6;
  --dsm-onSelected: #EEEEEE;
  --dsm-errorBorder: #CC4855;
  --dsm-successText: #CCCCCC;
  --dsm-textHeading: #EEEEEE;
  --dsm-warningText: #CCCCCC;
  --dsm-borderSubtle: #313131;
  --dsm-iconTertiary: #8F8F8F;
  --dsm-surfaceHover: #2A2A2A;
  --dsm-textDisabled: #5E5E5E;
  --dsm-textTertiary: #8F8F8F;
  --dsm-controlBorder: #4C4C4C;
  --dsm-iconSecondary: #ABABAB;
  --dsm-successBorder: #22C55E;
  --dsm-surfaceRaised: #2A2A2A;
  --dsm-warningBorder: #F59E0B;
  --dsm-surfaceOverlay: #2E2E2E;
  --dsm-onSurfaceRaised: #EEEEEE;
  --dsm-surfaceSelected: #3E3E3E;
  --dsm-fieldPlaceholder: #ABABAB;
  --dsm-onSurfaceOverlay: #EEEEEE;
}