:root{
    --main-background-color: #000048;
    --color-violet: #1C249F;
    --color-dark-blue: #000057;
    --color-dark-violet: #3E3E70;
    --color-gray: #D9D9D9;
    --color-orange: #FF6A13;
    --default-margin: 20px;
    --page-padding: 30px;
    --default-padding: 20px;

    --gradient-01: linear-gradient(3deg, #4D2065 0%, #A74523 100%);
    --gradient-01-svg: url(/public/v3/img/gradient_01.svg);



}


.cookie-accept{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background: #000057d5;
    border-top: 2px solid var(--color-orange);
    padding: 40px calc((100vw - 1380px) / 2);
    box-sizing: border-box;

    z-index: 9999999;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.cookie-accept:not(.active){
    display: none;
}

.cookie-accept .btns{
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.cookie-accept .btns > *{
    width: 100%;
}
@media screen and (max-width: 1380px) {
    .cookie-accept{
        padding: 40px calc((100vw - 740px) / 2);
    }
}
@media screen and (max-width: 740px) {
    .cookie-accept{
        padding: 40px 20px;
        font-size: 1.5em;
        flex-direction: column;
    }
}


/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.38);
    border-radius: 3px;
    /* background: red; */
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: white;
    border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: white;
}

.slim-scrollbar::-webkit-scrollbar{
    width: 3px;
    height: 3px;
}

body{
    margin: 0px;

    font-size: 20px;
    font-family: "Jost";
    font-weight: 600;
    color:white;

    background-color: var(--main-background-color);
    background-image: url(/public/v3/img/bg_segment_full.svg);
    background-repeat:repeat;
    background-size: auto auto;
    background-position: top left;

    display: flex;
    flex-direction: column;
    gap: var(--default-margin);
    padding-top: calc(70px + var(--default-margin));

    text-transform: uppercase;
}

a{
    color: inherit;
    text-decoration: none;
}

h1{
    font-size: 2em;
}


.container{
    width: 1380px;
    max-width: calc(100vw);
    margin-left: auto;
    margin-right: auto;
}
.container.gap{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.grid-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--default-margin);
    row-gap: var(--default-margin);
}
.grid-4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: var(--default-margin);
    row-gap: var(--default-margin);
}
body{
    position: relative;
    padding-bottom: 250px;
}
footer{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
@media screen and (max-width: 1380px) {
    .container{
        width: 680px;
        max-width: calc(100vw - (var(--page-padding) * 2));
    }
    .grid-4{
        grid-template-columns: 1fr 1fr;
    }
    :root{
        --default-margin: 20px;
        --page-padding: 30px;
        --default-padding: 10px;



    }
}
@media screen and (max-width: 740px) {
    .container{
        width: 375px;
        max-width: 100vw;
    }
    :root{
        --default-margin: 15px;
        --page-padding: 15px;
    }
    body{
        font-size: 12px;
        padding-top: 68px;
        padding-bottom: 140px;
    }
    .grid-2{
        grid-template-columns: 1fr;
    }
    .grid-4{
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 740px){
    *{
        border-width: 1px!important;
    }
}

.button{
    border-radius: 20px;
    box-sizing: border-box;
    color: var(--main-background-color);
    padding: 5px 20px;
    background: white;
    border: 2px solid var(--main-background-color);
    text-align: center;
    width: fit-content;

    cursor: pointer;
}
.button.blue{
    color: white;
    border-color: white;
    background: var(--main-background-color);
}
.button.orange{
    background: var(--color-orange);
    border-color: var(--color-orange);
    color: white;
}
.button.hollow-white{
    background: none;
    color: white;
    border-color: white;
}
.button.hollow-orange{
    background: none;
    color: white;
    border-color: var(--color-orange);
}
.button.disabled{
    opacity: 0.5;
    cursor: default;
}

.no-select{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.no-drag{
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

img{
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}
header img{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
header{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    background: var(--main-background-color);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    z-index: 100;
}
header > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
header > div > div:nth-child(1){
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}
header > div > div:nth-child(1) > a{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    font-size: 45px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    color: white;
}
header > div > div:nth-child(1) > a > img{
    height: 52px;
    width: auto;
}
header > div > div:nth-child(1) > a:nth-child(2) > img{
    height: 36px;
}
header > div > div:nth-child(2){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    gap: 50px;
    position: relative;
}
header > div > div:nth-child(2) > a:nth-child(1) > img,
header > div > div:nth-child(2) > img:nth-child(1){
    height: 52px;
    width: auto;
}
header > div > div:nth-child(2) > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}
header > div > div:nth-child(2) > div.mobile-menu{
    position: absolute;
    top: calc(100% + 8px);
    right: 0px;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    border-radius: 0px 0px 36px 36px;
    padding: 20px 25px;
    background: var(--main-background-color);
    min-width: 330px;
    box-sizing: border-box;
}
header > div > div:nth-child(2) > div.mobile-menu:not(.active){
    display: none;
}
header > div > div:nth-child(2) > div.mobile-menu a{
    width: 100%;
    text-align: end;
}
header > div > div:nth-child(2) > div.mobile-menu a.orange-round span{
    /* position: relative; */
    border-radius: 10px;
    border: 1px solid var(--color-orange);
    padding: 0px 8px;
}
/* header > div > div:nth-child(2) > div.mobile-menu a.orange-round::after{
    content: "";
    position: absolute;
    height: calc(100% - 18px);
    width: calc(100% + 10px);
    left: -5px;
    top: 0px;
} */
header > div > div:nth-child(2) > div.mobile-menu a:not(:last-child){
    border-bottom: 2px solid rgba(105, 105, 201, 0.42);
    padding-bottom: 18px;
}
@media screen and (max-width: 740px){
    header{
        height: 37px;
    }
    header > div > div:nth-child(2) > div.mobile-menu{
        min-width: unset;
        width: 100vw;
        position: fixed;
        top: 37px;
        right: 0px;
    }
}
header > div > div:nth-child(2) > div > a > img{
    height: 31px;
    width: auto;
    cursor: pointer;
}
header > div > div:nth-child(2) > a#menu-burger > img{
    height: 48px;
    width: auto;
    cursor: pointer;
}

footer{
    background: var(--main-background-color);
}
footer .container{
    display: flex;
    flex-direction: column;
    gap: 60px;
    min-height: 230px;
    box-sizing: border-box;
    padding-top: 15px;
}
footer .container > div:nth-child(1){
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
}
footer .footer--socials{
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}
@media screen and (max-width: 740px) {
    footer .footer--socials{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
}
footer .footer--socials > a img{
    height: 38px;
    width: auto;
    cursor: pointer;
}
footer .sport-tech > a img{
    width: 235px;
    height: auto;
}
footer .footer--links > *{
    margin: 0px;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.42);
    font-weight: 400;
    text-transform: uppercase;
}
footer .footer--links > a:not(:last-child){
    margin-right: 1em;
}
@media screen and (max-width: 1380px){
    footer .footer--socials > a img{
        width: 31px;
        height: auto;
    }
}
@media screen and (max-width: 740px) {
    footer .footer--socials{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (max-width: 740px){
    footer .container{
        gap: 20px;
        min-height: 120px;
        padding-top: 9px;
    }
    footer .footer--socials > a img{
        width: 17px;
    }
    footer .sport-tech > a img{
        width: 125px;
    }
    footer .footer--links > *{
        font-size: 10px;
    }
}

.index-table-container{
    background: var(--color-gray);
    border-radius: 46px 46px 36px 36px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.index-table-container .table-bottom{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 34px;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: -10px;
}
.index-table-container .table-bottom > span{
    color: var(--main-background-color);
    opacity: 0.45;
    width: 66px;
    height: 16px;
    background: url(/public/v3/img/winline_icon.png);
    background-position: center center;
    background-size: contain;
    font-size: 0px !important;
    color: white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media screen and (max-width: 740px) {
    .index-table-container .table-bottom{
        height: 19px;
    }
}

.index-double-table > div:nth-child(1),
.index-single-table > div:nth-child(1){
    background: var(--color-orange);
    min-height: 65px;
    box-sizing: border-box;
    /* border: 2px solid var(--color-violet); */
    border-radius: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--default-margin);
    margin-bottom: 10px;
}
.index-double-table > div:nth-child(1) > p,
.index-single-table > div:nth-child(1) > p{
    width: fit-content;
    max-width: calc(100% - 150px);
    font-size: 40px;
    font-style: italic;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
    font-family: "PF Din";
}
.index-double-table > div:nth-child(1) > p:first-child:last-child,
.index-single-table > div:nth-child(1) > p:first-child:last-child{
    margin-left: auto;
    margin-right: auto;
}
.index-double-table > div:nth-child(1) img,
.index-single-table > div:nth-child(1) img{
    cursor: pointer;
    width: 23px;
    height: auto;
    opacity: 0.72;
    transition: opacity 0.25s ease-in-out;
}
.index-double-table > div:nth-child(1) img:hover,
.index-single-table > div:nth-child(1) img:hover{
    opacity: 1;
}
.index-double-table > div:not(:nth-child(1)){
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--default-margin);
    row-gap: 2px;
    color: var(--main-background-color);
}
.index-double-table > div:not(:nth-child(1)) > div{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.index-single-table > div:not(:nth-child(1)) > div{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--default-margin);
    row-gap: 2px;
    color: var(--main-background-color);
}
.index-double-table > div:not(:nth-child(1)) > div > div,
.index-single-table > div:not(:nth-child(1)) > div > div{
    display: grid;
    grid-template-columns: 2.11fr 1fr;
    column-gap: 5px;
    border-radius: 15px;
    overflow: hidden;
}.index-double-table > div:not(:nth-child(1)) > div > div.single-column,
 .index-single-table > div:not(:nth-child(1)) > div > div.single-column{
     grid-template-columns: 1fr!important;
 }
.index-double-table > div:not(:nth-child(1)) > div > div,
.index-single-table > div:not(:nth-child(1)) > div > div{
    height: 54px;
    box-sizing: border-box;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div,
.index-single-table > div:not(:nth-child(1)) > div > div > div{
    background-color: white;
    padding: 7px;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1),
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1){
    display: grid;
    grid-template-columns: 1fr 1.1fr 1fr;
    column-gap: 10px;
    align-items: center;

}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(2),
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(2){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(2) a,
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(2) a{
    height: 40px;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(2) a img,
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(2) a img{
    height: 100%;
    width: auto;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a,
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    width: 100%;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a:nth-child(1) > span,
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a:nth-child(1) > span{
    text-align: end;
}

.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a > img,
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a > img{
    height: 40px;
    width: 40px;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a:not(:nth-child(2)) > span,
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a:not(:nth-child(2)) > span{
    width: calc(100% - 10px - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2),
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0px 8px;
    border-radius: 20px;
    color: white;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2),
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: var(--main-background-color);
    height: 40px;
    width: 100%;
    box-sizing: border-box;
}
.index-double-table > div:not(:nth-child(1)) > div > div.vk > div:nth-child(1) > *:nth-child(2),
.index-single-table > div:not(:nth-child(1)) > div > div.vk > div:nth-child(1) > *:nth-child(2),
.index-double-table > div:not(:nth-child(1)) > div > div.yt > div:nth-child(1) > *:nth-child(2),
.index-single-table > div:not(:nth-child(1)) > div > div.yt > div:nth-child(1) > *:nth-child(2){
    display: grid;
    grid-template-columns: 1fr 25px 1fr;
    gap: 3px;
    text-align: center;
}
.index-double-table > div:not(:nth-child(1)) > div > div.vk > div:nth-child(1) > *:nth-child(2),
.index-single-table > div:not(:nth-child(1)) > div > div.vk > div:nth-child(1) > *:nth-child(2){
    background: #ffffff;
    color: var(--main-background-color);
    border: 2px solid #0077FF;
}
.index-double-table > div:not(:nth-child(1)) > div > div.yt > div:nth-child(1) > *:nth-child(2),
.index-single-table > div:not(:nth-child(1)) > div > div.yt > div:nth-child(1) > *:nth-child(2){
    background: #ED1D24;
    background: #ffffff;
    color: var(--main-background-color);
    border: 2px solid #ED1D24;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2) > p,
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2) > p{
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    justify-content: end;
    padding-bottom: 9px;
    font-size: 6px;
    font-weight: 600;
    margin: 0px;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2) > p span,
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2) > p span{
    display: block;
    text-align: center;
    height: 1em;
}
.index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2) > p img,
.index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2) > p img{
    height: 16px;
    width: auto;
}
.index-double-table > div:not(:nth-child(1)) > div > div.empty,
.index-single-table > div:not(:nth-child(1)) > div > div.empty{
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
}
.index-double-table > div:not(:nth-child(1)) > div > div.empty > span,
.index-single-table > div:not(:nth-child(1)) > div > div.empty > span{
    font-size: 25px;
    font-weight: 900;
    color: var(--main-background-color);
    opacity: 0.61;
    text-transform: uppercase;
}

.inner-links{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
.inner-links > div:nth-child(1){
    display: grid;
    row-gap: 24px;
    grid-template-rows: repeat(4, 1fr);
}
.inner-links > div:nth-child(1) > a{
    height: 105px;
}
.inner-links > div:nth-child(2){
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
.inner-links a{
    display: block;
    width: 100%;
    height: fit-content;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    box-sizing: border-box;
    overflow: hidden;
}
.inner-links a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.block-title{
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;

    position: relative;

    text-transform: uppercase;
    gap: 20px;
    /* margin-top: calc(var(--default-margin) * 1.5); */
    margin-bottom: var(--default-margin);
}
.block-title > select{
    width: 400px;
}
.block-title h1{
    font-size: 37px;
    line-height: 1em;
    margin: 0px;
    font-weight:500;
    font-style: italic;
}
.block-title{
    padding-bottom: 20px;
}
.block-title::after{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background: white;
    display: block;
}
@media screen and (max-width: 1380px){
    .block-title{
        flex-wrap: wrap;
    }
}

.index--league-cup{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--default-margin);
    row-gap: var(--default-margin);
}
.index--league-cup > div:not(.index-table):not(.index--best-players){
    display: flex;
    flex-direction: column;
    gap: var(--default-margin);
}
.index-table{
    display: flex;
    flex-direction: column;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    box-sizing: border-box;
    height: fit-content;
}
.index-table > div.table-prehead{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
    min-height: 66px;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    background: var(--main-background-color);
    font-size: 28px;
    font-weight: 500;
    font-style: italic;
    text-transform: uppercase;

    position: relative;

    /* font-family: "PF Din"; */
}
.index-table > div.table-prehead > div.mobile-only{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.index-table > div.table-prehead > div.mobile-only img{
    height: 1.5em;
    width: auto;
}
@media screen and (min-width: 740px) {
    .index-table > div.table-prehead > div.mobile-only{
        display: none!important;
    }
}
.index-table > div.table-prehead{
    border-radius: 36px 36px 0px 0px;
}
.index-table > div:last-child{
    border-radius: 0px 0px 36px 36px;
}
@media screen and (max-width: 1380px){
    .index-table > div.table-prehead{
        min-height: 46px;
        font-size: 21px;
    }
    .index-table{
        border-radius: 30px;
    }
    .index-table > div.table-prehead{
        border-radius: 30px 30px 0px 0px;
    }
    .index-table > div:last-child{
        border-radius: 0px 0px 30px 30px;
    }
}
.index-table > div.table-prehead:not(:first-child){
    border-radius: 0px;
}
.index-table > div:last-child{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 34px;
    background: var(--color-gray);

    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;

    /* font-family: "PF Din"; */
}
.spoiler-table > div.spoiler-bottom span,
.index-table > div:last-child span{
    color: var(--main-background-color);
    opacity: 0.45;
    width: 66px;
    height: 16px;
    background: url(/public/v3/img/winline_icon.png);
    background-position: center center;
    background-size: contain;
    font-size: 0px!important;
    color: white;


    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.index-table > div table{
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    font-family: "Jost";
    text-transform: uppercase;
    border-collapse: collapse;
}
.index-table th{
    white-space: nowrap;
    padding: 0px 10px;
    box-sizing: border-box;
}
.index-table th.left{
    text-align: left;
    padding-left: 0.5em;
    box-sizing: border-box;
}
.index-table > div table tr.table-head{
    background: var(--color-orange);
    background-size: cover;
}
.index-table > div table tr{
    height: 55px;
    border-bottom: 2px solid var(--color-gray);
}
.index-table > div table tr td:first-child{
    padding: 0px 0.5em;
}
.index-table > div table tr td:last-child{
    padding-right: 0.5em;
}
.index-table > div table tr:not(.table-head){
    color: var(--main-background-color);
    background: white;
}
.predictor-page .index-table > div table tr > *{
    height: 98px;
}
.index-table > div table tr > *{
    min-width: 35px;
}
@media screen and (max-width: 740px) {
    .index-table > div table tr > *{
        min-width: 15px;
    }
}
.index-table > div table tr td{
    text-align: center;
}
.index-table > div table tr td > *{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.index-table > div table tr td > *.left{
    justify-content: start;
    padding-left: 0.5em;
    text-align: left;
    box-sizing: border-box;
}
.index-table > div table tr td > * > img{
    height: 40px;
    width: 40px;
}

.index--best-players{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    padding-top: 20px;
    box-sizing: border-box;
    /* background: url(/public/v3/img/gradient_02.svg);
    background-size: cover; */
    border-radius: 36px;
}
.index--best-players.missing{
    background: url(/public/v3/img/MFL.png), url(/public/v3/img/gradient_02.svg);
    background-size: auto 307px, cover;
    background-repeat: no-repeat;
    background-position: center center;

    min-height: 500px;
}
@media screen and (max-width: 1380px) {
    .index--best-players.missing{
        min-height: 900px;
    }
    .index-table > div table tr > *{
        height: 30px;
    }
}
@media screen and (max-width: 740px) {
    .index--best-players.missing{
        min-height: 500px;
        background-size: auto 185px, cover;
    }
}
.index--best-players > div{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index--best-players > div > h2{
    font-size: 28px;
    font-weight: 500;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
    line-height: 1em;

    /* font-family: "PF Din"; */
}
.index--best-players > div > div{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
}
.player-card{
    background: var(--color-orange);
    height: 235px;
    width: 212px;
    position: relative;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    box-sizing: border-box;
    overflow: hidden;
    display: block;
}
.player-card.placeholder{
    background: url(/public/v3/img/player-card--placeholder.png);
    background-position: center center;
    background-size: cover;
}
.player-card > img{
    height: 187px;
    width: 100%;
    object-position: top center;
    object-fit: contain;
}
.player-card > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 100%;
    z-index: 2;
}
.player-card.no-photo > div{
    bottom: 50%;
    transform: translateY(50%);
}
.player-card > div span:nth-child(1){
    font-size: 25px;
    line-height: 1em;
    font-weight: 500;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;

    /* font-family: "PF Din"; */
}
.player-card > div span:nth-child(2){
    font-weight: 400;
    font-size: 20px;
    line-height: 1em;
    text-align: center;
    opacity: 0.75;
    text-transform: uppercase;
}
.player-card::after{
    content: "";
    background: linear-gradient(180deg, rgba(0,0,88,0) 0%, var(--color-orange) 100%);
    position: absolute;
    bottom: 40px;
    left: 0px;
    width: 100%;
    height: 80px;
}
.player-card.placeholder::after,
.player-card.no-photo::after{
    display: none;
}

.card-scroll{
    display: flex;
    flex-direction: row;
    gap: var(--default-margin);
    height: fit-content;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 10px;

    scroll-snap-type: x mandatory;
}
.card-scroll > *{
    position: relative;
    display: block;
    height: 366px;
    flex-basis: calc(20% - (var(--default-margin) / 4 * 3) - 2px);
    min-width: calc(20% - (var(--default-margin) / 4 * 3) - 2px);

    border-radius: 24px;
    border: 2px solid var(--color-violet);
    overflow: hidden;
    box-sizing: border-box;

    scroll-snap-align: start;
}
.card-scroll > * > img,
.card-scroll > * > *:nth-child(1) > img{
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.card-scroll > * > div:nth-child(2){
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;

    box-sizing: border-box;
    padding: 10px 10px;
    padding-bottom: 70px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 10px;

    background: linear-gradient(0deg, #00000000 0%, #000000ff 100%);
}
.card-scroll > * > div:nth-child(2) > img{
    width: 49px;
    height: 40px;
}
.card-scroll > * > div:nth-child(2) > span{
    width: calc(100% - 50px);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;

    font-size: 21px;
    font-weight: 500;
    font-style: italic;

    /* font-family: "PF Din"; */
}
.card-scroll > * > *:nth-child(3){
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 24px;
    background: white;
    color: var(--main-background-color);

    display: grid;
    grid-template-columns: 1fr 71px 1fr;
    column-gap: 8px;
    height: 48px;
    align-items: center;
    padding: 0px 10px;
    box-sizing: border-box;

    font-size: 15px;
}
.card-scroll > * > *:nth-child(3) > *:not(:nth-child(2)){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    gap: 8px;
    font-weight: 700;
}

.card-scroll > * > *:nth-child(3) > *:not(:nth-child(2)):nth-child(3){
    justify-content: start;
}
.card-scroll > * > *:nth-child(3) > *:not(:nth-child(2)) img{
    height: 30px;
    width: 30px;
}
.card-scroll > * > div:nth-child(3) > *:nth-child(2){
    text-align: center;
    border-radius: 26px;
    width: 71px;
    height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    background: var(--main-background-color);
    font-weight: 600;
}

/* .adv-container > .adv-img:nth-child(1){
    display: none;
} */
.adv-container,
.adv-container > div{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--default-margin);
    row-gap: var(--default-margin);
}
.adv-img,
.adv-img--small{
    width: 100%;
    height: fit-content;
    cursor: pointer;

    position: relative;
}
.adv-img .tooltip,
.adv-img--small .tooltip{
    top: 20px;
    transform: none;
}
.adv-img > img,
.adv-img--small > img{
    width: 100%;
    height: auto;
}

.index-banner{
    height: 628px;
    border-radius: 40px;
    overflow: hidden;
}
.index-banner img{
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;

    border-radius: 40px;
}
.index-banner .swiper-pagination-bullet{
    background: #0000587e;
    border: 1px solid #6969C9;
    width: 30px;
    height: 30px;
    opacity: 1;
}
.index-banner .swiper-pagination-bullet-active{
    background: #000058;
}
.index-banner a.mobile-ver > img:nth-child(2){
    display: none;
}
.index-banner a.mobile-ver > img:nth-child(3){
    display: none;
}
@media screen and (max-width: 1380px) {
    .index-banner{
        height: 628px;
    }
    .index-double-table > div:not(:nth-child(1)),
    .index-single-table > div:not(:nth-child(1)) > div{
        grid-template-columns: 1fr;
    }
    .index-banner > a,
    .index-banner img{
        width: 100%;
        height: auto;
    }
    .inner-links > div:nth-child(1){
        row-gap: 12px;
    }
    .inner-links{
        grid-template-columns: 1fr;
        row-gap: var(--default-margin);
    }
    .index--league-cup{
        grid-template-columns: 1fr;
        row-gap: var(--default-margin);
    }
    .card-scroll > *{
        height: 465px;

        flex-basis: calc(50% - (var(--default-margin) / 2));
        min-width: calc(50% - (var(--default-margin) / 2));
    }
    .index--league-cup > div > .adv-img{
        display: none;
    }
    /* .adv-container > .adv-img:nth-child(1){
        display: block;
    } */
    .adv-container{
        grid-template-columns: 1fr;
    }
    .index-double-table > div:nth-child(1), .index-single-table > div:nth-child(1){
        justify-content: space-between;
        padding: 0px 30px;
    }
    header > div > div:nth-child(1) > a{
        font-size: 31px;
    }
    header > div > div:nth-child(2) > a:nth-child(1){
        display: none;
    }
    .index-double-table > div:nth-child(1) > p, .index-single-table > div:nth-child(1) > p{
        font-size: 30px;
    }
    .index-banner a.mobile-ver > img:nth-child(1){
        display: none;
    }
    .index-banner a.mobile-ver > img:nth-child(2){
        display: block;
    }
    .index-banner a.mobile-ver > img:nth-child(3){
        display: none;
    }
}
@media screen and (max-width: 740px) {
    .index-banner .swiper-pagination-bullet{
        width: 15px;
        height: 15px;
    }
    .index-banner{
        height: 628px;
    }
    .index-banner,
    .index-banner img{
        border-radius: 20px;
    }
    .inner-links > div:nth-child(1) > a{
        height: 59px;
    }
    .index-banner a.mobile-ver > img:nth-child(1){
        display: none;
    }
    .index-banner a.mobile-ver > img:nth-child(2){
        display: none;
    }
    .index-banner a.mobile-ver > img:nth-child(3){
        display: block;
    }

    .index-double-table > div:nth-child(1) > p, .index-single-table > div:nth-child(1) > p{
        font-size: 17px;
        max-width: 100%;
    }
    .index-double-table > div:nth-child(1), .index-single-table > div:nth-child(1){
        min-height: 34px;
        margin-bottom: 2px;
    }
    .index-double-table > div:nth-child(1) a, .index-single-table > div:nth-child(1) a{
        height: 30px;
        width: 30px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .index-double-table > div:nth-child(1) img, .index-single-table > div:nth-child(1) img{
        width: 12px;
    }
    .index-double-table > div:nth-child(1), .index-single-table > div:nth-child(1){
        padding: 0px 9px;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a > img, .index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a > img{
        width: 21px;
        height: 21px;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a:not(:nth-child(2)) > span, .index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a:not(:nth-child(2)) > span{
        width: calc(100% - 5px - 21px);
    }
    .index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a, .index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > a{
        gap: 5px;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1), .index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1){
        column-gap: 5px;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(2) a,
    .index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(2) a{
        height: 19px;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(2) a img,
    .index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(2) a img{
        height: 19px;
        width: auto;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(2), .index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(2){
        gap: 15px;
        justify-content: center;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div, .index-single-table > div:not(:nth-child(1)) > div > div{
        grid-template-columns: 1fr 80px;
        column-gap: 2px;
        border-radius: 10px;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div, .index-single-table > div:not(:nth-child(1)) > div > div{
        height: 29px;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2), .index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2){
        height: 21px;
        width: 100%;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div > div, .index-single-table > div:not(:nth-child(1)) > div > div > div{
        padding: 0px 7px;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2) > p, .index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2) > p{
        font-size: 4px;
        padding-bottom: 4px;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2) > p img, .index-single-table > div:not(:nth-child(1)) > div > div > div:nth-child(1) > *:nth-child(2) > p img{
        height: 9px;
    }
    .index-double-table > div:not(:nth-child(1)) > div > div.vk > div:nth-child(1) > *:nth-child(2), .index-single-table > div:not(:nth-child(1)) > div > div.vk > div:nth-child(1) > *:nth-child(2), .index-double-table > div:not(:nth-child(1)) > div > div.yt > div:nth-child(1) > *:nth-child(2), .index-single-table > div:not(:nth-child(1)) > div > div.yt > div:nth-child(1) > *:nth-child(2){
        grid-template-columns: 1fr 12px 1fr;
        padding: 0px 3px;
        border-width: 1px;
    }

    .inner-links a{
        border-radius: 20px;
    }
    .index-table-container{
        border-radius: 24px 24px 20px 20px;
    }

    .index-table > div table{
        font-size: 12px;
    }
    .index-table > div:nth-child(1){
        font-size: 17px;
    }

    .block-title h1{
        font-size: 24px;
    }
    .index--best-players{
        gap: 14px;
        border-radius: 20px;
    }
    .index--best-players > div > div{
        column-gap: 12px;
    }
    .player-card{
        width: 100%;
        height: auto;
        border-radius: 20px;
    }
    .player-card > img{
        height: auto;
        padding-bottom: 30px;
        padding-top: 5px;
    }
    .player-card > div span:nth-child(1){
        font-size: 15px;
    }
    .player-card > div span:nth-child(2){
        font-size: 12px;
    }
    .player-card::after{
        bottom: 20px;
    }
    .index--best-players > div > h2{
        font-size: 17px;
    }

    .index-table{
        border-radius: 20px;
    }
    .index-table > div.table-prehead{
        border-radius: 20px 20px 0px 0px;
    }
    .index-table > div:last-child{
        border-radius: 0px 0px 20px 20px;
    }
    .index-table > div table tr td > * > img{
        width: 21px;
        height: 21px;
    }
    .index-table > div table tr{
        height: 29px;
    }
    .index-table > div:last-child{
        height: 19px;
    }
    .index-table > div:last-child span{
        font-size: 8px;
    }
    .index-table > div:nth-child(1){
        min-height: 35px;
        height: auto;
    }

    .card-scroll{
        gap: 10px;
    }

    .card-scroll > *{
        height: 246px;
        border-radius: 20px;
    }

    .card-scroll > * > div:nth-child(2){
        padding: 9px 6px;
    }
    .card-scroll > * > div:nth-child(2) > img{
        height: 25px;
        width: 25px;
    }
    .card-scroll > * > div:nth-child(2) > span{
        font-size: 11px;
    }
    .card-scroll > * > *:nth-child(3){
        font-size: 12px;
        grid-template-columns: 1fr 50px 1fr;
        column-gap: 3px;
        padding: 0px;
        height: 32px;
        border-radius: 20px;
    }
    .card-scroll > * > *:nth-child(3) > *:not(:nth-child(2)) img{
        width: 21px;
        height: 21px;
    }
    .card-scroll > * > div:nth-child(3) > *:nth-child(2){
        width: 50px;
        height: 21px;
    }
    .card-scroll > * > *:nth-child(3) > *:not(:nth-child(2)){
        gap: 3px;
    }
    .block-title{
        margin-top: 0px;
    }


    header > div > div:nth-child(1) > a{
        font-size: 17px;
        gap: 9px;
    }
    header > div > div:nth-child(1) > a > img{
        height: 27px;
    }
    header > div > div:nth-child(1) > a:nth-child(2) > img{
        height: 20px;
    }
    header > div > div:nth-child(2){
        gap: 18px;
    }
    header > div > div:nth-child(2) > div{
        gap: 18px;
    }
    header > div > div:nth-child(2) > a#menu-burger > img{
        height: 25px;
    }
    header > div > div:nth-child(2) > div > a > img{
        height: 16px;
    }
}

@media screen and (max-width: 400px) {
    .index-double-table > div:nth-child(1) > p, .index-single-table > div:nth-child(1) > p{
        font-size: 15px;
    }
}
@media screen and (max-width: 374px) {
    .index-double-table > div:nth-child(1) > p, .index-single-table > div:nth-child(1) > p{
        font-size: 14px;
    }
}


.match--main-info{
    border-radius: 36px;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-bottom: 20px;
}
.match--main-info > div:nth-child(1){
    width: fit-content;
    display: grid;
    grid-template-columns: 1fr 0.5fr 1fr;
    column-gap: 40px;

    background: var(--color-gray);
    border-radius: 0px 0px 36px 36px;
    height: 47px;
    padding: 0px 20px;
    box-sizing: border-box;
}
.match--main-info > div:nth-child(1) > *{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 400;
    color: var(--main-background-color);
}

.match--main-info > div:nth-child(1) > * img{
    height: 20px;
    width: auto;
}
.match--main-info > div:nth-child(2){
    display: grid;
    grid-template-columns: 1fr 264px 1fr;
    column-gap: 20px;
    padding: 0px 50px;
}
.match--main-info > div:nth-child(2) > div:not(:nth-child(2)){
    display: grid;
    grid-template-columns: 1fr 170px;
    column-gap: 30px;
    padding-top: 30px;
}
.match--main-info > div:nth-child(2) > div:nth-child(3){
    grid-template-columns: 170px 1fr;
}
.match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(1),
.match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(2){
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(1) img,
.match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(2) img{
    height: 181px;
    width: 181px;
}
.match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(1) span,
.match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(2) span{

    /* font-family: "PF Din"; */
    font-size: 40px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    color: var(--main-background-color);

    text-align: center;
}
.match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2),
.match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1){
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 15px;
    line-height: 1em;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--main-background-color);
}
.match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2) .bold,
.match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1) .bold{
    font-weight: 600;
}



.match--main-info > div:nth-child(2) .dot-yellow,
.match--main-info > div:nth-child(2) .dot-red{
    display: flex;
    align-items: start;
    gap: 8px;
}
.match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2) .dot-yellow::after,
.match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2) .dot-red::after{
    content: "";
    height: 15px;
    width: 15px;
    min-width: 15px;
    border-radius: 23px;
    border: 1px solid var(--main-background-color);
    box-sizing: border-box;
    display: inline-block;
    order: -1;
}
.match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1) .dot-yellow::before,
.match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1) .dot-red::before{
    content: "";
    height: 15px;
    width: 15px;
    min-width: 15px;
    border-radius: 23px;
    border: 1px solid var(--main-background-color);
    box-sizing: border-box;
    display: inline-block;
}

.match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1) .dot-yellow::before,
.match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2) .dot-yellow::after{
    background: #FFE60A;
}

.match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1) .dot-red::before,
.match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2) .dot-red::after{
    background: #EF0000;
}


.match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2) hr,
.match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1) hr{
    border: none;
    border-bottom: 1px solid var(--main-background-color);
    width: 104px;
    margin: 0px;
    margin-right: auto;
}
.match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1) hr{
    margin: 0px;
    margin-left: auto;
}

.match--main-info > div:nth-child(2) > div:nth-child(2),
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.match--main-info.no-btns > div:nth-child(2) > div:nth-child(2) > div:last-child{
    margin-top: auto;
}
.match--main-info > div:nth-child(2) > div:nth-child(2) > span:nth-child(1){
    font-size: 20px;
    line-height: 29px;
    font-weight: 400;
    color: var(--main-background-color);
    text-align: center;
}
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    align-items: center;
    background: var(--main-background-color);
    height: 108px;
    width: 264px;
    border-radius: 36px;
    padding: 0px 10px;
    box-sizing: border-box;

    /* font-family: "PF Din"; */
    font-size: 63px;
    font-weight: 900;

    line-height: 1em;


    text-align: center;
}
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2).penalty{
    grid-template-columns: repeat(3, 1fr);
    height: auto;
    row-gap: 10px;
    padding: 10px;
}
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2).penalty > *:nth-child(1),
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2).penalty > *:nth-child(5){
    font-size: 0.5em;
    line-height: 1em;
}
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2).penalty > *:nth-child(2) { grid-area: 1 / 1 / 2 / 2; }
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2).penalty > *:nth-child(3) { grid-area: 1 / 2 / 2 / 3; }
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2).penalty > *:nth-child(4) { grid-area: 1 / 3 / 2 / 4; }
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2).penalty > *:nth-child(1) { grid-area: 2 / 1 / 3 / 2; }
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2).penalty > *:nth-child(5) { grid-area: 2 / 3 / 3 / 4; }

.match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > a:nth-child(1){
    display: flex;
    flex: row;
    align-items: center;
    justify-content: center;
    gap: 10px;

    font-size: 17px;
    width: 223px;
    height: 40px;
    border-radius: 36px;
    border: 2px solid var(--main-background-color);
    color: var(--main-background-color);
    font-style: italic;
    position: relative;
    cursor: pointer;
}
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > a:nth-child(1).live::before{
    content: "";
    background: #ED1D24;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    display: block;
}
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > a:nth-child(1) > img{
    height: 21px;
    width: auto;
}
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > a:nth-child(2){
    text-align: center;
    display: flex;
    flex: row;
    align-items: center;
    justify-content: center;
    color: var(--main-background-color);
    font-style: italic;
    cursor: pointer;
    font-size: 17px;
    width: 165px;
    height: 40px;
    border-radius: 36px;
    border: 2px solid var(--main-background-color);
}
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > .judge-button{
    display: flex;
    flex: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color:var(--main-background-color);

    font-size: 15px;
    font-weight: 600;

    margin-top: 39px;
    cursor: pointer;
}
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > .judge-button > img{
    width: 14px;
    height: auto;
    transition: all 0.15s ease-in-out;
}
.match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > .judge-button.active > img{
    transform: scaleY(-1);
}

.judge-list{
    --offset: calc(36px + var(--default-margin));
    /* transform: translateY(calc(var(--offset) * -1)); */
    background: var(--color-gray);
    border-radius: 0px 0px 36px 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: var(--default-margin) 0px;
    padding-top: var(--offset);
    /* margin-bottom: calc(var(--offset) * -1); */
    z-index: -1;

    transition: margin-top 0.15s ease-in-out;
}
.judge-list > p{
    font-size: 15px;
    font-weight: 600;
    color: var(--main-background-color);
    margin: 0px;
}
.judge-list > p > span{
    font-weight: 400;
}

.match--predict{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--default-margin);
    padding: 40px;
    box-sizing: border-box;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    text-align: center;
}
.match--predict > h1{
    /* font-family: "PF Din"; */
    font-size: 37px;
    font-weight: 500;
    font-style: italic;
    margin: 0px;
}
.match--predict > p{
    font-size: 15px;
    margin: 0px;
}
.match--predict > p a{
    text-decoration: underline;
}
.match--predict > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2px;
    width: 100%;
    height: 50px;
}
.match--predict > div > span{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    height: 50px;
}
.match--predict > div > span:first-child{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.match--predict > div > span:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.match--predict > div > span.orange{
    color: white;
    background: var(--color-orange);
}
.match--predict > div > span.white{
    color: var(--main-background-color);
    background: white;
}
.match--predict > div > span.grey{
    color: var(--main-background-color);
    background: var(--color-gray);
}

.match--fantasy-team{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 20px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
}
.match--fantasy-team .player-card{
    margin-left: auto;
    margin-right: auto;
}
.match--fantasy-team > div:nth-child(2){
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--default-margin);
}
.match--fantasy-team > div:nth-child(2) > p{
    margin: 0px;
}
.match--fantasy-team > div:nth-child(2) > p > span{
    margin: 0px;
    display: block;
    text-align: center;

    /* font-family: "PF Din"; */
    font-style: italic;
    font-weight: 500;
    line-height: 1em;
    text-transform: uppercase;
}
.match--fantasy-team > div:nth-child(2) > p > span:nth-child(1){
    font-size: 37px;
}
.match--fantasy-team > div:nth-child(2) > p > span:nth-child(2){
    font-size: 61px;
}
.match--fantasy-team > div:nth-child(2) > a.button{
    /* font-family: "PF Din"; */
    font-style: italic;
    font-weight: 500;
    line-height: 1em;
    text-transform: uppercase;
    width: 165px;
    font-size: 25px;
}

.match--stats{
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 30px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
}
.match--stats > div{
    display: grid;
    grid-template-columns: 1fr 240px 1fr;
    height: 44px;
    box-sizing: border-box;
    box-sizing: border-box;
}
.match--stats > div > span{
    height: 100%;

}
.match--stats > a.button{
    width: 100%;
    font-size: 28px;
    line-height: 1em;
    font-style: italic;
    text-align: center;
    color: white;
    padding: 15px;
    margin-top: auto;
}
@media screen and (max-width: 1380px) {
    .match--stats > a.button{
        font-size: 20px;
        margin-top: 10px;
    }
}
.match--stats > div > span:nth-child(2){
    text-align: center;
    /* color: var(--main-background-color); */
    font-size: 20px;
    font-weight: 400;

    text-align: center;

    /* border-radius: 10px; */
    /* border: 2px solid var(--main-background-color); */
    border-right: none;
    border-left: none;
    /* background: white; */
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.match--stats > div > span:not(:nth-child(2)){
    background: var(--color-orange);
    color: white;

    /* font-family: "PF Din"; */
    font-size: 24px;
    font-weight: 700;
    font-style: italic;

    position: relative;
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.match--stats > div > span:nth-child(1){
    border-radius: 10px 0px 0px 10px;
    border: 2px solid var(--main-background-color);
    border-right: none;
    margin-left: auto;
    text-align: right;
    justify-content: end;
    padding-right: 2px;
}
.match--stats > div > span:nth-child(3){
    border-radius: 0px 10px 10px 0px;
    border: 2px solid var(--main-background-color);
    border-left: none;
    margin-right: auto;
    text-align: left;
    justify-content: start;
    padding-left: 2px;
}
.match--stats > div > span:nth-child(3)::before{
    content: "";
    background: var(--color-orange);
    height: 100%;
    width: 15px;
    border-radius: 10px 0px 0px 10px;
    position: absolute;
    top: 0px;
    right: calc(100% - 2px);
}
.match--stats > div > span:nth-child(1)::before{
    content: "";
    background: var(--color-orange);
    height: 100%;
    width: 15px;
    border-radius: 0px 10px 10px 0px;
    position: absolute;
    top: 0px;
    left: calc(100% - 2px);
}


.match--meets{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 20px 40px;
    box-sizing: border-box;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    text-align: center;
}
.match--meets > h1{
    /* font-family: "PF Din"; */
    font-size: 37px;
    line-height: 1em;
    font-weight: 700;
    font-style: italic;
    margin: 0px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.match--meets--stat{
    display: grid;
    grid-template-columns: 1fr 100px 1fr;
    column-gap: 5px;
    width: 100%;
}
.match--meets--stat > div{
    border-radius: 15px;
    height: 90px;
}
.match--meets--stat > div:nth-child(2){
    background: white;
    color:var(--main-background-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.match--meets--stat > div:nth-child(2) > h2{
    /* font-family: "PF Din"; */
    font-size: 37px;
    font-weight: 700;
    font-style: italic;
    margin: 0px;
    text-transform: uppercase;
    margin-bottom: -7px;
}
.match--meets--stat > div:nth-child(2) > span{
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}
.match--meets--stat > div:not(:nth-child(2)){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}
.match--meets--stat > div:nth-child(1){
    color: white;
    background: var(--main-background-color);
    border: 2px solid var(--color-violet);
}
.match--meets--stat > div:nth-child(3){
    color: white;
    background: var(--color-orange);
}
.match--meets--stat > div:not(:nth-child(2)) img{
    width: 70px;
    height: 70px;
}
.match--meets--stat > div:not(:nth-child(2)) p{
    margin: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.match--meets--stat > div:not(:nth-child(2)) p span:nth-child(1){
    /* font-family: "PF Din"; */
    font-size: 37px;
    font-weight: 700;
    font-style: italic;
    margin: 0px;
    text-transform: uppercase;
    margin-bottom: -7px;
}
.match--meets--stat > div:not(:nth-child(2)) p span:nth-child(2){
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}
.match--meets--game{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* gap: 5px; */
    background-color: white;
    border-radius: 15px;
    padding: 7px 0px;
    width: 100%;
}
.match--meets--game > p{
    font-size: 10px;
    font-weight: 400;
    margin: 0px;
    text-align: center;
    color:var(--main-background-color);
}
@media screen and (min-width: 740px) {
    .match--meets--game > p br{
        display: none;
    }
}
@media screen and (max-width: 740px) {
    .match--meets--game > p span{
        display: none;
    }
}
.match--meets--game > div{
    display: grid;
    grid-template-columns: 1fr 140px 1fr;
    column-gap: 10px;
    align-items: center;
}
.match--meets--game > div > *:nth-child(2){
    border-radius: 20px;
    color: white;
    background: var(--main-background-color);
    display: grid;
    grid-template-columns: 2fr 2fr 1fr 2fr 2fr;
    text-align: center;
    gap: 5px;
    padding: 0px 10px;
    box-sizing: border-box;
    height: 40px;
    align-items: center;
    line-height: 1em;
}
@media screen and (max-width: 1380px) {
    .match--meets--game > div > *:nth-child(2){
        padding: 0px 5px;
    }
}
@media screen and (max-width: 740px) {
    .match--meets--game > div > *:nth-child(2){
        padding: 0px 4px;
    }
}
/* .match--meets--game > div > *:nth-child(2) > span:nth-child(1){
    text-align: end;
}
.match--meets--game > div > *:nth-child(2) > span:nth-child(3){
    text-align: start;
} */
.match--meets--game > div > *:nth-child(2) > span:nth-child(1),
.match--meets--game > div > *:nth-child(2) > span:nth-child(5){
    font-size: 0.75em;
}
.match--meets--game > div > *:not(:nth-child(2)){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.match--meets--game > div > *:not(:nth-child(2)) img{
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.match--meets--game > div > *:not(:nth-child(2)) p{
    color: var(--main-background-color);
}
.match--meets--game > div > *:not(:nth-child(2)) p > span:nth-child(2){
    display: none;
}

.field{
    position: relative;
    margin-top: var(--default-margin);
}
.field > img{
    width: 100%;
    height: auto;
}
.field > div{
    position: absolute;
    top: 0px;
    left: var(--default-padding) ;
    width: calc(100% - (var(--default-padding) * 2));
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
.field .field-line{
    display: flex;
    align-items: end;
    gap: 15px;
    justify-content: center;
}
.field .field-card{
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
}
.field .field-card .field-card--cross{
    margin-left: auto;
    cursor: pointer;
}
.field .field-card .field-card--cross img{
    width: 18px;
    height: auto;
}
.field .field-card > div{
    position: relative;
}
.field .field-card > div > img:nth-child(1){
    width: 100px;
    height: auto;
}
.field .field-card > div:not(.shirt) > img:nth-child(1){
    width: 120px;
}
.field .field-card > div > img:nth-child(2){
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55%;
    height: auto;
}
.field .field-card .field-card--name{
    color: var(--main-background-color);
    font-size: 15px;
    font-weight: 600;
}
.field .field-card .field-card--score{
    text-align: center;
    color: white;
    border-radius: 20px;
    border: 2px solid white;
    background: var(--main-background-color);
    min-width: 44px;
    box-sizing: border-box;
    padding: 0px 5px;
    font-size: 15px;
    font-weight: 600;
}

.match--stream{
    position: relative;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    overflow: hidden;
}
.match--stream > a:nth-child(1){
    width: 100%;
    height: fit-content;
}
.match--stream > a:nth-child(1) img{
    width: 100%;
    height: 878px;
    object-fit: cover;
    object-position: center;
}
@media screen and (max-width: 1380px) {
    .match--stream > a:nth-child(1) img{
        height: 400px;
    }
}
@media screen and (max-width: 740px) {
    .match--stream > a:nth-child(1) img{
        height: calc(100vw / 16 * 9);
    }
}
.match--stream > img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 244px;
    height: auto;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}
.match--stream > img:hover{
    width: 260px;
}
.match--stream > h2{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 30%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: start;
    padding: 60px;
    box-sizing: border-box;
    margin: 0px;

    /* font-family: "PF Din"; */
    font-size: 89px;
    font-weight: 500;
    font-style: italic;


    background: linear-gradient(180deg, #00004800 0%, var(--main-background-color) 100%);
}


.match--stream-small{
    position: relative;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    overflow: hidden;
}
.match--stream-small > a:nth-child(1){
    width: 100%;
    height: fit-content;
    display: block;
}
.match--stream-small > a:nth-child(1) img{
    width: 100%;
    height: 380px;
}
.grid-4 .match--stream-small{
    border-radius: 18px;
}
.grid-4 .match--stream-small > a:nth-child(1) img,
.grid-4 .match--stream-small{
    height: 190px;
}
.grid-4 .match--stream-small > h2{
    font-size: 13px;

    height: auto;
    padding-top: 40px;
    background: linear-gradient(180deg, #00004800 0%, var(--main-background-color) 65%);
}
@media screen and (max-width: 1380px) {
    .match-streams-container.grid-4{
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 740px) {
    .match--stream-small > a:nth-child(1) img,
    .grid-4 .match--stream-small{
        height: calc(100vw / 16 * 9)!important;
    }
    .match-streams-container.grid-4{
        grid-template-columns: 1fr;
    }
}
.match--stream-small > img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: auto;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}
.match--stream-small > img:hover{
    width: 130px;
}
.match--stream-small > h2{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 30%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: start;
    padding: 20px 30px;
    box-sizing: border-box;
    margin: 0px;

    /* font-family: "PF Din"; */
    font-size: 37px;
    font-weight: 500;
    font-style: italic;

    text-shadow: 0px 0px 8px #000000;


    background: linear-gradient(180deg, #00004800 0%, var(--main-background-color) 100%);
}

@media screen and (max-width: 1380px){
    .match--stream.desctop{
        display: none;
    }
    .container.match-block-2 > .card-scroll{
        display: none;
    }
}
@media screen and (min-width: 1380px){
    .match--stream.tablet{
        display: none;
    }
    .match-block-1 > .card-scroll{
        display: none;
    }
}

@media screen and (max-width: 1380px) {

    .match--main-info > div:nth-child(1) > *{
        font-size: 12px;
    }
    .match--main-info > div:nth-child(1){
        column-gap: 10px;
    }
    .match--main-info > div:nth-child(1) > * > img{
        height: 10px;
        width: auto;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
        font-size: 25px;
        width: 121px;
        height: 46px;
        border-radius: 20px;
    }

    .match--main-info > div:nth-child(2){
        column-gap: 10px;
        padding: 0px 20px;
        grid-template-columns: 1fr 121px 1fr;
        box-sizing: border-box;
        width: 100%;
        padding-bottom: 84px;
    }
    .match--main-info.no-btns > div:nth-child(2){
        padding-bottom: 48px;
    }
    .match--main-info > div:nth-child(2) > div:not(:nth-child(2)){
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(3){
        flex-direction: column-reverse;
        justify-content: start;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(1) img, .match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(2) img{
        width: 100px;
        height: 100px;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(1) span, .match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(2) span{
        font-size: 14px;
    }

    .match-block-1 > .grid-2:last-child{
        grid-template-columns: 1fr;
    }

    .player-card{
        height: 235px;
        width: 212px;
        border-radius: 20px;
    }
    .player-card > img{
        height: 100%;
    }
    .player-card > div span:nth-child(1){
        font-size: 12px;
    }
    .player-card > div{
        bottom: 10px;
        gap: 4px;
    }
    .player-card::after{
        bottom: 0px;
        height: 50%;
    }
    .player-card > div span:nth-child(2){
        font-size: 8px;
    }
    .match--fantasy-team > div:nth-child(2) > p > span:nth-child(1){
        font-size: 16px;
    }
    .match--fantasy-team > div:nth-child(2) > p > span:nth-child(2){
        font-size: 29px;
    }
    .match--fantasy-team > div:nth-child(2) > a.button{
        height: 40px;
        font-size: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        min-width: unset;
        width: 100%;
    }
    .match--fantasy-team{
        grid-template-columns: 1fr 75px 1fr;
        align-items: center;
        column-gap: 10px;
        padding: 15px;
        border-radius: 20px;
    }
    .match--fantasy-team .player-card{
        height: 114px;
        width: 105px;
    }
    .match--predict{
        padding: 15px;
        border-radius: 20px;
        gap: 10px;
    }

    .match--predict > h1{
        font-size: 15px;
    }
    .match--predict > div > span{
        font-size: 15px;
    }
    .match--predict > p{
        font-size: 10px;
    }
    .match--stream > h2{
        font-size: 37px;
        padding: 20px;
    }

    .match-streams-container{
        grid-template-columns: 1fr;
    }
    .sostav-container{
        grid-template-columns: 1fr;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(2){
        position: relative;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child{
        position: absolute;
        flex-direction: row;
        gap: 20px;
        top: calc(100% + 20px);
        left: 50%;
        transform: translateX(-50%);
    }
    .match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > .judge-button{
        margin-top: 0px;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > a:nth-child(1),
    .match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > a:nth-child(2){
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
    }
}
@media screen and (max-width: 740px){
    .match--stream > h2{
        font-size: 17px;
    }
    .match--stream{
        border-radius: 20px;
    }
    .match--main-info > div:nth-child(2){
        padding-bottom: 60px;
    }
    .match--main-info.no-btns > div:nth-child(2){
        padding-bottom: 38px;
    }
    .player-card{
        height: 125px;
        width: 100%;
        border-radius: 20px;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(1) img, .match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(2) img{
        width: 36px;
        height: 36px;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2), .match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1){
        font-size: 10px;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1) .dot-yellow::before, .match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1) .dot-red::before,
    .match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2) .dot-yellow::after, .match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2) .dot-red::after{
        height: 7px;
        width: 7px;
        min-width: 7px;
        border: none;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2), .match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1){
        gap: 10px;
    }
    .match--main-info > div:nth-child(2) > div:not(:nth-child(2)){
        gap: 10px;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
        font-size: 21px;
        height: 36px;
        padding: 0px 10px;
        gap: 2px;
        width: fit-content;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(2) > span:nth-child(1){
        font-size: 10px;
        line-height: 12px;
    }
    .match--main-info > div:nth-child(2){
        grid-template-columns: calc(50% - 60px) 100px calc(50% - 60px);
    }
    .match--main-info > div:nth-child(1){
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 5px;
        max-width: 70%;
        padding: 5px 10px;
        height: auto;
        justify-content: center;
        /* align-items: center; */
        border-radius: 0px 0px 20px 20px;
    }
    .match--main-info > div:nth-child(1) > *{
        font-size: 10px;
    }
    .match--main-info > div:nth-child(2) > div:not(:nth-child(2)){
        padding-top: 0px;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(2){
        padding-top: 10px;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > a:nth-child(1), .match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > a:nth-child(2){
        font-size: 10px;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > a:nth-child(1).live::before{
        height: 10px;
        width: 10px;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(2) > div:last-child > .judge-button{
        font-size: 10px;
    }
    .match--stats > div > span:nth-child(2){
        font-size: 10px;
    }
    .match--stats > div > span:not(:nth-child(2)){
        font-size: 10px;
    }
    .match--stats > div{
        grid-template-columns: 1fr 150px 1fr;
        height: 32px;
    }

    .match--meets--stat > div:not(:nth-child(2)) img{
        width: 30px;
        height: 30px;
    }
    .match--meets--stat > div:not(:nth-child(2)) p span:nth-child(1),
    .match--meets--stat > div:nth-child(2) > h2{
        font-size: 21px;
    }
    .match--meets--stat > div:not(:nth-child(2)) p span:nth-child(2),
    .match--meets--stat > div:nth-child(2) > span{
        font-size: 10px;
    }
    .match--meets--stat{
        grid-template-columns: 1fr 70px 1fr;
    }
    .match--meets--stat > div{
        height: 50px;
    }
    .match--meets > h1{
        font-size: 14px;
    }
    .match--meets,
    .match--stats{
        padding: 20px;
    }
    .match--stream-small,
    .match--meets,
    .match--stats,
    .match--main-info,
    .judge-list{
        border-radius: 20px;
    }
    .match--meets--game{
        grid-template-columns: 1fr 86px;
        display: grid;
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .match--meets--game > p:nth-child(1){
        border-left: 2px solid grey;
        order: 1;
        height: 31px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .match--meets--game > div > *:not(:nth-child(2)) img{
        width: 21px;
        height: 21px;
    }
    .match--meets--game > div > *:not(:nth-child(2)) p > span:nth-child(1){
        display: none;
    }
    .match--meets--game > div > *:not(:nth-child(2)) p > span:nth-child(2){
        display: block;
    }
    .match--meets--game > div > *:not(:nth-child(2)) p{
        font-size: 12px;
    }
    .match--meets--game > div{
        grid-template-columns: 1fr 68px 1fr;
    }
    .match--meets--game > div > *:nth-child(2){
        font-size: 12px;
        height: 21px;
        gap: 2px;
    }
    .match--stream-small > h2{
        font-size: 17px;
    }
    .field .field-card > div > img:nth-child(1){
        width: 50px;
    }
    .field .field-card > div:not(.shirt) > img:nth-child(1){
        width: 58px;
    }
    .field .field-card .field-card--name{
        font-size: 8px;
    }
    .field .field-card .field-card--score{
        font-size: 8px;
    }
    .field .field-card .field-card--cross img{
        padding: 2px;
        box-sizing: border-box;
    }
    .index-table > div.table-prehead:not(:first-child){
        font-size: 17px;
        height: 35px;
    }
}


.calendar-img{
    position: relative;
    border-radius: 36px;
    overflow: hidden;
}
.calendar-img > img{
    width: 100%;
    height: 168px;
    object-fit: cover;
    object-position: center;
}
.calendar-img > h1{
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    font-size: 89px;
    line-height: 1em;
    margin: 0px;
}
@media screen and (max-width: 1380px) {
    .calendar-img{
        border-radius: 30px;
    }
    .calendar-img > img{
        height: 83px;
    }
    .calendar-img > h1{
        font-size: 41px;
        left: 20px;
    }
}
@media screen and (max-width: 740px){
    .calendar-img{
        border-radius: 10px;
    }
    .calendar-img > img{
        height: 45px;
    }
    .calendar-img > h1{
        font-size: 23px;
    }
}


select{
    font-family: "PF Din";
    font-size: 25px;
    line-height: 1em;
    height: 40px;
    font-style: italic;
    font-weight: 500;
    padding: 0px 20px;
    padding-right: 64px;
    border-radius: 20px;
    color: white;
    border: 2px solid var(--color-violet);
    outline: none;
    background: url(/public/v3/img/select_arrow.svg);
    background-size: 24px 10px;
    background-position: right 20px center;
    background-repeat: no-repeat;
    text-transform: uppercase;
    appearance: none;
}
select option{
    color: var(--main-background-color);
    background: none;
}

input.search{
    font-family: "PF Din";
    font-size: 25px;
    line-height: 25px;
    height: 40px;
    font-style: italic;
    font-weight: 500;
    padding: 0px 20px;
    padding-right: 64px;
    border-radius: 20px;
    color: white;
    border: 2px solid var(--color-violet);
    outline: none;
    background: none;
    box-sizing: border-box;
}
input.search::placeholder{
    text-transform: uppercase;
    padding-left: calc(1em + 10px);
    background: url(/public/v3/img/magnifier_white_half.svg);
    background-size: 1em 1em;
    background-repeat: no-repeat;
    background-position: center left;
    color: rgba(255, 255, 255, 0.5);
    /* opacity: 0.5; */
}

@media screen and (max-width: 1380px) {
    select,
    input.search{
        font-size: 20px;
    }
}
@media screen and (max-width: 740px) {
    select,
    input.search{
        font-size: 15px;
        height: 30px;
    }
}

.team-statistic--lil-stats{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}
.team-statistic--lil-stats > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 21px;
    padding: 36px 40px;
    border: 2px solid var(--color-violet);
    box-sizing: border-box;
    border-radius: 36px;
    text-transform: uppercase;
    text-align: center;
}
.team-statistic--lil-stats > div > span:nth-child(1){
    font-size: 20px;
    font-weight: 600;
}
.team-statistic--lil-stats > div > span:nth-child(2){
    font-size: 49px;
    line-height: 1em;
    font-weight: 500;
    font-style: italic;
}
.team-statistic--more-stats{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}
.team-statistic--more-stats > div{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 20px;
}
.team-statistic--more-stats > div > span{
    font-size: 26px;
    height: 66px;
    width: 100%;
    display: flex;
    background: var(--main-background-color);
    flex-direction: row;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 500;
    font-style: italic;
    text-transform: uppercase;
    border-bottom: 2px solid var(--color-violet);
}
.team-statistic--more-stats > div > div{
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding: 0px 20px;
    align-items: center;
}
.team-statistic--more-stats > div > div > span:nth-child(1){
    font-size: 20px;
    font-weight: 600;
}
.team-statistic--more-stats > div > div > span:nth-child(2){
    font-size: 35px;
    line-height: 1em;
    font-weight: 500;
    font-style: italic;
    text-align: center;
}

.team-statistic--table tr > td:first-child img{
    height: 144px;
    width: auto;
    padding: 10px 0px;
}
.team-statistic--table tr > td:nth-child(2) > *{
    display: block;
    text-align: center;
}
.team-statistic--table tr > td{
    min-width: 50px;
}


@media screen and (max-width: 1380px) {
    .team-statistic--lil-stats{
        grid-template-columns: repeat(3, 1fr);
    }
    .team-statistic--lil-stats > div{
        gap: 15px;
        padding: 20px;
        border-radius: 30px;
    }
    .team-statistic--lil-stats > div > span:nth-child(1){
        font-size: 15px;
    }
    .team-statistic--lil-stats > div > span:nth-child(2){
        font-size: 28px;
    }
    .block-title > select{
        flex-basis: 100%;
        width: 100%;
    }
    .team-statistic--more-stats{
        grid-template-columns: repeat(2, 1fr);
    }
    .team-statistic--more-stats > div > div > span:nth-child(2){
        font-size: 21px;
    }
    .team-statistic--more-stats > div{
        border-radius: 30px;
    }
    .team-statistic--more-stats > div > span{
        font-size: 21px;
        height: 46px;
    }
    .team-statistic--table > div:nth-child(2){
        overflow-x: scroll;
    }
    .team-statistic--table th,
    .team-statistic--table td{
        padding: 0px 10px;
    }
    .team-statistic--table tr > td:nth-child(2) > *{
        white-space: nowrap;
    }
    .team-statistic--table tr > td:first-child img{
        height: 130px;
    }
}
@media screen and (max-width: 740px){
    .team-statistic--lil-stats > div{
        padding: 15px;
    }
    .team-statistic--lil-stats > div > span:nth-child(1){
        font-size: 10px;
    }
    .team-statistic--more-stats,
    .team-statistic--lil-stats{
        column-gap: 10px;
        row-gap: 10px;
    }
    .team-statistic--more-stats > div > span {
        font-size: 17px;
        height: 37px;
    }
    .team-statistic--more-stats > div,
    .team-statistic--lil-stats > div{
        border-radius: 20px;
    }

    .team-statistic--more-stats > div{
        gap: 10px;
    }
    .team-statistic--more-stats > div > div > span:nth-child(1){
        font-size: 12px;
    }
    .team-statistic--more-stats > div > div > span:nth-child(1){
        font-size: 17px;
    }
    .team-statistic--table tr > td:first-child img{
        height: 70px;
    }
    .team-statistic--table tr > td{
        min-width: unset;
    }
}

.team-sostav--container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}
.team-sostav--container > div{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
}
.team-sostav--container > div > div:nth-child(1){
    display: grid;
    grid-template-columns: 156px 1fr;
    column-gap: 20px;
    transform: translate(-2px, -2px);
}
.team-sostav--container > div > div:nth-child(1) > div:nth-child(1){
    background: url(/public/v3/img/index_player_card_bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 156px;
    height: 172px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    overflow: hidden;
}
.team-sostav--container > div > div:nth-child(1) > div:nth-child(1) > img{
    width: 100%;
    height: 100%;
    object-position: center bottom;
    object-fit: contain;
}
.team-sostav--container > div > div:nth-child(1) > div:nth-child(1)::before{
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 88, 0) 0%, rgba(0, 0, 88, 1) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
}
.team-sostav--container > div > div:nth-child(1) > div:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}
.team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > div,
.team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > div > div{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > div > div{
    max-width: 184px;
    flex-wrap: wrap;
}
.team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(1){
    font-size: 28px;
    line-height: 1em;
    font-weight: 500;
    font-style: italic;
}
.team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(2){
    font-size: 15px;
}
.team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > div > div img{
    height: 31px;
}
.team-sostav--container > div > div:nth-child(2){
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    padding: 0px 20px;
    padding-bottom: 20px;
}
.team-sostav--container > div > div:nth-child(2) > div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    border-radius: 18px;
    border: 2px solid var(--color-violet);
    padding: 15px 20px;
}
.team-sostav--container > div > div:nth-child(2) > div > span:nth-child(1){
    font-size: 15px;
}
.team-sostav--container > div > div:nth-child(2) > div > span:nth-child(2){
    font-size: 28px;
    line-height: 1em;
    font-weight: 600;
    font-style: italic;
}

@media screen and (max-width: 1380px) {
    .team-sostav--container{
        grid-template-columns: 1fr;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(1){
        width: 218px;
        height: 241px;
    }
    .team-sostav--container > div > div:nth-child(1){
        grid-template-columns: 218px 1fr;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(1){
        font-size: 35px;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(2){
        font-size: 25px;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > div > div img{
        height: 41px;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > div > div{
        max-width: unset;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > div{
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2){
        padding-bottom: 0px;
        padding-left: 0px;
    }
    .team-sostav--container > div > div:nth-child(2) > div{
        border-radius: 36px;
    }
    .team-sostav--container > div > div:nth-child(2) > div > span:nth-child(1){
        font-size: 15px;
    }
    .team-sostav--container > div > div:nth-child(2) > div > span:nth-child(2){
        font-size: 28px;
    }
}
@media screen and (max-width: 740px){
    .team-sostav--container > div{
        border-radius: 20px;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(1){
        border-radius: 20px;
        width: 131px;
        height: 144px;
    }
    .team-sostav--container > div > div:nth-child(1){
        grid-template-columns: 131px 1fr;
    }
    .team-sostav--container > div{
        gap: 10px;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(1){
        font-size: 21px;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(2){
        font-size: 15px;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > div > div img{
        height: 17px;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2){
        padding-top: 10px;
        gap: 10px;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > div{
        gap: 10px;
    }
    .team-sostav--container > div > div:nth-child(1) > div:nth-child(2) > div > a.button{
        height: 40px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .team-sostav--container > div > div:nth-child(2) > div{
        padding: 15px;
        gap: 10px;
        border-radius: 20px;
    }
    .team-sostav--container > div > div:nth-child(2){
        column-gap: 10px;
        padding: 0px 10px;
        padding-bottom: 10px;
    }
    .team-sostav--container > div > div:nth-child(2) > div > span:nth-child(1){
        font-size: 10px;
    }
    .team-sostav--container > div > div:nth-child(2) > div > span:nth-child(2){
        font-size: 21px;
    }
}

.team-history--info{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}
.team-history--info > div{
    border-radius: 36px;
    padding: 36px 41px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    border: 2px solid var(--color-violet);
}
.team-history--info > div > *:nth-child(1){
    font-size: 20px;
}
.team-history--info > div > *:nth-child(2){
    font-size: 28px;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1em;
}
.team-history--stats{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}
.index-table.team-history--table .table-prehead{
    justify-content: space-between;
    padding: 0px 20px;
}
.index-table.team-history--table .table-prehead > img{
    transform: rotate(-90deg);
}
.index-table.team-history--table.active .table-prehead{
    background: var(--color-orange);
}


.team-history--table--img{
    background: url(/public/v3/img/index_player_card_bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 316px;
}
.team-history--table--img > img{
    width: 100%;
    height: 100%;
    object-position: center bottom;
    object-fit: contain;
}
.team-history--table--img::before{
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 88, 0) 0%, rgba(0, 0, 88, 1) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
}
.index-table.team-history--table > div table tr td:last-child{
    padding: 0px 0.5em;
}
.index-table.team-history--table > div table tr:first-child{
    background: var(--color-orange);
    color: white;
}

.team-history--double-table{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}
.team-history--double-table .index-double-table > div:not(:nth-child(1)){
    grid-template-columns: 1fr;
}
.team-history--double-table .index-double-table > div:nth-child(1) > p{
    width: 100%;
}

@media screen and (max-width: 1380px) {
    .team-history--info > div{
        padding: 20px;
        gap: 15px;
        border-radius: 30px;
    }
    .team-history--info > div > *:nth-child(1){
        font-size: 15px;
    }
    .team-history--info > div > *:nth-child(2){
        font-size: 28px;
    }
    .team-history--stats{
        grid-template-columns: 1fr 1fr;
    }
    .team-history--double-table{
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 740px){
    .team-history--info{
        column-gap: 10px;
    }
    .team-history--stats{
        column-gap: 10px;
        row-gap: 10px;
    }
    .team-history--info > div{
        padding: 15px;
        gap: 10px;
        border-radius: 20px;
    }
    .team-history--info > div > *:nth-child(1){
        font-size: 10px;
    }
    .team-history--info > div > *:nth-child(2){
        font-size: 21px;
    }
    .team-history--table--img{
        height: 168px;
    }
    .index-table.team-history--table .table-prehead{
        padding: 0px 10px;
    }
    .index-table.team-history--table .table-prehead > img{
        width: 15px;
    }
}

.table-icon{
    height: 29px;
    width: auto;
}
@media screen and (max-width: 740px){
    .table-icon{
        height: 15px;
        width: auto;
    }
}

.pagination{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;

    font-size: 30px;

    border-radius: 36px;
    border: 2px solid var(--color-violet);
    padding: 5px 20px;
    box-sizing: border-box;
}
.pagination > a{
    transition: all 0.25s ease-in-out;
    opacity: 0.5;
    text-decoration: none;
    cursor: default;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.pagination > a:not(.no-hover){
    cursor: pointer;
}
.pagination > a:hover:not(.no-hover),
.pagination > a.active{
    opacity: 1;
}
.pagination > a > img{
    width: 24px;
}
.pagination > a:first-child > img{
    transform: rotate(90deg);
}
.pagination > a:last-child > img{
    transform: rotate(-90deg);
}

.team-calendar--table > div:nth-child(2){
    overflow: auto;
}
.team-calendar--table td{
    padding: 0px 10px;
}
.team-calendar--table span{
    white-space: nowrap;
}
.pagination > a{
    width: 80px;
}
@media screen and (max-width: 1380px){
    .pagination{
        font-size: 20px;
    }
    .pagination > a > img{
        width: 21px;
    }
    .pagination > a{
        width: 40px;
    }
}
@media screen and (max-width: 740px){
    .pagination{
        font-size: 12px;
        gap: unset;
        justify-content: space-between;
    }
    .pagination > a > img{
        width: 14px;
    }
    .pagination > a{
        width: auto;
    }
}




.team-management--container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}
.team-management--container > div{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
}
.team-management--container > div > div:nth-child(1){
    display: grid;
    grid-template-columns: 220px 1fr;
    column-gap: 20px;
    transform: translate(-2px, -2px);
    margin-bottom: -4px;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(1){
    background: url(/public/v3/img/index_player_card_bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 220px;
    height: 243px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    overflow: hidden;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(1) > img{
    width: 100%;
    height: 100%;
    object-position: center bottom;
    object-fit: contain;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(1)::before{
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 88, 0) 0%, rgba(0, 0, 88, 1) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 15px;
    padding-left: 0px;
    padding-bottom: 0px;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(2) > div,
.team-management--container > div > div:nth-child(1) > div:nth-child(2) > div > div{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(2) > div:last-child{
    border-radius: 18px;
    border: 2px solid var(--color-violet);
    padding: 15px 20px;
    gap: 20px;
    width: fit-content;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(2) > div:last-child > span:nth-child(1){
    font-size: 21px;
    line-height: 1em;
    font-weight: 600;
    font-style: italic;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(2) > div:last-child > span:nth-child(2){
    font-size: 15px;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(1){
    font-size: 28px;
    line-height: 1em;
    font-weight: 500;
    font-style: italic;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(2){
    font-size: 15px;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(2) > div > div img{
    height: 31px;
}
.team-management--container > div > div:nth-child(2){
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    padding: 0px 20px;
    padding-bottom: 20px;
}
.team-management--container > div > div:nth-child(2) > div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    border-radius: 18px;
    border: 2px solid var(--color-violet);
    padding: 15px 20px;
}
.team-management--container > div > div:nth-child(2) > div > span:nth-child(1){
    font-size: 15px;
}
.team-management--container > div > div:nth-child(2) > div > span:nth-child(2){
    font-size: 28px;
    line-height: 1em;
    font-weight: 600;
    font-style: italic;
}

@media screen and (max-width: 1380px) {
    .team-management--container{
        grid-template-columns: 1fr;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(1){
        width: 351px;
        height: 386px;
    }
    .team-management--container > div > div:nth-child(1){
        grid-template-columns: 351px 1fr;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(1){
        font-size: 35px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(2){
        font-size: 25px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > div > div img{
        height: 41px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > div{
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2){
        padding-bottom: 20px;
        padding-left: 0px;
    }
    .team-management--container > div > div:nth-child(2) > div{
        border-radius: 36px;
    }
    .team-management--container > div > div:nth-child(2) > div > span:nth-child(1){
        font-size: 15px;
    }
    .team-management--container > div > div:nth-child(2) > div > span:nth-child(2){
        font-size: 28px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > div:last-child{
        border-radius: 30px;
        padding: 20px;
        gap: 15px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > div:last-child > span:nth-child(1){
        font-size: 28px;
    }
}
@media screen and (max-width: 740px){
    .team-management--container > div > div:nth-child(1) > div:nth-child(2){
        position: relative;
        padding-bottom: calc(75px + 10px + 10px);
        min-height: 144px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > div:last-child{
        position: absolute;
        bottom: 10px;
        right: 6px;
        gap: 10px;
        padding: 15px;
        border-radius: 20px;
        width: calc(100% + 131px + 4px);
        box-sizing: border-box;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > div:last-child > span:nth-child(1){
        font-size: 21px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > div:last-child > span:nth-child(2){
        font-size: 10px;
    }
    .team-management--container > div{
        border-radius: 20px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(1){
        border-radius: 20px;
        width: 131px;
        height: 144px;
    }
    .team-management--container > div > div:nth-child(1){
        grid-template-columns: 131px 1fr;
    }
    .team-management--container > div{
        gap: 10px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(1){
        font-size: 21px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > span:nth-child(2){
        font-size: 15px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > div > div img{
        height: 17px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2){
        padding-top: 10px;
        gap: 10px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > div{
        gap: 10px;
    }
    .team-management--container > div > div:nth-child(1) > div:nth-child(2) > div > a.button{
        height: 40px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .team-management--container > div > div:nth-child(2) > div{
        padding: 15px;
        gap: 10px;
        border-radius: 20px;
    }
    .team-management--container > div > div:nth-child(2){
        column-gap: 10px;
        padding: 0px 10px;
        padding-bottom: 10px;
    }
    .team-management--container > div > div:nth-child(2) > div > span:nth-child(1){
        font-size: 10px;
    }
    .team-management--container > div > div:nth-child(2) > div > span:nth-child(2){
        font-size: 21px;
    }
}


.team-header{
    display: grid;
    grid-template-columns: 304px 1fr;
    column-gap: 20px;
}
.team-header > div:nth-child(1){
    background: url(/public/v3/img/index_player_card_bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 304px;
    height: 336px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    overflow: hidden;
}
.team-header > div:nth-child(1) > img{
    width: 80%;
    height: 80%;
    object-position: center center;
    object-fit: contain;
}
.team-header > div:nth-child(1)::before{
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 88, 0) 0%, rgba(0, 0, 88, 1) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
}
.team-header > div:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}
.team-header > div:nth-child(2) > div:nth-child(1){
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.team-header > div:nth-child(2) > div:nth-child(1) > h1{
    margin: 0px;
    font-size: 70px;
    line-height: 1em;
    font-style: italic;
}
.team-header > div:nth-child(2) > div:nth-child(1) > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 15px;
}
.team-header > div:nth-child(2) > div:nth-child(1) > div img{
    height: 31px;
}
.team-header > div:nth-child(2) > *:nth-child(2){
    display: grid;
    grid-template-columns: 1fr 100px 1fr 100px;
    column-gap: 20px;
    width: fit-content;
    margin-left: auto;
    align-items: center;
    padding: 40px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    cursor: pointer;
}
.team-header > div:nth-child(2) > *:nth-child(2) img{
    width: 100px;
    height: 91px;
    object-fit: contain;
    object-position: center;
}
.team-header > div:nth-child(2) > *:nth-child(2) > p{
    display: flex;
    flex-direction: column;
    margin: 0px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.team-header > div:nth-child(2) > *:nth-child(2) > p span:nth-child(1){
    font-size: 20px;
}
.team-header > div:nth-child(2) > *:nth-child(2) > p span:nth-child(2){
    font-size: 35px;
    line-height: 1em;
}


@media screen and (max-width: 1380px) {
    .team-header > div:nth-child(1){
        width: 239px;
        height: 264px;
    }
    .team-header{
        grid-template-columns: 239px 1fr;
    }
    .team-header > div:nth-child(2) > div:nth-child(1) > h1{
        font-size: 35px;
    }
    .team-header > div:nth-child(2) > div:nth-child(1) > div img{
        height: 43px;
    }
    .team-header > div:nth-child(2) > *:nth-child(2){
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        padding: 10px 15px;
        border-radius: 30px;
    }
    .team-header > div:nth-child(2) > *:nth-child(2) > span{
        text-align: center;
        width: 100%;
        flex-basis: 100%;
    }
    .team-header > div:nth-child(2) > *:nth-child(2) > span br{
        display: none;
    }
    .team-header > div:nth-child(2) > *:nth-child(2) > img{
        width: 69px;
        height: 69px;
    }
}

@media screen and (max-width: 740px) {
    .team-header > div:nth-child(2) > *:nth-child(2) img{
        width: 36px;
        height: 36px;
    }
    .team-header > div:nth-child(1){
        width: 131px;
        height: 144px;
        border-radius: 20px;
    }
    .team-header{
        grid-template-columns: 131px 1fr;
        column-gap: 10px;
    }
    .team-header > div:nth-child(2) > div:nth-child(1) > h1{
        font-size: 21px;
    }
    .team-header > div:nth-child(2) > div:nth-child(1) > div img{
        height: 17px;
    }
    .team-header > div:nth-child(2) > *:nth-child(2){
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px 15px;
        border-radius: 30px;
        border-radius: 20px;
    }
    .team-header > div:nth-child(2){
        gap: 10px;
    }
    .team-header > div:nth-child(2) > *:nth-child(2) > span{
        text-align: center;
        width: 100%;
        flex-basis: 100%;
    }
    .team-header > div:nth-child(2) > *:nth-child(2) > span br{
        display: none;
    }
    .team-header > div:nth-child(2) > *:nth-child(2) > img{
        width: 36px;
        height: 36px;
    }
    .team-header > div:nth-child(2) > *:nth-child(2) > p span:nth-child(1){
        font-size: 10px;
    }
    .team-header > div:nth-child(2) > *:nth-child(2) > p span:nth-child(2){
        font-size: 17px;
    }
}

.tabs-controls{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    overflow: auto;
    gap: 30px;
    padding-bottom: 10px;
}
.tabs-controls > a{
    border-radius: 20px;
    border: 2px solid white;
    color: white;
    background-color: transparent;
    font-size: 17px;
    line-height: 1em;
    font-style: italic;
    font-weight: 600;
    min-width: 116px;
    padding: 11px 22px;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
}
.tabs-controls > a.active{
    background: white;
    color: var(--main-background-color);
}

@media screen and (max-width: 1380px){
    .tabs-controls{
        gap: 20px;
    }
    .tabs-controls > a{
        font-size: 14px;
        padding: 15px 25px;
        border-radius: 30px;
        min-width: unset;
    }
}
@media screen and (max-width: 740px){
    .tabs-controls{
        gap: 10px;
    }
    .tabs-controls > a{
        font-size: 10px;
        padding: 10px 20px;
        border-radius: 20px;
    }
}

.videos-searchbar{
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 20px));
    column-gap: 20px;
    row-gap: 10px;
}
.videos-searchbar > *{
    box-sizing: border-box;
}
@media screen and (max-width: 1380px){
    .videos-searchbar{
        grid-template-columns: 1fr;
    }
}

.media-players-searchbar{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 10px;
}
@media screen and (max-width: 1380px){
    .media-players-searchbar{
        grid-template-columns: 1fr;
    }
}


.media-players{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.media-players > div > *:nth-child(1){
    background: url(/public/v3/img/index_player_card_bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 154px;
    min-height: 170px;
    height: 100%;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    overflow: hidden;
    margin: -2px;
}
.media-players > div > *:nth-child(1) > img{
    width: 100%;
    height: 100%;
    object-position: center bottom;
    object-fit: contain;
}
.media-players > div > *:nth-child(1)::before{
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 88, 0) 0%, rgba(0, 0, 88, 1) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
}

.media-players > div{
    display: grid;
    grid-template-columns: 154px 1fr;
    column-gap: 40px;
    align-items: center;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    padding-right: 20px;
}
.media-players > div > div:nth-child(2){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}
.media-players > div > div:nth-child(2) > *:nth-child(1){
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.media-players > div > div:nth-child(2) > *:nth-child(1) > *:nth-child(1){
    font-size: 60px;
    font-family: "PF Din";
    font-style: italic;
    font-weight: 500;
    line-height: 1em;
}
.media-players > div > div:nth-child(2) > *:nth-child(1) > *:nth-child(2){
    font-size: 20px;
    line-height: 1em;
}
.media-players > div > div:nth-child(2) > div:nth-child(2){
    display: flex;
    flex-direction: row;
    gap: 60px;
    align-items: center;
    justify-content: center;
}
.media-players > div > div:nth-child(2) > div:nth-child(2) > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.media-players > div > div:nth-child(2) > div:nth-child(2) > div > a > img{
    height: 31px;
}
.media-players > div > div:nth-child(2) > div:nth-child(2) > * > img,
.media-players > div > div:nth-child(2) > div:nth-child(2) > img{
    width: 92px;
    height: 92px;
    object-fit: contain;
    object-position: center;
}
.media-players > div > div:nth-child(2) > div:nth-child(2) > .button{
    display: none;
}
@media screen and (max-width: 1380px){
    .media-players > div > *:nth-child(1){
        width: 87px;
        min-height: 96px;
        border-radius: 20px;
    }
    .media-players > div{
        grid-template-columns: 87px 1fr;
        column-gap: 20px;
        border-radius: 20px;
    }
    .media-players > div > div:nth-child(2) > *:nth-child(1) > *:nth-child(1){
        font-size: 30px;
    }
    .media-players > div > div:nth-child(2) > *:nth-child(1) > *:nth-child(2){
        font-size: 15px;
    }
    .media-players > div > div:nth-child(2) > div:nth-child(2) > div > a > img{
        height: 17px;
    }
    .media-players > div > div:nth-child(2) > div:nth-child(2) > * > img, .media-players > div > div:nth-child(2) > div:nth-child(2) > img{
        width: 40px;
        height: 40px;
    }
    .media-players > div > div:nth-child(2) > div:nth-child(2){
        gap: 20px;
    }
    .media-players > div > div:nth-child(2) > div:nth-child(2) > div{
        gap: 10px;
    }
    .media-players > div > div:nth-child(2) > *:nth-child(1){
        gap: 8px;
    }
    .media-players > div > *:nth-child(1)::before{
        height: 40px;
    }
}

@media screen and (max-width: 740px){
    .media-players > div > *:nth-child(1){
        width: 131px;
        min-height: 144px;
        border-radius: 20px;
    }
    .media-players > div{
        grid-template-columns: 131px 1fr;
        column-gap: 20px;
        border-radius: 20px;
        padding-right: 0px;
    }
    .media-players > div > div:nth-child(2) > div:nth-child(2){
        gap: 20px;
    }
    .media-players > div > div:nth-child(2) > div:nth-child(2) > div{
        gap: 10px;
    }
    .media-players > div > div:nth-child(2) > *:nth-child(1){
        gap: 5px;
    }
    .media-players > div > *:nth-child(1)::before{
        height: 40px;
    }
    .media-players > div > div:nth-child(2){
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }
    .media-players > div > div:nth-child(2) > div:nth-child(2){
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: start;
    }
    .media-players > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1){
        flex-basis: 100%;
        justify-content: start;
    }
    .media-players > div > div:nth-child(2) > div:nth-child(2) > .button{
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        width: fit-content;
        white-space: nowrap;
        font-size: 15px;
        font-family: "PF Din";
        height: 40px;
    }
}

.media-player{
    display: grid;
    grid-template-columns: 304px 1fr;
    column-gap: 20px;
}
.media-player > div:nth-child(1){
    background: url(/public/v3/img/index_player_card_bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 304px;
    height: 336px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    overflow: visible;
}
.media-player > div:nth-child(1) > img{
    width: 100%;
    height: 100%;
    object-position: center bottom;
    object-fit: contain;
}
.media-player > div:nth-child(1)::before{
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 88, 0) 0%, rgba(0, 0, 88, 1) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    border-radius: 0px 0px 36px 36px;
}
.media-player > div:nth-child(2) > div:nth-child(2){
    position: relative;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
    position: absolute;
    top: 0px;
    right: 0px;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    padding: 20px;
    max-width: 213px;
    box-sizing: border-box;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div > span:nth-child(1){
    font-size: 50px;
    line-height: 1em;
    font-family: "PF Din";
    font-weight: 500;
    font-style: italic;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div > span:nth-child(2){
    font-size: 15px;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > a.button{
    display: none;
}
.media-player > div:nth-child(2) > div:nth-child(1) > *{
    font-size: 80px;
    line-height: 100px;
    font-family: "PF Din";
    font-weight: 500;
    font-style: italic;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1){
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 15px;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > *:nth-child(1){
    font-size: 40px;
    font-weight:600;
    line-height: 1em;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > a:nth-child(3){
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    max-width: 360px;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > a:nth-child(3) .status{
    margin-left: auto;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > a:nth-child(3) > img{
    width: 40px;
    height: 40px;
    object-fit: contain;
    object-position: center;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 15px;
    position: relative;
    padding-left: 380px;

}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > a > img{
    height: 31px;
}
.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > a.button{
    margin-left: auto;
}

.media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) .status,
.media-player > div:nth-child(1) .status{
    height: 49px;
    background: #000057;
    border-radius: 20px;
    border: 1px solid #1C249F;
    padding: 5px 20px;
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: 0px;
    left: 0px;
}
@media screen and (min-width: 1312px) {
    .media-player > div:nth-child(1) .status{
        display: none;
    }
}

@media screen and (max-width: 1380px){
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > a:nth-child(3){
        max-width: 100%;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
        width: 680px;
        max-width: calc(100vw - (var(--page-padding) * 2));
        right: 0px;
        top: unset;
        bottom: 0px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div{
        max-width: unset;
    }
    .media-player{
        grid-template-columns: 239px 1fr;
        padding-bottom: calc(148px + 20px);
        position: relative;
    }
    .media-player > div:nth-child(1){
        width: 230px;
        height: 264px;
        margin-bottom: 52px;
        position: relative;
    }
    .media-player > div:nth-child(1) .status{
        font-size: 15px;
        width: calc(100%);
        position: absolute;
        top: calc(100% + 12px);
        left: 0px;
        height: 42px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2){
        position: unset;
    }
    .media-player > div:nth-child(2) > div:nth-child(1) > *{
        font-size: 35px;
        line-height: 50px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > *:nth-child(1){
        font-size: 25px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > span:nth-child(2){
        font-size: 20px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4){
        padding: 0px;
        flex-wrap: wrap;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) .status{
        top: unset;
        bottom: 0px;
        left: unset;
        right: calc(100% + 20px);
        font-size: 15px;
        width: calc(680px - 100% - 20px);
        height: 42px;
        display: none;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > a.button{
        margin-left: 0px;
        width: 100%;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > a > img{
        height: 43px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div > span:nth-child(1){
        font-size: 40px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div > span:nth-child(2){
        font-size: 15px;
    }
}

@media screen and (max-width: 740px){
    .media-player > div:nth-child(1) .status{
        font-size: 8px;
        height: 32px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
        width: 680px;
        max-width: calc(100vw - (var(--page-padding) * 2));
        right: 0px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div{
        gap: 10px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div{
        border-radius: 20px;
        padding: 10px;
        gap: 5px;
        flex-direction: column-reverse;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1){
        gap: 25px;
        margin-top: 5px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) .status{
        font-size: 8px;
        width: calc(100vw - 30px - 100% - 20px);
        height: 32px;
        padding: 0px;
    }
    .media-player{
        grid-template-columns: 131px 1fr;
        padding-bottom: calc(137px + 10px);
    }
    .media-player > div:nth-child(1){
        width: 131px;
        height: 144px;
        border-radius: 20px;
        margin-bottom: 42px;
    }
    .media-player > div:nth-child(2) > div:nth-child(1) > *{
        font-size: 20px;
        line-height: 20px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > *:nth-child(1){
        font-size: 15px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > span:nth-child(2){
        font-size: 15px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > a:nth-child(3){
        font-size: 15px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > a:nth-child(3) > img{
        width: 21px;
        height: 21px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > a > img{
        height: 32px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > a.button{
        display: none;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div > span:nth-child(1){
        font-size: 30px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div > span:nth-child(2){
        font-size: 10px;
    }
    .media-player > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > a.button{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
        height: 40px;
        margin-top: 10px;
    }
}

.no-uppercase{
    text-transform: none;
}
.uppercase{
    text-transform: uppercase;
}


@media screen and (max-width: 740px) {
    .player-stats--table td div > *:not(img){
        display: none;
    }
}
.player-stats--table > *:not(.table-prehead){
    overflow: auto;
}

.spoiler-table{
    gap: 0px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    box-sizing: border-box;
}
.spoiler-table .spoiler-prehead{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 66px;
    background: var(--main-background-color);
    font-family: "PF Din";
    font-size: 40px;
    font-weight: 500;
    font-style: italic;
    text-transform: uppercase;
    border-radius: 36px 36px 0px 0px;
}

.spoiler-table div.spoiler-bottom{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 34px;
    background: var(--color-gray);

    font-family: "PF Din";
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 0px 0px 36px 36px;

    /* font-family: "PF Din"; */
}
.spoiler-table > div.spoiler-bottom span{
    color: var(--main-background-color);
    opacity: 0.45;
}
.spoiler-table .spoiler-head{
    background: var(--color-orange);
    background-size: cover;
}

.player-stats--spoiler-table .spoiler-head,
.player-stats--spoiler-table .spoiler-row > div:first-child{
    display: grid;
    grid-template-columns: 1fr 2fr 4fr 1fr 1fr;
    align-items: center;
    height: 53px;
}
.player-stats--spoiler-table .spoiler-head > *,
.player-stats--spoiler-table .spoiler-row > div:first-child > *{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.spoiler-table .spoiler-row > div{
    background: white;
    color: var(--main-background-color);
    text-decoration: none;
}
.player-stats--spoiler-table .spoiler-row > div:first-child > *:nth-child(3),
.player-stats--spoiler-table .spoiler-head > *:nth-child(3){
    justify-content: start;
}

.player-stats--spoiler-table .spoiled{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.spoiler-table .spoiler-row:not(.active) .spoiled{
    display: none;
}
.spoiler-table .spoiler-row{
    border-top: 2px solid var(--color-gray);
}
.player-stats--spoiler-table .spoiled > div{
    border-top: 2px solid var(--color-gray);
}
.player-stats--spoiler-table .spoiled > div:nth-child(odd){
    border-right: 2px solid var(--color-gray);
}
.player-stats--spoiler-table .spoiled > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    align-items: center;
    padding: 1px 20px;
    height: 60px;
}
.player-stats--spoiler-table .spoiled > div > span:nth-child(1){
    line-height: 1.1em;
}
.player-stats--spoiler-table .spoiled > div > span:nth-child(2){
    padding: 5px 24px;
    text-align: center;
    border-radius: 20px;
    background: var(--main-background-color);
    color: white;
    white-space: nowrap;
}

.spoiler-table .spoiler-row.active > div:first-child{
    background: var(--color-orange);
    color: white;
}

.spoiler-row > div:nth-child(1) > div > img{
    height: 40px;
    width: 40px;
    object-fit: contain;
    object-position: center;
}
.spoiler-row > div:nth-child(1) > div:last-child > img{
    cursor: pointer;
    height: 20px;
    /* transition: all 0.25s ease-in-out; */
}
.spoiler-row.active > div:nth-child(1) > div:last-child > img{
    transform: scaleY(-1);
    filter:brightness(0) invert(1);
}

.player-stats--spoiler-table .spoiler-row > div:first-child > *:nth-child(3) > img{
    width: 40px;
    height: 40px;
}
@media screen and (max-width: 1380px){
    .player-stats--spoiler-table .spoiler-head, .player-stats--spoiler-table .spoiler-row > div:first-child{
        grid-template-columns: 2fr 2fr 4fr 1fr 1fr;
    }
    .player-stats--spoiler-table .spoiled{
        grid-template-columns: 1fr;
    }
    .player-stats--spoiler-table .spoiled > div:nth-child(odd){
        border-right: none;
    }
    .player-stats--spoiler-table .spoiled > div{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .spoiler-table .spoiler-prehead{
        font-size: 30px;
    }
    .player-stats--spoiler-table .spoiled > div{
        height: unset;
        min-height: 60px;
    }
    .spoiler-table{
        border-radius: 30px;
    }
    .spoiler-table .spoiler-prehead{
        border-radius: 30px 30px 0px 0px;
    }
    .spoiler-table div.spoiler-bottom{
        border-radius: 0px 0px 30px 30px;
    }
}
@media screen and (max-width: 740px){
    .player-stats--spoiler-table .spoiler-head, .player-stats--spoiler-table .spoiler-row > div:first-child{
        grid-template-columns: 2fr 2fr 2fr 0.75fr 0.75fr;
    }
    /* .player-stats--spoiler-table .spoiler-row > div:first-child > *:last-child{
        display: none;
    } */
    .player-stats--spoiler-table .spoiler-row > div:first-child > *:nth-child(3), .player-stats--spoiler-table .spoiler-head > *:nth-child(3){
        justify-content: center;
    }
    .player-stats--spoiler-table .spoiled > div{
        flex-direction: column;
        align-items: start;
        padding: 10px 20px;
        gap: 5px;
        height: fit-content;
        min-height: 70px;
        box-sizing: border-box;
    }
    .player-stats--spoiler-table .spoiler-row > div:first-child > *:nth-child(3) > *:not(img){
        display: none;
    }
    .player-stats--spoiler-table .spoiler-row > div:first-child > *:nth-child(3) > img{
        width: 21px;
        height: 21px;
    }
    .spoiler-table .spoiler-prehead{
        font-size: 25;
    }
    .player-stats--spoiler-table .spoiler-head, .player-stats--spoiler-table .spoiler-row > div:first-child{
        height: 29px;
    }
    .spoiler-row > div:nth-child(1) > div > img{
        width: 21px;
        height: 21px;
    }
    .spoiler-table{
        border-radius: 20px;
    }
    .spoiler-table .spoiler-prehead{
        border-radius: 20px 20px 0px 0px;
    }
    .spoiler-table div.spoiler-bottom{
        border-radius: 0px 0px 20px 20px;
    }
}


.statistica-table--spoiler-table .spoiler-head > *{
    padding: 0px 10px;
    white-space: nowrap;
}
.statistica-table--spoiler-table .spoiler-head,
.statistica-table--spoiler-table .spoiler-row > div:first-child{
    display: grid;
    grid-template-columns: 1fr 3fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 2fr 2fr 2fr;
    align-items: center;
    height: 53px;
}
.statistica-table--spoiler-table .spoiler-head > *,
.statistica-table--spoiler-table .spoiler-row > div:first-child > *{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(2),
.statistica-table--spoiler-table .spoiler-head > *:nth-child(2){
    justify-content: start;

    width: 300px;
    box-sizing: border-box;
}
@media screen and (max-width: 1380px) {
    .statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(2),
    .statistica-table--spoiler-table .spoiler-head > *:nth-child(2){
        width: 260px;
    }
}
@media screen and (max-width: 740px) {
    .statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(2),
    .statistica-table--spoiler-table .spoiler-head > *:nth-child(2){
        width: 140px;
    }
}
.statistica-table--spoiler-table .spoiler-row > div:first-child > * img{
    width: 40px;
    height: 40px;
    object-fit: contain;
    object-position: center;
}
.statistica-table--spoiler-table .spoiler-row > div:first-child > *:last-child img{
    width: 30px;
    padding: 3px;
    box-sizing: border-box;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(11){
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 10px;
}
.statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(11) > span{
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: #00BC63;
}
.statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(11) > span.green{
    color: white;
    background-color: #00BC63;
}
.statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(11) > span.yellow{
    color: var(--main-background-color);
    background-color: #FFE60A;
}
.statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(11) > span.red{
    color: white;
    background-color: #EF0000;
}

.statistica-table--spoiler-table .spoiled > div:nth-child(1){
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0px;
}
.statistica-table--spoiler-table .spoiled > div:nth-child(1) > div{
    display: grid;
    grid-template-columns: 1fr 171px 1fr;
    column-gap: 10px;
    height: 53px;
    align-items: center;
}
.statistica-table--spoiler-table .spoiled > div:nth-child(1) > div > *{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
}
.statistica-table--spoiler-table .spoiled > div:nth-child(1) > div > *:nth-child(1){
    justify-content: end;
}
.statistica-table--spoiler-table .spoiled > div:nth-child(1) > div > *:nth-child(3){
    justify-content: start;
}
.statistica-table--spoiler-table .spoiled > div:nth-child(1) > div > *:nth-child(2){
    justify-content: center;
    border-radius: 20px;
    height: 40px;
    color: white;
    background: var(--main-background-color);
}
.statistica-table--spoiler-table .spoiled > div:nth-child(1) > div > * img{
    height: 40px;
    width: 40px;
    object-fit: contain;
    object-position: center;
}

.statistica-tabletable .spoiler-row:not(.active) .spoiled{
    display: none;
}
.statistica-table--spoiler-table .spoiled > div:nth-child(1) > div{
    border-top: 2px solid var(--color-gray);
}
.statistica-table--spoiler-table .spoiled > div:nth-child(1) > div:nth-child(odd){
    border-right: 2px solid var(--color-gray);
}


.statistica-table--spoiler-table .spoiled > div.chart{
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    border-top: 2px solid var(--color-gray);
    overflow: hidden;

}
.statistica-table--spoiler-table .spoiled > div.chart > div:nth-child(1){
    display: grid;
    grid-template-columns: 29px 26px 1fr;
    column-gap: 20px;
    align-items: center;
    width: 100%;
}
.statistica-table--spoiler-table .spoiled > div.chart > div:nth-child(1) > span{
    transform:  translateX(calc(-50% + 14px)) rotate(-90deg);
    width: fit-content;
}
.statistica-table--spoiler-table .spoiled > div.chart > div:nth-child(1) > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.statistica-table--spoiler-table .spoiled > div.chart > div:nth-child(1) > div > span{
    position: relative;
    width: 100%;
    display: block;
    font-weight: 400;
}
.statistica-table--spoiler-table .spoiled > div.chart > div:nth-child(1) > div > span::after{
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 20px);
    width: 1000vw!important;
    border-bottom: 2px solid rgba(0, 0, 72, 0.1);
}
.statistica-table--spoiler-table .spoiled > div.chart canvas{
    width: 100%;
    height: 406px;
}
.statistica-table--spoiler-table .spoiled > div.chart > div:nth-child(2){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding-left: calc(29px + 26px + 40px);
    font-weight: 400;
}
.statistica-table--spoiler-table .spoiled > div.chart > span{
    width: 100%;
    box-sizing: border-box;
    padding-left: calc(29px + 26px + 40px);
    text-align: center;
}

@media screen and (max-width: 1380px) {

    .statistica-table--spoiler-table > .table-scroll{

        overflow-x: auto;
    }
    .statistica-table--spoiler-table > .table-scroll > *{
        width: 1174px;
    }
    .statistica-table--spoiler-table .spoiled > div.chart > div:nth-child(1) > div > span::after{
        width: calc(100vw - (var(--page-padding) * 2) - 20px);
    }
}
@media screen and (max-width: 740px){
    /* .statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(9),
    .statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(10),
    .statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(11),
    .statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(12),
    .statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(13){
        display: none;
    }
    .statistica-table--spoiler-table .spoiler-head > *:nth-child(9),
    .statistica-table--spoiler-table .spoiler-head > *:nth-child(10),
    .statistica-table--spoiler-table .spoiler-head > *:nth-child(11),
    .statistica-table--spoiler-table .spoiler-head > *:nth-child(12),
    .statistica-table--spoiler-table .spoiler-head > *:nth-child(13){
        display: none;
    }
    .statistica-table--spoiler-table .spoiler-head, .statistica-table--spoiler-table .spoiler-row > div:first-child{
        grid-template-columns: 1fr 3fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
    .statistica-table--spoiler-table > .table-scroll > *{
        width: 100%;
    } */
    .statistica-table--spoiler-table .spoiler-head, .statistica-table--spoiler-table .spoiler-row > div:first-child{
        grid-template-columns: 1fr 3fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 4fr 2fr 2fr;
    }
    .statistica-table--spoiler-table > .table-scroll > *{
        width: 700px;
    }
    .statistica-table--spoiler-table .spoiled > div.chart canvas{
        height: 300px;
    }
    .statistica-table--spoiler-table .spoiler-row > div:first-child > * img{
        width: 21px;
        height: 21px;
    }
    .statistica-table--spoiler-table .spoiler-head > *, .statistica-table--spoiler-table .spoiler-row > div:first-child > *{
        font-size: 12px;
    }
    .statistica-table--spoiler-table .spoiler-head > *, .statistica-table--spoiler-table .spoiler-row > div:first-child > *{
        gap: 10px;
    }
    .statistica-table--spoiler-table .spoiler-head > *{
        padding: 0px 0px;
    }
    .statistica-table--spoiler-table .spoiled > div:nth-child(1) > div > *:not(:nth-child(2)) > span{
        display: none;
    }
    .statistica-table--spoiler-table .spoiled > div:nth-child(1) > div > *:nth-child(1),
    .statistica-table--spoiler-table .spoiled > div:nth-child(1) > div > *:nth-child(3){
        justify-content: center;
    }
}

.statistica-stats{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}

.statistica-stats > div{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    padding: 40px;
}
.statistica-stats > div:not(.statistica-stats--chart){
    gap: 10px;
}
.statistica-stats > div.statistica-stats--chart > div{
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    column-gap: 10px;
    height: 100%;
}
.statistica-stats > div.statistica-stats--chart > div > div{
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: end;
}
.statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(2){
    flex-basis: 53px;
    position: relative;
}
.statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(1){
    flex-basis: calc(100%);
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    text-align: center;
    gap: 10px;
}
.statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(1) > div{
    background: white;
    width: 8px;
    height: var(--percent);
}
.statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(2) > span{
    display: block;
    white-space: nowrap;
    transform:  translate(-50%, -50%) rotate(90deg);
    font-size: 15px;
    font-weight: 400;
    width: 51px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(2) > span,
.statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(1) > span{
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}
.statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(1) > span{
    font-weight: 500;
}
.statistica-stats > div:not(.statistica-stats--chart) > span:nth-child(2){
    font-family: "PF Din";
    font-weight: 500;
    font-size: 100px;
    line-height: 0.9em;
    font-style: italic;
}
.statistica-stats > div:not(.statistica-stats--chart) > span:nth-child(3){
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}
.statistica-stats > div:not(.statistica-stats--chart) hr{
    width: 100%;
    margin: 0px;
}
.statistica-stats > div:not(.statistica-stats--chart) div:last-child{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
.statistica-stats > div:not(.statistica-stats--chart) div:last-child > div{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.statistica-stats > div:not(.statistica-stats--chart) div:last-child > div > span:nth-child(1){
    font-family: "PF Din";
    font-weight: 500;
    font-size: 40px;
    line-height: 0.9em;
    font-style: italic;
}
.statistica-stats > div:not(.statistica-stats--chart) div:last-child > div > span:nth-child(2){
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}
.statistica-stats--table{
    overflow-x: scroll;
    padding-bottom: 10px;
}
.statistica-stats--table > div{
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: fit-content;
}
.statistica-stats--table > div > div{
    width: 446px;
}
.statistica-stats--table tr > *:nth-child(2){
    text-align: left;
}
.statistica-stats--table tr > *:nth-child(2) > *{
    justify-content: start;
}

@media screen and (max-width: 1380px){
    .statistica-stats > div:not(.statistica-stats--chart) > span:nth-child(2){
        font-size: 40px;
    }
    .statistica-stats > div:not(.statistica-stats--chart) > span:nth-child(1),
    .statistica-stats > div:not(.statistica-stats--chart) > span:nth-child(3),
    .statistica-stats > div.statistica-stats--chart > span{
        font-size: 15px;
    }
    .statistica-stats > div:not(.statistica-stats--chart) div:last-child{
        grid-template-columns: 1fr;
        row-gap: 10px;
    }
    .statistica-stats > div:not(.statistica-stats--chart) div:last-child > div > span:nth-child(1){
        font-size: 20px;
    }
    .statistica-stats > div:not(.statistica-stats--chart) div:last-child > div > span:nth-child(2){
        font-size: 10px;
    }
    .statistica-stats > div{
        padding: 20px;
        border-radius: 30px;
    }
    .statistica-stats > div.statistica-stats--chart > div{
        display: flex;
        flex-direction: column-reverse;
        gap: 0px;
        align-items: start;
    }
    .statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(1) > div{
        height: 6px;
        width: var(--percent);
    }
    .statistica-stats > div.statistica-stats--chart > div > div{
        display: grid;
        grid-template-columns: 50px 1fr;
        column-gap: 10px;
        width: 100%;
    }
    .statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(2) > span{
        transform: unset;
        position: unset;
        left: unset;
        top: unset;
    }
    .statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(2){
        order: -1;
    }
    .statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(2) > span, .statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(1) > span{
        font-size: 10px;
    }
    .statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(1){
        flex-direction: row-reverse;
        justify-content: left;
        gap: 3px;
    }
    .statistica-stats > div:not(.statistica-stats--chart){
        gap: 15px;
    }
    .statistica-stats{
        column-gap: 10px;
    }
    .statistica-stats--table > div > div{
        width: 326px;
    }
    /* .statistica-stats--table > div{
        gap: 10px;
    } */
}

@media screen and (max-width: 740px){
    .statistica-stats > div:not(.statistica-stats--chart) > span:nth-child(1), .statistica-stats > div.statistica-stats--chart > span{
        font-size: 10px;
    }
    .statistica-stats > div:not(.statistica-stats--chart) > span:nth-child(3),
    .statistica-stats > div:not(.statistica-stats--chart) div:last-child > div > span:nth-child(2){
        font-size: 8px;
    }
    .statistica-stats > div:not(.statistica-stats--chart) div:last-child > div > span:nth-child(1),
    .statistica-stats > div:not(.statistica-stats--chart) > span:nth-child(2){
        font-size: 30px;
    }
    .statistica-stats > div:not(.statistica-stats--chart){
        gap: 10px;
    }
    .statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(2) > span, .statistica-stats > div.statistica-stats--chart > div > div > div:nth-child(1) > span{
        font-size: 8px;
    }
    .statistica-stats > div.statistica-stats--chart > div > div{
        grid-template-columns: 28px 1fr;
    }
    .statistica-stats > div{
        padding: 10px;
        border-radius: 20px;
    }
    .statistica-stats--table{
        overflow-x: hidden;
        padding-bottom: 0px;
    }
    .statistica-stats--table > div{
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    .statistica-stats--table > div > div{
        width: 100%;
    }

    .statistica-players--table th:nth-child(3),
    .statistica-players--table td:nth-child(3){
        display: none;
    }
    .statistica-players--table td > div > span{
        display: none;
    }
}

.statistica-matches--list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.statistica-matches--list > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    padding: 20px 25px;
    border-radius: 18px;
    border: 2px solid var(--color-violet);

    font-family: "PF Din";
    font-size: 36px;
    font-style: italic;
    font-weight: 500;
    text-decoration: none;
}
.statistica-matches--list > div > *{
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}
.statistica-matches--list > div > *:nth-child(1) > img{
    width: 43px;
    height: 43px;
    object-fit: contain;
    object-position: center;
}
.statistica-matches--list > div > *:nth-child(2) img{
    height: 31px;
}
@media screen and (max-width: 740px){
    .statistica-matches--list > div{
        padding: 10px 15px;
        font-size: 15px;
        border-radius: 20px;
    }
    .statistica-matches--list > div > *:nth-child(2) img{
        height: 20px;
    }
    .statistica-matches--list > div > *:nth-child(1) > img{
        width: 25px;
        height: 25px;
    }
}

.statistica-header{
    background: url(/public/v3/img/statistica_banner.png);
    background-position: center;
    background-size: cover;
    margin-top: calc(var(--default-margin) * -1);
}
.statistica-header > div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 70px;
    padding-bottom: 40px;
    box-sizing: border-box;
    gap: 70px;
}
.statistica-header > div > div:nth-child(1){
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 20px;
    background: white;
    padding: 15px 30px;
}
.statistica-header > div > div:nth-child(1) > *.cup{
    display: grid;
    grid-template-columns: 60px 1fr;
    text-align: center;
    align-items: center;
    border-radius: 25px;
    column-gap: 20px;
    padding: 0px 20px;
    width: calc(50% - 40px);

    height: 96px;
}
.statistica-header > div > div:nth-child(1) > *.cup p{
    font-family: "PF Din";
    font-size: 28px;
    font-style: italic;
    font-weight: 500;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0px;
}
.statistica-header > div > div:nth-child(1) > *.cup > img{
    width: 60px;
}
.statistica-header > div > div:nth-child(1) > *.cup p span{
    line-height: 0.8em;
}
.statistica-header > div > div:nth-child(1) > *.cup p span:nth-child(1){
    font-size: 28px;
}
.statistica-header > div > div:nth-child(1) > *.cup p span:nth-child(2){
    font-size: 20px;
}
.statistica-header > div > div:nth-child(1) > *.cup:nth-child(odd){
    background: var(--main-background-color);
    color: white;
}
.statistica-header > div > div:nth-child(1) > *.cup:nth-child(even){
    border: 2px solid var(--main-background-color);
    color: var(--main-background-color);
}
.statistica-header > div > div:nth-child(1) > *.matches{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    overflow-x: scroll;
    padding-bottom: 10px;
    gap: 20px;
    width: calc(100% - 40px);
}

/* Handle */
.statistica-header > div > div:nth-child(1) > *.matches::-webkit-scrollbar-thumb {
    background: #000048;
}
.statistica-header > div > div:nth-child(1) > *.matches::-webkit-scrollbar-track {
    background: #00004838;
}

.statistica-header > div > div:nth-child(1) > *.matches > *{
    min-width: calc(20% - 16px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 80px;
    border-radius: 26px;
    border: 2px solid var(--main-background-color);

    font-size: 15px;
    color: var(--main-background-color);
    white-space: nowrap;
}
.statistica-header > div > div:nth-child(1) > *.matches > *.active{
    background: var(--color-orange);
}
.statistica-header > div > div:nth-child(1) > *.matches > * > img{
    width: 39px;
    height: 39px;
    object-fit: contain;
    object-position: center;
}
.statistica-header > div > div:nth-child(2){
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.statistica-header > div > div:nth-child(2) > span:nth-child(1){
    font-family: "PF Din";
    font-size: 166px;
    font-style: italic;
    font-weight: 500;
    line-height: 0.8em;
}
.statistica-header > div > div:nth-child(2) > span:nth-child(2){
    font-family: "PF Din";
    font-size: 256px;
    font-style: italic;
    font-weight: 500;
    line-height: 0.8em;
}


@media screen and (max-width: 1380px){
    .statistica-header > div{
        padding-top: 0px;
        max-width: unset;
        width: 100%;
    }
    .statistica-header > div > div:nth-child(1){
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }
    .statistica-header > div > div:nth-child(1) > *.cup{
        grid-template-columns: 38px 1fr;
        column-gap: 20px;
        height: 71px;
        border-radius: 30px;

        width: fit-content
    }
    .statistica-header > div > div:nth-child(1) > *.cup > img{
        width: 38px;
    }
    .statistica-header > div > div:nth-child(1) > *.cup p{
        font-size: 21px;
        display: block;
    }
    .statistica-header > div > div:nth-child(1) > *.cup p span:nth-child(1),
    .statistica-header > div > div:nth-child(1) > *.cup p span:nth-child(2){
        font-size: 21px;
    }

    .statistica-header > div > div:nth-child(1) > *.matches{
        width: 100%;
        flex-basis: 100%;
    }
    .statistica-header > div > div:nth-child(1) > *.matches > *{
        min-width: unset;
        display: flex;
        flex-direction: row;
        gap: 20px;
        height: 67px;
        padding: 0px 20px;
        gap: 20px;
        border-radius: 30px;
        font-size: 20px;
    }
    .statistica-header > div > div:nth-child(2) > span:nth-child(1){
        font-size: 156px;
    }
    .statistica-header > div > div:nth-child(2) > span:nth-child(2){
        font-size: 241px;
    }
}
@media screen and (max-width: 740px){
    .statistica-header > div > div:nth-child(1),
    .statistica-header > div > div:nth-child(1) > *.matches{
        gap: 10px;
    }
    .statistica-header > div > div:nth-child(1) > *.cup{
        grid-template-columns: 18px 1fr;
        column-gap: 10px;
        height: 32px;
        border-radius: 20px;
        padding: 0px 10px;
    }
    .statistica-header > div > div:nth-child(1) > *.cup > img{
        width: 18px;
    }
    .statistica-header > div > div:nth-child(1) > *.cup p{
        font-size: 15px!important;
    }
    .statistica-header > div > div:nth-child(1) > *.cup p span:nth-child(1), .statistica-header > div > div:nth-child(1) > *.cup p span:nth-child(2){
        font-size: 15px;
    }
    .statistica-header > div > div:nth-child(1) > *.matches > *{
        font-size: 10px;
        height: 32px;
        gap: 10px;
        padding: 0px 10px;
        border-radius: 20px;
    }
    .statistica-header > div > div:nth-child(1) > *.matches > * > img{
        height: 24px;
        width: 24px;
    }
    .statistica-header > div > div:nth-child(2) > span:nth-child(1){
        font-size: 73px;
        line-height: 70px;
    }
    .statistica-header > div > div:nth-child(2) > span:nth-child(2){
        font-size: 112px;
    }
    .statistica-header > div{
        gap: 30px;
        padding-bottom: 20px;
    }
}



.index-table > div.table-prehead .link,
.tooltip{
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);

}

.tooltip > div:nth-child(1),
.index-table > div.table-prehead .link{
    width: 28px;
    height: 28px;
    cursor: pointer;
}
.index-table > div.table-prehead .link img,
.tooltip > div:nth-child(1) img{
    width: 100%;
    height: 100%;

    filter: drop-shadow(0 0 4px var(--main-background-color));
}
.tooltip > div:nth-child(2){
    position: absolute;
    right: 0px;
    bottom: calc(100% + 10px);
    width: max-content;
    max-width: 40vw;

    background: var(--main-background-color);
    border: 2px solid var(--color-violet);
    padding: 10px;
    box-sizing: border-box;
    border-radius: 20px;
    height: fit-content;

    z-index: 9999;

    font-size: 20px;
}
.tooltip:not(:hover):not(.active) > div:nth-child(2){
    display: none;
}

@media screen and (max-width: 1380px) {
    .tooltip > div:nth-child(1),
    .index-table > div.table-prehead .link{
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 740px) {
    .tooltip > div:nth-child(2){
        font-size: 12px;
        max-width: 80vw;
    }
}


.index--best-players-2{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index--best-players-2 > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
}
.index--best-players-2 > div > div:nth-child(2){
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 40px;
    column-gap: 40px;
}
.index--best-players-2 > div > h2{
    font-size: 50px;
    line-height: 1em;
    margin: 0px;
    font-weight: 500;
    font-style: italic;

    font-family: "PF Din";
}
@media screen and (max-width: 1380px) {
    .index--best-players-2 > div{
        padding: 0px;
        border: none;
    }
    .index--best-players-2 > div{
        flex-direction: column;
        gap: 20px;
    }
    .index--best-players-2 > div > div:nth-child(2){
        row-gap: 20px;
        column-gap: 20px;
    }

    .index--best-players-2 > div > h2{
        font-size: 28px;
    }
}



.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.scrollable{

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */

}
.scrollable:active{
    cursor:grab;
}

.statistica-players--table .index-table > div table tr td:nth-child(4),
.statistica-players--table .index-table > div table tr td:nth-child(5),
.statistica-players--table .index-table > div table tr th:nth-child(4),
.statistica-players--table .index-table > div table tr th:nth-child(5){
    width: 10%;
}


.popup{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;

    z-index: 9999;
    background: #000048a8;
}
.popup:not(.active){
    display: none;
}
.popup .popup-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);

    width: 800px;
    height: 450px;

    box-shadow: 0px 0px 50px 10px black, inset 0px 0px 100px 50px black;
    border-radius: 20px;
}
.popup .popup-content::after{
    content: "";
    display: none;
    width: 100px;
    height: 100px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: url(/public/v3/img/loading.svg);
    background-position: center;
    background-size: contain;

    animation: loading 1s linear infinite;
    z-index: -1;
}
.popup.loading .popup-content::after,
.popup.loading-over .popup-content::after{
    display: block;
}
.popup.loading-over .popup-content::after{
    z-index: 99;
}
@keyframes loading {
    0%{
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100%{
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.popup .popup-content iframe,
.popup .popup-content video{
    width: 100%;
    height: 100%;
}
.popup .popup-content .cross{
    position: absolute;
    bottom: calc(100% + 10px);
    left: calc(100% + 10px);
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.popup .popup-content .left-arrow,
.popup .popup-content .right-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.popup .popup-content .left-arrow img,
.popup .popup-content .right-arrow img{
    width: 100%;
    height: 100%;
}
.popup .popup-content .left-arrow{
    right: calc(100% + 10px);
}
.popup .popup-content .right-arrow{
    left: calc(100% + 10px);
}
@media screen and (max-width: 910px) {
    .popup .popup-content .cross{
        left: calc(100% - 40px);
    }
    .popup .popup-content .left-arrow,
    .popup .popup-content .right-arrow{
        top: calc(100% + 20px);
        transform: unset;

        width: 60px;
        height: 60px;
    }
    .popup .popup-content .left-arrow{
        left: calc(20px);
        right: unset;
    }
    .popup .popup-content .right-arrow{
        right: calc(20px);
        left: unset;
    }
}

.adv-img .adv-img--text{
    position: absolute;
    top: 20px;
    right: 58px;

    background-color: #000000b7;
    border-radius: 0.5em;
    padding: 0.5em 1em;
    cursor: pointer;

    font-size: 11px;
}
@media screen and (max-width: 1380px) {
    .adv-img .adv-img--text{
        font-size: 9px;
    }
}




.min-height, body{
    min-height: calc(100vh - 230px - 70px - 40px);
}
@media screen and (max-width: 1380px) {
    .min-height, body{
        min-height: calc(100vh - 120px - 48px - 40px);
    }
}

.page-404{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7vh;
    padding-bottom: 10vh;
    box-sizing: border-box;
}
.page-404 > *{
    margin: 0px;
    width: 100%;
    text-align: center;
    line-height: 1em;
}
.page-404 > h1{
    font-size: 20vh;
    text-transform: uppercase;
}
.page-404 > h2{
    font-size: 3vh;
}
.page-404 a:not(.standalone){
    text-decoration: underline;
    color: var(--color-orange);
}
.page-404 a{
    cursor: pointer;
    color: var(--color-orange);
}
@media screen and (max-width: 740px) {
    .page-404 > h1{
        font-size: 15vh;
    }
    .page-404 > h2{
        font-size: 2vh;
    }
}

@media screen and (max-width: 740px) {
    .match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(1), .match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(2){
        min-height: 120px;
        margin-left: auto;
        margin-right: auto;
    }
    .match--main-info > div:nth-child(2) > div:nth-child(1) > *:nth-child(2), .match--main-info > div:nth-child(2) > div:nth-child(3) > *:nth-child(1){
        width: calc(100% + 50px);
    }
    .match--main-info > div:nth-child(2) > div:nth-child(3){
        align-items: end;
    }
}


.predictor-page{
    display: flex;
    flex-direction: column;
    gap: var(--default-padding);
}
.predictor-page > *{
    width: 100%;
    box-sizing: border-box;
}
.predictor-page .title{
    font-size: 70px;
    font-style: italic;
    margin: 0px;
    line-height: 1em;
}
.predictor-page .tabs-controls{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
.predictor-page .predictor-page--info{
    display: flex;
    flex-direction: column;
    gap: var(--default-padding);
}
.predictor-page .predictor-page--info .predictor-page--info--name{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--default-padding);
}
.predictor-page .predictor-page--info .predictor-page--info--name h1{
    font-size: 64px;
    line-height: 1em;
    text-transform: none;
    margin: 0px;
}
.predictor-page .predictor-page--info .predictor-page--info--name *:nth-child(2){
    font-family: "Montserrat";
    font-weight: 600;
    padding: 17px;
    border-radius: 40px;
    border: 3px solid white;
    text-align: center;
    width: fit-content;
    cursor: pointer;
}
.predictor-page .predictor-page--info .predictor-page--info--name *:nth-child(2).active{
    border-color: var(--color-orange);
    background: var(--color-orange);
    cursor: default;
}
.predictor-page .predictor-page--info .predictor-page--info--register{
    opacity: 0.5;
    font-family: "Montserrat";
    font-size: 25px;
    font-weight: 400;
    text-transform: none;
}
.predictor-page .predictor-page--info .predictor-page--info--score{
    display: flex;
    flex-direction: column;
    gap: var(--default-padding);
}
.predictor-page .predictor-page--info .predictor-page--info--score > div:nth-child(1){
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 36px;
    text-transform: none;
}
.predictor-page .predictor-page--info .predictor-page--info--score > div:nth-child(2){
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--default-padding);
}
.predictor-page .predictor-page--info .predictor-page--info--score > div:nth-child(2) > div{
    display: flex;
    flex-direction: column;
    gap: var(--default-padding);
    padding: 17px 22px;
    border: 3px solid var(--color-violet);
    border-radius: 30px;
    position: relative;
}
.predictor-page .predictor-page--info .predictor-page--info--score > div:nth-child(2) > div > span:nth-child(2){
    font-size: 49px;
    line-height: 1em;
    font-style: italic;
}
.predictor-page .predictor-page--info .predictor-page--info--score > div:nth-child(2) > div > span:nth-child(3){
    position: absolute;
    bottom: 20px;
    right: 25px;
    opacity: 0.5;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 400;
}
.predictor-page .predictor-block-header{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: var(--default-padding);
    background: #000057;
    padding: 18px;

    font-size: 28px;
    line-height: 1em;
}
.predictor-page .predictor-block-header > *:last-child:not(:first-child){
    margin-left: auto;
}
.predictor-page .predictor-block-header *.link{
    font-family: "Montserrat";
    font-weight: 600;
    line-height: 1em;
    padding: 17px;
    font-size: 20px;
    border-radius: 40px;
    border: 3px solid white;
    text-align: center;
    width: fit-content;
    cursor: pointer;
}
.predictor-page .predictor-block-header label > input{
    display: none;
}
.predictor-page .predictor-block-header label > span{
    display: block;
    width: 202px;
    height: 58px;
    cursor: pointer;
    background-image: url(/public/v3/img/winline-checkbox-small.png);
    background-position: center center;
    background-size: 100% 100%;
}
.predictor-page .predictor-block-header label > input:disabled + span{
    background-image: url(/public/v3/img/winline-checkbox-small--disabled.png)!important;
}
.predictor-page .predictor-block-header label > input:checked + span{
    background-image: url(/public/v3/img/winline-checkbox-small--checked.png);
}
.predictor-page .predictor-block-header .unavailable{
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 25px;
    opacity: 0.5;
}

.predictor-page .predictor-page--info--make-predict{
    border-radius: 36px;
    padding-bottom: 36px;
    border: 2px solid var(--color-violet);
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #D9D9D9;
    overflow: hidden;
}

.predictor-page .predictor-page--info--make-predict > *:nth-child(2){
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 2px;
}
.predictor-page .predictor-page--info--make-predict > *:nth-child(2) > *{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    height: 80px;
    background: white;
    color: #000057;
    cursor: pointer;
}
.predictor-page .predictor-page--info--make-predict > *:nth-child(2) > *.active{
    background: var(--color-orange);
    color: white;
}
.predictor-page .predictor-page--info--make-predict > *:nth-child(2) > * img{
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.predictor-page .predictor-page--info--your-predict{
    display: flex;
    flex-direction: column;
    gap: var(--default-padding);
}
.predictor-page .predictor-page--info--your-predict > .predictor-block-header{
    background: none;
    padding-left: 0px;
    padding-right: 0px;
    gap: 40px;
}
.predictor-page .predictor-page--info--your-predict > .predictor-block-header > *:nth-child(1){
    font-size: 64px;
    text-transform: none;
}

.predictor-page .predictor-pbl-swiper{
    height: fit-content;
    position: relative;
    margin-left: auto;
    margin-right: auto;

    display: grid;
    grid-template-columns: 36px calc(100% - 36px - 36px - 40px) 36px;
    align-items: center;
    gap: 20px;

    width: 100%;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */

    touch-action: none;
}
.predictor-page .predictor-pbl-swiper .pbl-swiper{
    overflow: hidden;
}
.predictor-page .predictor-pbl-swiper .pbl-swiper-wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    width: fit-content;

    position: relative;
    transition: all 0.05s linear;

    left: 0px;
    overflow: visible;
}
.predictor-page .predictor-pbl-swiper .pbl-swiper-wrapper > *{
    width: 237px;
}
@media screen and (max-width: 1380px) {
    .predictor-page .predictor-pbl-swiper .pbl-swiper-wrapper{
        gap: 10px;
    }
    .predictor-page .predictor-pbl-swiper .pbl-swiper-wrapper > *{
        width: 220px;
    }
}
@media screen and (max-width: 740px) {
    .predictor-page .predictor-pbl-swiper .pbl-swiper-wrapper > *{
        width: calc(50vw - 20px);
    }
}
.predictor-page .predictor-pbl-swiper .button-prev,
.predictor-page .predictor-pbl-swiper .button-next{
    width: 36px;
    height: 54px;
    background: url(/public/v3/img/swiper-arrow--orange.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    /* position: absolute; */
    transition: all 0.15s ease-in-out;
}
.predictor-page .swiper-button-lock{
    display: block;
}
.predictor-page .predictor-pbl-swiper .button-prev.button-disabled,
.predictor-page .predictor-pbl-swiper .button-next.button-disabled{
    opacity: 0.5;
}
.predictor-page .predictor-pbl-swiper .button-prev{
    transform: rotate(180deg);
    /* top: 50%;
    left: 0%; */
}
.predictor-page .predictor-pbl-swiper .button-next{
    /* top: 50%;
    right: 0%; */
}
.predictor-page .predictor-pbl-swiper .pbl-swiper-slide > a{
    height: 133px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 30px;
    border: 3px solid white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.predictor-page .predictor-pbl-swiper .pbl-swiper-slide > a.active,
.predictor-page .predictor-pbl-swiper .pbl-swiper-slide.active > a{
    background: var(--color-orange);
    border-color: var(--color-orange);
}

.predictor-page .predictor-pbl-swiper .pbl-swiper-slide span:nth-child(1){
    font-size: 40px;
    line-height: 1em;
    font-style: italic;
}
.predictor-page .predictor-pbl-swiper .pbl-swiper-slide span:nth-child(3){
    font-size: 20px;
    opacity: 0.5;
    font-weight: 400;
}
.predictor-page .predictor-pbl-swiper .pbl-swiper-slide span:nth-child(2){
    width: 80%;
    display: block;
    border-bottom: 1px solid #FFEFEF66;
}

.predictor-page .predictor-page--info--questions{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--default-padding);
}
.predictor-page .predictor-page--info--questions > *{
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #D9D9D9;
    padding-bottom: 36px;
    border-radius: 36px;
    border: 2px solid #000057;
    overflow: hidden;
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: var(--default-padding);
    background: white;
    color: #000057;
    height: 100%;
    padding: var(--default-padding);
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) img{
    width: 100%;
    height: 325px;
    object-position: center;
    object-fit: cover;
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > span:nth-child(2){
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
}
.predictor-page .predictor-page--info--questions > *.answer > *:nth-child(2) > *:nth-child(2){
    padding-right: 120px;
    position: relative;
    min-height: 60px;
}
.predictor-page .predictor-page--info--questions > *.answer > *:nth-child(2) > *:nth-child(2) > div{
    position: absolute;
    top: 0px;
    right: 0px;
    transform: none;

    color: white;
}

.predictor-page .predictor-page--info--questions > *.answer > *:nth-child(2) > *:nth-child(2) > div > div:last-child{
    background: white;
    border-color: var(--color-orange);
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 400;
    text-transform: none;
    color: var(--color-dark-blue);
    max-width: 636px;
}
.predictor-page .predictor-page--info--questions > *.answer > *:nth-child(2) > *:nth-child(2) img{
    width: 110px;
    height: auto;
}
@media screen and (max-width: 1380px) {
    .predictor-page .predictor-page--info--questions > *.answer > *:nth-child(2) > *:nth-child(2){
        padding-right: 92px;
    }
    .predictor-page .predictor-page--info--questions > *.answer > *:nth-child(2) > *:nth-child(2) img{
        width: 82px;
    }
    .predictor-page .predictor-page--info--questions > *.answer > *:nth-child(2) > *:nth-child(2) > div > div:last-child{
        max-width: 311px;
        font-size: 15px;
    }
}
@media screen and (max-width: 740px) {
    .predictor-page .predictor-page--info--questions > *.answer > *:nth-child(2) > *:nth-child(2){
        padding-right: 92px;
    }
    .predictor-page .predictor-page--info--questions > *.answer > *:nth-child(2) > *:nth-child(2) img{
        width: 82px;
    }
    .predictor-page .predictor-page--info--questions > *.answer > *:nth-child(2) > *:nth-child(2) > div > div:last-child{
        max-width: calc(100vw - 50px);
        font-size: 15px;
    }
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > .double{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--default-padding);
    margin-top: auto;
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > input{
    background: #000057;
    border-radius: 20px;
    border: 2px solid var(--color-violet);
    outline: none;
    font-family: "Jost";
    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    color: white;
    padding: 14px 20px;
    margin-top: auto;
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > input::placeholder{
    font-family: "Jost";
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > .double label input{
    display: none;
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > .double label span{
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    cursor: pointer;
    padding: 15px;
    border-radius: 40px;
    border: 2px solid #000057;
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > .double label input:checked + span{
    border-color: var(--color-orange);
    background: var(--color-orange);
    color: white;
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > .double label input.blue:checked + span{
    background: var(--color-dark-blue);
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > .double > span{
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 400;
    color: #000057;
    border-radius: 40px;
    background-color: #E2E2E2;
    padding: 8px;
    text-align: center;
}

.predictor-page .predictor--double-check--large > div:nth-child(2){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 56px;
    border-radius: 50px;
    border: 3px solid var(--color-violet);
    background-color: #000057;
    background-image: url(/public/v3/img/winline-checkbox-bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 3px;
    cursor: pointer;
    box-sizing: border-box;
}
.predictor-page .predictor--double-check--large > input:checked + div:nth-child(2){
    border-color: var(--color-orange);
    background-image: url(/public/v3/img/winline-checkbox-reverse-bg.svg);
}
.predictor-page .predictor--double-check--large input{
    display: none;
}
.predictor-page .predictor--double-check--large > div:nth-child(2) > div{
    transition: all 0.15s ease-in-out;
}
.predictor-page .predictor--double-check--large > div:nth-child(2) > div:nth-child(1){
    position: absolute;
    top: 3px;
    left: 3px;
    background: white;
    border-radius: 100px;
    color: #000057;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 44px;
    height: 44px;
}
.predictor-page .predictor--double-check--large > div:nth-child(2) > div:nth-child(2){
    color: white;
    text-align: center;
    font-style: italic;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.predictor-page .predictor--double-check--large > div:nth-child(2) > div:nth-child(3){
    position: absolute;
    top: 3px;
    right: 3px;
    background: white;
    color: #000057;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 44px;
    height: 44px;

    background: url(/public/v3/img/winline-logo--small.png);
    background-position: center center;
    background-size: 30px 30px;
    background-repeat: no-repeat;
}
.predictor-page .predictor--double-check--large > input:checked + div:nth-child(2) > div:nth-child(1){
    left: calc(100% - 3px);
    transform: translateX(-100%);
    color: var(--color-orange);
}
.predictor-page .predictor--double-check--large > input:checked + div:nth-child(2) > div:nth-child(3){
    right: calc(100% - 3px);
    transform: translateX(100%);
}
.predictor-page .predictor--double-check--large > input:checked + div:nth-child(2) > div:nth-child(2){
    opacity: 0;
}

.predictor-page .predictor-page--info--your-predict--table{
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #D9D9D9;
    padding-bottom: 36px;
    border-radius: 40px 40px 36px 36px;
    border: 2px solid #000057;
    /* overflow: hidden; */
}
.predictor-page .predictor-page--info--your-predict--table > .predictor-block-header{
    border-radius: 36px 36px 0px 0px;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #E2E2E2;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *{
    background: white;
    padding: 20px 40px;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict{
    display: grid;
    grid-template-columns: 1fr 256px;
    column-gap: 40px;
    align-items: center;
    color: var(--color-dark-blue);
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1){
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(1){
    text-align: center;
    font-weight: 400;
    text-transform: none;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2){
    display: grid;
    grid-template-columns: 1fr 380px 1fr;
    align-items: center;
    width: 100%;
    gap: var(--default-padding);
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2) > div:not(:nth-child(2)){
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--default-padding);
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
    justify-content: end;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2) > div:not(:nth-child(2)) img{
    width: 40px;
    height: 40px;
    object-fit: contain;
    object-position: center;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
    width: 380px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--default-padding);
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 180px;
    padding: 10px 0px;
    border-radius: 20px;
    background: var(--color-dark-blue);
    color: white;
    font-family: "Montserrat";
    font-size: 40px;
    font-weight: 600;
    line-height: 1em;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div input{
    display: none;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div div:not(:nth-child(2)){
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}



.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result{
    display: grid;
    grid-template-columns: 1fr 178px 103px 110px;
    column-gap: 40px;
    align-items: center;
    color: var(--color-dark-blue);
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1){
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(1){
    text-align: center;
    font-weight: 400;
    text-transform: none;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2){
    display: grid;
    grid-template-columns: 1fr 380px 1fr;
    align-items: center;
    width: 100%;
    gap: var(--default-padding);
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:not(:nth-child(2)){
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--default-padding);
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
    justify-content: end;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:not(:nth-child(2)) img{
    width: 40px;
    height: 40px;
    object-fit: contain;
    object-position: center;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
    width: 380px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--default-padding);
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 180px;
    padding: 10px 0px;
    border-radius: 20px;
    background: var(--color-dark-blue);
    color: white;
    font-family: "Montserrat";
    font-size: 40px;
    font-weight: 600;
    line-height: 1em;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
    display: none;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div input{
    display: none;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div div:not(:nth-child(2)){
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2) > *{
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 100px;
    padding: 5px 0px;
    background: #E2E2E2;
    font-family: "Montserrat";
    font-weight: 600;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2) > *{
    font-size: 20px;
    font-weight: 500;
    text-transform: none;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2) > *.red,
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2) > *.green,
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2) > *.yellow{
    background: var(--color-dark-blue);
    font-size: 25px;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2) > *.red{
    color: #FF5757;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2) > *.green{
    color: #56CF2B;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2) > *.yellow{
    color: #FFE353;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(3){
    text-align: center;
    color: var(--color-orange);
    font-size: 25px;
    line-height: 1em;
    font-style: italic;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(4){
    height: 58px;
    width: 110px;
    background-image: url(/public/v3/img/winline-checkbox-small-2--disabled.png);
    background-size: 100% 100%;
}
.predictor-page .predictor-page--info--your-predict--table .tooltip{
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    transform: none;
}
.predictor-page .predictor-page--info--your-predict--table .tooltip > div:nth-child(2){
    background: white;
    border-color: var(--color-orange);
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 400;
    text-transform: none;
    max-width: min(700px, 70vw);
}
.predictor-page .predictor-page--info--your-predict--table .tooltip > div:nth-child(2) ol{
    padding-left: 1.5em;
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(4).checked{
    background-image: url(/public/v3/img/winline-checkbox-small-2--checked.png);
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(4).unchecked{
    background-image: url(/public/v3/img/winline-checkbox-small-2.png);
}
.predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(4).disabled{
    background-image: url(/public/v3/img/winline-checkbox-small-2--disabled.png);
}

@media screen and (max-width: 1380px) {
    .predictor-page .predictor-page--info--your-predict--table .tooltip > div:nth-child(2){
        font-size: 15px;
    }
    .predictor-page .tabs-controls{
        gap: 10px;
    }
    .tabs-controls > a{
        padding: 15px;
    }
    .predictor-page .title{
        font-size: 42px;
    }
    .predictor-page .predictor-page--info .predictor-page--info--name h1{
        font-size: 40px;
    }
    .predictor-page .predictor-page--info .predictor-page--info--name *:nth-child(2){
        font-size: 10px;
        border-width: 2px;
        padding: 10px 20px;
    }
    .predictor-page .predictor-page--info .predictor-page--info--register{
        font-size: 12px;
    }
    .predictor-page .predictor-page--info .predictor-page--info--score > div:nth-child(1){
        font-size: 20px;
    }
    .predictor-page .predictor-page--info .predictor-page--info--score > div:nth-child(2){
        grid-template-columns: 1fr 1fr;
    }
    .predictor-page .predictor-page--info .predictor-page--info--score > div:nth-child(2) > div{
        padding: 13px;
        border-width: 2px;
        font-size: 14px;
        border-radius: 20px;
    }
    .predictor-page .predictor-page--info .predictor-page--info--score > div:nth-child(2) > div > span:nth-child(2),
    .predictor-page .predictor-page--info .predictor-page--info--score > div:nth-child(2) > div > span:nth-child(3){
        font-size: 20px;
    }
    .predictor-page .predictor-page--info .predictor-page--info--score > div:nth-child(2) > div > span:nth-child(3){
        bottom: 13px;
        right: 13px;
    }
    .predictor-page .predictor-block-header{
        font-size: 16px;
    }
    .predictor-page .predictor-page--info--make-predict > *:nth-child(2){
        display: flex;
        overflow: auto;
    }
    .predictor-page .predictor-page--info--make-predict > *:nth-child(2) > *{
        min-width: 88px;
        height: 80px;
    }
    .predictor-page .predictor-page--info--make-predict > *:nth-child(2) > * span{
        display: none;
    }
    .predictor-page .predictor-page--info--make-predict{
        border-radius: 20px;
    }
    .predictor-page .predictor-page--info--your-predict > .predictor-block-header > *:nth-child(1){
        font-size: 30px;
    }
    .predictor-page .predictor-block-header label > span{
        width: 82px;
        height: 40px;
        background-image: url(/public/v3/img/winline-checkbox-small-2.png);
    }
    .predictor-page .predictor-block-header label > input:disabled + span{
        background-image: url(/public/v3/img/winline-checkbox-small-2--disabled.png)!important;
    }
    .predictor-page .predictor-block-header label > input:checked + span{
        background-image: url(/public/v3/img/winline-checkbox-small-2--checked.png);
    }
    .predictor-page .predictor-block-header .unavailable{
        font-size: 15px;
    }
    .predictor-page .predictor-page--info--your-predict > .predictor-block-header{
        gap: 10px;
    }
    .predictor-page .predictor-block-header *.link{
        font-size: 12px;
        padding: 8px 13px;
        border-width: 2px;
    }
    .predictor-page .predictor-pbl-swiper{
        grid-template-columns: 1fr;
    }
    .predictor-page .predictor-pbl-swiper .button-prev, .predictor-page .predictor-pbl-swiper .button-next{
        display: none;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *{
        padding: var(--default-padding);
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict{
        display: flex;
        flex-direction: column;
        gap: var(--default-padding);
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > label{
        width: 100%;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2){
        grid-template-columns: 1fr 300px 1fr;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{
        width: 140px;
        font-size: 20px;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2) > div:not(:nth-child(2)){
        font-size: 15px;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
        width: 300px;
    }

    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result{
        display: grid;
        grid-template-columns: 1fr 1fr 82px;
        gap: var(--default-padding);
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) { grid-area: 1 / 1 / 2 / 4; }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2) { grid-area: 2 / 1 / 3 / 3; }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(4) { grid-area: 2 / 3 / 3 / 4; }

    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2){
        grid-template-columns: 1fr 300px 1fr;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
        grid-template-columns: 60px 1fr 60px;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{
        width: 60px;
        font-size: 20px;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
        width: 140px;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:not(:nth-child(2)){
        font-size: 15px;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
        width: 300px;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
        display: block;
        background: none;
        color: var(--color-orange);
        text-align: center;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(3){
        display: none;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2){
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: var(--default-padding);
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(4){
        width: 82px;
        height: 40px;
    }

    .predictor-page .predictor-page--info--questions > * > *:nth-child(2) img{
        height: 167px;
    }
    .predictor-page .predictor-page--info--questions > * > *:nth-child(2) > span:nth-child(2){
        font-size: 15px;
    }
    .predictor-page .predictor-page--info--questions > * > *:nth-child(2) > .double label span{
        padding: 8px;
        font-size: 15px;
    }
    .predictor-page .predictor-page--info--questions > * > *:nth-child(2) > .double > span{
        font-size: 10px;
    }
    .predictor-page .predictor-page--info--questions > *,
    .predictor-page .predictor-page--info--your-predict--table,
    .predictor-page .predictor-page--info--make-predict{
        border-radius: 20px;
        padding-bottom: 20px;
    }

    .predictor-page .predictor-page--info--your-predict--table > .predictor-block-header{
        border-radius: 18px 18px 0px 0px;
    }

    .predictor-page .predictor-pbl-swiper .pbl-swiper-slide > a{
        border-radius: 20px;
        border-width: 2px!important;
    }
    .predictor-page .predictor-pbl-swiper .pbl-swiper-slide span:nth-child(1){
        font-size: 30px;
        line-height: 1em;
    }
    .predictor-page .predictor-pbl-swiper .pbl-swiper-slide span:nth-child(3){
        font-size: 15px;
    }
}

@media screen and (max-width: 740px) {
    .predictor-page .title{
        font-size: 24px;
    }
    .predictor-page .predictor-page--info .predictor-page--info--name h1{
        font-size: 20px;
    }
    .predictor-page .predictor-page--info .predictor-page--info--name *:nth-child(2){
        padding: 5px 15px;
    }

    .predictor-page .predictor-page--info--your-predict > .predictor-block-header{
        justify-content: space-between;
    }
    .predictor-page .predictor-page--info--your-predict > .predictor-block-header > .link{
        display: none;
    }
    .predictor-page .predictor-block-header .unavailable{
        font-size: 12px;
    }
    .predictor-page .predictor-page--info--your-predict > .predictor-block-header > *:nth-child(1){
        font-size: 20px;
    }

    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.predict > div:nth-child(1) > div:nth-child(2),
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2){
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        position: relative;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > * > div:nth-child(1) > div:nth-child(2) > div:nth-child(1),
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > * > div:nth-child(1) > div:nth-child(2) > div:nth-child(3){
        justify-content: start!important;
        align-items: center;
        text-align: center;
        height: 100%;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > * > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
        flex-direction: column-reverse!important;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > * > div:nth-child(1) > div:nth-child(2) > div:nth-child(3){
        flex-direction: column!important;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > * > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > * > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) { grid-area: 1 / 2 / 2 / 3; }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > * > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) { grid-area: 2 / 1 / 3 / 3; }

    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > * > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){
        width: 100%!important;
        grid-template-columns: 1fr 1fr!important;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > * > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:last-child,
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > * > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:first-child{
        width: 100%!important;
    }

    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);

        font-size: 15px;
    }
    .predictor-page .predictor-page--info--your-predict--table >*:nth-child(2) > *.result > div:nth-child(2) > *{
        font-size: 15px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .predictor-page .predictor-page--info--questions{
        grid-template-columns: 1fr;
    }
}

.predictor-banner{
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    object-fit: contain;
    object-position: center;
    overflow: hidden;
}
.predictor-banner img,
.predictor-banner{
    height: 168px;
    width: 100%;
}
@media screen and (max-width: 1380px) {
    .predictor-banner{
        border-radius: 20px;
    }
    .predictor-banner img,
    .predictor-banner{
        height: 92px;
    }
}
@media screen and (max-width: 740px) {
    .predictor-banner{
        border-radius: 10px;
    }
    .predictor-banner img,
    .predictor-banner{
        height: calc(100vw / 8.21);
    }
}

.predictor-page .index-table > div:nth-child(2){
    overflow: auto;
}
.predictor-page .index-table > div:nth-child(2) tr > *{
    padding: 0px 10px;
    box-sizing: border-box;
}
.table-head img{
    height: 1em;
    cursor: pointer;
}
.table-head .desc img{
    transform: rotate(180deg);
}
.predictor-page .index-table > div table tr td:nth-child(2) > * > *:not(img){
    margin-right: auto;
}
.predictor-page .index-table > div table tr td > * > img{
    height: 58px;
    width: 110px;
    margin-left: auto;
}
.predictor-page .index-table .table-head > *:nth-child(2){
    text-align: start;
}
@media screen and (max-width: 1380px) {
    .predictor-page .index-table > div table tr td > * > img{
        height: 20px;
        width: 41px;
    }
}

.no-content--text{
    font-size: 2.5em;
    height: calc(100vh - 300px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: none;
}

.popup .popup-content.predictor-popup{
    box-shadow: none!important;
    background: var(--color-dark-blue);
    border-radius: 20px;
    border: 2px solid var(--color-violet);
    padding: var(--default-padding) calc(var(--default-padding) * 2);
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    text-align: center;
    text-transform: none;
    width: 830px;
    box-sizing: border-box;
    height: auto;
    max-height: calc(100vh - 100px);
    overflow: auto;
}
.popup-content.predictor-popup ol{
    text-align: left;
}
.popup-content.predictor-popup ol li{
    margin-bottom: 0.5em;
}

.popup-content.predictor-popup a:not(.button){
    text-decoration: underline;
}
.predictor-popup h1{
    margin: 0px;
    font-size: 1.5em;
    line-height: 1em;
}
.popup .popup-content.predictor-popup > .predictor-popup--stats-head{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 50px;
}
.popup .popup-content.predictor-popup > .predictor-popup--stats-head > *:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.popup .popup-content.predictor-popup > .predictor-popup--stats-head > *:not(:nth-child(2)){
    width: 50px;
    height: 50px;
    margin-left: unset;
    margin-right: unset;
}
.popup .popup-content.predictor-popup > .predictor-popup--stats-head > *:not(:nth-child(2)) img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
@media screen and (max-width: 740px) {
    .popup .popup-content.predictor-popup > .predictor-popup--stats-head{
        gap: 20px;
    }
    .popup .popup-content.predictor-popup > .predictor-popup--stats-head > *:not(:nth-child(2)){
        width: 40px;
        height: 40px;
    }
}
.predictor-popup > img:last-child,
.predictor-popup > a:last-child img{
    height: 29px;
    width: auto;
    object-fit: contain;
    object-position: center;
}
.predictor-popup > img:nth-child(2),
.predictor-popup > a:nth-child(2) img{
    height: 48px;
    width: auto;
    object-fit: contain;
    object-position: center;
}

.predictor-popup .button{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    text-transform: uppercase;
    font-style: italic;
    width: 100%;
    text-align: center;
    border-radius: 100px;
}
.popup .popup-content.predictor-popup .cross{
    left: calc(100% - 10px) !important;
    bottom: calc(100% - 10px) !important;

    transform: translate(-100%, 100%);
}
.popup .popup-content.predictor-popup .text-input{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 5px;
    width: 100%;
}
.popup .popup-content.predictor-popup p{
    margin: 0px;
    line-height: 1em;
}
.popup .popup-content.predictor-popup > *{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.popup .popup-content.predictor-popup .text-input input{
    background: #000057;
    border-radius: 20px;
    border: 2px solid var(--color-violet);
    outline: none;
    font-family: "Jost";
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    font-style: italic;
    color: white;
    padding: 14px 20px;
    margin-top: auto;
}
.popup .popup-content.predictor-popup .text-input input::placeholder{
    font-family: "Jost";
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}
.popup .popup-content.predictor-popup .text-input span{
    text-align: start;
    opacity: 0.5;
    font-weight: 400;
    font-size: 0.7em;
}
.popup .popup-content.predictor-popup .small-text{
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 0.7em;
}

.popup .popup-content.predictor-popup .winline-id--status{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;

    font-weight: 400;
    font-size: 0.7em;
}
.popup .popup-content.predictor-popup .winline-id--status img{
    height: 3em;
}
.popup .popup-content.predictor-popup .winline-id--status span{
    opacity: 0.5;
}

.predictor-profile{
    padding: calc(var(--default-padding) * 2);
    border-radius: var(--default-padding);
    border: 2px solid var(--color-violet);

    display: flex;
    flex-direction: column;
    gap: var(--default-padding);

    width: 810px;
    box-sizing: border-box;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.predictor-profile .predictor-profile--title{
    margin-bottom: var(--default-padding);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: var(--default-padding);
}
.predictor-profile .predictor-profile--title h1{
    margin: 0px;
    text-transform: none;
}
.predictor-profile .predictor-profile--title .winline-id{
    padding: 10px;
    font-size: 15px;
    font-family: "Montserrat";
    font-weight: 400;
    border-radius: 10px;
    border: 2px solid white;
    color: white;
    margin-left: auto;
    cursor: pointer;
}
.predictor-profile .predictor-profile--title .winline-id.active{
    background: var(--color-orange);
    border-color: var(--color-orange);
    cursor: default;
}


.predictor-profile .button,
.predictor-profile input[type="submit"],
.predictor-profile input[type="submit"]::placeholder{
    font-family: "Jost";
    font-weight: 600;
    text-transform: uppercase;
    margin-top: var(--default-padding);
    font-size: 40px;
    font-style: italic;
    border-radius: 1000px;
    width: 100%;
}

.predictor-profile input:not([type="submit"]):not([type="button"]){
    background: #000057;
    border-radius: 20px;
    border: 2px solid var(--color-violet);
    outline: none;
    font-family: "Jost";
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    font-style: italic;
    color: white;
    padding: 14px 20px;
    margin-top: auto;
    box-sizing: border-box;
    cursor: pointer;
}
.predictor-profile input:not([type="submit"]):not([type="button"])::placeholder{
    font-family: "Jost";
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}

.predictor-profile .checkbox-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-family: "Montserrat";
    font-weight: 400;
    text-transform: none;
}
.predictor-profile .checkbox-container label input{
    display: none;
}
.predictor-profile .checkbox-container label > *:not(input){
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: white;
    margin: 0px;
}
.predictor-profile .checkbox-container label > *:not(input) a{
    text-decoration: underline;
}
.predictor-profile .checkbox-container label > *:not(input)::before{
    content: "";
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    min-height: 1.5em;
    box-sizing: border-box;
    display: block;
    border-radius: 3px;
    border: 5px solid var(--color-orange);

    cursor: pointer;
}
.predictor-profile .checkbox-container label > input:checked + span::before{
    background: url(/public/v3/img/checkbox-check.png);
    background-size: 50% auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.predictor-profile .post-input-text{
    font-size: 15px;
    opacity: 0.5;
    margin-top: -5px;
    font-weight: 400;
    font-family: "Montserrat";
    text-transform: none;
}

.predictor-page--info .save{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--default-padding);
}
.predictor-page--info .save .button{
    background: none;
}
.predictor-page--info .save .button,
.predictor-page--info .save input[type="submit"],
.predictor-page--info .save input[type="submit"]::placeholder{
    font-family: "Jost";
    font-weight: 600;
    text-transform: uppercase;
    margin-top: var(--default-padding);
    font-size: 40px;
    font-style: italic;
    border-radius: 1000px;
    width: 100%;
}
@media screen and (max-width: 1380px) {
    .predictor-page--info .save .button,
    .predictor-page--info .save input[type="submit"],
    .predictor-page--info .save input[type="submit"]::placeholder{
        font-size: 1em;
    }
}
@media screen and (max-width: 740px) {
    .predictor-page--info .save{
        grid-template-columns: 1fr;
    }
    .predictor-page--info .save .button,
    .predictor-page--info .save input[type="submit"],
    .predictor-page--info .save input[type="submit"]::placeholder{
        font-size: 2em;
    }

    .predictor-popup > img:nth-child(2), .predictor-popup > a:nth-child(2) img{
        height: 37px;
    }
    .predictor-popup > img:last-child, .predictor-popup > a:last-child img{
        height: 23px;
    }

    .predictor-profile .button, .predictor-profile input[type="submit"], .predictor-profile input[type="submit"]::placeholder{
        font-size: 20px;
    }
    .predictor-profile input:not([type="submit"]):not([type="button"]){
        font-size: 15px;
        padding: 9px 20px;
    }
    .predictor-profile .checkbox-container{
        font-size: 15px;
    }
    .predictor-profile .predictor-profile--title .winline-id{
        font-size: 12px;
    }
    .predictor-profile .checkbox-container label > *:not(input)::before{
        border-width: 2px;
    }

    .predictor-profile .checkbox-container{
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }
}


.rules-title{
    font-size:40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 20px;
    margin: 0px;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}
.rules-title:first-child{
    margin-top: 0px!important;
}
.rules-title img{
    height: 1.5em;
}
.predictor-page .rules-text,
.predictor-page .rules-list{
    margin: 0px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: none;
    font-weight: 400;
}
.predictor-page .rules-text strong{
    font-weight: 700;
}
@media screen and (max-width: 1380px) {

    .rules-title{
        font-size: 22px;
    }
}

.prize-text{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--default-padding);
    margin-top: var(--default-padding);
    margin-bottom: var(--default-padding);
}
.prize-text > *:nth-child(1){
    margin: 0px;
    font-size: 40px;
    text-transform: none;
}
.prize-text > *:nth-child(2){
    color: rgba(255, 255, 255, 0.7);
    text-transform: none;
    font-weight: 300;
    font-size: 25px;
}
.prize-title{
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;

    border-bottom: 1px solid white;
    padding-bottom: 10px;
    margin-top: var(--default-padding);
}
.prize-title > *:nth-child(1){
    font-size: 37px;
    font-style: italic;
    line-height: 1em;
}
.prize-title > *:nth-child(2){
    font-size: 15px;
    font-family: "Montserrat";
    opacity: 0.5;
    text-transform: none;
    font-weight: 400;
}

.prize-block--1{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    column-gap: 20px;
    margin-top: var(--default-padding);
}
.prize-block--1 > *:not(:nth-child(1)){
    display: none;
}
.prize-block--1 > *:not(span){
    width: 100%;
    height: auto;
    height: 176px;
}
.prize-block--1 > span{
    text-align: center;
    display: block;
    font-size: 37px;
    font-style: italic;
}

.prize-block--2{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 75px;
    margin-top: var(--default-padding);
}
.prize-block--2 > *{
    width: 410px;
    height: 168px;
}
.prize-block--3{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 38px;
    margin-top: var(--default-padding);
}
.prize-block--4{
    margin-top: var(--default-padding);
}
.prize-block--3 > *{
    width: 245px;
    height: 302px;
}

.prize-block--4 > *{
    width: 100%;
    height: 176px;
}


.prize-block--1 > *:not(span) img,
.prize-block--2 > * img,
.prize-block--3 > * img,
.prize-block--4 > * img{
    width: 100%;
    height: 100%;
}

.prize-block--1 > *:not(span) img:nth-child(2),
.prize-block--2 > * img:nth-child(2),
.prize-block--3 > * img:nth-child(2),
.prize-block--4 > * img:nth-child(2){
    display: none;
}

@media screen and (max-width: 1380px) {
    .prize-text > *:nth-child(1){
        font-size: 20px;
    }
    .prize-text > *:nth-child(2){
        font-size: 16px;
    }
    .prize-title{
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
    .prize-title > *:nth-child(1){
        font-size: 30px;
    }
    .prize-title > *:nth-child(2){
        font-size: 15px;
    }

    .prize-block--1{
        grid-template-columns: 1fr;
    }
    .prize-block--1 > *:not(span){
        height: 87px;
    }
    .prize-block--4 > *:not(span){
        height: 87px;
    }
    .prize-block--2{
        gap: 20px;
    }
    .prize-block--2 > *{
        width: 213px;
        height: 87px;
    }
    .prize-block--3{
        gap: 20px;
    }
    .prize-block--3 > *{
        width: 120px;
        height: 147px;
    }
}

@media screen and (max-width: 740px) {
    .prize-block--1 > *:not(span) img:nth-child(1),
    .prize-block--2 > * img:nth-child(1),
    .prize-block--3 > * img:nth-child(1),
    .prize-block--4 > * img:nth-child(1){
        display: none;
    }

    .prize-block--1 > *:not(span) img:nth-child(2),
    .prize-block--2 > * img:nth-child(2),
    .prize-block--3 > * img:nth-child(2),
    .prize-block--4 > * img:nth-child(2){
        display: block;
    }

    .prize-text{
        margin: 10px 0px;
    }
    .prize-text > *:nth-child(1){
        font-size: 20px;
    }
    .prize-text > *:nth-child(2){
        font-size: 12px;
    }
    .prize-title{
        flex-direction: column;
        align-items: start;
        gap: 10px;
        margin: 10px 0px;
    }
    .prize-title > *:nth-child(1){
        font-size: 20px;
    }
    .prize-title > *:nth-child(2){
        font-size: 9px;
    }
    .prize-block--1 > span{
        font-size: 20px;
    }
    .prize-block--1{
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .prize-block--1 > *:not(span){
        width: 100%;
        height: calc((100vw - 30px) / 6.151515151);
    }
    .prize-block--1 > *:not(:nth-child(1)){
        display: none;
    }
    .prize-block--2{
        gap: 10px;
    }
    .prize-block--2 > *{
        width: 100%;
        height: calc((100vw - 30px - 20px) / 3 * 1.47972);
    }
    .prize-block--3{
        gap: 10px;
        grid-template-columns: repeat(3, 1fr);
    }
    .prize-block--3 > *{
        width: 100%;
        height: auto;
    }
    .prize-block--3 > *:nth-child(1) {
        grid-area: 1 / 1 / 2 / 4;
        height: calc((100vw - 30px) / 4.3191489);
    }
    .prize-block--3 > *:not(:nth-child(1)){
        height: calc((100vw - 30px - 20px) / 3 * 1.47972);
    }
    .prize-block--4 > *:not(span){
        height: calc((100vw - 30px) / 4.3191489);
    }
}


.match--predictor{
    display: flex;
    flex-direction: column;
    gap: var(--default-padding);

    border-radius: 36px;
    border: 2px solid var(--color-violet);
    overflow: hidden;
}
.match--predictor h1{
    width: 100%;
    font-size: 28px;
    line-height: 1em;
    font-style: italic;
    text-align: center;
    color: white;
    padding: var(--default-padding);
    background: var(--color-orange);
    margin: 0px;
}
.match--predictor > div{
    display: flex;
    flex-direction: column;
    gap: var(--default-padding);
    padding: var(--default-padding);
    box-sizing: border-box;
    width: 100%;
}
.match--predictor > div .button{
    width: 100%;
    font-size: 28px;
    line-height: 1em;
    font-style: italic;
    text-align: center;
    color: white;
    padding: 15px;
}
.match--predictor > div > div{
    position: relative;
    padding-right: 130px;
    box-sizing: border-box;
    min-height: 58px;
    font-size: 20px;
}
.match--predictor > div > div > img{
    width: 110px;
    position: absolute;
    top: 0px;
    right: 0px;
}

@media screen and (max-width: 1380px) {

    .match--predictor{
        border-radius: 20px;
    }
    .match--predictor h1,
    .match--predictor > div .button{
        font-size: 20px;
    }
    .match--predictor > div > div{
        font-size: 12px;
        min-height: 45px;
    }
    .match--predictor > div > div{
        padding-right: 92px;
    }
    .match--predictor > div > div > img{
        width: 82px;
    }
}


.popup-content .match--stats{
    border: none;
    padding: 0px!important;
    gap: 10px!important;
}
.popup-content .k2tex img{
    width: 165px;
    height: 36px;
}
.popup-content a{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.popup-content .match--stats > div > span:nth-child(2){
    padding: 0px 15px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    line-height: 1em;
}

@media screen and (max-width: 740px){
    .popup-content .k2tex img{
        width: calc(165px * 0.66);
        height: calc(36px * 0.66);
    }
    .popup-content .match--stats > div > span:nth-child(2){
        font-size: 10px;
    }
    .popup-content .k2tex{
        margin-bottom: 0px;
    }
}

.popup-content .video-title{
    margin: 0px;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0px;
    width: 100%;
    box-sizing: border-box;
    padding-right: 60px;
}


.align-left{
    text-align: start;
    justify-content: start!important;
}

.promo-1{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
    background-image: url(/public/v3/img/promo_1_bg_desktop.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 40px 20px;
    box-sizing: border-box;

    border: 2px solid rgba(255, 255, 255, 0.2);
}
.promo-1 .tooltip{
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    transform: unset;
}
.promo-1 .tooltip > div:nth-child(1){
    width: unset;
    height: unset;
    cursor: unset;
}
.promo-1 .tooltip > div:nth-child(2){
    font-size: 15px;
    background: white;
    color: var(--color-dark-blue)
}
.promo-1 > div:nth-child(1){
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
}
.promo-1 > div:nth-child(1) > div:nth-child(1){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.promo-1 > div:nth-child(1) > img:nth-child(2){
    width: 100%;
    height: auto;
}
.promo-1 > div:nth-child(1) > *:nth-child(3){
    display: none;
}

.promo-1 > div:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 35px;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.promo-1 > div:nth-child(2) .button{
    font-size: 28px;
    height: 76px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.promo-1 > div:nth-child(2) > a > img{
    height: 36px;
}
.promo-1 > div:nth-child(2) span:not(.button){
    font-weight: 400;
    text-transform: none;
    line-height: 1.1em;
}
.promo-1 > div:nth-child(2) strong{
    font-weight: 900;
    text-transform: none;
}
.promo-1 > div:nth-child(2) a:not(.button):not(.promo-checkbox--container){
    font-weight: 900;
    text-decoration: underline;
    text-transform: none;
}
.promo-1 > div:nth-child(2) a:not(.button):last-child{
    margin-top: auto;
}
.promo-1 .gift{
    height: 120px;
    margin-top: -20px;
    margin-bottom: -20px;
}
.promo-1 > div:nth-child(2) h1{
    font-size: 35px;
    font-weight: 600;
    font-style: italic;
    line-height: 1em;
    margin: 0px;
}
.promo-1 h2{
    font-size: 30px;
    font-weight: 400;
    margin: 0px;
    max-width: 454px;
}
.promo-1 h3{
    font-size: 20px;
    font-weight: 400;
    margin: 0px;
    max-width: 454px;
}
.promo-checkbox--container{
    display: grid;
    grid-template-columns: 42px 1fr 138px;
    gap: 20px;
    align-items: center;
    border-radius: 36px;
    border: 2px solid var(--color-violet);
    background: var(--color-dark-blue);
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
}
.promo-checkbox--container *{
    text-decoration: none;
}
.promo-checkbox--container span:nth-child(2){
    font-size: 18px;
    text-align: start;
}
.promo-checkbox--container > .promo-checkbox{
    width: 42px;
    height: 42px;
    border-radius: 3px;
    border: 5px solid var(--color-orange);
    box-sizing: border-box;
    display: block;
}
.promo-checkbox--container > .promo-checkbox.checked{
    background-image: url(/public/v3/img/checkbox-check.png);
    background-position: center center;
    background-size: 50% auto;
    background-repeat: no-repeat;
}
.promo-checkbox--container .button{
    width: auto!important;
    height: 54px!important;
    font-size: 15px!important;
}
.promo-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.promo-grid *{
    text-decoration: none!important;
}
.promo-grid > *{
    border-radius: 20px;
    border: 2px solid white;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}
.promo-grid > * span{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.promo-grid > * strong{
    font-size: 15px;
    font-weight: 700;
}
.promo-grid > * .button{
    margin-top: auto;
    text-transform: uppercase;
}
.promo-grid > * span:last-child{
    min-height: 70px;
    opacity: 0.5;
}
.promo-grid > * .button{
    width: auto!important;
    white-space: nowrap;
}
@media screen and (max-width: 1380px) {
    .promo-grid > * strong{
        font-size: 10px;
    }
    .promo-grid > * span:last-child{
        font-size: 10px!important;
    }
    .promo-grid > * span:last-child{
        min-height: 35px;
    }
    .promo-grid > *{
        padding: 10px;
    }
    .promo-checkbox--container{
        grid-template-columns: 28px 1fr 90px;
    }
    .promo-checkbox--container > .promo-checkbox{
        height: 28px;
        width: 28px;
        border-width: 3px;
    }
    .promo-checkbox--container .button{
        height: 34px !important;
        font-size: 10px !important;
    }
    .promo-1{
        background-image: url(/public/v3/img/promo_1_bg_tablet.png);
        grid-template-columns: 1fr 2fr;
    }
    .promo-1 > div:nth-child(1) > div:nth-child(1){
        flex-direction: column;
        gap: 20px;
    }
    .promo-1 > div:nth-child(1) > div:nth-child(1) > img:nth-child(3),
    .promo-1 > div:nth-child(1) > div:nth-child(1) > *:nth-child(3) img{
        width: 158px;
        height: auto;
    }
    .promo-1 > div:nth-child(1) > div:nth-child(1) > img:nth-child(1),
    .promo-1 > div:nth-child(1) > div:nth-child(1) > *:nth-child(1) img{
        width: 73px;
        height: auto;
    }
    .promo-1 > div:nth-child(1) > div:nth-child(1) > img:nth-child(2){
        width: 24px;
        height: auto;
    }
    .promo-1 > div:nth-child(1) > img:nth-child(2){
        width: calc(320px);
        margin-right: -110px;
    }

    .promo-1 > div:nth-child(2) h1{
        font-size: 20px;
    }
    .promo-1 > div:nth-child(2) span:not(.button),
    .promo-1 > div:nth-child(2) a:not(.button):not(.promo-checkbox--container){
        font-size: 15px;
    }
    .promo-1 > div:nth-child(2) .button{
        font-size: 20px;
        height: 54px;
    }
    .promo-1 > div:nth-child(2){
        gap: 25px;
    }
    .promo-grid > * .button{
        font-size: 12px!important;
    }
    .promo-1 h3{
        font-size: 15px;
    }
    .promo-1 h2{
        font-size: 20px;
    }
    .promo-1 .gift{
        height: 70px;
        margin-right: auto;
    }
}
@media screen and (max-width: 740px){
    .promo-1{
        display: flex;
        flex-direction: column-reverse;
        background-image: url(/public/v3/img/promo_1_bg_mobile.png);
        gap: 30px;
    }
    .promo-1 > div:nth-child(1) > div:nth-child(1){
        flex-direction: row;
    }
    .promo-1 > div:nth-child(1) > div:nth-child(1) > img:nth-child(3),
    .promo-1 > div:nth-child(1) > div:nth-child(1) > *:nth-child(3) img{
        width: 107px;
        height: auto;
    }
    .promo-1 > div:nth-child(1) > div:nth-child(1) > img:nth-child(1),
    .promo-1 > div:nth-child(1) > div:nth-child(1) > *:nth-child(1) img{
        width: 49px;
        height: auto;
    }
    .promo-1 > div:nth-child(1) > div:nth-child(1) > img:nth-child(2){
        width: 17px;
    }
    .promo-1 > div:nth-child(1) > img:nth-child(2){
        width: 100%;
        margin-right: -20px;
    }
    .promo-1 > div:nth-child(2) > a:last-child,
    .promo-1 > div:nth-child(2) > img:last-child{
        display: none;
    }
    .promo-1 > div:nth-child(1) > *:nth-child(3){
        display: block;
    }
    .promo-1 > div:nth-child(1) > *:nth-child(3),
    .promo-1 > div:nth-child(1) > *:nth-child(3) img{
        height: 17px;
    }
    .promo-1 > div:nth-child(2) .button{
        height: 37px;
        font-size: 14px;
    }
    .promo-1 > div:nth-child(2) span:not(.button),
    .promo-1 > div:nth-child(2) a:not(.button):not(.promo-checkbox--container){
        font-size: 12px;
    }
    .promo-1 > div:nth-child(2) h1{
        font-size: 20px;
    }
    .promo-1 > div:nth-child(2),
    .promo-1 > div:nth-child(1){
        gap: 15px;
    }
    .promo-grid > *{
        padding: 10px;
    }
    .promo-1 > div:nth-child(2) .button{
        font-size: 10px!important;
        padding-right: 15px;
        padding-left: 15px;
    }
    .promo-checkbox--container{
        padding: 10px 20px;
        border-radius: 20px;
    }
    .promo-grid{
        grid-template-columns: 1fr;
    }
    .promo-grid > *{
        border: none;
        padding: 0px;
    }
    .promo-grid > * span:last-child{
        min-height: unset;
    }
}


.promo-2{
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 0px;
    background-image: url(/public/v3/img/promo_2_bg_desktop.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;

    border: 2px solid rgba(255, 255, 255, 0.2);
}
.promo-2 > div:nth-child(1){
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
}
.promo-2 > div:nth-child(1) > div:nth-child(1){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.promo-2 > div:nth-child(1) > img:nth-child(2){
    width: 120%;
    margin-right: -10%;
    margin-left: -10%;
    height: auto;
}
.promo-2 > div:nth-child(1) > *:nth-child(3){
    display: none;
}

.promo-2 > div:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 35px;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.promo-2 > div:nth-child(2) > .button{
    font-size: 28px;
    height: 76px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: 316px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 100px;
}
.promo-2 > div:nth-child(2) > .button.blue{
    border-color: var(--main-background-color);
}
.promo-2 > div:nth-child(2) > a > img{
    height: 36px;
}
.promo-2 > div:nth-child(2) span{
    font-weight: 400;
    text-transform: none;
    line-height: 1.1em;
}
.promo-2 > div:nth-child(2) strong{
    font-weight: 900;
    text-transform: none;
}
.promo-2 > div:nth-child(2) a:not(.button){
    font-weight: 900;
    text-decoration: underline;
    text-transform: none;
}
.promo-2 > div:nth-child(2) h1{
    font-size: 47px;
    font-weight: 600;
    font-style: italic;
    line-height: 1em;
    margin: 0px;
}
@media screen and (max-width: 1380px) {
    .promo-2{
        background-image: url(/public/v3/img/promo_2_bg_tablet.png);
        grid-template-columns: 1fr 2fr;
    }
    .promo-2 > div:nth-child(1) > div:nth-child(1){
        flex-direction: column;
        gap: 20px;
    }
    .promo-2 > div:nth-child(1) > div:nth-child(1) > img:nth-child(3),
    .promo-2 > div:nth-child(1) > div:nth-child(1) > *:nth-child(3) img{
        width: 158px;
        height: auto;
    }
    .promo-2 > div:nth-child(1) > div:nth-child(1) > img:nth-child(1),
    .promo-2 > div:nth-child(1) > div:nth-child(1) > *:nth-child(1) img{
        width: 73px;
        height: auto;
    }
    .promo-2 > div:nth-child(1) > div:nth-child(1) > img:nth-child(2){
        width: 24px;
        height: auto;
    }
    .promo-2 > div:nth-child(1) > img:nth-child(2){
        width: calc(320px);
        margin-right: -110px;
        margin-left: -50px;
    }

    .promo-2 > div:nth-child(2) h1{
        font-size: 25px;
    }
    .promo-2 > div:nth-child(2) span,
    .promo-2 > div:nth-child(2) a:not(.button){
        font-size: 15px;
    }
    .promo-2 > div:nth-child(2) > .button{
        font-size: 20px;
        height: 54px;
        min-width: 225px;
    }
    .promo-2 > div:nth-child(2){
        gap: 25px;
    }

}
@media screen and (max-width: 740px){
    .promo-2{
        display: flex;
        flex-direction: column-reverse;
        background-image: url(/public/v3/img/promo_2_bg_mobile.png);
        gap: 30px;
    }
    .promo-2 > div:nth-child(1) > div:nth-child(1){
        flex-direction: row;
    }
    .promo-2 > div:nth-child(1) > div:nth-child(1) > img:nth-child(3),
    .promo-2 > div:nth-child(1) > div:nth-child(1) > *:nth-child(3) img{
        width: 107px;
        height: auto;
    }
    .promo-2 > div:nth-child(1) > div:nth-child(1) > img:nth-child(1),
    .promo-2 > div:nth-child(1) > div:nth-child(1) > *:nth-child(1) img{
        width: 49px;
        height: auto;
    }
    .promo-2 > div:nth-child(1) > div:nth-child(1) > img:nth-child(2){
        width: 17px;
    }
    .promo-2 > div:nth-child(1) > img:nth-child(2){
        width: 100%;
        margin-right: -20px;
        margin-left: 0px;
    }
    .promo-2 > div:nth-child(2) > a:last-child,
    .promo-2 > div:nth-child(2) > img:last-child{
        display: none;
    }
    .promo-2 > div:nth-child(1) > *:nth-child(3){
        display: block;
    }
    .promo-2 > div:nth-child(1) > *:nth-child(3),
    .promo-2 > div:nth-child(1) > *:nth-child(3) img{
        height: 17px;
    }
    .promo-2 > div:nth-child(2) > .button{
        height: 37px;
        font-size: 14px;
    }
    .promo-2 > div:nth-child(2) span,
    .promo-2 > div:nth-child(2) a:not(.button){
        font-size: 12px;
        max-width: 300px;
    }
    .promo-2 > div:nth-child(2) h1{
        font-size: 19px;
    }
    .promo-2 > div:nth-child(2),
    .promo-2 > div:nth-child(1){
        gap: 15px;
    }
}