@import url(https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&family=Quicksand&display=swap);#app[data-v-2cb376d9]{padding:0 16px 40px}.header[data-v-2cb376d9]{padding:40px 0 24px}.header__title[data-v-2cb376d9]{font-size:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;color:#fff;text-decoration:none}.header__title[data-v-2cb376d9]:hover{cursor:pointer;opacity:.8}.todo[data-v-5c9e5930]{display:flex;align-items:center}.todo__check[data-v-5c9e5930]{align-self:flex-start;margin-right:12px;margin-top:2px;width:18px;height:18px;position:relative;border-radius:4px}.todo__check[data-v-5c9e5930]:after,.todo__check[data-v-5c9e5930]:before{content:"";width:100%;height:100%;position:absolute;border:1px solid #212121;background-color:#212121;border-radius:4px;top:-1px;left:-1px;cursor:pointer}.todo__check[data-v-5c9e5930]:after{transition:.2s;background:url(../img/check.90f520ee.svg);transform:scale(0) rotate(90deg)}.todo__check[data-v-5c9e5930]:checked:after{transform:scale(1) rotate(0)}.todo__text[data-v-5c9e5930]{font-size:16px;font-family:Quicksand,sans-serif;width:100%;flex:1}.todo__text--input[data-v-5c9e5930]{border-bottom:1px solid #595959;margin-bottom:8px}.todo__text--input[data-v-5c9e5930]:focus{border-color:#fff}.todo__btn-del[data-v-5c9e5930]{width:24px;height:24px;background:transparent url(../img/del.43bf678c.svg) 50%/80% no-repeat;margin-left:10px;margin-top:-10px;cursor:pointer}.todo__btn-del[data-v-5c9e5930]:hover{background-image:url(../img/del_r.3f97531a.svg)}@-webkit-keyframes pulse-data-v-cb606ab4{to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}@keyframes pulse-data-v-cb606ab4{to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.todo-list__new-todo[data-v-cb606ab4]{width:32px;height:32px;border-radius:50%;text-transform:uppercase;font-size:26px;background:#fff;transition:.2s;cursor:pointer;opacity:.5;color:#484848;position:relative}.todo-list__new-todo[data-v-cb606ab4]:hover{cursor:pointer;opacity:.8}.todo-list__new-todo--animate[data-v-cb606ab4]:after,.todo-list__new-todo--animate[data-v-cb606ab4]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;background-color:#fff;border-radius:50%;z-index:-1}.todo-list__new-todo--animate[data-v-cb606ab4]:before{-webkit-animation:pulse-data-v-cb606ab4 2s linear infinite;animation:pulse-data-v-cb606ab4 2s linear infinite}.todo-list__new-todo--animate[data-v-cb606ab4]:after{-webkit-animation:pulse-data-v-cb606ab4 2s linear 1s infinite;animation:pulse-data-v-cb606ab4 2s linear 1s infinite}.todo-list__item[data-v-cb606ab4]:not(:last-child){margin-bottom:12px}.todo-list__footer[data-v-cb606ab4]{text-align:center}.note[data-v-2b9c6abb]{background-color:#484848;border-radius:5px;padding:24px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);transition:.2s;width:100%;position:relative}.note--readonly[data-v-2b9c6abb]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.note--readonly[data-v-2b9c6abb]:hover{cursor:pointer;opacity:.8}.note__control[data-v-2b9c6abb]{display:flex;justify-content:flex-end;margin-bottom:16px}.note__control-btn[data-v-2b9c6abb]{width:44px;height:44px;border-radius:50%;background:#414141 url(../img/del.43bf678c.svg) 50% no-repeat}.note__control-btn[data-v-2b9c6abb]:hover{cursor:pointer;opacity:.8}.note__control-btn[data-v-2b9c6abb]:disabled{cursor:default;opacity:.5}.note__control-btn--undo[data-v-2b9c6abb]{background-image:url(../img/undo_w.1bcfce08.svg)}.note__control-btn--undo[data-v-2b9c6abb]:disabled{background-image:url(../img/undo.3c43263a.svg)}.note__control-btn--redo[data-v-2b9c6abb]{background-image:url(../img/redo_w.a2b179c4.svg)}.note__control-btn--redo[data-v-2b9c6abb]:disabled{background-image:url(../img/redo.ac51ea7e.svg)}.note__control-btn--back[data-v-2b9c6abb]{background-image:url(../img/back_w.50de614f.svg)}.note__control-btn--back[data-v-2b9c6abb]:disabled{background-image:url(../img/back.8033b2dd.svg)}.note__control-btn--trash[data-v-2b9c6abb]{background-image:url(../img/trash_w.3bb23dea.svg)}.note__control-btn--trash[data-v-2b9c6abb]:disabled{background-image:url(../img/trash.d8a8ad0b.svg)}.note__control-btn--back[data-v-2b9c6abb]{margin-right:auto}.note__control-btn--undo[data-v-2b9c6abb]{margin-right:4px}.note__control-btn--trash[data-v-2b9c6abb]{margin-left:16px}.note__control-btn--readonly[data-v-2b9c6abb]{position:absolute;right:16px;top:16px}.note__control-btn--readonly[data-v-2b9c6abb]:hover{background-image:url(../img/trash_r.5dfeae1e.svg)}.note__btn-save[data-v-2b9c6abb]{background-color:#ffa000;color:#fff;height:44px;border-radius:4px;padding:0 20px;text-transform:uppercase;margin-left:16px}.note__btn-save[data-v-2b9c6abb]:not(:disabled){cursor:pointer}.note__btn-save[data-v-2b9c6abb]:not(:disabled):hover{cursor:pointer;opacity:.8}.note__btn-save[data-v-2b9c6abb]:disabled{cursor:default;opacity:.5}.note__title[data-v-2b9c6abb]{display:inline-block;font-size:25px;margin-bottom:16px;font-family:Quicksand,sans-serif;width:100%;padding-right:50px}.note__title--input[data-v-2b9c6abb]{border-bottom:1px solid #595959;margin-bottom:30px;padding-right:0}.note__title--input[data-v-2b9c6abb]:focus{border-color:#fff}@-webkit-keyframes pulse{to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}@keyframes pulse{to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.btn-add{width:50px;height:50px;border-radius:50%;background-color:#ffa000;color:#fff;font-size:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);cursor:pointer;transition:.2s;position:relative}.btn-add:hover{cursor:pointer;opacity:.8}.btn-add--animate:after,.btn-add--animate:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;background-color:#ffa000;border-radius:50%;z-index:-1}.btn-add--animate:before{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.btn-add--animate:after{-webkit-animation:pulse 2s linear 1s infinite;animation:pulse 2s linear 1s infinite}.modal[data-v-f0a17312]{font-family:Quicksand,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.9)}.modal__window[data-v-f0a17312]{width:400px;max-width:100%;margin:15px;border-radius:5px;background-color:#212121;padding:24px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.modal__header[data-v-f0a17312]{display:flex;margin-bottom:24px}.modal__title[data-v-f0a17312]{flex:1;font-weight:400}.modal__confirm[data-v-f0a17312]{background-color:#ffa000;color:#fff;height:44px;border-radius:4px;padding:0 20px;text-transform:uppercase}.modal__confirm[data-v-f0a17312]:not(:disabled){cursor:pointer}.modal__confirm[data-v-f0a17312]:not(:disabled):hover{cursor:pointer;opacity:.8}.modal__confirm[data-v-f0a17312]:disabled{cursor:default;opacity:.5}.modal__text[data-v-f0a17312]{margin-bottom:16px}.modal__close[data-v-f0a17312]{width:44px;height:44px;border-radius:50%;background:#414141 url(../img/del.43bf678c.svg) 50% no-repeat;margin:-8px -8px 0 0}.modal__close[data-v-f0a17312]:hover{cursor:pointer;opacity:.8}.modal__close[data-v-f0a17312]:disabled{cursor:default;opacity:.5}.no-notes[data-v-475e16e0]{opacity:.4;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-notes__img[data-v-475e16e0]{max-width:85%}.no-notes__text[data-v-475e16e0]{font-size:24px}.home__btn-add[data-v-4840c336]{position:fixed;bottom:20px;right:20px}.home__btn-add[data-v-4840c336]:hover{transform:rotate(90deg)}.home__no-notes[data-v-4840c336]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.notes-list[data-v-4840c336]{margin:0 -12px -12px}.notes-list__item[data-v-4840c336]{padding:12px;display:flex}*{margin:0;padding:0;box-sizing:border-box}button{border:none}button,input{outline:none}input{border:none;color:#fff;background-color:transparent;font-family:Quicksand,sans-serif}body{background-color:#212121;color:#fff;font-family:Open Sans Condensed,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid{display:flex;flex-wrap:wrap}.grid .col{width:100%}@media (min-width:320px){.grid .col.col--320-1{width:8.33333%}.grid .col.col--320-2{width:16.66667%}.grid .col.col--320-3{width:25%}.grid .col.col--320-4{width:33.33333%}.grid .col.col--320-5{width:41.66667%}.grid .col.col--320-6{width:50%}.grid .col.col--320-7{width:58.33333%}.grid .col.col--320-8{width:66.66667%}.grid .col.col--320-9{width:75%}.grid .col.col--320-10{width:83.33333%}.grid .col.col--320-11{width:91.66667%}.grid .col.col--320-12{width:100%}}@media (min-width:580px){.grid .col.col--580-1{width:8.33333%}.grid .col.col--580-2{width:16.66667%}.grid .col.col--580-3{width:25%}.grid .col.col--580-4{width:33.33333%}.grid .col.col--580-5{width:41.66667%}.grid .col.col--580-6{width:50%}.grid .col.col--580-7{width:58.33333%}.grid .col.col--580-8{width:66.66667%}.grid .col.col--580-9{width:75%}.grid .col.col--580-10{width:83.33333%}.grid .col.col--580-11{width:91.66667%}.grid .col.col--580-12{width:100%}}@media (min-width:768px){.grid .col.col--768-1{width:8.33333%}.grid .col.col--768-2{width:16.66667%}.grid .col.col--768-3{width:25%}.grid .col.col--768-4{width:33.33333%}.grid .col.col--768-5{width:41.66667%}.grid .col.col--768-6{width:50%}.grid .col.col--768-7{width:58.33333%}.grid .col.col--768-8{width:66.66667%}.grid .col.col--768-9{width:75%}.grid .col.col--768-10{width:83.33333%}.grid .col.col--768-11{width:91.66667%}.grid .col.col--768-12{width:100%}}@media (min-width:1024px){.grid .col.col--1024-1{width:8.33333%}.grid .col.col--1024-2{width:16.66667%}.grid .col.col--1024-3{width:25%}.grid .col.col--1024-4{width:33.33333%}.grid .col.col--1024-5{width:41.66667%}.grid .col.col--1024-6{width:50%}.grid .col.col--1024-7{width:58.33333%}.grid .col.col--1024-8{width:66.66667%}.grid .col.col--1024-9{width:75%}.grid .col.col--1024-10{width:83.33333%}.grid .col.col--1024-11{width:91.66667%}.grid .col.col--1024-12{width:100%}}@media (min-width:1366px){.grid .col.col--1366-1{width:8.33333%}.grid .col.col--1366-2{width:16.66667%}.grid .col.col--1366-3{width:25%}.grid .col.col--1366-4{width:33.33333%}.grid .col.col--1366-5{width:41.66667%}.grid .col.col--1366-6{width:50%}.grid .col.col--1366-7{width:58.33333%}.grid .col.col--1366-8{width:66.66667%}.grid .col.col--1366-9{width:75%}.grid .col.col--1366-10{width:83.33333%}.grid .col.col--1366-11{width:91.66667%}.grid .col.col--1366-12{width:100%}}@media (min-width:1440px){.grid .col.col--1440-1{width:8.33333%}.grid .col.col--1440-2{width:16.66667%}.grid .col.col--1440-3{width:25%}.grid .col.col--1440-4{width:33.33333%}.grid .col.col--1440-5{width:41.66667%}.grid .col.col--1440-6{width:50%}.grid .col.col--1440-7{width:58.33333%}.grid .col.col--1440-8{width:66.66667%}.grid .col.col--1440-9{width:75%}.grid .col.col--1440-10{width:83.33333%}.grid .col.col--1440-11{width:91.66667%}.grid .col.col--1440-12{width:100%}}@media (min-width:1680px){.grid .col.col--1680-1{width:8.33333%}.grid .col.col--1680-2{width:16.66667%}.grid .col.col--1680-3{width:25%}.grid .col.col--1680-4{width:33.33333%}.grid .col.col--1680-5{width:41.66667%}.grid .col.col--1680-6{width:50%}.grid .col.col--1680-7{width:58.33333%}.grid .col.col--1680-8{width:66.66667%}.grid .col.col--1680-9{width:75%}.grid .col.col--1680-10{width:83.33333%}.grid .col.col--1680-11{width:91.66667%}.grid .col.col--1680-12{width:100%}}@media (min-width:1920px){.grid .col.col--1920-1{width:8.33333%}.grid .col.col--1920-2{width:16.66667%}.grid .col.col--1920-3{width:25%}.grid .col.col--1920-4{width:33.33333%}.grid .col.col--1920-5{width:41.66667%}.grid .col.col--1920-6{width:50%}.grid .col.col--1920-7{width:58.33333%}.grid .col.col--1920-8{width:66.66667%}.grid .col.col--1920-9{width:75%}.grid .col.col--1920-10{width:83.33333%}.grid .col.col--1920-11{width:91.66667%}.grid .col.col--1920-12{width:100%}}