.vsf-screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  block-size: 1px;
  inline-size: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}

.vsf-screen-reader-text:focus {
  background: var(--vsf-color-surface);
  clip: auto;
  clip-path: none;
  color: var(--vsf-color-ink);
  block-size: auto;
  inline-size: auto;
  margin: var(--vsf-space-2);
  outline: var(--vsf-focus-ring-width) solid var(--vsf-color-focus);
  outline-offset: var(--vsf-focus-ring-offset);
  overflow: visible;
  padding: var(--vsf-space-3) var(--vsf-space-4);
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 100000;
}