@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300&display=swap);body,html{background:linear-gradient(120deg,#0011a9,#49039d,#630092,#750087,#82067d,#8a1675,#90256d,#943268);background-size:100vw 100vh;font-family:Helvetica,sans-serif;margin:0}*{box-sizing:border-box}.title{color:#fff;font-size:40px;text-transform:uppercase}.wrapper{justify-content:center}.timers,.wrapper{align-items:center;display:flex;flex-direction:column}.timers{gap:20px}.timer{align-items:center;background:hsla(0,0%,100%,.1);border-radius:16px;color:#fff;display:flex;gap:16px;padding:10px 30px 20px;width:430px}.timer-ringing{-webkit-animation:ringing .5s infinite;animation:ringing .5s infinite}@-webkit-keyframes ringing{0%,50%{background:hsla(0,0%,100%,.2)}51%,to{background:hsla(0,0%,100%,.1)}}@keyframes ringing{0%,50%{background:hsla(0,0%,100%,.2)}51%,to{background:hsla(0,0%,100%,.1)}}.timer-new{align-self:stretch}.parts{display:flex;gap:8px;list-style:none;margin:0;padding:0}.part{display:flex;flex-direction:column}.timer-new .parts{gap:5px;margin:-2px -5px}input.number{background:transparent;border:3px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;margin:0 -4px -10px;padding:0 4px 8px;text-align:center;width:83px}input.number:focus{border-color:#fff;outline:none}.colon,.number{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-family:Fira Sans,sans-serif;font-size:60px;font-variant-numeric:tabular-nums;font-weight:300;margin:0;text-shadow:3px 3px 3px rgba(0,0,0,.3)}.colon{margin-right:.05em;margin-top:-.07em}.timer-ticking .colon{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@-webkit-keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.unit{font-size:10px;margin:-1.2em 0 0;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none}.toggle{align-items:center;background-color:initial;border:2px solid #fff;border-radius:50%;box-shadow:3px 3px 3px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;padding:10px;width:50px}.toggle:disabled{opacity:.3;pointer-events:none}.toggle:hover{background-color:hsla(0,0%,100%,.3)}.timer-add{align-items:center;align-self:stretch;border:0;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:80px;justify-content:center;padding:11px 0}.timer-add:hover{background:hsla(0,0%,100%,.2);color:#fff}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
/*# sourceMappingURL=main.60a0931d.css.map*/