@layer components {
  .ui-app-setting-picker-inline {
    width: auto;
    min-height: 0;
    height: auto;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
    font: inherit;
  }

  [data-slot="auth-legal-footer"] .ui-app-setting-picker-inline {
    width: auto;
    min-block-size: var(--auth-footer-target-min-size);
    height: auto;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }

  .ui-app-setting-picker-inline:hover,
  .ui-app-setting-picker-inline[data-state="open"] {
    background: transparent;
    color: hsl(var(--foreground));
    text-decoration: underline;
  }

  .ui-app-setting-picker-compact {
    --control-height: var(--app-setting-picker-compact-control-height);
    --control-padding-x: var(--app-setting-picker-compact-padding-x);
    --control-font-size: var(--app-setting-picker-compact-font-size);
  }

  [data-slot="tabs"] {
    min-inline-size: 0;
    gap: var(--tabs-root-gap);
  }

  [data-slot="tabs-list"] {
    max-inline-size: var(--tabs-list-max-inline-size);
    overflow-x: var(--tabs-list-overflow);
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  [data-slot="tabs-list"][data-variant="line"] [data-slot="tabs-trigger"]::after {
    content: "";
    position: absolute;
    background: var(--tabs-indicator-background, hsl(var(--primary)));
    opacity: 0;

    transition: opacity var(--duration-fast, 150ms) var(--ease-standard, cubic-bezier(0.2, 0, 0, 1));
    pointer-events: none;
  }

  [data-slot="tabs-list"][data-variant="line"][data-orientation="horizontal"]
    [data-slot="tabs-trigger"]::after {
    inset-block-end: calc(
      -1 *
        (
          var(--tabs-indicator-offset) + var(--tabs-list-line-space-inset) +
            var(
              --tabs-list-focus-ring-space-inset,
              calc(var(--focus-ring-width) + var(--focus-ring-glow-width))
            )
        )
    );
    block-size: var(--tabs-indicator-size);
    inline-size: calc(100% - 2 * var(--tabs-indicator-inset));
    inset-inline-start: var(--tabs-indicator-inset);
  }

  [data-slot="tabs"][data-indicator-align="start"]
    [data-slot="tabs-list"][data-variant="line"][data-orientation="horizontal"]
    [data-slot="tabs-trigger"]::after {
    inset-inline-start: 0;
  }

  [data-slot="tabs"][data-indicator-align="end"]
    [data-slot="tabs-list"][data-variant="line"][data-orientation="horizontal"]
    [data-slot="tabs-trigger"]::after {
    inset-inline-start: auto;
    inset-inline-end: 0;
  }

  [data-slot="tabs-list"][data-variant="line"][data-orientation="vertical"]
    [data-slot="tabs-trigger"]::after {
    inset-inline-end: calc(-1 * var(--tabs-indicator-offset));
    inline-size: var(--tabs-indicator-size);
    block-size: calc(100% - 2 * var(--tabs-indicator-inset));
    inset-block-start: var(--tabs-indicator-inset);
  }

  [data-slot="tabs"][data-indicator-align="start"]
    [data-slot="tabs-list"][data-variant="line"][data-orientation="vertical"]
    [data-slot="tabs-trigger"]::after {
    inset-block-start: 0;
  }

  [data-slot="tabs"][data-indicator-align="end"]
    [data-slot="tabs-list"][data-variant="line"][data-orientation="vertical"]
    [data-slot="tabs-trigger"]::after {
    inset-block-start: auto;
    inset-block-end: 0;
  }

  [data-slot="tabs"][data-indicator-size="label"][data-orientation="horizontal"][data-size="sm"] {
    --tabs-indicator-inset: var(--tabs-trigger-padding-x-sm);
  }

  [data-slot="tabs"][data-indicator-size="label"][data-orientation="horizontal"][data-size="md"] {
    --tabs-indicator-inset: var(--tabs-trigger-padding-x-md);
  }

  [data-slot="tabs"][data-indicator-size="label"][data-orientation="horizontal"][data-size="lg"] {
    --tabs-indicator-inset: var(--tabs-trigger-padding-x-lg);
  }

  [data-slot="tabs"][data-indicator-size="label"][data-orientation="vertical"] {
    --tabs-indicator-inset: var(--tabs-trigger-line-padding-y);
  }

  [data-slot="tabs-list"][data-variant="line"]
    [data-slot="tabs-trigger"][data-state="active"]::after {
    opacity: 1;
  }

  [data-slot="tabs"][data-animated-ink-bar="false"]
    [data-slot="tabs-list"][data-variant="line"]
    [data-slot="tabs-trigger"]::after {
    transition: none;
  }

  @keyframes ui-tabs-pane-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  [data-slot="tabs"][data-animated-tab-pane="true"] [data-slot="tabs-panel"][data-state="active"],
  [data-slot="tabs"][data-animated-tab-pane="true"]
    [data-slot="tabs-content"][data-state="active"] {
    animation: ui-tabs-pane-in var(--duration-base, 250ms)
      var(--ease-standard, cubic-bezier(0.2, 0, 0, 1));
  }

  @media (prefers-reduced-motion: reduce) {
    [data-slot="tabs-list"][data-variant="line"] [data-slot="tabs-trigger"]::after {
      transition: none;
    }

    [data-slot="tabs"][data-animated-tab-pane="true"] [data-slot="tabs-panel"][data-state="active"],
    [data-slot="tabs"][data-animated-tab-pane="true"]
      [data-slot="tabs-content"][data-state="active"] {
      animation: none;
    }
  }

  .ui-tabs-bar {
    display: flex;
    min-inline-size: 0;
    align-items: center;
    gap: var(--tabs-bar-gap);
  }

  [data-slot="tabs"][data-orientation="vertical"] .ui-tabs-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .ui-tabs-bar > [data-slot="tabs-list"] {
    min-inline-size: 0;
    flex: 0 1 auto;
  }

  [data-slot="tabs"]:not([data-orientation="vertical"]) .ui-tabs-bar > [data-slot="tabs-list"] {
    flex: 1 1 auto;
  }

  [data-slot="tabs"][data-orientation="vertical"] > [data-slot="tabs-list"],
  [data-slot="tabs"][data-orientation="vertical"] > .ui-tabs-bar {
    flex-shrink: 0;
  }

  .ui-tabs-extra {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--tabs-extra-gap);
  }

  .ui-tabs-trigger-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .ui-tabs-trigger-icon svg {
    inline-size: var(--tabs-trigger-icon-size);
    block-size: var(--tabs-trigger-icon-size);
  }

  [data-slot="tabs"][data-variant="card"] [data-slot="tabs-list"],
  [data-slot="tabs"][data-variant="editable-card"] [data-slot="tabs-list"] {
    box-shadow: inset 0 calc(-1 * var(--tabs-card-rail-border-width)) 0 hsl(var(--border));
  }

  [data-slot="tabs"][data-variant="card"][data-placement="bottom"] [data-slot="tabs-list"],
  [data-slot="tabs"][data-variant="editable-card"][data-placement="bottom"]
    [data-slot="tabs-list"] {
    box-shadow: inset 0 var(--tabs-card-rail-border-width) 0 hsl(var(--border));
  }

  [data-slot="tabs"][data-variant="card"][data-placement="start"] [data-slot="tabs-list"],
  [data-slot="tabs"][data-variant="editable-card"][data-placement="start"] [data-slot="tabs-list"] {
    box-shadow: inset calc(-1 * var(--tabs-card-rail-border-width)) 0 0 hsl(var(--border));
  }

  [data-slot="tabs"][data-variant="card"][data-placement="end"] [data-slot="tabs-list"],
  [data-slot="tabs"][data-variant="editable-card"][data-placement="end"] [data-slot="tabs-list"] {
    box-shadow: inset var(--tabs-card-rail-border-width) 0 0 hsl(var(--border));
  }

  [dir="rtl"]
    [data-slot="tabs"][data-variant="card"][data-placement="start"]
    [data-slot="tabs-list"],
  [dir="rtl"]
    [data-slot="tabs"][data-variant="editable-card"][data-placement="start"]
    [data-slot="tabs-list"] {
    box-shadow: inset var(--tabs-card-rail-border-width) 0 0 hsl(var(--border));
  }

  [dir="rtl"] [data-slot="tabs"][data-variant="card"][data-placement="end"] [data-slot="tabs-list"],
  [dir="rtl"]
    [data-slot="tabs"][data-variant="editable-card"][data-placement="end"]
    [data-slot="tabs-list"] {
    box-shadow: inset calc(-1 * var(--tabs-card-rail-border-width)) 0 0 hsl(var(--border));
  }

  [data-slot="tabs"][data-bodied="true"] {
    --tabs-root-gap: 0px;
  }

  [data-slot="tabs"][data-bodied="true"][data-variant="card"] [data-slot="tabs-list"],
  [data-slot="tabs"][data-bodied="true"][data-variant="editable-card"] [data-slot="tabs-list"],
  [dir="rtl"] [data-slot="tabs"][data-bodied="true"][data-variant="card"] [data-slot="tabs-list"],
  [dir="rtl"]
    [data-slot="tabs"][data-bodied="true"][data-variant="editable-card"]
    [data-slot="tabs-list"] {
    box-shadow: none;
  }

  [data-slot="tabs"][data-bodied="true"][data-placement="top"] .ui-tabs-bar {
    align-items: flex-end;
  }

  [data-slot="tabs"][data-bodied="true"][data-placement="bottom"] .ui-tabs-bar {
    align-items: flex-start;
  }

  [data-slot="tabs"][data-bodied="true"][data-placement="top"] .ui-tabs-extra[data-side="end"],
  [data-slot="tabs"][data-bodied="true"][data-placement="bottom"] .ui-tabs-extra[data-side="end"] {
    margin-inline-end: calc(var(--tabs-panel-space-inset) + var(--tabs-panel-border-width));
  }

  [data-slot="tabs"][data-bodied="true"][data-placement="top"] .ui-tabs-extra[data-side="start"],
  [data-slot="tabs"][data-bodied="true"][data-placement="bottom"]
    .ui-tabs-extra[data-side="start"] {
    margin-inline-start: calc(var(--tabs-panel-space-inset) + var(--tabs-panel-border-width));
  }

  [data-slot="tabs"][data-bodied="true"] > [data-slot="tabs-panel"],
  [data-slot="tabs"][data-bodied="true"] > [data-slot="tabs-content"] {
    border: var(--tabs-panel-border-width) solid hsl(var(--border));
    border-radius: var(--tabs-panel-radius);
    background: hsl(var(--tabs-panel-background, var(--background)));
    padding: var(--tabs-panel-space-inset);
  }

  [data-slot="tabs"][data-bodied="true"][data-placement="top"] > [data-slot="tabs-panel"],
  [data-slot="tabs"][data-bodied="true"][data-placement="top"] > [data-slot="tabs-content"] {
    margin-block-start: calc(-1 * var(--tabs-panel-border-width));
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }

  [data-slot="tabs"][data-bodied="true"][data-placement="bottom"] > [data-slot="tabs-panel"],
  [data-slot="tabs"][data-bodied="true"][data-placement="bottom"] > [data-slot="tabs-content"] {
    margin-block-end: calc(-1 * var(--tabs-panel-border-width));
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }

  [data-slot="tabs"][data-bodied="true"][data-placement="start"] > [data-slot="tabs-panel"],
  [data-slot="tabs"][data-bodied="true"][data-placement="start"] > [data-slot="tabs-content"] {
    margin-inline-start: calc(-1 * var(--tabs-panel-border-width));
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  [data-slot="tabs"][data-bodied="true"][data-placement="end"] > [data-slot="tabs-panel"],
  [data-slot="tabs"][data-bodied="true"][data-placement="end"] > [data-slot="tabs-content"] {
    margin-inline-end: calc(-1 * var(--tabs-panel-border-width));
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  @media (forced-colors: active) {
    [data-slot="tabs"][data-bodied="true"] > [data-slot="tabs-panel"],
    [data-slot="tabs"][data-bodied="true"] > [data-slot="tabs-content"] {
      border-color: CanvasText;
    }

    [data-slot="tabs"][data-bodied="true"][data-placement="top"]
      [data-slot="tabs-trigger"][data-state="active"] {
      border-block-end-style: none;
    }

    [data-slot="tabs"][data-bodied="true"][data-placement="bottom"]
      [data-slot="tabs-trigger"][data-state="active"] {
      border-block-start-style: none;
    }
  }

  .ui-tabs-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: var(--tabs-count-min-width);
    margin-inline-start: var(--tabs-count-gap);
    border-radius: var(--tabs-count-radius);
    padding-inline: var(--tabs-count-space-inline);
    background: var(--tabs-count-background, hsl(var(--muted)));
    color: var(--tabs-count-color, hsl(var(--muted-foreground)));
    font-size: var(--tabs-count-font-size);
    line-height: 1;
    font-variant-numeric: tabular-nums;
  }

  [data-slot="tabs"][data-variant="card"]
    [data-slot="tabs-trigger"]:not([data-state="active"])
    .ui-tabs-count,
  [data-slot="tabs"][data-variant="editable-card"]
    [data-slot="tabs-trigger"]:not([data-state="active"])
    .ui-tabs-count {
    background: var(--tabs-count-card-background, hsl(var(--background)));
  }

  [data-slot="tabs-trigger"][data-state="active"] .ui-tabs-count {
    background: var(--tabs-count-active-background, hsl(var(--primary)));
    color: var(--tabs-count-active-color, hsl(var(--primary-foreground)));
  }

  @media (forced-colors: active) {
    [data-slot="tabs-trigger"][data-state="active"] .ui-tabs-count {
      outline: var(--tabs-count-forced-outline-width) solid currentColor;
    }
  }

  .ui-tabs-tab-remove {
    display: inline-flex;
    flex: 0 0 auto;
    inline-size: var(--tabs-tab-remove-size);
    block-size: var(--tabs-tab-remove-size);
    align-items: center;
    justify-content: center;
    border-radius: var(--tabs-tab-remove-radius);
    margin-inline-start: var(--tabs-tab-remove-space-inline-end);
    margin-inline-end: calc(-1 * var(--tabs-tab-remove-space-inline-end));
    color: hsl(var(--muted-foreground));
    cursor: pointer;
  }

  .ui-tabs-tab-remove:hover {
    background: hsl(var(--accent));
    color: hsl(var(--accent-foreground));
  }

  .ui-tabs-tab-remove-icon,
  .ui-tabs-tab-remove > :is(svg, img) {
    inline-size: var(--tabs-tab-remove-icon-size);
    block-size: var(--tabs-tab-remove-icon-size);
  }

  .ui-tabs-overflow {
    display: inline-flex;
    flex: 0 0 auto;
    inline-size: var(--tabs-overflow-size);
    block-size: var(--tabs-overflow-size);
    align-items: center;
    justify-content: center;
    border-radius: var(--tabs-overflow-radius);
    color: hsl(var(--muted-foreground));
  }

  .ui-tabs-overflow:hover {
    background: hsl(var(--accent));
    color: hsl(var(--accent-foreground));
  }

  .ui-tabs-overflow-icon {
    inline-size: var(--tabs-overflow-icon-size);
    block-size: var(--tabs-overflow-icon-size);
  }

  .ui-tabs-add {
    display: inline-flex;
    flex: 0 0 auto;
    inline-size: var(--tabs-add-size);
    block-size: var(--tabs-add-size);
    align-items: center;
    justify-content: center;
    border: var(--tabs-card-rail-border-width) solid hsl(var(--border));
    border-radius: var(--tabs-add-radius);
    background: hsl(var(--tabs-card-background, var(--muted)));
    color: hsl(var(--muted-foreground));
  }

  .ui-tabs-add:hover {
    background: hsl(var(--accent));
    color: hsl(var(--accent-foreground));
  }

  .ui-tabs-add-icon {
    inline-size: var(--tabs-add-icon-size);
    block-size: var(--tabs-add-icon-size);
  }

  .ui-pagination {
    max-inline-size: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .ui-pagination .ui-button svg,
  .ui-pagination .ui-pagination-link svg {
    inline-size: var(--pagination-icon-size);
    block-size: var(--pagination-icon-size);
  }

  .ui-pagination[data-align="start"] {
    justify-content: flex-start;
  }

  .ui-pagination[data-align="center"] {
    justify-content: safe center;
  }

  .ui-pagination[data-align="end"] {
    justify-content: safe flex-end;
  }

  .ui-pagination[data-align="end"] > .ui-pagination-total {
    margin-inline-end: 0;
  }

  .ui-pagination[data-size="sm"] {
    --control-height: var(--pagination-control-height-sm, var(--control-height-sm));
  }

  .ui-pagination-jumper {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--pagination-jumper-gap);
  }

  .ui-pagination-jumper-label {
    color: hsl(var(--muted-foreground));
    font-size: var(--pagination-jumper-font-size);
    white-space: nowrap;
  }

  .ui-pagination-jumper-input {
    text-align: center;
  }

  .ui-dropdown-menu-item,
  .ui-dropdown-menu-label,
  .ui-dropdown-menu-sub-trigger,
  .ui-dropdown-menu-checkbox-item,
  .ui-dropdown-menu-radio-item,
  .ui-dropdown-menu-shortcut {
    border-radius: var(--menu-item-radius);
    padding-inline: var(--menu-item-space-inline);
    height: var(--menu-item-height);
    display: flex;
    align-items: center;
    gap: var(--menu-item-space-gap);
    font-size: var(--menu-item-font-size);
  }

  .ui-dropdown-menu-item > svg,
  .ui-dropdown-menu-checkbox-item > svg,
  .ui-dropdown-menu-radio-item > svg {
    width: var(--menu-icon-size);
    height: var(--menu-icon-size);
    flex: 0 0 auto;
  }

  .ui-dropdown-menu-item[data-inset="true"],
  .ui-dropdown-menu-label[data-inset="true"],
  .ui-dropdown-menu-sub-trigger[data-inset="true"] {
    padding-inline-start: var(--menu-item-inset-space-inline-start);
  }

  .ui-dropdown-menu-item,
  .ui-dropdown-menu-checkbox-item,
  .ui-dropdown-menu-radio-item,
  .ui-dropdown-menu-sub-trigger {
    cursor: pointer;
    outline: none;
    user-select: none;
    transition:
      background-color 150ms ease,
      color 150ms ease;
  }

  .ui-dropdown-menu-item:hover,
  .ui-dropdown-menu-sub-trigger:hover {
    background: var(--menu-item-hover-background, hsl(var(--accent)));
    color: var(--menu-item-hover-foreground, hsl(var(--accent-foreground)));
  }

  .ui-dropdown-menu-item[data-state="open"],
  .ui-dropdown-menu-item[data-highlighted],
  .ui-dropdown-menu-checkbox-item[data-highlighted],
  .ui-dropdown-menu-radio-item[data-highlighted],
  .ui-dropdown-menu-sub-trigger[data-state="open"] {
    background: var(--menu-item-hover-background, hsl(var(--accent)));
    color: var(--menu-item-hover-foreground, hsl(var(--accent-foreground)));
  }

  .ui-dropdown-menu-item[data-variant="destructive"] {
    color: hsl(var(--text-error));
  }

  .ui-dropdown-menu-separator,
  .ui-select-separator {
    margin-block: var(--menu-separator-space-block);
    margin-inline: var(--menu-separator-space-inline);
    height: 1px;
    background: hsl(var(--border));
  }

  .ui-dropdown-menu-label {
    height: auto;
    min-height: var(--menu-item-height);
    color: hsl(var(--muted-foreground));
    font-weight: var(--font-weight-medium);
  }

  .ui-dropdown-menu-shortcut {
    margin-inline-start: auto;
    text-align: end;
    color: hsl(var(--muted-foreground));
    font-size: var(--menu-shortcut-font-size);
  }

  .ui-dropdown-menu-item-indicator {
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    align-items: center;
    justify-content: center;
    color: hsl(var(--accent-foreground));
  }
}

@layer components {
  .ui-steps-inline {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--steps-inline-gap);
    font-size: var(--steps-inline-font-size);
    line-height: var(--line-height-tight);
  }

  .ui-steps-inline-item {
    display: inline-flex;
    min-width: 0;
    flex: 0 1 auto;
    align-items: center;
    gap: var(--steps-inline-gap);
    text-align: start;
  }

  .ui-steps-inline-control {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: var(--steps-inline-item-gap);
    border-radius: var(--radius-sm);
    outline: none;
  }

  .ui-steps-inline-index {
    flex: none;
    font-variant-numeric: tabular-nums;
    font-weight: var(--steps-inline-index-font-weight);
    color: var(--steps-inline-index-color, currentColor);
  }

  .ui-steps-inline-title {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .ui-steps-inline-item[data-status="finish"] .ui-steps-inline-control {
    color: hsl(var(--primary));
  }

  .ui-steps-inline-item[data-status="process"] .ui-steps-inline-control {
    color: hsl(var(--foreground));
    font-weight: var(--font-weight-medium);
  }

  .ui-steps-inline-item[data-status="error"] .ui-steps-inline-control {
    color: hsl(var(--text-error));
  }

  .ui-steps-inline-item[data-status="wait"] .ui-steps-inline-control {
    color: hsl(var(--muted-foreground));
  }

  .ui-steps-inline-separator {
    width: var(--steps-inline-separator-size);
    height: var(--steps-inline-separator-size);
    flex: none;
    color: var(--steps-inline-separator-color, hsl(var(--muted-foreground)));
  }

  .ui-dropdown-menu-content,
  .ui-dropdown-menu-sub-content {
    --menu-content-min-width: var(--dropdown-content-min-width);

    z-index: var(--overlay-z-index);
    min-width: var(--menu-content-min-width);
    border-radius: var(--radius-md);
    border: 1px solid hsl(var(--border));
    background: hsl(var(--popover));
    color: hsl(var(--popover-foreground));
    padding: var(--menu-content-space-inset);
    box-shadow: var(--shadow-md), var(--shadow-glow);
  }

  .ui-dropdown-menu-content [role="menu"],
  .ui-dropdown-menu-sub-content [role="menu"] {
    outline: none;
  }

  .ui-dropdown-menu-content {
    max-height: var(--radix-dropdown-menu-content-available-height);
    overflow-x: hidden;
    overflow-y: auto;
  }

  .ui-dropdown-menu-content[data-width="auto"] {
    --menu-content-min-width: 0;
  }

  .ui-dropdown-menu-content[data-width="trigger"] {
    --menu-content-min-width: var(--trigger-width, var(--dropdown-content-min-width));
  }

  .ui-dropdown-menu-content[data-width="sm"] {
    --menu-content-min-width: var(--menu-content-width-sm);
  }

  .ui-dropdown-menu-content[data-width="md"] {
    --menu-content-min-width: var(--menu-content-width-md);
  }

  .ui-dropdown-menu-content[data-width="lg"] {
    --menu-content-min-width: var(--menu-content-width-lg);
  }

  .ui-dropdown-menu-sub-content {
    overflow: hidden;
  }

  .ui-breadcrumb-separator {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
  }

  .ui-breadcrumb-menu-trigger {
    display: inline-flex;
    align-items: center;
    gap: var(--breadcrumb-menu-trigger-gap);
    border-radius: var(--radius-sm);
    background: transparent;
    color: inherit;
    font: inherit;
  }

  .ui-breadcrumb-menu-trigger:hover {
    color: hsl(var(--foreground));
  }

  .ui-dropdown-menu-arrow {
    inline-size: var(--dropdown-arrow-width);
    block-size: var(--dropdown-arrow-height);
    fill: hsl(var(--dropdown-arrow-background, var(--popover)));
  }

  .ui-dropdown-menu-indicator-slot {
    pointer-events: none;
    position: absolute;
    inset-inline-start: var(--menu-indicator-inset-inline-start);
    display: flex;
    inline-size: var(--menu-indicator-size);
    block-size: var(--menu-indicator-size);
    align-items: center;
    justify-content: center;
  }

  .ui-dropdown-menu-check,
  .ui-dropdown-menu-sub-trigger-icon {
    inline-size: var(--menu-icon-size);
    block-size: var(--menu-icon-size);
  }

  .ui-dropdown-menu-sub-trigger-icon {
    margin-inline-start: auto;
  }

  .ui-dropdown-menu-checkbox-item {
    position: relative;
    padding-inline-start: var(--menu-item-inset-space-inline-start);
    padding-inline-end: var(--menu-item-space-inline);
  }

  .ui-dropdown-menu-item,
  .ui-dropdown-menu-radio-item {
    position: relative;
  }

  .ui-dropdown-menu-radio-item[data-state="checked"] {
    background: hsl(var(--primary) / 0.1);
    color: hsl(var(--primary));
    font-weight: var(--font-weight-medium);
  }

  .ui-dropdown-menu-item[data-variant="destructive"][data-highlighted] {
    background: hsl(var(--destructive) / 0.1);
    color: hsl(var(--text-error));
  }

  .ui-dropdown-menu-item[data-disabled],
  .ui-dropdown-menu-checkbox-item[data-disabled],
  .ui-dropdown-menu-radio-item[data-disabled] {
    pointer-events: none;
    opacity: var(--disabled-opacity);
  }

  .ui-dropdown-menu-item svg,
  .ui-dropdown-menu-sub-trigger svg {
    pointer-events: none;
    flex-shrink: 0;
  }
}

@layer components {

  .ui-steps-dot {
    display: block;
    inline-size: var(--steps-dot-size);
    block-size: var(--steps-dot-size);
    border-radius: var(--radius-pill);
  }

  .ui-steps-dot[data-status="finish"],
  .ui-steps-dot[data-status="process"] {
    background: hsl(var(--primary));
  }

  .ui-steps-dot[data-status="process"] {
    box-shadow: 0 0 0 var(--steps-dot-process-ring-width) hsl(var(--primary) / 0.2);
  }

  .ui-steps-dot[data-status="error"] {
    background: hsl(var(--destructive));
  }

  .ui-steps-dot[data-status="wait"] {
    background: hsl(var(--muted-foreground) / 0.3);
  }

  .ui-steps-marker {
    border-radius: var(--radius-pill);
    border: var(--steps-marker-border-width) solid transparent;
    font-size: var(--steps-marker-font-size);
    font-weight: var(--font-weight-medium);
  }

  .ui-steps-marker[data-status="finish"] {
    border-color: hsl(var(--primary));
    background: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
  }

  .ui-steps-marker[data-status="process"] {
    border-color: hsl(var(--primary));
    color: hsl(var(--primary));
  }

  .ui-steps-marker[data-status="error"] {
    border-color: hsl(var(--destructive));
    background: hsl(var(--destructive));
    color: hsl(var(--destructive-foreground));
  }

  .ui-steps-marker[data-status="wait"] {
    border-color: hsl(var(--muted-foreground) / 0.3);
    color: hsl(var(--muted-foreground));
  }

  .ui-steps-marker-icon {
    inline-size: var(--steps-marker-icon-size);
    block-size: var(--steps-marker-icon-size);
  }

  .ui-steps-wait-icon {
    inline-size: var(--steps-wait-icon-size);
    block-size: var(--steps-wait-icon-size);
    fill: currentColor;
  }

  .ui-steps-text {
    min-inline-size: 0;
  }

  .ui-steps-item[data-direction="vertical"] .ui-steps-text {
    padding-block-start: var(--steps-vertical-text-space-block-start);
    text-align: start;
  }

  .ui-steps-item[data-direction="horizontal"] .ui-steps-text {
    margin-block-start: var(--steps-horizontal-text-space-block-start);
    padding-inline: var(--steps-horizontal-text-space-inline);
  }

  .ui-steps-item[data-direction="horizontal"][data-title-placement="vertical"] .ui-steps-text {
    margin-block-start: var(--steps-vertical-text-space-block-start);
  }

  .ui-steps-title {
    font-weight: var(--font-weight-medium);
    font-size: var(--steps-title-font-size);
  }

  .ui-steps-title[data-compact] {
    font-size: var(--steps-title-font-size-compact);
  }

  .ui-steps-title[data-status="process"] {
    color: hsl(var(--foreground));
  }

  .ui-steps-title[data-status="wait"] {
    color: hsl(var(--muted-foreground));
  }

  .ui-steps-title[data-status="error"] {
    color: hsl(var(--text-error));
  }

  .ui-steps-subtitle {
    font-size: var(--steps-subtitle-font-size);
    color: hsl(var(--muted-foreground));
  }

  .ui-steps-description {
    font-size: var(--steps-title-font-size);
    color: hsl(var(--muted-foreground));
  }

  .ui-steps-description[data-compact] {
    font-size: var(--steps-title-font-size-compact);
  }

  .ui-steps-list[data-direction="vertical"] {
    flex-direction: column;
    gap: 0;
  }

  .ui-steps-list[data-direction="horizontal"] {
    flex-direction: row;
    align-items: flex-start;
  }

  .ui-steps-control {
    display: flex;
    min-inline-size: 0;
  }

  .ui-steps-control[data-direction="vertical"] {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--steps-vertical-space-gap);
  }

  .ui-steps-control[data-direction="horizontal"] {
    flex-direction: column;
    align-items: center;
  }

  .ui-steps-item {
    position: relative;
    display: flex;
    min-inline-size: 0;
  }

  .ui-steps-item[data-direction="vertical"] {
    flex-direction: row;
    gap: var(--steps-vertical-space-gap);
    padding-block-end: var(--steps-vertical-space-block-end);
  }

  .ui-steps-item[data-direction="vertical"]:last-child {
    padding-block-end: 0;
  }

  .ui-steps-item[data-direction="horizontal"] {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .ui-steps-item[data-direction="horizontal"][data-connector]::after {
    content: "";
    position: absolute;
    inset-block-start: var(--steps-connector-space-block-start);
    inset-inline-start: calc(50% + var(--steps-connector-inset));
    inline-size: calc(100% - var(--steps-connector-inset) * 2);
    block-size: 1px;
    background: hsl(var(--border));
  }

  .ui-steps-progress {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-pill);
    padding: var(--steps-progress-ring-width);
    background: conic-gradient(
      hsl(var(--primary)) calc(var(--steps-progress-ratio, 0) * 360deg),
      hsl(var(--steps-progress-track-color, var(--muted))) 0
    );
  }

  .ui-steps-list[data-type="navigation"] .ui-steps-item[data-direction="horizontal"] {
    flex-direction: row;
    align-items: center;
    gap: var(--steps-nav-space-gap);
    text-align: start;
  }

  .ui-steps-list[data-type="navigation"] .ui-steps-control[data-direction="horizontal"] {
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    gap: var(--steps-nav-space-gap);
    padding-inline: var(--steps-nav-space-inline);
    padding-block: var(--steps-nav-space-block);
    border-radius: var(--steps-nav-radius);
    background: hsl(var(--muted));
  }

  .ui-steps-list[data-type="navigation"]
    .ui-steps-item[data-status="process"]
    .ui-steps-control[data-direction="horizontal"] {
    background: hsl(var(--accent));
  }

  .ui-steps-list[data-type="navigation"]
    .ui-steps-item[data-direction="horizontal"]
    .ui-steps-text {
    margin-block-start: 0;
    padding-inline: 0;
    text-align: start;
  }

  .ui-steps-nav-separator {
    flex: 0 0 auto;
    inline-size: var(--steps-nav-separator-size);
    block-size: var(--steps-nav-separator-size);
    color: hsl(var(--muted-foreground));
  }

  .ui-app-setting-picker-icon {
    justify-content: center;
    border-color: transparent;
    background: transparent;
    padding-inline: 0;
    box-shadow: none;
  }

  .ui-app-setting-picker-icon[data-appearance="bar"] {
    min-inline-size: var(--topbar-item-min-width);
    padding-inline: var(--topbar-item-padding-inline);
    border-width: var(--app-setting-picker-bar-border-width);
    box-shadow: var(--app-setting-picker-bar-shadow);
  }

  .ui-app-setting-picker-glyph {
    inline-size: var(--app-setting-picker-icon-size);
    block-size: var(--app-setting-picker-icon-size);
    flex-shrink: 0;
    opacity: var(--app-setting-picker-icon-rest-alpha);
  }

  @media (min-width: 40rem) {
    .ui-app-setting-picker-trigger[data-kind="locale"] {
      --app-setting-picker-trigger-width: var(--app-setting-picker-locale-width);
    }

    .ui-app-setting-picker-trigger[data-kind="timezone"] {
      --app-setting-picker-trigger-width: var(--app-setting-picker-timezone-width);
    }

    .ui-app-setting-picker-trigger[data-kind="dateFormat"] {
      --app-setting-picker-trigger-width: var(--app-setting-picker-date-format-width);
    }

    .ui-app-setting-picker-trigger[data-kind="timeFormat"] {
      --app-setting-picker-trigger-width: var(--app-setting-picker-time-format-width);
    }

    .ui-app-setting-picker-trigger[data-kind="theme"] {
      --app-setting-picker-trigger-width: var(--app-setting-picker-theme-width);
    }

    .ui-app-setting-picker-trigger[data-kind="brand"] {
      --app-setting-picker-trigger-width: var(--app-setting-picker-brand-width);
    }

    .ui-app-setting-picker-trigger[data-kind="density"] {
      --app-setting-picker-trigger-width: var(--app-setting-picker-density-width);
    }

    .ui-app-setting-picker-trigger[data-kind="fontSize"] {
      --app-setting-picker-trigger-width: var(--app-setting-picker-font-size-width);
    }
  }
}

@layer components {

  .ui-conversations {
    display: flex;
    min-inline-size: 0;
    flex-direction: column;
    gap: var(--conversations-gap);
  }

  .ui-conversations-list {
    display: flex;
    min-inline-size: 0;
    flex-direction: column;
    margin: 0;
    padding: 0;
    gap: var(--conversations-list-gap);
    list-style: none;
  }

  .ui-conversations-item {
    position: relative;
    display: flex;
    min-inline-size: 0;
    align-items: center;
  }

  .ui-conversations-row {
    --button-radius: var(--conversations-item-radius);

    min-inline-size: 0;
    height: var(--conversations-item-height);
    flex: 1 1 auto;
    gap: var(--conversations-item-gap);
    padding-inline: var(--conversations-item-padding-inline);
    color: var(--conversations-item-color, hsl(var(--muted-foreground)));
    font-size: var(--conversations-item-font-size);
  }

  .ui-conversations-item[data-active="true"] .ui-conversations-row {
    background: var(--conversations-item-active-background, hsl(var(--accent)));
    color: var(--conversations-item-active-color, hsl(var(--foreground)));
    font-weight: var(--conversations-item-active-font-weight);
  }

  .ui-conversations-row > .ui-text {
    min-inline-size: 0;
  }

  .ui-conversations-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--conversations-line-gap);
    min-inline-size: 0;
  }

  .ui-conversations-line > .ui-text {
    min-inline-size: 0;
  }

  .ui-conversations-icon {
    display: grid;
    inline-size: var(--conversations-icon-size);
    block-size: var(--conversations-icon-size);
    flex: 0 0 auto;
    line-height: 0;
    place-items: center;
  }

  .ui-conversations-icon svg {
    inline-size: var(--conversations-icon-size);
    block-size: var(--conversations-icon-size);
  }

  .ui-conversations-menu-trigger {
    flex: 0 0 auto;
    opacity: 0;
  }

  .ui-conversations-item:hover .ui-conversations-menu-trigger,
  .ui-conversations-item:focus-within .ui-conversations-menu-trigger,
  .ui-conversations-item[data-active="true"] .ui-conversations-menu-trigger,
  .ui-conversations-menu-trigger[data-state="open"] {
    opacity: 1;
  }

  @media (hover: none) {
    .ui-conversations-menu-trigger {
      opacity: 1;
    }
  }

  .ui-conversations-group {
    display: flex;
    min-inline-size: 0;
    flex-direction: column;
    gap: var(--conversations-group-gap);
  }

  .ui-conversations-group-label {
    padding-inline: var(--conversations-group-padding-inline);
  }

  .ui-conversations-group-trigger {
    min-inline-size: 0;
    gap: var(--conversations-item-gap);
    padding-inline: var(--conversations-group-padding-inline);
  }

  .ui-conversations-group-chevron {
    inline-size: var(--conversations-group-chevron-size);
    block-size: var(--conversations-group-chevron-size);
    flex: 0 0 auto;
    transform: rotate(-90deg);
  }

  [dir="rtl"] .ui-conversations-group-chevron {
    transform: rotate(90deg);
  }

  .ui-conversations-group-chevron[data-expanded="true"],
  [dir="rtl"] .ui-conversations-group-chevron[data-expanded="true"] {
    transform: rotate(0deg);
  }

  .ui-conversations-rule {
    list-style: none;
  }

  .ui-conversations-separator {
    margin-block: var(--conversations-separator-space-block);
  }

  .ui-conversations-separator[data-dashed="true"] {
    height: 0;
    border-block-start: var(--separator-rule-size) dashed
      hsl(var(--separator-rule-color, var(--border)));
    background: transparent;
  }

  .ui-anchor-track {
    position: relative;
  }

  .ui-anchor-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .ui-anchor [data-slot="anchor-link"] {
    display: block;
    padding-block: var(--anchor-item-padding-block);
    padding-inline: var(--anchor-item-padding-inline) 0;
    color: hsl(var(--muted-foreground));
    text-decoration: none;

    overflow-wrap: anywhere;
  }

  .ui-anchor [data-slot="anchor-link"]:hover {
    color: hsl(var(--foreground));
  }

  .ui-anchor [data-slot="anchor-link"][data-active] {
    color: hsl(var(--anchor-ink-color, var(--primary)));
    font-weight: var(--font-weight-medium);
  }

  .ui-anchor [data-slot="anchor-item"][data-nested] > [data-slot="anchor-link"] {
    padding-inline-start: calc(
      var(--anchor-item-padding-inline) + var(--anchor-nested-padding-inline)
    );
  }

  .ui-anchor-ink {
    position: absolute;
    background: hsl(var(--anchor-ink-color, var(--primary)));

    opacity: 0;
    transition:
      opacity var(--duration-fast) var(--ease-standard),
      inset-block-start var(--duration-fast) var(--ease-standard),
      inset-inline-start var(--duration-fast) var(--ease-standard),
      block-size var(--duration-fast) var(--ease-standard),
      inline-size var(--duration-fast) var(--ease-standard);
  }

  .ui-anchor-ink[data-visible] {
    opacity: 1;
  }

  .ui-anchor[data-ink="hidden"] .ui-anchor-ink {
    display: none;
  }

  .ui-anchor[data-direction="vertical"] .ui-anchor-track {
    border-inline-start: var(--anchor-ink-width) solid hsl(var(--anchor-track-color, var(--border)));
  }

  .ui-anchor[data-direction="vertical"] .ui-anchor-ink {

    inset-inline-start: calc(-1 * var(--anchor-ink-width));
    inline-size: var(--anchor-ink-width);
    inset-block-start: var(--anchor-ink-offset, 0px);
    block-size: var(--anchor-ink-extent, 0px);
  }

  .ui-anchor[data-direction="horizontal"] .ui-anchor-track {
    border-block-end: var(--anchor-ink-width) solid hsl(var(--anchor-track-color, var(--border)));
  }

  .ui-anchor[data-direction="horizontal"] .ui-anchor-list {
    display: flex;
    gap: var(--anchor-gap);

    overflow-x: auto;
  }

  .ui-anchor[data-direction="horizontal"] [data-slot="anchor-link"] {
    padding-inline: 0;
    white-space: nowrap;
  }

  .ui-anchor[data-direction="horizontal"] .ui-anchor-ink {
    inset-block-end: calc(-1 * var(--anchor-ink-width));
    block-size: var(--anchor-ink-width);
    inset-inline-start: var(--anchor-ink-offset, 0px);
    inline-size: var(--anchor-ink-extent, 0px);
  }

  @media (prefers-reduced-motion: reduce) {
    .ui-anchor-ink {
      transition: none;
    }
  }
}

@layer components {

  .ui-mega-menu {
    position: relative;
    display: block;
  }

  .ui-mega-menu-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mega-menu-bar-gap);
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ui-mega-menu-item {
    position: static;
    list-style: none;
  }

  .ui-mega-menu-trigger {
    display: inline-flex;
    align-items: center;
    gap: var(--mega-menu-trigger-gap);
    min-block-size: var(--mega-menu-trigger-height);
    padding-inline: var(--mega-menu-trigger-padding-x);
    border: 0;
    border-radius: var(--mega-menu-trigger-radius);
    background: var(--mega-menu-trigger-background);
    color: var(--mega-menu-trigger-foreground);
    font-size: var(--mega-menu-trigger-font-size);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-normal);
    text-align: start;
    text-decoration: none;
    cursor: pointer;
  }

  .ui-mega-menu-trigger:hover {
    background: var(--mega-menu-trigger-hover-background, hsl(var(--accent)));
    color: var(--mega-menu-trigger-hover-foreground, hsl(var(--accent-foreground)));
  }

  .ui-mega-menu-trigger[data-open="true"] {
    background: var(--mega-menu-trigger-open-background, hsl(var(--accent)));
    color: var(--mega-menu-trigger-open-foreground, hsl(var(--accent-foreground)));
  }

  .ui-mega-menu-trigger[aria-current="page"] {
    color: var(--mega-menu-trigger-current-foreground, hsl(var(--primary)));
    font-weight: var(--font-weight-semibold);
    text-decoration: underline;
    text-underline-offset: var(--space-1);
  }

  .ui-mega-menu-trigger:disabled,
  .ui-mega-menu-trigger[aria-disabled="true"] {
    opacity: var(--mega-menu-trigger-disabled-alpha);
    cursor: not-allowed;
  }

  .ui-mega-menu-trigger-icon {
    display: inline-flex;
    flex: none;
  }

  .ui-mega-menu-trigger-icon svg {
    inline-size: var(--mega-menu-expand-icon-size);
    block-size: var(--mega-menu-expand-icon-size);
  }

  .ui-mega-menu-trigger-label {
    min-inline-size: 0;
    overflow-wrap: anywhere;
  }

  .ui-mega-menu-expand-icon {
    display: inline-flex;
    flex: none;
    transition: rotate var(--duration-fast) var(--ease-standard);
  }

  .ui-mega-menu-expand-icon svg {
    inline-size: var(--mega-menu-expand-icon-size);
    block-size: var(--mega-menu-expand-icon-size);
  }

  .ui-mega-menu-trigger[data-open="true"] .ui-mega-menu-expand-icon {
    rotate: 180deg;
  }

  .ui-mega-menu-panel {
    position: fixed;
    z-index: var(--overlay-z-index);
    inset-inline-start: 0;
    inset-block-start: var(--mega-menu-panel-offset);
    inline-size: var(--mega-menu-panel-measured-width, 100%);
    translate: var(--mega-menu-panel-translate-x, 0) var(--mega-menu-panel-translate-y, 0);
    max-block-size: var(--mega-menu-panel-max-height);
    overflow-y: auto;
    border: var(--mega-menu-panel-border-width) solid var(--mega-menu-panel-border-color);
    border-radius: var(--mega-menu-panel-radius);
    background: var(--mega-menu-panel-background);
    color: var(--mega-menu-panel-foreground);
    box-shadow: var(--mega-menu-panel-shadow);
    animation: ui-mega-menu-panel-in var(--duration-fast) var(--ease-standard);
  }

  @keyframes ui-mega-menu-panel-in {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .ui-mega-menu-panel-inner {
    padding: var(--mega-menu-panel-padding);
  }

  .ui-mega-menu-groups {
    display: grid;
    grid-template-columns: repeat(
      auto-fit,
      minmax(min(var(--mega-menu-group-min-width), 100%), 1fr)
    );
    gap: var(--mega-menu-groups-gap);
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ui-mega-menu-group {
    display: flex;
    flex-direction: column;
    gap: var(--mega-menu-group-gap);
    min-inline-size: 0;
    list-style: none;
  }

  .ui-mega-menu-group-label {
    display: flex;
    align-items: center;
    gap: var(--mega-menu-link-gap);
    margin: 0;
    color: var(--mega-menu-group-label-foreground);
    font-size: var(--mega-menu-group-label-font-size);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
  }

  .ui-mega-menu-group-icon {
    display: inline-flex;
    flex: none;
  }

  .ui-mega-menu-group-icon svg {
    inline-size: var(--mega-menu-group-icon-size);
    block-size: var(--mega-menu-group-icon-size);
  }

  .ui-mega-menu-group-description {
    margin: 0;
    color: var(--mega-menu-group-description-foreground);
    font-size: var(--mega-menu-group-description-font-size);
    line-height: var(--line-height-body);
    overflow-wrap: anywhere;
  }

  .ui-mega-menu-group-links {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ui-mega-menu-link-row {
    list-style: none;
  }

  .ui-mega-menu-link {
    display: flex;
    align-items: start;
    gap: var(--mega-menu-link-gap);
    min-block-size: var(--mega-menu-link-min-height);
    padding-block: var(--mega-menu-link-padding-y);
    padding-inline: var(--mega-menu-link-padding-x);
    border-radius: var(--mega-menu-link-radius);
    color: var(--mega-menu-link-foreground);
    font-size: var(--mega-menu-link-font-size);
    line-height: var(--line-height-body);
    text-decoration: none;
  }

  .ui-mega-menu-link:hover {
    background: var(--mega-menu-link-hover-background, hsl(var(--accent)));
    color: var(--mega-menu-link-hover-foreground, hsl(var(--accent-foreground)));
  }

  .ui-mega-menu-link[aria-current="page"] {
    color: var(--mega-menu-link-current-foreground, hsl(var(--primary)));
    font-weight: var(--font-weight-semibold);
  }

  .ui-mega-menu-link[data-disabled="true"] {
    opacity: var(--mega-menu-trigger-disabled-alpha);
    cursor: not-allowed;
  }

  .ui-mega-menu-link-icon {
    display: inline-flex;
    flex: none;
  }

  .ui-mega-menu-link-icon svg {
    inline-size: var(--mega-menu-link-icon-size);
    block-size: var(--mega-menu-link-icon-size);
  }

  .ui-mega-menu-link-text {
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
    overflow-wrap: anywhere;
  }

  .ui-mega-menu-link-description {
    color: var(--mega-menu-link-description-foreground);
    font-size: var(--mega-menu-link-description-font-size);
    font-weight: var(--font-weight-normal);
  }

  .ui-mega-menu-panel-footer {
    margin-block-start: var(--mega-menu-panel-footer-gap);
    padding-block-start: var(--mega-menu-panel-footer-gap);
    border-block-start: var(--mega-menu-panel-border-width) solid
      var(--mega-menu-panel-footer-border-color);
  }

  @media (max-width: 47.99rem) {
    .ui-mega-menu-bar {
      flex-direction: column;
      align-items: stretch;
    }

    .ui-mega-menu-trigger {
      inline-size: 100%;
      justify-content: space-between;
    }

    .ui-mega-menu-panel {
      position: static;
      inline-size: auto;
      translate: none;
      max-block-size: none;
      margin-block-start: var(--mega-menu-bar-gap);
      box-shadow: none;
    }

    .ui-mega-menu-panel-inner {
      padding: var(--mega-menu-link-padding-x);
    }

    .ui-mega-menu-groups {
      grid-template-columns: 1fr;
      gap: var(--mega-menu-group-gap);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ui-mega-menu-panel {
      animation: none;
    }

    .ui-mega-menu-expand-icon {
      transition: none;
    }
  }

  @media (forced-colors: active) {
    .ui-mega-menu-panel {
      border-color: CanvasText;
    }

    .ui-mega-menu-trigger[data-open="true"],
    .ui-mega-menu-link[aria-current="page"] {
      forced-color-adjust: none;
      background: Highlight;
      color: HighlightText;
    }
  }
}