.timer[data-v-7a80a8e5] {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    color: white;
}
.timer div[data-v-7a80a8e5] {
        display: flex;
        flex-direction: column;
        align-items: center;
}
.timer .title[data-v-7a80a8e5] {
        font-size: 80px;
        line-height: 85px;
        font-weight: 700;
        width: 50px;
        text-align: center;
}

/* desktop */
.timer.desktop .title[data-v-7a80a8e5] {
        font-size: 250px;
        line-height: 255px;
        color: #e5206b;
}
.timer.desktop .subtitle[data-v-7a80a8e5] {
        font-size: 60px;
        line-height: 60px;
        color: #e5206b;
}
.timer.desktop[data-v-7a80a8e5] {
        margin-top: 150px;
}



.card[data-v-75d6a134] {
    height:  calc((100vh - 300px) / 5);
    width:  calc(((100vh - 300px) / 5) * 1.33);
    position: relative;
    transition: transform 600ms;
    transform-style: preserve-3d;
    margin-bottom: 10px;
    border: 1px solid white;
    border-radius: 12px;
    box-sizing: border-box;
}
.card__face--front[data-v-75d6a134], .card__face--back[data-v-75d6a134] {
    border-radius: 12px;
}
.card__face--front[data-v-75d6a134] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #b4a997;
}
.card .card__face--back[data-v-75d6a134] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: 700;
    font-size: 3.5vw;
    text-align: center;
    white-space: break-spaces;
}
.card[data-v-75d6a134]:nth-child(odd){
    margin-right: 10px;
}
.card__face[data-v-75d6a134] {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.card__face--back[data-v-75d6a134] {
    transform: rotateY( 180deg );
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 12% center;
}
.card.is-flipped[data-v-75d6a134] {
    transform: rotateY(180deg);
    transition-duration: 400ms;
}
.card.is-flipped span[data-v-75d6a134] {
    display: block;
}
.card.number_0 .card__face--front[data-v-75d6a134] {
    background-image: url(../img/1.267097fa.png);
}
.card.number_1 .card__face--front[data-v-75d6a134] {
    background-image: url(../img/2.ea8bea95.png);
}
.card.number_2 .card__face--front[data-v-75d6a134] {
    background-image: url(../img/3.9c1facdf.png);
}
.card.number_3 .card__face--front[data-v-75d6a134] {
    background-image: url(../img/4.05646ed4.png);
}
.card.number_4 .card__face--front[data-v-75d6a134] {
    background-image: url(../img/5.679b7af2.png);
}
.card.number_5 .card__face--front[data-v-75d6a134] {
    background-image: url(../img/6.f24bf89c.png);
}
.card.number_6 .card__face--front[data-v-75d6a134] {
    background-image: url(../img/7.1a56c833.png);
}
.card.number_7 .card__face--front[data-v-75d6a134] {
    background-image: url(../img/8.e1076934.png);
}
.card.number_8 .card__face--front[data-v-75d6a134] {
    background-image: url(../img/9.8758c62d.png);
}
.card.number_9 .card__face--front[data-v-75d6a134] {
    background-image: url(../img/10.1a52b0c7.png);
}


.modal[data-v-10a13a4e] {
    position: relative;
    max-width: 100%;
    min-height: calc(100vh - 40px);
}
.bottom_image[data-v-10a13a4e] {
    width: 70%;
    left: 15%;
    position: absolute;
    bottom: 90px;
}
.logo[data-v-10a13a4e] {
    margin-left: auto;
    margin-right: auto;
    height: 80px;
    display: block;
}
.message_div[data-v-10a13a4e] {
    width: 90%;
    margin-left: 5%;
    margin-top: 20px;
    border-radius: 12px;
    background-color: white;
    height: calc(100vh - 320px);
}
.header[data-v-10a13a4e] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
}
.header div[data-v-10a13a4e] {
        width: 100%;
        display: flex;
        align-items: center;
}
.header div span[data-v-10a13a4e] {
        padding: 10px;
}
.header img[data-v-10a13a4e] {
        height: 20px;
        padding: 10px;
}
.body[data-v-10a13a4e] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.bg_yellow .header[data-v-10a13a4e] {
    border-bottom: 1px solid #e9bf23!important;
}
.bg_yellow .header div[data-v-10a13a4e] {
        border-right: 1px solid #e9bf23!important;
}
.bg_dark_gray .header[data-v-10a13a4e] {
    border-bottom: 1px solid #777a80!important;
}
.bg_dark_gray .header div[data-v-10a13a4e] {
        border-right: 1px solid #777a80!important;
}
.bg_pink .header[data-v-10a13a4e] {
    border-bottom: 1px solid #e5206b!important;
}
.bg_pink .header div[data-v-10a13a4e] {
        border-right: 1px solid #e5206b!important;
}
.bg_green .header[data-v-10a13a4e] {
    border-bottom: 1px solid #5abb9b!important;
}
.bg_green .header div[data-v-10a13a4e] {
        border-right: 1px solid #5abb9b!important;
}
.bg_blue .header[data-v-10a13a4e] {
    border-bottom: 1px solid #2b79be!important;
}
.bg_blue .header div[data-v-10a13a4e] {
        border-right: 1px solid #2b79be!important;
}   


.flex_container[data-v-36e24a06] {
    margin-left: auto;
    margin-right: auto;
    width: calc(((100vh - 254px) / 2.5) * 1.33);
}