.is-hidden { display: none !important; }
.is-current { font-weight: 700; }
.is-open { display: flex; }
.is-locked { overflow: hidden; }

.is-invalid {
  border-color: #c0392b !important;
  box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.16) !important;
}

.is-busy {
  opacity: 0.6;
  pointer-events: none;
}

.is-lit {
  box-shadow: 0 0 60px var(--color-glow-strong);
}


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

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1400;
  background: var(--color-ink);
  color: #fff;
  padding: var(--space-xs) var(--space-sm);
  border-radius: 0 0 var(--radius-sm) 0;
}
.skip-link:focus { left: 0; }