@layer k12.utilities {
  [data-k12-surface] .k12-visually-hidden {
    block-size: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    inline-size: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  }

  [data-k12-surface] .k12-local-scroll {
    max-inline-size: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }

  [data-k12-surface] .k12-contain-inline {
    max-inline-size: 100%;
    min-inline-size: 0;
  }
}