@layer env.components {
  .env-menubar {
    gap: calc(var(--env-space-1) / 2);
  }
  .env-menubar-trigger {
    box-sizing: border-box;
    flex: 0 0 auto;
    min-block-size: var(--env-control-height-sm);
    margin: 0;
    padding: 0 var(--env-space-2);
    border: 0;
    border-radius: var(--env-radius-sm);
    display: inline-flex;
    align-items: center;
    background: transparent;
    color: var(--env-color-fg-default);
    font: var(--env-font-weight-body) var(--env-font-size-label) / 1.4 var(--env-font-family);
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    user-select: none;
    transition: background-color var(--env-motion-duration-fast) var(--env-motion-ease-enter);
  }
  .env-menubar-trigger:hover:not([data-disabled]) {
    background: var(--env-color-bg-neutral-subtle-hover);
  }
  .env-menubar-trigger[data-popup-open] {
    background: var(--env-color-bg-neutral-subtle-pressed);
  }
  .env-menubar-trigger:focus-visible {
    outline: 2px solid var(--env-color-border-focus);
    outline-offset: -2px;
  }
  .env-menubar-trigger[data-disabled] {
    opacity: var(--env-state-disabled-opacity);
    cursor: default;
  }
  @media (pointer: coarse) {
    .env-menubar-trigger {
      min-block-size: max(var(--env-control-height-sm), var(--env-control-height-touch));
      min-inline-size: var(--env-control-height-touch);
      justify-content: center;
    }
  }
  .env-menubar[data-access-keys-shown] .env-menubar-access-key {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.15em;
  }
  @media (forced-colors: active) {
    .env-menubar-trigger[data-popup-open] {
      forced-color-adjust: none;
      background-color: Highlight;
      color: HighlightText;
    }
    .env-menubar-trigger[data-popup-open] :where(*) {
      color: inherit;
    }
    .env-menubar-trigger[data-popup-open]:focus-visible,
    .env-menubar-trigger[data-popup-open] :focus-visible {
      outline-color: HighlightText;
    }
  }
}