.scene-top{--sceneWidth:1100;background-image:url(images/scene-top.jpg);background-position:50% bottom;background-size:calc(var(--sceneWidth)*1px) calc(200/(2600/var(--sceneWidth))*1px);height:50vh}.scene{height:100vh;width:100vw}.scene img{height:100%;width:100%}.clock{--clockWidth:320;--clockWidthDiv:calc(740/var(--clockWidth));left:calc(50% - var(--clockWidth)/2*1px);position:absolute;top:50%}.clock:after{background:radial-gradient(circle,rgba(0,0,0,.6) 70%,rgba(255,0,0,0));content:"";display:block;filter:blur(10px);height:calc(round(55 / var(--clockWidthDiv))*1px);left:calc(round(30 / var(--clockWidthDiv))*1px);position:absolute;top:calc(round(240 / var(--clockWidthDiv))*1px);transform:rotate(-2deg);width:calc(round(710 / var(--clockWidthDiv))*1px)}.clock .clock-shell{clip-path:polygon(calc(round(8 / var(--clockWidthDiv))*1px) calc(round(40 / var(--clockWidthDiv))*1px),calc(round(13 / var(--clockWidthDiv))*1px) calc(round(33 / var(--clockWidthDiv))*1px),calc(round(20 / var(--clockWidthDiv))*1px) calc(round(27 / var(--clockWidthDiv))*1px),calc(round(34 / var(--clockWidthDiv))*1px) calc(round(22 / var(--clockWidthDiv))*1px),calc(round(580 / var(--clockWidthDiv))*1px) calc(round(0 / var(--clockWidthDiv))*1px),calc(round(600 / var(--clockWidthDiv))*1px) calc(round(1 / var(--clockWidthDiv))*1px),calc(round(612 / var(--clockWidthDiv))*1px) calc(round(2 / var(--clockWidthDiv))*1px),calc(round(625 / var(--clockWidthDiv))*1px) calc(round(6 / var(--clockWidthDiv))*1px),calc(round(700 / var(--clockWidthDiv))*1px) calc(round(50 / var(--clockWidthDiv))*1px),calc(round(710 / var(--clockWidthDiv))*1px) calc(round(57 / var(--clockWidthDiv))*1px),calc(round(715 / var(--clockWidthDiv))*1px) calc(round(65 / var(--clockWidthDiv))*1px),calc(round(718 / var(--clockWidthDiv))*1px) calc(round(94 / var(--clockWidthDiv))*1px),calc(round(723 / var(--clockWidthDiv))*1px) calc(round(123 / var(--clockWidthDiv))*1px),calc(round(735 / var(--clockWidthDiv))*1px) calc(round(123 / var(--clockWidthDiv))*1px),calc(round(738 / var(--clockWidthDiv))*1px) calc(round(130 / var(--clockWidthDiv))*1px),calc(round(739 / var(--clockWidthDiv))*1px) calc(round(140 / var(--clockWidthDiv))*1px),calc(round(738 / var(--clockWidthDiv))*1px) calc(round(150 / var(--clockWidthDiv))*1px),calc(round(736 / var(--clockWidthDiv))*1px) calc(round(154 / var(--clockWidthDiv))*1px),calc(round(723 / var(--clockWidthDiv))*1px) calc(round(155 / var(--clockWidthDiv))*1px),calc(round(722 / var(--clockWidthDiv))*1px) calc(round(166 / var(--clockWidthDiv))*1px),calc(round(720 / var(--clockWidthDiv))*1px) calc(round(175 / var(--clockWidthDiv))*1px),calc(round(720 / var(--clockWidthDiv))*1px) calc(round(220 / var(--clockWidthDiv))*1px),calc(round(718 / var(--clockWidthDiv))*1px) calc(round(227 / var(--clockWidthDiv))*1px),calc(round(712 / var(--clockWidthDiv))*1px) calc(round(234 / var(--clockWidthDiv))*1px),calc(round(706 / var(--clockWidthDiv))*1px) calc(round(238 / var(--clockWidthDiv))*1px),calc(round(658 / var(--clockWidthDiv))*1px) calc(round(242 / var(--clockWidthDiv))*1px),calc(round(651 / var(--clockWidthDiv))*1px) calc(round(275 / var(--clockWidthDiv))*1px),calc(round(112 / var(--clockWidthDiv))*1px) calc(round(300 / var(--clockWidthDiv))*1px),calc(round(92 / var(--clockWidthDiv))*1px) calc(round(275 / var(--clockWidthDiv))*1px),calc(round(91 / var(--clockWidthDiv))*1px) calc(round(269 / var(--clockWidthDiv))*1px),calc(round(76 / var(--clockWidthDiv))*1px) calc(round(267 / var(--clockWidthDiv))*1px),calc(round(69 / var(--clockWidthDiv))*1px) calc(round(261 / var(--clockWidthDiv))*1px),calc(round(6 / var(--clockWidthDiv))*1px) calc(round(195 / var(--clockWidthDiv))*1px),calc(round(5 / var(--clockWidthDiv))*1px) calc(round(185 / var(--clockWidthDiv))*1px),0 calc(round(180 / var(--clockWidthDiv))*1px),0 calc(round(156 / var(--clockWidthDiv))*1px),calc(round(5 / var(--clockWidthDiv))*1px) calc(round(150 / var(--clockWidthDiv))*1px));cursor:url(images/fist.png) 12 12,pointer;height:calc(round(302 / var(--clockWidthDiv))*1px);position:relative;width:calc(var(--clockWidth)*1px);z-index:2}.clock .clock-shell img{height:100%;width:100%}.clock .clock-face{height:calc(round(207 / var(--clockWidthDiv))*1px);left:calc(round(62 / var(--clockWidthDiv))*1px);position:absolute;top:calc(round(56 / var(--clockWidthDiv))*1px);transform-origin:calc(round(20 / var(--clockWidthDiv))*1px) calc(round(20 / var(--clockWidthDiv))*1px);width:calc(round(656 / var(--clockWidthDiv))*1px);z-index:2}.clock .clock-face img{height:100%;width:100%}.clock .clock-speaker{height:calc(round(160 / var(--clockWidthDiv))*1px);left:calc(round(540 / var(--clockWidthDiv))*1px);position:absolute;top:calc(round(70 / var(--clockWidthDiv))*1px);width:calc(round(160 / var(--clockWidthDiv))*1px)}.clock .clock-speaker .img{height:100%;width:95%}.clock .clock-speaker .clock-speaker-outer{display:block;left:0;position:absolute;top:0}.clock .time{left:calc(round(125 / var(--clockWidthDiv))*1px);opacity:.4;position:absolute;top:calc(round(81 / var(--clockWidthDiv))*1px);transform:rotate(-2deg)}.clock .time .time-panel{background:#111;display:block;height:calc(round(35 / var(--clockWidthDiv))*1px);position:relative;transform-origin:bottom;transform-style:preserve-3d;width:calc(round(77 / var(--clockWidthDiv))*1px)}.clock .time .time-panel img{display:block;position:absolute}.clock .time .top-panel{position:absolute;top:0}.clock .time .move-panel,.clock .time .top-panel{border-top-left-radius:4px;border-top-right-radius:4px}.clock .time .move-panel{transform:rotateX(0deg);transition:transform .25s linear;z-index:2}.clock .time .move-panel img:first-child{transform:translateZ(1px)}.clock .time .move-panel img:nth-child(2){transform:translateZ(-1px) rotateX(180deg)}.clock .time .bottom-panel{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.clock .time .hour .time-panel img{height:calc(round(27 / var(--clockWidthDiv))*1px);left:calc(round(25 / var(--clockWidthDiv))*1px);top:calc(8/var(--clockWidthDiv)*1px);width:calc(round(27 / var(--clockWidthDiv))*1px)}.clock .time .hour .bottom-panel img{top:calc(round(1 / var(--clockWidthDiv))*1px)}.clock .time .minute{left:calc(round(81 / var(--clockWidthDiv))*1px);position:absolute;top:0}.clock .time .minute .time-panel img{height:calc(round(29 / var(--clockWidthDiv))*1px);left:calc(round(11 / var(--clockWidthDiv))*1px);top:calc(7/var(--clockWidthDiv)*1px);width:calc(round(54 / var(--clockWidthDiv))*1px)}.clock .time .minute .bottom-panel img{top:0}.clock .time .lights{display:none;position:relative;z-index:3}.clock .time .lights>span:first-child{background:linear-gradient(90deg,transparent,#c1af8e 60%,transparent 90%);display:block;height:calc(8/var(--clockWidthDiv)*1px);left:calc(30/var(--clockWidthDiv)*1px);position:absolute;top:calc(-35/var(--clockWidthDiv)*1px);width:calc(140/var(--clockWidthDiv)*1px)}.clock .time .lights>span:first-child:after,.clock .time .lights>span:first-child:before{background:linear-gradient(0deg,transparent,#000);content:"";display:block;height:calc(8/var(--clockWidthDiv)*1px);position:absolute;top:calc(-5/var(--clockWidthDiv)*1px);width:calc(140/var(--clockWidthDiv)*1px)}.clock .time .lights>span:first-child:after{background:linear-gradient(0deg,#000,transparent);top:calc(3/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(2){background:hsla(39,29%,66%,.6);clip-path:polygon(0 0,calc(182/var(--clockWidthDiv)*1px) 0,calc(182/var(--clockWidthDiv)*1px) calc(2/var(--clockWidthDiv)*1px),calc(175/var(--clockWidthDiv)*1px) calc(10/var(--clockWidthDiv)*1px),calc(1/var(--clockWidthDiv)*1px) calc(10/var(--clockWidthDiv)*1px));display:block;height:calc(10/var(--clockWidthDiv)*1px);left:calc(-2/var(--clockWidthDiv)*1px);position:absolute;top:calc(-10/var(--clockWidthDiv)*1px);width:calc(184/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(2):after,.clock .time .lights>span:nth-child(2):before{background:linear-gradient(0deg,transparent,#000);content:"";display:block;height:calc(4/var(--clockWidthDiv)*1px);position:absolute;top:calc(-2/var(--clockWidthDiv)*1px);width:calc(184/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(2):after{background:linear-gradient(0deg,#000,transparent);top:calc(6/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(2) span{position:relative}.clock .time .lights>span:nth-child(2) span:first-child:after,.clock .time .lights>span:nth-child(2) span:first-child:before{background:radial-gradient(circle closest-side,#000,transparent);content:"";display:block;height:calc(60/var(--clockWidthDiv)*1px);left:calc(-10/var(--clockWidthDiv)*1px);position:absolute;top:calc(-40/var(--clockWidthDiv)*1px);width:calc(60/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(2) span:first-child:after{left:calc(140/var(--clockWidthDiv)*1px);top:calc(-40/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(2) span:nth-child(2):after,.clock .time .lights>span:nth-child(2) span:nth-child(2):before{background:radial-gradient(circle closest-side,#c1af8e,transparent);content:"";display:block;height:calc(60/var(--clockWidthDiv)*1px);left:calc(20/var(--clockWidthDiv)*1px);position:absolute;top:calc(-10/var(--clockWidthDiv)*1px);width:calc(60/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(2) span:nth-child(2):after{left:calc(83/var(--clockWidthDiv)*1px);top:calc(-35/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(3){background:hsla(39,29%,66%,.6);clip-path:polygon(0 0,calc(3/var(--clockWidthDiv)*1px) calc(3/var(--clockWidthDiv)*1px),calc(3/var(--clockWidthDiv)*1px) calc(86/var(--clockWidthDiv)*1px),0 calc(88/var(--clockWidthDiv)*1px));display:block;height:calc(88/var(--clockWidthDiv)*1px);left:calc(-2/var(--clockWidthDiv)*1px);position:absolute;top:calc(-8/var(--clockWidthDiv)*1px);width:calc(3/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(3):before{background:linear-gradient(90deg,transparent,#000);content:"";display:block;height:calc(88/var(--clockWidthDiv)*1px);left:0;position:absolute;width:calc(4/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(3):after{background:radial-gradient(circle closest-side,#000,transparent);content:"";display:block;height:calc(60/var(--clockWidthDiv)*1px);left:calc(-40/var(--clockWidthDiv)*1px);position:absolute;top:calc(35/var(--clockWidthDiv)*1px);width:calc(60/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(4){background:hsla(39,29%,66%,.6);clip-path:polygon(0 calc(10/var(--clockWidthDiv)*1px),calc(10/var(--clockWidthDiv)*1px) 0,calc(10/var(--clockWidthDiv)*1px) calc(92/var(--clockWidthDiv)*1px),0 calc(82/var(--clockWidthDiv)*1px));display:block;height:calc(90/var(--clockWidthDiv)*1px);left:calc(170/var(--clockWidthDiv)*1px);position:absolute;top:calc(-8/var(--clockWidthDiv)*1px);width:calc(10/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(4):after,.clock .time .lights>span:nth-child(4):before{background:linear-gradient(90deg,transparent,#000);content:"";display:block;height:calc(90/var(--clockWidthDiv)*1px);left:calc(3/var(--clockWidthDiv)*1px);position:absolute;width:calc(10/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(4):after{background:linear-gradient(90deg,#000,transparent);left:-1px}.clock .time .lights>span:nth-child(4) span:first-child{background:radial-gradient(circle closest-side,#c1af8e,transparent);display:block;height:calc(60/var(--clockWidthDiv)*1px);left:calc(-45/var(--clockWidthDiv)*1px);position:absolute;top:calc(20/var(--clockWidthDiv)*1px);width:calc(60/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(5){background:hsla(39,29%,66%,.6);clip-path:polygon(calc(2/var(--clockWidthDiv)*1px) 0,calc(172/var(--clockWidthDiv)*1px) 0,calc(184/var(--clockWidthDiv)*1px) calc(12/var(--clockWidthDiv)*1px),0 calc(12/var(--clockWidthDiv)*1px));display:block;height:calc(10/var(--clockWidthDiv)*1px);left:calc(-2/var(--clockWidthDiv)*1px);overflow:hidden;position:absolute;top:calc(74/var(--clockWidthDiv)*1px);width:calc(184/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(5):after,.clock .time .lights>span:nth-child(5):before{background:linear-gradient(0deg,transparent,#000);content:"";display:block;height:calc(4/var(--clockWidthDiv)*1px);position:absolute;top:calc(-3/var(--clockWidthDiv)*1px);width:calc(184/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(5):after{background:linear-gradient(0deg,#000,transparent);top:calc(8/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(5) span{position:relative}.clock .time .lights>span:nth-child(5) span:after,.clock .time .lights>span:nth-child(5) span:before{background:radial-gradient(circle closest-side,#c1af8e,transparent);content:"";display:block;height:calc(60/var(--clockWidthDiv)*1px);left:calc(10/var(--clockWidthDiv)*1px);position:absolute;top:calc(-40/var(--clockWidthDiv)*1px);width:calc(60/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(5) span:after{left:calc(90/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(6){background:linear-gradient(90deg,transparent,#c1af8e 20%,#c1af8e 80%,transparent);display:block;height:calc(4/var(--clockWidthDiv)*1px);left:0;overflow:hidden;position:absolute;top:calc(90/var(--clockWidthDiv)*1px);width:calc(180/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(6):after,.clock .time .lights>span:nth-child(6):before{background:linear-gradient(0deg,transparent,#000);content:"";display:block;height:calc(4/var(--clockWidthDiv)*1px);margin-top:calc(-2/var(--clockWidthDiv)*1px);width:calc(180/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(6):after{background:linear-gradient(0deg,#000,transparent);margin-top:0}.clock .time .lights>span:nth-child(6) span{background:radial-gradient(circle closest-side,#000,transparent);display:block;height:calc(80/var(--clockWidthDiv)*1px);left:calc(40/var(--clockWidthDiv)*1px);position:absolute;top:calc(-15/var(--clockWidthDiv)*1px);width:calc(80/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(7):after,.clock .time .lights>span:nth-child(7):before{background:hsla(39,29%,66%,.4);content:"";display:block;height:calc(6/var(--clockWidthDiv)*1px);left:calc(-1/var(--clockWidthDiv)*1px);position:absolute;top:calc(-8/var(--clockWidthDiv)*1px);transform:rotate(-15deg);width:calc(1/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(7):after{height:calc(10/var(--clockWidthDiv)*1px);left:calc(175/var(--clockWidthDiv)*1px);top:calc(-10/var(--clockWidthDiv)*1px);transform:rotate(45deg);width:calc(2/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(7) span{position:relative}.clock .time .lights>span:nth-child(7) span:after,.clock .time .lights>span:nth-child(7) span:before{background:hsla(39,29%,66%,.4);content:"";display:block;height:calc(8/var(--clockWidthDiv)*1px);left:calc(-2/var(--clockWidthDiv)*1px);position:absolute;top:calc(75/var(--clockWidthDiv)*1px);transform:rotate(15deg);width:calc(2/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(7) span:after{background:hsla(39,29%,66%,.6);height:calc(13/var(--clockWidthDiv)*1px);left:calc(175/var(--clockWidthDiv)*1px);top:calc(72/var(--clockWidthDiv)*1px);transform:rotate(-45deg);width:calc(2/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(8):after,.clock .time .lights>span:nth-child(8):before{background:radial-gradient(circle closest-side,#c1af8e,transparent);clip-path:polygon(0 calc(10/var(--clockWidthDiv)*1px),calc(20/var(--clockWidthDiv)*1px) calc(10/var(--clockWidthDiv)*1px),calc(20/var(--clockWidthDiv)*1px) calc(20/var(--clockWidthDiv)*1px),0 calc(20/var(--clockWidthDiv)*1px));content:"";display:block;height:calc(20/var(--clockWidthDiv)*1px);left:calc(28/var(--clockWidthDiv)*1px);position:absolute;top:0;width:calc(20/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(8):after{clip-path:polygon(0 calc(11/var(--clockWidthDiv)*1px),calc(15/var(--clockWidthDiv)*1px) calc(11/var(--clockWidthDiv)*1px),calc(15/var(--clockWidthDiv)*1px) calc(20/var(--clockWidthDiv)*1px),0 calc(20/var(--clockWidthDiv)*1px));left:calc(100/var(--clockWidthDiv)*1px);top:calc(-2/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(8) span{position:relative}.clock .time .lights>span:nth-child(8) span:after,.clock .time .lights>span:nth-child(8) span:before{background:radial-gradient(circle closest-side,#c1af8e,transparent);clip-path:circle(50% at 80% 90%);content:"";display:block;height:calc(20/var(--clockWidthDiv)*1px);left:calc(115/var(--clockWidthDiv)*1px);position:absolute;top:0;width:calc(20/var(--clockWidthDiv)*1px)}.clock .time .lights>span:nth-child(8) span:after{clip-path:circle(50% at 80% 20%);opacity:.5;top:calc(46/var(--clockWidthDiv)*1px)}.clock.clock-on .clock-speaker-inner{animation:Speaker .25s linear infinite}.clock.clock-on .time{opacity:1}.clock.clock-on .time .lights{display:block}.clock.clock-alarm .time .move-panel{transform:rotateX(180deg)}.clock.clock-alarm .time .lights>span:nth-child(8):before{top:calc(-1/var(--clockWidthDiv)*1px)}.clock.clock-alarm .time .lights>span:nth-child(8):after{clip-path:circle(50% at 20% 80%);left:calc(101/var(--clockWidthDiv)*1px);top:calc(2/var(--clockWidthDiv)*1px)}.clock.hit-1 .clock-shell{clip-path:polygon(calc(round(8 / var(--clockWidthDiv))*1px) calc(round(40 / var(--clockWidthDiv))*1px),calc(round(13 / var(--clockWidthDiv))*1px) calc(round(33 / var(--clockWidthDiv))*1px),calc(round(20 / var(--clockWidthDiv))*1px) calc(round(27 / var(--clockWidthDiv))*1px),calc(round(34 / var(--clockWidthDiv))*1px) calc(round(22 / var(--clockWidthDiv))*1px),calc(round(580 / var(--clockWidthDiv))*1px) calc(round(0 / var(--clockWidthDiv))*1px),calc(round(600 / var(--clockWidthDiv))*1px) calc(round(1 / var(--clockWidthDiv))*1px),calc(round(612 / var(--clockWidthDiv))*1px) calc(round(2 / var(--clockWidthDiv))*1px),calc(round(625 / var(--clockWidthDiv))*1px) calc(round(6 / var(--clockWidthDiv))*1px),calc(round(700 / var(--clockWidthDiv))*1px) calc(round(50 / var(--clockWidthDiv))*1px),calc(round(710 / var(--clockWidthDiv))*1px) calc(round(57 / var(--clockWidthDiv))*1px),calc(round(715 / var(--clockWidthDiv))*1px) calc(round(65 / var(--clockWidthDiv))*1px),calc(round(718 / var(--clockWidthDiv))*1px) calc(round(94 / var(--clockWidthDiv))*1px),calc(round(723 / var(--clockWidthDiv))*1px) calc(round(123 / var(--clockWidthDiv))*1px),calc(round(735 / var(--clockWidthDiv))*1px) calc(round(123 / var(--clockWidthDiv))*1px),calc(round(738 / var(--clockWidthDiv))*1px) calc(round(130 / var(--clockWidthDiv))*1px),calc(round(739 / var(--clockWidthDiv))*1px) calc(round(140 / var(--clockWidthDiv))*1px),calc(round(738 / var(--clockWidthDiv))*1px) calc(round(150 / var(--clockWidthDiv))*1px),calc(round(736 / var(--clockWidthDiv))*1px) calc(round(154 / var(--clockWidthDiv))*1px),calc(round(723 / var(--clockWidthDiv))*1px) calc(round(155 / var(--clockWidthDiv))*1px),calc(round(722 / var(--clockWidthDiv))*1px) calc(round(166 / var(--clockWidthDiv))*1px),calc(round(720 / var(--clockWidthDiv))*1px) calc(round(175 / var(--clockWidthDiv))*1px),calc(round(720 / var(--clockWidthDiv))*1px) calc(round(220 / var(--clockWidthDiv))*1px),calc(round(718 / var(--clockWidthDiv))*1px) calc(round(227 / var(--clockWidthDiv))*1px),calc(round(713 / var(--clockWidthDiv))*1px) calc(round(234 / var(--clockWidthDiv))*1px),calc(round(709 / var(--clockWidthDiv))*1px) calc(round(241 / var(--clockWidthDiv))*1px),calc(round(700 / var(--clockWidthDiv))*1px) calc(round(246 / var(--clockWidthDiv))*1px),calc(round(658 / var(--clockWidthDiv))*1px) calc(round(248 / var(--clockWidthDiv))*1px),calc(round(651 / var(--clockWidthDiv))*1px) calc(round(275 / var(--clockWidthDiv))*1px),calc(round(112 / var(--clockWidthDiv))*1px) calc(round(300 / var(--clockWidthDiv))*1px),calc(round(92 / var(--clockWidthDiv))*1px) calc(round(275 / var(--clockWidthDiv))*1px),calc(round(91 / var(--clockWidthDiv))*1px) calc(round(269 / var(--clockWidthDiv))*1px),calc(round(76 / var(--clockWidthDiv))*1px) calc(round(267 / var(--clockWidthDiv))*1px),calc(round(69 / var(--clockWidthDiv))*1px) calc(round(261 / var(--clockWidthDiv))*1px),calc(round(6 / var(--clockWidthDiv))*1px) calc(round(195 / var(--clockWidthDiv))*1px),calc(round(5 / var(--clockWidthDiv))*1px) calc(round(185 / var(--clockWidthDiv))*1px),0 calc(round(180 / var(--clockWidthDiv))*1px),0 calc(round(156 / var(--clockWidthDiv))*1px),calc(round(5 / var(--clockWidthDiv))*1px) calc(round(150 / var(--clockWidthDiv))*1px))}.clock.hit-1 .clock-face{transform:rotate(1deg)}.clock.hit-2 .clock-shell{clip-path:polygon(calc(round(8 / var(--clockWidthDiv))*1px) calc(round(40 / var(--clockWidthDiv))*1px),calc(round(13 / var(--clockWidthDiv))*1px) calc(round(33 / var(--clockWidthDiv))*1px),calc(round(20 / var(--clockWidthDiv))*1px) calc(round(27 / var(--clockWidthDiv))*1px),calc(round(34 / var(--clockWidthDiv))*1px) calc(round(22 / var(--clockWidthDiv))*1px),calc(round(580 / var(--clockWidthDiv))*1px) calc(round(0 / var(--clockWidthDiv))*1px),calc(round(600 / var(--clockWidthDiv))*1px) calc(round(1 / var(--clockWidthDiv))*1px),calc(round(612 / var(--clockWidthDiv))*1px) calc(round(2 / var(--clockWidthDiv))*1px),calc(round(625 / var(--clockWidthDiv))*1px) calc(round(6 / var(--clockWidthDiv))*1px),calc(round(700 / var(--clockWidthDiv))*1px) calc(round(50 / var(--clockWidthDiv))*1px),calc(round(710 / var(--clockWidthDiv))*1px) calc(round(57 / var(--clockWidthDiv))*1px),calc(round(715 / var(--clockWidthDiv))*1px) calc(round(65 / var(--clockWidthDiv))*1px),calc(round(718 / var(--clockWidthDiv))*1px) calc(round(94 / var(--clockWidthDiv))*1px),calc(round(723 / var(--clockWidthDiv))*1px) calc(round(123 / var(--clockWidthDiv))*1px),calc(round(735 / var(--clockWidthDiv))*1px) calc(round(123 / var(--clockWidthDiv))*1px),calc(round(738 / var(--clockWidthDiv))*1px) calc(round(130 / var(--clockWidthDiv))*1px),calc(round(739 / var(--clockWidthDiv))*1px) calc(round(140 / var(--clockWidthDiv))*1px),calc(round(738 / var(--clockWidthDiv))*1px) calc(round(150 / var(--clockWidthDiv))*1px),calc(round(736 / var(--clockWidthDiv))*1px) calc(round(154 / var(--clockWidthDiv))*1px),calc(round(723 / var(--clockWidthDiv))*1px) calc(round(155 / var(--clockWidthDiv))*1px),calc(round(722 / var(--clockWidthDiv))*1px) calc(round(166 / var(--clockWidthDiv))*1px),calc(round(720 / var(--clockWidthDiv))*1px) calc(round(175 / var(--clockWidthDiv))*1px),calc(round(720 / var(--clockWidthDiv))*1px) calc(round(220 / var(--clockWidthDiv))*1px),calc(round(718 / var(--clockWidthDiv))*1px) calc(round(227 / var(--clockWidthDiv))*1px),calc(round(710 / var(--clockWidthDiv))*1px) calc(round(236 / var(--clockWidthDiv))*1px),calc(round(709 / var(--clockWidthDiv))*1px) calc(round(241 / var(--clockWidthDiv))*1px),calc(round(709 / var(--clockWidthDiv))*1px) calc(round(254 / var(--clockWidthDiv))*1px),calc(round(704 / var(--clockWidthDiv))*1px) calc(round(262 / var(--clockWidthDiv))*1px),calc(round(693 / var(--clockWidthDiv))*1px) calc(round(268 / var(--clockWidthDiv))*1px),calc(round(654 / var(--clockWidthDiv))*1px) calc(round(268 / var(--clockWidthDiv))*1px),calc(round(651 / var(--clockWidthDiv))*1px) calc(round(275 / var(--clockWidthDiv))*1px),calc(round(112 / var(--clockWidthDiv))*1px) calc(round(300 / var(--clockWidthDiv))*1px),calc(round(92 / var(--clockWidthDiv))*1px) calc(round(275 / var(--clockWidthDiv))*1px),calc(round(91 / var(--clockWidthDiv))*1px) calc(round(269 / var(--clockWidthDiv))*1px),calc(round(76 / var(--clockWidthDiv))*1px) calc(round(267 / var(--clockWidthDiv))*1px),calc(round(69 / var(--clockWidthDiv))*1px) calc(round(261 / var(--clockWidthDiv))*1px),calc(round(60 / var(--clockWidthDiv))*1px) calc(round(255 / var(--clockWidthDiv))*1px),calc(round(55 / var(--clockWidthDiv))*1px) calc(round(246 / var(--clockWidthDiv))*1px),calc(round(6 / var(--clockWidthDiv))*1px) calc(round(195 / var(--clockWidthDiv))*1px),calc(round(5 / var(--clockWidthDiv))*1px) calc(round(185 / var(--clockWidthDiv))*1px),0 calc(round(180 / var(--clockWidthDiv))*1px),0 calc(round(156 / var(--clockWidthDiv))*1px),calc(round(5 / var(--clockWidthDiv))*1px) calc(round(150 / var(--clockWidthDiv))*1px))}.clock.hit-2 .clock-face{transform:rotate(3deg)}.clock.hit-2 .clock-face .time .lights>span:nth-child(2) span:nth-child(2):before,.clock.hit-2 .clock-face .time .lights>span:nth-child(7):before,.clock.hit-2 .clock-face .time .lights>span:nth-child(8):before,.clock.hit-3 .clock-face .time .lights>span:nth-child(2) span:nth-child(2):before,.clock.hit-3 .clock-face .time .lights>span:nth-child(7):before,.clock.hit-3 .clock-face .time .lights>span:nth-child(8):before{display:none}.clock.hit-2 .clock-face .time .lights>span:nth-child(2) span:first-child:before,.clock.hit-3 .clock-face .time .lights>span:nth-child(2) span:first-child:before{height:calc(round(200 / var(--clockWidthDiv))*1px);left:calc(round(70 / var(--clockWidthDiv))*-1px);top:calc(round(100 / var(--clockWidthDiv))*-1px);width:calc(round(200 / var(--clockWidthDiv))*1px)}.clock.hit-2 .clock-face .time .lights>span:nth-child(3),.clock.hit-3 .clock-face .time .lights>span:nth-child(3){opacity:.2}.clock.hit-2 .clock-face .time .lights>span:nth-child(3):after,.clock.hit-2 .clock-face .time .lights>span:nth-child(3):before,.clock.hit-3 .clock-face .time .lights>span:nth-child(3):after,.clock.hit-3 .clock-face .time .lights>span:nth-child(3):before{display:none}.clock.hit-2 .clock-face .time .hour .top-panel,.clock.hit-3 .clock-face .time .hour .top-panel{opacity:.7}.clock.hit-3 .clock-shell,.clock.hit-4 .clock-shell{clip-path:polygon(calc(round(8 / var(--clockWidthDiv))*1px) calc(round(40 / var(--clockWidthDiv))*1px),calc(round(13 / var(--clockWidthDiv))*1px) calc(round(33 / var(--clockWidthDiv))*1px),calc(round(20 / var(--clockWidthDiv))*1px) calc(round(27 / var(--clockWidthDiv))*1px),calc(round(34 / var(--clockWidthDiv))*1px) calc(round(22 / var(--clockWidthDiv))*1px),calc(round(580 / var(--clockWidthDiv))*1px) calc(round(0 / var(--clockWidthDiv))*1px),calc(round(600 / var(--clockWidthDiv))*1px) calc(round(1 / var(--clockWidthDiv))*1px),calc(round(612 / var(--clockWidthDiv))*1px) calc(round(2 / var(--clockWidthDiv))*1px),calc(round(625 / var(--clockWidthDiv))*1px) calc(round(6 / var(--clockWidthDiv))*1px),calc(round(700 / var(--clockWidthDiv))*1px) calc(round(50 / var(--clockWidthDiv))*1px),calc(round(710 / var(--clockWidthDiv))*1px) calc(round(57 / var(--clockWidthDiv))*1px),calc(round(715 / var(--clockWidthDiv))*1px) calc(round(65 / var(--clockWidthDiv))*1px),calc(round(718 / var(--clockWidthDiv))*1px) calc(round(94 / var(--clockWidthDiv))*1px),calc(round(723 / var(--clockWidthDiv))*1px) calc(round(123 / var(--clockWidthDiv))*1px),calc(round(735 / var(--clockWidthDiv))*1px) calc(round(123 / var(--clockWidthDiv))*1px),calc(round(738 / var(--clockWidthDiv))*1px) calc(round(130 / var(--clockWidthDiv))*1px),calc(round(739 / var(--clockWidthDiv))*1px) calc(round(140 / var(--clockWidthDiv))*1px),calc(round(738 / var(--clockWidthDiv))*1px) calc(round(150 / var(--clockWidthDiv))*1px),calc(round(736 / var(--clockWidthDiv))*1px) calc(round(154 / var(--clockWidthDiv))*1px),calc(round(723 / var(--clockWidthDiv))*1px) calc(round(155 / var(--clockWidthDiv))*1px),calc(round(722 / var(--clockWidthDiv))*1px) calc(round(166 / var(--clockWidthDiv))*1px),calc(round(720 / var(--clockWidthDiv))*1px) calc(round(175 / var(--clockWidthDiv))*1px),calc(round(720 / var(--clockWidthDiv))*1px) calc(round(220 / var(--clockWidthDiv))*1px),calc(round(718 / var(--clockWidthDiv))*1px) calc(round(227 / var(--clockWidthDiv))*1px),calc(round(710 / var(--clockWidthDiv))*1px) calc(round(236 / var(--clockWidthDiv))*1px),calc(round(706 / var(--clockWidthDiv))*1px) calc(round(238 / var(--clockWidthDiv))*1px),calc(round(703 / var(--clockWidthDiv))*1px) calc(round(276 / var(--clockWidthDiv))*1px),calc(round(693 / var(--clockWidthDiv))*1px) calc(round(287 / var(--clockWidthDiv))*1px),calc(round(680 / var(--clockWidthDiv))*1px) calc(round(290 / var(--clockWidthDiv))*1px),calc(round(508 / var(--clockWidthDiv))*1px) calc(round(282 / var(--clockWidthDiv))*1px),calc(round(112 / var(--clockWidthDiv))*1px) calc(round(300 / var(--clockWidthDiv))*1px),calc(round(92 / var(--clockWidthDiv))*1px) calc(round(275 / var(--clockWidthDiv))*1px),calc(round(91 / var(--clockWidthDiv))*1px) calc(round(269 / var(--clockWidthDiv))*1px),calc(round(76 / var(--clockWidthDiv))*1px) calc(round(267 / var(--clockWidthDiv))*1px),calc(round(69 / var(--clockWidthDiv))*1px) calc(round(262 / var(--clockWidthDiv))*1px),calc(round(59 / var(--clockWidthDiv))*1px) calc(round(260 / var(--clockWidthDiv))*1px),calc(round(50 / var(--clockWidthDiv))*1px) calc(round(249 / var(--clockWidthDiv))*1px),calc(round(48 / var(--clockWidthDiv))*1px) calc(round(239 / var(--clockWidthDiv))*1px),calc(round(6 / var(--clockWidthDiv))*1px) calc(round(195 / var(--clockWidthDiv))*1px),calc(round(5 / var(--clockWidthDiv))*1px) calc(round(185 / var(--clockWidthDiv))*1px),0 calc(round(180 / var(--clockWidthDiv))*1px),0 calc(round(156 / var(--clockWidthDiv))*1px),calc(round(5 / var(--clockWidthDiv))*1px) calc(round(150 / var(--clockWidthDiv))*1px))}.clock.hit-3 .clock-face,.clock.hit-4 .clock-face{transform:rotate(5deg)}.clock.hit-3 .time{animation:Flicker 4s linear infinite}@keyframes Speaker{0%,50%,to{scale:1}25%{scale:.99}75%{scale:1.01}}@keyframes Flicker{0%,50%,to{opacity:.8}25%{opacity:.7}75%{opacity:.9}}