:root{--color-background:#e7e7e7;--color-text:#646e82;--color-box_shadow-dark:#a5a5a5;--color-box_shadow-light:#fff;--color-card-title-h2:#333}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}li{list-style:none}a{text-decoration:none}body{background:#e7e7e7;background:var(--color-background);height:100vh;overflow:hidden;transition:all .5s;width:100vw}.togglebtn,a{font-family:cursive}.card{align-content:center;align-items:center;background:#e7e7e7;background:var(--color-background);border-radius:35px;box-shadow:10px 10px 25px #a5a5a5,-10px -10px 25px #fff;box-shadow:10px 10px 25px var(--color-box_shadow-dark),-10px -10px 25px var(--color-box_shadow-light);display:flex;flex-direction:column;left:50%;margin-left:50px;max-height:550px;min-height:550px;overflow:hidden;padding-top:40px;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:margin-left .5s;transition:all .5s;width:max(60%,300px)}.card .card-title{padding-bottom:25px}.card .card-title h2{color:#333;color:var(--color-card-title-h2);padding-top:20px}.card .card-add,.card .card-title p{color:#646e82;color:var(--color-text)}.card .card-add{text-align:right}.card .card-add svg{margin-left:10px}.card .card-add_alarm{align-items:center;display:flex;justify-content:center;margin-bottom:5%;margin-top:10px;position:relative;width:100%}.card .card-add_alarm svg{background:#e5120a;border:1px solid #999;border-radius:50%;box-shadow:inset 13px 13px 12px #d51109,inset -13px -13px 12px #f5130b,1px 1px 2px #b90f08,-1px -1px 2px #ff150c;color:#ecf0f3;font-size:3rem;padding:15px;z-index:4}.card .card-add_alarm:after{background:#e4e8f1;border-radius:50%;box-shadow:6px 6px 12px #a5a5a5,-6px -6px 12px #fff;box-shadow:6px 6px 12px var(--color-box_shadow-dark),-6px -6px 12px var(--color-box_shadow-light);content:"";height:60px;left:50%;margin-bottom:65px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px;z-index:1}.card .card-body{background:#e7e7e7;background:var(--color-background);border-radius:20px;box-shadow:0 -5px 10px #fff;box-shadow:0 -5px 10px var(--color-box_shadow-light);min-height:250px;overflow:auto;padding-bottom:80px;padding-top:10px;width:100%}.card .card-body .card-body-title{align-items:center;display:flex;gap:25px;justify-content:space-between;padding:10px 15% 10px 8%;width:100%}.card .card-body .card-body-title h3{color:#646e82;color:var(--color-text);font-size:18px}.card .card-body .card-body-table{align-items:center;border-bottom:1px solid #646e82;border-bottom:1px solid var(--color-text);color:#646e82;color:var(--color-text);display:flex;justify-content:space-between;padding-bottom:15px;width:100%}.card .card-body .card-body-table p{width:30%}.card .card-body .cardly{align-content:flex-end;align-items:center;background:#e7e7e7;background:var(--color-background);border-radius:20px;box-shadow:0 10px 20px #a5a5a5,0 -5px 10px #fff;box-shadow:0 10px 20px var(--color-box_shadow-dark),0 -5px 10px var(--color-box_shadow-light);color:#646e82;color:var(--color-text);display:flex;flex-direction:row;flex-wrap:nowrap;gap:10%;justify-content:center;margin:10px 12px 25px;padding:20px 0}.card .card-body .cardly h3{text-align:center;width:30%}.card .card-body .cardly h3 span{display:block;font-size:.7rem;opacity:.8}.card .card-body .cardly p{font-size:2rem}.card .card-body .cardly>div{width:30%}@media screen and (max-width:850px){.cardly p{font-size:1.2rem!important}}@media screen and (max-width:530px){.cardly h3{font-size:1rem}.cardly h3 span{font-size:.5rem!important}.cardly p{font-size:1rem!important}.cardly svg{font-size:1rem}.card .card-add_alarm{margin-bottom:22%!important}}.clock-style,.clock-style .ellipse{display:flex;justify-content:center}.clock-style .ellipse{align-items:center;border-radius:50%;box-shadow:10px 10px 26px #a5a5a5,-10px -10px 26px #fff;box-shadow:10px 10px 26px var(--color-box_shadow-dark),-10px -10px 26px var(--color-box_shadow-light);height:203px;position:relative;width:203px}.clock-style .hands:after,.clock-style .hands:before,.clock-style .markings,.clock-style .rectangle{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.clock-style .rectangle{border-radius:50%;box-shadow:inset 10px 10px 26px #a5a5a5,inset -10px -10px 26px #fff;box-shadow:inset 10px 10px 26px var(--color-box_shadow-dark),inset -10px -10px 26px var(--color-box_shadow-light);height:176px;width:176px}.clock-style .markings{height:100%;width:100%;z-index:2}.clock-style .hands{border-radius:50%;height:176px;overflow:hidden;position:relative;width:176px;z-index:5}.clock-style .hands:before{background:#646e82;background:var(--color-text);border-radius:50%;content:"";height:10px;width:10px;z-index:7}.clock-style .hands:after{background:#fd382d;border-radius:50%;content:"";height:5px;width:5px;z-index:8}.clock-style .hands .time{background:#646e82;background:var(--color-text);border-radius:10px;height:3px;left:40%;position:absolute;top:50%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:20%;transform-origin:20%;transition:all .05s;-webkit-transition:all .05s;transition-timing-function:cubic-bezier(.1,2.7,.58,1);width:50%;z-index:6}.clock-style .hands .sec{background:#fd382d;height:2px}@media screen and (max-width:530px){.footer-btn{margin-bottom:22%!important}}.footer-btn{display:flex;gap:25px;justify-content:center;margin:10px 0 20px;padding:5px 0;width:100%}.btn{background:linear-gradient(145deg,#a5a5a5,#fff #f7f7f7);background:linear-gradient(145deg,var(--color-box_shadow-dark),var(--color-box_shadow-light) #f7f7f7);border:none;border-radius:16px;box-shadow:9px 9px 10px #a5a5a5,-9px -9px 10px #fff;box-shadow:9px 9px 10px var(--color-box_shadow-dark),-9px -9px 10px var(--color-box_shadow-light);color:#646e82;color:var(--color-text);font-size:1rem;min-width:100px;padding:10px 20px}.btn:active{box-shadow:inset 9px 9px 10px #a5a5a5,inset -9px -9px 10px #fff;box-shadow:inset 9px 9px 10px var(--color-box_shadow-dark),inset -9px -9px 10px var(--color-box_shadow-light)}.input_time{background:transparent;border:none;border-radius:2px;box-shadow:6px 6px 12px #a5a5a5,-6px -6px 12px #fff;box-shadow:6px 6px 12px var(--color-box_shadow-dark),-6px -6px 12px var(--color-box_shadow-light);color:#333;color:var(--color-card-title-h2);font-size:1rem;margin-top:20px;padding:10px 0;text-align:center}.input_time:focus-visible{outline:none}.loading__anim{-webkit-animation:rotate .6s linear infinite;animation:rotate .6s linear infinite;border-color:#039be5 hsla(0,0%,74%,.25) hsla(0,0%,74%,.25) #039be5;border-radius:50%;border-style:solid;border-width:5px;display:inline-block;height:35px;width:35px}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.modal{background-color:#000;background-color:rgba(0,0,0,.7);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#e7e7e7;background-color:var(--color-background);border:1px solid #888;border-radius:10px;margin:15% auto;padding:20px;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}.sidenav{background:#646e82;background:var(--color-text);border-right:1px solid #fff;height:100%;left:0;opacity:.8;overflow-x:hidden;padding-top:60px;position:fixed;top:0;-webkit-transform:translateX(-1px);transform:translateX(-1px);transition:.5s;width:250px;z-index:1}.sidenav a{align-items:center;color:#e7e7e7;color:var(--color-background);display:flex!important;display:block;font-size:25px;gap:10px;justify-content:flex-start;opacity:1;padding:8px 8px 8px 32px;transition:.3s}.sidenav a:hover{color:#fff;color:var(--color-box_shadow-light);opacity:.7;-webkit-transform:translateX(10px);transform:translateX(10px)}.sidenav .closebtn{font-size:36px;margin-left:50px;right:25px}.sidenav .closebtn,.togglebtn{background:transparent;border:none;color:#e7e7e7;color:var(--color-background);position:absolute;top:0}.togglebtn{font-size:20px;left:25px;padding-left:5px;padding-top:10px}.togglebtn span{align-items:center;display:flex;gap:5px;justify-content:center}.active-side-light{color:#e7e7e7!important}.active-side-dark,.active-side-light{opacity:.7!important;-webkit-transform:translate(10px);transform:translate(10px)}.active-side-dark{color:#5d666d!important}.navbar{background-color:#e7e7e7;background-color:var(--color-background);bottom:0;display:none;justify-content:space-evenly;opacity:1;overflow:hidden;position:fixed;width:100%}.navbar a{background:#e7e7e7;background:var(--color-background);border-radius:10px;box-shadow:13px 13px 15px #a5a5a5,-13px -13px 15px #fff;box-shadow:13px 13px 15px var(--color-box_shadow-dark),-13px -13px 15px var(--color-box_shadow-light);color:#646e82;color:var(--color-text);display:block;font-size:17px;margin:5px;padding:14px 16px;text-align:center;text-decoration:none;transition:all .5s}.navbar a:hover{background-color:#ddd;color:#000}.active-nav{box-shadow:inset 13px 13px 15px #a5a5a5,inset -13px -13px 15px #fff!important;box-shadow:inset 13px 13px 15px var(--color-box_shadow-dark),inset -13px -13px 15px var(--color-box_shadow-light)!important}@media screen and (max-width:480px){.navbar{display:flex}.card{margin-left:0!important}.sidenav{display:none}}.ring{-webkit-animation:ring .3s linear infinite;animation:ring .3s linear infinite;margin-top:-20px;padding-bottom:10px;text-shadow:1px 1px 1px #000,-1px -1px 1px #fff}@-webkit-keyframes ring{50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}0%,to{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes ring{50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}0%,to{-webkit-transform:translateX(5px);transform:translateX(5px)}}::-webkit-scrollbar-track{border-radius:20px;box-shadow:inset 0 0 3px #e7e7e7;box-shadow:inset 0 0 3px var(--color-background)}::-webkit-scrollbar-thumb{background:#9095a0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#666}::-webkit-search-cancel-button{background:666;color:666}::-webkit-scrollbar{width:12px}.wrapper{background:#e7e7e7;background:var(--color-background);border-radius:50%;height:180px;margin:40px auto;position:relative;width:180px}.wrapper .pie{background:#646e82;background:var(--color-text);border:5px solid rgba(0,0,0,.5);height:100%;position:absolute;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;width:50%}.wrapper .spinner{border-radius:100% 0 0 100%/50% 0 0 50%;border-right:none;-webkit-transform:rotate(0deg);transform:rotate(0deg);z-index:20}.wrapper .filler{border-left:none;border-radius:0 100% 100% 0/0 50% 50% 0;left:50%;opacity:1;z-index:100}.wrapper .mask{background:inherit;height:100%;opacity:0;position:absolute;width:50%;z-index:300}@-webkit-keyframes rota{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rota{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes opa{0%{opacity:1}50%,to{opacity:0}}@keyframes opa{0%{opacity:1}50%,to{opacity:0}}
/*# sourceMappingURL=main.5c5c2f54.css.map*/