.prediction-bg[data-v-5c83bf37]{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.prediction-banner__contest[data-v-5c83bf37]{
    margin-bottom: 1rem;
    height: 11.25rem;
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.prediction-banner__prize[data-v-5c83bf37]{
 
    display: grid;
    grid-template-columns: repeat(1,1fr);
	-moz-column-gap: 1rem;
	     column-gap: 1rem;
    height: 7.5rem;
}
.prediction-banner__contest.show .prediction-banner__contest-overlay[data-v-5c83bf37]{
    transform: translate(0,0);
}
.prediction-banner__contest img[data-v-5c83bf37]{
    transition: all .3s;
}
.prediction-banner__contest.show img[data-v-5c83bf37]{
     transform: scale(1.2);
}
.prediction-banner__contest-overlay[data-v-5c83bf37]{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.5rem 0 0 1.5rem;
    font-size: 1.125rem;
    font-family: var(--weight-700);
    transform: translate(0,100%);
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:3.125rem;
    text-align: center;
}
.prediction-banner__prize-card[data-v-5c83bf37]{
    height: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.prediction-banner__prize-card__overlay[data-v-5c83bf37]{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.5rem 0 0 1.5rem;
    font-size: 1.125rem;
    font-family: var(--weight-700);
    transform: translate(0,100%);
    transition: all .3s;
    background-color: rgb(0 0 0 / 72%);
}
.prediction-banner__prize-card img[data-v-5c83bf37]{
     transition: all .3s;
}
.prediction-banner__prize-card:hover img[data-v-5c83bf37]{
    transform: scale(1.2);
}
.prediction-banner__prize-card:hover .prediction-banner__prize-card__overlay[data-v-5c83bf37]{
    transform: translate(0,0);
}
.prediction-countdown__wrapper[data-v-5c83bf37]{
    margin-bottom: 2.25rem;
}
.prediction-countdown__title[data-v-5c83bf37]{
    font-size: 1.125rem;
}
.prediction-countdown[data-v-5c83bf37]{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
}
.prediction-countdown__time[data-v-5c83bf37]{
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: var(--color-theme);
    padding: 0.5rem;
    border-radius: 0.5rem;
}
.prediction-countdown__time-seperator[data-v-5c83bf37]{
    margin: 0 0.5rem;
}
.prediction-countdown__time-time[data-v-5c83bf37]{
    font-size: 1.375rem;
    font-family: var(--weight-700);
}
.prediction-countdown__time-day[data-v-5c83bf37]{
    font-size: 0.6875rem
}
.prediction-entry__title[data-v-5c83bf37]{
    font-size: 1.375rem;
    font-family: var(--weight-700);
    margin: 0 0 0.5rem 0;
}
.prediction-entry__desc[data-v-5c83bf37]{
    font-size: 0.6875rem;
    color: var(--color-theme-2);
    margin-bottom: 1.1875rem;
}
.prediction-team__wrapper[data-v-5c83bf37] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--color-theme);
    width: 49.625rem;
    padding: 1rem;
    border-radius: 1rem;
    margin: 0 auto;
    margin-bottom: 1.9375rem;
    box-sizing: border-box;
}
.prediction-team[data-v-5c83bf37]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.prediction-team__name[data-v-5c83bf37]{
    margin-bottom: .5rem;
    font-size: 0.875rem;
    font-family: var(--weight-700);
}
.prediction-team__choose[data-v-5c83bf37]{
    background-color: black;
    border-radius: 0.5rem;
    width: 6.25rem;
    height: 6.25rem;
     display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .5rem;
    padding: 1rem;
    box-sizing: border-box;
}
.prediction-team__choose[data-v-5c83bf37]:hover{
    background-color: var(--color-blue-20);
}
.prediction-team__desc[data-v-5c83bf37]{
    font-size: 0.6875rem;
}
.prediction-team__container[data-v-5c83bf37]{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.25rem;
}
.prediction-team__score-wrapper[data-v-5c83bf37]{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1.9rem;
}
.prediction-team__score[data-v-5c83bf37]{
    border-radius: 0.5rem;
    background-color: black;
    width: 4.125rem;
    height: 4.125rem;
    margin: 0 1.875rem;
    overflow: hidden;
}
.prediction-team__vs[data-v-5c83bf37]{
    font-size: 1.375rem;
    font-family: var(--weight-700);
}
.prediction-team__score input[data-v-5c83bf37]{
    width: inherit;
    height: inherit;
    background-color: transparent;
    color: white;
    text-align: center;
    border: none;
    font-family: var(--weight-700);
    font-size: 24px;
}
.prediction-team__score input[data-v-5c83bf37]::-moz-placeholder{
    color: white;
    font-family: var(--weight-700);
}
.prediction-team__score input[data-v-5c83bf37]::placeholder{
    color: white;
    font-family: var(--weight-700);
}
.prediction-team__btn-submit[data-v-5c83bf37]{
    width: 21.25rem;
    margin-bottom: 1.25rem;
    cursor: pointer;
}
.prediction-team__term_condition[data-v-5c83bf37]{
    color: var(--color-blue-20);
    /* text-decoration: underline; */
    cursor: pointer;
}

/* table */
.prediction-table[data-v-5c83bf37]{
    width: 49.625rem;
    border-radius: 0.5rem;
    overflow: hidden;
    margin: 0 auto 5rem;
}
.prediction-table__header[data-v-5c83bf37]{
    background-color: var(--color-theme);
    padding: 0.625rem;
    display: flex;
}
.prediction-table__header-title[data-v-5c83bf37]{
    flex: 1;
    font-size: 0.875rem;
}
.prediction-table__header-title-name[data-v-5c83bf37]{
    padding-left: 5rem;
}
.prediction-table__body[data-v-5c83bf37]{
    font-size: 0.6875rem;
    min-height: 20.5rem;
    background-color: rgb(32 32 32 / 60%);
}
.prediction-table__body-list[data-v-5c83bf37]{
    display: flex;
    padding: 0.65625rem;
    position: relative;
    justify-content: center;
}
.prediction-table__body-list__divider[data-v-5c83bf37]{
    position: absolute;
    bottom: 0;
    width: 80%;
    height: .08rem;
    background-color: var(--color-grey-60);
}
.prediction-table__body-list__result[data-v-5c83bf37]{
    margin-right: 2rem;
    display: flex;
}
.prediction-table__body-list__result-name[data-v-5c83bf37]{
    width: 5rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 1rem;
    text-align: right;
}
.prediction-table__body-list__result-score-2[data-v-5c83bf37]{
    width: 1.5rem;
    display: block;
}
.prediction-table__footer[data-v-5c83bf37]{
    background-color: var(--color-theme);
    padding: 0.625rem;
    display: flex;
    min-height: 1rem;
}
.prediction-table__no-data[data-v-5c83bf37]{
    min-height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}
.term-body[data-v-5c83bf37]{
    max-height: 26.5rem;
    font-size: 0.875rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    color: var(--color-grey-light);
}
.prediction-modal__team-search__wrapper[data-v-5c83bf37]{
    background-color: var(--color-theme-2);
    border-radius: 1rem;
    box-sizing: border-box;
    padding: 0.1rem;
    position: relative;
    margin-bottom: 1.5rem;
    overflow: hidden;
}
.prediction-modal__team-search__input[data-v-5c83bf37]{
    width: 100%;
    border: none;
    background-color: transparent;
    padding-left: 2.5rem;
    height: 2.1rem;
    color: white;
}
.prediction-modal__team-search__input[data-v-5c83bf37]::-moz-placeholder{
    color: white;
}
.prediction-modal__team-search__input[data-v-5c83bf37]::placeholder{
    color: white;
}
.prediction-modal__team-search__input[data-v-5c83bf37]:focus{
    outline: none;
}
.prediction-modal__team-search__icon[data-v-5c83bf37]{
    width: 1rem;
    height: 1rem;
    margin-right: 0.3rem;
    position: absolute;
    top: 0.7rem;
    left: 1rem;
    pointer-events: none;
}
.prediction-modal__team-icon__wrapper[data-v-5c83bf37]{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 1rem;
    height: 12.5rem;
    margin-bottom: 1rem;
    /* overflow-y: auto; */
    text-align: center;
    grid-template-rows:  repeat(2,1fr);
}
.prediction-modal__team-icon__container[data-v-5c83bf37]{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
     cursor: pointer;
}
.prediction-modal__team-name[data-v-5c83bf37]{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.6875rem;
    height: 2rem;
}
.prediction-modal__team-icon[data-v-5c83bf37]{
    width: 3.75rem;
    height: 3.75rem;
    margin-bottom: .5rem;
    padding: 0.4rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
    border: 0.15rem solid transparent;
}
.prediction-modal__team-icon.selected[data-v-5c83bf37]{
    border-color: var(--color-hover);
    background-color: var(--color-grey-60);
}
.prediction-modal__team-icon__container:hover .prediction-modal__team-icon[data-v-5c83bf37]{
    border-color: var(--color-hover);
    background-color: var(--color-grey-60);
}
@media(max-width: 768px) { /* for test */
.prediction-banner__contest-overlay[data-v-5c83bf37]{
            font-size: 1.375rem;
}
.prediction-banner__prize-card__overlay[data-v-5c83bf37]{
            font-size: 0.6875rem;
}
.prediction-team__wrapper[data-v-5c83bf37]{
            width: 100%;
            margin-bottom: 1.5rem;
}
.prediction-table[data-v-5c83bf37]{
             width: 100%;
}
.prediction-table__header-title-name[data-v-5c83bf37]{
            padding-left: 5.5rem;
}
.prediction-team__btn-submit[data-v-5c83bf37]{
            width: 100%;
}
.prediction-team__score input[data-v-5c83bf37]{
            font-size: 19.2px;
}
        /* .prediction-table__header-title{
            text-align: left;
            padding-left: 2rem;
        } */
}