// Hide visually and also from screen readers
[hidden],
.u-hidden { // TODO: phase out this class in favour of the "hidden" attribute
  display: none !important;
}

// Hide visually and prevent browser tab focus.
// If you want to prevent screen reader tab focus, then also use aria-hidden="true".
.u-invisible {
  opacity: 0 !important;
  pointer-events: none;
  visibility: hidden;
}

.u-faded {
  opacity: 0.2;
}
