/*   Base settings
------- ------- ------- ------- ------- ------- ------- -------*/
/*   :: import ---   */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Open+Sans:wght@400;700&display=swap');

@font-face {
    font-family: "ALS Arc VFR Semibold";
    font-style: normal;
    font-weight: auto;
    /*    src: local("ALS Arc VFR Semibold"),
        url("../fonts/ALS-Arc-VFR-Semibold.woff") format("woff");*/
    src: url("../fonts/ALS-Arc-VFR-Semibold.woff") format("woff");
}

@font-face {
    font-family: "ALS VFR";
    font-style: normal;
    font-weight: auto;
    src: local("ALS VFR Regular"), url("../fonts/ALS-VFR-Regular.woff") format("woff");
}

/*   :: VARS ---   */
:root {
    /*fonts*/
    --wf: 'Open Sans', sans-serif;
    --wf2: 'Inter', sans-serif;
    --wf3: 'ALS Arc VFR Semibold', sans-serif;
    --wf4: 'ALS VFR', sans-serif;
    --color-text-heading: #001226;
    --color-text: #21204d;
    --color-text-accent: #eb534e;
    --color-text-note: #cccccc;
    --color-text-grey: #737373;

    /* Fonts sizes */
    --size-text: 1rem;
    --size-text-note: 0.8125rem;
    --size-heading-xl: 3rem;
    --size-heading-l: 2.5rem;
    --size-heading-m: 2rem;
    --size-heading-s: 1.5rem;
    --size-heading-xs: 1.125rem;

    /*project colors*/
    --color-dark: #18214D;
    --color-primary: #064E9F;
    --color-primary-dark: #03438d;
    --color-secondary: #EC222B;
    --color-neutral: #D5E2E9;
    --color-placeholder: #EFF2F6;


    --color-black: #192a3e;
    --color-white: #ffffff;

    --color-link: #064E9F;
    --color-link-hover: #334d6e;
    --color-link-active: #334d6e;
    --color-accent: #1961af;

    --color-grey-dark: #323c47;
    --color-grey: #90a0b7;
    --color-grey-light: #c2cfe0;

    /*bg colors*/
    --color-bg: #ffffff;
    --color-bg-header: #ffffff;
    --color-bg-header-dark: #001226;
    --color-bg-darkblue: #98cae5;
    --color-bg-blue: #D5E2E9;
    --color-bg-light-blue: #E5F2FC;
    --color-bg-yellow: #FFE3AF;
    --color-bg-grey: #f7f7f7;
    --color--bg-accent: #deeba5;


    /*guidelines colors*/
    --volley-yellow: rgb(242, 184, 68);
    --volley-light-yellow: rgb(253, 224, 124);
    --volley-dark-yellow: rgb(237, 167, 26);
    --volley-dark-blue: rgb(32, 30, 62);
    --volley-dark-blue2: #010B29;
    --volley-red: rgb(229, 47, 37);
    --volley-grey-blue: rgb(213, 226, 233);
    --volley-classic-blue: rgb(22, 65, 148);
    --volley-classic-red: rgb(237, 28, 36);

    /* SP5 DEV*/
    --color-sp5-dev-bg: #05e745;
    --color-sp5-dev-text: #222e4e;

    /*interface*/
    --color-border: #98cae5;
    --color-border-hover: var(--color-accent);
    --color-input-bg: #ededed;
    --color-input-disabled-bg: #E1E6F9;
    --color-input-border: #d6d6d6;
    --color-input-text: #707683;
    --color-label-text: #206D9B;
    --color-input-placeholder-text: #a5bbcb;
    --color-table-black: #323c47;
    --color-table-grey: #707683;
    --color-dark-blue: #334d6e;
    --color-icon-grey: #666666;
    --color-icon--active: var(--volley-yellow);
    --thover: rgba(0, 0, 0, 0.1); /*transparent hover*/
    --trans: all 0.2s; /*transition delay*/
    --bs: 0 0 8px rgba(0, 0, 0, 0.12);

    /*ui colors*/
    --color-yellow: #fdfdfd;
    --color-yellow-light: #FFE070;
    --color-orange: #ff8914;
    --color-red: #E3352F;
    --color-blue: #194490;
    --color-blue-dark: #211F3D;
    --color-blue-dark-2: #191B2A;
    --color-green: #2ed47a;
    --color-purple: #885af8;

    --color-vsch--dark-pink: #ffc7c9;

    /*buttons*/
    /*--color-btn-bg: #3867F4;*/
    --color-btn-bg: #064E9F;
    --color-btn-border: #064E9F;
    --color-btn-text: #ffffff;
    --color-btn-ghost-text: #868686;
    --color-btn-shadow: rgba(37, 193, 252, 0.4);

    /*objects*/
    --gf: 8px; /* grid flow */
    --gap: 16px; /* grid gap */

    --wid: 1440px; /* max-width of content */

    /*    Schedule colors */
    --vsch-orange: #F15A29;
    --vsch-yellow: #F89C49;
    --vsch-violet: #C364A7;
    --vsch-dark-violet: #7E59A5;
    --vsch-dark-green: #4BC2C3;
    --vsch-green: #d6eef8;

    --vsch-pink-bg: #FCE5EF;
    --vsch-violet-bg: #efe4f0;
    --vsch-blue-bg: #D7EFF7;
    --vsch-pink: #facccd;
}


/*  TECH
------- ------- ------- ------- ------- ------- ------- -------*/
* {
    box-sizing: border-box;
}

*, ::after, ::before {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

html,
body {
    height: 100%;
}

body {
    color: var(--color-text);
    font-family: var(--wf), Helvetica, Arial, sans-serif;
    font-size: 100%;
    background: var(--color-bg);
    margin: 0;
    padding: 0;
}

@media print {
    #print-area {
        background: white;
    }

    @page {
        size: A4 landscape;
    }

    .vsch-page {
        /*        width: 28.7cm;
                height: 20cm;*/
        /*outline: 1px solid rebeccapurple;*/
        page-break-before: always;
    }

    .vsch-body-separator {
        page-break-before: always;
    }

    .vcpagebreak {
        page-break-before: always;
    }

    .vsch-line-grid {
        border: 1px solid grey;
    }

    .vsch-line-grid-center__box {
        background: none;
    }

    .vsch-line-grid__left, .vsch-line-grid__center, .vsch-line-grid__right {
        background: none;
        border-bottom: 1px solid grey;
    }

    .vsch-line-grid__left:last-child, .vsch-line-grid__center:last-child, .vsch-line-grid__right:last-child {
        border-bottom: none;
    }

    .vsch-header {
        border: 2px solid grey;
    }

    .vsch-header__center {
        background: none !important;
    }

    .tb-game {
        border: 1px solid grey;
    }
}

.vsch-page {
    font-size: 12px;
}

.vsch-header {
    --header-height: 40px;
    background: var(--volley-dark-blue) url("../img/yellow-rect-2.svg") no-repeat bottom left;
    background-size: contain;
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap);
    color: var(--color-white);
    font-family: var(--wf3);
    height: var(--header-height);
    padding: 0 var(--header-height);
}

.vsch-header div {
    height: var(--header-height);
    display: flex;
    align-items: center;
}

.vsch-header__left {
    justify-content: flex-start;
}

.vsch-header__center {
    padding: 0 var(--header-height);
    text-align: center;
    justify-content: space-around;
}

.vsch-header__center--red {
    background: var(--volley-red);
}

.vsch-header__center--yellow {
    background: var(--vsch-yellow);
}

.vsch-header__center--green {
    background: var(--vsch-dark-green);
}

.vsch-header__center--dark-violet {
    background: var(--vsch-dark-violet);
}

.vsch-header__right {
    text-align: right;
    justify-content: flex-end;
}

.vsch-body {
    padding: var(--header-height) 0 0 0;
}

.body--bv .vsch-body {
    padding: 0;
}

.body--cv .vsch-body {
    padding: 0;
}

.body--sv .vsch-body {
    padding: 0;
}

.vsch-texted-grid {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    /*grid-template-columns: 200px auto 200px;*/
    gap: var(--gap);

}

.vsch-texted-grid__left, .vsch-texted-grid__right {
    font-family: var(--wf3);
    color: var(--color-vsch--dark-pink);
    font-size: 180px;
}

.vsch-texted-grid__left--green, .vsch-texted-grid__right--green {
    color: var(--vsch-green);
}

.vsch-texted-grid__center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: var(--gap);
}

.vsch-texted-grid__left-text {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

.vsch-texted-grid__right-text {
    writing-mode: vertical-rl;
}

.vsch-2x-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
}

.vsch-players-stack {
    display: inline-flex;
    /*display: grid;*/
    /*grid-template-columns: 140px 140px 180px 140px  140px;*/
    justify-content: center;
    gap: var(--gap);
    padding: 0 var(--gap) var(--gap);
}

.vsch-players-stack--pink {
    background-image: linear-gradient(to bottom, var(--color-white) 0, var(--color-white) 50%, var(--vsch-pink-bg) 50%, var(--vsch-pink-bg) 100%);
}

.vsch-players-stack--blue {
    background-image: linear-gradient(to bottom, var(--color-white) 0, var(--color-white) 50%, var(--vsch-blue-bg) 50%, var(--vsch-blue-bg) 100%);
}

.vsch-player-card {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: flex-start;
    /*text-align: center;*/
    width: 106px;
    /*border: 1px solid black;*/
}

.vsch-player-card__img {
    width: 100%;
}

.vsch-player-card__img img {
    object-fit: contain;
    height: 160px;

}


.vsch-player-card__title {
    font-size: 12px;
    font-weight: bold;
}

.vsch-player-card-title__surname {
}

.vsch-player-card-title__name {
}

.vsch-player-card__desc {
    font-size: 10px;
}

.vsch-player-title-card {
    padding: 8px;
    background: var(--volley-red);
    color: var(--color-white);
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-weight: bold;
    font-size: 10px;
}

.vsch-player-title-card--red {
    background: var(--volley-red);
}

.vsch-player-title-card--orange {
    background: var(--vsch-orange);
}

.vsch-player-title-card--yellow {
    background: var(--vsch-yellow);
}

.vsch-line-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    row-gap: 4px;
}

.vsch-line-grid__left,
.vsch-line-grid__right {
    background: var(--vsch-green);
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 4px 4px 16px;
    color: var(--volley-dark-blue);
    justify-content: center;
}

.vsch-line-grid__left {
    align-items: end;
    padding: 4px 16px 4px 4px;
    text-align: right;
}

.vsch-line-grid__center {
    background: var(--vsch-dark-green);
    color: var(--color-white);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vsch-line-grid-center__box {
    background: var(--vsch-dark-green);
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 4px var(--gap);
    justify-content: center;
}

.vsch-line-grid-center__box--dark-violet {
    background: var(--vsch-dark-violet);
}

.vsch-line-grid__clubs {
    font-size: 12px;
}

.vsch-line-grid__names {
    font-weight: bold;
    font-size: 12px;
}

.vsch-line-grid--blue {
    background: var(--vsch-blue-bg);
}

.vsch-line-grid--pink {
    background: var(--vsch-pink-bg);
}

.vsch-table {
    background: var(--vsch-violet-bg);
}

.vsch-table-header {
    background: var(--vsch-dark-violet);
    color: var(--color-white);
    padding: var(--gap);
    font-size: 16px;
    font-weight: bold;
    display: grid;
    gap: var(--gap);
    grid-template-columns:30px 220px 60px 80px 80px;
}

.vsch-table-line {
    padding: var(--gf) var(--gap);
    display: grid;
    gap: var(--gap);
    grid-template-columns:30px 220px 60px 80px 80px;
    align-items: center;
    border-bottom: 1px solid var(--vsch-dark-violet);
}

.vsch-table-line:last-child {
    border-bottom: none;
}

.vsch-table-line__numb {
    font-weight: bold;
    font-size: 20px;
}

.vsch-table-line__data-col {
}

.vsch-table-line-data__club {
}

.vsch-table-line-data__players {
    font-weight: bold;
    font-size: 14px;
}

.vsch-body-separator {
    border-top: 1px solid var(--vsch-dark-violet);
    padding: 16px 0;
    margin: 16px 0;

}

@media screen and (max-width: 767px) {
    .vsch-2x-grid {
        grid-template-columns: auto;
    }

    .vsch-col {
        width: calc(100vw - 8px);
        overflow-x: scroll;
        position: relative;
    }

    .vsch-line-grid-center__box {
        padding: 4px var(--gf);
    }

    /*.vsch-col::after {
        content: ' ';
        position: absolute;
        display: block;
        width: 24px;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 6;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    }*/
    .vsch-table {
        width: fit-content;
    }

    .vsch-line-grid-center__box div:first-child {
        white-space: nowrap;
    }

    .vsch-line-grid__left, .vsch-line-grid__right {
        padding: 4px;
    }
}

@media screen and (max-width: 380px) {
    .vsch-line-grid {
        grid-template-columns: 1fr auto 1fr;
    }

    .vsch-col {
        padding: 16px 0 0 0;
    }

    .vsch-table-header {
        font-size: 10px;
    }

    .vsch-table-header, .vsch-table-line {
        grid-template-columns: 10px 120px 40px 40px 40px;
        gap: var(--gf);
        padding: var(--gf);
    }

}


/* Tournament Brackets */


:root {

    --tb-game-width: 232px;
    --tb-line-height: 32px; /* old 20px*/
    --tb-line-thin-height: calc(var(--tb-line-height) / 2);
    --tb-line-thin-px: 1px;
    --tb-game-height: calc((var(--tb-line-height) * 2) + var(--tb-line-thin-px));
    --tb-con-width: 60px;
    --tb-con-height: var(--tb-game-height);
    --tb-border-color: #98cae5;
    --tb-border-hover-color: var(--vsch-violet);
    --tb-border: 2px solid var(--tb-border-color);
    --tb-border-thin: 1px solid var(--tb-border-color);
    --tb-border-radius: 16px;

    --tb-col-width: calc(var(--tb-game-width) + var(--tb-con-width));


    --tb-heading-color: var(--vsch-violet);
    --tb-game-separator-color: var(--vsch-violet);
    --tb-game-bg-color: var(--vsch-violet-bg);
    --tb-game-win-bg-color: #dfcae0;
    --tb-game-bg-color-gender-male: var(--vsch-blue-bg);
    --tb-game-win-bg-color-gender-male: #b0e5f7;
    --tb-score-bg-color: var(--vsch-violet);
    --tb-male-bg: #355589;
}

.tb {
    margin: var(--gap);
}

@media screen and (max-width: 767px) {
    .tb {
        max-width: 400px;
        overflow-x: scroll;
        padding-bottom: 60px;
    }
}

.tb__header {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    /*display: grid;*/
    gap: var(--tb-con-width);
    /*grid-template-columns: var(--tb-game-width) var(--tb-game-width) var(--tb-game-width) var(--tb-game-width)  var(--tb-game-width);*/
}

.tb-header__title {
    width: var(--tb-game-width);
    color: var(--tb-heading-color);
    font-size: var(--size-heading-s);
    padding: var(--gap);
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    flex-shrink: 0;
}


.tb__body {
    display: flex;
    margin-top: 32px;
}

.tb-col, .tb-col-con {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: var(--tb-game-height);
}

.tb-col-grid {
    display: grid;
    gap: var(--tb-game-height);
    grid-template-columns: var(--tb-game-width);
    grid-auto-rows: var(--tb-game-height) var(--tb-game-height) var(--tb-game-height) var(--tb-game-height) var(--tb-game-height) var(--tb-game-height) var(--tb-game-height) var(--tb-game-height);
}

.tb-col-con-grid {
    display: grid;
    gap: var(--tb-game-height);
    grid-template-columns: var(--tb-con-width);
    grid-auto-rows: var(--tb-game-height) var(--tb-game-height) var(--tb-game-height) var(--tb-game-height) var(--tb-game-height) var(--tb-game-height) var(--tb-game-height) var(--tb-game-height);
    background-image: repeating-linear-gradient(
            to right,
            #fff 0,
            #fff 50%,
            #ededed 50%,
            #ededed calc(50% + 1px)
    );
}


.tb-col:nth-child(3) {
    padding-top: var(--tb-game-height);
    gap: calc(var(--tb-game-height) * 3);
}

.tb-col-con:nth-child(4) {
    padding-top: var(--tb-game-height);
    gap: calc(var(--tb-game-height) * 3);
}

.tb-col-con:nth-child(4) .tb-con-right__empty {
    height: var(--tb-con-height);
}

.tb-col:nth-child(5) {
    padding-top: calc(var(--tb-game-height) * 3);
    gap: calc(var(--tb-game-height) * 7);
}

.tb-col-con:nth-child(6) {
    padding-top: calc(var(--tb-game-height) * 3);
    gap: calc(var(--tb-game-height) * 7);
}

.tb-col-con:nth-child(6) .tb-con-right__empty {
    height: calc(var(--tb-game-height) * 3);
}

.tb-col:nth-child(7) {
    padding-top: calc(var(--tb-game-height) * 7);
    gap: calc(var(--tb-game-height) * 15);
}

.tb-col-con:nth-child(8) {
    padding-top: calc(var(--tb-game-height) * 7);
    /*gap: calc(var(--tb-game-height) * 15);*/
}

.tb-col-con:nth-child(8) .tb-con-right__empty {
    height: calc(var(--tb-game-height) * 7);
}

.tb-col:nth-child(9) {
    padding-top: calc(var(--tb-game-height) * 15);
    /*gap: calc(var(--tb-game-height) * 15);*/
}

.tb-col-con {
    width: var(--tb-con-width);
    background-image: repeating-linear-gradient(
            to right,
            #fff 0,
            #fff 50%,
            #ededed 50%,
            #ededed calc(50% + 1px)
    );
}


.tb-game {
    width: var(--tb-game-width);
    height: var(--tb-game-height);
    position: relative;
    cursor: pointer;
}

.tb-game-gender-0 {


}

.tb-team {
    padding: 2px var(--gf);
    background: var(--tb-game-bg-color);
    height: var(--tb-line-height);
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-start;

}

/*
.tb-team--a {
    align-items: flex-start;
}

.tb-team--b {
    align-items: flex-end;
}
*/

.tb-team__club {
    position: absolute;
    z-index: 2;
    font-size: 0.6rem;
    line-height: 0.72;
    height: calc(var(--tb-line-height) - 12px);
    width: var(--tb-game-width);
    text-align: center;
    padding: 2px 8px;
    overflow: hidden;
    display: flex;
    justify-content: center;

}

.tb-team__club--a {
    top: calc((var(--tb-line-height) - 12px) * -1);
    background: var(--tb-game-bg-color);
    align-items: flex-end;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.tb-team__club--b {
    bottom: calc((var(--tb-line-height) - 12px) * -1);
    align-items: flex-start;
    background: var(--tb-game-bg-color);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


.tb-team__names {
    font-weight: bold;
    font-size: 0.6rem;
    line-height: 1;
    text-transform: uppercase;
}

.tb-info {
    position: absolute;
    height: 32px;
    top: -32px;
    left: 0;
    z-index: 1;
    width: var(--tb-game-width);
    padding: var(--gf);
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: var(--size-text-note);
    background: var(--vsch-violet);
    color: var(--color-white);
    font-weight: bold;
}

.tb-info__time {
    padding-right: 4px;
}

.tb-info__court {
    padding-left: 4px;
}

.tb-team__score {
    background: var(--tb-score-bg-color);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: var(--gf);
    border-radius: 8px;
    font-weight: bold;
    height: calc(var(--tb-line-height) - 16px);
}

.tb-score {
    height: var(--tb-line-thin-px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: var(--size-text-note);
    background: var(--tb-score-bg-color);
    color: var(--color-white);
}

.tb-score__total {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.2);
    padding: 0 var(--gf);
    font-size: 1.1rem;
    gap: 4px;
}

.tb-score-total__item {
}

.tb-score-total__separator {
}

.tb-score__history {
    display: flex;
    align-items: center;
    gap: var(--gf);
}

.tb-score-history__item {
    white-space: nowrap;
}

.tb-score__history__item {
}


.tb-con {
    width: var(--tb-con-width);
    display: flex;
    flex-direction: column;
}


.tb-con-left {
    width: calc(var(--tb-con-width) / 2);
    height: var(--tb-con-height);
}

.tb-con-right {
    align-self: end;
    width: calc((var(--tb-con-width) / 2) + 2px);
    /*width: calc(var(--tb-con-width) / 2);*/
    /*height: var(--tb-con-height);*/
    /*transform: translateX(-2px);*/
}

.tb-con-right__empty {
    border-left: var(--tb-border);
}


.tb-con-left__top {
    height: var(--tb-line-height);
}

.tb-con-left__mid {
    height: var(--tb-line-thin-px);
    border-right: var(--tb-border);
}

.tb-con-left__bot {
    height: var(--tb-line-height);

}

.tb-con-left-top-a {
    height: var(--tb-line-thin-height);
    border-bottom: var(--tb-border);
    border-right: var(--tb-border);
    border-bottom-right-radius: var(--tb-border-radius);
    /*background: rgba(46, 212, 122,0.2);*/

}

.tb-con-left-top-b {
    height: var(--tb-line-thin-height);
    /*background: rgba(46, 68, 212, 0.2);*/
    border-top: var(--tb-border);
    border-right: var(--tb-border);
    border-top-right-radius: var(--tb-border-radius);
}


.tb-con-left-bot-a {
    height: var(--tb-line-thin-height);
    border-bottom: var(--tb-border);
    border-right: var(--tb-border);
    border-bottom-right-radius: var(--tb-border-radius);
    /*background: rgba(87, 212, 46, 0.2);*/

}

.tb-con-left-bot-b {
    height: var(--tb-line-thin-height);
    /*background: rgba(46, 212, 193, 0.2);*/
    border-top: var(--tb-border);
    border-right: var(--tb-border);
    border-top-right-radius: var(--tb-border-radius);
}


.tb-con-right__top {
    height: var(--tb-line-height);
}

.tb-con-right__mid {
    height: var(--tb-line-thin-px);
    border-left: var(--tb-border);
}

.tb-con-right__bot {
    height: var(--tb-line-height);

}

.tb-con-right-top-a {
    height: var(--tb-line-thin-height);
    border-bottom: var(--tb-border);
    border-left: var(--tb-border);
    border-bottom-left-radius: var(--tb-border-radius);
    /*background: rgba(212, 198, 46, 0.2);*/

}

.tb-con-right-top-b {
    height: var(--tb-line-thin-height);
    /*background: rgba(212, 71, 46, 0.2);*/
    border-top: var(--tb-border);
    border-left: var(--tb-border);
    border-top-left-radius: var(--tb-border-radius);
}


.tb-con-right-bot-a {
    height: var(--tb-line-thin-height);
    border-bottom: var(--tb-border);
    border-left: var(--tb-border);
    border-bottom-left-radius: var(--tb-border-radius);
    /*background: rgba(223, 88, 232, 0.2);*/

}

.tb-con-right-bot-b {
    height: var(--tb-line-thin-height);
    /*background: rgba(220, 20, 43, 0.2);*/
    border-top: var(--tb-border);
    border-left: var(--tb-border);
    border-top-left-radius: var(--tb-border-radius);
}


.tb-con-left:first-child .tb-con-left-top-a {
    border: none;
}

.tb-con-left:last-child .tb-con-left-bot-b {
    border: none;
}

.tb-con-right .tb-con-right-top-b {
    border: none;
}

.tb-con-right .tb-con-right-bot-a {
    border: none;
}

.tb-con-right__mid {
    border: none;
}

/* Winners A- C- */
.tb-con--winner-ac .tb-con-left:first-child .tb-con-left-bot-a {
    border: none;
    border-radius: 0;
    border-right: var(--tb-border);
}

.tb-con--winner-ac .tb-con-left:first-child .tb-con-left-bot-b {
    border: none;
    border-radius: 0;
    border-right: var(--tb-border);
}

.tb-con--winner-ac .tb-con-left:last-child .tb-con-left-bot-a {
    border: none;
}

.tb-con--winner-ac .tb-con-left:last-child .tb-con-left-top-b {
    border: none;
}

.tb-con--winner-ac .tb-con-left:last-child .tb-con-left__mid {
    border: none;
}

/* Winners A- -D */
.tb-con--winner-ad .tb-con-left:first-child .tb-con-left-bot-a {
    border: none;
    border-radius: 0;
    border-right: var(--tb-border);
}

.tb-con--winner-ad .tb-con-left:first-child .tb-con-left-bot-b {
    border: none;
    border-radius: 0;
    border-right: var(--tb-border);
}

.tb-con--winner-ad .tb-con-left:first-child .tb-con-left-bot-b {
    border: none;
    border-radius: 0;
    border-right: var(--tb-border);
}

.tb-con--winner-ad .tb-con-left:last-child .tb-con-left-top-a {
    border: none;
    border-radius: 0;
    border-right: var(--tb-border);
}

.tb-con--winner-ad .tb-con-left:last-child .tb-con-left-top-b {
    border: none;
    border-radius: 0;
    border-right: var(--tb-border);
}

/* Winners -B C- */
.tb-con--winner-bc .tb-con-left:first-child .tb-con-left-top-a {
    border: none;
}

.tb-con--winner-bc .tb-con-left:first-child .tb-con-left-top-b {
    border: none;
}

.tb-con--winner-bc .tb-con-left:first-child .tb-con-left__mid {
    border: none;
}

.tb-con--winner-bc .tb-con-left:first-child .tb-con-left-bot-a {
    border: none;
}

.tb-con--winner-bc .tb-con-left:last-child .tb-con-left-bot-a {
    border: none;
}

.tb-con--winner-bc .tb-con-left:last-child .tb-con-left-top-b {
    border: none;
}

.tb-con--winner-bc .tb-con-left:last-child .tb-con-left__mid {
    border: none;
}

/* Winners -B -D */
.tb-con--winner-bd .tb-con-left:first-child .tb-con-left-top-a {
    border: none;
}

.tb-con--winner-bd .tb-con-left:first-child .tb-con-left-top-b {
    border: none;
}

.tb-con--winner-bd .tb-con-left:first-child .tb-con-left__mid {
    border: none;
}

.tb-con--winner-bd .tb-con-left:first-child .tb-con-left-bot-a {
    border: none;
}

.tb-con--winner-bd .tb-con-left:last-child .tb-con-left-top-a {
    border: none;
    border-radius: 0;
    border-right: var(--tb-border);
}

.tb-con--winner-bd .tb-con-left:last-child .tb-con-left-top-b {
    border: none;
    border-radius: 0;
    border-right: var(--tb-border);
}

/* Winners A - */

.tb-con--winner-a .tb-con-left .tb-con-left-top-a {
    border: none;
}

.tb-con--winner-a .tb-con-left .tb-con-left-top-b {
    border: none;
    border-top: var(--tb-border);
    border-radius: 0;
}

.tb-con--winner-a .tb-con-left .tb-con-left__mid {
    border: none;
}

.tb-con--winner-a .tb-con-left .tb-con-left-bot-a {
    border: none;
}

.tb-con--winner-a .tb-con-left .tb-con-left-bot-b {
    border: none;
}

.tb-con--winner-a .tb-con-right-top-a {
    border: 0;
}

.tb-con--winner-a .tb-con-right-bot-b {
    border: 0;
}

.tb-con--winner-a .tb-con-right-top-b {
    border-radius: 0;
    border: 0;
    border-top: var(--tb-border);
}

/* Winners - B */
.tb-con--winner-b .tb-con-left .tb-con-left-top-a {
    border: none;
}

.tb-con--winner-b .tb-con-left .tb-con-left-top-b {
    border: none;
}

.tb-con--winner-b .tb-con-left .tb-con-left__mid {
    border: none;
}

.tb-con--winner-b .tb-con-left .tb-con-left-bot-a {
    border: none;
}

.tb-con--winner-b .tb-con-left .tb-con-left-bot-b {
    border-radius: 0;
    border: 0;
    border-top: var(--tb-border);
}

.tb-con--winner-b .tb-con-right-top-a {
    border: 0;
}

.tb-con--winner-b .tb-con-right-top-b {
    border: 0;
}

.tb-con--winner-b .tb-con-right-bot-b {
    border-radius: 0;
    border: 0;
    border-top: var(--tb-border);
}

/* Winners Equal - */


.tb-con--winner-eq .tb-con-left .tb-con-left-top-a {
    border: none;
}

.tb-con--winner-eq .tb-con-left .tb-con-left-top-b {
    border: none;
    border-bottom: var(--tb-border);
    border-radius: 0;
}

.tb-con--winner-eq .tb-con-left .tb-con-left__mid {
    border: none;
}

.tb-con--winner-eq .tb-con-left .tb-con-left-bot-a {
    border: none;
}

.tb-con--winner-eq .tb-con-left .tb-con-left-bot-b {
    border: none;
}

.tb-con--winner-eq .tb-con-right-top-a {
    border: 0;
}

.tb-con--winner-eq .tb-con-right-bot-b {
    border: 0;
}

.tb-con--winner-eq .tb-con-right-top-b {
    border-radius: 0;
    border: 0;
    border-bottom: var(--tb-border);
}

/* Winners Equal 2 with step - */

.tb-con--winner-eq2 .tb-con-left:first-child .tb-con-left-top-a {
    border: none;
}

.tb-con--winner-eq2 .tb-con-left:first-child .tb-con-left-top-b {
    border: none;
}

.tb-con--winner-eq2 .tb-con-left .tb-con-left-top-a {
    border: none;
    border-radius: 0;
    border-right: var(--tb-border);
}

.tb-con--winner-eq2 .tb-con-left .tb-con-left-top-b {
    border: none;
    border-radius: 0;
    border-right: var(--tb-border);
    border-bottom: var(--tb-border);
    border-bottom-right-radius: var(--tb-border-radius);
}

.tb-con--winner-eq2 .tb-con-left:last-child .tb-con-left-bot-a {
    border: none;
}

.tb-con--winner-eq2 .tb-con-left:last-child .tb-con-left-bot-b {
    border: none;
}


.tb-con--winner-eq2 .tb-con-left .tb-con-left__mid {
    border: none;
}

.tb-con--winner-eq2 .tb-con-left .tb-con-left-bot-a {
    border: none;
    border-top: var(--tb-border);
    border-right: var(--tb-border);
    border-radius: 0;
    border-top-right-radius: var(--tb-border-radius);
}

.tb-con--winner-eq2 .tb-con-left .tb-con-left-bot-b {
    border-radius: 0;
    border: none;
    border-right: var(--tb-border);
}

.tb-con--winner-eq2 .tb-con-right-top-a {
    border-radius: 0;
    border: 0;
    border-bottom: var(--tb-border);
    border-left: var(--tb-border);
    border-bottom-left-radius: var(--tb-border-radius);
}


.tb-con--winner-eq2 .tb-con-right-top-b {
    border: none;
}

.tb-con--winner-eq2 .tb-con-right-bot-a {
    border: none;
}

.tb-con--winner-eq2 .tb-con-right-bot-b {
    border: 0;
    border-top: var(--tb-border);
    border-left: var(--tb-border);
    border-radius: 0;
    border-top-left-radius: var(--tb-border-radius);
}


.tb-con:hover {
    transition: var(--trans);
    --tb-border: 2px solid var(--tb-border-hover-color);
}

.tb__body-wrapper {
    display: flex;
}

.tb__body--pre {
}

.tb-col-con-grid .tb-con {
    flex-direction: row;
}

.tb-place--1 {
    grid-row-start: 1;
}

.tb-place--2 {
    grid-row-start: 2;
}

.tb-place--3 {
    grid-row-start: 3;
}

.tb-place--4 {
    grid-row-start: 4;
}

.tb-place--5 {
    grid-row-start: 5;
}

.tb-place--6 {
    grid-row-start: 6;
}

.tb-place--7 {
    grid-row-start: 7;
}

.tb-place--8 {
    grid-row-start: 8;
}

.tb-col:last-child .tb-game:nth-child(2) {
    margin-top: calc(var(--tb-game-height) * 3);
}

.tb-col:last-child .tb-game:nth-child(2):before {
    content: 'Третье место:';
    position: absolute;
    top: calc(var(--tb-game-height) * -1);
    font-weight: bold;
    color: var(--color-text);
}

.tb__body-wrapper .tb-col:last-child {
    gap: 0 !important;
}

.tb-date-pan {
    position: absolute;
    display: flex;
    align-items: center;
    gap: var(--gf);
    background: var(--vsch-violet);
    border-radius: var(--gf);
    color: var(--color-white);
    font-size: 0.6rem;
    padding: 0 var(--gap);
    top: calc((var(--tb-game-height) / 2) - 4px);
    line-height: 1;
}

.tb-date-pan--date {

}

.tb-date-pan--court {

}

.tb-game--win-a .tb-team--a {
    background: var(--tb-game-win-bg-color);
}

.tb-game--win-a .tb-team__club--a {
    background: var(--tb-game-win-bg-color);
}

.tb-game--win-b .tb-team--b {
    background: var(--tb-game-win-bg-color);
}

.tb-game--win-b .tb-team__club--b {
    background: var(--tb-game-win-bg-color);
}

.tb-game-gender-1 .tb-team {
    background: var(--tb-game-bg-color-gender-male);
}

.tb-game-gender-1 .tb-team__club {
    background: var(--tb-game-bg-color-gender-male);
}

/* ---*/
.tb-game-gender-1.tb-game--win-b .tb-team--b {
    background: var(--tb-game-win-bg-color-gender-male);
}

.tb-game-gender-1.tb-game--win-b .tb-team__club--b {
    background: var(--tb-game-win-bg-color-gender-male);
}

.tb-game-gender-1.tb-game--win-a .tb-team--a {
    background: var(--tb-game-win-bg-color-gender-male);
}

.tb-game-gender-1.tb-game--win-a .tb-team__club--a {
    background: var(--tb-game-win-bg-color-gender-male);
}

.tb-game-gender-1 .tb-score {
    background: var(--tb-male-bg);
}

.tb-game-gender-1 .tb-team__score {
    background: var(--tb-male-bg);
}

.tb-game-gender-1 .tb-date-pan {
    background: var(--tb-male-bg);
}

/* --- */


/*
.tb__body-wrapper .tb-col:last-child .tb-game:nth-child(2) {
    margin-top: calc((var(--tb-game-height) * 4) * -1);
}*/

/*

.tb-col:nth-child(7) .tb-game:last-child {
    margin-top: calc(var(--tb-game-height) * 2);
}

.tb-col:nth-child(7) .tb-game:last-child:before {
    content: 'Третье место:';
    position: absolute;
    top: calc(var(--tb-game-height) * -1);
    font-weight: bold;
    color: var(--color-text);
}
*/

/* /Tournament Brackets */