/* 400 Regular */
@font-face {
    font-family: "Lato";
    src: local("Lato Regular"), local("Lato-Regular"),
    url("/static/fonts/Lato-Regular.woff2") format("woff2"),
    url("/static/fonts/Lato-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: local("Lato Italic"), local("Lato-Italic"),
    url("/static/fonts/Lato-Italic.woff2") format("woff2"),
    url("/static/fonts/Lato-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: local("Material Icons"),
    local("MaterialIcons-Regular"),
    url("/static/fonts/material-icons/MaterialIcons-Regular.woff2") format("woff2"),
    url("/static/fonts/material-icons/MaterialIcons-Regular.woff") format("woff");
}

@font-face {
    font-family: "Material Icons Outlined";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: local("Material Icons Outlined"),
    local("MaterialIconsOutlined-Regular"),
    url("/static/fonts/material-icons/MaterialIconsOutlined-Regular.woff2") format("woff2"),
    url("/static/fonts/material-icons/MaterialIconsOutlined-Regular.woff") format("woff");
}

.material-icons,
.material-icons-outlined {
    font-style: normal;
    font-weight: 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-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
}

.material-icons {
    font-family: "Material Icons";
}

.material-icons-outlined {
    font-family: "Material Icons Outlined";
}

/* 700 Bold */
@font-face {
    font-family: "Lato";
    src: local("Lato Bold"), local("Lato-Bold"),
    url("/static/fonts/Lato-Bold.woff2") format("woff2"),
    url("/static/fonts/Lato-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 900 Black (или Heavy/Black — проверь метаданные) */
@font-face {
    font-family: "Lato";
    src: local("Lato Black"), local("Lato-Black"),
    url("/static/fonts/Lato-Black.woff2") format("woff2"),
    url("/static/fonts/Lato-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* 700 Bold */
@font-face {
    font-family: "Gabarito";
    src: local("Gabarito Bold"), local("Gabarito-Bold"),
    url("/static/fonts/Gabarito-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}