@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:#0000;border:0;font-size:100%;font-weight:400;margin:0;padding:0;vertical-align:initial}article,aside,details,figure,footer,header,nav,section,summary{display:block}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}embed,img,object{max-width:100%}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{background:#0000;font-size:100%;margin:0;padding:0;vertical-align:initial}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none;vertical-align:bottom}td{font-weight:400;vertical-align:middle!important}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{word-wrap:break-word;white-space:pre;white-space:pre-wrap;white-space:pre-line}input[type=radio]{vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom}.ie7 input[type=checkbox]{vertical-align:initial}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}table{font:100%;font-size:inherit}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{overflow:visible;width:auto}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after,.clearfix:before{content:" ";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow:visible}body{-webkit-font-smoothing:antialiased;background-color:#000;color:#fff;font-family:Inter,sans-serif;letter-spacing:.5px;line-height:1.5;margin:0;padding:0;position:relative;text-rendering:optimizeLegibility}.stopwatch-page,body{align-items:center;display:flex;height:100vh;justify-content:center}.stopwatch-page{border:none;flex-direction:column;gap:75px;gap:0;margin:auto;padding:0 .75rem;width:100vw}.timer-input-form{display:flex}.timer-input-form .input-wrapper{align-items:center;display:flex;flex-direction:column;gap:5px}.timer-input-form .input-wrapper .timer-label{font-size:clamp(.8rem,4vw,1.25rem);font-weight:500}@media(max-width:768px){.timer-input-form .input-wrapper .timer-label{margin-bottom:5px}}.timer-input-form .input-wrapper .timer-label.hidden{visibility:hidden}.timer-input-form .input-wrapper .input-box{position:relative}.timer-input-form .input-wrapper .input-box:nth-child(2){font-size:2.2rem}@media(min-width:576px){.timer-input-form .input-wrapper .input-box:nth-child(2){font-size:3rem;padding:1rem 1.5rem}}.timer-input-form .input-wrapper .input-box .sec{font-size:clamp(.8rem,4vw,1.25rem);font-weight:600;pointer-events:none;position:absolute;right:-40px;top:58%;transform:translateY(-50%)}@media(min-width:576px){.timer-input-form .input-wrapper .input-box .sec{right:-25px}}.timer-input-form .input-wrapper .timer-input{background-color:#8a8a8a33;border:2px solid #0000;border-radius:8px;color:#fff;cursor:text;font-size:2.2rem;min-width:80px;padding:.7rem;text-align:center;transition:width .2s ease-in-out;transition:border .2s ease-in,box-shadow .2s ease}@media(min-width:576px){.timer-input-form .input-wrapper .timer-input{font-size:3rem;padding:1rem .5rem}}.timer-input-form .input-wrapper .timer-input::placeholder{color:#fff;opacity:1}.timer-input-form .input-wrapper .timer-input:focus{box-shadow:none;outline:none;text-indent:0}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffffffb3}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 0 0 #0000}}@keyframes border{0%{box-shadow:0 0 0 0 #0ae712b3}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 0 0 #0000}}.animate{animation:pulse 2.5s;animation-iteration-count:3}.timer-input.time-set{border:2px solid rgba(10,231,17,.459)!important;box-shadow:0 0 8px #0ae712}.control-panel{display:flex;justify-content:space-evenly;margin-top:1.5rem;width:100%}@media(min-width:768px){.control-panel{margin-top:0;width:50%}}.custom-button{align-items:center;border:1px solid #0000;border-radius:50%;cursor:pointer;display:inline-flex;font-family:Inter!important;font-size:clamp(.8rem,4vw,1rem);font-weight:400;height:clamp(100px,20vw,110px);justify-content:center;outline:none;transition:background-color .3s,color .3s;white-space:nowrap;width:clamp(100px,20vw,110px)}.custom-button:hover{opacity:.8}.start-button{background-color:#0ae71233;color:#0ae712}.pause-button{background-color:#fabb3d33;color:#fabb3d}.reset-button{background-color:#ff101033;color:#ff1010}.set-timer-button{margin-top:15px}.display{align-items:center;display:flex;justify-content:center;position:relative}.time-display{align-items:flex-end;-webkit-appearance:none;appearance:none;display:flex;font-family:Inter,sans-serif;font-weight:500;position:absolute}.time-display span{font-feature-settings:"tnum";display:inline-block;font-size:3.25rem;font-variant-numeric:tabular-nums;line-height:1;text-align:center}@media(min-width:768px){.time-display span{font-size:4.25rem}}.time-display .milliseconds{font-size:1.625rem;line-height:1.25;margin-left:4px}@media(min-width:768px){.time-display .milliseconds{font-size:2rem;line-height:1.45}}.time-display-second{align-items:flex-end;-webkit-appearance:none;appearance:none;display:flex;font-family:Inter,sans-serif;font-weight:500;left:50%;position:absolute;top:30%;transform:translate(-50%,-50%)}.time-display-second .time-label{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.time-display-second .time-label span:first-child{font-size:1rem;margin-left:-5px}.time-display-second .time-label:nth-child(3) span:first-child{margin-left:0}.time-display-second span{font-feature-settings:"tnum";color:#fabb3d;display:inline-block;font-size:1.0833333333rem;font-variant-numeric:tabular-nums;line-height:1;text-align:center}@media(min-width:768px){.time-display-second span{font-size:1.75rem}}.circular-progress{stroke:#ff1010}.circular-progress circle{transition:stroke-dashoffset .1s linear,stroke .3s ease}.bounce{animation:bounce 1s}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}button,input{font-family:Inter,sans-serif}input{caret-color:#fff}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:none;appearance:none}
/*# sourceMappingURL=main.6c087427.css.map*/