/* Shared status bar actions; themes supply state colors. */
.mx-status-action {
  --mx-status-action-size: 32px;
  flex: 0 0 var(--mx-status-action-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: var(--mx-status-action-size);
  height: var(--mx-status-action-size);
  min-width: var(--mx-status-action-size);
  min-height: var(--mx-status-action-size);
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 3px;
  background: transparent;
  box-shadow: none;
  color: var(--mx-text) !important;
  line-height: 1;
}
.mx-status-action[aria-pressed="true"],
.mx-status-action[data-alert-active="true"] {
  color: var(--mx-accent) !important;
}
.mx-status-action:hover,
.mx-status-action:focus-visible {
  box-shadow: inset 0 0 0 1px currentColor;
}
.mx-status-action[hidden] {
  display: none;
}
.mx-status-action svg {
  display: block;
  flex: none;
  width: 16px;
  height: 16px;
}
@media (any-pointer: coarse) {
  .mx-status-action {
    --mx-status-action-size: 44px;
  }
}