/*
 * Material Icons.
 *
 * Despite the name, this is not the SVG icon set - it is the Google Material Icons
 * webfont boilerplate. Icons render as ligature text:
 * <i class="material-icons">add</i>. The SVG icons live under /img/v2/icons/ and are
 * painted as `mask-image` from layout.css.
 *
 * Carried because 18 templates still use <i class="material-icons"> for row actions
 * (more_horiz, add, picture_as_pdf, code). It can go once those move to the SVG set.
 *
 * Taken from the portal's own icon stylesheet rather than Admin's; the two had
 * drifted, and this is what current rendering depends on. It keeps the .btn-sm sizing
 * rule Admin lacks, and omits the `vertical-align: middle` and `cursor: pointer`
 * Admin adds, since adopting those would move icons on every screen.
 *
 * Two mechanical changes: woff2 only, and absolute /fonts/ paths (see _fonts.css).
 *
 * The `local('Material Icons')` lookups are dropped on purpose. They let a font
 * installed on a developer's machine take precedence over the one we ship, so the same
 * commit renders differently on a laptop and in CI.
 */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/MaterialIcons-Regular.woff2') format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

.btn-sm .material-icons {
    font-size: 16px;
}