.arhix-rail {
  position: fixed;
  inset: 0 auto 0 0;
  display: flex;
  box-sizing: border-box;
  width: var(--arhix-rail-content-width, 44px);
  min-height: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--arhix-space-gap);
  padding: var(--arhix-space-gap) 0;
  border-right: 0;
  background: var(--arhix-surface-raised);
  color: var(--arhix-ink-muted);
}

.arhix-rail__group {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: var(--arhix-space-gap);
}

.arhix-rail__group--secondary {
  margin-top: auto;
}

.arhix-rail .arhix-rail__button {
  display: grid;
  flex: none;
  width: var(--arhix-control-height);
  height: var(--arhix-control-height);
  min-height: var(--arhix-control-height);
  padding: 0;
  border: 0;
  place-items: center;
  background: transparent;
  color: var(--arhix-ink-muted);
  cursor: pointer;
}

.arhix-rail .arhix-rail__button:hover,
.arhix-rail .arhix-rail__button:focus-visible {
  background: var(--arhix-surface);
  color: var(--arhix-ink-active);
}

.arhix-rail .arhix-rail__button:active {
  background: var(--arhix-surface-sunken);
}

.arhix-rail .arhix-rail__button[data-ui-hover-muted="true"]:not(:focus-visible) {
  background: transparent;
  transition: none;
}

.arhix-rail .arhix-rail__button:focus-visible {
  outline: 0;
}

.arhix-rail .arhix-rail__button:is(
  .arhix-rail__button--menu.is-open,
  [data-state="active"],
  [aria-expanded="true"],
  [aria-pressed="true"]
) {
  --arhix-icon-secondary: color-mix(in srgb, var(--arhix-accent) 15%, transparent);

  background: var(--arhix-accent-tint);
  color: var(--arhix-accent);
}

.arhix-rail .arhix-rail__button > svg {
  width: var(--arhix-icon-size);
  height: var(--arhix-icon-size);
}

.arhix-rail .arhix-rail__separator {
  display: block;
  width: var(--arhix-icon-size);
  height: 1px;
  min-height: 1px;
  flex: none;
  align-self: center;
  background: var(--arhix-line);
}

body[data-role="presentation"] .arhix-rail {
  display: none;
}

@media (max-height: 620px) {
  .arhix-rail,
  .arhix-rail__group {
    gap: var(--arhix-space-micro);
  }
}