*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:DsDigital;src:url(/assets/ds-digi-webfont-D6FcKRRK.woff2)format("woff2"),url(/assets/ds-digi-webfont-BCmLeU2F.woff)format("woff");font-weight:400;font-style:normal}@keyframes timer{0%{top:0}9%{top:0}10%{top:-30px}19%{top:-30px}20%{top:-60px}29%{top:-60px}30%{top:-90px}39%{top:-90px}40%{top:-120px}49%{top:-120px}50%{top:-150px}59%{top:-150px}60%{top:-180px}69%{top:-180px}70%{top:-210px}79%{top:-210px}80%{top:-240px}89%{top:-240px}90%{top:-270px}99%{top:-270px}to{top:-300px}}@keyframes timerArrow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes timerHour{0%{top:0}9.9999%{top:0}10%{top:-30px}19.9999%{top:-30px}20%{top:-60px}29.9999%{top:-60px}30%{top:-90px}39.9999%{top:-90px}40%{top:-120px}49.9999%{top:-120px}50%{top:-150px}59.9999%{top:-150px}60%{top:-180px}69.9999%{top:-180px}70%{top:-210px}79.9999%{top:-210px}80%{top:-240px}89.9999%{top:-240px}90%{top:-270px}99.9999%{top:-270px}to{top:-300px}}@keyframes timerMin{0%{top:0}9.99%{top:0}10%{top:-30px}19.99%{top:-30px}20%{top:-60px}29.99%{top:-60px}30%{top:-90px}39.99%{top:-90px}40%{top:-120px}49.99%{top:-120px}50%{top:-150px}59.99%{top:-150px}60%{top:-180px}69.99%{top:-180px}70%{top:-210px}79.99%{top:-210px}80%{top:-240px}89.99%{top:-240px}90%{top:-270px}99.99%{top:-270px}to{top:-300px}}@keyframes timerTenHour{0%{top:0}9.99999%{top:0}10%{top:-30px}20%{top:-30px}20%{top:-60px}30%{top:-60px}30%{top:-90px}40%{top:-90px}40%{top:-120px}50%{top:-120px}50%{top:-150px}60%{top:-150px}60%{top:-180px}70%{top:-180px}70%{top:-210px}80%{top:-210px}80%{top:-240px}90%{top:-240px}90%{top:-270px}100%{top:-270px}to{top:-300px}}@keyframes timerTenMin{0%{top:0}9.999%{top:0}10%{top:-30px}19.999%{top:-30px}20%{top:-60px}29.999%{top:-60px}30%{top:-90px}39.999%{top:-90px}40%{top:-120px}49.999%{top:-120px}50%{top:-150px}59.999%{top:-150px}60%{top:-180px}69.999%{top:-180px}70%{top:-210px}79.999%{top:-210px}80%{top:-240px}89.999%{top:-240px}90%{top:-270px}99.999%{top:-270px}to{top:-300px}}@keyframes timerTenSec{0%{top:0}9.9%{top:0}10%{top:-30px}19.9%{top:-30px}20%{top:-60px}29.9%{top:-60px}30%{top:-90px}39.9%{top:-90px}40%{top:-120px}49.9%{top:-120px}50%{top:-150px}59.9%{top:-150px}60%{top:-180px}69.9%{top:-180px}70%{top:-210px}79.9%{top:-210px}80%{top:-240px}89.9%{top:-240px}90%{top:-270px}99.9%{top:-270px}to{top:-300px}}html,body{color:#fff;background-color:#272944;flex-direction:column;justify-content:space-between;width:100%;height:100%;margin:0;padding:0;font-family:DsDigital;line-height:1;display:flex}.content{flex:1 0 auto}.start,.pause,.stop{z-index:13;background:-webkit-repeating-linear-gradient(0deg,#0000004d,#0000004d 1px,#0000 1px 4px),-webkit-linear-gradient(#8e8e8e,#fff 26%,#b9b9bb 50%,#aaa 68%,#fff 93%,#7e7e7e);width:51px;height:35px;margin-left:-30px;display:block;position:absolute;top:-60px;left:50%;box-shadow:0 8px 0 -5px #0003}.start:before,.pause:before,.stop:before{content:"";z-index:-1;background:-webkit-linear-gradient(#8e8e8e,#fff 26%,#b9b9bb 50%,#aaa 68%,#fff 93%,#7e7e7e);width:31px;height:27px;display:block;position:absolute;top:35px;left:10px}.start:active,.pause:active,.stop:active{top:-48px}.start:active:after,.pause:active:after,.stop:active:after{content:"";width:30px;height:15px;position:absolute;top:-15px;left:0}.start:active:before,.pause:active:before,.stop:active:before{height:16px}.pause,.start:target{display:none}.start:target+.pause{display:block}.stop{background:-webkit-linear-gradient(#9e9e9e,#fff 26%,#bababc 50%,#aaa 68%,#fefefe 93%,#eaeaea);width:35px;height:25px;margin:0;top:0;left:20px;transform:rotate(-41deg)}.stop:before{width:21px;height:15px;top:25px;left:7px}.stop:active{top:6px;left:20px}.stop:active:after{content:"";width:30px;height:10px;position:absolute;top:-10px;left:0}.stop:active:before{height:10px;left:7px}.start:target~.timer-inner .numb,.pause:target~.timer-inner .numb{animation-name:timer}.start:target~.timer-inner .numb.arrow,.pause:target~.timer-inner .numb.arrow{animation-name:timerArrow}.start:target~.timer-inner .numb.sec,.pause:target~.timer-inner .numb.sec{animation-name:timer}.start:target~.timer-inner .numb.tenSec,.pause:target~.timer-inner .numb.tenSec{animation-name:timerTenSec}.start:target~.timer-inner .numb.min,.pause:target~.timer-inner .numb.min{animation-name:timerMin}.start:target~.timer-inner .numb.tenMin,.pause:target~.timer-inner .numb.tenMin{animation-name:timerTenMin}.start:target~.timer-inner .numb.hour,.pause:target~.timer-inner .numb.hour{animation-name:timerHour}.start:target~.timer-inner .numb.tenHour,.pause:target~.timer-inner .numb.tenHour{animation-name:timerTenHour}.pause:target~.timer-inner .arrow,.pause:target~.timer-inner .tenHour,.pause:target~.timer-inner .hour,.pause:target~.timer-inner .tenMin,.pause:target~.timer-inner .min,.pause:target~.timer-inner .tenSec,.pause:target~.timer-inner .sec,.pause:target~.timer-inner .tenMilisec,.pause:target~.timer-inner .milisec{animation-play-state:paused}.stop:target~.timer .tenHour,.stop:target~.timer .hour,.stop:target~.timer .tenMin,.stop:target~.timer .min,.stop:target~.timer .tenSec,.stop:target~.timer .sec,.stop:target~.timer .tenMilisec,.stop:target~.timer .milisec{animation-name:reset}.start:target~.timer-inner .timer-face .clock .arrow{animation-name:timerArrow;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite}.pause:target~.timer-inner .timer-face .clock .arrow{animation-name:timerArrow;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}.clock{background:#fff;border-radius:50%;width:130px;height:130px;position:absolute;top:17px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 10px #343434}.clock:before{content:"";z-index:10;background:#fff;border:1px solid #777;border-radius:50%;width:100px;height:100px;position:absolute;top:14px;left:14px}.clock .line{background:#777;width:1px;height:100%;margin-left:-1px;position:absolute;top:0;left:50%}.clock .line:before{content:"";background:#777;width:1px;height:100%;margin-left:-1px;position:absolute;top:0;left:50%;transform:rotate(36deg)}.clock .line.one{transform:rotate(36deg)}.clock .line.three{transform:rotate(108deg)}.clock .line.five{background:0 0}.clock .line.five:before,.clock .line.five:after{color:#777;content:"12";text-align:center;z-index:11;background:#fff;border-radius:50%;width:20px;height:20px;font-family:sans-serif;font-size:15px;display:block;position:absolute;top:8px;left:-9px;transform:rotate(0)}.clock .line.five:after{content:"6";top:auto;bottom:8px}.clock .arrow{z-index:12;background:#666;border-radius:50%;width:20px;height:20px;margin:-10px;position:absolute;top:50%;left:50%}.clock .arrow:before{content:"";background:#666;width:2px;height:90px;margin-left:-1px;position:absolute;bottom:-20px;left:50%}.clock .arrow:after{content:"";border:4px solid #0000;border-bottom-color:#666;margin-left:-4px;position:absolute;top:-55px;left:50%}.footer{color:#fff;text-align:center;z-index:100;background-color:#272944;width:100%;padding:.5rem;font-size:.9rem;position:fixed;bottom:30px;left:0}.footer a{color:inherit;text-decoration:none}.footer a:hover{text-decoration:underline}.timer{color:#272944;background:#fff;border-radius:0 0 15px 15px;width:212px;position:absolute;top:160px;left:20px;overflow:hidden;box-shadow:inset 1px 3px 5px #889,inset 1px -1px 2px #889}.timer div{cursor:default;float:left;text-align:center;width:23px;height:36px;font-size:36px;position:relative}.timer div:after{content:"";background:#7e7e7e;width:1px;height:360px;position:absolute;left:0;box-shadow:0 0 7px #333,0 0 7px #333}.timer div:first-child:after{display:none}.timer .numb{animation-delay:0;animation-timing-function:linear;animation-iteration-count:infinite}.timer .numb:before{color:#272944;content:"0 1 2 3 4 5 6 7 8 9 0";text-align:center;width:30px;height:360px;font-size:2.375rem;line-height:30px;position:absolute;top:3px;left:-2px}.timer .numb.tenHour{animation-duration:1000000s}.timer .numb.hour{animation-duration:100000s}.timer .numb.tenMin{animation-duration:10000s}.timer .numb.min{animation-duration:1000s}.timer .numb.tenSec{animation-duration:100s}.timer .numb.sec{animation-duration:10s}.timer .numb.tenMilisec{animation-duration:1s}.timer .numb.milisec{animation-duration:.1s}.wrapper-timer,.timer-front,.timer-inner,.timer-face{border-radius:50%;position:absolute}.wrapper-timer{z-index:2;background:linear-gradient(120deg,#97989a,#ededed);width:min(90vw,300px);height:min(90vw,300px);top:50%;left:50%;transform:translate(-50%,-50%)}.wrapper-timer .timer-front,.wrapper-timer .timer-inner,.wrapper-timer .timer-face{background:linear-gradient(120deg,#dedfe1 5%,#f5f5f5 10%,#9a9a9c 30%,#ddd 50%,#c2c3c5 60%,#f3f3f3 80%,#cacbcd);width:100%;height:100%;top:0;left:0}.wrapper-timer .timer-inner{background:linear-gradient(120deg,#f4f4f4,#b6b6b8);width:270px;height:270px;top:10px;left:10px;overflow:hidden;box-shadow:0 0 3px #ccc}.wrapper-timer .timer-face{background:linear-gradient(120deg,#884ea0,#eef);width:250px;height:250px;top:10px;left:10px;box-shadow:inset 0 0 5px #666,0 0 7px #aaa}.wrapper-timer .timer-shadow{z-index:20;border-radius:100%;width:650px;height:650px;position:absolute;top:110px;left:-115px;box-shadow:-75px -300px 0 -209px #ffffff1a}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
