/* Утилиты: одно свойство, с !important (стандарт, 6.3) */

.u-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.u-skip-link {
  position: absolute !important;
  top: var(--space-2) !important;
  left: var(--space-2) !important;
  z-index: var(--z-modal) !important;
  padding: var(--space-3) var(--space-4) !important;
  border-radius: var(--radius-pill) !important;
  background: var(--color-text) !important;
  color: var(--color-text-inverse) !important;
  font-weight: var(--font-weight-semibold) !important;
  text-decoration: none !important;
  transform: translateY(-200%) !important;
}

.u-skip-link:focus-visible {
  transform: none !important;
}

.u-nowrap {
  white-space: nowrap !important;
}