@font-face {
    font-family: FontAwesomeExtra;
    font-style: normal;
    font-weight: 400;
    src: url(/static/fonts/extra.7bddd427.eot);
    src: url(/static/fonts/extra.7bddd427.eot#iefix) format("embedded-opentype"),
        url(/static/fonts/extra.53b8246c.woff2) format("woff2"),
        url(/static/fonts/extra.7733ec8d.woff) format("woff"),
        url(/static/fonts/extra.0bfcd4cb.ttf) format("truetype"),
        url(/static/fonts/extra.aa21d911.svg#extra) format("svg")
}

.apexcharts-svg {
    background: none!important;
}

.nicht-overflow {
    overflow: hidden;
} 

ul>.nav-item {
    border-left: 2px solid var(--tblr-secondary);
}

ul>.nav-item.active {
    border-left: 2px solid var(--tblr-azure)!important;
}

ul {
    list-style-type: none;
}

.row.profile {
    margin-bottom: 30px;
}

.text-muted, .empty-icon {
    color: #94aed0!important;
}

.card-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.osu-diff {
    font-family: FontAwesomeExtra;
    font-size: 18px!important;
}

.mode-osu:before {
    content: '\e800'
}

.mode-fruits:before {
    content: '\e801'
}

.mode-mania:before {
    content: '\e802'
}

.mode-taiko:before {
    content: '\e803'
}