*{box-sizing:border-box}body{margin:0;--main: #222;--secondary: #333;--runColor: #ff3b73;--restnColor: #148dff;font-family:sans-serif}body,.setupBackdrop{background-image:linear-gradient(to bottom,var(--main),var(--secondary))}#root{max-width:1280px;margin:0 auto;text-align:center}.app{height:100dvh}.button{outline:none;background:none;border:none}.depth{position:relative;box-shadow:4px -4px 2px 2px #00000030 inset,-4px 4px 2px 2px #ffffff20 inset,0 3px 10px 2px #00000080}.dimmer.depth{box-shadow:3px -3px 2px 2px #00000030 inset,-3px 3px 2px 2px #ffffff20 inset,0 3px 10px 2px #00000080}.depth:before,.depth:after{content:"";position:absolute;border-radius:.35rem;filter:blur(2px);pointer-events:none;touch-action:none}.depth:before{background-image:linear-gradient(to top right,#00000040,#0000,#0000);top:75%;left:.1rem;bottom:.1rem;right:-20%}.depth:after{background-image:linear-gradient(to bottom left,#ffffff90,#fff0,#fff0);bottom:75%;top:.2rem;left:-20%;right:.2rem}.dimmer.depth:after{background-image:linear-gradient(to bottom left,#ffffff20,#fff0,#fff0)}.endButton.danger{opacity:1;box-shadow:0 0 8px 3px red;background-color:#70000070}.runThing{background-color:var(--runColor);background-image:linear-gradient(to bottom right,red,var(--runColor))}.restThing{background-color:var(--restnColor);background-image:linear-gradient(to bottom right,rebeccapurple,var(--restnColor))}.run{position:fixed;top:0;left:0;right:0;bottom:0;padding:32vh 0;z-index:1;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.run::-webkit-scrollbar{display:none}.thing{position:relative;padding:1rem;width:80vw;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;color:#fff;margin:.5rem auto}.interval.thing{--size: 36vh}.break.thing{--size: 20vh}.thing{min-height:var(--size);max-height:var(--size);z-index:1;font-size:5rem;will-change:max-height,width,margin-left,box-shadow;--transition-time: .6s;transition:box-shadow var(--transition-time) linear,margin-left var(--transition-time) linear,max-height var(--transition-time) linear,width var(--transition-time) linear}.active.thing{box-shadow:0 0 8px 3px #00ffe0;max-height:calc(var(--size) + 1rem);width:calc(80vw + 1rem);z-index:2}.thing .loader{position:absolute;left:-4rem;right:-4rem;bottom:-4rem;background-color:#00000040;will-change:top;z-index:1}.thing span{z-index:2;text-shadow:-1px 2px 1px #00000070}.thing span.remainingTime{position:relative}.thing span.intervalNote,.thing span.intervalNumber{position:absolute}.thing span.intervalNote{top:1rem;left:1rem;font-size:2rem}.thing span.intervalNumber{right:1rem;bottom:1rem;font-size:1.5rem}.thing:not(.active) .loader{top:var(--size)}.active.thing .loader{box-shadow:0 0 3rem 2px #fffd,0 0 3rem 2px #00000080 inset;filter:blur(1px)}.done.thing .loader{top:0}.bottomButtonWrapper{position:fixed;left:1rem;right:1rem;bottom:0;height:16vh;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;touch-action:none;will-change:bottom;transition:bottom .2s ease-in-out}.hidden.bottomButtonWrapper{bottom:-14vh}.bottomButton{pointer-events:auto;touch-action:auto;background-color:#00000030;border-radius:5vw;display:flex;align-items:center;justify-content:center;padding:2vw;opacity:.8}.bottomButton svg{--size: 16vw;height:var(--size);width:var(--size)}.settingsButton{height:3rem;width:3rem;padding:.5rem;position:absolute;top:0;left:0;z-index:999}.settingsButton svg{height:100%;width:100%}.setup{background-color:var(--secondary);background-image:linear-gradient(to bottom,var(--secondary),var(--main));border-radius:1.5rem;position:absolute;top:.25rem;left:.25rem;right:calc(100vw - 3.25rem);bottom:calc(100dvh - 3.25rem);will-change:top,right,bottom;transition:top .5s ease-in-out,right .3s ease-in-out .2s,bottom .5s ease-in-out;z-index:3}.setup.open{transition:top .5s ease-in-out,right .3s ease-in-out,bottom .5s ease-in-out;right:.25rem;bottom:.25rem}.setup.gone{top:-3rem;bottom:100dvh}.setup{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.setupContent{--height: calc(90svh - 2rem) ;height:var(--height);max-height:var(--height);overflow:auto;padding:5svh}.setupContent{-ms-overflow-style:none;scrollbar-width:none}.setupContent::-webkit-scrollbar{display:none}.setupContentWrapper,.soundToggle{opacity:1;will-change:opacity;transition:opacity .3s linear .2s;position:relative}.setupContentWrapper:before,.setupContentWrapper:after{content:"";position:absolute;left:0;right:0;height:2rem;z-index:13}.setupContentWrapper:after{bottom:0;background-image:linear-gradient(to top,#222,#2220,#2220)}.setupContentWrapper:before{top:0;background-image:linear-gradient(to bottom,#333,#3330,#3330)}.setup:not(.open) .setupContentWrapper,.setup:not(.open) .numbersToggle,.setup:not(.open) .soundToggle{opacity:0!important;pointer-events:none;touch-action:none;transition:opacity .3s linear 0ms}.setupBackdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;touch-action:none;pointer-events:none;opacity:1;will-change:opacity;transition:opacity .2s linear .2s}.hidden.setupBackdrop{opacity:0}.setupBlock:not(:last-child){margin-bottom:1rem}.setupBlock{position:relative;display:flex;flex-direction:column;font-size:1.3rem;color:#fff;border-radius:.5rem;overflow:hidden;height:16.875rem;will-change:height,margin-bottom,box-shadow;transition:box-shadow .2s linear,margin-bottom .3s ease-out,height .3s ease-out}.disappearing.setupBlock{height:0;margin-bottom:0;box-shadow:0 0 #0000 inset,0 0 #fff0 inset,0 0 #0000}.section{background-color:#333;flex:1;padding:0 1rem}.section{display:flex;align-items:center;justify-content:flex-start}.section>*{flex:1}.section.setsSection{background-color:var(--main)}.setupBlock input{font-size:1.5rem;padding:.25rem 0;width:3rem;margin:1rem .25rem 1rem .35rem;text-align:center;border-radius:.5rem;background-color:#eee;border:none;box-shadow:-1px 1px 1px #ffffff50,-2px 2px #00000030 inset;outline:none}.setupBlock input[type=text]{font-size:1rem}.section.labelSection input{width:8rem}.section.restSection label,.section.runSection label{min-width:5rem}.addBlockButton{background-color:var(--main);padding:1rem;border-radius:100%}.depthOverlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;touch-action:none}.setup .endButton{position:absolute;top:.5rem;right:.5rem;z-index:4;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:100%}.setup .endButton svg{width:2rem;height:2rem}.setup .toggle{height:3rem;width:3rem;padding:.5rem;position:absolute;top:0;z-index:13}.setup .toggle .variable{opacity:.3;will-change:opacity;transition:opacity .3s ease-out}.setup .enabled.toggle .variable{opacity:1}.setup .soundToggle{right:4rem}.setup .numbersToggle{right:1rem}.setup .totalTimeLabel{margin-top:-1rem;color:#fff}