@font-face {
    font-family: 'custom-icons';
    src: url('custom-icons.woff2') format('woff2'),
         url('custom-icons.woff') format('woff'),
         url('custom-icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.custom-icons[data-icon] {
    font-family: 'custom-icons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.custom-icons[data-icon]:before {
    display: inline-block;
}

.custom-icons[data-icon='autoplay']::before { content: '\E000'; }
.custom-icons[data-icon='bug']::before { content: '\E001'; }
.custom-icons[data-icon='comment']::before { content: '\E002'; }
.custom-icons[data-icon='done']::before { content: '\E003'; }
.custom-icons[data-icon='download']::before { content: '\E004'; }
.custom-icons[data-icon='fast_forward']::before { content: '\E005'; }
.custom-icons[data-icon='fast_rewind']::before { content: '\E006'; }
.custom-icons[data-icon='favorite']::before { content: '\E007'; }
.custom-icons[data-icon='headphones']::before { content: '\E008'; }
.custom-icons[data-icon='link']::before { content: '\E009'; }
.custom-icons[data-icon='mail']::before { content: '\E00A'; }
.custom-icons[data-icon='mastodon']::before { content: '\E00B'; }
.custom-icons[data-icon='pause']::before { content: '\E00C'; }
.custom-icons[data-icon='person']::before { content: '\E00D'; }
.custom-icons[data-icon='play']::before { content: '\E00E'; }
.custom-icons[data-icon='playlist_add_check']::before { content: '\E00F'; }
.custom-icons[data-icon='playlist_add_circle']::before { content: '\E010'; }
.custom-icons[data-icon='progress']::before { content: '\E011'; }
.custom-icons[data-icon='resume']::before { content: '\E012'; }
.custom-icons[data-icon='send']::before { content: '\E013'; }
.custom-icons[data-icon='share']::before { content: '\E014'; }
.custom-icons[data-icon='skip_next']::before { content: '\E015'; }
.custom-icons[data-icon='skip_previous']::before { content: '\E016'; }
.custom-icons[data-icon='social']::before { content: '\E017'; }
.custom-icons[data-icon='stop']::before { content: '\E018'; }
.custom-icons[data-icon='thumb_up']::before { content: '\E019'; }