.live-stream-countdown__container {
    background: #212B30;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    padding: 0.625rem 0.5rem;
    position: relative;
}
#AFC .live-stream-countdown__wrapper {
    background: url(../img/afc_live_countdown_bg.12531766.jpg) center no-repeat;
    background-size: cover;
    width: 100%;/*41.375rem*/
    height: 25.5rem;
    border-radius: 0.188rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#AFCON .live-stream-countdown__wrapper {
    background: url(../img/afcon_live_countdown_bg.ab0f0258.jpg) center no-repeat;
    background-size: cover;
    width: 100%;/*41.375rem*/
    height: 25.5rem;
    border-radius: 0.188rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#UEFA .live-stream-countdown__wrapper {
    background: url(../img/uefa_live_countdown_bg.7a9dc740.jpg) center top no-repeat;
    background-size: cover;
}
#COPA .live-stream-countdown__wrapper {
    background: url(../img/copa_live_countdown_bg.74ae24c5.jpg) center bottom no-repeat;
    background-size: cover;
}
.live-stream-countdown__wrapper {
    background: url(../img/world_cup_live_countdown_bg.f1d61849.jpg) center no-repeat;
    background-size: cover;
    width: 100%;/*41.375rem*/
    height: 25.5rem;
    border-radius: 0.188rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.live-stream-countdown__overlay {
    background: rgba(37, 35, 35, 0.60);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.live-stream-countdown__group-wrapper {
    margin-bottom: 1.25rem;
    font-size: 1.375rem;
    font-family: var(--weight-700);
    color: #FFFFFF;
}
.live-stream-countdown__time-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #080F1A;
    border-radius: 1.375rem;
    width: 4.375rem;
    height: 4.875rem;
    padding: 0.5625rem;
    margin-right: 0.913rem;
}
.live-stream-countdown__time-wrapper:last-of-type {
    margin-right: 0;
}
.live-stream-countdown__time-wrapper .time-value {
    font-size: 2.125rem;
    font-family: var(--weight-700);
    color: #FFFFFF;
}
.live-stream-countdown__time-wrapper .time-caption {
    color: var(--bg-selected);
    text-transform: uppercase;
    font-size: 0.875rem;
    font-family: var(--weight-400);
}
.live-stream-countdown__starting-soon-message {
    font-size: 2.125rem;
    font-family: var(--weight-700);
}
@media(max-width: 768px) { /* for test */
.live-stream-countdown__wrapper {
        height: 11.813rem;
}
.live-stream-countdown__group-wrapper {
        font-size: 1.125rem;
}
.live-stream-countdown__time-wrapper {
        width: 3.125rem;
        height: 3.125rem;
}
.live-stream-countdown__time-wrapper .time-value {
        font-size: 1.375rem;
}
.live-stream-countdown__time-wrapper .time-caption {
        font-size: 0.563rem;
}
.live-stream-countdown__starting-soon-message {
        font-size: 22.4px;
}
}


.calendar-container[data-v-ca8b87ee] {
    display: flex;
    position: relative;
    border-bottom: 0; /*.1rem solid var(--color-theme)*/
}
.calendar-navi__wrapper[data-v-ca8b87ee] {
    display: flex;
    align-items: center;
}
.calendar-navi__wrapper.disabled svg path[data-v-ca8b87ee] {
    fill: var(--color-theme);
}
.calendar-navi__left[data-v-ca8b87ee] {
    padding: 0.5rem 0.875rem 0.5rem 0.5rem;
    cursor: pointer;
}
.calendar-navi__right[data-v-ca8b87ee] {
    padding: 0.5rem 0.5rem 0.5rem 0.875rem;
    cursor: pointer;
}
.calendar-navi__wrapper svg path[data-v-ca8b87ee] {
    fill: var(--bg-selected);
}
.calendar-box[data-v-ca8b87ee] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-text-default-secondary);
    font-size: 0.66rem;
    padding: 0.3rem 0.125rem 0.55rem 0.125rem;
    margin: 0 0.34rem 0.3rem;
    min-width: 2.65rem;
    cursor: pointer;
    text-align: center;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    z-index: 1;
}
.calendar-box.selected[data-v-ca8b87ee] {
    color: black !important;
    background-color: var(--bg-selected) !important;
}
.calendar-box[data-v-ca8b87ee]:hover {
    color: var(--color-hover-20);
    background-color: var(--color-hover);
}
.calendar-box.selected[data-v-ca8b87ee]:hover {
    color: var(--color-text-default-default) !important;
}
.calendar-box.selected[data-v-ca8b87ee]::after {
    bottom: -9.5px;
    left: 50%;
    border-style: solid;
    -o-border-image: initial;
       border-image: initial;
    content: " ";
    height: 0px;
    width: 0px;
    position: absolute;
    pointer-events: none;
    border-color: var(--bg-selected) rgba(255, 138, 0, 0) rgba(255, 138, 0, 0);
    border-width: 5px 7px;
    margin-left: -7px;
}
.calendar-box__week[data-v-ca8b87ee] {
    font-family: var(--weight-700);
}
.calendar-box__monnth[data-v-ca8b87ee] {
    font-family: var(--weight-400);
}
@media(max-width: 768px) {
    /* for test */
.calendar-blur[data-v-ca8b87ee] {
        width: 2rem;
        height: 98%;
        top: 0;
        position: absolute;
        z-index: 2;
}
.calendar-blur.left[data-v-ca8b87ee] {
        background: linear-gradient(90deg, var(--bg-theme), transparent);
        left: 0;
}
.calendar-blur.right[data-v-ca8b87ee] {
        background: linear-gradient(90deg, transparent, var(--bg-theme));
        right: 0;
}
.calendar-wrapper[data-v-ca8b87ee] {
        position: relative;
        width: 15rem;
        margin-right: 1.5rem;
        flex-grow: 1;
}
.calendar-container[data-v-ca8b87ee] {
        overflow-x: auto;
        overflow-y: hidden;
}
.calendar-box[data-v-ca8b87ee]:hover {
        color: white;
        background-color: transparent;
}
}