@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 100 700; /* Hỗ trợ các giá trị từ 100 đến 700 */
    font-display: block;
    /*src: url("../../../media/fonts/google_icon/material_icons/MaterialSymbolsRounded-VariableFont_FILL,GRAD,opsz,wght.ttf") format('truetype');*/
    src: url("../../../media/fonts/google_icon/material_icons/MaterialSymbolsRounded-Regular.ttf") format('truetype');
}

.material-icons {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 400; /* Giá trị mặc định */
    font-size: 24px; /* Điều chỉnh kích thước */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-feature-settings: 'liga'; /* Kích hoạt tính năng OpenType */
    -webkit-font-smoothing: antialiased;
    visibility: hidden;
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../../../media/fonts/google_icon/material_symbols/MaterialSymbolsOutlined-Regular.ttf") format('truetype');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400; /* Giá trị mặc định */
    font-size: 24px; /* Điều chỉnh kích thước */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    visibility: hidden;
}

.font-loaded .material-symbols-outlined {
    visibility: visible; /* Hiển thị icon sau khi font đã tải */
}