/*
 * u-visually-hidden — hide an element visually but keep it in the accessibility
 * tree and focusable. Used for the native radio/file inputs that a styled label
 * stands in for (feedback stars/emotions, the upload dropzone).
 */
@layer utilities {
  .u-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
  }
}