/* Source: https://github.com/JetBrains/JetBrainsMono/issues/96#issuecomment-583736088 */
/* Specific css: https://dev-cats.github.io/code-snippets/JetBrainsMono.css */

@font-face {
    font-family: "JetBrains Mono";
    src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/* Source: https://fonts.google.com/specimen/Roboto */
/* Specific css: https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap */

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2') format('woff2');
    unicode-range: U+0400-052F, U+1C80-1C88, U+20B4, U+2116, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2') format('woff2');
    unicode-range:
        U+0000-024F, U+0131, U+0152-0153, U+0259, U+02BB-02BC, U+02C6,
        U+02DA, U+02DC, U+1E00-1EFF, U+2000-20CF, U+2113, U+2122, U+2191,
        U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD;
}


/* Source: https://fonts.google.com/icons */
/* Specific css: https://fonts.googleapis.com/icon?family=Material+Icons+Outlined */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('https://fonts.gstatic.com/s/materialiconsoutlined/v100/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2') format('woff2');
}

.icon {
    font-size: 0;
}

.icon::after, .copy-button::after {
    font-size: 1.125rem;
}

.file-list .icon::after {
    font-size: 1.5rem;
}

.icon[data-icon]::after {
    content: attr(data-icon);
}

.button>.icon {
    margin-right: 0.25rem;
}

#invert-theme-button.light-mode::after {
    content: "light_mode";
}

#invert-theme-button.dark-mode::after {
    content: "dark_mode";
}

@keyframes copy-button-icon {
    from, to {
        content: "done";
    }
}