/* Mathematics modes inside the locked leaderboard only. */
.lb-unlockModeIcon .lb-unlockMathOperator{
    color:currentColor;
    font-size:24px;
    font-weight:800;
    line-height:1;
}

.lb-unlockMixedIcon{
    display:grid;
    grid-template-columns:repeat(2, 12px);
    grid-template-rows:repeat(2, 12px);
    gap:2px;
}

.lb-unlockMixedTile{
    display:grid;
    place-items:center;
    width:12px;
    height:12px;
    color:#f7f8fa;
    background:rgba(108, 108, 108, .82);
    border-radius:3px;
    font-size:10px;
    font-weight:850;
    line-height:1;
}

.lb-unlockMixedTileAccent{
    background:var(--accent-color);
}

.lb-unlockModeGrid > .lb-unlockModeItem:nth-child(5):last-child{
    grid-column:1 / -1;
    justify-self:center;
    width:calc((100% - 12px) / 2);
}

@media (max-width:640px){
    .lb-unlockModeGrid > .lb-unlockModeItem:nth-child(5):last-child{
        grid-column:auto;
        width:100%;
    }
}