/*
 * Utilities — small single-purpose helpers shared by every page.
 */

.hidden {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Icons rendered by IconsHelper#icon: the span sets the box, the svg fills it. */
.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  vertical-align: middle;
}

.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}