#coordinateCanvas{border:1px solid #fff;margin-top:20px;background-color:#222}#head,.v-head{display:none}body{background-color:#000!important;color:#fff;font-family:Arial,sans-serif;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:10px}[data-v-0089041e]{margin:0;padding:0;box-sizing:border-box}.header[data-v-0089041e]{width:100%;text-align:center;margin-bottom:10vh}.label[data-v-0089041e]{font-size:8vw;color:#fff;margin-bottom:4vh}.header1[data-v-0089041e]{margin-bottom:2vh}.value[data-v-0089041e]{font-size:15vw;font-weight:700;color:#fff}.countdown-row[data-v-0089041e]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;flex-wrap:wrap}.time-unit[data-v-0089041e]{position:relative;width:calc(25% - 10px);margin:0 5px}.time-circle[data-v-0089041e]{width:100%;height:100%;position:relative}.circle-bg[data-v-0089041e]{fill:none;stroke:#333;stroke-width:8}.circle-progress[data-v-0089041e]{fill:none;stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.circle-progress[data-v-0089041e]:not(.millis-circle){transition:stroke-dashoffset 1s linear}.hours-circle[data-v-0089041e]{stroke:#ff5722}.minutes-circle[data-v-0089041e]{stroke:#4caf50}.seconds-circle[data-v-0089041e]{stroke:#2196f3}.millis-circle[data-v-0089041e]{stroke:#9c27b0}.time-text[data-v-0089041e]{top:50%;transform:translate(-50%,-50%);font-size:8vw;font-weight:700}.time-label[data-v-0089041e],.time-text[data-v-0089041e]{position:absolute;left:50%;color:#fff;width:100%;text-align:center}.time-label[data-v-0089041e]{bottom:14%;transform:translateX(-50%);font-size:12px}@media (min-width:768px){.label[data-v-0089041e]{font-size:5vw}.value[data-v-0089041e]{font-size:20vw}.time-unit[data-v-0089041e]{width:22vw;height:22vw;margin:0 1.5vw}.time-text[data-v-0089041e]{font-size:7vw}.time-label[data-v-0089041e]{font-size:1.5vw}.countdown-row[data-v-0089041e]{flex-wrap:nowrap}}