:root {
  --spacing: 0.25rem;
}

[hidden] {
  display: none !important;
}

.flex {
  display: flex;
}

.mb-2 {
  margin-block-end: calc(var(--spacing) * 2);
}

.mi-2 {
  margin-inline: calc(var(--spacing) * 2);
}

.me-8 {
  margin-inline-end: calc(var(--spacing) * 8);
}

.hidden {
  display: none;
}

.items-center {
  align-items: center;
}

.gap-2 {
  gap: calc(var(--spacing) * 2);
}

.group[aria-pressed="true"] .group-aria-pressed\:inline {
  display: inline;
}

.group[aria-pressed="true"] .group-aria-pressed\:hidden {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}

.w-fit {
  width: fit-content;
}