

:root {
  --pagination-gap: var(--space-inline-sm);
  --pagination-item-gap: var(--space-inline-xs);

  --pagination-size-width: 5.5rem;

  --pagination-page-padding-x: var(--space-1);
  --pagination-total-font-size: var(--font-size-sm, var(--font-size-base));

  --pagination-icon-size: var(--control-icon-size);

  --pagination-control-height-sm: initial;

  --pagination-jumper-gap: var(--space-inline-xs);
  --pagination-jumper-width: 4rem;
  --pagination-jumper-font-size: var(--pagination-total-font-size);
  --filter-bar-gap: var(--space-3);
  --filter-bar-padding-y: var(--space-2);
  --filter-label-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );
  --filter-picker-width-sm: 11rem;
  --filter-picker-width-md: 14rem;
  --steps-inline-gap: var(--space-2);
  --steps-inline-item-gap: var(--space-1);
  --steps-inline-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );
  --steps-inline-separator-size: var(--control-icon-size-sm);

  --steps-inline-index-font-weight: var(--font-weight-bold);
  --steps-inline-index-color: initial;
  --steps-inline-separator-color: initial;

  --app-setting-picker-compact-control-height: var(--control-height-sm);
  --app-setting-picker-compact-padding-x: var(--space-2);
  --app-setting-picker-compact-gap: var(--space-1);
  --app-setting-picker-compact-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );
  --breadcrumb-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));

  --breadcrumb-menu-trigger-gap: var(--space-inline-xs);
  --menu-shortcut-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );
  --tabs-list-max-inline-size: 100%;
  --tabs-list-overflow: auto;

  --tabs-placement-responsive-breakpoint-width: 48rem;

  --tabs-indicator-background: initial;
  --tabs-indicator-size: 2px;
  --tabs-indicator-offset: 0px;

  --tabs-indicator-inset: 0px;

  --tabs-root-gap: 0.5rem;

  --tabs-list-line-space-inset: 0px;

  --tabs-list-line-space-gap: 0.25rem;

  --tabs-list-focus-ring-space-inset: initial;

  --tabs-trigger-line-radius: 0px;
  --tabs-trigger-line-padding-x: 1rem;
  --tabs-trigger-line-padding-y: 0.5rem;

  --tabs-trigger-height-sm: var(--band-height-sm);
  --tabs-trigger-height-md: var(--band-height-md);
  --tabs-trigger-height-lg: var(--band-height-lg);
  --tabs-trigger-font-size-sm: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );
  --tabs-trigger-font-size-md: var(--font-size-base);
  --tabs-trigger-font-size-lg: var(
    --font-size-lg,
    calc(var(--font-size-base) * var(--font-size-ratio) * var(--font-size-ratio))
  );
  --tabs-trigger-padding-x-sm: var(--space-2);
  --tabs-trigger-padding-x-md: var(--space-3);
  --tabs-trigger-padding-x-lg: var(--space-4);

  --tabs-card-list-radius: 0px;
  --tabs-card-list-space-inset: 0px;
  --tabs-card-list-space-gap: var(--space-1);
  --tabs-card-radius: var(--radius-md);
  --tabs-card-rail-border-width: var(--stroke-hairline);
  --tabs-card-background: initial;

  --tabs-panel-background: initial;
  --tabs-panel-border-width: var(--tabs-card-rail-border-width);
  --tabs-panel-radius: var(--tabs-card-radius);
  --tabs-panel-space-inset: var(--space-4);

  --tabs-count-min-width: var(--space-4);
  --tabs-count-space-inline: var(--space-1);
  --tabs-count-gap: var(--space-1);
  --tabs-count-font-size: var(--font-size-xs, calc(var(--font-size-base) / var(--font-size-ratio)));
  --tabs-count-radius: var(--radius-pill);
  --tabs-count-background: initial;

  --tabs-count-card-background: initial;
  --tabs-count-color: initial;
  --tabs-count-active-background: initial;
  --tabs-count-active-color: initial;
  --tabs-count-forced-outline-width: var(--stroke-hairline);

  --tabs-bar-gap: var(--space-2);
  --tabs-extra-gap: var(--space-2);

  --tabs-overflow-size: var(--band-height-md);
  --tabs-overflow-radius: var(--radius-md);
  --tabs-overflow-icon-size: var(--control-icon-size);
  --tabs-add-size: var(--band-height-md);
  --tabs-add-radius: var(--radius-md);
  --tabs-add-icon-size: var(--control-icon-size);
  --tabs-trigger-icon-size: var(--control-icon-size);
  --tabs-tab-remove-size: var(--band-height-xs);
  --tabs-tab-remove-radius: var(--radius-sm);
  --tabs-tab-remove-icon-size: var(--icon-size-xs);
  --tabs-tab-remove-space-inline-end: var(--space-1);

  --menu-item-hover-background: initial;
  --menu-item-hover-foreground: initial;

  --filter-bar-sticky-offset: 0px;

  --filter-bar-sticky-background: initial;

  --filter-bar-scroll-padding-y: var(--space-1);

  --filter-bar-search-width: 20rem;
  --filter-bar-filter-width: var(--filter-picker-width-md);
  --filter-bar-chip-gap: var(--space-2);
  --filter-bar-section-gap: var(--space-2);

  --menu-item-height: var(--band-height-md);
  --menu-item-radius: var(--radius-sm);
  --menu-item-space-inline: var(--space-2);
  --menu-item-space-gap: var(--space-2);
  --menu-item-font-size: var(--font-size-base);

  --menu-item-inset-space-inline-start: var(--space-8);
  --menu-indicator-size: 0.875rem;
  --menu-indicator-inset-inline-start: var(--space-2);
  --menu-icon-size: var(--icon-size-md);
  --menu-content-space-inset: var(--space-1);
  --menu-content-min-width: 10rem;

  --dropdown-content-min-width: 8rem;

  --menu-content-width-sm: 12rem;
  --menu-content-width-md: 16rem;
  --menu-content-width-lg: 20rem;

  --dropdown-arrow-width: var(--space-3);
  --dropdown-arrow-height: var(--space-inline-xs);
  --dropdown-arrow-background: initial;
  --menu-separator-space-block: var(--space-1);
  --menu-separator-space-inline: calc(var(--space-1) * -1);

  --steps-dot-size: 0.625rem;
  --steps-dot-process-ring-width: var(--stroke-xl);
  --steps-marker-border-width: var(--stroke-md);
  --steps-marker-font-size: var(--font-size-sm, var(--font-size-base));
  --steps-marker-icon-size: var(--icon-size-md);
  --steps-wait-icon-size: var(--icon-size-xs);
  --steps-title-font-size: var(--font-size-sm, var(--font-size-base));
  --steps-title-font-size-compact: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );
  --steps-subtitle-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );

  --steps-vertical-space-gap: var(--space-3);
  --steps-vertical-space-block-end: var(--space-8);
  --steps-vertical-text-space-block-start: var(--space-1);

  --steps-horizontal-text-space-block-start: var(--space-2);
  --steps-horizontal-text-space-inline: var(--space-2);
  --steps-connector-inset: 1.25rem;
  --steps-connector-space-block-start: var(--space-4);

  --steps-nav-space-gap: var(--space-2);
  --steps-nav-space-inline: var(--space-4);
  --steps-nav-space-block: var(--space-3);
  --steps-nav-radius: var(--radius-md);
  --steps-nav-separator-size: var(--control-icon-size-sm);

  --steps-progress-ring-width: var(--stroke-md);
  --steps-progress-track-color: initial;

  --app-setting-picker-locale-width: 10rem;
  --app-setting-picker-timezone-width: 14rem;
  --app-setting-picker-date-format-width: 11rem;
  --app-setting-picker-time-format-width: 11rem;
  --app-setting-picker-theme-width: 9rem;
  --app-setting-picker-brand-width: 11rem;
  --app-setting-picker-density-width: 10rem;
  --app-setting-picker-font-size-width: 9rem;

  --app-setting-picker-trigger-width: auto;

  --app-setting-picker-width-breakpoint: 40rem;
  --app-setting-picker-bar-border-width: 0;
  --app-setting-picker-bar-shadow: none;
  --app-setting-picker-icon-size: var(--icon-size-md);
  --app-setting-picker-icon-rest-alpha: 0.7;
}
