body{font-family:"Oswald",sans-serif;background-color:#155e5c;color:#fff;min-height:100vh;touch-action:manipulation}#todoapp{padding:0 2rem 2rem;position:relative;border-radius:10px;text-align:center}#App{display:flex;flex-wrap:wrap;justify-content:space-evenly}#pomodoro-panel{display:flex;flex-direction:column;align-items:center;text-align:center}#pomodoro-panel,#todoapp{min-width:30rem;margin-top:2rem;max-height:100vh}#pomodoro-panel>*{max-width:32rem}h1{font-size:3.6rem;margin-top:0;margin-bottom:0;text-align:center}:focus{outline:3px dashed #fff;outline-offset:0}#root{width:100%}p{font-family:"Orbitron",sans-serif;text-align:center}button{background-color:#fff;box-shadow:2px 2px #000;text-shadow:none;border:none;outline:none;font-family:"Oswald",sans-serif;border-radius:10px;padding-bottom:1.5px}button:active{text-shadow:none;box-shadow:none;transform:translateY(4px)}button:hover{background-color:#cacaca;cursor:pointer}.btn-level{color:#fff;display:inline-block;text-shadow:2px 2px #000;box-shadow:none}.btn-level,.btn-level:hover{background-color:transparent}.btn-level:hover{color:#cacaca}#language-btn{width:8rem;font-size:1.4rem;position:absolute;right:1rem;top:1rem;margin-top:0;margin-bottom:0}#language-btn:hover{background-color:#cacaca}.btn.toggle-btn[aria-pressed=true]{color:#fff;background-color:hsla(0,0%,75.3%,.356)}#display-panel{margin-bottom:1rem}.progress{flex:10 1;position:relative;display:flex;flex-basis:100%;height:2px;transition:height .3s;background:rgba(0,0,0,.5)}.progress__filled{width:50%;background:#fff;flex:0 1;flex-basis:100%}.btn.toggle-btn{color:#fff;background-color:transparent;background-color:initial;box-shadow:none}#defaultBtns-group{width:100%}#defaultBtns-group,#panels-wrapper{display:flex;justify-content:space-around}#panels-wrapper{flex-direction:column;background-color:hsla(0,0%,75.3%,.205);border-radius:30px;margin:1rem auto;text-align:center;width:26rem;padding:1rem 2rem}#pomodoro-heading>*{font-size:1.8rem}#pomodoro-heading>*,#timer-label{margin:0;font-family:"Oswald",sans-serif}#timer-label{font-size:4rem}#time-left{font-size:6rem;margin:1rem auto}#break-length,#work-length{width:3rem;margin-top:0;margin-bottom:0;font-size:1.5rem;font-weight:900;pointer-events:none;text-shadow:none}#default-break,#default-work{width:9rem;font-size:1.5rem}.btn-group{display:flex;justify-content:space-between}.btn-group>*{flex:1 1 49%}.btn-group>*+*{margin-left:.5rem}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}#set-timer-btn{background-color:transparent;background-color:initial;box-shadow:none;color:#fff;text-shadow:2px 2px #000}#set-timer-btn:hover{color:#cacaca}.modal-content{background-color:#fff;margin:25vh auto;padding:10px;border:1px solid #888;border-radius:10px;width:80%;max-width:30rem;color:#155e5c}#timer-form>fieldset{margin:1rem auto}#timer-form>fieldset>label{font-size:1.2rem;display:inline-block;width:3.6rem}#new-break-length,#new-work-length{font-family:"Oswald",sans-serif;background-color:transparent;padding:.2rem .5rem .5rem;border:3px solid #155e5c;display:inline-block;width:50%;box-sizing:border-box;border-radius:10px;font-size:1.2rem;color:#155e5c;caret-color:#155e5c;margin-left:.5rem}#new-break-length:focus,#new-work-length:focus,#timer-form-btn-group>:focus{outline:3px dashed #155e5c;outline-offset:0}#timer-form-btn-group{text-align:right}.timer-form-btns{box-shadow:none;color:#155e5c}@media (max-width:967px){h1{font-size:9.5vmin}#timer-label{font-size:6vmin}#time-left{font-size:5rem}#todoapp{margin-top:5rem}}@media (max-width:800px){#pomodoro-panel{margin-top:0;height:100vh;justify-content:center}#pomodoro-panel,#todoapp{margin-top:2rem}}@media (max-width:570px){html{font-size:82%}#todoapp{min-height:80vh;margin-top:0}#panels-wrapper{width:20rem}#time-left{font-size:5rem}#timer-label{font-size:8vmin}}@media (max-width:466px){html{font-size:80%}.filters>*+*{margin-left:.1rem}#pomodoro-panel,#todoapp{min-width:86%}#language-btn{width:10rem}}#todoapp>*{max-width:30rem;margin-left:auto;margin-right:auto}#add-todo-toggle-btn{background-color:rgba(66,66,66,.36);box-shadow:none;border-radius:10px;color:#fff;width:100%;padding:6px 0}#add-todo-form{border:2px dashed hsla(0,0%,71.4%,.459);margin:1rem auto;border-radius:10px;width:100%}#add-todo-form-edit{border:2px solid hsla(0,0%,71.4%,.459);border-radius:10px;margin:1rem auto;width:100%}#form-btn-group{text-align:right}#form-btn-group>*{font-size:2rem}fieldset{border:none;padding:0}.label__lg{font-size:1.5rem;display:block;text-align:left;width:100%}#new-todo-fieldset{border:none;display:flex;flex-direction:column;justify-content:space-around;padding:0 10px;margin-top:1rem}.input__lg{font-family:"Oswald",sans-serif;background-color:transparent;padding:.2rem .5rem .5rem;border:2px solid #fff;display:inline-block;width:100%;box-sizing:border-box;border-radius:10px;color:#fff;caret-color:#fff}.btn,.input__lg{font-size:1.5rem}.btn__lg{margin:1rem auto;width:100%}#list-heading{font-size:1.5rem;text-align:center;margin-top:1rem;margin-bottom:0}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;-webkit-clip-path:rect(1px 1px 1px 1px);clip-path:rect(1px 1px 1px 1px);-webkit-clip-path:rect(1px,1px,1px,1px);clip-path:rect(1px,1px,1px,1px);white-space:nowrap}ul{list-style:none;padding:0;margin-top:0}.todo{border:2px solid #fff;padding:6px;border-radius:10px;max-width:32rem}.todo:hover{cursor:pointer}.todo-selected{border-left:10px solid #fff;box-shadow:3px 3px #000}.todo-list>*+*{margin-top:.5rem}.c-cb{display:flex;justify-content:space-between}.check-btn{box-shadow:none;color:#fff;font-size:1.6rem;width:2.5rem;padding-right:0;padding-left:0}.check-btn,.check-btn:hover{background-color:transparent}.check-btn:hover{color:#cacaca}.check-btn:active{transform:none}.todo-label{display:flex;justify-content:space-between;width:90%;font-size:1.6rem}.todo-label-checked{text-decoration:line-through;text-decoration-thickness:3px}.todo-btn-group{text-align:end}.todo-btn-group>*{display:inline-block;box-shadow:none;flex:initial;text-shadow:2px 2px #000;color:#fff;width:3rem;padding-left:0;padding-right:0}.todo-btn-group>*,.todo-btn-group>:hover{background-color:transparent;background-color:initial}.todo-btn-group>:hover{color:#cacaca}.input__lg:focus,.todo-text:focus{box-shadow:inset 0 0 0 1px}.edit-todo-name{width:100%}.edit-todo-pomodoros{text-align:left;text-align:initial;width:100%}.edit-todo-completed-pomodoros,.edit-todo-target-pomodoros,.todo-label-pomodoros{width:100%}.todo-fieldset{margin-bottom:.5rem;display:flex;flex-wrap:wrap}
/*# sourceMappingURL=main.03ce22ce.chunk.css.map */