:root{
    --leader-table-bg: linear-gradient(180deg,#8912A080,#43094ECC);
    --leader-table-odd-bg: #430090CC;
}
.leader-page-title{
    font-size: var(--h6);
    font-weight: 600;
}
.leader-snk-wrap{
    max-width: 40rem;
}
.leader-wrap{
    background-image: var(--leader-table-bg);
    font-weight: 600;
    border-radius: 15px;
}
.leader-title{
    border-bottom: 1px solid var(--header-bo);
    font-size: var(--fsize4);
}
.leader-table-item{
    font-size: var(--fsmall5);
}
.leader-table-item span{
    padding: .85rem .25rem;
}
.leader-table-item:nth-child(-n + 4){
    font-size: var(--fsize);
    text-shadow: 0px 0px 10px #FFF;
}
.leader-table-item:nth-child(-n + 4) span{
    padding: .45rem .15rem;
}
.leader-table-item:nth-child(-n + 4) span:nth-child(1){
    display: flex;
    align-items: center;
    justify-content: center;
}
.leader-table-item:nth-child(-n + 4) span:nth-child(1) div{
    font-size: var(--fsize6);
    border: 1px solid;
    height: 1.75rem;
    width: 1.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.leader-table-item:nth-child(2) span:nth-child(1) div{
    background-image: linear-gradient(180deg,#C194006E,#FFFBCC00);
    color: #FFCA1A;
    border-color: #FFCA19;
    text-shadow: 0px 0px 10px #FFDF72;
}
.leader-table-item:nth-child(3) span:nth-child(1) div{
    background-image: linear-gradient(180deg,#9595956E,#FFFBCC00);
    color: #D9D9D9;
    border-color: #EBEBEB;
    text-shadow: 0px 0px 10px #F8F8F8;
}
.leader-table-item:nth-child(4) span:nth-child(1) div{
    background-image: linear-gradient(180deg,#E39D006E,#E28D2A00);
    color: #FF8000;
    border-color: #FF8001;
    text-shadow: 0px 0px 10px #FFA558;
}
.leader-table-item:nth-child(even){
    background-color: var(--leader-table-odd-bg);
}
.leader-table-head,.leader-table-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.leader-table-head span:nth-child(1),.leader-table-head span:nth-child(3),
.leader-table-item span:nth-child(1),.leader-table-item span:nth-child(3){
    width: 32.5%;
}
.leader-table-head span:nth-child(2),
.leader-table-item span:nth-child(2){
    width: 35%;
}
.leader-table{
    counter-reset: my-list-counter;
}
.leader-table-item span:nth-child(1) div::before{
    counter-increment: my-list-counter;
    content: counter(my-list-counter);
}

.leader-snk{
    background-image: var(--leader-table-bg);
    border-radius: 15px;
}
.leader-snk-title{
    border-bottom: 1px solid var(--header-bo);
    font-size: var(--fsize4);
    font-weight: 600;
}
.leader-ol-title{
    font-size: var(--fsize1);
    font-weight: 600;
    margin-bottom: .35rem;
}
.leader-ol-title:not(:first-child){
    margin-top: 1rem;
}

.leader-snk-trigger{
    background-image: linear-gradient(180deg,#770077,#8912A0);
    border-radius: 22px 22px 0 0;
}
.leader-snk-trigger a{
    background-color: #FFCE00;
    color: #000;
    font-weight: 600;
    border-radius: 5px;
    padding: .875rem 1.25rem;
}

.floating > div{
    background-image: url('https://ne.tykcdn.com/assets/horobot/floating/2.png');
}


@media screen and (min-width:640px){
    .leader-snk-trigger{
        background: none;
    }
}