/* 
 * 2025 02 TIERLIST
 spot bouton groupés dans 
 base au lieu de dispersés sur teams, tierlist
 */
.tierlist > h2 {
    --c: var(--c-glo-bg);
    position: sticky;
    top: var(--glo-menu-height);
    z-index: 999;
    /* debug hover off on h2 x axis*/
    pointer-events: none
}

.tier h3 {
    --c: var(--c-000);
    margin: .5em 1em
}

.tierlist > h2,
.tier h3 {
    filter: drop-shadow(0px 0px 1px var(--c));
    text-shadow: 2px 2px 1px var(--c), 2px -2px 1px var(--c), -2px 2px 1px var(--c), -2px -2px 1px var(--c),
    2px 2px 1px var(--c), 2px -2px 1px var(--c), -2px 2px 1px var(--c), -2px -2px 1px var(--c)
}

.leaders > h3 {
    color: var(--c-100);
    top: calc(190px - 2em);
    font-size: 150%;
    position: relative
}

.tier {
    background-color: currentcolor;
    background-image: linear-gradient(0deg,
    currentcolor 0,
    rgba(0, 0, 0, .25) 0,
    rgba(0, 0, 0, .5) 100%);
    background-clip: border-box;
    border-radius: .5em;
    margin-bottom: .5em;
    position: relative;
}

.tier.tier-icon {
    border: 2px solid var(--tier-color, transparent);
    background-color: var(--c-glo-bg-10);
    background-image: none;

    h3 {
        color: var(--tier-color)
    }
}

.tier:nth-child(2 of .tier:not(.tier-icon)) {
    color: var(--c-pui)
}

.tier:nth-child(3 of .tier:not(.tier-icon)) {
    color: orange
}

.tier:nth-child(4 of .tier:not(.tier-icon)) {
    color: var(--c-end)
}

.tier:nth-child(5 of .tier:not(.tier-icon)) {
    color: greenyellow
}

.tier:nth-child(6 of .tier:not(.tier-icon)) {
    color: limegreen
}

.event,
.leaders {
    background-repeat: no-repeat;
    min-height: 190px;
    width: auto;
}

.event {
    display: flex;
    align-items: center;
    justify-content: center;
}

.event img {
    padding: .25em 1em;
    max-height: 190px;
}

.leaders {
    background-size: cover;
    background-position: 55%;
    border-radius: .5em
}

/*
.cardBanner > .item {
	margin: .5em 0;
	position: relative;
	width: max(0%, min(calc(132px + 1em), 33.333%))
}
*/
[class^=note-] > i {
    font-size: 75%;
    font-style: normal
}