@layer openbitfun.tokens.system, openbitfun.tokens.theme, openbitfun.reset, openbitfun.base, openbitfun.components, openbitfun.overrides;

@layer openbitfun.tokens.system {
  :where([data-openbitfun-design-system-root]) {
    --openbitfun-border-width-default: 1px;
    --openbitfun-border-width-strong: 2px;
    --openbitfun-control-action-card-actions-gap: 0px;
    --openbitfun-control-action-card-actions-padding-inline-end: var(--openbitfun-space-3);
    --openbitfun-control-action-card-content-gap: var(--openbitfun-space-1);
    --openbitfun-control-action-card-gap: var(--openbitfun-space-2);
    --openbitfun-control-action-card-icon-size: 16px;
    --openbitfun-control-action-card-leading-size: 30px;
    --openbitfun-control-action-card-md-min-block-size: 62px;
    --openbitfun-control-action-card-padding-block: var(--openbitfun-space-3);
    --openbitfun-control-action-card-padding-inline: var(--openbitfun-space-3);
    --openbitfun-control-action-card-radius: var(--openbitfun-radius-base);
    --openbitfun-control-action-card-sm-min-block-size: 54px;
    --openbitfun-control-activity-item-content-gap: var(--openbitfun-space-1);
    --openbitfun-control-activity-item-divider-block-size: 16px;
    --openbitfun-control-activity-item-inline-gap: var(--openbitfun-space-1);
    --openbitfun-control-activity-item-inline-icon-size: 12px;
    --openbitfun-control-activity-item-surface-gap: var(--openbitfun-space-2);
    --openbitfun-control-activity-item-surface-height: 40px;
    --openbitfun-control-activity-item-surface-icon-size: 14px;
    --openbitfun-control-activity-item-surface-padding-block: 9px;
    --openbitfun-control-activity-item-surface-padding-inline-end: 9px;
    --openbitfun-control-activity-item-surface-padding-inline-start: var(--openbitfun-space-3);
    --openbitfun-control-activity-item-surface-radius: var(--openbitfun-radius-lg);
    --openbitfun-control-ask-user-body-gap: var(--openbitfun-space-3);
    --openbitfun-control-ask-user-body-padding: var(--openbitfun-space-4);
    --openbitfun-control-ask-user-description-max-width: 500px;
    --openbitfun-control-ask-user-header-height: 30px;
    --openbitfun-control-ask-user-icon-size: 14px;
    --openbitfun-control-ask-user-option-content-gap: var(--openbitfun-space-2);
    --openbitfun-control-ask-user-option-gap: var(--openbitfun-space-1);
    --openbitfun-control-ask-user-option-padding-block: 7px;
    --openbitfun-control-ask-user-option-padding-inline: var(--openbitfun-space-2);
    --openbitfun-control-ask-user-question-options-gap: var(--openbitfun-space-3);
    --openbitfun-control-ask-user-question-padding-inline: var(--openbitfun-space-1);
    --openbitfun-control-ask-user-summary-action-size: 22px;
    --openbitfun-control-ask-user-summary-padding-block: var(--openbitfun-space-1);
    --openbitfun-control-ask-user-summary-padding-inline-end: var(--openbitfun-space-1);
    --openbitfun-control-ask-user-summary-padding-inline-start: var(--openbitfun-space-2);
    --openbitfun-control-button-xs-height: 24px;
    --openbitfun-control-button-xs-leading-icon-size: 12px;
    --openbitfun-control-button-xs-padding-inline: 6px;
    --openbitfun-control-button-xs-trailing-icon-size: 10px;
    --openbitfun-control-change-count-gap: var(--openbitfun-space-1);
    --openbitfun-control-change-count-padding-block: 2px;
    --openbitfun-control-change-count-padding-inline: var(--openbitfun-space-1);
    --openbitfun-control-change-count-radius: var(--openbitfun-radius-xs);
    --openbitfun-control-chat-composer-action-icon-size: 14px;
    --openbitfun-control-chat-composer-compact-gap: var(--openbitfun-control-composer-surface-gap);
    --openbitfun-control-chat-composer-compact-height: 42px;
    --openbitfun-control-chat-composer-compact-padding-block: var(--openbitfun-control-composer-surface-padding);
    --openbitfun-control-chat-composer-compact-padding-inline: var(--openbitfun-control-composer-surface-padding);
    --openbitfun-control-chat-composer-compact-track-height: 24px;
    --openbitfun-control-chat-composer-control-height: 24px;
    --openbitfun-control-composer-context-blur: 10px;
    --openbitfun-control-composer-context-gap: var(--openbitfun-space-2);
    --openbitfun-control-composer-context-offset: 32px;
    --openbitfun-control-composer-context-padding-block: 6px;
    --openbitfun-control-composer-context-padding-inline: var(--openbitfun-space-2);
    --openbitfun-control-composer-divider-block-size: 16px;
    --openbitfun-control-composer-editor-padding: var(--openbitfun-space-1);
    --openbitfun-control-composer-min-block-size: 120px;
    --openbitfun-control-composer-surface-gap: var(--openbitfun-space-3);
    --openbitfun-control-composer-surface-padding: var(--openbitfun-space-2);
    --openbitfun-control-composer-surface-radius: var(--openbitfun-radius-xl);
    --openbitfun-control-composer-toolbar-gap: var(--openbitfun-space-2);
    --openbitfun-control-flow-chat-capsule-inline-size: 18rem;
    --openbitfun-control-flow-chat-card-expanded-padding-block: var(--openbitfun-space-2);
    --openbitfun-control-flow-chat-card-expanded-padding-inline: var(--openbitfun-control-flow-chat-card-padding-inline);
    --openbitfun-control-flow-chat-card-gap: var(--openbitfun-control-flow-chat-flow-item-gap);
    --openbitfun-control-flow-chat-card-padding-block: 0.625rem;
    --openbitfun-control-flow-chat-card-padding-inline: var(--openbitfun-space-3);
    --openbitfun-control-flow-chat-card-radius: var(--openbitfun-radius-base);
    --openbitfun-control-flow-chat-code-block-padding-block: 0.55rem;
    --openbitfun-control-flow-chat-code-block-padding-inline: 0.75rem;
    --openbitfun-control-flow-chat-content-padding-inline: 0.75rem;
    --openbitfun-control-flow-chat-content-padding-inline-mobile: var(--openbitfun-control-flow-chat-content-padding-inline);
    --openbitfun-control-flow-chat-control-gap: var(--openbitfun-space-2);
    --openbitfun-control-flow-chat-control-padding-block: var(--openbitfun-space-1);
    --openbitfun-control-flow-chat-control-padding-inline: 0.75rem;
    --openbitfun-control-flow-chat-flow-item-gap: var(--openbitfun-space-2);
    --openbitfun-control-flow-chat-inline-gap: var(--openbitfun-space-1);
    --openbitfun-control-flow-chat-metadata-action-size: 28px;
    --openbitfun-control-flow-chat-model-idle-opacity: 0.72;
    --openbitfun-control-flow-chat-model-name-max-width: 100px;
    --openbitfun-control-flow-chat-paragraph-gap: var(--openbitfun-space-3);
    --openbitfun-control-flow-chat-row-icon-gap: var(--openbitfun-space-1);
    --openbitfun-control-flow-chat-row-icon-size: var(--openbitfun-control-icon-size-sm);
    --openbitfun-control-flow-chat-stream-viewport-block-size: min(300px, 45dvh);
    --openbitfun-control-flow-chat-transcript-max-width: 900px;
    --openbitfun-control-flow-chat-turn-gap: var(--openbitfun-space-4);
    --openbitfun-control-flow-chat-turn-rail-offset: var(--openbitfun-space-1);
    --openbitfun-control-flow-chat-turn-rail-width: 30px;
    --openbitfun-control-flow-chat-user-message-margin-block-start: 0.06rem;
    --openbitfun-control-flow-chat-user-message-max-width: min(72%, 48rem);
    --openbitfun-control-flow-chat-user-message-padding-block: 0.46rem;
    --openbitfun-control-flow-chat-user-message-radius: calc(var(--openbitfun-control-flow-chat-card-radius) + 2px);
    --openbitfun-control-height-lg: 48px;
    --openbitfun-control-height-md: 40px;
    --openbitfun-control-height-sm: 32px;
    --openbitfun-control-hit-target: 40px;
    --openbitfun-control-icon-size2xs: 8px;
    --openbitfun-control-icon-size-lg: 24px;
    --openbitfun-control-icon-size-md: 16px;
    --openbitfun-control-icon-size-sm: 14px;
    --openbitfun-control-icon-size-xs: 12px;
    --openbitfun-control-icon-stroke-width: 1.6;
    --openbitfun-control-icon-stroke-width-strong: 2;
    --openbitfun-control-icon-button-standard-icon-size: 16px;
    --openbitfun-control-icon-button-standard-size: 30px;
    --openbitfun-control-icon-button-xs-icon-size: 14px;
    --openbitfun-control-icon-button-xs-size: 22px;
    --openbitfun-control-launcher-button-block-size: var(--openbitfun-control-height-md);
    --openbitfun-control-launcher-button-gap: var(--openbitfun-space-1);
    --openbitfun-control-launcher-button-icon-size: 12px;
    --openbitfun-control-launcher-button-min-inline-size: 72px;
    --openbitfun-control-launcher-button-padding-inline: 10px;
    --openbitfun-control-launcher-button-radius: var(--openbitfun-radius-lg);
    --openbitfun-control-search-field-height-lg: var(--openbitfun-control-height-lg);
    --openbitfun-control-search-field-height-md: var(--openbitfun-control-height-md);
    --openbitfun-control-search-field-height-sm: var(--openbitfun-control-height-sm);
    --openbitfun-control-segmented-control-gap: var(--openbitfun-space-1);
    --openbitfun-control-segmented-control-icon-size: 12px;
    --openbitfun-control-segmented-control-icon-size-md: 14px;
    --openbitfun-control-segmented-control-padding: 2px;
    --openbitfun-control-segmented-control-padding-md: 3px;
    --openbitfun-control-segmented-control-pill-segment-height: 24px;
    --openbitfun-control-segmented-control-pill-segment-radius: var(--openbitfun-radius-sm);
    --openbitfun-control-segmented-control-radius: var(--openbitfun-radius-pill);
    --openbitfun-control-segmented-control-segment-gap: var(--openbitfun-space-1);
    --openbitfun-control-segmented-control-segment-height: 24px;
    --openbitfun-control-segmented-control-segment-height-md: 30px;
    --openbitfun-control-segmented-control-segment-padding-inline: var(--openbitfun-space-2);
    --openbitfun-control-segmented-control-segment-padding-inline-md: var(--openbitfun-space-3);
    --openbitfun-control-segmented-control-segment-radius: var(--openbitfun-radius-pill);
    --openbitfun-control-select-content-gap: var(--openbitfun-space-2);
    --openbitfun-control-select-indicator-size: 14px;
    --openbitfun-control-select-leading-inset: var(--openbitfun-space-3);
    --openbitfun-control-select-padding-inline: var(--openbitfun-space-3);
    --openbitfun-control-select-radius: var(--openbitfun-radius-base);
    --openbitfun-control-select-trailing-inset: var(--openbitfun-space-3);
    --openbitfun-control-status-pill-gap: 2px;
    --openbitfun-control-status-pill-icon-size: 14px;
    --openbitfun-control-status-pill-padding-block: 2px;
    --openbitfun-control-status-pill-padding-inline: 6px;
    --openbitfun-control-status-pill-radius: var(--openbitfun-radius-pill);
    --openbitfun-control-switch-thumb-inset: 2px;
    --openbitfun-control-switch-thumb-size: 12px;
    --openbitfun-control-switch-thumb-travel: 12px;
    --openbitfun-control-switch-thumb-travel-reverse: -12px;
    --openbitfun-control-switch-track-height: 16px;
    --openbitfun-control-switch-track-width: 28px;
    --openbitfun-control-tab-group-gap: var(--openbitfun-space-2);
    --openbitfun-control-tab-group-item-action-inset: var(--openbitfun-space-1);
    --openbitfun-control-tab-group-item-action-size: var(--openbitfun-space-5);
    --openbitfun-control-tab-group-item-gap: 6px;
    --openbitfun-control-tab-group-item-gap-sm: var(--openbitfun-space-1);
    --openbitfun-control-tab-group-item-height: var(--openbitfun-control-height-md);
    --openbitfun-control-tab-group-item-height-sm: 30px;
    --openbitfun-control-tab-group-item-icon-size: 16px;
    --openbitfun-control-tab-group-item-icon-size-sm: 14px;
    --openbitfun-control-tab-group-item-padding-block-sm: 7px;
    --openbitfun-control-tab-group-item-padding-inline: var(--openbitfun-space-4);
    --openbitfun-control-tab-group-item-padding-inline-sm: var(--openbitfun-space-3);
    --openbitfun-control-tab-group-item-radius: var(--openbitfun-radius-pill);
    --openbitfun-control-tool-card-ambient-row-min-block-size: calc(var(--openbitfun-type-flow-body-font-size) * var(--openbitfun-type-flow-body-line-height));
    --openbitfun-control-tool-card-expanded-padding-inline: var(--openbitfun-control-flow-chat-card-padding-inline);
    --openbitfun-control-tool-card-field-label-width: 7rem;
    --openbitfun-control-tool-card-header-icon-slot: 34px;
    --openbitfun-control-tool-card-header-padding-block: 0.44rem;
    --openbitfun-control-tool-card-header-padding-inline-end: 0.625rem;
    --openbitfun-focus-offset: 2px;
    --openbitfun-focus-width: 2px;
    --openbitfun-font-family-control: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI Variable Text', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --openbitfun-font-family-mono: 'Fira Code', 'Cascadia Mono', 'Cascadia Code', Consolas, 'Liberation Mono', SFMono-Regular, 'SF Mono', Menlo, Monaco, 'Courier New', var(--openbitfun-font-family-sans), monospace;
    --openbitfun-font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --openbitfun-font-size-2xl: 18px;
    --openbitfun-font-size-2xl-plus: 20px;
    --openbitfun-font-size-2xs: 9px;
    --openbitfun-font-size-3xl: 22px;
    --openbitfun-font-size-3xl-plus: 24px;
    --openbitfun-font-size-3xs: 8px;
    --openbitfun-font-size-4xl: 26px;
    --openbitfun-font-size-4xs: 7px;
    --openbitfun-font-size-5xl: 32px;
    --openbitfun-font-size-6xl: 40px;
    --openbitfun-font-size-7xl: 48px;
    --openbitfun-font-size-8xl: 56px;
    --openbitfun-font-size-9xl: 64px;
    --openbitfun-font-size-base: 14px;
    --openbitfun-font-size-lg: 15px;
    --openbitfun-font-size-meta: 11px;
    --openbitfun-font-size-micro: 10px;
    --openbitfun-font-size-sm: 13px;
    --openbitfun-font-size-xl: 16px;
    --openbitfun-font-size-xl-plus: 17px;
    --openbitfun-font-size-xs: 12px;
    --openbitfun-font-weight-bold: 700;
    --openbitfun-font-weight-medium: 500;
    --openbitfun-font-weight-regular: 400;
    --openbitfun-font-weight-semibold: 600;
    --openbitfun-layer-base: 0;
    --openbitfun-layer-content: 2;
    --openbitfun-layer-context-menu: 500;
    --openbitfun-layer-decoration: 1;
    --openbitfun-layer-dropdown: 60;
    --openbitfun-layer-floating: 50;
    --openbitfun-layer-fullscreen: 280;
    --openbitfun-layer-modal: 200;
    --openbitfun-layer-modal-active: 250;
    --openbitfun-layer-notification: 400;
    --openbitfun-layer-overlay: 100;
    --openbitfun-layer-overlay-host: 300;
    --openbitfun-layer-popover: 360;
    --openbitfun-layer-sticky: 15;
    --openbitfun-layer-toast: 400;
    --openbitfun-layer-tooltip: 370;
    --openbitfun-layout-card-footer-gap: var(--openbitfun-space-2);
    --openbitfun-layout-card-gap-lg: 30px;
    --openbitfun-layout-card-gap-md: var(--openbitfun-space-3);
    --openbitfun-layout-card-gap-sm: var(--openbitfun-space-2);
    --openbitfun-layout-card-header-gap: var(--openbitfun-space-2);
    --openbitfun-layout-card-media-min-block-size: 120px;
    --openbitfun-layout-card-padding-md: var(--openbitfun-space-5);
    --openbitfun-layout-card-padding-sm: var(--openbitfun-space-3);
    --openbitfun-layout-card-radius-lg: 28px;
    --openbitfun-layout-card-radius-md: var(--openbitfun-radius-lg);
    --openbitfun-layout-card-radius-sm: var(--openbitfun-radius-base);
    --openbitfun-layout-card-title-description-gap: var(--openbitfun-space-1);
    --openbitfun-layout-confirm-dialog-content-gap: var(--openbitfun-space-4);
    --openbitfun-layout-confirm-dialog-icon-glyph-size: var(--openbitfun-control-icon-size-md);
    --openbitfun-layout-confirm-dialog-icon-size: 32px;
    --openbitfun-layout-confirm-dialog-message-gap: var(--openbitfun-space-2);
    --openbitfun-layout-confirm-dialog-preview-max-block-size: 240px;
    --openbitfun-layout-confirm-dialog-preview-padding-block: var(--openbitfun-space-3);
    --openbitfun-layout-confirm-dialog-preview-padding-inline: var(--openbitfun-space-4);
    --openbitfun-layout-confirm-dialog-preview-radius: var(--openbitfun-radius-base);
    --openbitfun-layout-disclosure-actions-gap: var(--openbitfun-space-1);
    --openbitfun-layout-disclosure-content-padding-block: var(--openbitfun-space-3);
    --openbitfun-layout-disclosure-content-padding-inline: var(--openbitfun-space-8);
    --openbitfun-layout-disclosure-indicator-size: 14px;
    --openbitfun-layout-disclosure-trigger-gap: var(--openbitfun-space-2);
    --openbitfun-layout-disclosure-trigger-min-block-size: 30px;
    --openbitfun-layout-disclosure-trigger-padding-block: var(--openbitfun-space-1);
    --openbitfun-layout-disclosure-trigger-padding-inline: var(--openbitfun-space-2);
    --openbitfun-layout-disclosure-trigger-radius: var(--openbitfun-radius-base);
    --openbitfun-layout-empty-gap: 10px;
    --openbitfun-layout-empty-icon-size-lg: var(--openbitfun-control-height-md);
    --openbitfun-layout-empty-icon-size-md: var(--openbitfun-control-height-sm);
    --openbitfun-layout-empty-icon-size-sm: var(--openbitfun-control-icon-size-lg);
    --openbitfun-layout-empty-media-size-lg: var(--openbitfun-control-height-md);
    --openbitfun-layout-empty-media-size-md: var(--openbitfun-control-height-sm);
    --openbitfun-layout-empty-media-size-sm: var(--openbitfun-control-icon-size-lg);
    --openbitfun-layout-empty-padding-block: var(--openbitfun-space-8);
    --openbitfun-layout-empty-padding-inline: var(--openbitfun-space-4);
    --openbitfun-layout-field-content-gap: var(--openbitfun-space-1);
    --openbitfun-layout-field-control-gap: var(--openbitfun-space-2);
    --openbitfun-layout-field-horizontal-gap: var(--openbitfun-space-5);
    --openbitfun-layout-field-horizontal-gap-wide: var(--openbitfun-space-10);
    --openbitfun-layout-field-label-action-gap: var(--openbitfun-space-2);
    --openbitfun-layout-field-label-gap: 2px;
    --openbitfun-layout-field-label-width-lg: 400px;
    --openbitfun-layout-field-label-width-md: 200px;
    --openbitfun-layout-field-label-width-sm: 150px;
    --openbitfun-layout-field-root-gap: var(--openbitfun-space-2);
    --openbitfun-layout-field-group-radius: var(--openbitfun-radius-lg);
    --openbitfun-layout-field-group-row-padding-block: var(--openbitfun-space-4);
    --openbitfun-layout-field-group-row-padding-inline: var(--openbitfun-space-5);
    --openbitfun-layout-form-section-gap: var(--openbitfun-space-4);
    --openbitfun-layout-form-section-header-gap: var(--openbitfun-space-5);
    --openbitfun-layout-form-section-title-description-gap: var(--openbitfun-space-1);
    --openbitfun-layout-navigation-panel-content-gap: var(--openbitfun-space-4);
    --openbitfun-layout-navigation-panel-footer-height: 40px;
    --openbitfun-layout-navigation-panel-footer-padding: var(--openbitfun-space-2);
    --openbitfun-layout-navigation-panel-heading-action-size: 22px;
    --openbitfun-layout-navigation-panel-heading-gap: var(--openbitfun-space-5);
    --openbitfun-layout-navigation-panel-heading-height: 24px;
    --openbitfun-layout-navigation-panel-heading-padding-inline: var(--openbitfun-space-2);
    --openbitfun-layout-navigation-panel-inline-size: 216px;
    --openbitfun-layout-navigation-panel-item-gap: var(--openbitfun-space-2);
    --openbitfun-layout-navigation-panel-item-height: 30px;
    --openbitfun-layout-navigation-panel-item-icon-size: 14px;
    --openbitfun-layout-navigation-panel-item-padding-inline: var(--openbitfun-space-2);
    --openbitfun-layout-navigation-panel-item-radius: var(--openbitfun-radius-base);
    --openbitfun-layout-navigation-panel-scrollbar-gap: 2px;
    --openbitfun-layout-navigation-panel-section-gap: var(--openbitfun-space-1);
    --openbitfun-layout-navigation-panel-surface-padding: var(--openbitfun-space-2);
    --openbitfun-layout-overflow-text-fade-extent: var(--openbitfun-space-4);
    --openbitfun-layout-scroll-area-fade-extent: var(--openbitfun-space-4);
    --openbitfun-layout-search-dialog-height: 460px;
    --openbitfun-layout-search-dialog-padding: var(--openbitfun-space-5);
    --openbitfun-layout-search-dialog-query-height: 30px;
    --openbitfun-layout-search-dialog-results-gap: 30px;
    --openbitfun-layout-search-dialog-scope-gap: var(--openbitfun-space-5);
    --openbitfun-layout-search-dialog-width: var(--openbitfun-overlay-dialog-max-inline-size-xlarge);
    --openbitfun-layout-spinner-matrix-cell-lg: 8px;
    --openbitfun-layout-spinner-matrix-cell-md: 6px;
    --openbitfun-layout-spinner-matrix-cell-sm: 4px;
    --openbitfun-layout-spinner-matrix-cell-xs: 3px;
    --openbitfun-layout-spinner-matrix-gap-md: 2px;
    --openbitfun-layout-spinner-matrix-gap-sm: 1px;
    --openbitfun-layout-spinner-matrix-radius: 1px;
    --openbitfun-layout-split-view-content-panel-radius: var(--openbitfun-radius-3xl);
    --openbitfun-layout-toolbar-badge-size: 24px;
    --openbitfun-layout-toolbar-content-gap: 40px;
    --openbitfun-layout-toolbar-group-gap-md: var(--openbitfun-space-2);
    --openbitfun-layout-toolbar-group-gap-sm: var(--openbitfun-space-1);
    --openbitfun-layout-toolbar-md-height: 45px;
    --openbitfun-layout-toolbar-md-padding-block-end: 6px;
    --openbitfun-layout-toolbar-md-padding-block-start: var(--openbitfun-space-2);
    --openbitfun-layout-toolbar-md-padding-inline-end: 11px;
    --openbitfun-layout-toolbar-md-padding-inline-start: var(--openbitfun-space-2);
    --openbitfun-layout-toolbar-overflow-fade-extent: 16px;
    --openbitfun-layout-toolbar-separator-block-size: 16px;
    --openbitfun-layout-toolbar-sm-height: 33px;
    --openbitfun-layout-toolbar-sm-padding-block: var(--openbitfun-space-1);
    --openbitfun-layout-toolbar-sm-padding-inline: var(--openbitfun-space-2);
    --openbitfun-letter-spacing-caps: 0.1em;
    --openbitfun-letter-spacing-expanded: 0.26em;
    --openbitfun-letter-spacing-normal: 0em;
    --openbitfun-letter-spacing-snug: -0.01em;
    --openbitfun-letter-spacing-subtle: 0.01em;
    --openbitfun-letter-spacing-tight: -0.02em;
    --openbitfun-letter-spacing-tighter: -0.04em;
    --openbitfun-letter-spacing-wide: 0.02em;
    --openbitfun-letter-spacing-wider: 0.04em;
    --openbitfun-letter-spacing-widest: 0.08em;
    --openbitfun-line-height-balanced: 1.35;
    --openbitfun-line-height-base: 1.5;
    --openbitfun-line-height-code: 1.52;
    --openbitfun-line-height-comfortable: 1.55;
    --openbitfun-line-height-compact: 1.32;
    --openbitfun-line-height-dense: 1.25;
    --openbitfun-line-height-display: 1.1;
    --openbitfun-line-height-loose: 1.8;
    --openbitfun-line-height-none: 1;
    --openbitfun-line-height-reading: 1.58;
    --openbitfun-line-height-relaxed: 1.6;
    --openbitfun-line-height-snug: 1.3;
    --openbitfun-line-height-spacious: 1.7;
    --openbitfun-line-height-support: 1.45;
    --openbitfun-line-height-tight: 1.2;
    --openbitfun-line-height-ui: 1.4;
    --openbitfun-motion-distance-sm: var(--openbitfun-space-1);
    --openbitfun-motion-duration-base: 220ms;
    --openbitfun-motion-duration-content-swap: 320ms;
    --openbitfun-motion-duration-fast: 140ms;
    --openbitfun-motion-duration-instant: 80ms;
    --openbitfun-motion-duration-lazy: 1s;
    --openbitfun-motion-duration-loop: 720ms;
    --openbitfun-motion-duration-normal: var(--openbitfun-motion-duration-base);
    --openbitfun-motion-duration-slow: 420ms;
    --openbitfun-motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
    --openbitfun-motion-easing-decelerate: var(--openbitfun-motion-easing-standard);
    --openbitfun-motion-easing-enter: var(--openbitfun-motion-easing-standard);
    --openbitfun-motion-easing-exit: cubic-bezier(0.3, 0, 1, 1);
    --openbitfun-motion-easing-smooth: cubic-bezier(0.77, 0, 0.175, 1);
    --openbitfun-motion-easing-standard: cubic-bezier(0.23, 1, 0.32, 1);
    --openbitfun-opacity-icon-artwork: 0.8;
    --openbitfun-overlay-dialog-backdrop-blur: blur(20px);
    --openbitfun-overlay-dialog-content-padding-lg: var(--openbitfun-space-6);
    --openbitfun-overlay-dialog-content-padding-md: var(--openbitfun-space-4);
    --openbitfun-overlay-dialog-content-padding-sm: var(--openbitfun-space-3);
    --openbitfun-overlay-dialog-content-padding-xl: var(--openbitfun-space-8);
    --openbitfun-overlay-dialog-description-gap: var(--openbitfun-space-2);
    --openbitfun-overlay-dialog-edge-gutter: 8px;
    --openbitfun-overlay-dialog-footer-action-min-width: 100px;
    --openbitfun-overlay-dialog-footer-blur: blur(10px);
    --openbitfun-overlay-dialog-footer-content-inset: 104px;
    --openbitfun-overlay-dialog-footer-fade-extent: var(--openbitfun-space-6);
    --openbitfun-overlay-dialog-footer-gap: var(--openbitfun-space-2);
    --openbitfun-overlay-dialog-footer-height: 68px;
    --openbitfun-overlay-dialog-footer-padding-block-end: var(--openbitfun-space-6);
    --openbitfun-overlay-dialog-footer-padding-block-start: var(--openbitfun-space-2);
    --openbitfun-overlay-dialog-footer-padding-inline: var(--openbitfun-space-6);
    --openbitfun-overlay-dialog-header-actions-gap: var(--openbitfun-space-2);
    --openbitfun-overlay-dialog-header-gap: var(--openbitfun-space-5);
    --openbitfun-overlay-dialog-header-padding-block-end: var(--openbitfun-space-5);
    --openbitfun-overlay-dialog-header-padding-block-start: var(--openbitfun-space-6);
    --openbitfun-overlay-dialog-header-padding-inline: var(--openbitfun-space-6);
    --openbitfun-overlay-dialog-max-inline-size-large: 600px;
    --openbitfun-overlay-dialog-max-inline-size-medium: 560px;
    --openbitfun-overlay-dialog-max-inline-size-small: 420px;
    --openbitfun-overlay-dialog-max-inline-size-wide: 1200px;
    --openbitfun-overlay-dialog-max-inline-size-xlarge: 800px;
    --openbitfun-overlay-dialog-max-inline-size-xxlarge: 960px;
    --openbitfun-overlay-dialog-scrollbar-width: var(--openbitfun-scrollbar-width);
    --openbitfun-overlay-dialog-surface-radius: 28px;
    --openbitfun-overlay-dialog-viewport-gutter: 24px;
    --openbitfun-overlay-menu-heading-action-size: 22px;
    --openbitfun-overlay-menu-heading-gap: var(--openbitfun-space-5);
    --openbitfun-overlay-menu-heading-height: 24px;
    --openbitfun-overlay-menu-heading-padding-inline: var(--openbitfun-space-2);
    --openbitfun-overlay-menu-inline-size: 220px;
    --openbitfun-overlay-menu-item-gap: var(--openbitfun-space-2);
    --openbitfun-overlay-menu-item-height: 30px;
    --openbitfun-overlay-menu-item-icon-size: 14px;
    --openbitfun-overlay-menu-item-padding-inline: var(--openbitfun-space-2);
    --openbitfun-overlay-menu-item-radius: var(--openbitfun-radius-base);
    --openbitfun-overlay-menu-max-block-size: 480px;
    --openbitfun-overlay-menu-min-inline-size: 160px;
    --openbitfun-overlay-menu-row-gap: 2px;
    --openbitfun-overlay-menu-scrollbar-gap: 2px;
    --openbitfun-overlay-menu-section-gap: var(--openbitfun-space-2);
    --openbitfun-overlay-menu-surface-padding: var(--openbitfun-space-2);
    --openbitfun-overlay-menu-surface-radius: var(--openbitfun-radius-xl);
    --openbitfun-overlay-tooltip-arrow-size: 8px;
    --openbitfun-overlay-tooltip-gap: var(--openbitfun-space-2);
    --openbitfun-overlay-tooltip-max-block-size: 320px;
    --openbitfun-overlay-tooltip-max-inline-size: 280px;
    --openbitfun-overlay-tooltip-padding-block: 6px;
    --openbitfun-overlay-tooltip-padding-inline: 10px;
    --openbitfun-overlay-tooltip-surface-radius: var(--openbitfun-radius-sm);
    --openbitfun-radius-2xl: 20px;
    --openbitfun-radius-3xl: 24px;
    --openbitfun-radius-4xl: 32px;
    --openbitfun-radius-base: 8px;
    --openbitfun-radius-lg: 12px;
    --openbitfun-radius-md: var(--openbitfun-radius-base);
    --openbitfun-radius-pill: 9999px;
    --openbitfun-radius-sm: 6px;
    --openbitfun-radius-xl: 16px;
    --openbitfun-radius-xs: 4px;
    --openbitfun-scrollbar-radius: var(--openbitfun-radius-pill);
    --openbitfun-scrollbar-width: 6px;
    --openbitfun-space-0: 0px;
    --openbitfun-space-1: 4px;
    --openbitfun-space-10: 40px;
    --openbitfun-space-12: 48px;
    --openbitfun-space-16: 64px;
    --openbitfun-space-2: 8px;
    --openbitfun-space-3: 12px;
    --openbitfun-space-4: 16px;
    --openbitfun-space-5: 20px;
    --openbitfun-space-6: 24px;
    --openbitfun-space-8: 32px;
    --openbitfun-space-component-block: 8px;
    --openbitfun-space-component-inline: 12px;
    --openbitfun-type-action-row-line-height: 1.2307692307692308;
    --openbitfun-type-body-lg-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-body-lg-font-size: var(--openbitfun-font-size-lg);
    --openbitfun-type-body-lg-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-body-lg-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-body-lg-line-height: var(--openbitfun-line-height-relaxed);
    --openbitfun-type-body-md-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-body-md-font-size: var(--openbitfun-font-size-base);
    --openbitfun-type-body-md-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-body-md-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-body-md-line-height: var(--openbitfun-line-height-base);
    --openbitfun-type-body-sm-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-body-sm-font-size: var(--openbitfun-font-size-sm);
    --openbitfun-type-body-sm-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-body-sm-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-body-sm-line-height: var(--openbitfun-line-height-base);
    --openbitfun-type-body-xs-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-body-xs-font-size: var(--openbitfun-font-size-xs);
    --openbitfun-type-body-xs-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-body-xs-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-body-xs-line-height: var(--openbitfun-line-height-base);
    --openbitfun-type-code-md-font-family: var(--openbitfun-font-family-mono);
    --openbitfun-type-code-md-font-size: var(--openbitfun-font-size-sm);
    --openbitfun-type-code-md-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-code-md-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-code-md-line-height: var(--openbitfun-line-height-code);
    --openbitfun-type-code-meta-font-family: var(--openbitfun-font-family-mono);
    --openbitfun-type-code-meta-font-size: var(--openbitfun-font-size-meta);
    --openbitfun-type-code-meta-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-code-meta-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-code-meta-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-code-output-font-family: var(--openbitfun-font-family-mono);
    --openbitfun-type-code-output-font-size: var(--openbitfun-font-size-xs);
    --openbitfun-type-code-output-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-code-output-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-code-output-line-height: var(--openbitfun-line-height-ui);
    --openbitfun-type-code-sm-font-family: var(--openbitfun-font-family-mono);
    --openbitfun-type-code-sm-font-size: var(--openbitfun-font-size-xs);
    --openbitfun-type-code-sm-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-code-sm-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-code-sm-line-height: var(--openbitfun-line-height-code);
    --openbitfun-type-display-fluid-hero-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-display-fluid-hero-font-size: clamp(var(--openbitfun-font-size-6xl), 4vw, var(--openbitfun-font-size-8xl));
    --openbitfun-type-display-fluid-hero-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-display-fluid-hero-letter-spacing: var(--openbitfun-letter-spacing-tight);
    --openbitfun-type-display-fluid-hero-line-height: var(--openbitfun-line-height-display);
    --openbitfun-type-display-fluid-title-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-display-fluid-title-font-size: clamp(var(--openbitfun-font-size-5xl), 3.2vw, var(--openbitfun-font-size-7xl));
    --openbitfun-type-display-fluid-title-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-display-fluid-title-letter-spacing: var(--openbitfun-letter-spacing-tight);
    --openbitfun-type-display-fluid-title-line-height: var(--openbitfun-line-height-display);
    --openbitfun-type-display-lg-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-display-lg-font-size: var(--openbitfun-font-size-7xl);
    --openbitfun-type-display-lg-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-display-lg-letter-spacing: var(--openbitfun-letter-spacing-tight);
    --openbitfun-type-display-lg-line-height: var(--openbitfun-line-height-display);
    --openbitfun-type-display-md-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-display-md-font-size: var(--openbitfun-font-size-6xl);
    --openbitfun-type-display-md-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-display-md-letter-spacing: var(--openbitfun-letter-spacing-tight);
    --openbitfun-type-display-md-line-height: var(--openbitfun-line-height-display);
    --openbitfun-type-display-sm-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-display-sm-font-size: var(--openbitfun-font-size-5xl);
    --openbitfun-type-display-sm-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-display-sm-letter-spacing: var(--openbitfun-letter-spacing-tight);
    --openbitfun-type-display-sm-line-height: var(--openbitfun-line-height-display);
    --openbitfun-type-display-xl-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-display-xl-font-size: var(--openbitfun-font-size-8xl);
    --openbitfun-type-display-xl-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-display-xl-letter-spacing: var(--openbitfun-letter-spacing-tight);
    --openbitfun-type-display-xl-line-height: var(--openbitfun-line-height-display);
    --openbitfun-type-display-xxl-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-display-xxl-font-size: var(--openbitfun-font-size-9xl);
    --openbitfun-type-display-xxl-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-display-xxl-letter-spacing: var(--openbitfun-letter-spacing-tight);
    --openbitfun-type-display-xxl-line-height: var(--openbitfun-line-height-display);
    --openbitfun-type-field-helper-line-height: 1.4545454545454546;
    --openbitfun-type-flow-body-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-flow-body-font-size: var(--openbitfun-font-size-base);
    --openbitfun-type-flow-body-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-flow-body-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-flow-body-line-height: var(--openbitfun-line-height-reading);
    --openbitfun-type-flow-code-font-family: var(--openbitfun-font-family-mono);
    --openbitfun-type-flow-code-font-size: var(--openbitfun-font-size-sm);
    --openbitfun-type-flow-code-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-flow-code-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-flow-code-line-height: var(--openbitfun-line-height-code);
    --openbitfun-type-flow-control-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-flow-control-font-size: var(--openbitfun-font-size-sm);
    --openbitfun-type-flow-control-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-flow-control-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-flow-control-line-height: var(--openbitfun-line-height-support);
    --openbitfun-type-flow-lead-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-flow-lead-font-size: var(--openbitfun-font-size-lg);
    --openbitfun-type-flow-lead-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-flow-lead-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-flow-lead-line-height: var(--openbitfun-line-height-relaxed);
    --openbitfun-type-flow-meta-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-flow-meta-font-size: var(--openbitfun-font-size-meta);
    --openbitfun-type-flow-meta-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-flow-meta-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-flow-meta-line-height: var(--openbitfun-line-height-compact);
    --openbitfun-type-flow-micro-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-flow-micro-font-size: var(--openbitfun-font-size-micro);
    --openbitfun-type-flow-micro-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-flow-micro-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-flow-micro-line-height: var(--openbitfun-line-height-compact);
    --openbitfun-type-flow-page-title-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-flow-page-title-font-size: var(--openbitfun-font-size-3xl);
    --openbitfun-type-flow-page-title-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-flow-page-title-letter-spacing: var(--openbitfun-letter-spacing-tight);
    --openbitfun-type-flow-page-title-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-flow-section-title-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-flow-section-title-font-size: var(--openbitfun-font-size-2xl);
    --openbitfun-type-flow-section-title-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-flow-section-title-letter-spacing: var(--openbitfun-letter-spacing-snug);
    --openbitfun-type-flow-section-title-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-flow-support-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-flow-support-font-size: var(--openbitfun-font-size-xs);
    --openbitfun-type-flow-support-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-flow-support-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-flow-support-line-height: var(--openbitfun-line-height-support);
    --openbitfun-type-flow-title-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-flow-title-font-size: var(--openbitfun-font-size-xl);
    --openbitfun-type-flow-title-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-flow-title-letter-spacing: var(--openbitfun-letter-spacing-snug);
    --openbitfun-type-flow-title-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-form-description-line-height: 1.2307692307692308;
    --openbitfun-type-heading-card-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-heading-card-font-size: var(--openbitfun-font-size-sm);
    --openbitfun-type-heading-card-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-heading-card-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-heading-card-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-heading-compact-page-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-heading-compact-page-font-size: var(--openbitfun-font-size-2xl-plus);
    --openbitfun-type-heading-compact-page-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-heading-compact-page-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-heading-compact-page-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-heading-dialog-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-heading-dialog-font-size: var(--openbitfun-font-size-3xl-plus);
    --openbitfun-type-heading-dialog-font-weight: var(--openbitfun-font-weight-bold);
    --openbitfun-type-heading-dialog-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-heading-dialog-line-height: 1.2083333333;
    --openbitfun-type-heading-display-font-family: var(--openbitfun-font-family-sans);
    --openbitfun-type-heading-display-font-size: var(--openbitfun-font-size-4xl);
    --openbitfun-type-heading-display-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-heading-display-letter-spacing: var(--openbitfun-letter-spacing-tight);
    --openbitfun-type-heading-display-line-height: var(--openbitfun-line-height-display);
    --openbitfun-type-heading-navigation-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-heading-navigation-font-size: var(--openbitfun-font-size-xl-plus);
    --openbitfun-type-heading-navigation-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-heading-navigation-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-heading-navigation-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-heading-page-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-heading-page-font-size: var(--openbitfun-font-size-3xl-plus);
    --openbitfun-type-heading-page-font-weight: var(--openbitfun-font-weight-bold);
    --openbitfun-type-heading-page-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-heading-page-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-heading-panel-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-heading-panel-font-size: var(--openbitfun-font-size-2xl);
    --openbitfun-type-heading-panel-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-heading-panel-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-heading-panel-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-heading-section-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-heading-section-font-size: var(--openbitfun-font-size-lg);
    --openbitfun-type-heading-section-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-heading-section-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-heading-section-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-heading-welcome-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-heading-welcome-font-size: var(--openbitfun-font-size-5xl);
    --openbitfun-type-heading-welcome-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-heading-welcome-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-heading-welcome-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-label-lg-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-label-lg-font-size: var(--openbitfun-font-size-base);
    --openbitfun-type-label-lg-font-weight: var(--openbitfun-font-weight-medium);
    --openbitfun-type-label-lg-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-label-lg-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-label-md-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-label-md-font-size: var(--openbitfun-font-size-sm);
    --openbitfun-type-label-md-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-label-md-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-label-md-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-label-selected-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-label-selected-font-size: var(--openbitfun-font-size-sm);
    --openbitfun-type-label-selected-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-label-selected-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-label-selected-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-label-sm-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-label-sm-font-size: var(--openbitfun-font-size-xs);
    --openbitfun-type-label-sm-font-weight: var(--openbitfun-font-weight-medium);
    --openbitfun-type-label-sm-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-label-sm-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-label-xs-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-label-xs-font-size: var(--openbitfun-font-size-meta);
    --openbitfun-type-label-xs-font-weight: var(--openbitfun-font-weight-medium);
    --openbitfun-type-label-xs-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-label-xs-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-meta-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-meta-font-size: var(--openbitfun-font-size-meta);
    --openbitfun-type-meta-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-meta-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-meta-line-height: var(--openbitfun-line-height-compact);
    --openbitfun-type-micro-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-micro-font-size: var(--openbitfun-font-size-micro);
    --openbitfun-type-micro-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-micro-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-micro-line-height: var(--openbitfun-line-height-compact);
    --openbitfun-type-modifier-leading-balanced-line-height: var(--openbitfun-line-height-balanced);
    --openbitfun-type-modifier-leading-dense-line-height: var(--openbitfun-line-height-dense);
    --openbitfun-type-modifier-leading-intrinsic-line-height: normal;
    --openbitfun-type-modifier-leading-loose-line-height: var(--openbitfun-line-height-loose);
    --openbitfun-type-modifier-leading-none-line-height: var(--openbitfun-line-height-none);
    --openbitfun-type-modifier-leading-snug-line-height: var(--openbitfun-line-height-snug);
    --openbitfun-type-modifier-leading-spacious-line-height: var(--openbitfun-line-height-spacious);
    --openbitfun-type-modifier-leading-support-line-height: var(--openbitfun-line-height-support);
    --openbitfun-type-modifier-leading-tight-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-modifier-leading-ui-line-height: var(--openbitfun-line-height-ui);
    --openbitfun-type-modifier-tracking-caps-letter-spacing: var(--openbitfun-letter-spacing-caps);
    --openbitfun-type-modifier-tracking-expanded-letter-spacing: var(--openbitfun-letter-spacing-expanded);
    --openbitfun-type-modifier-tracking-subtle-letter-spacing: var(--openbitfun-letter-spacing-subtle);
    --openbitfun-type-modifier-tracking-tighter-letter-spacing: var(--openbitfun-letter-spacing-tighter);
    --openbitfun-type-modifier-tracking-wide-letter-spacing: var(--openbitfun-letter-spacing-wide);
    --openbitfun-type-modifier-tracking-wider-letter-spacing: var(--openbitfun-letter-spacing-wider);
    --openbitfun-type-modifier-tracking-widest-letter-spacing: var(--openbitfun-letter-spacing-widest);
    --openbitfun-type-overline-micro-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-overline-micro-font-size: var(--openbitfun-font-size-4xs);
    --openbitfun-type-overline-micro-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-overline-micro-letter-spacing: var(--openbitfun-letter-spacing-widest);
    --openbitfun-type-overline-micro-line-height: var(--openbitfun-line-height-none);
    --openbitfun-type-overline-sm-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-overline-sm-font-size: var(--openbitfun-font-size-2xs);
    --openbitfun-type-overline-sm-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-overline-sm-letter-spacing: var(--openbitfun-letter-spacing-wider);
    --openbitfun-type-overline-sm-line-height: var(--openbitfun-line-height-none);
    --openbitfun-type-overline-xs-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-overline-xs-font-size: var(--openbitfun-font-size-3xs);
    --openbitfun-type-overline-xs-font-weight: var(--openbitfun-font-weight-semibold);
    --openbitfun-type-overline-xs-letter-spacing: var(--openbitfun-letter-spacing-widest);
    --openbitfun-type-overline-xs-line-height: var(--openbitfun-line-height-none);
    --openbitfun-type-page-intro-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-page-intro-font-size: var(--openbitfun-font-size-xl-plus);
    --openbitfun-type-page-intro-font-weight: var(--openbitfun-font-weight-medium);
    --openbitfun-type-page-intro-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-page-intro-line-height: var(--openbitfun-line-height-tight);
    --openbitfun-type-status-pill-line-height: 1.2727272727272727;
    --openbitfun-type-support-font-family: var(--openbitfun-font-family-control);
    --openbitfun-type-support-font-size: var(--openbitfun-font-size-meta);
    --openbitfun-type-support-font-weight: var(--openbitfun-font-weight-regular);
    --openbitfun-type-support-letter-spacing: var(--openbitfun-letter-spacing-normal);
    --openbitfun-type-support-line-height: var(--openbitfun-line-height-comfortable);
  }
}

@layer openbitfun.tokens.system {
  :where([data-openbitfun-design-system-root][data-density="compact"]) {
    --openbitfun-control-height-lg: 44px;
    --openbitfun-control-height-md: 36px;
    --openbitfun-control-height-sm: 28px;
    --openbitfun-control-hit-target: 36px;
    --openbitfun-control-launcher-button-block-size: var(--openbitfun-control-height-md);
    --openbitfun-control-search-field-height-lg: var(--openbitfun-control-height-lg);
    --openbitfun-control-search-field-height-md: var(--openbitfun-control-height-md);
    --openbitfun-control-search-field-height-sm: 30px;
    --openbitfun-control-tab-group-item-height: var(--openbitfun-control-height-md);
    --openbitfun-layout-empty-icon-size-lg: var(--openbitfun-control-height-md);
    --openbitfun-layout-empty-icon-size-md: var(--openbitfun-control-height-sm);
    --openbitfun-layout-empty-media-size-lg: var(--openbitfun-control-height-md);
    --openbitfun-layout-empty-media-size-md: var(--openbitfun-control-height-sm);
    --openbitfun-space-component-block: 6px;
    --openbitfun-space-component-inline: 10px;
  }
}

@layer openbitfun.tokens.system {
  :where([data-openbitfun-design-system-root][data-density="touch"]) {
    --openbitfun-control-height-lg: 56px;
    --openbitfun-control-height-md: 48px;
    --openbitfun-control-height-sm: 40px;
    --openbitfun-control-hit-target: 48px;
    --openbitfun-control-launcher-button-block-size: var(--openbitfun-control-height-md);
    --openbitfun-control-search-field-height-lg: var(--openbitfun-control-height-lg);
    --openbitfun-control-search-field-height-md: var(--openbitfun-control-height-md);
    --openbitfun-control-search-field-height-sm: var(--openbitfun-control-height-sm);
    --openbitfun-control-tab-group-item-height: var(--openbitfun-control-height-md);
    --openbitfun-layout-empty-icon-size-lg: var(--openbitfun-control-height-md);
    --openbitfun-layout-empty-icon-size-md: var(--openbitfun-control-height-sm);
    --openbitfun-layout-empty-media-size-lg: var(--openbitfun-control-height-md);
    --openbitfun-layout-empty-media-size-md: var(--openbitfun-control-height-sm);
    --openbitfun-space-component-block: 12px;
    --openbitfun-space-component-inline: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {

  :where([data-openbitfun-design-system-root]) {

    --openbitfun-motion-duration-fast: 0ms;

    --openbitfun-motion-duration-normal: 0ms;

    --openbitfun-motion-duration-content-swap: 0ms;

    --openbitfun-motion-duration-slow: 0ms;

    --openbitfun-motion-duration-loop: 0ms;

  }

}