.sr-only:where(:not(:focus, :focus-within)) {
  --_show: initial;
  position: var(--_show, absolute);
  block-size: var(--_show, 1px);
  inline-size: var(--_show, 1px);
  overflow: var(--_show, hidden);
  clip-path: var(--_show, inset(50%));
}

@media (width >= 480px) {
  .sm\:sr-only {
    --_show: initial;
  }
  .sm\:not-sr-only {
    --_show: /* */;
  }
}
@media (width >= 768px) {
  .md\:sr-only {
    --_show: initial;
  }
  .md\:not-sr-only {
    --_show: /* */;
  }
}
@media (width >= 1024px) {
  .lg\:sr-only {
    --_show: initial;
  }
  .lg\:not-sr-only {
    --_show: /* */;
  }
}
@media (width >= 1440px) {
  .xl\:sr-only {
    --_show: initial;
  }
  .xl\:not-sr-only {
    --_show: /* */;
  }
}
@media (width >= 1920px) {
  .xxl\:sr-only {
    --_show: initial;
  }
  .xxl\:not-sr-only {
    --_show: /* */;
  }
}