@import url(https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap);*{box-sizing:border-box;font-family:Play,sans-serif;margin:0;padding:0}:root{--width:50px;--height:calc(var(--width)/2);--border-radius:calc(var(--height)/2)}a{text-decoration:none}.container{background-color:#1a1f38;height:100vh}.header{align-items:center;bottom:0;display:flex;justify-content:space-between;overflow:hidden;position:fixed;width:100%}.header .nav-item{color:#35394a;display:flex;float:left;font-size:17px;font-weight:500;justify-content:center;padding:14px 16px;text-align:center;text-decoration:none}.nav-item.active{background-color:#2c314f;border-top-left-radius:10px;border-top-right-radius:10px;color:#ff0}.nav-item:hover{color:#ff0}.header-edit{align-items:center;bottom:0;display:flex;justify-content:space-evenly;overflow:hidden;padding-bottom:10px;position:fixed;width:100%}.header-edit .nav-items{color:#777;cursor:pointer;font-size:17px}.header-edit .nav-items.active{color:#ff0}.add-btn{align-items:center;background-color:#2c314f;border:2px solid #ff0;border-radius:50%;display:block;height:48px;justify-content:center;position:fixed;right:1px;top:90px;-webkit-transform:translate(-30%,-20%);transform:translate(-30%,-20%);width:48px}.add-btn svg{height:45px;width:45px}.upcoming-alarm{align-items:center;color:#777;display:flex;flex-direction:column;gap:5px;justify-content:center;padding-top:25px}.upcoming-alarm p{font-size:17px}.upcoming-alarm .time{color:#fff;font-size:30px;font-weight:600}.alarm-page{height:92vh;overflow-y:scroll}.alarm-list{display:flex;flex-direction:column;gap:10px;margin-top:60px;padding:0 15px}.alarm{align-items:center;background-color:#2c314f;border-radius:10px;color:#777;cursor:pointer;display:flex;height:57px;justify-content:space-between;padding:0 10px;text-decoration:none}.alarm .type{display:flex;gap:20px}.alarm p{color:#fff;font-size:24px}.alarm ul{display:flex;gap:10px;list-style:none}.alarm ul li.active{color:#ff0}input[type=checkbox].toggle{left:-9000px;opacity:0;position:absolute;top:-9000px}input[type=checkbox].toggle+label{align-items:center;cursor:pointer;display:flex;position:relative}input[type=checkbox].toggle+label:before{background-color:#1a1f38;border-radius:1em;content:"";height:1.5em;transition:background-color .2s ease-in-out;width:2.8em}input[type=checkbox].toggle+label:after{align-items:center;background-color:#eb4747;border-radius:1em;color:#fff;content:"";display:flex;font-size:.7em;height:1em;height:1.8em;justify-content:center;left:.2em;position:absolute;transition:background-color .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:background-color .2s ease-in-out,transform .2s ease-in-out;transition:background-color .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:1.8em}input[type=checkbox].toggle:checked+label:before{background-color:#1a1f38}input[type=checkbox].toggle:checked+label:after{background-color:#ff0;-webkit-transform:translate(100%,5%);transform:translate(100%,5%)}input[type=checkbox].toggle:disabled+label{color:#5ae708}input[type=checkbox].toggle:disabled+label:after,input[type=checkbox].toggle:disabled+label:before{background-color:#5ae708}.active-alarm{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:50px;gap:20px;justify-content:center;padding-top:30%}.active-alarm .alarm-logo{height:200px;width:200px}.active-alarm .stop-icon{background:#f56666;border:none;border-radius:10px;cursor:pointer;height:50px;margin-top:50px;outline:none;width:50px}.edit-page{align-items:center;display:flex;flex-direction:column;gap:65px;justify-content:center;padding-top:25%}.edit-page .edit-title{color:#fff;font-size:50px}.edit-page .inputs{align-items:center;border-radius:15px;display:flex;gap:25px;justify-content:center;padding:20px 10px;width:90%}.edit-page .inputs,.edit-page .inputs select{background-color:#2c314f;color:#ff0;text-align:center}.edit-page .inputs select{border:none;cursor:pointer;font-size:20px;outline:none}.edit-page .controls{background-color:#2c314f;border-radius:15px;color:#fff;padding:15px;width:90%}.edit-page .controls .date-controls{align-items:center;color:#777;display:flex;font-size:20px;gap:15px;list-style:none;margin:10px -5px}.date-controls .date{cursor:pointer}.edit-page .controls .date-controls .date.active{border:1px solid #ff0;border-radius:50%;color:#ff0;padding:4.5px 8.5px;text-align:center}.alarm-vibration,.edit-page .controls .alarm-sounds{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.alarm-sound{align-items:center;background-color:#eb4747;border:none;border-radius:15px;cursor:pointer;display:flex;justify-content:center;outline:none;padding:5px 6px}.alarm-sound.active{background-color:#5ae708}.stopwatch-page{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:60%}.stopwatch-page .timer{color:#777;display:flex;font-size:60px}.timer p{color:#ff0}.stopwatch-page .stopwatch-controller{display:flex;gap:40px;margin-top:25%}.stopwatch-controller button{background-color:#1a1f38;color:#ff0;cursor:pointer;outline:none}.stopwatch-controller button.stop{border:1px solid #eb4747;border-radius:25px;color:#eb4747;padding:10px 25px}.stopwatch-controller button.reset{border:1px solid #ff0;border-radius:25px;padding:10px 25px}.countdown-page{flex-direction:column;padding-top:40%}.countdown-page,.countdown-page .countdown{align-items:center;display:flex;justify-content:center}.countdown-page .countdown{color:#777;font-size:60px;padding-top:25%;text-align:center}.countdown p{color:#ff0}.countdown-page .countdown-input{display:flex;gap:10px}.countdown-input input{background-color:#1a1f38;border:none;color:#ff0;font-size:50px;text-align:right;width:100px}.countdown-input input::-webkit-input-placeholder{color:#ff0;opacity:1}.countdown-input input::placeholder{color:#ff0;opacity:1}.countdown-options{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20%}.countdown-options .option{align-items:center;background-color:#2c314f;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:17px 20px}.countdown-options .option span{color:#777}.countdown-control{display:flex;flex-wrap:wrap;gap:40px;margin-top:10%}.countdown-control button{background-color:#1a1f38;border-radius:25px;color:#ff0;cursor:pointer;outline:none;padding:10px 25px}.countdown-control button.stop-countdown{border:1px solid #eb4747;color:#eb4747}.countdown-control button.start-countdown,.reset-countdown{border:1px solid #ff0;color:#ff0}.loading-screen{align-items:center;background-color:#1a1f38;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;border:7px solid #f3f3f3;border-radius:50%;border-top-color:#f7ae65;height:100px;width:100px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.8ccf8f5e.css.map*/