@import"https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap";html,body,#app{margin:0;width:100%;height:100%;padding:0;background:linear-gradient(to bottom,#212121,#362f21),url(https://grainy-gradients.vercel.app/noise.svg)}#app{display:flex;flex-direction:column;justify-content:center;align-items:center}*{font-family:Kode Mono,monospace;font-weight:400;color:#fff;transition:all .3s ease}.logo{font-size:50px;line-height:1.2;position:fixed;top:20px;left:40px}.timer-container{display:flex;box-shadow:0 0 20px #fff3;justify-content:space-between;width:min(600px,70vw);border-radius:30px;border:2px solid white;padding:1.2rem 3rem;background:#262523;margin-top:1.5rem}.timer-container:hover{box-shadow:0 0 30px #fff6}.timer-container h1{font-size:min(120px,10vw);line-height:1;margin:0}.buttons-container{display:flex;justify-content:space-between;width:100%;margin-bottom:.5rem}.button-row{display:flex}button{border:1px solid #FFFFFF;box-shadow:0 0 20px #fff3;border-radius:12px;padding:.1rem 1rem;background-color:transparent;margin:.2rem min(.5rem,1vw);font-size:min(28px,5vw);display:flex;align-items:center;justify-content:center}button:hover{background-color:#fff;color:#262523;box-shadow:0 0 30px #fff6}button.active{background-color:#fff;color:#262523}button div{margin-top:3px;margin-bottom:-3px}.info{width:100%;text-align:center}.stroke-shape path{stroke:#fff}button:hover .stroke-shape path,button.active .stroke-shape path{stroke:#262523}.bar.svelte-705koh{height:30px;width:3px;background:#4e4e4e;border-radius:3px;box-shadow:0 0 20px #fff3}.bar.active.svelte-705koh{background:#fff}.line.svelte-705koh{width:100%;height:1px;background:#fff}.pulse.svelte-705koh{animation:svelte-705koh-pulse 2s infinite}@keyframes svelte-705koh-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.timer-input.svelte-705koh{font-size:2em;width:200px;text-align:center;background:transparent;border:none;border-bottom:2px solid white;color:#fff;padding:10px;margin:10px 0;letter-spacing:4px}.timer-input.svelte-705koh:focus{outline:none}.timer-input.svelte-705koh::-webkit-outer-spin-button,.timer-input.svelte-705koh::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timer-input[type=number].svelte-705koh{-moz-appearance:textfield}