:root{--space-xl: 8rem;--space-l: 4rem;--space-m: 3rem;--space-s: 1.5rem;--space-xs: 1rem;--space-xxs: .5rem;--color-main: #00adb5;--color-main-dark: #006166;--color-txt-light: #eeeeee;--color-danger: #fc5475;--font-h1: 4rem;--font-h2: 3rem;--font-h3: 2.6rem;--font-main: 1.6rem;--font-util: 2rem;--border-radius: 5px;--font: "Raleway", sans-serif}.theme--dark{--color-bg: #20262c;--color-bg-md: #2d353b;--color-bg-light: #565c61;--color-txt: #eeeeee;--color-txt-inactive: #999999}.theme--light{--color-bg: #ffffff;--color-bg-md: #e7e7e7;--color-bg-light: #f8f8f8;--color-txt: #505050;--color-txt-inactive: #b4b4b4}html{font-size:62.5%;box-sizing:border-box}@media only screen and (max-width:750px){:root{--font-h1: 3rem;--space-xl: 4rem;--space-l: 2rem}html{font-size:50%}}@media only screen and (max-width:400px){:root{--font-h3: 2rem;--space-xl: 4rem;--space-l: 2rem;--space-m: 2rem;--space-s: 1rem;--space-xs: .9rem;--space-xxs: .5rem}#root{height:90vh}}*{box-sizing:inherit}body{max-width:1466px;font-family:var(--font);margin:0 auto;background-color:var(--color-bg);transition:all .4s linear}#root{display:flex;flex-direction:column;height:100vh;justify-content:space-between}.link{text-decoration:none;color:var(--color-txt);transition:color .2s}.link:hover{color:var(--color-main)}.link--emphasized{cursor:pointer;font-weight:600}*:focus{outline:none;box-shadow:0 0 0 2pt var(--color-main)}.btn{background-color:inherit;border:2px solid var(--color-main);border-radius:var(--border-radius);color:var(--color-main);font-size:var(--font-util);line-height:calc(var(--font-util) * 2);margin:var(--space-xxs);padding:0 var(--space-xs);cursor:pointer;font-weight:300;transition:all .2s;font-family:var(--font)}.btn:hover{color:var(--color-txt-light);background-color:var(--color-main)}.btn--login{border:none}.btn--login:hover{color:var(--color-txt);background-color:inherit;box-shadow:0 0 0 2pt var(--color-main)}.btn--guest{color:var(--color-txt-light);background-color:var(--color-main);font-weight:600}.btn--reg{font-weight:600}.btn--action,.btn--task{margin-left:auto;padding:var(--space-xxs);line-height:var(--font-main)}.btn--task{background-color:transparent}.btn--logout--icon{display:none}@media only screen and (max-width:500px){.btn{margin:var(--space-xxs)}.btn--task{margin-left:0}.btn--action{margin-left:auto}.btn--logout{display:none}.btn--logout--icon{display:block}}@media only screen and (max-width:400px){.btn--logout{display:none}.btn--logout--icon{display:block}}.modal{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-bg-light);padding:var(--space-s) var(--space-m);border-radius:var(--border-radius);max-width:46rem}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__h{font-size:var(--font-util)}.modal__overlay{position:fixed;inset:0;background-color:#00000086;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal__helper{font-size:var(--font-main);color:var(--color-txt)}header{display:flex;padding:var(--space-m);align-items:center}.header__logo{height:6rem;padding-right:var(--space-xs)}.header__txt{display:flex;align-items:center}.header__switcher{margin-left:auto;margin-right:var(--space-xs);color:var(--color-main);margin-top:var(--space-xs);font-size:3rem;cursor:pointer;align-self:center}.header__h{font-size:3rem;font-weight:600;color:var(--color-txt)}.nofocus:focus{outline:none;box-shadow:none}@media only screen and (max-width:500px){header .button__group{display:none}}footer{display:flex;padding:0 var(--space-m) var(--space-m);justify-content:center;text-align:center}.footer__txt{color:var(--color-txt);font-size:var(--font-main)}.heart{filter:invert(8%) sepia(87%) saturate(7272%) hue-rotate(344deg) brightness(75%) contrast(92%);height:3rem;vertical-align:middle}.home__container{display:flex;align-items:center;justify-content:center;padding:var(--space-m)}.home__buttons{display:flex;flex-direction:column}.home__h{font-size:var(--font-h1);color:var(--color-txt);text-align:end}.home__main{display:flex;flex-direction:column;align-items:flex-end}.home__img{max-width:40%}@media only screen and (max-width:500px){.home__container{flex-direction:column}.home__main{align-items:center}.home__h{text-align:center}}.input{background-color:var(--color-bg-md);border:none;padding:var(--space-s);border-radius:var(--border-radius);color:var(--color-txt);font-size:var(--font-main);font-family:var(--font)}.task__input{width:50%;margin:var(--space-s) var(--space-s) var(--space-s) 0}.task__form{display:flex;align-items:center}.task__form>button{margin-left:0}.modal__form{display:flex;flex-direction:column}.modal__form>button{margin-top:var(--space-s);align-self:center}.modal__label{color:var(--color-txt);font-size:var(--font-main);margin-top:var(--space-s)}.modal__input{width:40rem;margin:var(--space-s) 0 var(--space-xs) 0}.modal__input--error{box-shadow:0 0 0 2pt var(--color-danger);transition:box-shadow .4s}.modal__error{color:var(--color-danger);font-size:var(--font-main);font-weight:600;margin:var(--space-xs) 0}.password{position:relative}.password__eye{position:absolute;top:2.8rem;right:1.5rem;color:var(--color-main);font-size:2.5rem;cursor:pointer}@media only screen and (max-width:500px){.task__input{width:100%}.modal__input{width:30rem}}.task__container{font-size:var(--font-main);display:flex;align-items:center;color:var(--color-txt);background-color:var(--color-bg-md);padding:var(--space-s);margin:var(--space-xs) 0;border-radius:var(--border-radius);transition:background-color .4s;width:100%}.easy-edit-inline-wrapper{display:inline-flex;align-items:center;flex-grow:1;justify-content:space-between}.easy-edit-wrapper,.easy-edit-component-wrapper>input{background-color:var(--color-bg-md);position:relative;vertical-align:middle;margin:0 var(--space-xs);color:var(--color-txt);font-family:var(--font);font-size:var(--font-main)}.easy-edit-component-wrapper{flex-grow:1}.easy-edit-component-wrapper>input{border:none;outline:1px solid var(--color-main);padding:var(--space-xxs) 0;flex-grow:1}.cbx{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;display:inline-flex;align-items:center;min-width:40%}.cbx__input{display:none}.cbx label{display:inline-block;transform:translateZ(0)}.cbx label:first-child{position:relative;width:2rem;height:2rem;border-radius:50%;transform:scale(1);vertical-align:middle;border:1px solid var(--color-txt);transition:all .2s ease;cursor:pointer}.cbx .check{cursor:pointer;position:absolute;z-index:1;top:.4rem;left:.3rem;fill:none;stroke:var(--color-main);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.cbx label:first-child:before{content:"";width:100%;height:100%;background:var(--color-main);display:block;transform:scale(0);opacity:1;border-radius:50%;transition-delay:.2s}.cbx div:after{content:"";position:absolute;top:1rem;left:0;height:2px;width:100%;background:#b9b8c3;transform-origin:0 0;transform:scaleX(0)}.cbx__input:checked+.cbx label:first-child{border-color:var(--color-main);background:transparent;animation:check .6s ease}.cbx__input:checked+.cbx label:first-child .check{stroke-dashoffset:0}.cbx__input:checked+.cbx label:first-child:before{transform:scale(2.2);opacity:0;transition:all .6s ease}.cbx__input:checked+.cbx div{color:var(--color-txt-inactive);transition:all .3s ease}.cbx__input:checked+.cbx div:after{transform:scaleX(1);transition:all .3s ease}@keyframes check{50%{transform:scale(1.2)}}.message{font-size:var(--font-main);font-weight:100}.message>a{color:var(--color-main)}@media only screen and (max-width:500px){.easy-edit-button-wrapper{display:flex}.task__container{padding:var(--space-xs)}.cbx{min-width:80%}}.tasks__container{margin:0;display:flex;flex-direction:column;padding:var(--space-m);color:var(--color-txt);max-width:1466px}h3{font-size:var(--font-h3);margin:0;color:var(--color-txt);transition:all .5s linear}.category{border:1px solid var(--color-bg-md);border-radius:var(--border-radius);padding:var(--space-s) var(--space-s);margin:var(--space-m) 0;position:relative;transition:all .4s}.category__name{position:absolute;top:-19px;left:var(--space-xs);transition:all .5s linear}.warning{color:var(--color-danger);font-size:var(--font-main)}