/* fallback */
@font-face {
    font-family: 'Ugo Icons';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/ugofont.woff2') format('woff2');
}

.ugo-icons {
    font-family: 'Ugo Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* Lucide icon migration (see custom.js convertLegacyIcons): converted icons keep
   the .ugo-icons/.material-icons class on the resulting <svg>, so size it in `em`
   to inherit whatever font-size this class (or a more specific selector) already
   set for that context, instead of a fixed pixel size. */
svg.ugo-icons,
svg.material-icons,
svg.material-symbols-outlined,
svg.material-symbols-rounded {
    width: 1em;
    height: 1em;
}