/**
 * mh-icons.css — a 10-glyph stand-in for the FontAwesome kit.
 *
 * The kit was render-blocking on 89 pages and Lighthouse measured 921 ms of it
 * on the article shell. 43 of those pages need only the icons emitted by the
 * shared chrome (nav.js, modals.js, snackbar.js) plus helper.js's two chevrons
 * — ten glyphs in total. This sheet supplies exactly those.
 *
 * ⚠️ It deliberately keeps FontAwesome's CLASS CONTRACT (`<i class="fas fa-times">`)
 * rather than replacing the markup with inline <svg>. Two places toggle icons by
 * class at runtime — modals.js swaps `fa-eye` / `fa-eye-slash` for the password
 * reveal, and helper.js swaps `fa-chevron-left` / `fa-chevron-right` — so a
 * class-driven sheet keeps that working with NO JavaScript or markup change.
 * Inline SVG would have required rewriting both.
 *
 * ⚠️ ONLY link this on a page whose entire icon need is the ten below. A page
 * using any other `fa-*` gets a base style with no mask and renders a blank
 * box. The covered set is pinned by test/frontend/fa-icon-sheet.test.js.
 *
 * Icons are hand-drawn on a 24x24 grid, solid fill, to sit at FontAwesome's
 * visual weight. They are not pixel-identical to FA and are not meant to be.
 */

.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* FA sizing/layout modifiers that appear alongside these icons. */
.fa-fw { width: 1.25em; }
.fa-lg { font-size: 1.33em; }
.fa-2x { font-size: 2em; }
.fa-spin { animation: mh-icon-spin 2s linear infinite; }

@keyframes mh-icon-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .fa-spin { animation: none; }
}

.fa-times {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12 5.7 16.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12 5.7 16.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4z'/%3E%3C/svg%3E");
}

.fa-times-circle {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm3.54 12.12a1 1 0 0 1-1.42 1.42L12 13.41l-2.12 2.13a1 1 0 0 1-1.42-1.42L10.59 12 8.46 9.88a1 1 0 0 1 1.42-1.42L12 10.59l2.12-2.13a1 1 0 1 1 1.42 1.42L13.41 12z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm3.54 12.12a1 1 0 0 1-1.42 1.42L12 13.41l-2.12 2.13a1 1 0 0 1-1.42-1.42L10.59 12 8.46 9.88a1 1 0 0 1 1.42-1.42L12 10.59l2.12-2.13a1 1 0 1 1 1.42 1.42L13.41 12z'/%3E%3C/svg%3E");
}

.fa-bars {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5.75h18v2.5H3zm0 5h18v2.5H3zm0 5h18v2.5H3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5.75h18v2.5H3zm0 5h18v2.5H3zm0 5h18v2.5H3z'/%3E%3C/svg%3E");
}

.fa-list {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm0 5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm0 5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zM9 6h12v2H9zm0 5h12v2H9zm0 5h12v2H9z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm0 5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm0 5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zM9 6h12v2H9zm0 5h12v2H9zm0 5h12v2H9z'/%3E%3C/svg%3E");
}

.fa-user {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 1.9c-4.42 0-8 2.48-8 5.55V21h16v-1.55c0-3.07-3.58-5.55-8-5.55z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 1.9c-4.42 0-8 2.48-8 5.55V21h16v-1.55c0-3.07-3.58-5.55-8-5.55z'/%3E%3C/svg%3E");
}

.fa-globe {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm6.32 6h-2.62a15.3 15.3 0 0 0-1.4-3.56A8.03 8.03 0 0 1 18.32 8zM12 4.1c.72 1 1.32 2.3 1.7 3.9h-3.4c.38-1.6.98-2.9 1.7-3.9zM4.26 14a8.05 8.05 0 0 1 0-4h3.02a17.4 17.4 0 0 0 0 4zm.82 2H7.7c.32 1.3.8 2.5 1.4 3.56A8.03 8.03 0 0 1 5.08 16zm2.62-8H5.08a8.03 8.03 0 0 1 4.02-3.56A15.3 15.3 0 0 0 7.7 8zM12 19.9c-.72-1-1.32-2.3-1.7-3.9h3.4c-.38 1.6-.98 2.9-1.7 3.9zm2.12-5.9H9.88a15.5 15.5 0 0 1 0-4h4.24a15.5 15.5 0 0 1 0 4zm.78 5.56c.6-1.06 1.08-2.26 1.4-3.56h2.62a8.03 8.03 0 0 1-4.02 3.56zM16.72 14a17.4 17.4 0 0 0 0-4h3.02a8.05 8.05 0 0 1 0 4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm6.32 6h-2.62a15.3 15.3 0 0 0-1.4-3.56A8.03 8.03 0 0 1 18.32 8zM12 4.1c.72 1 1.32 2.3 1.7 3.9h-3.4c.38-1.6.98-2.9 1.7-3.9zM4.26 14a8.05 8.05 0 0 1 0-4h3.02a17.4 17.4 0 0 0 0 4zm.82 2H7.7c.32 1.3.8 2.5 1.4 3.56A8.03 8.03 0 0 1 5.08 16zm2.62-8H5.08a8.03 8.03 0 0 1 4.02-3.56A15.3 15.3 0 0 0 7.7 8zM12 19.9c-.72-1-1.32-2.3-1.7-3.9h3.4c-.38 1.6-.98 2.9-1.7 3.9zm2.12-5.9H9.88a15.5 15.5 0 0 1 0-4h4.24a15.5 15.5 0 0 1 0 4zm.78 5.56c.6-1.06 1.08-2.26 1.4-3.56h2.62a8.03 8.03 0 0 1-4.02 3.56zM16.72 14a17.4 17.4 0 0 0 0-4h3.02a8.05 8.05 0 0 1 0 4z'/%3E%3C/svg%3E");
}

.fa-eye {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C7 5 2.73 8.11 1 12c1.73 3.89 6 7 11 7s9.27-3.11 11-7c-1.73-3.89-6-7-11-7zm0 11.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zm0-7a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C7 5 2.73 8.11 1 12c1.73 3.89 6 7 11 7s9.27-3.11 11-7c-1.73-3.89-6-7-11-7zm0 11.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zm0-7a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E");
}

.fa-eye-slash {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7.5a4.5 4.5 0 0 1 4.24 6l2.9 2.9A12.6 12.6 0 0 0 23 12c-1.73-3.89-6-7-11-7a11.7 11.7 0 0 0-3.2.44l2.2 2.2A4.5 4.5 0 0 1 12 7.5zM3.7 3.7a1 1 0 0 0-1.4 1.42l2.5 2.5A12.5 12.5 0 0 0 1 12c1.73 3.89 6 7 11 7 1.6 0 3.13-.3 4.5-.85l2.8 2.8a1 1 0 0 0 1.4-1.42zM7.5 12a4.5 4.5 0 0 1 .3-1.6l1.6 1.6a2.5 2.5 0 0 0 2.6 2.6l1.6 1.6A4.5 4.5 0 0 1 7.5 12z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7.5a4.5 4.5 0 0 1 4.24 6l2.9 2.9A12.6 12.6 0 0 0 23 12c-1.73-3.89-6-7-11-7a11.7 11.7 0 0 0-3.2.44l2.2 2.2A4.5 4.5 0 0 1 12 7.5zM3.7 3.7a1 1 0 0 0-1.4 1.42l2.5 2.5A12.5 12.5 0 0 0 1 12c1.73 3.89 6 7 11 7 1.6 0 3.13-.3 4.5-.85l2.8 2.8a1 1 0 0 0 1.4-1.42zM7.5 12a4.5 4.5 0 0 1 .3-1.6l1.6 1.6a2.5 2.5 0 0 0 2.6 2.6l1.6 1.6A4.5 4.5 0 0 1 7.5 12z'/%3E%3C/svg%3E");
}

.fa-chevron-left {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 4.6a1.2 1.2 0 0 1 0 1.7L9.7 12l5.7 5.7a1.2 1.2 0 1 1-1.7 1.7l-6.55-6.55a1.2 1.2 0 0 1 0-1.7L13.7 4.6a1.2 1.2 0 0 1 1.7 0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 4.6a1.2 1.2 0 0 1 0 1.7L9.7 12l5.7 5.7a1.2 1.2 0 1 1-1.7 1.7l-6.55-6.55a1.2 1.2 0 0 1 0-1.7L13.7 4.6a1.2 1.2 0 0 1 1.7 0z'/%3E%3C/svg%3E");
}

.fa-chevron-right {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 4.6a1.2 1.2 0 0 1 1.7 0l6.55 6.55a1.2 1.2 0 0 1 0 1.7L10.3 19.4a1.2 1.2 0 1 1-1.7-1.7l5.7-5.7-5.7-5.7a1.2 1.2 0 0 1 0-1.7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 4.6a1.2 1.2 0 0 1 1.7 0l6.55 6.55a1.2 1.2 0 0 1 0 1.7L10.3 19.4a1.2 1.2 0 1 1-1.7-1.7l5.7-5.7-5.7-5.7a1.2 1.2 0 0 1 0-1.7z'/%3E%3C/svg%3E");
}