/**
 * @file
 * Utility classes to hide elements in different ways.
 *
 * Overrides stable9/css/system/components/hidden.module.css
 */

.hidden {
  display: none;
}

.visually-hidden {
  position: absolute !important; /* stylelint-disable-line declaration-no-important */
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important; /* stylelint-disable-line declaration-no-important */
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}

.invisible {
  visibility: hidden;
}