/*
 * Material Symbols Outlined - Vendored from Google Fonts
 * Version: v326
 * Source: https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined
 * License: Apache License 2.0 (https://www.apache.org/licenses/LICENSE-2.0)
 *
 * Self-hosted to avoid external CDN dependency.
 *
 * Usage:
 *   <span class="material-symbols-outlined">home</span>
 *   <span class="material-symbols-outlined">settings</span>
 *   <span class="material-symbols-outlined">description</span>
 *
 * Browse icons: https://fonts.google.com/icons?icon.set=Material+Symbols
 *
 * Size modifiers (Tetra UI integration):
 *   .icon-sm  { font-size: 18px; }
 *   .icon-md  { font-size: 24px; }  (default)
 *   .icon-lg  { font-size: 36px; }
 *   .icon-xl  { font-size: 48px; }
 */

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url('./material-symbols-outlined.woff2') format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    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;
}

/* Tetra UI size modifiers */
.material-symbols-outlined.icon-sm { font-size: 18px; }
.material-symbols-outlined.icon-md { font-size: 24px; }
.material-symbols-outlined.icon-lg { font-size: 36px; }
.material-symbols-outlined.icon-xl { font-size: 48px; }