/*
 * Material Symbols, subset to the glyphs this site uses and served from here rather than from
 * Google's CDN.
 *
 * Hot-linking fonts.googleapis.com would make Google the first third party this site contacts, on
 * every page, for every visitor, and hand it an IP address and a referrer for the privilege. Nothing
 * else here is loaded from a third party: KaTeX is vendored beside this for the same reason. The
 * subset is 2.4 KB, so the CDN buys nothing that would be worth that.
 *
 * Regenerate with the icon_names parameter when a new icon is needed, listing EVERY icon the site
 * uses and not only the new one -- the response is a complete font, not an addition to this one:
 *   https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0
 *     &icon_names=add,expand_more,info,open_in_new,query_stats,search,tune,upload,warning
 * then download the .woff2 it points at. Licensed under the Apache License 2.0.
 *
 * A name that is not in the subset does not fall back to nothing: the ligature fails to form and the
 * browser draws the letters of the name in this font's own letterforms, which is how "warning" spent
 * a while appearing on the driver page as text. Anything given to `.icon` must be in the list above.
 */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('material-symbols-subset.woff2') format('woff2');
}

.icon {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    direction: ltr;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: -0.2em;
}

/* An icon beside a label is decoration; the label is the accessible name. */
.button .icon { margin-inline-end: 0.35rem; }
.icon-only { padding-inline: 0.5rem; }
.icon-only .icon { margin: 0; }