:root{
    --main-background-color: #141419;
    --main-background-color-10: #1414191a;
    --main-background-color-30: rgba(20, 20, 25, 0.3);
    --main-background-color-50: rgba(20, 20, 25, 0.5);
    --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;
    --border-color: #3F3F3F;
    --border-color2: #ffffff;

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

    --gap: 20px;

    --default-transition: all 0.15s ease-in-out;
    --fast-transition: all 0.05s ease-in-out;
}

.cookie-accept{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background: var(--main-background-color);
    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: #ffffff;
    border-radius: 3px;
}

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

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

body{
    margin: 0px;

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

    background: url(/public/v3/img/background_tile.png), #040404;
    background-repeat:repeat;
    background-size: 100% 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: 57px;
        padding-bottom: 160px;
    }
    .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: #ffffff;
    border: 2px solid var(--main-background-color);
    text-align: center;
    width: fit-content;

    cursor: pointer;
}
.button.blue{
    color: #ffffff;
    border-color: var(--border-color2);
    background: var(--main-background-color);
}
.button.fl-blue{
    color: #ffffff;
    border-color: var(--border-color2);
    background: var(--main-background-color);
    font-style: italic;
    font-size: 15px;
    font-weight: 600;
}
.button.fl-blue.active{
    border-color: var(--color-orange);
    background: var(--color-orange);
}
.button.orange{
    background: var(--color-orange);
    border-color: var(--color-orange);
    color: #ffffff;
}
.button.hollow-white{
    background: none;
    color: #ffffff;
    border-color: var(--border-color2);
}
.button.hollow-orange{
    background: none;
    color: #ffffff;
    border-color: var(--color-orange);
}
.button.hollow-blue{
    background: none;
    color: var(--main-background-color);
    border-color: var(--main-background-color);
}
.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;
    -webkit-box-shadow: 0px 17px 48px -12px rgba(255, 106, 19, 0.2);
    -moz-box-shadow: 0px 17px 48px -12px rgba(255, 106, 19, 0.2);
    box-shadow: 0px 17px 48px 0px rgba(255, 106, 19, 0.2);
}
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: #ffffff;
}
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 var(--border-color);
    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: 70px;
    height: 17px;
    background: url(/public/v3/img/winline_icon.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0px !important;
    color: #ffffff;
    -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-table-container .index-single-table:not(:first-child),
    .index-table-container .index-double-table:not(:first-child){
        margin-top: -8px;
    }
}

.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 #ffffff; */
    border-radius: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--default-margin);
    margin-bottom: 10px;
    padding: 0px 20px;
}
.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: #ffffff;
    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: #ffffff;
}
.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: #ffffff;
}
.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;
    height: 493px;
}
@media screen and (max-width: 1380px) {
    .inner-links > div:nth-child(2){
        height: 531px;
    }
}
@media screen and (max-width: 720px) {
    .inner-links > div:nth-child(2){
        height: calc((100vw - 40px) / 325 * 238);
    }
}
.inner-links a{
    display: block;
    width: 100%;
    height: fit-content;
    border-radius: 36px;
    box-sizing: border-box;
    overflow: hidden;
}
.inner-links a.placeholder,
.inner-links .swiper-slide > *{
    border: 2px solid var(--border-color);
}
.inner-links a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
@media screen and (max-width: 720px) {
    .inner-links a.placeholder img{
        width: 150%;
        margin-left: -25%;
    }
}

.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,
.block-title > .pbl-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: #ffffff;
    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);
    justify-content: space-between;
}
.index-table{
    display: flex;
    flex-direction: column;
    border-radius: 36px;
    border: 2px solid var(--border-color);
    box-sizing: border-box;
    height: fit-content;
}
.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"; */
}
.table-prehead > span:nth-child(1),
.index-double-table > div:nth-child(1) > p,
.index-single-table > div:nth-child(1) > p{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    justify-content: center;
}
.table-prehead > span:nth-child(1)::before,
.table-prehead > span:nth-child(1)::after,
.index-double-table > div:nth-child(1) > p::before,
.index-double-table > div:nth-child(1) > p::after,
.index-single-table > div:nth-child(1) > p::before,
.index-single-table > div:nth-child(1) > p::after{
    content: "";
    display: block;
    height: 1.5em;
    width: 1em;
    background-image: url(/public/v3/img/title_star.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.index-double-table > div:nth-child(1) > p::before,
.index-double-table > div:nth-child(1) > p::after,
.index-single-table > div:nth-child(1) > p::before,
.index-single-table > div:nth-child(1) > p::after{
    filter: brightness(0);
}
.table-prehead > div.mobile-only{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.table-prehead > div.mobile-only img{
    height: 1.5em;
    width: auto;
}
@media screen and (min-width: 740px) {
    .table-prehead > div.mobile-only{
        display: none!important;
    }
}
.table-prehead{
    border-radius: 36px 36px 0px 0px;
}
.table-footer,
.index-table > div:last-child{
    border-radius: 0px 0px 36px 36px;
}
@media screen and (max-width: 1380px){
    .table-prehead{
        min-height: 46px;
        font-size: 21px;
    }
    .index-table{
        border-radius: 30px;
    }
    .table-prehead{
        border-radius: 30px 30px 0px 0px;
    }
    .table-footer,
    .index-table > div:last-child{
        border-radius: 0px 0px 30px 30px;
    }
}
.table-prehead:not(:first-child){
    border-radius: 0px;
}
.table-footer,
.index-table > div:last-child{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 34px;
    background: var(--main-background-color);

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

    /* font-family: "PF Din"; */
}
.spoiler-table > div.spoiler-bottom span,
.table-footer span,
.index-table > div:last-child span{
    color: var(--main-background-color);
    width: 70px;
    height: 17px;
    background: url(/public/v3/img/winline_icon.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0px!important;
    color: #ffffff;


    -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;
}
@media screen and (max-width: 720px) {
    .index-table th{
        padding: 0px 5px;
    }
    .index--league-cup .index-table > div table tr td:nth-child(2) span{
        max-width: 89px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.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:nth-child(2) .tooltip{
    position: relative;
    top: unset;
    right: unset;
    transform: unset;
}
.index-table > div table tr td:nth-child(2) .tooltip > div:nth-child(1){
    width: unset;
    height: unset;
}
.index-table > div table tr td:nth-child(2) .tooltip > div:nth-child(1) img{
    filter: unset;
}
.index-table > div table tr td:last-child{
    padding-right: 0.5em;
}
.index-table > div table tr td:last-child .tooltip{
    position: relative;
    transform: unset;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
}
.index-table > div table tr td:last-child .tooltip > div:nth-child(2){
    text-transform: none;
}
.index-table > div table tr td:last-child .tooltip img{
    filter: unset;
}
.index-table > div table tr:not(.table-head){
    color: var(--main-background-color);
    background: #ffffff;
}
.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;
    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: 0px;
    border-radius: 0px 0px 36px 36px;
    box-sizing: border-box;
    background: var(--main-background-color);
    left: 0px;
    width: 100%;
    z-index: 2;
    padding: 10px 0px;
    border: 2px solid var(--border-color);
}
.player-card.no-photo > div{
    bottom: 50%;
    transform: translateY(50%);
    background: unset!important;
    border-radius: 0px!important;
    border: unset!important;
}
.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.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(--border-color);
    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: #ffffff;
    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: #ffffff;
    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: var(--main-background-color-50);
    border: 2px solid var(--color-orange);
    width: 30px;
    height: 30px;
    opacity: 1;
}
.index-banner .swiper-pagination-bullet-active{
    background: var(--color-orange);
    border-color: var(--main-background-color);
}
.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);
        font-size: 12px;
    }
    .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%;
        font-size: 12px;
    }
    .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;
    }
    .index--best-players > div > h2{
        font-size: 17px;
    }

    .index-table{
        border-radius: 20px;
    }
    .table-prehead{
        border-radius: 20px 20px 0px 0px;
    }
    .table-footer,
    .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;
    }
    .table-footer,
    .index-table > div:last-child{
        height: 19px;
    }
    .table-footer span,
    .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: #ffffff;
    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(--border-color);
    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: #ffffff;
    background: var(--color-orange);
}
.match--predict > div > span.white{
    color: var(--main-background-color);
    background: #ffffff;
}
.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(--border-color);
}
.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(--border-color);
}
.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: #ffffff;
    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: #ffffff; */
    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: #ffffff;

    /* 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(--border-color);
    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: #ffffff;
    color:var(--main-background-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
.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: #ffffff;
    background: var(--main-background-color);
    border: 2px solid var(--border-color);
}
.match--meets--stat > div:nth-child(3){
    color: #ffffff;
    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: #ffffff;
    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: #ffffff;
    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:not(.field-row):not(.field--summ){
    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: #ffffff;
    border-radius: 20px;
    border: 2px solid var(--border-color);
    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(--border-color);
    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(--border-color);
    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: 0px;
        gap: 4px;
        border-radius: 0px 0px 20px 20px;
    }
    .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;
    }
    .table-prehead:not(:first-child){
        font-size: 17px;
        height: 35px;
    }
}


.calendar-img{
    position: relative;
    border-radius: 20px;
    background: linear-gradient(55deg,rgba(255, 106, 19, 0.49) -20%, rgba(20, 20, 25, 1) 30%);
    background: linear-gradient(55deg,rgba(255, 106, 19, 0.49) 0%, rgba(20, 20, 25, 1) 30%);
    overflow: hidden;
    height: 168px;
}
.calendar-img > img{
    width: 100%;
    height: 168px;
    object-fit: cover;
    object-position: center;
    display: none;
}
.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: #ffffff;
    border: 2px solid var(--border-color);
    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: #ffffff;
    border: 2px solid var(--border-color);
    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(--border-color);
    background: var(--main-background-color);
    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(--border-color);
    box-sizing: border-box;
    background: var(--main-background-color);
    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(--border-color);
}
.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,
    .block-title > .pbl-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(--border-color);
    background: var(--main-background-color);
}
.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/field-card-bg.png);
    background-size: cover;
    position: relative;
    width: 156px;
    height: 172px;
    border-radius: 36px;
    border: 2px solid var(--border-color);
    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, #00000000 0%, var(--color-orange) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    border-radius: inherit;
}
.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;
    background: var(--color-orange);
    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(--border-color);
    background: var(--main-background-color);
}
.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{
    background: var(--main-background-color);
}


.team-history--table--img{
    height: 316px;
}
.team-history--table--img > img{
    width: 100%;
    height: 100%;
    object-position: center bottom;
    object-fit: contain!important;
}
.team-history--table--img.club-logo > img{
    padding: 20px;
    box-sizing: border-box;
}
.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: #ffffff;
}

.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(--border-color);
    background: var(--main-background-color);
    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(--border-color);
}
.team-management--container > div > div:nth-child(1){
    display: grid;
    grid-template-columns: 220px 1fr;
    column-gap: 20px;
    transform: translate(-2px, -2px);
    background: var(--main-background-color);
    margin-bottom: -4px;
}
.team-management--container > div > div:nth-child(1) > div:nth-child(1){
    background: var(--main-background-color);
    position: relative;
    width: 220px;
    height: 243px;
    border-radius: 36px;
    border: 2px solid var(--border-color);
    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(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(--border-color);
    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(--border-color);
    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: var(--main-background-color);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 304px;
    height: 336px;
    border-radius: 36px;
    border: 2px solid var(--border-color);
    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(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(--border-color);
    background: var(--main-background-color);
    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 var(--border-color);
    color: #ffffff;
    background-color: var(--main-background-color);
    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;
    box-sizing: border-box;
    min-width: fit-content;
}
.tabs-controls.fl > a{
    width: 100%;
}
.tabs-controls > a.active{
    background: #ffffff;
    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: var(--main-background-color);
    position: relative;
    width: 154px;
    min-height: 170px;
    height: 100%;
    border-radius: 36px;
    border: 2px solid var(--border-color);
    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) > img.no-player-photo{
    object-fit: cover;
    object-position: center center;
}

.media-players > div{
    display: grid;
    grid-template-columns: 154px 1fr;
    column-gap: 40px;
    align-items: center;
    border-radius: 36px;
    border: 2px solid var(--border-color);
    background: var(--main-background-color);
    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;
    overflow: hidden;
    text-overflow: ellipsis;
}
.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 182px;
        column-gap: 10px;
        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;
        width: 100%;
    }
    .media-players > div > *:nth-child(1)::before{
        height: 40px;
    }
    .media-players > div > div:nth-child(2){
        flex-direction: column;
        align-items: start;
        gap: 5px;
        padding: 10px 0px;
        box-sizing: border-box;
    }
    .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: var(--main-background-color);
    position: relative;
    width: 304px;
    height: 336px;
    border-radius: 36px;
    border: 2px solid var(--border-color);
    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(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(--border-color);
    background: var(--color-orange);
    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: var(--color-orange);
    border-radius: 20px;
    border: 2px solid var(--border-color2);
    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(--border-color);
    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: #ffffff;
    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: #ffffff;
    white-space: nowrap;
}

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

.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: #ffffff;
    background-color: #00BC63;
}
.statistica-table--spoiler-table .spoiler-row > div:first-child > *:nth-child(11) > span.green{
    color: #ffffff;
    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: #ffffff;
    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: #ffffff;
    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;
    padding: 40px;
    background: var(--color-orange);
}
.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: #ffffff;
    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:not(.spoiler){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;

    gap: 32px;

    padding: 20px 25px;
    border-radius: 18px;
    border: 2px solid var(--border-color);
    background: var(--main-background-color);
    transition: var(--default-transition);

    font-family: "PF Din";
    font-size: 36px;
    font-style: italic;
    font-weight: 500;
    text-decoration: none;
}
.statistica-matches--list > div:not(.spoiler).active{
    background: #ffffff;
    color: var(--main-background-color);
}
.statistica-matches--list > div:not(.spoiler) *{
    transition: var(--default-transition);
}
.statistica-matches--list > div:not(.spoiler) > *{
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}
.statistica-matches--list > div:not(.spoiler) > *:nth-child(1){
    margin-right: auto;
}
.statistica-matches--list > div:not(.spoiler) > *:nth-child(1) > img{
    width: 43px;
    height: 43px;
    object-fit: contain;
    object-position: center;
}
.statistica-matches--list > div:not(.spoiler) > *:nth-child(2) img{
    height: 31px;
}
.statistica-matches--list > div:not(.spoiler).active > *:nth-child(2) img{
    filter: invert(1);
}
.statistica-matches--list > div:not(.spoiler) > *:nth-child(3){
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: center;
}
.statistica-matches--list > div:not(.spoiler) > *:nth-child(3) span{
    font-family: "PF Din";
    font-size: 36px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 500;
    white-space: nowrap;
}
.statistica-matches--list > div:not(.spoiler) > *:nth-child(3) > div{
    width: 43px;
    height: 43px;
    background-image: url(/public/v3/img/icon--btn-plus.svg);
    background-position: center center;
    background-size: 100% 100%;
}
.statistica-matches--list > div:not(.spoiler).active > *:nth-child(3) > div{
    background-image: url(/public/v3/img/icon--btn-minus.svg);
}
.statistica-matches--list > .spoiler{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    max-height: 400px;
    width: 100%;
    transition: var(--default-transition);
    overflow: hidden;
}
.statistica-matches--list > .spoiler > *:not(.socials){
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    padding: 20px;
    border-radius: 20px;
    background: var(--color-orange);
    box-sizing: border-box;
    height: 171px;
}
.statistica-matches--list > .spoiler > *:not(.socials) > span:nth-child(1){
    font-size: 20px;
}
.statistica-matches--list > .spoiler > *:not(.socials) > span:nth-child(2){
    font-family: "PF Din";
    font-size: 70px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 500;
    line-height: 0.8em;
}
.statistica-matches--list > .spoiler > *.socials{
    display: none;
}
@media screen and (max-width: 1380px) {
    .statistica-matches--list > .spoiler{
        gap: 10px;
        max-height: 210px;
    }
    .statistica-matches--list > .spoiler > *:not(.socials){
        height: 100px;
    }
    .statistica-matches--list > div:not(.spoiler),
    .statistica-matches--list > div:not(.spoiler) > *:nth-child(3){
        gap: 20px;
    }
    .statistica-matches--list > div:not(.spoiler),
    .statistica-matches--list > div:not(.spoiler) > *:nth-child(3) span{
        font-size: 20px;
    }
    .statistica-matches--list > .spoiler > *:not(.socials) > span:nth-child(2){
        font-size: 40px;
    }
    .statistica-matches--list > .spoiler > *:not(.socials) > span:nth-child(1){
        font-size: 12px;
    }
}
@media screen and (max-width: 740px){
    .statistica-matches--list > div:not(.spoiler),
    .statistica-matches--list > div:not(.spoiler) > *:nth-child(3),
    .statistica-matches--list > div:not(.spoiler) > *{
        gap: 10px;
    }
    .statistica-matches--list > div:not(.spoiler),
    .statistica-matches--list > div:not(.spoiler) > *:nth-child(3) span{
        font-size: 15px;
    }
    .statistica-matches--list > .spoiler > *:not(.socials) > span:nth-child(2){
        font-size: 30px;
    }
    .statistica-matches--list > .spoiler > *:not(.socials) > span:nth-child(1){
        font-size: 8px;
    }
    .statistica-matches--list > div:not(.spoiler){
        padding: 10px 15px;
        font-size: 15px;
        border-radius: 20px;
    }
    .statistica-matches--list > div:not(.spoiler) > *:nth-child(2) img{
        height: 20px;
    }
    .statistica-matches--list > div:not(.spoiler) > *:nth-child(1) > img{
        width: 25px;
        height: 25px;
    }
    .statistica-matches--list > div:not(.spoiler) > *:nth-child(3) > div{
        width: 30px;
        height: 30px;
    }
    .statistica-matches--list > div:not(.spoiler) > *:nth-child(2):not(:last-child){
        display: none;
    }
    .statistica-matches--list > .spoiler > *:not(.socials){
        padding: 15px;
    }
    .statistica-matches--list > .spoiler > *.socials{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 20px;
        grid-area: 3 / 1 / 4 / 4;
    }
    .statistica-matches--list > .spoiler > *.socials img{
        width: auto;
        height: 24px;
    }
    .statistica-matches--list > .spoiler{
        max-height: 214px;
    }
    .statistica-matches--list > .spoiler > *:not(.socials){
        height: 85px;
    }
}
.statistica-matches--list > div:not(.spoiler):not(.active) + .spoiler{
    margin-top: -10px;
    max-height: 0px;
}

.statistica-header{
    background-image: url(/public/v3/img/statistica_banner.png), url(/public/v3/img/statistica_banner_bg.png);
    background-position: center bottom, center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: calc(var(--default-margin) * -1);
}
.statistica-header > div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 0px;
    padding-bottom: 40px;
    box-sizing: border-box;
    gap: 40px;
}
.statistica-header > div > div:nth-child(1){
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 20px;
    background: #ffffff;
    padding: 15px calc((100vw - 1380px + 40px) / 2);
    width: 100vw;
    transform: translateX(calc((100vw - 1380px) / -2));
    box-sizing: border-box;
}
.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: #ffffff;
}
.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: center;
    justify-content: center;
}
.statistica-header > div > div:nth-child(2) > span:nth-child(1){
    font-family: "PF Din";
    font-size: 80px;
    font-style: italic;
    font-weight: 500;
    line-height: 0.8em;
    text-align: center;
}
/* .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;
} */

.statistica-header .tabs-controls{
    justify-content: center;
}


@media screen and (max-width: 1380px){
    .statistica-header{
        background-image: url(/public/v3/img/statistica_banner_tablet.png), url(/public/v3/img/statistica_banner_bg.png);
        background-position: center bottom, center center;
        background-size: 1380px 428px, cover;
    }
    .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;
        padding: 15px calc((100vw - 720px + 20px) / 2);
        transform: unset;
    }
    .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: 60px;
    }
    /* .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){
        padding: 15px 10px;
        width: 100vw;
        box-sizing: border-box;
        /* transform: translateX(calc((100vw - 7200px) / -2)); */
    }
    .statistica-header{
        background-image: url(/public/v3/img/statistica_banner_mobile.png), url(/public/v3/img/statistica_banner_bg.png);
        background-position: center top, center center;
        background-size: 720px 195px, cover;
    }
    .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: 40px;
        line-height: 40px;
    }
    /* .statistica-header > div > div:nth-child(2) > span:nth-child(2){
        font-size: 112px;
    } */
    .statistica-header > div{
        gap: 20px;
        padding-bottom: 10px;
    }
    .statistica-header .tabs-controls{
        justify-content: start;
    }
}



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

}

.tooltip > div:nth-child(1),
.table-prehead .link{
    width: 28px;
    height: 28px;
    cursor: pointer;
}
.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: -10px;
    bottom: calc(100% + 15px);
    width: max-content;
    max-width: 40vw;

    color: var(--main-background-color);
    background: #ffffff;
    font-size: 12px;
    font-weight: 400;

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

    z-index: 9999;
}
.tooltip > div:nth-child(2)::after{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(100% - 3px);
    right: 5px;
    background: url(/public/v3/img/swiper-arrow--orange.svg);
    /* filter: drop-shadow(-1px 2px 2px #ffffff);
    filter: invert(1); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 17px;
    width: 10px;
    transform: translateX(-20px) rotate(90deg);
}
.tooltip:not(:hover):not(.active) > div:nth-child(2){
    display: none;
}

.rating--table-tab .table .list > * > *:nth-child(2) .tooltip > div:nth-child(2)::after{
    transform: translateX(0px) rotate(90deg);
    right: unset;
    left: 15px;
}
@media screen and (max-width: 1380px) {
    .tooltip > div:nth-child(1),
    .table-prehead .link{
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 740px) {
    .tooltip > div:nth-child(2){
        font-size: 10px;
        max-width: 80vw;
    }
    .rating--table-tab .table .list > * > *:nth-child(2) .tooltip > div:nth-child(2)::after{
        left: 73px;
        height: 20px;
        width: 10px;
        top: calc(100% - 5px);
    }
}


.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(--border-color);
}
.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!important;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;

    z-index: 9999;
    background: #141419a8;
}
.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 #000000, inset 0px 0px 100px 50px #000000;
    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;
}
.title{
    font-size: 70px;
    font-style: italic;
    margin: 0px;
    line-height: 1em;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.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 var(--border-color);
    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(--border-color);
    border-radius: 30px;
    background: var(--main-background-color);
    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: var(--main-background-color);
    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 var(--border-color);
    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.svg);
    background-position: center center;
    background-size: 100% 100%;
    border: none!important;
    background-color: transparent!important;
}
.predictor-page .predictor-block-header label > input:disabled + span{
    background-image: url(/public/v3/img/winline-checkbox-small--disabled.svg)!important;
    background-position: center center;
    background-size: 100% 100%;
}
.predictor-page .predictor-block-header label > input:checked + span{
    background-image: url(/public/v3/img/winline-checkbox-small--checked.svg);
    background-position: center center;
    background-size: 100% 100%;
}
.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(--border-color);
    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: #ffffff;
    color: var(--main-background-color);
    cursor: pointer;
}
.predictor-page .predictor-page--info--make-predict > *:nth-child(2) > *.active{
    background: var(--color-orange);
    color: #ffffff;
}
.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;
    background: var(--main-background-color);
}
@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 var(--border-color);
    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 var(--border-color);
    overflow: hidden;
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: var(--default-padding);
    background: #ffffff;
    color: var(--main-background-color);
    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: #ffffff;
}

.predictor-page .predictor-page--info--questions > *.answer > *:nth-child(2) > *:nth-child(2) > div > div:last-child{
    background: #ffffff;
    border-color: var(--color-orange);
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 400;
    text-transform: none;
    color: var(--main-background-color);
    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: var(--main-background-color);
    border-radius: 20px;
    border: 2px solid var(--border-color);
    outline: none;
    font-family: "Jost";
    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    color: #ffffff;
    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 var(--main-background-color);
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > .double label input:checked + span{
    border-color: var(--color-orange);
    background: var(--color-orange);
    color: #ffffff;
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > .double label input.blue:checked + span{
    background: var(--main-background-color);
    border-color: var(--main-background-color);
}
.predictor-page .predictor-page--info--questions > * > *:nth-child(2) > .double > span{
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 400;
    color: var(--main-background-color);
    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(--border-color);
    background-color: var(--main-background-color);
    background-image: url(/public/v3/img/winline-checkbox-bg.svg);
    background-size: cover;
    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){
    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: #ffffff;
    border-radius: 100px;
    color: var(--main-background-color);
    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: #ffffff;
    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: #ffffff;
    color: var(--main-background-color);
    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 var(--border-color);
    /* 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: #ffffff;
    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(--main-background-color);
}
.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(--main-background-color);
    color: #ffffff;
    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(--main-background-color);
}
.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(--main-background-color);
    color: #ffffff;
    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(--main-background-color);
    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: #ffffff;
    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;
    }
    .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(2):nth-last-child(2) { grid-area: 2 / 1 / 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) {
    .title{
        font-size: 24px;
        flex-direction: column;
        gap: 20px;
        align-items: start;
    }
    .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: 100px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .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(--border-color);
    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(--main-background-color);
    border-radius: 20px;
    border: 2px solid var(--border-color);
    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: var(--main-background-color);
    border-radius: 20px;
    border: 2px solid var(--border-color);
    outline: none;
    font-family: "Jost";
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    font-style: italic;
    color: #ffffff;
    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(--border-color);

    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 var(--border-color);
    color: #ffffff;
    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: var(--main-background-color);
    border-radius: 20px;
    border: 2px solid var(--border-color);
    outline: none;
    font-family: "Jost";
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    font-style: italic;
    color: #ffffff;
    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: #ffffff;
    margin: 0px;
    border: none;
    background: none;
}
.predictor-profile .checkbox-container label p{
    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(--border-color);

    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;
    border-color: var(--color-orange);
}
.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: 20px;
    }

    .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: 3px;
    }

    .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 var(--border-color);
    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: auto;
    }
    .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;
    }
}


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

    border-radius: 36px;
    border: 2px solid var(--border-color);
    overflow: hidden;
}
.match--predictor h1{
    width: 100%;
    font-size: 28px;
    line-height: 1em;
    font-style: italic;
    text-align: center;
    color: #ffffff;
    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: #ffffff;
    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: #ffffff;
    color: var(--main-background-color);
}
.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(--border-color);
    background: var(--main-background-color);
    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 var(--border-color);
    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;
    }
}



.container.small{
    width: 829px;
}
@media screen and (min-width: 1380px) {
    .hide-desktop{
        display: none;
    }
}
@media screen and (max-width: 1380px) and (min-width: 720px) {
    .hide-tablet{
        display: none;
    }
}
@media screen and (max-width: 720px) {
    .hide-mobile{
        display: none;
    }
}
@media screen and (max-width: 1380px) {
    .container{
        width: 720px;
        max-width: calc(100vw - 40px);
    }
    .container.small{
        width: 325px;
    }
}
/* @media screen and (max-width: 720px) {
    .container{
        width: 325px;
        max-width: calc(100vw);
    }
} */

@media screen and (min-width: 1380px){
    .hide-desktop{
        display: none!important;
    }
}
@media screen and (max-width: 1380px) and (min-width: 720px){
    .hide-tablet{
        display: none!important;
    }
}
@media screen and (max-width: 720px){
    .hide-mobile{
        display: none!important;
    }
}
a{
    text-decoration: none;
}

/* input[type="text"]:not(.predictor-profile input),
input[type="password"]*:not(.predictor-profile input),
input[type="number"]:not(.predictor-profile input) */

*:not(.predictor-profile) > input[type="text"],
*:not(.predictor-profile) > input[type="password"],
*:not(.predictor-profile) > input[type="number"]

    /* input[type="text"],
    input[type="password"],
    input[type="number"] */
{
    padding: 10px 20px;
    border-radius: var(--radius);
    box-sizing: border-box;
    width: 100%;
    border: 2px solid var(--border-color);
    outline: none;
    background: var(--main-background-color);
    color: #ffffff;
    font-family: "Jost";


    border-radius: 20px;

    transition: var(--default-transition);

    -moz-appearance: textfield;

    font-size: 1em;
    height: 40px;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder{
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
    font-size: 1em;
    font-weight: 600;
    font-family: "Jost";
    text-transform: uppercase;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="text"]:not(:disabled):hover,
input[type="password"]:not(:disabled):hover,
input[type="number"]:not(:disabled):hover{
    border-color: var(--color-orange);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus{
    border-color: var(--color-orange);
}
input[type="text"]:focus::placeholder,
input[type="password"]:focus::placeholder,
input[type="number"]:focus::placeholder{
    color: #ffffff;
}

@media screen and (max-width: 1380px){
    body{
        font-size: 15px;
    }
}
img{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

h1{
    font-size: 60px;
    margin: 0px;
    line-height: 1em;
}
h2{
    font-size: 40px;
    margin: 0px;
    line-height: 1em;
}
@media screen and (max-width: 1380px){
    h1{
        font-size: 30px;
        line-height: 1em;
    }
    h2{
        font-size: 15px;
        line-height: 20px;
    }
}
@media screen and (max-width: 720px){
    h1{
        font-size: 25px;
        line-height: 1em;
    }
    h2{
        font-size: 15px;
        line-height: 20px;
    }
}
/* .button{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: var(--radius);
    border: var(--width) solid var(--grey-color);
    background: var(--grey-color);
    color: var(--white-color);

    transition: var(--default-transition);

    outline: none;

    cursor: pointer;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.button::placeholder{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.button.outline{
    border-color: var(--green-color);
}
.button:hover{
    border-color: var(--green-color);
}
.button:active,
.button.active{
    background: var(--green-color);
    color: #ffffff;
    border-color: var(--green-color);
}
.button.green{
    color: var(--green-color);
    border-color: var(--green-color);
} */


nav.fl-mobile-menu{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    color: #ffffff;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 88px;
    gap: 0px;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;

    z-index: 9;

}

@media screen and (max-width: 720px) {
    nav.fl-mobile-menu ~ footer{
        padding-bottom: 109px;
        bottom: -109px;
    }
}
nav.fl-mobile-menu > *{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;

    font-size: 8px;
    line-height: 14px;
    text-align: center;
    width: 100%;

    color: inherit;
    text-decoration: none;
    background: var(--color-orange);
    height: 100%;
}
nav.fl-mobile-menu > * span:nth-child(1){
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -5px;
    box-sizing: border-box;
    padding: 5px;
}
nav.fl-mobile-menu > * img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;

    transform: var(--default-transition);
}
nav.fl-mobile-menu > *.active{
    background: #ffffff;
    color: var(--main-background-color);
}
nav.fl-mobile-menu > *:not(.active) img{
    filter: brightness(0) invert(1);
}

.my-team--tab-btns{
    display: grid;
    grid-template-columns: 1fr 90px 90px;
    gap: 10px;
}
@media screen and (min-width: 720px) {
    nav.fl-mobile-menu{
        display: none;
    }
    .my-team--tab-btns{
        display: none;
    }
}
.my-team--tab-btns .button{
    font-size: 12px;
    height: 100%;
    font-style: italic;
    font-weight: 500;
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 10px;
    border-color: var(--border-color);
}
.my-team--tab-btns .pbl-select .pbl-select--placeholder{
    padding: 15px 15px;
}
.my-team--tab-btns .pbl-select .pbl-select--placeholder span{
    font-size: 10px;
    line-height: 1em;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.my-team--tab-btns .pbl-select{
    border-radius: 10px;
}

.my-team--title{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
}
.my-team--title.mtt-banner{
    grid-template-columns: 1fr 614px;
}
.my-team--title.single{
    grid-template-columns: 1fr;
}
.my-team--title.single h1{
    white-space: normal;
}
@media screen and (max-width: 1380px){
    .my-team--title.mtt-banner{
        grid-template-columns: 1fr 415px;
    }
    .my-team--title.mtt-banner > *:not(h1){
        display: block;
        height: 40px;
        padding: 0px;
    }
    .my-team--title.mtt-banner img{
        height: 100%;
        width: 100;
        object-fit: contain;
    }
}
@media screen and (max-width: 720px){
    .my-team--title.mtt-banner{
        grid-template-columns: 1fr;
    }
}
.my-team--title h1{
    margin: 0px;
    padding: 30px 0px;
    font-weight: 600;
    line-height: 41px;
    font-size: 41px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    font-style: italic;
}
.my-team--title > *:not(h1){
    height: 114px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 30px;
    box-sizing: border-box;
}
.my-team--title > *:not(h1) img{
    width: 100%;
    height: 60px;
    object-fit: contain;
    object-position: center;
}

.my-team--tours{
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
.my-team--tours .my-team--tours--stats{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap);
}
.my-team--tours .my-team--tours--stats > *{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    border-radius: 30px;
    padding: 20px;
    box-sizing: border-box;
    background: var(--color-orange);
}
.my-team--tours .my-team--tours--stats > * > span:nth-child(1){

    font-size: 20px;
    font-weight: 600;
    line-height: 1em;
}
.my-team--tours .my-team--tours--stats > * > span:nth-child(2){
    font-size: 40px;
    font-weight: 500;
    font-style: italic;
    line-height: 1em;
}
.my-team--tours .pbl-select{
    display: none;
}
.my-team--tours--swiper{
    display: grid;
    grid-template-columns: 36px calc(100% - 36px - 36px - 40px) 36px;
    gap: var(--gap);
    align-items: center;
}
.my-team--tours--swiper,
.my-team--tours--swiper .swiper,
.my-team--tours--swiper .swiper-wrapper{
    height: 142px;
}
@media screen and (max-width: 1380px) {
    .my-team--tours--swiper,
    .my-team--tours--swiper .swiper,
    .my-team--tours--swiper .swiper-wrapper{
        height: 115px;
    }
}
.my-team--tours--swiper .swiper{
    width: 100%;
}
.my-team--tours--swiper .button-next,
.my-team--tours--swiper .button-prev{
    width: 36px;
    height: 54px;
    border-radius: 0px;
    background-color: var(--grey-color);
    background-image: url(/public/v3/img/swiper-arrow--orange.svg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    border: unset;

    cursor: pointer;

    transition: var(--default-transition);
}
.my-team--tours--swiper .button-next.swiper-button-disabled,
.my-team--tours--swiper .button-prev.swiper-button-disabled{
    cursor: not-allowed;
    opacity: 0.75;
    border-color: var(--grey-color)!important;
}
.my-team--tours--swiper .button-prev{
    transform: rotate(180deg);
}
.my-team--tours--swiper .swiper-slide{
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;

    border-radius: 30px;
    border: 2px solid var(--border-color);
    background: var(--main-background-color);

    transition: var(--default-transition);

    box-sizing: border-box;
    padding: 20px;
    height: fit-content;
}
.my-team--tours--swiper .swiper-slide:hover{
    border-color: var(--color-orange);
}
.my-team--tours--swiper .swiper-slide.active{
    background: var(--color-orange);
    border-color: var(--color-orange);
}
.my-team--tours--swiper .swiper-slide > span:nth-child(1){
    font-size: 35px;
    font-weight: 500;
    line-height: 1em;
    font-style: italic;
}
.my-team--tours--swiper .swiper-slide > div:nth-child(2){
    width: 100%;
    height: 3px;
    display: block;
    border-radius: 20px;
    background: var(--border-color);
}
.my-team--tours--swiper .swiper-slide > span:nth-child(3){
    font-size: 20px;
    font-weight: 400;
    line-height: 1em;
    opacity: 0.7;
}


.my-team--constructor{
    display: grid;
    grid-template-columns: repeat(2, calc((1380px - 5px) / 2));
    gap: 20px;
}
.my-team--constructor--field-tab{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;

}
.my-team--constructor--field-tab .my-team--constructor--content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap);

    width: 100%;

    border-radius: 20px;
    padding: 30px 0px;
    background: var(--main-background-color);
    border: 2px solid var(--border-color);
    background-position: center center;
    background-size: cover;
}
.my-team--constructor--field-tab > .info{
    background: var(--grey-color);
    border-radius: var(--radius);
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.my-team--constructor--field-tab .info{
    text-align: center;
    font-weight: 900;
    display: flex;
    grid-template-columns: 1fr 1fr 1fr;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    /*  */
    color: var(--green-color);
    width: 570px;
}
.my-team--constructor--field-tab .info.double{
    display: grid;
    grid-template-columns: 1fr 2fr;
}
@media screen and (min-width: 1380px) {
    .my-team--constructor--field-tab .info.double br{
        display: none;
    }
}
.my-team--constructor--field-tab .info > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #ffffff;
    border-radius: 20px;
    height: 40px;
    color:var(--main-background-color);
    font-weight: 500;
    font-style: italic;
    font-size: 14px;
    width: 100%;
    letter-spacing: -0.05em;
}
.my-team--constructor--field-tab .info div.date{
    display: block;
}
@media screen and (min-width: 1380px) {

    .my-team--constructor--field-tab .info div{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
}
@media screen and (max-width: 1380px){
    .my-team--constructor--field-tab .info div.date{
        display: flex;
        flex-direction: column;
        gap: 0.25em;
    }
    .my-team--constructor--field-tab .info div.date *:nth-child(2){
        display: none;
    }
}
.my-team--constructor--field-tab .info > div img{
    height: 20px;
    width: auto;
}
.my-team--constructor--field-tab .info > div *.default{
    font-weight: 400;
    font-family: "TTRuns";
    /* font-size: 15px; */
    text-transform: none;
}
.my-team--constructor--field-tab .my-team--constructor--content > .best{
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 20px;
    border: 2px solid var(--border-color);
    background: var(--main-background-color);
}
.my-team--constructor--field-tab .my-team--constructor--content > .best div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.my-team--constructor--field-tab .my-team--constructor--content > .best > div:nth-child(1) span:nth-child(1){
    font-size: 15px;
    font-weight: 600;
}
.my-team--constructor--field-tab .my-team--constructor--content > .best > div:nth-child(2) span:nth-child(1){
    font-size: 17px;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1em;
    font-weight: 500;
    color: var(--color-orange);
}
.my-team--constructor--field-tab .my-team--constructor--content > .best > div:nth-child(2) span:nth-child(2){
    font-size: 17px;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1em;
    font-weight: 500;
}
@media screen and (min-width: 1380px) {
    .my-team--constructor--field-tab .my-team--constructor--content > .best{
        gap: 10px;
        padding: 20px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .best div{
        gap: 5px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .best h2,
    .my-team--constructor--field-tab .my-team--constructor--content > .best h1{
        font-size: 20px;
        line-height: 1em;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .best h2{
        margin-right: auto;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .best span{
        font-size: 12px;
        line-height: 1em;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.5em
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .best span img{
        height: 1em;
        width: auto;
    }
    .my-team--constructor--field-tab.rating .my-team--constructor--content{
        position: relative;
        margin-top: 107px;
    }
    .my-team--constructor--field-tab.rating .my-team--constructor--content > .best{
        height: 87px;
        position: absolute;
        bottom: calc(100% + 20px);
        left: 0px;
    }
}
.my-team--constructor--field-tab .my-team--constructor--content > .field{
    width: 570px;
    height: 713px;
    background-image: url(/public/v3/img/field2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: space-evenly;

    padding: 23px;
    box-sizing: border-box;
    position: relative;
}
.my-team--constructor--field-tab .my-team--constructor--content > .field .field-row{
    display: flex;
    gap: 5px;
    /* min-height: 160px; */
}
.field-card-v2{
    width: 99px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
}
.field-card-v2 .field-card--img{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.field-card-v2 .field-card--img{
    width: 65px;
    height: 86px;
    background-image: url(/public/v3/img/field-card-bg.png);
    background-size: 120%;
    background-position: center center;
    border-radius: 10px 0px 10px 0px;
    border: 2px solid var(--main-background-color);
    transition: var(--default-transition);
}
.field-card-v2:not(.disabled):not(.substitute-on) .field-card--img:hover,
.field-card-v2.active:not(.disabled) .field-card--img{
    border-color: var(--color-orange);
}
.field-card-v2:not(.disabled):not(.substitute-on) .field-card--img:hover .field-card--bot,
.field-card-v2.active:not(.disabled) .field-card--img .field-card--bot,
.field-card-v2:not(.disabled):not(.substitute-on) .field-card--img:hover .field-card--vs,
.field-card-v2.active:not(.disabled) .field-card--img .field-card--vs{
    border-color: var(--color-orange);
}
.field-card-v2 .field-card--img > img:nth-child(1){
    width: 100%;
    height: 90%;
    object-fit: cover;
    object-position: center bottom;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.field-card-v2.no-player-photo .field-card--img > img:nth-child(1){
    width: 60%;
    object-fit: contain;
    left: 20%;
    object-position: center;
}
.field-card-v2.plus .field-card--img > img:nth-child(1){
    width: 40px;
    height: 40px;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
}
.field-card-v2 .field-card--img .field-card--price{
    position: absolute;
    top: -1px;
    right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.field .field-card.disabled-opacity{
    opacity: 0.3;
}
.field-card-v2 .field-card--img .field-card--controls{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    display: none;
    transform: translateX(-50%);
    transition: all 0.15s ease-out;
}
@media screen and (min-width: 1380px) {
    .field-card-v2:not(.disabled):not(.substitute-on) .field-card--img:hover .field-card--controls{
        display: block;
    }
    .field-card-v2:not(.disabled) .field-card--img:hover .field-card--shirt{
        transform: scale(1.25);
    }
}

.field-card-v2:not(.disabled):not(.substitute-on) .field-card--img:hover .field-card--effects,
.field-card-v2.active:not(.disabled) .field-card--img .field-card--effects{
    display: none;
}
.field-card-v2.active:not(.disabled) .field-card--img .field-card--controls{
    display: block;
}
.field-card-v2.active:not(.disabled) .field-card--img .field-card--shirt{
    transform: scale(1.25);
}
.field-card-v2.substitute-on .field-card--img:hover .field-card--shirt{
    cursor: pointer;
}
.field-card--price{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 10px;
    line-height: 0.75em;
    font-weight: 500;
    font-style: italic;
    letter-spacing: -0.05em;
    background-image: url(/public/v3/img/price_lside_bg.svg), url(/public/v3/img/price_bg.svg);
    background-size: 7px 15px, calc(100% - 6px) auto;
    background-repeat: no-repeat;
    background-position: left center, right center;
    border-radius: 2px;
    height: 11px;
    width: fit-content;
    padding: 2px 7px;
    padding-right: 4px;
}
.field-card-v2 .field-card--price{
    background-image: url(/public/v3/img/price_lside_bg_border.svg), url(/public/v3/img/price_bg_border.png);
    background-size: 7px 15px, calc(100% - 6px) 15px;
    background-repeat: no-repeat;
    background-position: left center, right center;
}
@media screen and (max-width: 1380px) {
    .field-card-v2 .field-card--price{
        background-image: url(/public/v3/img/price_lside_bg_border.svg), url(/public/v3/img/price_bg_border.png);
        background-size: 6px 10px, calc(100% - 5px) 10px;
        background-repeat: no-repeat;
        background-position: left center, right center;
    }
}
.my-team--constructor--table-tab .field-card--price{
    color: #ffffff;
    margin-left: auto;
    margin-right: auto;
}
.my-team--constructor--table-tab tr > *:nth-child(1){
    max-width: 150px;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
}
@media screen and (min-width: 1380px) {
    .field-card--price.big{
        gap: 5px;
        font-size: 14px;
        background-image: url(/public/v3/img/price_lside_bg.svg), url(/public/v3/img/price_bg.svg);
        background-size: 17px 24px, calc(100% - 13px) auto;
        background-repeat: no-repeat;
        background-position: left center, right center;
        padding: 4px 14px;
        padding-right: 8px;
    }
}
@media screen and (max-width: 1380px) {
    .my-team--constructor--table-tab .field-card--price{
        font-size: 10px;
        gap: 5px;
        height: 13px;
    }
    .my-team--constructor--table-tab tr > *:nth-child(1){
        max-width: 113px;
    }

    .field-card-v2.plus .field-card--img > img:nth-child(1){
        width: 34px;
        height: 34px;
    }
}
@media screen and (max-width: 720px){
    .my-team--constructor--table-tab tr > *:nth-child(1){
        max-width: 100px;
    }
}

.my-team--tours .my-team--tours--stats > * .field-card--price{
    gap: 10px;
    font-size: 11px;
    background-image: url(/public/v3/img/price_lside_bg_white.svg), url(/public/v3/img/price_bg_white.svg);
    background-size: 22px 37px, calc(100% - 19px) auto;
    background-repeat: no-repeat;
    background-position: left center, right center;
    padding: 13px 20px;
    padding-right: 12px;
    font-size: 22px;
    color: var(--main-background-color);
}
.my-team--tours .my-team--tours--stats > * .field-card--price img{
    filter: invert(1);
}
.field .field--summ{
    position: absolute;
    bottom: 40px;
    right: 40px;

    background: var(--main-background-color-10);
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.field .field--summ > span{
    line-height: 1em;
    color: var(--main-background-color);
    text-transform: uppercase;
    font-style: italic;
    font-size: 9px;
}
@media screen and (max-width: 1380px) {
    .field .field--summ > span{
        font-size: 10px;
    }
    .field .field--summ{
        right: 20px;
        bottom: 21px;
        padding: 7px;
        gap: 5px;
    }
    .field .field--summ .field-card--price{
        font-size: 10px;
        height: 16px;
        background-size: 9px 18px, calc(100% - 8px) auto;
    }
}
.field .field--empty-placeholder{
    position: absolute!important;
    top: 0px!important;
    left: 0px!important;
    width: 100%!important;
    height: 100%!important;
    background-color: #0000009f!important;
    display: flex!important;
    flex-direction: column!important;
    gap: 20px!important;
    align-items: center!important;
    justify-content: center!important;
    border-radius: 10px
}
.field-card--price > img{
    height: 1em!important;
    width: auto!important;
}
.table .field-card--price{
    height: 20px;
    padding: 0px 16px;
    padding-right: 8px;
    font-size: 10px;
    background-size: 16px 20px, calc(100% - 13px) auto;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: calc(1380px)) {

    .field-card--price{
        font-size: 6px;
        line-height: 0.8em;
        height: 8px;
        padding: 1px 5px;
        padding-right: 2px;
    }
    .table .field-card--price{
        padding: 0px 8px;
        padding-right: 4px;
        font-size: 6px;
        height: 12px;
        background-size: 7px 12px, calc(100% - 6px) auto;
    }
}
.field-card-v2 .field-card--img .field-card--controls > *{
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.field-card-v2 .field-card--img .field-card--controls > * img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.field-card-v2 .field-card--img .field-card--controls > *:nth-child(1){
    top: -5px;
    left: -5px;
}
.field-card-v2 .field-card--img .field-card--controls > *:nth-child(2){
    bottom: -5px;
    right: -5px;
}
.field-card-v2 .field-card--img .field-card--controls > *:nth-child(3){
    top: 25px;
    left: 0px;
}
.field-card-v2 .field-card--img .field-card--controls > *:nth-child(4){
    top: 25px;
    right: 0px;
}
.field-card-v2 .field-card--img .field-card--effects{
    display: flex;
    flex-direction: column;
    gap: 3px;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    justify-content: center;
    align-items: center;
}
.field-card-v2 .field-card--img .field-card--effects > *{
    width: 18px;
    height: auto;
}
.field-card-v2 .field-card--img .field-card--effects > * img{
    width: 100%;
    height: auto;
}
.field-card-v2 .field-card--name{
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    width: 100%;
    color: var(--main-background-color);
}
.field-bench .field-card-v2 .field-card--name{
    color: #ffffff;
}
@media screen and (min-width: 1380px) {
    .field-bench .field-card-v2 .field-card--name{
        margin-top: -5px;
    }
}
.field-card-v2 .field-card--bot,
.field-card-v2 .field-card--top{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: var(--default-transition);
}
.field-card--cap{
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: 25px;
    left: 2px;
}
.field-card--cap img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
@media screen and (max-width: 1380px) {
    .field-card--cap{
        height: 10px;
        width: 10px;
        bottom: 13px;
        left: 1px;
    }
}
@media screen and (max-width: 7200px) {

}
.field-card-v2 .field-card--vs{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 1px 3px;
    border-radius: 10px 10px 10px 0px;
    border: 2px solid var(--main-background-color);
    background: #ffffff;
    position: absolute;
    bottom: -2px;
    left: -2px;
    font-size: 10px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: var(--main-background-color);

    transition: var(--default-transition);
}
.field-card-v2 .field-card--vs img{
    width: 10px;
    height: 10px;
    object-fit: contain;
}
.field-card-v2 .field-card--bot{
    margin-top: auto;
    height: 17px;
    position: absolute;
    bottom: -2px;
    left: -2px;
    border-radius: 20px 20px 20px 0px;
    border: 2px solid var(--main-background-color);
    background: var(--color-orange);
}
.field-card-v2 .field-card--top{
    border-radius: 5px;
    background: #ffffff;
    color:var(--main-background-color);
    font-style: italic;
    font-size: 15px;
    font-weight: 500;
    padding: 3px 2px;
    text-transform: uppercase;
}
.field-card-v2 .field-card--bot img{
    width: 17px;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.field-card-v2 .field-card--bot .field-card--score{
    color: #ffffff;
}
.field-card-v2 .field-card--top span{
    color: var(--main-background-color);
}
.field-card-v2 .field-card--bot .field-card--score,
.field-card-v2 .field-card--top span{
    padding: 0px 6px;
    border-radius: var(--radius);
    background: var(--white-color);
    text-align: center;

    font-size: 15px;
    line-height: 0.75em;
    font-weight: 600;
    font-style: italic;
}
.field-card-v2 .field-card--bot .field-card--vs{
    padding: 5px 6px;
    border-radius: var(--radius);
    background: #ffffff;
    color: var(--white-color);
    text-align: center;

    font-size: 10px;
    line-height: 20px;
    font-weight: 900;
    line-height: 1em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    gap: 5px;

    text-transform: uppercase;
}
.field-card-v2 .field-card--bot .field-card--vs img{
    height: 1em;
    width: auto;
}
@media screen and (min-width: 1380px) {
    .field-card-v2 .field-card--swap{
        position: absolute;
        top: 0px;
        right: calc(50% + 30px);
    }
}
.field-card-v2 .field-card--plus,
.field-card-v2 .field-card--minus,
.field-card-v2 .field-card--swap{
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 1000px;
    border: 2px solid var(--border-color);
    transition: var(--default-transition);
}
.field-card-v2 .field-card--plus img,
.field-card-v2 .field-card--minus img,
.field-card-v2 .field-card--swap img{
    width: 50%;
    height: 50%;

    transition: var(--default-transition);
}
.field-card-v2 .field-card--plus:hover,
.field-card-v2 .field-card--plus.active,
.field-card-v2 .field-card--swap.active{
    background: var(--color-orange);
}
@media screen and (min-width: 1380px) {
    .field-card-v2 .field-card--swap:hover{
        background: var(--color-orange);
    }
}
.field-card-v2 .field-card--minus:hover,
.field-card-v2 .field-card--minus.active{
    background: #FE5E5E;
}
/* .field-card-v2 .field-card--plus:hover img,
.field-card-v2 .field-card--plus.active img,
.field-card-v2 .field-card--swap:hover img,
.field-card-v2 .field-card--swap.active img{
    filter: invert(1);
} */
.field-card-v2 .field-card--swap.active{
    animation: field-swap--rotate 1s linear infinite;
}
@media screen and (min-width: 1380px){
    .field-card-v2 .field-card--swap:hover{
        animation: field-swap--rotate 1s linear infinite;
    }
}

@keyframes field-swap--rotate {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}


.my-team--constructor--field-tab .field-bench{
    display: flex;
    flex-direction: row;
    /* gap: 50px; */
    align-items: start;
    justify-content: space-evenly;
    width: 100%;
}
.my-team--constructor--field-tab .field-bench .field-card-v2{
    background-image: url(/public/v3/img/field--bench-seat.svg);
    background-size: contain;
    background-position: top 30px center;
    background-repeat: no-repeat;
    width: 117px;
    max-width: 25%;
    min-height: 200px;
    height: 100%;
    padding-top: 40px;
    box-sizing: border-box;
}
.my-team--constructor--field-tab .field-bench .field-card-v2 .field-card--img,
.my-team--constructor--field-tab .field-bench .field-card-v2 .field-card--bot{
    border-color: var(--main-background-color);
}
.my-team--constructor--field-tab .field-bench .field-card-v2.empty{
    background-image: url(/public/v3/img/field--bench-seat--empty.svg);
}
@media screen and (max-width: 1380px) {
    .my-team--constructor--field-tab .field-bench .field-card{
        width: 79px;
        min-height: 121px;
        background-size: 60px auto;
        background-position: top 35px center;
        padding-top: 0px;
    }
    .my-team--constructor--field-tab .field-bench .field-card-v2{
        min-height: 131px;
        padding-top: 0px;
        width: 100%;
    }
    .field-card-v2 .field-card--top{
        margin-bottom: 20px;
        font-size: 10px;
    }
    .field-card-v2 .field-card--plus, .field-card-v2 .field-card--minus, .field-card-v2 .field-card--swap{
        margin-top: auto;
    }
}
@media screen and (max-width: 720px) {
    .my-team--constructor--field-tab .field-bench .field-card-v2{
        width: 82px;
        min-height: 140px;
    }
}
.my-team--constructor--field-tab .field-controls{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}
.my-team--constructor--field-tab .field-controls > *.prev-match{
    min-height: 74px;
    height: 100%;
    background: var(--grey-color);
    border-radius: var(--radius);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    gap: 10px;
    width: calc(50%);
    word-break: break-word;
}
.my-team--constructor--field-tab .field-controls.v2 > *.prev-match{
    width: 100%;
}
.my-team--constructor--field-tab .field-controls > *.prev-match img{
    height: 1em;
}
.pbl-select.cap .pbl-select--placeholder > span,
.pbl-select.vicecap .pbl-select--placeholder > span{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.pbl-select.cap .pbl-select--placeholder > span::after,
.pbl-select.vicecap .pbl-select--placeholder > span::after{
    content: "";
    height: 17px;
    width: 17px;
}
.pbl-select.cap .pbl-select--placeholder,
.pbl-select.vicecap .pbl-select--placeholder{
    grid-template-columns: 1fr 20px;
    padding-left: 15px;
}
.pbl-select.vicecap .pbl-select--placeholder > span::after{
    background-image: url(/public/v3/img/icon--field-vicecaptain.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.pbl-select.cap .pbl-select--placeholder > span::after{
    background-image: url(/public/v3/img/icon--field-captain.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1380px) {
    .pbl-select.cap .pbl-select--placeholder,
    .pbl-select.vicecap .pbl-select--placeholder{
        grid-template-columns: 1fr 20px;
        gap: 10px;
    }
}
@media screen and (max-width: 720px) {
    .pbl-select.cap .pbl-select--placeholder,
    .pbl-select.vicecap .pbl-select--placeholder{
        grid-template-columns: 1fr 15px;
    }
    .my-team--constructor--field-tab .field-controls.v2 > *.prev-match{
        padding-top: 0px;
        padding-bottom: 0px;
        max-height: 36px;
        overflow: hidden;
    }
    .my-team--constructor--field-tab .field-controls.v2 > *.prev-match > *:nth-child(2){
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.125em;
    }
}
@media screen and (max-width: 1380px) {
    .my-team--constructor--field-tab .field-controls > *.prev-match{
        min-height: 40px;
        height: 100%;
    }
}
.my-team--constructor--field-tab .field-controls > *{
    width: 100%;
}
.my-team--constructor--field-tab .field-controls .pbl-select{
    width: 100%;
}
.my-team--constructor--field-tab .field-controls .button{
    height: 40px;
    border-color: var(--border-color2);
    background:var(--main-background-color);
    color: #ffffff;
    font-style: italic;
    font-weight: 500;
}
.my-team--constructor--field-tab .field-transfer{
    width: 100%;
}
@media screen and (min-width: 1380px) {
    .my-team--constructor--field-tab .field-transfer{
        display: none;
    }
}
.field-controls-info{
    display: none;
}

.my-team--constructor--field-tab .field--text-line{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 0px 20px;
    border-radius: 20px;
    border: 2px solid var(--border-color);
    background: var(--main-background-color);
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
}
.my-team--constructor--field-tab .field--text-line > *:nth-child(2){

    color: var(--color-orange);
    font-weight: 700;
}
@media screen and (max-width: 1380px){
    .my-team--constructor--field-tab .field--text-line{
        font-size: 12px;
    }
    .my-team--constructor--field-tab .field-controls.small .button{
        font-size: 10px;
    }
}

@media screen and (max-width: 1380px) {
    .field-card-v2 .field-card--img{
        width: 48px;
        height: 64px;
        border-radius: 7px 0px 7px 0px;
    }
    .field-card-v2{
        width: 50px;
    }
    .my-team--constructor--field-tab .info{
        width: 100%;
        box-sizing: border-box;
        padding: 0px 10px;
    }
    .my-team--constructor--field-tab .info > div > span{
        font-size: 12px!important;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .field{
        width: 325px;
        height: 480px;
        gap: 10px;
        padding: 15px;
        margin-top: 10px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .field .field-row{
        /* min-height: 86px; */
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .field .field-row{
        gap: 10px;
    }
    .field-card-v2 .field-card--img .field-card--shirt{
        height: 39px;
        width: 44px;
    }
    .field-card{
        gap: 5px;
        width: 54px;
    }
    .field-card-v2 .field-card--name{
        font-size: 6px;
    }
    .field-bench .field-card-v2 .field-card--name{
        color: #ffffff;
        min-height: 25px;
    }
    .field-card-v2,
    .field-card-v2 *{
        border-width: 1px!important;
    }
    .field-card-v2 .field-card--bot .field-card--score{
        font-size: 8px;
        padding: 1px 2px;
        line-height: 4px;
    }
    .field-card-v2 .field-card--bot{
        min-width: 16px;
        height: 12px;
        box-sizing: border-box;
        bottom: -1px;
        left: -1px;
    }
    .field-card-v2 .field-card--bot img{
        width: 9px;
        height: auto;
    }
    .field-card-v2 .field-card--vs{
        font-size: 4px;
        padding: 2px 2px;
        left: -1px;
        bottom: -1px;
        gap: 3px;
    }
    .field-card-v2 .field-card--vs img{
        width: 6px;
        height: 6px;
    }
    .field-card-v2 .field-card--img .field-card--shirt > img:nth-child(2){
        width: 23px;
        height: 23px;
    }
    .field-card-v2 .field-card--img .field-card--effects > *{
        width: 10px;
    }
    .field-card-v2 .field-card--img .field-card--effects{
        width: 10px;
    }
    .field-card-v2 .field-card--img .field-card--controls{
        width: 100%;
        height: 100%;
    }
    .field-card-v2 .field-card--img .field-card--controls > *{
        width: 23px;
        height: 23px;
    }
    .field-card-v2 .field-card--img .field-card--controls > *:nth-child(2){
        bottom: -5px;
        right: -5px;
        z-index: 1;
    }
    .field-card-v2 .field-card--img .field-card--controls > *:nth-child(1){
        top: -5px;
        left: -5px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .best{
        padding: 20px;
        gap: 10px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .best h2{
        font-size: 15px;
        line-height: 20px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .best h1{
        font-size: 20px;
        line-height: 27px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .best span{
        font-size: 12px;
        line-height: 16px;
    }
    .field-card-v2 .field-card--plus,
    .field-card-v2 .field-card--minus,
    .field-card-v2 .field-card--swap{
        width: 40px;
        height: 40px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content{
        padding: 20px 0px;
        padding-top: 0px;
    }
}
@media screen and (max-width: 720px) {
    .field-card-v2 .field-card--img .field-card--effects > *,
    .field-card-v2 .field-card--img .field-card--effects{
        width: 18px;
    }


    .field-card-v2 .field-card--vs img{
        display: none;
    }
    .field-card-v2 .field-card--vs{
        padding: 2px 2px;
        padding-right: 3px;
        font-size: 8px;
        line-height: 0.75em;
        height: 12px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 620px) {
    .field-card-v2 .field-card--img .field-card--effects > *,
    .field-card-v2 .field-card--img .field-card--effects{
        width: 14px;
    }
}
@media screen and (max-width: 500px) {
    .field-card-v2 .field-card--img .field-card--effects > *,
    .field-card-v2 .field-card--img .field-card--effects{
        width: 12px;
    }
}
@media screen and (max-width: 420px) {
    .field-card-v2 .field-card--img .field-card--effects > *,
    .field-card-v2 .field-card--img .field-card--effects{
        width: 10px;
    }
}
@media screen and (max-width: 420px) {
    .field-card-v2 .field-card--img .field-card--effects > *,
    .field-card-v2 .field-card--img .field-card--effects{
        width: 10px;
    }
}


.my-team--constructor--field-tab .field-controls.v2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 20px;
}

.my-team--constructor--field-tab .field-controls.v2 > *:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.my-team--constructor--field-tab .field-controls.v2 > *:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.my-team--constructor--field-tab .field-controls.v2 > *:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
.my-team--constructor--field-tab .field-controls.v2 > *:nth-child(4) { grid-area: 3 / 1 / 4 / 3; }
.my-team--constructor--field-tab .field-controls.v2 .field--text-line{
    height: 40px;
}

@media screen and (max-width: 1380px) {
    .my-team--constructor--field-tab .field-controls.v2 > *:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
    .my-team--constructor--field-tab .field-controls.v2 > *:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
    .my-team--constructor--field-tab .field-controls.v2 > *:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
    .my-team--constructor--field-tab .field-controls.v2 > *:nth-child(4) { grid-area: 3 / 1 / 4 / 3; }

    .my-team--constructor--field-tab .field-controls.v2 .field--text-line{
        height: 40px;
    }
    .my-team--constructor--field-tab .field-controls.v2 .pbl-select .pbl-select--placeholder span{
        font-size: 10px;
    }
    .my-team--constructor--field-tab .field-controls.v2 .field--text-line br{
        display: none;
    }
}
@media screen and (max-width: 720px) {
    .my-team--constructor--field-tab .my-team--constructor--content > .field{
        width: calc(100vw - 40px);
        height: calc((100vw - 40px) / 325 * 480);
    }
    /* .field-card-v2 .field-card--vs{
        font-size: 8px;
    } */
}

.my-team--constructor--table-tab{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.my-team--constructor--table-tab .filters{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.my-team--constructor--table-tab .filters .pbl-select .pbl-select--placeholder{
    height: auto;
    box-sizing: border-box;
    font-weight: 400;
}
.my-team--constructor--table-tab .filters .filter-main{
    display: grid;
    grid-template-columns: 354px 1fr 40px;
    gap: 5px;
}
.my-team--constructor--table-tab .filters .filter-main > .button{
    padding: 0px;
    border-radius: 10px;
    height: 40px;
    width: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--border-color);
    background: var(--main-background-color);
    transition: var(--default-transition);
}
.my-team--constructor--table-tab .filters .filter-main > .button img{
    width: 18px;
    height: 18px;
    object-fit: contain;
    object-position: center;
}
.my-team--constructor--table-tab .filters .filter-main > .button.active{
    border-color: var(--color-orange);
    background: var(--color-orange);
}
.my-team--constructor--table-tab .filters  .filter-main .pbl-select .pbl-select--placeholder{
    grid-template-columns: 20px 1fr;
}
.my-team--constructor--table-tab .filters .filter-main .pbl-select .pbl-select--placeholder span{
    grid-area: 1 / 2 / 2 / 3;
}
.my-team--constructor--table-tab .filters .filter-main .pbl-select .pbl-select--placeholder::after{
    background-image: url(/public/v3/img/icon--sort.svg);
    grid-area: 1 / 1 / 2 / 2;
    transform: rotate(0deg)!important;
}
.my-team--constructor--table-tab .filters .filter-params{
    max-height: 0px;
    margin-top: -5px;
    overflow: hidden;
    padding: 0px;

    display: flex;
    flex-direction: column;
    gap: 20px;

    transition: var(--default-transition);

    background: var(--main-background-color);
    border: 0px solid var(--border-color);
    border-radius: 36px;

    box-sizing: border-box;
}
@media screen and (min-width: 1380px) {
    .my-team--constructor--table-tab .filters .filter-params:not(.active){
        margin-bottom: -15px;
    }
}
@media screen and (max-width: 1380px) {
    .my-team--constructor--table-tab .filters .filter-params:not(.active){
        margin-bottom: -5px;
    }
}
@media screen and (max-width: 720px) {
    .my-team--constructor--table-tab .filters .filter-params:not(.active){
        margin-bottom: 0px;
    }
}
.my-team--constructor--table-tab .filters .filter-params.active{
    max-height: 226px;
    padding: 20px;
    margin-top: 0px;
    border-width: 2px;
    overflow: visible;
}
.my-team--constructor--table-tab .filters .filter-params > div:nth-child(1){
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.my-team--constructor--table-tab .filters .filter-params > div:nth-child(2){
    display: grid;
    grid-template-columns: 84px 1fr 1fr;
    gap: 5px;
}
.my-team--constructor--table-tab .filters .filter-params > div:nth-child(2) > *{
    padding: 10px 20px;
}
.my-team--constructor--table-tab .filters .filter-params > div:nth-child(2) > span{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: var(--main-background-color);
    font-size: 17px;
    font-weight: 500;
    font-style: italic;
    border-radius: 20px;
    height: 40px;
    box-sizing: border-box;
}
.my-team--constructor--table-tab .filters .filter-params > div:nth-child(4).background,
.my-team--constructor--table-tab .filters .filter-params > div:nth-child(3).button{
    display: none;
}

.my-team--constructor--table-tab td img{
    width: 40px;
    height: 40px;
    object-position: center;
    object-fit: contain;
}
.my-team--constructor--table-tab td:last-child img{
    width: 24px;
    height: 24px;
}
.fl--table-last-matches{
    display: flex;
    flex-direction: column!important;
    gap: 0px!important;
}
.fl--table-last-matches > div{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3px;
}
.fl--table-last-matches > span{
    font-size: 8px;
    font-weight: 400;
}
.fl--table-last-matches > div img{
    width: 10px!important;
    height: 10px!important;
}
.fl--table-last-matches > div{
    font-size: 12px;
    text-align: center;
}

input[type="text"].magnifier{
    padding-left: 55px!important;
    background-image: url(/public/v3/img/icon--magnifier.svg)!important;
    background-size: 25px 25px!important;
    background-repeat: no-repeat!important;
    background-position: 20px center!important;

    transition: var(--default-transition);
    padding: 10px 20px;


    border-radius: 20px;
    border: 2px solid var(--border-color);
    background: var(--main-background-color);
}
input[type="text"].magnifier:focus{
    background-position: -25px center!important;
    padding-left: 20px!important;
}
@media screen and (max-width: calc(1380px)) {
    input.magnifier{
        padding-left: 35px;
        background-size: 20px 20px!important;
        background-position: 7px center!important;
    }
}
.table{
    border-radius: 36px;
    border: 2px solid var(--border-color);
    box-sizing: border-box;
}
.table,
.table .list{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.table .list{
    background: var(--color-gray);
    gap: 2px;
    padding: 2px;
    min-width: fit-content;
    box-sizing: border-box;
}
.table .head,
.table .list > *{
    width: 100%;
    display: grid;
    box-sizing: border-box;
    padding: 0px 20px;
    height: 60px;
    grid-template-columns: 150px 69px 75px 75px 94px 40px;
    align-items: center;
    gap: 20px;
    text-align: center;
    font-size: 15px;
}
.table .list > *{
    cursor: pointer;
}
.table .head > *{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
@media screen and (max-width: calc(1380px)) {

    .table .head > *{
        flex-direction: column;
        justify-content: center;
    }
}
.sort{
    cursor: pointer;
}
.sort .sort{
    display: block;
    width: 12px;
    min-width: 12px;
    height: 8px;
    background-image: url(/public/v3/img/icon--sort-line.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
.sort .sort.asc{
    background-image: url(/public/v3/img/icon--sort-asc.svg);
}
.sort .sort.desc{
    background-image: url(/public/v3/img/icon--sort-desc.svg);
}
.table .list *.empty-result{
    display: flex!important;
    flex-direction: row!important;
    align-items: center!important;
    justify-content: center!important;
    height: 240px!important;
    background: #ffffff!important;
    color: var(--color-orange)!important;
    cursor: default!important;
    font-size: 20px!important;
    width: 100%!important;
}
.table .list.empty{
    position: sticky;
    left: 0px;
    top: 0px;
}
@media screen and (max-width: 1380px) {
    .table .head,
    .table .list > *{
        height: 40px;
        gap: 10px;
        font-size: 10px;
    }
    .table .list > *.empty-result{
        font-size: 15px!important;
    }
}
@media screen and (max-width: 720px) {
    .table .head,
    .table .list > *{
        padding: 0px 10px;
    }
}
.my-team--constructor--table-tab .table .head > *:nth-child(1),
.my-team--constructor--table-tab .table .list > * > *:nth-child(1){
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-content: start!important;
}
.my-team--constructor--table-tab .table .head  img,
.my-team--constructor--table-tab .table .list > * img{
    height: 40px;
    width: 40px;
    object-fit: contain;
    object-position: center;
}
.my-team--constructor--table-tab .table .list > * > *:nth-child(6) img{
    cursor: pointer;
}
.table .head{
    background: var(--color-orange);
    color: #ffffff;
}
.table .list > *{
    background: #ffffff;
    color: var(--main-background-color);
    transition: var(--default-transition);
    text-decoration: none;
}
.my-team--constructor--table-tab .table .list > *:hover{
    background: var(--green-color);
}
.my-team--constructor--table-tab .table .list > *.active{
    background: rgb(90, 245, 183);
    background: #05CE7C;
    background: #77c5a6;
    color: #000000;
}

.matches-swiper .swiper{
    width: 100%;
}
.matches-swiper .swiper-slide{
    border-radius: 36px;
    background: #ffffff;
    padding: 30px 20px;
    box-sizing: border-box;
}
.matches-swiper .swiper-slide{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.matches-swiper .swiper-slide > *{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    width: 100%;
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(odd){
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    height: 100%;
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(odd) > div:nth-child(1){
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(odd) > div:nth-child(1) > div:nth-child(1){
    position: relative;
    width: 65px;
    height: 86px;
    background: url(/public/v3/img/field-card-bg.png);
    background-size: 120%;
    background-position: center center;
    border-radius: 10px 0px 10px 0px;
    border: 2px solid var(--main-background-color);
    transition: var(--default-transition);
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(odd) > div:nth-child(1) > div:nth-child(1) img{
    width: 100%;
    height: 90%;
    object-fit: cover;
    object-position: center bottom;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(odd) > div:nth-child(1) > div:nth-child(1) img.no-player-photo{
    object-fit: contain;
    object-position: center center;
    height: 70%;
    bottom: 20%;
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(odd) > div:nth-child(1) > div:nth-child(1) span{
    position: absolute;
    bottom: 5px;
    padding: 4px 8px;
    max-width: 100%;
    width: max-content;
    line-height: 1em;
    font-family: "PF Din";
    font-style: italic;
    font-weight: 500;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    background-color: var(--main-background-color);
    text-align: center;
    color: #ffffff;
    font-size: 8px;
    font-weight: 600;
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(odd) > div:nth-child(1) > span{
    color: var(--main-background-color);
    font-size: 8px;
    font-weight: 600;
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(odd) > div:nth-child(2){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: auto;
}
.matches-swiper .swiper-slide > *:nth-child(2) > *:nth-child(odd){
    font-size: 15px;
    font-weight: 600;
    color: var(--main-background-color);
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(odd) > div:nth-child(2) img{
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(2) > span:nth-child(1){
    font-size: 70px;
    line-height: 0.75em;
    font-family: "PF Din";
    font-weight: 500;
    font-style: italic;
    color: var(--color-orange);
}
.matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(2) > span:nth-child(2){
    font-size: 15px;
    font-weight: 400;
    color: var(--main-background-color);
    line-height: 1em;
}
.matches-swiper .swiper-slide > *:nth-child(2) > span:nth-child(2){
    font-size: 15px;
    font-weight: 600;
    background: var(--main-background-color);
    color: #ffffff;
    padding: 5px;
    min-width: 87px;
    border-radius: 20px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1em;
    box-sizing: border-box;
}
@media screen and (min-width: 1380px) {
    .matches-swiper .swiper .swiper-wrapper{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
        transform: none!important;
    }
    .matches-swiper .swiper-slide{
        margin-right: 0px!important;
    }
}
@media screen and (max-width: 1380px) {
    .matches-swiper .swiper-slide{
        padding: 20px 15px;
    }
    .matches-swiper .swiper-slide > *:nth-child(2) > *:nth-child(odd){
        max-width: 90px;
    }
    .matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(2){
        gap: 15px;
    }
    .matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(2) > span:nth-child(1){
        font-size: 53px;
    }
    .matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(2) > span:nth-child(2){
        font-size: 11px;
    }
    .matches-swiper .swiper-slide > *:nth-child(2) > *{
        font-size: 11px!important;
    }
    .matches-swiper .swiper-slide > *:nth-child(1) > *:nth-child(odd) > div:nth-child(1) > div:nth-child(1){
        width: 49px;
        height: 65px;
    }
    .matches-swiper .swiper-slide{
        border-radius: 27px;
    }
    .matches-swiper .swiper-slide > *:nth-child(2) > span:nth-child(2){
        min-width: 65px;
    }
}


.rating--container{
    display: grid;
    grid-template-columns: repeat(2, calc((1380px - 5px) / 2));
    gap: 20px;
}
.rating--table-tab{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.rating--table-tab .filters{
    display: grid;
    grid-template-columns: 290px 1fr 135px;
    gap: 10px;
}
label input[type="checkbox"]{
    display: none;
}
label input[type="checkbox"] + span{
    display: block;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    cursor: pointer;
    border-radius: 20px;
    border: 2px solid var(--border-color);
    background: var(--main-background-color);
    color: #ffffff;
    font-size: 17px;
    letter-spacing: -0.05em;
    font-style: italic;
    font-weight: 500;
    box-sizing: border-box;
    padding: 5px 10px;

    transition: var(--default-transition);
}
label input[type="checkbox"]:checked + span{
    background: var(--color-orange);
}
.rating--table-tab .filters .pbl-select .pbl-select--placeholder{
    font-weight: 400;
}
.rating--table-tab .filters input.magnifier{
    padding-left: 55px;
}
.rating--table-tab .table{
    overflow-x: auto;
    border-radius: 36px 36px 0px 0px
}
.rating--table-tab .table .table-prehead,
.rating--table-tab .table .table-footer{
    position: sticky;
    left: 0px;
}
.rating--table-tab .table + .table-footer{
    margin-top: -20px;
    border: 2px solid var(--border-color);
    border-top: unset;
}
.rating--table-tab .table .head,
.rating--table-tab .table .list > *{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    width: fit-content;
    padding-right: 0px;
}
.rating--table-tab .table .list > *{
    cursor: pointer;
}
.table .list,
.rating--table-tab .table .list > *,
.rating--table-tab .table .head{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.rating--table-tab .table .list > *.active{
    background: var(--color-orange);
}
.rating--table-tab .table .list > *.selected{
    background: var(--color-orange);
}
.rating--table-tab .table .list > * > *:last-child{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.rating--table-tab .table .head > *:nth-child(1),
.rating--table-tab .table .list > * > *:nth-child(1){
    position: sticky;
    top: 1px;
    left: 0px;
    height: calc(100% - 2px);
    background: inherit;
    padding-left: var(--gap);
    margin-left: calc(var(--gap) * -1);
}
@media screen and (min-width: 1380px) {
    .rating--table-tab .table .head > div:nth-child(1),
    .rating--table-tab .table .list > * > *:nth-child(1){
        z-index: 1;
    }
}
.rating--table-tab .table .head > div:nth-child(2),
.rating--table-tab .table .list > * > *:nth-child(2){
    position: sticky;
    top: 1px;
    left: calc(65px);
    height: calc(100% - 2px);
    padding-left: var(--gap);
    margin-left: calc(var(--gap) * -1);

    background: inherit;

    z-index: 2;
    overflow: visible;
}
.rating--table-tab .table .list > * > *:nth-child(2) .tooltip > div:nth-child(2){
    transform: translateX(max(-50%, 32px));
    right: unset;
    left: -45px;
    bottom: calc(100% + 15px);
}
.list > *.active > *:nth-child(2) .tooltip > div:nth-child(2)::after,
.list > *.selected > *:nth-child(2) .tooltip > div:nth-child(2)::after,
tr.active .tooltip > div:nth-child(2)::after,
tr.selected .tooltip > div:nth-child(2)::after{
    filter: brightness(0) invert(1);
}
.rating--table-tab .table .list > * > *:nth-child(2) .tooltip{
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    transform: unset;
}
.rating--table-tab .table .list > * > *:nth-child(2) .tooltip > div:nth-child(1),
.rating--table-tab .table .list > * > *:nth-child(2) .tooltip > div:nth-child(1) img{
    filter: unset;
    width: 18px;
    height: 18px;
}
.rating--table-tab .table .list > *.active > *:nth-child(2) .tooltip > div:nth-child(1) img,
.rating--table-tab .table .list > *.selected > *:nth-child(2) .tooltip > div:nth-child(1) img{
    filter: brightness(0) invert(1);
}
.rating--table-tab .table .list > * > *:nth-child(2) .winline img{
    width: 30px;
    height: 30px;
}
.rating--table-tab .table .list > * > *:nth-child(2) .tooltip img{
    width: 18px;
    height: 18px;
    transition: var(--default-transition);
}
.rating--table-tab .table .list > *.active > *:nth-child(2) .tooltip img,
.rating--table-tab .table .list > *.selected > *:nth-child(2) .tooltip img{
    filter: brightness(0) invert(1);
}

.rating--table-tab .table .list > * > *:nth-child(1),
.rating--table-tab .table .list > * > *:nth-child(2){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.rating--table-tab .table .list > * > *:nth-child(2){
    justify-content: start;
}
@media screen and (max-width: 1380px) {
    .rating--table-tab .table .head > div:last-child{
        flex-direction: column;
    }
    .rating--table-tab .table .head > div:nth-child(2),
    .rating--table-tab .table .list > * > *:nth-child(2){
        left: 30px
    }
}
.rating--table-tab .table .head > div:last-child{
    background: var(--color-orange);
}
.rating--table-tab .table .list > * > *:last-child{
    background: #ffffff;
    transition: var(--default-transition);
}
.rating--table-tab .table .list > *.selected > *:last-child{
    background: var(--color-orange);
}
.rating--table-tab .table .list > *.active > *:last-child{
    background: var(--color-orange);
}
.rating--table-tab .table .head > *:nth-child(1),
.rating--table-tab .table .list > * > *:nth-child(1){
    width: 53px;
    min-width: 53px;
}
.rating--table-tab .table .list > *.gold > *:nth-child(1),
.rating--table-tab .table .list > *.silver > *:nth-child(1),
.rating--table-tab .table .list > *.copper > *:nth-child(1){
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.89);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--white-color)!important;
}
.rating--table-tab .table .list > *.gold > *:nth-child(1){
    background-image: url(/public/v3/img/table--gold.svg);
    background-position: left calc(50% + (var(--gap) / 2)) center;
    background-size: 27px 24px;
    background-repeat: no-repeat;
}
.rating--table-tab .table .list > *.silver > *:nth-child(1){
    background-image: url(/public/v3/img/table--silver.svg);
    background-position: left calc(50% + (var(--gap) / 2)) center;
    background-size: 27px 24px;
    background-repeat: no-repeat;
}
.rating--table-tab .table .list > *.copper > *:nth-child(1){
    background-image: url(/public/v3/img/table--copper.svg);
    background-position: left calc(50% + (var(--gap) / 2)) center;
    background-size: 27px 24px;
    background-repeat: no-repeat;
}
.rating--table-tab .table .head > *:nth-child(2),
.rating--table-tab .table .list > * > *:nth-child(2){
    width: 188px;
    min-width: 188px;
    box-sizing: border-box;
    overflow: visible;
}
.rating--table-tab .table .list > * > *:nth-child(2) > span{
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rating--table-tab .table .head > *:nth-child(2){
    align-items: start;
}
.rating--table-tab .table .list > * > *:nth-child(2){
    gap: 10px;
    align-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
}
@media screen and (max-width: 1380px) {
    .rating--table-tab .table .list > * > *:nth-child(2){
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
.rating--table-tab .table .list > * > *:nth-child(2){
    font-size: 12px;
}
.rating--table-tab .table .head > *:not(:nth-child(2)):not(:nth-child(1)),
.rating--table-tab .table .list > * > *:not(:nth-child(2)):not(:nth-child(1)){
    width: 60px;
    min-width: 60px;
    height: 100%;
}
.rating--table-tab .table .head > div:last-child,
.rating--table-tab .table .list > * > *:last-child{
    height: calc(100% - 2px)!important;

    position: sticky;
    right: 0px;
    top: 0px;
    padding-right: 20px;
    width: 80px!important;
    min-width: 80px!important;
}
.rating--table-tab .table .list > * > *:not(:nth-child(2)):not(:nth-child(1)){
    justify-content: center;

    display: flex;
    flex-direction: row;
    align-items: center;
}
.rating--table-tab .table .list > *{
    font-size: 15px;
}

.player-info{
    display: grid;
    grid-template-columns: 715px 615px;
    gap: 20px;
}

.player-info > div:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.player-info > div:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.player-info > div:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }

.player-info--primary-info{
    display: grid;
    grid-template-columns: 312px 1fr;
    gap: 20px;
}
.player-info--primary-info > div:nth-child(1){
    height: 336px;
    border-radius: 20px;
    position: relative;
}
.player-info--primary-info > div:nth-child(1) img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    z-index: -1;
    background: var(--grey-color);
}
.player-info--primary-info > div:nth-child(1) a{
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--main-background-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 100%;
    box-sizing: border-box;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    border: 2px solid var(--border-color);

    cursor: pointer;

    transition: var(--default-transition);
    border-radius: inherit;
    text-decoration: none;
    color: #ffffff;
}
.player-info--primary-info > div:nth-child(1) a:hover{
    background: var(--color-orange);
    color: #ffffff
}
.player-info--primary-info > div:nth-child(2){
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.player-info--primary-info > div:nth-child(2) h2{
    font-weight: 500;
    font-size: 56px;
    font-style: italic;
    letter-spacing: -0.05em;
    white-space: nowrap;
}
.player-info--primary-info > div:nth-child(2) > span:nth-child(2){
    font-weight: 600;
    font-size: 40px;
}
.player-info--primary-info > div:nth-child(2) > span:nth-child(3){
    font-weight: 400;
    font-size: 20px;
}
.player-info--primary-info > div:nth-child(2) > div.socials{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.player-info--primary-info > div:nth-child(2) > div.socials a{
    width: auto;
    height: 36px;
}
.player-info--primary-info > div:nth-child(2) > div.socials a img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.player-info--primary-info > div:nth-child(2) > *.club{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: fit-content;
}
.player-info--primary-info > div:nth-child(2) > *.club img{
    width: 40px;
    height: 40px;
    object-fit: contain;
    object-position: center;
}
.player-info--primary-info > div:nth-child(2) > *.club span{
    font-weight: 600;
}

.player-info--stats{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    height: 226px;
    margin-top: auto;
}
.player-info--stats > div{
    display: flex;
    flex-direction: column;
    padding: 18px;
    box-sizing: border-box;
    align-items: start;
    justify-content: space-between;

    border-radius: 20px;
    background: var(--color-orange);
}
.player-info--stats > div > span:nth-child(1){
    font-size: 15px;
    font-weight: 600;
    line-height: 1em;
}
.player-info--stats > div > span:nth-child(2){
    font-size: 30px;
    font-weight: 500;
    line-height: 1em;
    font-style: italic;


}

.player-info--chart{
    /* padding: 25px; */
    padding: 20px 0px;
    border-radius: var(--radius);
    background: var(--main-background-color-30);
    background-position: center center;
    background-size: cover;

    /* border-radius: 20px;
    border: 2px solid #ffffff; */
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-sizing: border-box;
}
.player-info--chart > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    /* padding: 0px 20px; */
    font-size: 30px;
    font-weight: 400;
}
.player-info--chart > .pbl-select{
    max-width: 300px;
    min-width: 200px;
}
@media screen and (max-width: 720px) {
    .player-info--chart > .pbl-select{
        max-width: 100%;
    }
}
.player-info--chart > div > div{
    width: 100%;
    text-align: center;
}
.player-info--chart > canvas{
    width: 100%;
    height: 120px;
}

.table.player-table .head,
.table.player-table .list > div:nth-child(odd){
    grid-template-columns: 0.75fr 4fr 1fr 1fr 1fr;
}
.table.player-table .head > *{
    flex-direction: row;
}
.table.player-table .head > *:nth-child(2),
.table.player-table .list > div:nth-child(odd) > *:nth-child(2){
    justify-content: start;
}
.table.player-table .list > div:nth-child(odd) > *{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.table.player-table .head > *:nth-child(3),
.table.player-table .head > *:nth-child(4){
    justify-content: center;
}
.table.player-table .list > div:nth-child(odd) > *:nth-child(2){
    justify-content: start;
}
.table.player-table .list > div:nth-child(odd) > *:nth-child(2) img{
    height: 36px;
    height: 36px;
    object-fit: contain;
    object-position: center;
}
.table.player-table .list > div:nth-child(odd) > *:nth-child(3){
    border-radius: var(--radius);
    background: var(--main-background-color);
    color: #ffffff;
    border-radius: 20px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;

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

    min-width: 115px;
    height: 37px;
}
.table.player-table .list > div:nth-child(odd) > *:nth-child(5) > div{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 5px 10px;
    font-size: 15px;
    font-style: italic;
    letter-spacing: -0.05em;
    font-weight: 500;
    border-radius: 20px;
    border: 2px solid var(--main-background-color);

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

    cursor: pointer;

    box-sizing: border-box;

    transition: var(--default-transition);

}
.table.player-table .list > div:nth-child(odd) > *:nth-child(5) > div img{
    width: 9px;
    height: 12px;
}
.table.player-table .list > div:nth-child(odd).active > div:nth-child(5) > div{
    border-color: var(--color-orange);
    background: var(--color-orange);
    color: #ffffff;
}
.table.player-table .list > div:nth-child(odd).active > div:nth-child(5) > div img{
    transform: rotate(90deg);
}
.table.player-table .list > div:nth-child(even){
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 2px;
    background: none;
    padding: 0px;

    height: fit-content!important;
}
.table.player-table .list > div:nth-child(odd):not(.active) + div:nth-child(even){
    display: none;
}
.table.player-table .list > div:nth-child(even) > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    background: #ffffff;
    padding: 0px 20px;
}
.rating--container .my-team--constructor--field-tab .my-team--constructor--content > .mobile-cross{
    display: none;
}
@media screen and (max-width: 1380px) {
    .rating--table-tab .table .list > *{
        font-size: 8px;
    }
    .rating--table-tab .table .list > * > *:nth-child(2){
        font-size: 8px;
    }
    .rating--table-tab .table .head > div:last-child, .rating--table-tab .table .list > * > *:last-child{
        padding-right: 10px;
    }
    .my-team--constructor--table-tab .filters .filter-main{
        grid-template-columns: 1fr 40px 40px;
    }

    .my-team--constructor--table-tab .filters .filter-main > input.magnifier{
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        height: 40px;
    }
    .my-team--constructor--table-tab .filters .filter-main .pbl-select--placeholder{
        padding: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .my-team--constructor--table-tab .filters .filter-main .pbl-select .pbl-select--placeholder::after,
    .my-team--constructor--table-tab .filters .filter-main > .button img{
        width: 16px;
        height: 16px;
    }
    .my-team--constructor--table-tab .filters .filter-main .pbl-select--placeholder span{
        display: none;
    }
    .my-team--constructor--table-tab .filters .filter-main > *{
        height: 40px;
    }
    .my-team--constructor--table-tab .filters .filter-main > .pbl-select,
    .my-team--constructor--table-tab .filters .filter-main > .button{
        border-radius: 14px;
    }
    .my-team--constructor--table-tab .filters .pbl-select .pbl-select--placeholder, .my-team--constructor--table-tab .filters .filter-params > div:nth-child(2) > *{
        height: 40px;
        padding: 8px 10px;
        box-sizing: border-box;
    }
    .my-team--constructor--table-tab .filters .filter-main .pbl-select--placeholder{
        padding: 8px;
    }
    .player-info{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .player-info > div { grid-area: unset!important;}

    .player-info--primary-info{
        grid-template-columns: 239px 431px;
    }
    .player-info--primary-info > div:nth-child(1){
        height: 255px;
    }
    .player-info--primary-info > div:nth-child(2) h2{
        font-size: 30px;
        line-height: 1em;
        white-space: normal;
    }
    .player-info--primary-info > div:nth-child(1) a{
        height: 40px;
        font-size: 15px;
    }
    .player-info--primary-info > div:nth-child(2){
        gap: 20px;
        position: relative;
    }
    .player-info--primary-info > div:nth-child(2) > div.socials{
        margin-top: auto;
    }
    .player-info--primary-info > div:nth-child(2) > *.club img{
        width: 40px;
        height: 40px;
    }
    .player-info--chart > div > div{
        font-size: 10px;
    }
    .player-info--chart > h2{
        font-size: 20px;
    }
    .player-info--stats > div > span:nth-child(1){
        font-size: 15px;
    }
    .player-info--stats > div > span:nth-child(2){
        font-size: 28px;
    }
    .player-info--chart{
        gap: 10px;
        padding: 10px 0px;
    }
    .player-info--primary-info > div:nth-child(2) > span:nth-child(2){
        font-size: 25px;
    }
    .player-info--primary-info > div:nth-child(2) > *.club span{
        font-size: 20px;
    }

    .table.player-table .head, .table.player-table .list > div:nth-child(odd){
        grid-template-columns: 100px 115px 129px 1fr 150px;
    }
    .table.player-table .list > div:nth-child(odd) > *:nth-child(2){
        justify-content: center;
    }
    .table.player-table .list > div:nth-child(odd) > *:nth-child(2) span{
        display: none;
    }
    .table.player-table .head > *:nth-child(2), .table.player-table .list > div:nth-child(odd) > *:nth-child(2){
        justify-content: center;
    }
    .table.player-table .head,
    .table.player-table .list > *{
        font-size: 15px;
    }
    .table.player-table .list > div:nth-child(odd) > *:nth-child(3){
        font-size: 10px;
        height: 24px;
        min-width: 64px;
    }
    .table.player-table .list > div:nth-child(odd) > *:nth-child(5) > div{
        width: 100%;
        height: 40px;
        margin-right: 0px;
    }
    .table.player-table .list > div:nth-child(odd){
        padding-top: 6px;
        padding-bottom: 6px;
        height: unset;
    }
    .table.player-table .list > div:nth-child(odd) > *:nth-child(5) > div img{
        width: 8px;
        height: 10px;
    }
    .table.player-table .list > div:nth-child(even) > div{
        padding: 5px 10px;
        height: 58px;
        font-size: 15px;
        box-sizing: border-box;
    }
    .table.player-table .list > div:nth-child(even) > div.empty{
        background-size: auto 20px;
    }

    .pagination a{
        height: 40px;
    }
    .pagination > div > a{
        display: none;
    }
    .pagination > div > a:nth-child(1),
    .pagination > div > a:nth-child(2),
    .pagination > div > a:nth-child(3),
    .pagination > div > a:nth-last-child(1),
    .pagination > div > a:nth-last-child(2){
        display: flex;
    }

    .rating--container{
        grid-template-columns: 385px 1fr;
    }
    .rating--table-tab .table .head > *:nth-child(1), .rating--table-tab .table .list > * > *:nth-child(1){
        min-width: 22px;
        width: 22px;
        padding-left: 10px;
    }
    .rating--table-tab .table .head > *:nth-child(2), .rating--table-tab .table .list > * > *:nth-child(2){
        min-width: 125px;
        width: 125px;
    }
    .rating--table-tab .table .head > *:not(:nth-child(2)):not(:nth-child(1)), .rating--table-tab .table .list > * > *:not(:nth-child(2)):not(:nth-child(1)){
        min-width: 64px!important;
        width: 64px!important;
    }
    .rating--table-tab .table .head > *:nth-child(3), .rating--table-tab .table .list > * > *:nth-child(3){
        margin-left: 30px;
    }
    .rating--table-tab .table .list > *{
        height: 24px;
    }
    .rating--table-tab .table .list > *.gold > *:nth-child(1), .rating--table-tab .table .list > *.silver > *:nth-child(1), .rating--table-tab .table .list > *.copper > *:nth-child(1){
        /* height: 14px; */
        background-size: 14px 14px;
    }
    .rating--table-tab .filters{
        grid-template-columns: 1fr 135px;
    }
    .rating--table-tab .filters > *:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
    .rating--table-tab .filters > *:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
    .rating--table-tab .filters > *:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }

    .rating--table-tab .filters input, .rating--table-tab .filters .pbl-select{
        height: 40px;
    }
    .rating--table-tab .filters input.magnifier{
        padding-left: 35px;
    }
    .my-team--title h1{
        padding: 20px 0px;
        line-height: 1em;
        font-size: 30px;
    }


    .my-team--constructor{
        grid-template-columns: 325px 385px;
    }
    .my-team--constructor--table-tab .table .head,
    .my-team--constructor--table-tab .table .list > *{
        grid-template-columns: 163px 27px 31px 34px  33px 27px;
        gap: 10px;
        padding: 0px 10px;
    }
    .my-team--constructor--table-tab .table .list > *{
        padding: 0px 8px;
    }
    .my-team--constructor--table-tab .table .head > *:nth-child(2), .my-team--constructor--table-tab .table .list > * > *:nth-child(2){
        text-align: center;
    }
    .my-team--constructor--table-tab .table .head img, .my-team--constructor--table-tab .table .list > * img{
        height: 27px;
        width: 27px;
    }
    .my-team--constructor--field-tab .field-controls .button,
    .my-team--constructor--field-tab .field-controls .pbl-select--placeholder{
        padding: 10px 10px;
        box-sizing: border-box;
    }
    .my-team--constructor--field-tab .field-controls .button{
        height: 36px;
    }
    .my-team--constructor--field-tab .field-controls .pbl-select{
        height: 40px;
    }
    .my-team--constructor--field-tab .field-controls .pbl-select{
        width: 100%;
    }
    .my-team--title > *:not(h1){
        display: none;
    }
    .my-team--title{
        grid-template-columns: 1fr;
    }
    .my-team--tours{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    .my-team--tours .my-team--tours--stats{
        order: 1;
    }
    .my-team--tours .my-team--tours--stats{
        display: flex;
        flex-direction: row;
        align-items: start;
        justify-content: space-evenly;
        height: fit-content;
        width: 100%;
        gap: 10px;
    }
    .my-team--tours .my-team--tours--stats > * > span:nth-child(1){
        font-size: 20px;
    }
    .my-team--tours .my-team--tours--stats > * > span:nth-child(2){
        font-size: 28px;
        line-height: 34px;
    }
    .my-team--tours .my-team--tours--stats > *{
        width: 100%;
    }
    .my-team--tours--swiper{
        gap: 10px;
        grid-template-columns: 43px calc(100% - 43px - 43px - 20px) 43px;
    }
    .my-team--tours--swiper .swiper-slide > span:nth-child(1){
        font-size: 30px;
        line-height: 0.75em;
    }
    .my-team--tours--swiper .swiper-slide{
        gap: 17px;
        padding: 18px;
    }

    .my-team--tours--swiper .swiper-slide > span:nth-child(3){
        font-size: 15px;
    }
    .my-team--tours--swiper .swiper-slide .date{
        font-size: 10px;
    }
    .my-team--tours--swiper .swiper-slide .score{
        font-size: 20px;
    }
    .my-team--tours--swiper .swiper-slide div.score{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .matches-swiper{
        grid-template-columns: 1fr;
        width: 100vw;
        transform: translate(calc((100vw - 720px) / -2));
    }
    .matches-swiper .button-next, .matches-swiper .button-prev{
        display: none;
    }
    .matches-swiper .swiper-slide{
        width: 325px;
        max-width: 325px;
        min-width: 325px;
    }
}
@media screen and (max-width: 720px) {
    .player-info--primary-info > div:nth-child(1) a{
        height: 30px;
        font-size: 10px;
    }
    .my-team--constructor--field-tab .field-controls .button,
    .my-team--constructor--field-tab .field-controls .pbl-select--placeholder{
        padding: 12px 10px;
    }
    .player-info--primary-info{
        grid-template-columns: 149px calc(100vw - 20px - 10px - 149px);
        gap: 10px;
    }
    .player-info--primary-info > div:nth-child(1){
        height: 164px;
    }
    .field-controls-info{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        width: 100%;
        margin-bottom: 50px;
        margin-top: -20px;
    }
    .field-controls-info > div{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        border-radius: 0px 0px 10px 10px;
        background: #ffffff;
        border: 2px solid var(--border-color);
        padding: 10px 0px;
    }
    .field-controls-info > div:nth-child(1){
        flex-direction: row;
    }
    .field-controls.v2:not(.no-vice) + .field-controls-info > div:nth-child(2){
        height: calc(100% + 40px + 5px);
        margin-top: -45px;
        box-sizing: border-box;
    }
    .field-controls-info .field-controls-info--scheme > span{
        font-size: 25px;
        font-weight: 600;
        color: var(--main-background-color);
    }
    .field-controls-info .field-controls-info--scheme > div{
        display: flex;
        flex-direction: column;
        gap: 5px;
        align-items: center;
        justify-content: center;
    }
    .field-controls-info .field-controls-info--scheme > div > div{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        gap: 10px;
        width: 100%;
    }
    .field-controls-info .field-controls-info--scheme > div > div > div{
        width: 12px;
        height: 12px;
        border-radius: 100px;
        background: var(--color-orange);
    }
    .my-team--tours{
        display: flex;
        flex-direction: column-reverse;
        order: -1;
    }
    .my-team--tours--swiper{
        display: none;
    }

    .my-team--tours .pbl-select{
        display: block;
    }
    .my-team--tours .pbl-select .pbl-select--placeholder{
        padding: 8px 10px;
    }
    .my-team--tours .pbl-select .pbl-select--placeholder span,
    .my-team--tours .pbl-select .pbl-select--list > div span{
        font-size: 10px;
        font-weight: 400;
    }
    .my-team--tours .pbl-select .pbl-select--placeholder span strong,
    .my-team--tours .pbl-select .pbl-select--list > div span strong{
        font-size: 15px;
        font-weight: bold;
        margin-right: 10px;
    }
    .my-team--constructor--table-tab .filters .filter-params.active > div.background{
        position: absolute;
        bottom: -20px;
        left: -20px;
        width: 100vw;
        height: 100vh;
        background: rgb(0, 0, 0, 0.85);
        z-index: -2;
        display: block;
    }
    .my-team--constructor--table-tab .filters .filter-params:not(.active){
        display: none;
    }
    .my-team--constructor--table-tab .filters .filter-params.active{
        background: none;
    }
    .my-team--constructor--table-tab .filters .filter-params.active::before{
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        background: var(--main-background-color);
        width: 100%;
        height: 100%;
        z-index: -1;
        border-radius: inherit;
        border: inherit;
    }
    .my-team--constructor--table-tab .filters .filter-params.active{
        position: fixed;
        bottom: 20px;
        left: 20px;
        width: calc(100vw - 40px);
        z-index: 999999;
        max-height: unset!important;
    }
    .my-team--constructor--table-tab .filters .filter-params.active > div:nth-child(3).button{
        display: block;
        position: relative;
        width: 100%;
    }
    .my-team--constructor--table-tab .filters .filter-params.active > .button.clear{
        position: absolute;
        bottom: calc(100% - 1px);
        right: -2px;
        box-sizing: border-box;
        border-radius: 20px 20px 0px 0px;
        color: #ffffff;
        background: var(--main-background-color);
        border: 1px solid var(--border-color);
        border-bottom: none;

        -webkit-box-shadow: 0px 4px 0px -2px var(--main-background-color);
        -moz-box-shadow: 0px 4px 0px -2px var(--main-background-color);
        box-shadow: 0px 4px 0px -2px var(--main-background-color);
    }
    .my-team--constructor--table-tab .filters .filter-params{
        border-top-right-radius: 0px;
    }
    .player-info{
        grid-template-columns: 1fr;
    }
    .player-info > div { grid-area: unset!important; }

    .table.player-table .head, .table.player-table .list > div:nth-child(odd){
        grid-template-columns:  80px repeat(3, 1fr) 24px;
    }
    .table.player-table .list > div:nth-child(even){
        grid-template-columns: 1fr;
    }
    .table.player-table .list > div:nth-child(even) > div.empty{
        display: none;
    }

    .player-info--chart > h2{
        font-size: 10px;
        line-height: 1em;
    }
    .player-info--chart{
        gap: 10px;
        padding-top: 0px;
    }
    .player-info--stats > div{
        min-height: 88px;
    }
    .player-info--chart > canvas{
        height: 40px;
        margin-top: 10px;
    }
    .player-info--primary-info > div:nth-child(2){
        min-height: 90px;
        gap: 10px;
    }
    .player-info--primary-info > div:nth-child(2) > *.club{
        transform: none;
        top: unset;
        bottom: 0px;
        box-sizing: border-box;
    }

    .rating--table-tab:not(.active),
    .my-team--constructor--field-tab:not(.active){
        display: none;
    }

    .rating--container{
        grid-template-columns: calc(100vw - 40px);
    }
    .rating--table-tab .table .head > *:nth-child(2), .rating--table-tab .table .list > * > *:nth-child(2){
        min-width: 125px;
        width: 125px;
    }
    .rating--table-tab .table .head > *:not(:nth-child(2)):not(:nth-child(1)), .rating--table-tab .table .list > * > *:not(:nth-child(2)):not(:nth-child(1)){
        min-width: 62px;
        width: 62px;
    }
    .rating--table-tab .table .head > *:not(:nth-child(2)):not(:nth-child(1)):not(:last-child), .rating--table-tab .table .list > * > *:not(:nth-child(2)):not(:nth-child(1)):not(:last-child){
        width: 100%!important;
        min-width: 60px!important;
    }
    .rating--container .my-team--constructor--field-tab{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100vw);
        height: 100vh;
        justify-content: center;
        max-height: calc(100% - 40px);

        padding: 20px;
        box-sizing: border-box;

        z-index: 999999;

    }
    .rating--container .my-team--constructor--field-tab .my-team--constructor--content{
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }
    .rating--container .my-team--constructor--field-tab .my-team--constructor--content > .best{
        padding-right: calc(33px + 20px + 10px);
    }
    .rating--container .my-team--constructor--field-tab .my-team--constructor--content > .mobile-cross{
        display: block;
        position: fixed;
        top: 10px;
        right: 10px;
        width: 33px;
        height: 33px;
    }
    .rating--container .my-team--constructor--field-tab .my-team--constructor--content > .mobile-cross img{
        width: 100%;
        height: 100%;
    }
    .rating--container .my-team--constructor--field-tab .my-team--constructor--content > .mobile-bg{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100vw;
        height: 100vh;
        background: url(/public/v3/img/background_tile.png), #040404;
        background-repeat: repeat;
        background-size: 100% auto;
        background-position: top left;
        z-index: -1;
    }


    .matches-swiper{
        transform: translateX(-20px);
    }
    .my-team--tours,
    .my-team--constructor{
        grid-template-columns: 1fr;
    }

    .my-team--constructor > *:not(.active){
        display: none;
    }
    .my-team--tours .my-team--tours--stats > *{
        justify-content: start;
        padding-bottom: 6px;
    }
    .my-team--constructor--table-tab .table .head, .my-team--constructor--table-tab .table .list > *{
        grid-template-columns: 103px 27px 31px 34px  33px 27px;
    }
    .my-team--title h1{
        padding: 6px 0px;
        line-height: 1em;
        font-size: 25px;
    }
}


.leagues-container{
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
.leagues-container > .text{
    font-weight: 400;
}
.leagues-container > .input{
    display: grid;
    grid-template-columns: 1fr 287px;
    gap: var(--gap);
}
.leagues-container > .input > *{
    height: 70px;
}
.leagues-container > .input .button{
    color: var(--green-color);
    border-color: var(--green-color)    ;
}

.leagues-container .table .head,
.leagues-container .table .list > *{
    grid-template-columns: 747px 83px 30px 149px 150px;
    gap: 25px;
}
.leagues-container.official-leagues .table .head,
.leagues-container.official-leagues .table .list > *{
    grid-template-columns: 920px 150px 150px;
    gap: 25px;
}
.leagues-container .table .list > *{
    font-size: 15px;
}
.leagues-container .table .head > *:nth-child(1),
.leagues-container .table .list > * > *:nth-child(1){
    text-align: start;
}
.leagues-container .table .list > * > *:nth-child(1){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 1em;
}
.leagues-container .table .list > * > *:nth-child(1) img{
    height: 1.5em;
    width: 1,5em;
    object-fit: contain;
    object-position: center;
}
.leagues-container .table .list > * > .share{
    cursor: pointer;
    width: 30px;
    height: 30px;
}
.leagues-container .table .list > * > .share img{
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1380px) {
    .leagues-container > .input > *{
        height: 40px;
    }
    .leagues-container .table .head,
    .leagues-container .table .list > *{
        font-size: 10px;
    }
    .leagues-container .table .head, .leagues-container .table .list > *{
        grid-template-columns: 434px 42px 24px 24px 70px;
        gap: 20px;
    }
    .leagues-container .table .list > * > *:nth-child(5) span,
    .leagues-container .table .list > * > *:nth-child(4) span{
        display: none;
    }
    .leagues-container .table .list > * > *:nth-child(5){
        height: 24px;
    }
    .leagues-container .table .list > * > *:nth-child(4){
        height: 24px;
        width: 24px;
    }
    .leagues-container .table .list > * > .share{
        height: 24px;
        width: 24px;
    }
    .leagues-container .table .list > * > *:nth-child(4) img{
        height: 10px;
        width: 8px;
    }
    .leagues-container > .input{
        grid-template-columns: 1fr 165px;
    }
}
@media screen and (max-width: 720px) {
    .leagues-container .table .head, .leagues-container .table .list > *{
        grid-template-columns: 100px 42px 24px 24px 70px;
        gap: 10px;
    }
    .leagues-container .table .list > *{
        height: fit-content;
        padding: 5px 10px;
    }
    .leagues-container > .input{
        grid-template-columns: 1fr;
    }
}

.my-team--constructor--field-tab .my-team--constructor--content.reg{
    min-height: 1179px;
    justify-content: center;
    gap: 40px;
    text-align: center;

    background: url(/public/v3/img/field--reg-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: var(--radius);
    border: 2px solid var(--border-color);
    padding: 55px;
    box-sizing: border-box;
}
.my-team--constructor--field-tab .my-team--constructor--content.reg .text{
    font-weight: 400;
}
.my-team--constructor--field-tab .my-team--constructor--content.reg h2{
    font-style: italic;
    font-weight: 600;
}
.my-team--constructor--field-tab .my-team--constructor--content.reg .button{
    border-color: var(--color-orange);
    background: var(--color-orange);
    color: #ffffff;
    font-style: italic;
    padding-left: 30px;
    padding-right: 30px;
    height: 58px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.my-team--constructor--field-tab .my-team--constructor--content.reg .input{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: start;
    align-items: start;
    width: 100%;
}
.my-team--constructor--field-tab .my-team--constructor--content.reg .input > div,
.profile-page .input > div{
    width: 100%;
    position: relative;
}
.my-team--constructor--field-tab .my-team--constructor--content.reg .input > div img,
.profile-page .input > div img{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    height: 50%;
    width: auto;
    cursor: pointer;
    opacity: 0.5;
    transition: var(--default-transition);
}
.my-team--constructor--field-tab .my-team--constructor--content.reg .input > div > img.active,
.profile-page .input > div > img.active{
    opacity: 1;
}
.my-team--constructor--field-tab .my-team--constructor--content.reg .input span.error{
    color: #E83C52;
    font-size: 15px;
    font-weight: 900;
}
.my-team--constructor--field-tab .my-team--constructor--content.reg .input span.hint{
    font-size: 15px;
    font-weight: 400;
    text-align: start;
}
@media screen and (max-width: 1380px){
    .my-team--constructor--field-tab .my-team--constructor--content.reg{
        min-height: 607px;
        padding: 25px;
        gap: 30px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content.reg h2{
        font-size: 20px;
    }

    .my-team--constructor--field-tab .my-team--constructor--content.reg .input{
        align-items: center;
    }
    .my-team--constructor--field-tab .my-team--constructor--content.reg .input input{
        height: 47px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content.reg .button{
        padding-left: 15px;
        padding-right: 15px;
        height: 44px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content.reg .input span.error{
        font-weight: bold;
    }
    .my-team--constructor--field-tab .my-team--constructor--content.reg .input span.hint{
        font-size: 10px;
    }
}

.rules{
    column-count: 2;
    column-gap: 20px;
}
.rules > div{
    display: block;
    width: 100%;
    margin-bottom: 20px;
    break-inside: avoid;
}
.rules > div:nth-child(1),
.rules > div:nth-child(2),
.rules > .rules-table,
.rules > .rules-docs{
    column-span: all;
}

.rules div.rules-text{
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-sizing: border-box;
}
.rules > .rules-table{
    border-radius: 36px;
    overflow: hidden;
}
.rules-table tr > *:nth-child(1) > *{
    text-align: start;
    justify-content: start;
}
.rules > .rules-docs{
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
}
.rules > .rules-docs > *{
    width: calc(50% - 10px);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    border-radius: 20px;
    box-sizing: border-box;
    background: var(--grey-color);
    text-decoration: none;
    cursor: pointer;
    transition: var(--default-transition);
}
.rules > .rules-docs > *:last-child:nth-child(odd){
    width: 100%;
}
.rules > .rules-docs > * > p{
    margin: 0px;
    font-size: 35px;
    font-weight: 900;
    color: var(--green-color);
    transition: var(--default-transition);
    text-decoration: none;
}
.rules > .rules-docs > * > span{
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    transition: var(--default-transition);
    text-decoration: none;
}
.rules > .rules-docs > * > img{
    height: 48px;
    width: auto;
    margin-left: auto;
    transition: var(--default-transition);
}
.rules > .rules-docs > *:hover{
    background: var(--green-color);
}
.rules > .rules-docs > *:hover > p{
    color: #ffffff;
}
.rules > .rules-docs > *:hover > span{
    color: #ffffff
}
.rules > .rules-docs > *:hover > img{
    filter: invert(1);
}
@media screen and (max-width: 1380px) {
    .rules > .rules-docs > * > p{
        font-size: 20px;
    }
    .rules > .rules-docs > * > span{
        font-size: 15px;
    }
}
@media screen and (max-width: 720px) {
    .rules > .rules-docs > *{
        width: 100%;
    }
    .rules > .rules-docs{
        order: 2;
    }
}


.rules div.rules-img img{
    width: 100%;
    height: auto;
    border-radius: 20px;
}
@media screen and (min-width: 1380px) {
    .rules div.rules-img img{
        padding: 40px 40px;
        box-sizing: border-box;
        border-radius: 36px;
        background: var(--main-background-color);
        border: 2px solid var(--border-color);
        background-position: center center;
        background-size: cover;
    }
}
.rules div.rules-text.border{
    border: var(--width) solid var(--white-color);
}
.rules div.rules-text h3{
    font-size: 40px;
    font-weight: 600;
    margin: 0px;
}
.rules div.rules-text.dark-bg h3{
    color: var(--color-orange);
    text-transform: uppercase;
}
.rules div.rules-text div{
    font-weight: 300;
    /* line-height: 1.2em; */
    font-size: 26px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: none;
}


.rules > .rules-price,
.rules > .rules-marks{
    width: 100%;
}
.rules > .rules-marks{
    padding: 20px;
    border-radius: 20px;
    border: 2px solid var(--color-orange)!important;
    margin-top: 20px;
    background: var(--main-background-color);
}
.rules > .rules-marks > div{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.rules > .rules-marks > div > div{
    display: grid;
    grid-template-columns: 60px 1fr;
    align-items: center;
    gap: 20px;
}
.rules > .rules-marks > div > div > div{
    width: 60px;
    height: 60px;
    border-radius: 1000px;
    border: 2px solid var(--border-color);
    transition: var(--default-transition);
    padding: 15px;
    box-sizing: border-box;
}
.rules > .rules-marks > div > div > div img{
    width: 100%;
    height: 100%;
}
.rules > div.rules-text.rules-price{
    display: grid;
    grid-template-columns: 1fr 186px;
    gap: 20px;
    align-items: center;
    position: relative;
    margin-top: 20px;
}
.rules > div.rules-text.rules-price img{
    width: 186px;
    height: auto;
}
.rules > .rules-price > div{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media screen and (min-width: 1380px){
    .rules > .rules-price,
    .rules > .rules-marks{
        column-span: all;
    }
}
@media screen and (max-width: 1380px) {
    .rules > div.rules-text.rules-price img{
        width: 74px;
        height: auto;
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .rules > div.rules-text.rules-price{
        margin-top: 0px;
    }
    .rules > .rules-table{
        margin-top: 10px;
    }
    .rules > div:nth-child(1),
    .rules > div:nth-child(2),
    .rules > div:nth-child(3),
    .rules > div:nth-child(4),
    .rules > div:nth-child(5),
    .rules > div:nth-child(6),
    .rules > div:nth-child(7),
    .rules > div:nth-child(8),
    .rules > div:nth-child(9),
    .rules > div:nth-child(10),
    .rules > div:nth-child(11),
    .rules > div:nth-child(12),
    .rules > div:nth-child(13),
    .rules > div:nth-child(14),
    .rules > .rules-marks{
        column-span: all;
    }
    .rules div.rules-text h3{
        font-size: 25px;
    }
    .rules div.rules-text div{
        font-size: 20px;
    }

    .rules{
        column-gap: 10px;
    }
    .rules > div{
        margin-bottom: 10px;
    }
    .rules > div:nth-child(1),
    .rules > div:nth-child(2),
    .rules > div:nth-child(3),
    .rules > div:nth-child(4),
    .rules > div:nth-child(5),
    .rules > div:nth-child(6),
    .rules > div:nth-child(7),
    .rules > div:nth-child(8){
        order: -1;
    }
    .rules > div:nth-child(17),
    .rules > div:nth-child(18){
        order: 0;
    }
    .rules > div:nth-child(16){
        order: 1;
    }
    .rules > .rules-table{
        order: 2;
    }
    .rules div.rules-img img{
        height: 580px;
        object-fit: cover;
        border-radius: 0px;
    }
    .rules > div.rules-text.rules-price{
        display: flex;
    }
    .rules div.rules-text.rules-transfer{
        font-size: 20px;
        gap: 20px;
    }
    .rules > .rules-marks > div{
        grid-template-columns: 1fr;
        gap: 5px;
    }
}
@media screen and (max-width: 720px){
    .rules{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .rules div.rules-text.dark-bg,
    .rules div.rules-img img{
        border-radius: 10px;
    }

    .rules div.rules-text h3{
        font-size: 20px;
    }
    .rules div.rules-text div{
        font-size: 20px;
    }
    .rules div.rules-img img{
        height: auto;
    }
    .rules > .rules-table{
        margin-top: 0px;
    }
    .rules > div.rules-text.rules-price img{
        top: 10px;
    }
}

.page-404{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc((100vh - 230px - 100px - 40px - 126px - 50px) / 0.8);
    gap: 50px;
    text-align: center;
}
.page-404 h1{
    font-size: 200px;

    text-transform: uppercase;
    line-height: 1em;
    font-weight: 400;
    color: transparent;
    -webkit-text-stroke-width: 5px;
    -webkit-text-stroke-color: #ffffff;
}
.page-404 h2{
    font-size: 40px;
}
.page-404 a{
    color: var(--green-color);
    text-decoration: underline;
}
@media screen and (max-width: 1380px){
    .page-404 h1{
        font-size: 100px;
        -webkit-text-stroke-width: 3px;
    }
    .page-404 h2{
        font-size: 25px;
    }
    .page-404{
        min-height: calc(100vh - 96px - 70px - 20px - 70px - 20px);
    }
}
@media screen and (max-width: 720px){
    .page-404 h1{
        font-size: 70px;
        -webkit-text-stroke-width: 2px;
    }
}

.pointer{
    cursor: pointer;
}

.popup{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100vh;
    width: 100vw;

    z-index: 999999;
}
.popup > .container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: calc(100vh - 100px);
    overflow: auto;
    overflow-x: hidden;

    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap);
}
.popup > .container > *{
    width: 100%;
}
.popup > .popup-bg{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200vw;
    height: 200vh;
    transform: translate(-50%, -50%);
    background: var(--main-background-color);
    opacity: 0.75;
    z-index: -1;
}
.popup:not(.active){
    display: none;
}
.popup > .cross,
.popup > .container > .cross{
    width: 45px;
    height: 45px;
    border-radius: var(--radius);
    border: var(--width) solid var(--green-color);
    z-index: 9;
    background: var(--grey-color);

    cursor: pointer;
}
.popup > .cross{
    position: fixed;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.popup > .container > .cross{
    position: sticky;
    top: 0px;
    left: 100%;
    border-top: none;
    border-right: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    transform: translate(calc(var(--padding)), calc(var(--padding) * -1));
    margin-bottom: -65px;

    transition: var(--default-transition);
}
.popup > .container > .cross:hover{
    opacity: 1;
}
.popup > .cross img,
.popup > .container > .cross img{
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1380px) {
    .popup > .container > .cross{
        margin-bottom: -30px;
    }
    .popup > .cross{
        top: 20px;
        right: 20px;
    }
    .popup > .container{
        max-height: calc(100vh - 150px);
    }
}
@media screen and (max-width: 720px) {
    .popup > .cross{
        top: 50px;
        right: 20px;
    }
    .popup > .container{
        max-height: calc(100vh - 250px);
    }
}

.popup .leagues-modal h1{
    font-size: 25px;
    text-align: center;
}
.popup .leagues-modal span{
    font-weight: 400;
    text-align: center;
    margin: 10px 0px;
}
@media screen and (max-width: 1380px){
    .popup .leagues-modal h1{
        font-size: 15px;
    }
}
.popup .grid-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
    width: 100%;
}
.popup .leagues-modal .button{
    width: 100%;
    box-sizing: border-box;
}


.loading,
.loading--no-img{
    position: relative;
}
.loading:not(#video-popup):not(#video-popup-goal)::before,
.loading--no-img::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--main-background-color);
    opacity: 0.9;
    z-index: 99;
    border-radius: inherit;
}
.loading:not(#video-popup):not(#video-popup-goal)::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 80%;
    max-height: 80%;
    width: 100px;
    height: 100px;
    background: url(/public/v3/img/loader.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    animation: loader-rotation 1s linear 0s infinite;

    z-index: 100;
}
@keyframes loader-rotation {
    0%{
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100%{
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
/*
.tooltip{
    position: relative;
}
.tooltip > *:nth-child(2){
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0px;
    padding: 10px;
    border-radius: var(--radius);
    width: max-content;
    max-width: calc(100vw - 40px);
    background: var(--grey-color);
    border: var(--width) solid var(--green-color);
    color: #ffffff;
}
.tooltip > *:nth-child(1):hover + *:nth-child(2){
    display: block;
} */

.my-team--constructor--field-tab .button.best-setup{
    width: 100%;
    height: 40px;
    border-color: var(--border-color2);
    background: var(--main-background-color);
    color: #ffffff;
    font-style: italic;
    font-weight: 500;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 1380px){
    .my-team--constructor--field-tab .button.best-setup{
        height: 40px;
    }
}


.fl-tg-chat{
    width: auto;
    height: auto;
    cursor: pointer;
}
.fl-tg-chat img{
    height: 68px;
    width: auto;
}
.fl-tg-chat img:nth-child(2){
    display: none;
}
@media screen and (max-width: 740px) {
    .title.fl{
        align-items: center;
    }
    .fl-tg-chat img{
        height: 40px!important;
        width: auto;
    }
    .fl-tg-chat img:nth-child(1){
        display: none;
    }
    .fl-tg-chat img:nth-child(2){
        display: block;
    }
}
@media screen and (max-width: 400px){
    .fl-tg-chat img{
        height: 35px!important;
        width: auto;
    }
}
@media screen and (max-width: 375px){
    .fl-tg-chat img{
        height: 28px!important;
        width: auto;
    }
}
@media screen and (max-width: 350px){
    .fl-tg-chat img{
        height: 20px!important;
        width: auto;
    }
}
.team-history--stats.fl{
    height: unset!important;
}
.team-history--stats.fl .table-prehead{
    overflow: visible;
}
.team-history--stats.fl .table-prehead .tooltip > div:nth-child(2),
.team-history--stats.fl tr:not(:last-child) .tooltip > div:nth-child(2){
    bottom: unset;
    top: calc(100% + 15px);
    z-index: 10;
}
.team-history--stats.fl .table-prehead .tooltip > div:nth-child(2)::after,
.team-history--stats.fl tr:not(:last-child) .tooltip > div:nth-child(2)::after{
    top: unset;
    bottom: calc(100% - 3px);
    transform: translateX(-20px) rotate(-90deg);
}
@media screen and (max-width: 720px) {
    .team-history--stats.fl .tooltip > div:nth-child(2){
        max-width: 70vw;
    }
}
.team-history--stats.fl tr > *:nth-child(2),
.team-history--stats.fl tr > *:nth-child(2) > *{
    text-align: start;
    justify-content: start;
}
.team-history--stats.fl .swiper-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}
@media screen and (min-width: 1380px) {
    .team-history--stats.fl .swiper-wrapper{
        flex-wrap: wrap;
        width: 100%!important;
        transform: unset!important;
    }
    .team-history--stats.fl .swiper-wrapper > div{
        height: unset;
    }
    .team-history--stats.fl .swiper-wrapper > div{
        width: 440px;
    }
    .team-history--stats.fl .swiper-wrapper > div:last-child:nth-child(3n - 2) {
        flex-grow: 2;
    }
    .team-history--stats.fl .swiper-wrapper > div:last-child:nth-child(3n - 1),
    .team-history--stats.fl .swiper-wrapper > div:nth-last-child(2):nth-child(3n + 1) {
        flex-grow: 1;
    }
}
.team-history--table .table-prehead > span{
    font-size: 21px;
}

.fl--stats-charts{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
.fl--stats-charts > div{
    height: 337px;
    box-sizing: border-box;
    display: flex;
    gap: 10px;
    flex-direction: column;
    border-radius: 36px;
    border: 2px solid var(--border-color);
    padding: 20px;
}
.fl--stats-charts > div > div:nth-child(1){
    position: relative;
}
.fl--stats-charts > div > div:nth-child(1) > span:nth-child(1){
    font-size: 20px;
    font-weight: 600;
}
.fl--stats-charts > div > div:nth-child(1) > span:nth-child(2){
    font-size: 10px;
    opacity: 0.75;
    position: absolute;
    bottom: 0px;
    transform: translateY(50%);
    right: 25px;
    text-align: end;
}
.fl--stats-charts > div > div:nth-child(2){
    overflow: auto;
    display: flex;
    padding-top: 20px;
    flex-direction: column;
    gap: 10px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
    height: calc(100% - 29px);
}
.fl--stats-charts > div > div:nth-child(2) > div{
    display: grid;
    grid-template-columns: 60px 1fr 40px;
    align-items: center;
    gap: 10px;
    overflow: visible;
    padding: 8px 0px;
}
.fl--stats-charts > div > div:nth-child(2) > div > span,
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(3){
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.5;
    cursor: default;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(3){
    position: relative;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(3) > span{
    transition: var(--default-transition);
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(3) > span:nth-child(2){
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    text-align: center;
    font-size: 0.75em;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2){
    width: 100%;
    height: 8px;
    background: rgba(255, 255, 255, 0.2);
    position: relative;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div{
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: var(--default-transition);
    overflow: visible;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    width: 2px;
    height: calc(100% + 4px);
    display: block;
    transform: translateY(-50%);
    background: inherit;
    z-index: 2;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-last-child(1){
    background: var(--color-orange);
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-last-child(2){
    background: #ffffff;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div > div{
    position: absolute;
    right: 0px;
    font-size: 10px;
    color: var(--main-background-color);
    color: white;
    white-space: nowrap;
    transform: translateX(50%) scale(0);
    transform: translateX(50%);
    transition: var(--default-transition);
    min-width: 60px;
    text-align: center;
    /* height: calc(100% + 1em); */
    height: 23px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div > div > span{
    transition: var(--default-transition);
    cursor: default;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div > div > span:nth-child(2){
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.25em;
    line-height: 0.75em;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div > div > span:nth-child(1){
    opacity: 0;
}


.fl--stats-charts > div > div:nth-child(2) > div:hover > div:nth-child(2) > div > div{
    transform: translateX(50%);
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-last-child(1) > div{
    bottom: 0%;
    justify-content: start;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-last-child(2) > div{
    top: 0%;
    justify-content: end;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-last-child(2) > div > span:nth-child(2){
    bottom: 0%;
}
.fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-last-child(1) > div > span:nth-child(2){
    top: 0%;
}
@media screen and (max-width: 1380px) {
    .fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div > div{
        height: 20px;
    }
}

.fl--stats-charts > div > div:nth-child(2) > div.active > div:nth-child(2) > div > div > span:nth-child(2){
    opacity: 0;
}
.fl--stats-charts > div > div:nth-child(2) > div.active  > div:nth-child(2) > div > div > span:nth-child(1){
    opacity: 1;
}
.fl--stats-charts > div > div:nth-child(2) > div.active  > div:nth-child(3) > span:nth-child(2){
    opacity: 1;
}
.fl--stats-charts > div > div:nth-child(2) > div.active  > div:nth-child(3) > span:nth-child(1){
    opacity: 0;
}
@media screen and (min-width: 1380px) {
    .fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div > div:hover > span:nth-child(2){
        opacity: 0;
    }
    .fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div > div:hover > span:nth-child(1){
        opacity: 1;
    }
    .fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(3):hover > span:nth-child(2){
        opacity: 1;
    }
    .fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(3):hover > span:nth-child(1){
        opacity: 0;
    }
}
/* @media screen and (max-width: 1380px) {
    .fl--stats-charts > div > div:nth-child(2) > div:hover > div:nth-child(2) > div > div > span:nth-child(2){
        opacity: 0;
    }
    .fl--stats-charts > div > div:nth-child(2) > div:hover > div:nth-child(2) > div > div > span:nth-child(1){
        opacity: 1;
    }
    .fl--stats-charts > div > div:nth-child(2) > div:hover > div:nth-child(3) > span:nth-child(2){
        opacity: 1;
    }
    .fl--stats-charts > div > div:nth-child(2) > div:hover > div:nth-child(3) > span:nth-child(1){
        opacity: 0;
    }
} */


.my-team--constructor--field-tab.stats{
    max-width: 655px;
    margin-left: auto;
    margin-right: auto;
}
.my-team--constructor--field-tab.stats > .best{
    border-radius: 20px;
    border: 2px solid var(--border-color);
    background: var(--main-background-color);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px 20px;
    width: 100%;
    box-sizing: border-box;
}
.my-team--constructor--field-tab.stats > .best > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.my-team--constructor--field-tab.stats > .best > div:nth-child(1) span:nth-child(1){
    font-size: 15px;
    font-weight: 600;
}
.my-team--constructor--field-tab.stats > .best > div:nth-child(2) span:nth-child(1){
    font-size: 17px;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1em;
    font-weight: 500;
    color: var(--color-orange);
}
.my-team--constructor--field-tab.stats > .best > div:nth-child(2) span:nth-child(2){
    font-size: 17px;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1em;
    font-weight: 500;
}
.my-team--constructor--field-tab.stats > .best > span:nth-child(1){
    font-size: 15px;
    font-weight: 600;
}
.my-team--constructor--field-tab.stats > .best > span:nth-child(2){
    font-size: 17px;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1em;
    font-weight: 500;
    color: var(--color-orange);
}

.tournaments--text{
    opacity: 0.5;
    text-transform: none;
    font-weight: 400;
}

.tournaments--tour-table{
    display: flex;
    flex-direction: column;
    border-radius: 36px;
    border: 2px solid var(--border-color);
}
.tournaments--tour-table > .table-prehead{
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
}
.tournaments--tour-table > .table-prehead img{
    width: 16px;
    filter: brightness(0) invert(1);
}
.tournaments--tour-table > .table-prehead > img:nth-child(1),
.tournaments--tour-table > .table-prehead > * > img:nth-child(1){
    transform: rotate(180deg);
}

.tournaments--tour-table > .table-prehead span{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    justify-content: center;
}
.tournaments--tour-table > .table-prehead span::before,
.tournaments--tour-table > .table-prehead span::after{
    content: "";
    display: block;
    height: 1.5em;
    width: 1em;
    background-image: url(/public/v3/img/title_star.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.tournaments--tour-table > .list{
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: var(--color-gray);
    color: var(--main-background-color);
}
.tournaments--tour-table > .list > *:not(.tour-details){
    display: grid;
    grid-template-columns: 1fr 136px;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;

    background: #ffffff;
}
.tournaments--tour-table > .list > *:not(.tour-details) > div .button{
    width: 100%;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    color: var(--main-background-color);
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-color: var(--main-background-color);

    transition: var(--default-transition);
}
.tournaments--tour-table > .list > *:not(.tour-details).active > div .button{
    border-color: var(--color-orange);
    background: var(--color-orange);
    color: #ffffff;
}
.tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) > div:nth-child(2){
    min-width: 483px;
    max-width: calc(100% - 40px - 170px - 170px);
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 115px 1fr;
    gap: 10px;
}
.tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) > div:nth-child(2) > span:nth-child(even){
    border-radius: 40px;
    background: var(--main-background-color);
    color: #ffffff;
    text-align: center;
    padding: 10px 0px;
    font-size: 15px;
    min-width: 115px;
    box-sizing: border-box;
}
.tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) > div:nth-child(2) > span:nth-child(odd){
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) > div:nth-child(2) > span:nth-child(1){
    text-align: end;
}
.tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) .fl--table-last-matches{
    gap: 10px;
    width: unset;
    height: unset;
}
.tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) .tooltip{
    position: relative;
    right: unset;
    top: unset;
    transform: unset;
}
.tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) .tooltip > div:nth-child(1) img{
    filter: unset;
}
.tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) .tooltip:nth-child(1) > div:nth-child(2){
    transform: translateX(max(-50%, 32px));
    right: unset;
    left: -50px;
    bottom: calc(100% + 25px);
}
.tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) .tooltip:nth-child(1) > div:nth-child(2)::after{
    transform: translateX(0px) rotate(90deg);
    right: unset;
    left: 15px;
}
.tournaments--tour-table > .list > .tour-details{
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
    max-height: calc(231px + 42px + 42px + (62px * 15) + (2px * 12));
    transition: var(--default-transition);
    overflow: hidden;
}
@media screen and (max-width: 1380px) {
    .tournaments--tour-table > .list > .tour-details{
        max-height: 1691px
    }
}
@media screen and (max-width: 720px) {
    .tournaments--tour-table > .list > .tour-details{
        max-height: 2471px
    }
}
.tournaments--tour-table > .list > *:not(.active) + .tour-details{
    max-height: 0px;
    padding: 0px 10px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    box-sizing: border-box;
    background: var(--main-background-color);
    color: #ffffff;
    gap: 10px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(2){
    font-size: 30px;
    max-width: calc(637px - 335px - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(1){
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(1) > div:nth-child(1){
    font-size: 8px;
    font-weight: 400;
}

.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(1) > div:nth-child(2){
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(1) > div:nth-child(2) > div{
    font-size: 15px;
    line-height: 1em;
    padding: 6px 0px;
    min-width: 60px;
    border-radius: 10px;
    text-align: center;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(1) > div:nth-child(2) > div.green{
    background: #1EA473;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(1) > div:nth-child(2) > div.red{
    background: #FF5757;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(1) > div:nth-child(2) > div.yellow{
    background: #FFD035;
    color: var(--main-background-color);
}

.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(1){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    font-size: 25px;
    color: #ffffff;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(1).red{
    background: #FF5757;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(1).green{
    background: #1EA473;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(1).yellow{
    background: #FFD035;
    color: var(--main-background-color);
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2){
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2) > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #ffffff;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2) > div > div:nth-child(2){
    font-size: 25px;
    color: var(--main-background-color);
    min-width: 100px;
    box-sizing: border-box;
    padding: 3px 0px;
    border-radius: 20px;
    text-align: center;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2) > div > div:nth-child(2).red{
    background: #FF5757;
    color: #ffffff;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2) > div > div:nth-child(2).green{
    background: #1EA473;
    color: #ffffff;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2) > div > div:nth-child(1){
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2) > div > div:nth-child(1) > span:nth-child(1){
    font-size: 15px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2) > div > div:nth-child(1) > span:nth-child(2){
    font-size: 10px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--text{
    padding: 10px 0px;
    text-align: center;
    font-size: 15px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div{
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div{
    display: grid;
    grid-template-columns: 1fr 100px;
    padding: 10px;
    box-sizing: border-box;
    background: #ffffff;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(2){
    font-size: 15px;
    color: #ffffff;
    min-width: 100px;
    box-sizing: border-box;
    padding: 10px 0px;
    border-radius: 20px;
    text-align: center;
    height: fit-content;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(2).red{
    background: #FF5757;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(2).green{
    background: #1EA473;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(2).yellow{
    background: #FFD035;
    color: var(--main-background-color);
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(1){
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(1) div:nth-child(1){
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(1) div:nth-child(1) img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(1) span{
    font-size: 15px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(1) > span img{
    width: 14px;
    height: 14px;
    transform: translateY(0.25em);
}
@media screen and (min-width: 1380px) {
    .tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(1) > span img{
        transform: translateY(0.125em);
    }
}


.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div:nth-child(even) > div{
    grid-template-columns: 100px 1fr;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div:nth-child(even) > div > div:nth-child(2){
    order: -1;
}
.tournaments--tour-table > .list > .tour-details .tour-details--score-table > div:nth-child(even) > div > div:nth-child(1){
    flex-direction: row-reverse;
}

.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score:nth-child(even) > div:nth-child(2) > div{
    flex-direction: row-reverse;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title:nth-child(even){
    flex-direction: row-reverse;
}

.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title:nth-child(even) > div:nth-child(1) > div:nth-child(1){
    text-align: end;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title:nth-child(odd){
    border-top-left-radius: 20px;
}
.tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title:nth-child(even){
    border-top-right-radius: 20px;
}

.tournaments--controls--leagues,
.tournaments--controls--h2h{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.tournaments--controls--leagues input{
    width: 551px;
}
.tournaments--controls--leagues .button{
    width: fit-content;
    height: 40px;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.tournaments--controls--h2h > input{
    width: 100%;
}
.tournaments--controls--h2h > .pbl-select{
    width: 192px;
}

.tournametns--tab-btns{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.tournametns--tab-btns > *{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 40px;
    border-radius: 20px;
    border: 2px solid var(--border-color2);
    background: var(--main-background-color);
    transition: var(--default-transition);
    color: #ffffff;

    font-size: 30px;
    font-weight: bold;
}
.tournametns--tab-btns > *.active{
    border-color: var(--color-orange);
    background: var(--color-orange);
}
.tournametns--tab-btns > * img{
    height: 44px;
    width: auto;
}
.table.tournaments--leagues-table .head, .table.tournaments--leagues-table .list > *{
    grid-template-columns: 544px 180px 30px 1.5fr 1fr;
    font-size: 20px;
}
.table.tournaments--leagues-table .list > * > *:nth-child(4):last-child{
    grid-area: 1 / 4 / 2 / 6;
}
.table.tournaments--leagues-table .head > *:nth-child(1),
.table.tournaments--leagues-table .list > * > *:nth-child(1){
    text-align: start;
    align-items: start;
}
.table.tournaments--leagues-table .button{
    font-size: 14px;
    color: var(--main-background-color);
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.table.tournaments--leagues-table .list > * > *:nth-child(3) img{
    width: 30px;
    height: 30px;
}

.table.tournaments--h2h-table .head > *{
    flex-direction: row;
}
.table.tournaments--h2h-table .head, .table.tournaments--h2h-table .list > *{
    grid-template-columns: 455px 250px 180px 2fr 1fr;
    font-size: 20px;
}
.table.tournaments--h2h-table.no-data .head, .table.tournaments--h2h-table.no-data .list > *{
    grid-template-columns: 725px 180px 2fr 1fr;
}
.table.tournaments--h2h-table .head > *:nth-child(1){
    align-items: start;
    justify-content: start;
}
.table.tournaments--h2h-table .list > * > *:nth-child(1){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.table.tournaments--h2h-table .list > * > *:nth-child(1) img{
    width: 40px;
    height: 40px;
}
.table.tournaments--h2h-table .button{
    font-size: 14px;
    color: var(--main-background-color);
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-color: var(--main-background-color);
    height: 40px;
}

.tournaments--tournament-block{
    display: grid;
    grid-template-columns: 1fr 475px;
    align-items: center;
    padding: 20px;
    border-radius: 20px;
    background: var(--main-background-color);
    border: 2px solid var(--border-color);
}
.tournaments--tournament-block > div:nth-child(2) .button{
    width: 100%;
    width: 100%;
    display: block;
}
@media screen and (min-width: 1380px) {
    .tournaments--tournament-block > div:nth-child(2) .button{
        font-size: 28px;
        font-style: italic;
        font-weight: 500;
        padding-top: 24px;
        padding-bottom: 24px;
        border-radius: 1000px;
    }
}
.tournaments--tournament-block > div:nth-child(1){
    display: grid;
    grid-template-columns: 135px 1fr;
    gap: 20px;
}
.tournaments--tournament-block > div:nth-child(1) > *:nth-child(1){
    width: 135px;
    height: 135px;
}
.tournaments--tournament-block > div:nth-child(1) > *:nth-child(1) img{
    width: 100%;
    height: 100%;
}
.tournaments--tournament-block > div:nth-child(1) > *:nth-child(2){
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 20px;
}
.tournaments--tournament-block > div:nth-child(1) > *:nth-child(2) > *:nth-child(1){
    font-size: 28px;
    font-style: italic;
    font-weight: 500;
}
.tournaments--tournament-block > div:nth-child(1) > *:nth-child(2) > div > *:nth-child(2){
    color: var(--color-orange);
}

.table.tournaments--tournament-table .head, .table.tournaments--tournament-table .list > *{
    grid-template-columns: 1fr 566px 1fr 1fr 1fr 1fr 1fr 100px;
    font-size: 20px;
}
.table.tournaments--tournament-table .list{
    max-height: 408px;
    overflow: auto;
}
.table.tournaments--tournament-table .head > *:nth-child(2){
    align-items: start;
}
.table.tournaments--tournament-table .list > * > *:nth-child(2){
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.table.tournaments--tournament-table .list > * > *:nth-child(2) img{
    width: 40px;
    height: 40px;
}
.table.tournaments--tournament-table .list > * > *:nth-child(2) *:not(img){
    max-width: calc(100% - 40px - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.table.tournaments--tournament-table .list > *,
.table.tournaments--leagues-table .list > *,
.table.tournaments--h2h-table .list > *{
    min-height: 80px;
}

@media screen and (max-width: 1380px) {
    .tabs-controls.fl{
        gap: 10px;
    }
    .tabs-controls > a{
        padding: 15px 10px;
        width: 100%;
    }
    .my-team--title{
        display: none;
    }
    .my-team--tours--swiper .button{
        display: none;
    }
    .my-team--tours--swiper{
        grid-template-columns: 1fr;
        position: relative;
        /* left: calc((100vw - 1380px) / 2); */
        width: 100vw;
    }

    .my-team--constructor--field-tab .field-controls.v2,
    .my-team--constructor--field-tab,
    .my-team--constructor--table-tab .filters,
    .my-team--constructor--table-tab,
    .my-team--constructor--field-tab .my-team--constructor--content{
        gap: 10px;
    }

    .my-team--constructor--table-tab .index-table > div table{
        font-size: 10px;
    }
    .my-team--constructor--table-tab .index-table > div table th:nth-child(2),
    .my-team--constructor--table-tab .index-table > div table td:nth-child(2){
        display: none;
    }
    .my-team--constructor--table-tab .index-table > div table tr{
        height: 40px;
    }
    .my-team--constructor--table-tab .index-table > div table img{
        height: 26px;
        width: 26px;
    }
    .my-team--constructor--table-tab .filters .filter-params.active{
        gap: 10px;
    }
    .my-team--constructor--field-tab .info > div:last-child{
        font-size: 10px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content{
        background: none;
        border: none;
    }
    .my-team--tours--swiper .swiper-slide{
        width: 181px;
    }
    .fl-tg-chat img{
        height: 42px;
    }
    .my-team--constructor--field-tab.rating .my-team--constructor--content > .best{
        height: 87px;
    }
    .rating--table-tab .table{
        border-radius: 30px 30px 0px 0px
    }
    .my-team--constructor--field-tab.rating .my-team--constructor--content{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .my-team--constructor--field-tab.rating .my-team--constructor--content > .field{
        margin-top: 0px;
    }
    .rating--table-tab{
        gap: 10px;
    }
    .rating--table-tab .table .list > * > *:nth-child(2) .winline img,
    .rating--table-tab .table .list > * > *:nth-child(2) .tooltip img{
        height: 15px;
        width: 15px;
    }
    .rating--table-tab .table .list > * > *:nth-child(2) .tooltip > div:nth-child(2){
        font-size: 10px;
        padding: 5px;
        border-radius: 10px;
    }
    .rating--table-tab .table .list > * > *:nth-child(2){
        gap: 5px;
    }
    .fl--stats-charts > div > div:nth-child(2){
        height: 194px;
        padding-right: 10px;
        gap: 10px;
    }
    .fl--stats-charts > div{
        height: 100%;
        gap: 10px;
        border-radius: 20px;
    }
    .fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(2) > div > div{
        font-size: 7px;
    }
    .fl--stats-charts > div > div:nth-child(2){
        padding-top: 10px;
    }
    .fl--stats-charts > div > div:nth-child(1) > span:nth-child(1){
        font-size: 14px;
    }
    .fl--stats-charts > div > div:nth-child(2) > div > span,
    .fl--stats-charts > div > div:nth-child(2) > div > div:nth-child(3){
        font-size: 8px;
    }
    .fl--stats-charts > div > div:nth-child(2) > div{
        grid-template-columns: 30px 1fr 23px;
    }
    .team-history--stats.fl .swiper-slide{
        width: 230px;
        height: fit-content!important;
    }
    .team-history--stats.fl{
        width: 100vw;
        transform: translateX(calc((100vw - 720px) * -0.5));
    }
    .team-history--stats.fl .team-history--table .table-prehead > span{
        font-size: 10px;
    }
    .team-history--stats.fl .team-history--table .table-prehead .tooltip > div:nth-child(1){
        width: 17px;
        height: 17px;
    }
    .team-history--stats.fl .team-history--table--img{
        height: 168px;
    }
    .team-history--stats.fl table{
        font-size: 10px;
    }
    .team-history--stats.fl table tr > *{
        min-width: 10px;
    }
    .team-history--stats.fl table tr{
        height: 25px;
    }
    .team-history--stats.fl table tr > *:nth-child(2){
        text-align: start;
    }
    .team-history--stats.fl .table-prehead{
        border-radius: 20px 20px 0px 0px;
    }
    .team-history--stats.fl .table-footer{
        border-radius: 0px 0px 20px 20px;
    }
    .team-history--stats.fl .index-table{
        border-radius: 20px;
    }
    .my-team--constructor--field-tab.stats{
        gap: 20px!important;
        display: flex!important;
    }
    .my-team--constructor--field-tab.stats .pbl-select{
        border-radius: 10px;
    }
    .my-team--constructor--field-tab.stats .my-team--constructor--content{
        padding-top: 0px;
    }
    .my-team--constructor--field-tab.stats .my-team--constructor--content .field{
        margin-top: 0px;
    }
    .table.tournaments--leagues-table .head, .table.tournaments--leagues-table .list > *{
        grid-template-columns: 1fr 100px 30px 126px 112px;
    }
    .table.tournaments--leagues-table .button,
    .table.tournaments--h2h-table .button{
        font-size: 10px;
    }
    .table.tournaments--leagues-table .head,
    .table.tournaments--h2h-table .head,
    .table.tournaments--tournament-table .head{
        font-size: 15px;
    }
    .table.tournaments--leagues-table .list > *,
    .table.tournaments--h2h-table .list > *,
    .table.tournaments--tournament-table .list > *{
        font-size: 10px;
    }
    .table.tournaments--tournament-table .list > *, .table.tournaments--leagues-table .list > *, .table.tournaments--h2h-table .list > *{
        min-height: 53px;
    }
    .table.tournaments--h2h-table .head, .table.tournaments--h2h-table .list > *{
        grid-template-columns: 1fr 100px 93px 150px 84px;
    }
    .table.tournaments--h2h-table.no-data .head, .table.tournaments--h2h-table.no-data .list > *{
        grid-template-columns: 1fr 93px 150px 84px;
    }
    .tournaments--tournament-block > div:nth-child(1){
        grid-template-columns: 91px 1fr;
    }
    .tournaments--tournament-block{
        grid-template-columns: 1fr 200px;
    }
    .tournaments--tournament-block > div:nth-child(1) > *:nth-child(1){
        width: 91px;
        height: 91px;
    }
    .tournaments--tournament-block > div:nth-child(2) .button{
        font-size: 14px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 40px;
    }
    .tournaments--tournament-block > div:nth-child(1) > *:nth-child(2) > *:nth-child(1){
        font-size: 20px;
        line-height: 1em;
    }
    .table.tournaments--tournament-table .head, .table.tournaments--tournament-table .list > *{
        grid-template-columns: 1fr 376px 1fr 1fr 1fr 1fr 1fr 50px;
    }
    .table.tournaments--tournament-table .list > * > *:nth-child(2){
        gap: 10px;
    }
    .tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) .fl--table-last-matches{
        display: none;
    }
    .tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) > div:nth-child(2) > span:nth-child(odd),
    .tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) > div:nth-child(2) > span:nth-child(even){
        font-size: 10px;
    }
    .tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) > div:nth-child(2) > span:nth-child(even){
        height: 40px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title{
        flex-direction: column-reverse!important;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(1){
        align-items: center;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2) > div > div:nth-child(2){
        font-size: 15px;
        height: 40px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2){
        display: flex;
        flex-direction: column;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score:nth-child(even) > div:nth-child(2){
        flex-direction: column-reverse;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(1) > div:nth-child(2) > div{
        min-width: 51px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(2){
        min-width: 70px;
        font-size: 10px;
        height: 40px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div{
        grid-template-columns: 1fr 70px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--score-table > div:nth-child(even) > div{
        grid-template-columns: 70px 1fr;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(1) span{
        font-size: 10px;
    }
    .tournaments--controls--h2h > .pbl-select{
        min-width: 208px;
    }
    .tournametns--tab-btns > * img{
        height: 30px;
    }
    .tournametns--tab-btns > *{
        font-size: 20px;
        padding: 13px 18px;
        border-radius: 10px;
    }
    .tournaments--text{
        font-size: 20px;
    }
    .table.tournaments--leagues-table, .table.tournaments--h2h-table, .table.tournaments--tournament-table{
        border-radius: 30px;
    }
    .rules > .rules-marks > div{
        gap: 20px;
    }
    .team-history--stats.fl .swiper-wrapper{
        gap: 0px;
    }
    .rating--table-tab .table + .table-footer{
        margin-top: -10px;
    }
}
@media screen and (max-width: 720px){
    .tournametns--tab-btns{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .tournaments--tour-table{
        border-radius: 20px;
    }
    .rating--table-tab .table .list > * > *:nth-child(2) .tooltip > div:nth-child(2){
        right: unset;
        left: -10px;
        transform: unset;
        left: -70px;
        bottom: calc(100% + 15px);
    }
    .team-history--stats.fl{
        width: 100vw;
        transform: translateX(-20px);
    }
    .fl--stats-charts{
        width: 100vw;
        transform: translateX(-20px);
        overflow: auto;
        padding: 0px 20px;
        box-sizing: border-box;

        scroll-snap-type: x mandatory;
    }
    .fl--stats-charts > div{
        width: 100%;
        scroll-snap-align: center;
    }
    .tabs-controls.fl{
        display: none;
    }
    .my-team--tab-btns{
        order: -1;
        height: 62px;
    }
    .title.fl{
        order: -2;
        flex-direction: row;
        gap: 10px;
    }
    .my-team--tours .my-team--tours--stats > *{
        border-radius: 10px;
        padding: 10px;
        gap: 10px;
        height: 100%;
        justify-content: space-between;
    }
    .my-team--tours .my-team--tours--stats > * > span:nth-child(1){
        font-size: 8px;
    }
    .my-team--tours .my-team--tours--stats > * > span:nth-child(2){
        font-size: 14px;
        line-height: 20px;
    }
    .my-team--tours .my-team--tours--stats > * .field-card--price{
        font-size: 11px;
        padding: 6px 8px;
        padding-right: 6px;
        gap: 5px;
    }
    .my-team--constructor--field-tab .field-controls.v2{
        gap: 10px;
    }
    .my-team--constructor--field-tab .info{
        padding: 0px;
    }
    .my-team--constructor--field-tab .field-controls{
        gap: 10px;
    }
    .my-team--constructor--field-tab .field-controls > .button{
        height: 60px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .my-team--constructor--field-tab .field-controls.small > .button{
        font-size: 10px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content{
        padding-bottom: 10px;
    }
    .rating--container > .button:last-child{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 60px;
        border-radius: 10px;
    }
    .rating--table-tab .filters{
        grid-template-columns: 1fr 1fr;
    }
    .rating--table-tab .filters > input, .rating--table-tab .filters  > .pbl-select, .rating--table-tab .filters > label input[type="checkbox"] + span{
        height: 60px;
        border-radius: 10px;
    }
    .rating--table-tab .filters  > .pbl-select .pbl-select--placeholder{
        height: 38px;
    }
    .my-team--constructor--field-tab.rating .my-team--constructor--content > .best{
        padding: 20px;
        border-radius: 20px;
        height: auto;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .best > div:nth-child(1) span:nth-child(1){
        font-size: 10px;
    }
    .my-team--constructor--field-tab .my-team--constructor--content > .best > div:nth-child(2) span:nth-child(1),
    .my-team--constructor--field-tab .my-team--constructor--content > .best > div:nth-child(2) span:nth-child(2){
        font-size: 14px;
    }
    .table.tournaments--tournament-table .list > *, .table.tournaments--leagues-table .list > *, .table.tournaments--h2h-table .list > *{
        min-height: 30px;
        height: unset;
    }
    .table.tournaments--leagues-table .head, .table.tournaments--leagues-table .list > *{
        grid-template-columns: 1fr 58px 17px 31px 49px;
    }
    .table.tournaments--leagues-table .list > * > *:nth-child(3) img{
        height: 17px;
        width: 17px;
    }

    .table.tournaments--leagues-table .head, .table.tournaments--h2h-table .head, .table.tournaments--tournament-table .head{
        font-size: 10px;
    }
    .table.tournaments--leagues-table .button, .table.tournaments--h2h-table .button{
        font-size: 7px;
        height: 21px;
    }
    .table.tournaments--leagues-table .head, .table.tournaments--h2h-table .head, .table.tournaments--tournament-table .head{
        min-height: 30px;
        height: unset;
    }
    .table.tournaments--leagues-table, .table.tournaments--h2h-table, .table.tournaments--tournament-table{
        border-radius: 20px;
    }
    .table.tournaments--h2h-table .head, .table.tournaments--h2h-table .list > *{
        grid-template-columns: 1fr 93px 49px;
    }
    .table.tournaments--h2h-table.no-data .head, .table.tournaments--h2h-table.no-data .list > *{
        grid-template-columns: 1fr 93px 49px;
    }
    .table.tournaments--h2h-table:not(.no-data) .head > *:nth-child(2),
    .table.tournaments--h2h-table:not(.no-data) .list > * > *:nth-child(2),
    .table.tournaments--h2h-table:not(.no-data) .head > *:nth-child(3),
    .table.tournaments--h2h-table:not(.no-data) .list > * > *:nth-child(3){
        display: none;
    }
    .table.tournaments--h2h-table.no-data .head > *:nth-child(2),
    .table.tournaments--h2h-table.no-data .list > * > *:nth-child(2){
        display: none;
    }
    .table.tournaments--h2h-table .list > * > *:nth-child(1) img{
        width: 25px;
        height: 25px;
    }
    .table.tournaments--h2h-table .list > * > *:nth-child(1){
        gap: 10px;
    }
    .tournaments--tournament-block{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .tournaments--tournament-block > div:nth-child(1){
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .tournaments--tournament-block > div:nth-child(1) > *:nth-child(1){
        width: 70px;
        height: 70px;
    }
    .tournaments--tournament-block > div:nth-child(1) > *:nth-child(2){
        align-items: center;
        justify-content: center;
    }
    .tournaments--tournament-block > div:nth-child(1) > *:nth-child(2) > div{
        margin-top: -10px;
    }
    .tournaments--tournament-block > div:nth-child(1) > *:nth-child(2){
        gap: 20px;
    }
    .tournaments--tournament-block > div:nth-child(2){
        width: 100%;
    }
    .table.tournaments--tournament-table .head, .table.tournaments--tournament-table .list > *{
        grid-template-columns: 1fr calc(100vw - 40px - 20px - 155px - 70px) repeat(5, 1fr) 35px;
    }
    .table.tournaments--tournament-table .list > * > *:nth-child(2){
        text-align: start;
    }
    .table.tournaments--tournament-table .list > * > *:nth-child(2) img{
        display: none;
    }
    .table.tournaments--tournament-table .list > * > *:nth-child(2) *:not(img){
        max-width: calc(100%);
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(2){
        display: none;
    }
    .tournaments--tour-table > .list > *:not(.tour-details){
        grid-template-columns: 1fr;
        padding: 10px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(2){
        font-size: 15px;
        width: calc(50vw - 70px);
        text-align: center;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(1) > div:nth-child(2) > div{
        font-size: 5px;
        min-width: 20px;
        border-radius: 5px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title > div:nth-child(1) > div:nth-child(2){
        gap: 5px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--title{
        gap: 20px;
        padding: 10px 10px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2) > div{
        flex-direction: column-reverse!important;
        text-align: center;
        gap: 10px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div{
        display: flex;
        flex-direction: column!important;
        align-items: center;
        gap: 10px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--score-table > div:nth-child(even) > div > div:nth-child(2){
        order: 0;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(1){
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(1) div:nth-child(1){
        width: 25px;
        margin-left: calc((100% - 30px) / 2);
        margin-right: calc((100% - 30px) / 2);
        height: 25px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(1) div:nth-child(1) img{
        width: 25px;
        height: 25px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2) > div > div:nth-child(2){
        height: 32px;
        width: 100%;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(2) > div{
        padding: 10px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--header .tour-details--score > div:nth-child(1){
        padding: 10px;
    }
    .tournaments--tour-table > .list > .tour-details .tour-details--score-table > div > div > div:nth-child(2){
        width: fit-content;
        height: 24px;
    }
    .tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) > div:nth-child(2){
        grid-template-columns: 1fr 90px 1fr;
        min-width: 100%;
        max-width: 100%;
    }
    .tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) > div:nth-child(2) > span:nth-child(odd){
        width: 100%;
    }
    .tournaments--tour-table > .list > *:not(.tour-details) > div:nth-child(1) > div:nth-child(2) > span:nth-child(even){
        width: fit-content;
        min-width: 81px;
    }
    .rules div.rules-text.rules-marks div{
        font-size: 15px!important;
    }
    .rules > .rules-marks > div > div > div{
        width: 40px;
        height: 40px;
        padding: 10px;
    }
    .rules > .rules-marks > div > div{
        grid-template-columns: 40px 1fr;
    }
    .rules > .rules-marks > div{
        gap: 20px;
    }

    .player-info--primary-info > div:nth-child(2) h2{
        font-size: 20px;
        max-width: 100%;
        white-space: unset;
    }
    .player-info--primary-info > div:nth-child(2) > span:nth-child(2){
        font-size: 15px;
        font-weight: 500;
    }
    .player-info--primary-info > div:nth-child(2) > span:nth-child(2){
        font-size: 15px;
        font-weight: 600;
    }
    .player-info--stats > div{
        padding: 10px;
        min-height: 60px;
        border-radius: 15px;
        box-sizing: border-box;
    }
    .player-info--stats > div > span:nth-child(1){
        font-size: 10px;
    }
    .player-info--stats > div > span:nth-child(2){
        font-size: 20px;
    }
    .player-info--stats{
        gap: 10px;
        height: unset;
    }
    .player-info--primary-info > div:nth-child(2) > *.club img{
        width: 31px;
        height: 31px;
    }
    .player-info--primary-info > div:nth-child(2) > *.club span{
        font-size: 15px;
    }
    .player-info--primary-info > div:nth-child(2) > div.socials a{
        height: 25px;
    }
    .table.player-table .head, .table.player-table .list > *{
        font-size: 10px;
    }
    .table.player-table .head, .table.player-table .list > div:nth-child(odd){
        grid-template-columns: 70px 32px 70px 50px 1fr;
        gap: 5px;
    }
    .table.player-table .list > div:nth-child(odd) > *:nth-child(5) > div{
        font-size: 8px;
        padding: 0px;
        height: 21px;
    }
    .table.player-table .list > div:nth-child(odd) > *:nth-child(3){
        height: 21px;
    }
    .popup > .container > .cross{
        width: 20px;
        height: 20px;
        left: calc(100% - 30px);
    }
    .player-info > div:nth-child(2){
        width: 100%;
        gap: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    .player-table{
        border-radius: 20px;
    }
    .tournaments--controls--leagues{
        flex-direction: column;
    }
    .tournaments--controls--leagues input,
    .tournaments--controls--leagues .button,
    .tournaments--controls--h2h > input,
    .tournaments--controls--h2h > .pbl-select{
        width: 100%;
        height: 55px!important;
        border-radius: 10px!important;
    }
    .tournaments--controls--h2h > .pbl-select .pbl-select--placeholder{
        height: 35px;
    }
    .tournaments--controls--leagues .button{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .tournaments--controls--h2h > .pbl-select{
        min-width: 132px;
        width: 132px;
    }
    .popup#player-popup > .container{
        width: 100vw;
        padding: 10px;
        box-sizing: border-box;
        max-width: calc(100vw);
        max-height: calc(100vh - 120px);
    }
}


.field-row .field-card-v2 .field-card--img,
.field-bench .field-card-v2 .field-card--img{
    width: 90px;
    height: 125px;
}
@media screen and (max-width: 1380px) {
    .field-row .field-card-v2 .field-card--img, .field-bench .field-card-v2 .field-card--img{
        width: 48px;
        height: 64px;
    }
}

/* .field .field-card-v2.disabled-opacity{
    opacity: 0.3;
}
.field-card-v2.disabled-opacity .field-card--img > img{
    filter: grayscale(1);
} */
.field .field-card-v2.substitute-on{
    cursor: pointer;
}
.field-card-v2.disabled-opacity .field-card--img{
    background-image: url(/public/v3/img/field-card-bg--grey.png);
}

.popup .double-btns{
    display: grid!important;
    grid-template-columns: 1fr 1fr!important;
    gap: 20px!important;
    align-items: center!important;
}
.popup .double-btns > *{
    width: 100%;
}
@media screen and (max-width: 1380px) {
    .popup .double-btns{
        gap: 10px!important;
    }
}
@media screen and (max-width: 720px) {
    .popup .double-btns{
        gap: 10px!important;
        grid-template-columns: 1fr!important;
    }
    .field .field-card-v2{
        width: calc((100vw - 40px) / 325 * 50);
    }
    .field .field-card-v2 .field-card--img{
        width: calc((100vw - 40px) / 325 * 48);
        height: calc((100vw - 40px) / 325 * 64);
    }
}
@media screen and (max-width: 720px) and (min-width: 550px) {
    .field .field-card-v2 .field-card--price{
        font-size: 12px;
        height: 14px;
    }
    .field .field-card-v2 .field-card--bot .field-card--score{
        font-size: 12px;
        line-height: 14px;
        padding: 2px 4px;
    }
    .field-card-v2 .field-card--vs{
        font-size: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
        height: 16px;
        box-sizing: border-box;
    }
    .field .field-card-v2 .field-card--bot{
        height: 16px;
    }
    .field .field-card-v2 .field-card--cap{
        bottom: 20px;
    }
    .field .field-card-v2 .field-card--img .field-card--controls > *{
        width: 35px;
        height: 35px;
    }
    .field-card-v2 .field-card--price{
        background-image: url(/public/v3/img/price_lside_bg_border.svg), url(/public/v3/img/price_bg_border.png);
        background-size: 7px 16px, calc(100% - 6px) 16px;
        background-repeat: no-repeat;
        background-position: left center, right center;
    }
}

.team-history--stats.fl .table-prehead > span::before,
.team-history--stats.fl .table-prehead > span::after{
    content: unset;
}

.tournaments--tour-table .fl--table-last-matches > div{
    font-size: 17px;
}
.tournaments--tour-table .fl--table-last-matches > div img{
    width: 30px!important;
    height: 30px!important;
}
.tournaments--tour-table .fl--table-last-matches > span{
    font-size: 15px;
}

@media screen and (max-width: 720px) {
    .sostav-container .table-prehead{
        justify-content: space-between;
    }
    .sostav-container .table-prehead > span::after{
        content: unset;
    }

    .sostav-container .table-prehead > div::after
    {
        content: "";
        display: block;
        height: 1.5em;
        width: 1em;
        background-image: url(/public/v3/img/title_star.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }
}