.ranking-ui-icon,
.rank-tab-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: currentColor;
    font-size: 0 !important;
}

.ranking-ui-icon svg,
.rank-tab-icon svg {
    display: block;
    width: 100% !important;
    height: 100% !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ranking-breadcrumb .ranking-ui-icon {
    width: 15px;
    height: 15px;
    color: #efbd71;
}

.ranking-tabs .nav-link .rank-tab-icon {
    width: 24px;
    height: 24px;
    color: #efbe70;
    filter: drop-shadow(0 0 5px rgba(239,190,112,.2));
    transition: transform .22s ease, filter .22s ease;
}

.ranking-tabs .nav-link.ranking-tab-courage .rank-tab-icon,
.ranking-tabs .nav-link.ranking-tab-war .rank-tab-icon {
    width: 30px;
    height: 30px;
}

.ranking-tabs .nav-link:hover .rank-tab-icon {
    transform: translateY(-1px);
    filter: drop-shadow(0 0 7px rgba(239,190,112,.48));
}

.ranking-tabs .nav-link.active .rank-tab-icon {
    color: #17110b;
    filter: none;
}

.ranking-search-panel h2 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ranking-search-panel h2 .ranking-ui-icon {
    width: 18px;
    height: 18px;
}

.ranking-search-panel .input-group-text.ranking-ui-icon {
    width: 42px;
    height: 43px;
    padding: 12px;
}

.ranking-search-panel button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.ranking-search-panel button .ranking-ui-icon {
    width: 18px;
    height: 18px;
    margin: 0;
}

.ranking-promo a .ranking-ui-icon {
    width: 22px;
    height: 22px;
}