.todo__category-title-wrapper{align-items:center;color:#eaecf1;display:flex;flex-direction:row-reverse;font-size:22px;justify-content:space-between;margin:15px;padding:15px}.todo__category-title-wrapper h2{overflow:hidden;padding-bottom:4px;text-overflow:ellipsis;white-space:nowrap;width:100%}@media(max-width:1000px){.todo__category-title-wrapper{margin-top:0;padding:5px}}@media(max-width:600px){.todo__category-title-wrapper{margin-bottom:0}}.todo__category-title{border-bottom:3px solid #0000;font-family:Montserrat-Bold,serif;font-size:32px;transition:all .5s ease}.todo__category-title:focus,.todo__category-title:hover{border-bottom:3px solid #eaecf1}@media(max-width:600px){.todo__category-title{font-size:26px}}.todo__category-edit{color:#183588;cursor:pointer;margin-right:10px;transition:all .5s ease}.todo__category-edit:hover{color:#eaecf1}@media(max-width:600px){.todo__category-edit{font-size:18px}}.todo__category-edit:focus~.todo__category-title,.todo__category-edit:hover~.todo__category-title{border-bottom:3px solid #eaecf1}.todo__category-delete-btn{color:#183588;cursor:pointer;transition:all .5s ease}.todo__category-delete-btn:hover{color:#eaecf1}@media(max-width:600px){.todo__category-delete-btn{font-size:18px}}.todo__category-delete-btn:hover~.todo__category-title{border-bottom:3px solid #da4747}.todo__textarea-wrapper{align-items:flex-start;border-radius:20px;display:flex;justify-content:space-between;margin:8px 12px 35px 15px;padding:15px}@media(max-width:1000px){.todo__textarea-wrapper{margin-bottom:15px;padding:4px}}.todo__textarea-add-task-btn{align-items:center;background-color:#0000;border:none;color:#8e99b4;cursor:pointer;display:flex;font-size:24px;justify-content:center;margin-right:15px;margin-top:3px;transform:rotate(45deg);transition:all .5s ease}@media(max-width:1000px){.todo__textarea-add-task-btn{margin-right:9px}}.todo__textarea-add-task-btn:hover{color:#eaecf1}.todo__textarea{align-items:center;background-color:#0000;border:0;border-bottom:3px solid #0000;color:#eaecf1;display:flex;font-family:San-Francisco-Display-Regular;font-size:16px;margin:5px 30px 5px 0;outline:0;overflow:hidden;padding:0 5px 5px;resize:none;transition:all .5s ease;width:100%;word-break:break-word}.todo__textarea:focus,.todo__textarea:hover{border-bottom:3px solid #eaecf1}.todo__textarea::placeholder{color:#8e99b4}.todo__task-wrapper{align-items:flex-start;display:flex;flex-direction:row-reverse;justify-content:space-between;margin:0 12px 0 15px;padding:15px}@media(max-width:1000px){.todo__task-wrapper{padding:5px}}.todo__checkbox{align-items:center;background-color:#183588;border:1px solid #0000;border-radius:50%;color:#eaecf1;cursor:pointer;display:flex;flex-shrink:0;height:23px;justify-content:center;margin-right:15px;margin-top:4px;transition:all .5s ease;width:23px}@media(max-width:1000px){.todo__checkbox{margin-right:10px}}.todo__checkbox:hover{background-color:#2c59da;border:1px solid #eaecf1}.todo__task{align-items:center;border-bottom:3px solid #0000;color:#eaecf1;display:flex;font-size:16px;overflow:hidden;padding:5px;text-align:justify;transition:all .5s ease;white-space:pre-wrap;width:100%}.todo__task:focus,.todo__task:hover{border-bottom:3px solid #eaecf1}.todo__task.checked{text-decoration:line-through}.todo__delete-task-btn{color:#183588;cursor:pointer;font-size:19px;margin:5px 5px 5px 15px;transition:all .5s ease}.todo__delete-task-btn:hover{color:#fff}@media(max-width:1000px){.todo__delete-task-btn{margin-left:10px}}.todo__delete-task-btn:hover+.todo__task{border-bottom:3px solid #da4747}.todo{background-color:#3450a1;overflow:auto;padding:35px 5px;transition:width .5s ease;width:100%}@media(max-width:1000px){.todo{padding:10px 5px 10px 10px}}.todo__no-tasks{color:#eaecf1;font-family:Montserrat-Bold,serif;font-size:40px;margin:12px 15px 15px;padding:15px}@media(max-width:1000px){.todo__no-tasks{margin-top:36px}}@media(max-width:600px){.todo__no-tasks{font-size:28px;margin-top:39px}}.categories__static-items{padding:0 5px}.categories__items{overflow:auto;padding:0 5px}.categories__item{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin:15px;padding:15px;position:relative;transition:all .3s linear}.categories__item.active{box-shadow:0 0 10px 0 #3e5497}.categories__item:hover{box-shadow:0 0 15px 0 #3e5497}.categories.show-small .categories__item{margin:13px 0;padding:6px}.categories.show-small .categories__item.active{box-shadow:inset 0 0 10px 0 #3e5497}.categories.show-small .categories__item:hover{box-shadow:inset 0 0 15px 0 #3e5497}.categories__title{display:flex;overflow:hidden}.categories__icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:28px;height:18px;justify-content:center;margin-right:15px;transition:all .3s linear;width:18px}.categories.show-small .categories__icon{border-radius:8px;font-size:36px;height:35px;margin:0;width:35px}.categories__name{font-family:Roboto-Regular;font-size:15px;opacity:1;overflow:hidden;text-overflow:ellipsis;transition:all .3s linear;visibility:visible;white-space:nowrap;width:150px}.categories.show-small .categories__name{-webkit-text-stroke:1px rgba(0,0,0,.103);font-size:25px;margin-left:-34px;opacity:0;overflow:hidden;transition:all .3s linear;visibility:hidden;width:34px}.categories.show-small .categories__items .categories__name{opacity:1;visibility:visible}.categories__count-wrapper{display:flex;justify-content:flex-end;margin-left:10px;min-width:20px}.categories.show-small .categories__count-wrapper{margin-left:0;min-width:auto}.categories__count{align-self:flex-end;transition:all .3s linear}.categories.show-small .categories__count{align-items:center;background-color:#c25151;border-radius:50%;display:flex;font-size:10px;height:15px;justify-content:center;line-height:1.5;padding:2px;position:absolute;right:2px;top:2px;transition:all .3s linear;width:15px}.categories__add-popup-backgroud{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000004d;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100vw;z-index:11}.categories__add-popup-window{background-color:#3e5497;border-radius:10px;display:flex;flex-direction:column;left:13px;padding:20px;position:absolute;top:60px;z-index:12}.categories__add-input{align-items:center;background-color:#0000;border:0;border-bottom:4px solid #8e99b4;color:#eaecf1;display:flex;font-size:16px;margin-bottom:15px;outline:0;padding:5px;transition:all .3s linear;width:100%}.categories__add-input:focus,.categories__add-input:hover{border-bottom:4px solid #eaecf1}.categories__add-input::placeholder{color:#8e99b4}.categories__add-colors{display:flex;margin-bottom:15px}.categories__add-color{border-radius:50%;cursor:pointer;display:flex;height:25px;margin:5px;transition:all .3s linear;width:25px}.categories__add-color.active,.categories__add-color:hover{box-shadow:0 0 10px 3px #c4c6e7}.categories__add-btn{align-items:center;background-color:#183588;border:1px solid #0000;border-radius:10px;color:#eaecf1;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:10px;transition:all .3s linear;width:100%}.categories__add-btn:hover{background-color:#2c59da;border:1px solid #eaecf1}.categories__add-close-btn{align-items:center;border-radius:50%;color:#183588;cursor:pointer;display:flex;font-size:25px;height:28px;justify-content:center;position:absolute;right:3px;top:3px;transition:all .3s linear;width:28px}.categories__add-close-btn:hover{color:#eaecf1}.categories__add-wrapper{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin:1px 15px 15px;padding:15px;position:relative;transition:all .3s linear}.categories__add-wrapper:hover{box-shadow:0 0 15px 0 #3e5497}.categories.show-small .categories__add-wrapper{margin:0 0 13px;padding:6px}.categories.show-small .categories__add-wrapper:hover{box-shadow:inset 0 0 15px 0 #3e5497}.categories__add-title{display:flex;overflow:hidden}.categories__add-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:28px;height:18px;justify-content:center;margin-right:15px;transform:rotate(45deg);transition:all .3s linear;width:18px}.categories.show-small .categories__add-icon{border-radius:8px;font-size:36px;height:35px;margin:0;width:35px}.categories__add-name{font-family:Roboto-Regular;font-size:15px;opacity:1;overflow:hidden;text-overflow:ellipsis;transition:all .3s linear;visibility:visible;white-space:nowrap;width:150px}.categories.show-small .categories__add-name{font-size:25px;margin-left:-34px;opacity:0;overflow:hidden;transition:all .3s linear;visibility:hidden;width:34px}.categories{align-content:flex-start;align-items:stretch;background-color:#041955;color:#fcfcfd;display:flex;flex-direction:column;font-size:15px;justify-content:flex-start;padding:63px 0 0;position:relative;transition:all .3s linear;width:320px;z-index:12}.categories.show-small{width:65px}@media(max-width:1000px){.categories{width:260px}}@media(max-width:600px){.categories{padding-top:57px}}@media(max-width:550px){.categories body{background-color:#041955}.categories+.todo{opacity:0;padding-left:0;padding-right:0;visibility:hidden;width:0}.categories.show-small+.todo{opacity:1;visibility:visible;width:100%}.categories{width:100%}}.categories__menu-arrow-btn{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:32px;height:35px;justify-content:center;position:absolute;right:12px;top:19px;transform:rotate(180deg);transition:all .3s linear;width:35px}.categories__menu-arrow-btn:hover{box-shadow:inset 0 0 15px 0 #3e5497}@media(max-width:600px){.categories__menu-arrow-btn{top:13px}}.categories.show-small .categories__menu-arrow-btn{transform:rotate(0)}.authentication{bottom:0;color:#fff;display:flex;justify-content:flex-end;margin-right:20px;padding-bottom:10px;position:absolute;right:0;-webkit-user-select:none;user-select:none;width:auto;z-index:10}.authentication.hide{animation:hideWidth .5s;width:auto}.authentication.show{width:220px}.authentication__auth-show-btn{align-items:center;animation-duration:.3s;background-color:#32127c;border-radius:50%;color:hsla(0,0%,100%,.555);cursor:pointer;display:flex;font-size:27px;height:50px;justify-content:center;transform:rotate(-180deg);transition:all .5s ease;width:50px;z-index:10}.authentication__auth-show-btn:hover{color:#fff}.authentication.show-small .authentication__auth-show-btn{margin-left:12px}.authentication.show .authentication__auth-show-btn{transform:rotate(0)}.authentication.hide .authentication__auth-show-btn{transform:rotate(-180deg)}.authentication__auth-sync{background-color:#32127c;border-radius:15px;bottom:-200%;display:flex;left:0;margin-bottom:10px;position:absolute;transition:all .5s ease;width:100%}.authentication.show-small .authentication__auth-sync{border-top-right-radius:15px}.show .authentication__auth-sync{bottom:0;visibility:visible}.hide .authentication__auth-sync{bottom:-200%;visibility:hidden}.authentication__auth,.authentication__sign{align-items:center;animation-duration:.3s;color:hsla(0,0%,100%,.555);cursor:pointer;display:flex;justify-content:flex-start;padding-left:7px;position:relative}.authentication__auth{cursor:default}.authentication__sign:hover .authentication__auth-title{color:#fff}.show .authentication__auth-sign{bottom:0}.hide .authentication__auth-sign{bottom:-100%}.authentication__auth-title{font-size:18px;transition:all .5s ease}.authentication__auth-icon{align-items:center;display:flex;height:20px;margin:12px 10px 12px 6px;padding:2px;width:20px}.authentication__auth-icon:hover{color:#fff}.authentication__auth-icon_google{background-color:#fff;border-radius:50%;height:26px;width:26px}.authentication__auth-icon_google.auth-process{animation:rotate 2s infinite}.authentication__auth-icon_logout,.authentication__auth-icon_sync{cursor:pointer;height:30px;margin:0 7px;transition:all .5s ease;width:30px}.authentication__sync{transition:all 2s ease}.authentication__error-message{background-color:#fff;border-radius:15px;color:red;display:none;font-weight:700;left:0;padding:10px;position:absolute;text-align:center;top:-85px;width:220px;z-index:11}.authentication__error-message.error{display:block}.authentication__sync.success .authentication__auth-icon_sync{color:#58b858}.authentication__sync.error .authentication__auth-icon_sync{color:#ff2600}.authentication__sync.sync-process{animation:rotate 2s infinite}.authentication__auth-avatar{align-items:center;border:2px solid hsla(0,0%,100%,.555);border-radius:5px;display:flex;font-size:24px;height:35px;justify-content:center;margin:7.5px 20px;width:35px}@keyframes hideWidth{0%{width:220px}99%{width:220px}to{width:auto}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.color--green{border-bottom:3px solid #0000;color:#34af86;transition:all .5s ease}.color--green:focus,.color--green:hover{border-bottom:3px solid #34af86}.color--gray{color:#cfcfcf}.color--pink{color:#fcc3cc}.color--olive{color:#b1deb7}.color--purpure{color:#c668fd}.color--orange{color:#ff6e60}.color--blue{color:#62bdf6}.bg--green{background-color:#34af86}.bg--gray{background-color:#cfcfcf}.bg--pink{background-color:#fcc3cc}.bg--olive{background-color:#b1deb7}.bg--purpure{background-color:#c668fd}.bg--orange{background-color:#ff6e60}.bg--blue{background-color:#62bdf6}@font-face{font-family:San-Francisco-Display-Regular;font-style:normal;font-weight:400;src:url(/static/media/SanFranciscoDisplayRegular.83ecbdc39e4e4e337b56.woff) format("truetype")}@font-face{font-family:Montserrat-Bold;font-style:normal;font-weight:400;src:url(/static/media/Montserrat-Bold.8ce6f4ee86ac2cbc9b0f.woff) format("truetype")}@font-face{font-family:Roboto-Regular;font-style:normal;font-weight:400;src:url(/static/media/Roboto-Regular.774f99460b8c31560a3c.woff) format("truetype")}*{box-sizing:border-box;list-style:none;margin:0;outline:none;padding:0}body{background-color:#97b5fe}a{color:#fcfcfd;text-decoration:none}@media(max-width:550px){body{background-color:#041955}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#5599fe;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#227afe}.app{-webkit-tap-highlight-color:rgba(0,0,0,0);display:flex;font-family:San-Francisco-Display-Regular;height:100vh;justify-content:center;margin:auto;max-width:1200px;overflow:hidden;position:relative;width:100%}
/*# sourceMappingURL=main.c9502ad5.css.map*/