*{box-sizing:border-box}body,html,input,select,textarea{font-family:Montserrat,sans-serif}body,html{font-size:18px;height:100%;line-height:1.5em;margin:0}.app{background-color:#fff;background-color:var(--background);color:#3a4143;flex-direction:column;height:100vh;width:100%}.app,.header-nav{display:flex}.app-header{border-bottom:2px solid #e8e8e8}.app-header,.header-nav{padding:20px 20px 0}.app-header-logo{margin-right:5px;vertical-align:middle;width:35px}.app-header__search__input{border:2px solid #e8e8e8;border-radius:50px;font-size:.9em;outline:none!important;padding:6px 14px;width:300px}.app-header__title{flex:1 1;margin:0}.app-header__action-bar{display:flex;justify-content:space-between;padding-top:10px}.filters{display:flex}.filter{cursor:pointer;font-size:.8em;font-weight:600;padding:5px 10px;text-transform:uppercase}.app-main{display:flex;flex:1 1}.app-sidebar{background:#f5f6fb;flex:0 0 500px;max-width:500px;max-width:100%}.note{border-radius:12px;box-shadow:0 3px 16px 0 rgba(44,44,197,.16);box-shadow:var(--shadow);cursor:pointer;display:flex;font-weight:600;margin:20px;padding:15px;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.app-note-edit,.note{background:#fff}.note__title{flex:1 1;margin:auto 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{align-items:center;background:#fafbfd;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;margin-right:5px;width:35px}.icon-button.size-xl{font-size:1.8em;height:58px;width:58px}.icon-button.size-l{font-size:1.5em;height:50px;margin-right:10px;width:50px}.note__add{background:#893ffb;bottom:30px;box-shadow:2px 8px 18px 0 rgba(21,21,38,.36);color:#fff;position:fixed;right:30px}.note.opened{-webkit-transform:scale(1.04);transform:scale(1.04)}.note-editor{display:flex;flex-direction:column;height:100%}.note-editor__header{display:flex}.note-editor__content,.note-editor__title{border:none;flex:1 1;outline:none;padding:10px;width:100%}.note-editor__title{font-size:2em;font-weight:600}.note-editor .categories-selector{padding:0 10px}.app-main .app-note-edit{flex:1 1;padding:20px}.categories-selector__category{background:#dddfe8;border-radius:4px;color:#3a4143;cursor:pointer;font-size:.7em;font-weight:600;margin-right:5px;padding:4px 10px;text-transform:uppercase}.note-editor__content{font-size:1em;font-weight:inherit;line-height:inherit;resize:none}.empty-note-editor{font-size:2em;opacity:.3;padding-top:50px;text-align:center;width:100%}.empty-note-editor__icon{font-size:350px}.note__starred-toggle.starred,.note__starred-toggle:hover{background-color:#ffd500;color:#000}.note__completed-toggle.completed,.note__completed-toggle:hover{background-color:#893ffb;color:#fff}.app-header__action-bar__status-filters .filter.active{color:#893ffb}.app-header__action-bar__category-filters .filter.active{color:#3fa3fb}.filter.active{box-shadow:inset 0 -3px 0 0}.categories-selector__category.selected{background:#3fa3fb;color:#fff}
/*# sourceMappingURL=main.04222710.css.map*/