.container[data-v-4e232fb0]{position:absolute;width:420px;height:420px;border:2px solid #fff;border-radius:4px;background:var(--tbackground)}.hourglass[data-v-4e232fb0]{position:relative;height:100%}.wood[data-v-4e232fb0]{position:absolute;left:50%;transform:translateX(-50%);background-color:var(--woodColor);width:220px;height:30px}.wood[data-v-4e232fb0]:first-child{top:20px}.wood[data-v-4e232fb0]:nth-child(2){bottom:20px}.top[data-v-4e232fb0]{position:absolute;bottom:50%;left:50%;width:200px;height:110px;border:2px solid #e2dec8;border-radius:20px 20px 200px 200px;transform:translateX(-50%) scaleY(1.5);transform-origin:bottom;overflow:hidden}.top[data-v-4e232fb0]:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;background-color:var(--sandColor);animation:sandHeightTop-4e232fb0 var(--animation-speed) linear 1}@keyframes sandHeightTop-4e232fb0{0%{height:100%}to{height:0%}}.bottom[data-v-4e232fb0]{position:absolute;top:50%;left:50%;width:200px;height:110px;border:2px solid #e2dec8;border-radius:200px 200px 20px 20px;transform:translateX(-50%) scaleY(1.5);transform-origin:top;overflow:hidden}.bottom .bottom_sand[data-v-4e232fb0]{position:absolute;top:100%;left:0;width:100%;height:100%;background-color:var(--sandColor);transform:scaleX(3);animation:sandTop-4e232fb0 var(--animation-speed) linear 1;animation-fill-mode:forwards}@keyframes sandTop-4e232fb0{0%{top:100%}80%{top:20%}to{top:0}}@keyframes sandAngle-4e232fb0{0%{border-radius:5px}to{border-radius:50px}}.mid[data-v-4e232fb0]{position:absolute;top:50%;left:50%;width:18px;height:6px;border:solid var(--woodColor);border-width:0 3px;transform:translate(-50%,-50%);transform-origin:center;background-color:var(--sandColor)}.mid[data-v-4e232fb0]:before{content:"";width:12px;height:14px}.drop[data-v-4e232fb0],.mid[data-v-4e232fb0]:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--sandColor);border-radius:50%}.drop[data-v-4e232fb0]{width:10px;height:10px;--dropx:-50%;opacity:1;animation:sandDrop-4e232fb0 5s ease-in infinite,dropVis-4e232fb0 var(--animation-speed) linear infinite}.drop[data-v-4e232fb0]:first-child{animation-delay:0s;--dropx:-100%}.drop[data-v-4e232fb0]:nth-child(2){animation-delay:1s;--dropx:-70%}.drop[data-v-4e232fb0]:nth-child(3){animation-delay:2s;--dropx:-40%}.drop[data-v-4e232fb0]:nth-child(4){animation-delay:3s;--dropx:-10%}.drop[data-v-4e232fb0]:nth-child(5){animation-delay:4s;--dropx:-80%}.drop[data-v-4e232fb0]:nth-child(6){animation-delay:5s;--dropx:-50%}.drop[data-v-4e232fb0]:nth-child(7){animation-delay:6s;--dropx:-20%}.drop[data-v-4e232fb0]:nth-child(8){animation-delay:7s;--dropx:-90%}.drop[data-v-4e232fb0]:nth-child(9){animation-delay:8s;--dropx:-60%}.drop[data-v-4e232fb0]:nth-child(10){animation-delay:9s;--dropx:-30%}@keyframes sandDrop-4e232fb0{0%{top:50%;transform:translate(-50%,-50%)}to{top:calc(50% + 160px);transform:translate(var(--dropx),-50%) scale(.25)}}@keyframes dropVis-4e232fb0{0%{opacity:1}to{opacity:1}}.timer-container[data-v-8d2a1c52]{text-align:center;font-family:Arial,sans-serif;position:absolute;border-radius:10%;box-shadow:10px 10px 15px rgba(0,0,0,.3);top:100px;left:100px;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9999;background-color:#fff;display:flex;justify-content:center}.svg-timer[data-v-8d2a1c52]{margin-bottom:20px;position:relative}.progress-circle[data-v-8d2a1c52]{transition:stroke-dashoffset 1s linear}.time-display[data-v-8d2a1c52]{font-size:24px;color:#3f51b5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.controls[data-v-8d2a1c52]{margin-top:20px}.controls button[data-v-8d2a1c52]{margin:5px;padding:10px 20px;background-color:#3f51b5;color:#fff;border:none;border-radius:4px;cursor:pointer}.controls button[data-v-8d2a1c52]:hover{background-color:#303f9f}.closeiconzone[data-v-8d2a1c52]{cursor:pointer;position:absolute;max-width:2vw;right:3%;z-index:999}