header{display:block;padding:1rem;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.1)}.clock-list{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;margin:3rem auto;padding:0;width:100%;max-width:80rem}.clock-list-item{position:relative;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.1);border-radius:1rem;margin:.5rem;max-width:100%;-webkit-transition:all .2s;transition:all .2s}.clock-list-item:focus,.clock-list-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.2),0 8px 18px rgba(0,0,0,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.clock-list-item:focus .delete,.clock-list-item:hover .delete{opacity:1}.clock-list-item .delete{position:absolute;top:.5rem;right:.5rem;z-index:1;opacity:0;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out;border:none;background-color:transparent;cursor:pointer}.clock-list-item .delete:focus,.clock-list-item .delete:hover{opacity:1;background-color:#ffecef;-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.1)}.clock-list-item label{display:block;font-size:1.2rem;margin-top:1rem;min-height:4rem}.clock-list-item label span{display:block}.clock-list-item label span:first-child{font-weight:700}.clock-list-item label span:not(:first-child){font-size:1rem}.analog-clock__hours,.analog-clock__minutes,.analog-clock__seconds{-webkit-transition:-webkit-transform .1s cubic-bezier(.68,-.55,.27,1.55);transition:-webkit-transform .1s cubic-bezier(.68,-.55,.27,1.55);transition:transform .1s cubic-bezier(.68,-.55,.27,1.55);transition:transform .1s cubic-bezier(.68,-.55,.27,1.55),-webkit-transform .1s cubic-bezier(.68,-.55,.27,1.55);-webkit-transform-origin:0 50%;transform-origin:0 50%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:5px;box-shadow:0 0 5px rgba(4,15,22,.5)}.analog-clock{box-sizing:border-box;position:relative;text-align:center;border-radius:50%;border:12px solid #040f16;width:100%;max-width:450px;margin:0 auto;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;box-shadow:0 2px 6px rgba(4,15,22,.5),inset 0 0 5px rgba(4,15,22,.8);min-width:15rem}.analog-clock:after{content:"";display:block;padding-bottom:100%;background:radial-gradient(circle,hsla(0,0%,100%,.6) 35%,rgba(4,15,22,.25) 100%);z-index:9}.analog-clock:before{content:"";display:block;position:absolute;background-color:#040f16;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:50%;width:15px;height:15px;z-index:5;box-shadow:0 0 4px rgba(4,15,22,.8)}.analog-clock__hours{height:7px;background-color:#040f16;width:25%;z-index:2}.analog-clock__minutes{height:7px;background-color:#040f16;width:48%;z-index:3}.analog-clock__seconds{height:3px;background-color:#b80c09;width:48%}body,html{margin:0;padding:0}body *,html *{box-sizing:border-box}html{min-height:100vh;background-color:#dadada}.wrapper{text-align:center;font-family:monospace}.background--blue{background-color:#9cd9eb}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
/*# sourceMappingURL=main.274f6a30.chunk.css.map */