@layer env.components {
  .env-toolbar-separator {
    flex: 0 0 auto;
    align-self: stretch;
    margin: var(--env-space-1);
    border: 0 solid var(--env-color-border-muted);
  }
  .env-toolbar-separator[data-orientation='vertical'] {
    border-inline-start-width: var(--env-control-border-width);
  }
  .env-toolbar-separator[data-orientation='horizontal'] {
    border-block-start-width: var(--env-control-border-width);
  }
  .env-toolbar-button[aria-pressed='true'] {
    --env-toolbar-button-content-gate: color-mix(
      in srgb,
      var(--env-button-selected-content) 0%,
      var(--env-color-bg-selected)
    );
    --env-toolbar-button-custom-base: var(
      --env-button-selected,
      var(--env-toolbar-button-content-gate)
    );
    --env-toolbar-button-custom-layered: color-mix(
      in srgb,
      var(--env-toolbar-button-custom-base),
      currentColor var(--env-button-layer)
    );
    --env-toolbar-button-custom-fill: var(
      --env-toolbar-button-custom-layered,
      var(--env-toolbar-button-custom-base)
    );
    background: var(--env-toolbar-button-custom-fill, var(--env-color-bg-selected));
    color: var(--env-button-selected-content, var(--env-color-fg-on-selected));
  }
  .env-toolbar-button[aria-pressed='true']:hover:not(:disabled):not([aria-disabled='true']) {
    --env-button-layer: calc(var(--env-state-hover-opacity) * 75%);
    background: var(--env-toolbar-button-custom-fill, var(--env-color-bg-selected-hover));
    color: var(--env-button-selected-content, var(--env-color-fg-on-selected));
  }
  .env-toolbar-button[aria-pressed='true']:active:not(:disabled):not([aria-disabled='true']) {
    --env-button-layer: calc(var(--env-state-pressed-opacity) * 90%);
    background: var(--env-toolbar-button-custom-fill, var(--env-color-bg-selected-pressed));
    color: var(--env-button-selected-content, var(--env-color-fg-on-selected));
  }
  .env-toolbar-tooltip {
    display: inline-flex;
    align-items: center;
    gap: var(--env-space-2);
  }
  @media (forced-colors: active) {
    .env-toolbar-button[aria-pressed='true'] {
      forced-color-adjust: none;
      background: Highlight;
      color: HighlightText;
    }
  }
}