.modal-mask[data-v-4a7239cc]{position:fixed;z-index:100;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal[data-v-4a7239cc]{line-height:1.5em;margin:.7em;padding:20px 30px;text-align:center;border-radius:10px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.33)}.btn[data-v-4a7239cc],.modal[data-v-4a7239cc]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.btn[data-v-4a7239cc]{font-size:26px;margin:.25em .5em;cursor:pointer;transition:.2s ease;color:#79368d;border:none;outline:none;background:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.btn[data-v-4a7239cc]:hover{color:#d400ff}.fade-enter-active[data-v-4a7239cc],.fade-leave-active[data-v-4a7239cc]{transition:opacity .3s}.fade-enter[data-v-4a7239cc],.fade-leave-to[data-v-4a7239cc]{opacity:0}.textarea-wrapper[data-v-143cd961]{display:flex;align-items:center;justify-content:center;height:auto;padding:1px}textarea[data-v-143cd961]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.5em;overflow-y:hidden;width:100%;height:100%;padding:0 1em;resize:none;transition:.4s ease;color:#1e1e1e;border:none;border-bottom:1px solid hsla(0,0%,70.2%,0);outline:none}.todo__add{display:flex;flex-wrap:nowrap;padding:.5em}.todo__add .todo__title textarea{border-bottom:1px solid rgba(155,59,184,.7)}.todo__add .todo__title textarea:focus,.todo__add .todo__title textarea:hover{border-bottom:1px solid #9b3bb8;background:none}.btn-submit{width:-webkit-min-content;width:-moz-min-content;width:min-content;height:-webkit-min-content;height:-moz-min-content;height:min-content;padding:0;border:none;outline:none;background:none}.btn-submit span:before{padding:5px}.btn-submit span,.btn-submit span:before{margin:0;transition:.1s ease;border-radius:50%}.btn-submit span{width:-webkit-min-content;width:-moz-min-content;width:min-content;height:-webkit-min-content;height:-moz-min-content;height:min-content;padding:0;color:#3b3b3b}.btn-submit:hover span:before{color:#fff;background-color:#a958c2}.btn-submit:active span:before{color:#fff;background-color:#b971cf}.todo__checkbox-label{width:-webkit-min-content;width:-moz-min-content;width:min-content;height:-webkit-min-content;height:-moz-min-content;height:min-content;transition:.05s ease;color:transparent;border:1px solid #646464;border-radius:.5em}.todo__checkbox:checked~.todo__checkbox-label{color:#9b3bb8;border:1px solid #464646}.todo__item{display:flex;padding:.5em}.todo__title{width:100%;margin:0 .5em}.todo__title textarea{width:100%}.btn-remove{font-size:1em;height:-webkit-min-content;height:-moz-min-content;height:min-content;padding:0;border:none;outline:none;background-color:transparent}.btn-remove span:before{margin:0;padding:5px;transition:.1s ease;text-align:center;vertical-align:middle;color:#3b3b3b;border-radius:50%}.btn-remove:hover span:before{color:#fff;background-color:#cf3b36}.btn-remove:active span:before{color:#fff;background-color:#f75e59}.todo__title textarea:focus,.todo__title textarea:hover{border-bottom:1px solid hsla(0,0%,70.2%,.5);background-color:rgba(255,250,255,.5)}.completed{-webkit-text-decoration:line-through #4d4d4d;text-decoration:line-through #4d4d4d}.todo__list[data-v-0b2e0cd6]{padding-left:0}.todo__list-move[data-v-0b2e0cd6]{transition:transform .2s}.fade-enter-active[data-v-0b2e0cd6],.fade-leave-active[data-v-0b2e0cd6]{transition:opacity .3s}.fade-enter[data-v-0b2e0cd6],.fade-leave-to[data-v-0b2e0cd6]{opacity:0}.empty[data-v-0b2e0cd6]{text-align:center;margin:12px}.note__header{display:flex;justify-content:space-between;margin:0 .5em}.note{max-width:700px;margin:.2em;padding:.8em .5em;border-radius:1.5em;background-color:#fff;box-shadow:0 0 21px 4px rgba(0,0,0,.25)}@media screen and (min-width:425px){.note{margin:1em}}@media screen and (min-width:768px){.note{margin:3em auto}}.btn{font-size:20px;cursor:pointer;transition:.2s ease;color:#79368d;border:none;background:none}.btn:hover{color:#d400ff}.btn:disabled{cursor:default;color:#a7a7a7}.note__title{margin:1em;margin-top:.7em;margin-bottom:2em;text-align:center}.note__title textarea{font-size:32px;text-align:center;color:#222}