body,html,table,td,tr{height:100%;width:100%;margin:0;border:0}td{vertical-align:middle;text-align:center;font-size:18vw}#name{position:absolute;top:0;left:0;right:0;font-size:4vw;height:4vw;text-align:center;display:flex;flex-flow:column}#progress{position:absolute;bottom:0;left:0;right:0;height:4vw;display:flex;flex-flow:column}:root{--expiry:0s}#name div{height:100%;position:relative;padding:.5vw;background:rgba(0,0,0,.25);color:rgba(0,0,0,.6);box-shadow:inset 0 -1px 2px rgba(0,0,0,.25),0 1px rgba(255,255,255,.08)}.progress{height:100%;position:relative;padding:.5vw;background:rgba(0,0,0,.25);box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 1px rgba(255,255,255,.08)}.progress-bar{height:100%;border-radius:1vw;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.05));transition:.4s linear;transition-property:width,background-color}.progress-moving .progress-bar{width:100%;background-color:#f01111;animation-name:progress1;animation-duration:var(--expiry);animation-timing-function:linear}.restart .progress-bar{animation-name:progress2}@keyframes progress1{0%{width:0%;background-color:#4ff707}50%{width:50%;background-color:#3cc303}70%{width:70%;background-color:#3cc303}100%{width:100%;background-color:#f01111}}@keyframes progress2{0%{width:0%;background-color:#4ff707}50%{width:50%;background-color:#3cc303}70%{width:70%;background-color:#3cc303}100%{width:100%;background-color:#f01111}}
/*# sourceMappingURL=site-ab6230f6.min.css.map */