/* table */
.event-table[data-v-56a83cca]{
        width: 49.625rem;
        border-radius: 0.5rem;
        overflow: hidden;
        margin: 0 auto 5rem;
}
.event-table__header[data-v-56a83cca]{
        background-color: var(--color-theme);
        padding: 0.625rem 5rem;
        display: flex;
}
.event-table__header-title[data-v-56a83cca]{
        flex: 1;
        font-size: 0.875rem;
}
.event-table__header-title-name[data-v-56a83cca]{
        padding-left: 7.5rem;
}
.event-table__body[data-v-56a83cca]{
        font-size: 0.6875rem;
        min-height: 20.5rem;
        background-color: rgb(32 32 32 / 60%);
}
.event-table__body-list[data-v-56a83cca]{
        display: flex;
        padding: 0.65625rem 5rem;
        position: relative;
        justify-content: center;
        align-items: center;
}
.event-table__body-list .flex-1[data-v-56a83cca]{
          width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
}
.event-table__body-list__divider[data-v-56a83cca]{
        position: absolute;
        bottom: 0;
        width: 80%;
        height: .08rem;
        background-color: var(--color-grey-60);
}
.event-table__body-list__result[data-v-56a83cca]{
        margin-right: 2rem;
        display: flex;
        align-items: center;
}
.event-table__body-list__result-name[data-v-56a83cca]{
        width: 7rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 1rem;
        text-align: right;
}
.event-table__body-list__result-name-2[data-v-56a83cca]{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        width: 7rem;
}
.event-table__body-list__result-score-2[data-v-56a83cca]{
        width: 1.5rem;
        display: block;
        margin-right: 0.5rem;
}
.event-table__footer[data-v-56a83cca]{
        background-color: var(--color-theme);
        padding: 0.625rem;
        display: flex;
        min-height: 1rem;
        align-items: flex-end;
        justify-content: flex-end;
}
.event-table__body-list__child-1[data-v-56a83cca]{
        flex: 1;
        text-align: center;
        overflow: hidden;
}
.event-table__body-list__child-2[data-v-56a83cca]{
        flex: 1;
        text-align: center;
        align-items: center;
}
.event-table__no-data[data-v-56a83cca]{
        min-height: inherit;
        display: flex;
        justify-content: center;
        align-items: center;
}
@media(max-width: 768px) { /* for test */
.event-table[data-v-56a83cca]{
            width: 100%;
}
    /* .event-table__header-title{
        width: 30%;
        flex: none;
    } */
.event-table__header[data-v-56a83cca]{
        padding: 0.625rem 2rem;
}
.event-table__header-title.title-2[data-v-56a83cca]{
        width: auto;
        flex: 1;
}
.event-table__body-list[data-v-56a83cca]{
        padding: 0.65625rem 2rem;
}
.event-table__body-list .flex-1[data-v-56a83cca]{
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
}
.event-table__body-list__child-1[data-v-56a83cca]{
        width: 30%;
        flex: none;
        text-align: center;
        overflow: hidden;
}
.event-table__body-list__child-2[data-v-56a83cca]{
        width: 70%;
        flex: none;
        text-align: center;
        align-items: center;
}
.event-table__body-list__result-name-2[data-v-56a83cca]{
        width: 5rem;
}
.event-table__body-list__result-name[data-v-56a83cca]{
        width: 5rem;
}
.event-table__body-list__result[data-v-56a83cca] {
        margin-right: 1rem;
}
.event-table__header-title-name[data-v-56a83cca]{
        padding-left: 5.5rem;
}
}


.event-team__btn-submit{
        width: 21.25rem;
        margin-bottom: 1.25rem;
        display: block;
}
.event-team__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: var(--color-theme);
        width: 49.625rem;
        padding: 1.5rem 1rem;
        border-radius: 1.5rem;
        margin: 0 auto;
        margin-bottom: 1.9375rem;
        box-sizing: border-box;
}
.event-team__wrapper.bg-transparent{
        background-color: transparent;
}
@media(max-width: 768px) { /* for test */
.event-team__wrapper {
            width: 100%;
}
.event-team__wrapper.bg-transparent{
            margin-bottom: 0;
            padding: 0 1rem;
}
}


.knockout-card[data-v-15be83df] {
    position: absolute;
    width: 160px;
    height: 32px;
}
.drop-down-list[data-v-15be83df] {
    position: relative;
    font-family: 'OpenSans';
    font-style: normal;
    font-family: var(--weight-400);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: .25rem;
}
.drop-down-list__field__wrapper[data-v-15be83df]{
    position: absolute;
    right: 9px;
    top: 9.5px;
    height: 13px;
    box-sizing: border-box;
    fill: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
}
.drop-down-list__field__seperator[data-v-15be83df]{
    width: 1px;
    /* height: .7rem; */
    background-color: #4B616C;
}
.drop-down-list__field__score[data-v-15be83df]{
}
.drop-down-list__penalty-wrapper[data-v-15be83df]{
    display: flex;
}
.drop-down-list__penalty-divider[data-v-15be83df]{
    width: 1px;
    height: 18px;
    background-color: #4B616C;
    margin: 0 4px 0 5px;
}
.drop-down-list__score[data-v-15be83df]{
    line-height: 17px;
    width: 13px;
    text-align: center;
}
.pen-win[data-v-15be83df]{
    background: #5CD66C;
    padding: 1px 3px;
    box-sizing: border-box;
    border-radius: 0.25rem;
    color: black;
    font-family: var(--weight-700);
}
.drop-down-list__field[data-v-15be83df] {
    position: relative;
    height: 32px;
    width: 100%;
    background: #35454D;
    border-radius: 4px;
    box-sizing: border-box;
    color: #CFD9DE;
    cursor: pointer;
    transition: box-shadow linear 0.1s;
    display: flex;
    align-items: center;
    padding: 0 0.5625rem;
}
.drop-down-list__field.is-correct[data-v-15be83df]{
    background-color: #2E8FEF;
}
.drop-down-list__field.has-error[data-v-15be83df]{
     border: 1px solid red;
}
.drop-down-list__field--active[data-v-15be83df],
.drop-down-list__field[data-v-15be83df]:not(.drop-down-list__field--disabled):hover {
    /* border: 2px solid #2e8fef; */
    box-shadow: inset 0px 0px 0px 2px #2e8fef;
}
.drop-down-list__field.no-hover[data-v-15be83df]{
    cursor: unset;
}
.drop-down-list__field.no-hover[data-v-15be83df]:hover{
    box-shadow: none;
}
.drop-down-list__field--disabled[data-v-15be83df] {
    color: #4b616c;
    cursor: not-allowed;
}
.drop-down-list__field--disabled>.drop-down-list__field__arrow[data-v-15be83df] {
    fill: #4b616c;
}
.drop-down-list__field__icon[data-v-15be83df] {
    margin-right: 0.5rem;
    width: 0.8125rem;
    -o-object-fit: contain;
    object-fit: contain;
}
.drop-down-list__field__label[data-v-15be83df] {
    font-size: 11px;
}
.drop-down-list__field__label--no-icon[data-v-15be83df] {
    left: 8px;
}
.drop-down-list__field__arrow[data-v-15be83df] {
    position: absolute;
    right: 12px;
    top: 9.5px;
    height: 13px;
    box-sizing: border-box;
    fill: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
}
.drop-down-list__menu[data-v-15be83df] {
    position: absolute;
    color: black;
    padding: 8px 0px;
    width: 100%;
    height: auto;
    background: #ffffff;
    box-shadow: 0px 64px 64px rgba(0, 0, 0, 0.08), 0px 32px 32px rgba(0, 0, 0, 0.08), 0px 16px 16px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 4px rgba(0, 0, 0, 0.08), 0px 8px 8px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 0;
    z-index: 9999;
    transition: opacity linear 0.1s;
    transition: all .3s;
    display: block;
}
.drop-down-list__menu--hidden[data-v-15be83df] {
    opacity: 0;
    pointer-events: none;
    height: 0;
    display: none;
}
.drop-down-list__menu__item[data-v-15be83df] {
    position: relative;
    padding: 12px 0px 12px 8px;
    width: 100%;
    height: 32px;
    background: #ffffff;
    color: #212B30;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.drop-down-list__menu__item--hoverable[data-v-15be83df]:hover {
    background: #5c7784;
    color: #ffffff
}
.drop-down-list__menu__item--selected[data-v-15be83df] {}
.drop-down-list__menu__item__icon[data-v-15be83df] {
    margin-right: .5rem;
    width: 0.8125rem;
    -o-object-fit: contain;
       object-fit: contain;
}
.drop-down-list__menu__item__label[data-v-15be83df] {

    font-size: 11px;
    line-height: 13px;
}
.drop-down-list__menu__item__label--no-icon[data-v-15be83df] {
    left: 8px;
}


.knockout-line__wrapper{
        position: absolute;
        width: 103px;
        height: 53px;
        top: 10px;
        left: -103px;
}
.knockout-line__horizontal{
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #4B616C;
}
.knockout-line__vertical{
        position: absolute;
        width: 2px;
        height: 100%;
        background-color: #4B616C;
}
.knockout-line__horizontal.top{
        top: 6px;
}
.knockout-line__horizontal.bottom{
        bottom: 6px;
}
.medium.knockout-line__wrapper{
        width: 72px;
        height: 148px;
        top: 68px;
        left: 67px;
}
.medium .top{
        top:54px;
}
.medium .bottom{
        bottom:49px;
}


.prediction-container[data-v-44a0b148] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: auto;
    /* background: url(../../../../static/images/worldcup2022/background.jpg);

    background-size: cover; */
}
.prediction-entry[data-v-44a0b148] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    flex: none;
    order: 1;
    flex-grow: 0;
}
.prediction-entry__header[data-v-44a0b148] {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 8px;

    width: 100%;
    height: 88px;

    flex: none;
    order: 0;
    flex-grow: 0;

    filter: drop-shadow(0px 2px 4px #000000);

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;

    pointer-events: none;
}
.prediction-entry__header__title-text[data-v-44a0b148] {
    /* Header */
    width: 179px;
    height: 26px;


    font-family: 'OpenSans';
    font-style: normal;
    font-family: var(--weight-700);
    font-size: 22px;
    line-height: 26px;
    /* identical to box height, or 118% */


    /* White */

    color: #FFFFFF;


    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
}
.prediction-entry__header__description-text[data-v-44a0b148] {
    /* Choose your final teams for UEFA Champion League */


    width: auto;
    height: 16px;

    /* Body 2 */

    font-family: 'OpenSans';
    font-style: normal;
    font-family: var(--weight-400);
    font-size: 11px;
    line-height: 16px;
    /* identical to box height, or 145% */

    text-align: center;

    /* White */

    color: #FFFFFF;


    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
}
.prediction-entry__body[data-v-44a0b148] {
    /* event */
    position: relative;

    width: 1200px;
    height: 652px;

    background: rgba(0, 0, 0, 0.7);
    border-radius: 32px;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
}
.prediction-entry__body__stripes-graphics[data-v-44a0b148] {
    position: absolute;
    width: 394.5px;
    height: 705.5px;
    left: 375px;
    top: 0;
    background: url(../img/stripes_graphics.68749543.png);
    background-repeat: no-repeat;
}
.prediction-entry__body__world-cup-logo[data-v-44a0b148] {
    position: absolute;
    width: 125.36px;
    height: 150px;
    left: 537px;
    top: 436px;

    background: url(../img/fifa_world_cup_2022.a01258b2.png);
    background-repeat: no-repeat;
}
.prediction-entry__body__champion-wrapper[data-v-44a0b148]{
    position: absolute;
    top: 26.5rem;
    left: 25.5rem;
}
.prediction-entry__body__select-your-teams-text[data-v-44a0b148] {
    position: absolute;
    width: 370px;
    height: 120px;
    left: 421px;
    top: 24px;
    font-size: 57px;
    text-align: center;
    line-height: 1;
    /* background: url(../../../../static/images/worldcup2022/new/select_your_teams.png);
    background-repeat: no-repeat; */
}
.prediction-entry__body__worldcup-teams-text[data-v-44a0b148]{
    top: 111px;
    font-size: 36px;
}
.prediction-entry__body__select-your-teams-text p[data-v-44a0b148]{
    color: transparent;
    font-style: italic;
    font-family: var(--weight-700);
    -webkit-text-stroke: 2px white;
    text-shadow: 2px 2px 6px #ffffff40;
}
.prediction-entry__body__event-ends-on-date-text[data-v-44a0b148] {
    position: absolute;
    width: 375px;
    height: 20px;
    left: 431px;
    top: 152px;
    font-family: 'OpenSans';
    font-style: italic;
    font-family: var(--weight-400);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    text-align: center;
    padding: 0 1rem;
    box-sizing: border-box;
	letter-spacing: 0.64px;
}
.prediction-entry__body__points-unit-text[data-v-44a0b148] {
    /* pts */


    position: absolute;
    width: 21px;
    height: 21px;
    left: 617px;
    top: 223px;

    /* Body 1 */

    font-family: 'OpenSans';
    font-style: normal;
    font-family: var(--weight-400);
    font-size: 14px;
    line-height: 21px;
	letter-spacing: 0.64px;
    /* identical to box height, or 150% */

    text-align: center;

    /* White */
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
}
.prediction-entry__body__points-value-text[data-v-44a0b148] {
    position: absolute;
    width: 59px;
    height: 60px;
    left: 557px;
    top: 188px;
    font-family: 'OpenSans';
    font-style: normal;
    font-family: var(--weight-700);
    font-size: 53px;
    line-height: 60px;
    text-align: center;
    color: #FFFFFF;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: right;
    pointer-events: none;
}
.prediction-entry__body__grand-final-highlight-frame[data-v-44a0b148] {
    position: absolute;
    width: 184px;
    height: 110px;
    left: 508px;
    top: 271px;
    background: url(data:image/png;base64,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);
    background-repeat: no-repeat;
}
.prediction-entry__body__grand-final-text[data-v-44a0b148] {
    position: absolute;
    width: 268px;
    height: 26px;
    left: 475px;
    top: 370px;

    font-family: 'OpenSans';
    font-style: italic;
    font-family: var(--weight-700);
    font-size: 28px;
    line-height: 26px;
    /* identical to box height, or 93% */

    text-align: center;

    /* White */

    color: #FFFFFF;

    text-shadow: 0px 4px 16px rgba(196, 202, 252, 0.5), 0px 0px 4px rgba(255, 255, 255, 0.2);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
}
.prediction-entry__body__lines[data-v-44a0b148] {
    position: relative;
}
.prediction-entry__body__lines__group-57[data-v-44a0b148] {
    position: absolute;
    width: 32px;
    height: 100px;
    left: 192px;
    top: 108px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABkCAYAAADnszKOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABfSURBVHgB7dgxAQAgDAPBgD1UsON/pTKy3Cu4oUuTc99PsZ1yAAAAAAAAAAAAAAAAAAB1wGq/57EPpBwAAAAAAAAAAAAAAAAAAACAjcgNAAAAAAAAAAAAAAAAAADUAQMTQgs0n0axpQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}
.prediction-entry__body__lines__group-58[data-v-44a0b148] {
    position: absolute;
    width: 32px;
    height: 100px;
    left: 192px;
    top: 444px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABkCAYAAADnszKOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABfSURBVHgB7dgxAQAgDAPBgD1UsON/pTKy3Cu4oUuTc99PsZ1yAAAAAAAAAAAAAAAAAAB1wGq/57EPpBwAAAAAAAAAAAAAAAAAAACAjcgNAAAAAAAAAAAAAAAAAADUAQMTQgs0n0axpQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}
.prediction-entry__body__lines__group-59[data-v-44a0b148] {
    position: absolute;
    width: 32px;
    height: 100px;
    right: 192px;
    top: 108px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABkCAYAAADnszKOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABeSURBVHgB7dgxEQAgDATBB3uooMd/CxMVKdhTsEWafNLY2ufONAcAAAAAAAAAAAAAAAAAADDqR8+vGSgAAAAAAAAAAAAAAAAAAAAAKhuRGwAAAAAAAAAAAAAAAAAAeNYICzQfnGlnAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
}
.prediction-entry__body__lines__group-60[data-v-44a0b148] {
    position: absolute;
    width: 32px;
    height: 100px;
    right: 192px;
    top: 444px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABkCAYAAADnszKOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABeSURBVHgB7dgxEQAgDATBB3uooMd/CxMVKdhTsEWafNLY2ufONAcAAAAAAAAAAAAAAAAAADDqR8+vGSgAAAAAAAAAAAAAAAAAAAAAKhuRGwAAAAAAAAAAAAAAAAAAeNYICzQfnGlnAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
}
.prediction-entry__body__lines__group-61[data-v-44a0b148] {
    /* Group 4 */


    position: absolute;
    width: 32px;
    height: 268px;
    left: 304px;
    top: 192px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAEMCAYAAAClY7QNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC1SURBVHgB7duxEQAgDAMxw3pMQc/+LRnDjX4CFaly55z7fortlAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqANWe/IZm9OUAwAAAAAAAAAAAAAAAAAAAPAjcgMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHXAAK43DIQlH6PmAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
}
.prediction-entry__body__lines__group-62[data-v-44a0b148] {
    position: absolute;
    width: 32px;
    height: 268px;
    right: 304px;
    top: 192px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAEMCAYAAAClY7QNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC0SURBVHgB7duxDQAgDANBw3pMQc/+LShTpOB+gitSRXLS2NrnzjQHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwaveZXzN6BQAAAAAAAAAAAAAAAAAAAKj8iNwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMADcQwMhD54PysAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
}
.prediction-entry__body__inputs[data-v-44a0b148] {
    position: relative;
}
.drop-down-list__field[data-v-44a0b148] {
    position: relative;
    height: 32px;
    width: 100%;
    background: #35454D;
    border-radius: 4px;
    box-sizing: border-box;
    color: #CFD9DE;
    cursor: pointer;
    transition: box-shadow linear 0.1s;
    display: flex;
    align-items: center;
    padding: 0 0.5625rem;
}
.drop-down-list__field.no-hover[data-v-44a0b148]{
    cursor: unset;
}
.drop-down-list__field__label[data-v-44a0b148] {
    font-size: 11px;
}
.drop-down-list__field__icon[data-v-44a0b148] {
    margin-right: 0.5rem;
    width: 0.8125rem;
    -o-object-fit: contain;
    object-fit: contain;
}
.knockout-card[data-v-44a0b148] {
    position: absolute;
    width: 160px;
    height: 32px;
}
.prediction-entry__body__champion-wrapper .knockout-card[data-v-44a0b148]{
    top: 3.5rem;
    left: 7rem;
}
.knockout-switch__wrapper[data-v-44a0b148]{
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
}
.knockout-switch__bracket-hover[data-v-44a0b148]{
    position: absolute;
    top: 2.3rem;
    right: -1.3rem;
    width: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.knockout-switch__bracket-triangle[data-v-44a0b148]{
    width: 10px;;
    height: 16px;
}
.knockout-switch__bracket-rect[data-v-44a0b148]{
    background-color: white;
    padding: 0.25rem 0.2rem;
    color: #000000;
    font-size: 0.5875rem;
    border-radius: 0.25rem;
}
.knockout-card__49-home[data-v-44a0b148] {
    top: 40px;
    left: 112px;
}
.knockout-card__49-away[data-v-44a0b148] {
    top: 76px;
    left: 112px;
}
.knockout-card__50-home[data-v-44a0b148] {
    top: 208px;
    left: 112px;
}
.knockout-card__50-away[data-v-44a0b148] {
    top: 244px;
    left: 112px;
}
.knockout-card__51-home[data-v-44a0b148] {
    top: 40px;
    right: 112px;
}
.knockout-card__51-away[data-v-44a0b148] {
    top: 76px;
    right: 112px;
}
.knockout-card__52-home[data-v-44a0b148] {
    top: 208px;
    right: 112px;
}
.knockout-card__52-away[data-v-44a0b148] {
    top: 244px;
    right: 112px;
}
.knockout-card__53-home[data-v-44a0b148] {
    top: 376px;
    left: 112px;
}
.knockout-card__53-away[data-v-44a0b148] {
    top: 412px;
    left: 112px;
}
.knockout-card__54-home[data-v-44a0b148] {
    top: 544px;
    left: 112px;
}
.knockout-card__54-away[data-v-44a0b148] {
    top: 580px;
    left: 112px;
}
.knockout-card__55-home[data-v-44a0b148] {
    top: 376px;
    right: 112px;
}
.knockout-card__55-away[data-v-44a0b148] {
    top: 412px;
    right: 112px;
}
.knockout-card__56-home[data-v-44a0b148] {
    top: 544px;
    right: 112px;
}
.knockout-card__56-away[data-v-44a0b148] {
    top: 580px;
    right: 112px;
}
.knockout-card__57-home[data-v-44a0b148] {
    top: 124px;
    left: 224px;
}
.knockout-card__57-away[data-v-44a0b148] {
    top: 160px;
    left: 224px;
}
.knockout-card__58-home[data-v-44a0b148] {
    top: 460px;
    left: 224px;
}
.knockout-card__58-away[data-v-44a0b148] {
    top: 496px;
    left: 224px;
}
.knockout-card__59-home[data-v-44a0b148] {
    top: 124px;
    right: 224px;
}
.knockout-card__59-away[data-v-44a0b148] {
    top: 160px;
    right: 224px;
}
.knockout-card__60-home[data-v-44a0b148] {
    top: 460px;
    right: 224px;
}
.knockout-card__60-away[data-v-44a0b148] {
    top: 496px;
    right: 224px;
}
.knockout-card__61-home[data-v-44a0b148] {
    top: 292px;
    left: 336px;
}
.knockout-card__61-away[data-v-44a0b148] {
    top: 328px;
    left: 336px;
}
.knockout-card__62-home[data-v-44a0b148] {
    top: 292px;
    right: 336px;
}
.knockout-card__62-away[data-v-44a0b148] {
    top: 328px;
    right: 336px;
}
.knockout-card__63-grand-final[data-v-44a0b148] {
    top: 328px;
    left: 520px;
}
.knockout-card__64-home[data-v-44a0b148] {
    top: 292px;
    left: 520px;
}
.knockout-card__64-away[data-v-44a0b148] {
    top: 328px;
    left: 520px;
}
.knockout-card__wrapper[data-v-44a0b148]{
    position: absolute;
    width: 140px;
}
.mobile--knockout__divider[data-v-44a0b148]{
    width: 100%;
    height: 2px;
    background-color: #4B616C;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}
.mobile--knockout__champion[data-v-44a0b148]{
    margin-bottom: 1.5rem;
}
.mobile--knockout__champion-img[data-v-44a0b148]{
    height: 2.125rem;
}
.mobile--knockout__champion-wrapper[data-v-44a0b148]{
    display: flex;
    align-items: center;
    width: 140px;
    justify-content: center;
    margin-bottom: 0.25rem;
}
.mobile--knockout-container[data-v-44a0b148]{
    background-image: linear-gradient(to bottom, #000000b3, #212b30ad);
    border-radius: 0.5rem;
    padding: 1rem;
    padding-bottom: 3rem;
    box-sizing: border-box;
}
.mobile--knockout__stripe-bg[data-v-44a0b148]{
    width: 100%;
    height: 609px;
    background: url(../img/mobile_stripes_graphics.45f2c538.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.mobile--knockout__title[data-v-44a0b148]{
    color: transparent;
    font-style: italic;
    font-weight: 900;
    -webkit-text-stroke: 0.8px white;
    text-shadow: 2px 2px 6px #ffffff40;
    text-align: center;
    font-size: 28.8px;
    margin-bottom: .25rem;
    position: relative;
}
.mobile--knockout__desc[data-v-44a0b148]{
    font-size: 0.6875rem;
    font-style: italic;
    text-align: center;
    position: relative;
}
.mobile--knockout__point[data-v-44a0b148]{
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    margin-top: 2.8rem;
}
.mobile--knockout__point-value[data-v-44a0b148]{
    font-size: 3.125rem;
    font-family: var(--weight-700);
}
.mobile--knockout__point-text[data-v-44a0b148]{
    font-size: 0.875rem;
    margin-top: 2rem;
}
.mobile--knockout-swiper[data-v-44a0b148]{
    padding-top: 7rem;
    top: -6.5rem;
}
.mobile--knockout-swiper-slide-1[data-v-44a0b148]{
    height: 900px;
}
.mobile--knockout-swiper-slide-2[data-v-44a0b148]{
    height: 460px;
}
.mobile--knockout-swiper-slide-3[data-v-44a0b148]{
    height: 255px;
}
.mobile--knockout-btn[data-v-44a0b148]{
    position: absolute;
    top: 7rem;
}
.mobile--knockout-btn.next[data-v-44a0b148]{
    right: 0;
}
.mobile--knockout-btn.prev[data-v-44a0b148]{
    left: 0;
}
.mobile--knockout__match-header[data-v-44a0b148]{
    display: flex;
    margin-bottom: 1rem;
    justify-content: space-between;
}
.mobile--knockout__match-header__title-1[data-v-44a0b148]{
    padding-left: 2rem;
    width: 34%;
    flex: none;
}
.mobile--knockout__match-header__title-2[data-v-44a0b148]{
    padding-right: 1.4rem;
    text-align: center;
    width: 34%;
    flex: none;
}
.mobile--knockout-card__wrapper-left[data-v-44a0b148]{
    position: relative;
    flex: 1;
}
.mobile--knockout-card__wrapper-right[data-v-44a0b148]{
    position: relative;
    flex: 1;
}
.mobile--knockout-card__49[data-v-44a0b148]{
    top: 0px;
}
.mobile--knockout-card__50[data-v-44a0b148]{
    top: 120px;
}
.mobile--knockout-card__51[data-v-44a0b148]{
    top: 430.74px;
}
.mobile--knockout-card__52[data-v-44a0b148]{
     top: 550.33px;
}
.mobile--knockout-card__53[data-v-44a0b148]{
    top: 215.59px;
}
.mobile--knockout-card__54[data-v-44a0b148]{
    top: 335.18px;
}
.mobile--knockout-card__55[data-v-44a0b148]{
    top: 645.92px;
}
.mobile--knockout-card__56[data-v-44a0b148]{
    top: 765.51px;
}
.mobile--knockout-card__57[data-v-44a0b148]{
    top: 50px;
}
.mobile--knockout-card__58[data-v-44a0b148]{
    top: 200px;
}
.mobile--knockout-card__59[data-v-44a0b148]{
    top: 350px;
}
.mobile--knockout-card__60[data-v-44a0b148]{
    top: 450px;
}
.mobile--knockout-card__61[data-v-44a0b148]{
    top: 50px;
}
.mobile--knockout-card__62[data-v-44a0b148]{
    top: 150px;
}
.mobile--knockout-card__64[data-v-44a0b148]{
   top: 250px
}

/* knockout live */
.mobile--knockout-swiper__live[data-v-44a0b148]{
    top: 0;
    padding-top: 2rem;
}
.mobile--knockout-container__live[data-v-44a0b148]{
    padding-bottom: 0;
}
.mobile__third-place__card[data-v-44a0b148]{
    position: relative;
    width: 140px;
}


.prediction-bg[data-v-49ea5822] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.prediciton-banner__wrapper[data-v-49ea5822] {
  margin-bottom: 2rem;
}
.prediction-header__right-icon[data-v-49ea5822] {
  width: 1.25rem;
}
@media(max-width: 768px) { /* for test */
.prediciton-banner__wrapper[data-v-49ea5822] {
    margin-bottom: 1rem;
}
.prediction-modal__team-icon__wrapper[data-v-49ea5822] {
    grid-template-columns: repeat(3, 1fr);
}
.prediction-team__wrapper[data-v-49ea5822] {
    width: 100%;
    margin-bottom: 1.5rem;
}
.prediction-table[data-v-49ea5822] {
    width: 100%;
}
.prediction-team__choose[data-v-49ea5822] {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0.3rem;
}
.prediction-team__score[data-v-49ea5822] {
    width: 2.3rem;
    height: 2.3rem;
    margin-top: 1rem;
}
.prediction-team__score input[data-v-49ea5822] {
    font-size: 19.2px;
}
.prediction-modal__team-icon__container.selected[data-v-49ea5822] {
    border-color: var(--color-hover);
    background-color: var(--color-grey-60);
}
.prediction-modal__team-icon__container[data-v-49ea5822]:hover {
    border-color: var(--color-hover);
    background-color: var(--color-grey-60);
}
.prediction-modal__team-icon.selected[data-v-49ea5822] {
    border-color: transparent;
    background-color: transparent;
}
.prediction-modal__team-icon__container:hover .prediction-modal__team-icon[data-v-49ea5822] {
    border-color: transparent;
    background-color: transparent;
}
.prediction-bottom[data-v-49ea5822] {
    position: relative;
    top: -10.7rem;
}
}