/* Material Icons Outlined, self-hosted (MaterialIconsOutlined.woff2, Apache
   2.0, see MaterialIconsOutlined-LICENSE.txt), in the `vendor` cascade layer
   so the design system's `@layer ds` icon sizes win. The layer order is
   declared in shared/contracts/style/layers.ts. The head already holds the
   class's box (nuxt.config.ts, MATERIAL_ICONS_BOX_RULE) with its text hidden;
   this sheet, promoted after the first paint, adds the font and shows the
   text, which `font-display: block` keeps invisible until the glyphs load. */
@layer vendor {
  @font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/fonts/MaterialIconsOutlined.woff2') format('woff2');
  }

  :root {
    --material-icons-visibility: visible;
  }

  .material-icons-outlined {
    font-family: 'Material Icons Outlined';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  }
}