@layer ed-utilities {
  .ed-visually-hidden:not(:focus-within),
  .ed-visually-hidden-force,
  .ed-visually-hidden-hint::part(hint),
  .ed-visually-hidden-label::part(label),
  .ed-visually-hidden-label::part(form-control-label) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    border: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding: 0 !important;

    /* The box keeps its static position, where a focused control inside -force is scrolled into view
       beside its label. Past a full-height sibling that position would extend the scrollable area by
       the box's own pixel; the negative margin takes it back. An offset such as top: 0 would move the
       box to a corner of the containing block instead, and focus would scroll there. */
    margin: -1px !important;
  }
}