*,:after,:before{box-sizing:border-box}html{font-family:"Nunito",Arial,Helvetica,sans-serif;font-size:16px}body,html{width:100%;height:100%;margin:0;padding:0}body{font-size:1rem;background-color:#d9d9d9}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);white-space:nowrap}.root{width:100%;height:100%}.root,.title{margin:0;padding:0}.title{text-align:center}button,input,textarea{font-family:"Nunito",Arial,Helvetica,sans-serif;font-size:16px}.header{height:5.5rem}.footer,.header{width:100%;background-color:#2ec4b6;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.footer{height:4.5rem}.todoapp{width:45%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:1rem 1.5rem;background-color:#fefffe}.todoapp__section{width:100%;padding:0;margin:0}.todoapp__counter{color:rgba(0,0,0,.75);margin:1rem 0}.form{margin:0;-webkit-flex-direction:column;flex-direction:column}.form,.form__section{width:100%;padding:0;display:-webkit-flex;display:flex}.form__section{-webkit-align-items:center;align-items:center;margin:0 0 .5rem}.form__label-wrapper{width:100%;margin:1rem 0;text-align:center}.form__label{color:rgba(0,0,0,.75);font-size:1.2rem}.form__input-control{-webkit-flex-grow:1;flex-grow:1;height:3rem;border:3px solid #2ec4b6;padding-left:.5rem;margin:0 .5rem 0 0}.form__input-control:focus{border:5px solid #2ec4b6;outline:none}.btn{height:2.25rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1rem;font-weight:500;text-transform:uppercase;text-decoration:none;background-color:#fefffe;color:#000;padding:0 1rem;cursor:pointer;-webkit-flex-shrink:0;flex-shrink:0;border:1px solid #fefffe;outline:none}.btn:focus{border:1px solid #000}.btn--primary{background-color:#2ec4b6;color:#000}.btn--secondary{background-color:#ff9f1c;color:#000}.btn--form{height:3rem;padding:1rem}.btn--lg{-webkit-flex-grow:1;flex-grow:1}.btn--36{width:2.25rem;height:2.25rem;padding:0}.btn--40{width:2.5rem;height:2.5rem;padding:0}.btn--48{width:3rem;height:3rem;padding:0}.btn--rounded{padding:0;border-radius:50%;background-color:transparent;border:1px solid transparent}.btn--rounded:focus{border:1px solid #2ec4b6}.btn--filter{background-color:rgba(255,159,28,.4);color:#000}.btn--filter.btn--active{background-color:#ff9f1c}.btn--danger{background-color:#ff85a1;color:#000}.btn--left{margin-right:auto}.btn--right{margin-left:auto}.btn--margin-left{margin-left:1rem}.btn--margin-left-s{margin-left:.5rem}.btn--margin-right{margin-right:1rem}.btn--margin-right-s{margin-right:.5rem}.btn--margin{margin:0 1rem}.btn--margin-s{margin:0 .5rem}.btn__icon{width:24px;height:24px;fill:#000}.btn-group{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.btn-group--inline{width:auto}.todolist{width:100%;display:grid;grid-template-columns:1fr;list-style-type:none;grid-gap:.5rem;gap:.5rem;margin:0;padding:0}.todo{width:100%;padding-left:.5rem}.todo__view{width:100%;height:3.5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.todo__view:hover{background-color:rgba(0,0,0,.04)}.todo__checkbox{display:none}.todo__checkbox:checked+.todo__label:before{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}.todo__label{-webkit-flex-grow:1;flex-grow:1;width:100%;margin-right:auto;padding:1rem 0;margin-left:3.5rem;position:relative;cursor:pointer}.todo__label:before{content:"";background:url(/static/media/Checkbox-checked.967f2765.svg);background-position:50%;background-size:contain;width:32px;height:32px;position:absolute;left:-44px;top:12px;z-index:4;-webkit-transform:scale(0) rotate(180deg);transform:scale(0) rotate(180deg);transition:all .3s cubic-bezier(.54,.01,0,1.49)}.todo__label:after{content:"";background:url(/static/media/Checkbox-unchecked.5d7c5262.svg);background-position:50%;background-size:contain;width:24px;height:24px;position:absolute;z-index:1;left:-42px;top:16;border-radius:50%}.todo__edit{width:100%;margin:0;padding:0}.todo__form{width:100%;margin:0;padding:0 1rem;display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.todo__form-section{width:100%;margin:0;padding:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.todo__form-label{color:rgba(0,0,0,.75);font-size:1.2rem}.todo__form-input{width:100%;height:3rem;border:3px solid #2ec4b6;padding-left:.5rem;margin:0;outline:none}.todo__form-input:focus{border:5px solid #2ec4b6}.page{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.page__header{-webkit-flex-shrink:0;flex-shrink:0}.page__main{width:100%;-webkit-flex-grow:1;flex-grow:1;padding:1rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.page__footer{-webkit-flex-shrink:0;flex-shrink:0;margin-top:auto}
/*# sourceMappingURL=main.b7b6af46.chunk.css.map */