@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);.toast-container{display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;top:20px;z-index:9999}.toast{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:300px;padding:16px}.toast-info{border-left-color:#3498db}.toast-success{border-left-color:#2ecc71}.toast-warning{border-left-color:#f39c12}.toast-error{border-left-color:#e74c3c}.toast-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.toast-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-close{align-items:center;background:transparent;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.toast-close:hover{color:#333}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:480px){.toast-container{left:10px;max-width:100%;right:10px;top:10px}.toast{min-width:auto}}.clock-circle{align-items:center;border-radius:50%;box-shadow:-6px -6px 16px var(--white-color),6px 6px 16px hsla(var(--hue-color),30%,86%,1),inset 6px 6px 16px hsla(var(--hue-color),30%,86%,1),inset -6px -6px 16px var(--white-color);display:flex;height:260px;justify-content:center;justify-self:center;position:relative;transition:.4s;width:260px}.alarm-icon{font-size:45px;left:-25px;position:absolute;top:-20px}.active{-webkit-animation:alarm 2s infinite alternate;animation:alarm 2s infinite alternate}.clock-content{align-self:center;row-gap:2rem}.clock-nine,.clock-six,.clock-three,.clock-twelve{background-color:var(--first-color);height:1px;position:absolute;width:1.5rem}.clock-six,.clock-twelve{-webkit-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg)}.clock-twelve{left:50%;top:1.25rem}.clock-three{right:.75rem;top:50%}.clock-six{bottom:1.25rem;left:50%}.clock-nine{left:.75rem;top:50%}.clock-rounder{background-color:var(--first-color);border:2px solid var(--body-color);border-radius:50%;height:.75rem;width:.75rem;z-index:var(--z-tooltip)}.clock-hour,.clock-minutes,.clock-seconds{display:flex;justify-content:center;position:absolute}.clock-hour{height:140px;width:105px}.clock-hour:before{background-color:var(--text-color);border-radius:.75rem;content:"";height:5.5rem;position:absolute;width:.25rem;z-index:var(--z-normal)}.clock-minutes{height:186px;width:136px}.clock-minutes:before{background-color:var(--text-color);border-radius:.75rem;content:"";height:6.5rem;position:absolute;width:.25rem;z-index:var(--z-normal)}.clock-seconds{height:200px;width:130px}.clock-seconds:before{background-color:var(--first-color);border-radius:.75rem;content:"";height:7.5rem;position:absolute;width:.125rem;z-index:var(--z-normal)}@-webkit-keyframes alarm{0%,to{text-shadow:0 0 0 transparent;-webkit-transform:scale(1,1,1);transform:scale(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-6deg);transform:scale3d(.9,.9,.9) rotate(-6deg)}30%,50%,70%,90%{text-shadow:0 1px 3px rgb(0 0 0/30%);-webkit-transform:scale3d(1.2,1.2,1.2) rotate(6deg);transform:scale3d(1.2,1.2,1.2) rotate(6deg)}40%,60%,80%{-webkit-transform:scale3d(1.2,1.2,1.2) rotate(-6deg);transform:scale3d(1.2,1.2,1.2) rotate(-6deg)}}@keyframes alarm{0%,to{text-shadow:0 0 0 transparent;-webkit-transform:scale(1,1,1);transform:scale(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-6deg);transform:scale3d(.9,.9,.9) rotate(-6deg)}30%,50%,70%,90%{text-shadow:0 1px 3px rgb(0 0 0/30%);-webkit-transform:scale3d(1.2,1.2,1.2) rotate(6deg);transform:scale3d(1.2,1.2,1.2) rotate(6deg)}40%,60%,80%{-webkit-transform:scale3d(1.2,1.2,1.2) rotate(-6deg);transform:scale3d(1.2,1.2,1.2) rotate(-6deg)}}.option-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.wrapper-option{align-items:center;display:flex;gap:10px}.disable{pointer-events:none}.wrapper-option select{background-color:var(--body-color);border:none;border-radius:5px;box-shadow:-3px -3px 5px var(--white-color),3px 3px 5px hsla(var(--hue-color),30%,86%,1),inset 3px 3px 5px hsla(var(--hue-color),30%,86%,1),inset -3px -3px 5px var(--white-color);cursor:pointer;font-size:16px;outline:none;padding:10px 15px;text-align:center}select::-webkit-scrollbar{width:8px}select::-webkit-scrollbar-thumb{background:orange;border-radius:8px;border-right:2px solid #fff}select option{background:var(--first-color);color:#fff;display:block}.setAlarm-btn{background-color:var(--first-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:40px;letter-spacing:1px;margin-top:30px;outline:none;width:320px}.play{background-color:orange;color:#000}.clock-text{display:flex;justify-content:center}.clock-text-hour,.clock-text-minutes{font-size:var(--biggest-font-size)}.clock-text-ampm,.clock-text-hour,.clock-text-minutes{color:var(--title-color);font-weight:var(--font-medium)}.clock-text-ampm{font-size:var(--tiny-font-size);margin-left:var(--mb-0-25)}.clock-date{font-size:var(--small-font-size);font-weight:var(--font-medium);text-align:center}:root{--hue-color:240;--first-color:hsl(var(--hue-color),53%,49%);--title-color:hsl(var(--hue-color),53%,15%);--text-color:hsl(var(--hue-color),12%,35%);--text-color-light:hsl(var(--hue-color),12%,65%);--white-color:#fff;--body-color:hsl(var(--hue-color),24%,94%);--body-font:"Poppins",sans-serif;--biggest-font-size:3rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem;--tiny-font-size:0.625rem;--font-medium:500;--mb-0-25:0.25rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2-5:2.5rem;--z-normal:1;--z-tooltip:10}@media screen and (min-width:968px){:root{--biggest-font-size:3.5rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem;--tiny-font-size:0.75rem}}body{background-color:#ececf3;background-color:var(--body-color);color:#4f4f64;color:var(--text-color);font-family:Poppins,sans-serif;font-family:var(--body-font);margin:0;transition:.4s}a{text-decoration:none}.container{align-items:center;display:flex;justify-content:center;max-width:968px;padding:0 16px}.grid{display:grid}.clock-container{grid-template-rows:1fr -webkit-max-content;grid-template-rows:1fr max-content;height:100vh}@media screen and (min-width:968px){.container{margin-left:auto;margin-right:auto}}*{box-sizing:border-box;margin:0;padding:0}img{height:100%;object-fit:cover;width:100%}.main{box-sizing:border-box;display:grid;height:400px;margin:0;padding:0;place-items:center;position:relative;width:400px}#eyes,#eyes img{border-radius:50%;height:3vmax;position:absolute;width:3vmax}
/*# sourceMappingURL=main.905ecb81.css.map*/