/* =========================================================
   MATERIAL SYMBOLS OUTLINED - LOCAL
   Obien.ma
   ========================================================= */

@font-face {
    font-family: 'Material Symbols Outlined';

    font-style: normal;

    font-weight: 100 700;

    font-display: swap;

    src: url('/fonts/material-symbols-outlined.woff2')
         format('woff2');
}


/* =========================================================
   BASE
   ========================================================= */

.material-symbols-outlined {

    font-family: 'Material Symbols Outlined';

    font-weight: 400;

    font-style: normal;

    font-size: 24px;

    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;

    font-feature-settings: 'liga';

    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}


/* =========================================================
   VARIANTES
   ========================================================= */

/* Icône pleine */

.material-symbols-outlined.fill {

    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}


/* Icône plus légère */

.material-symbols-outlined.light {

    font-variation-settings:
        'FILL' 0,
        'wght' 300,
        'GRAD' 0,
        'opsz' 24;
}


/* Icône plus épaisse */

.material-symbols-outlined.bold {

    font-variation-settings:
        'FILL' 0,
        'wght' 600,
        'GRAD' 0,
        'opsz' 24;
}


/* Icône pleine + épaisse */

.material-symbols-outlined.fill-bold {

    font-variation-settings:
        'FILL' 1,
        'wght' 600,
        'GRAD' 0,
        'opsz' 24;
}