body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightorange: #fdf2f9;--lightpurple: #e5d9fd;--pink: #e367a6;--purple: #e5d9fd;--blue: #9aefdf;--text: #0b1b4d;color:var(--text);background:linear-gradient(170deg,var(--lightorange),var(--lightpurple))}#root{padding:1rem;height:100vh}h1{font-size:1.5rem;margin-bottom:3rem}h2{margin-top:2rem;font-size:1.2rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;outline:0;border:2px solid var(--pink);color:var(--pink);padding:1rem;font-size:1.2rem;border-radius:1.2rem;background-color:#fff;font-weight:700;transition:.2s all ease-in-out;--primary-color: var(--pink);border-color:var(--primary-color);color:var(--primary-color)}button:hover{background-color:var(--primary-color);color:#fff}button.preset{border-radius:0;border-left-width:0}button.preset:first-child{border-left-width:2px;border-radius:1.2rem 0 0 1.2rem}button.preset:last-child{border-radius:0 1.2rem 1.2rem 0}button.submit{margin-top:3rem}button.pos{--primary-color: var(--blue)}button.neg{--primary-color: var(--text)}input{padding:1rem;font-size:1.2rem;outline:0;border:none;border-radius:1.2rem;position:relative}input:after{content:"Minutes Work";position:absolute}.blinking{animation:blink .5s alternate infinite cubic-bezier(1,0,0,1)}@keyframes blink{0%{opacity:1}to{opacity:0}}main{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;max-width:450px;margin:auto;border-radius:2rem;background:#ffffff54;box-shadow:0 6px 20px #00000005;backdrop-filter:blur(40px);padding:2rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{margin-bottom:.25rem}.presets{display:flex}.presets .preset{flex:1 0 auto}.gauge{width:250px;height:250px;border-radius:100%;position:relative;margin:auto}.gauge .center{display:flex;justify-content:center;align-items:center;inset:0;background-color:var(--lightorange);margin:1.5rem;border-radius:100%;position:absolute}.gauge .center span{display:block;width:auto;text-align:center}