body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--red:#f54e4e;--green:#4aec8c}body{background-color:#fff;color:#000}*{box-sizing:border-box;outline:none!important}.main{align-items:left;margin:1.25rem;text-align:center}.app,.main{display:flex}.app{align-items:center;flex-direction:row;gap:.5rem;justify-content:center;margin:3rem}.pomodoro,.timer{padding:1rem}button{background-color:initial;border:0;color:#fffc;cursor:pointer;display:inline-block;width:6.25rem}button.with-text{background-color:#fff;border-radius:.6rem;color:#000;font-size:1.4rem;line-height:2.25rem;padding:.6rem 1.25rem;width:auto}button.with-text svg{float:left;margin-right:.3rem;width:2.25rem}label{display:block;font-size:1.25rem;margin-bottom:.6rem;margin-top:1.25rem}.settings-button{align-items:left;display:flex;left:.6rem;margin-bottom:3rem;position:absolute;top:.6rem}form{border:.2rem solid #fff;border-radius:.6rem;display:flex;padding:.3rem}form input[type=text]{border:0;caret-color:#000;color:#000;display:block;font-size:1rem;padding:0 .5rem;width:100%}div.task{align-items:center;background-color:#fff;border-radius:.6rem;display:flex;margin-top:.3rem;padding:.3rem .5rem;transition:opacity .3s linear}div.task svg{fill:#61dafb;height:1.25rem;margin-right:.3rem}div.task.done{opacity:.3}div.task form,div.task-name{flex-grow:1}div.task span{position:relative}div.task span:before{background-color:#ddd;content:"";display:block;height:.05rem;position:absolute;top:.6rem;transition:width .1s linear;width:0}div.task.done span:before{width:100%}h1,h2{text-align:center}div.checkbox{align-items:center;display:flex}.trash{background:none;border:none;cursor:pointer;display:flex;flex-direction:row-reverse}.trash-svg{fill:#888;height:.8rem}div.task input{border:.1rem solid #555;border-radius:.3rem;padding:.1rem .25rem}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.slider{border:2px solid var(--red)}.slider,.thumb{border-radius:20px;height:40px}.thumb{background-color:var(--red);cursor:pointer;width:40px}.slider.green{border:2px solid var(--green)}.slider.green .thumb{background-color:var(--green)}.form-button{background-color:#61dafb;border:0;border-radius:.3rem;cursor:pointer;padding:.1rem 0 0;width:1.25rem}
/*# sourceMappingURL=main.3979c490.css.map*/