h1[data-v-57219b6e]{margin:2.5rem 0 1.5rem;font-weight:900;color:#2f3b52}.modal-mask{display:table;position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{width:300px;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;font-family:Helvetica,Arial,sans-serif}.modal-header .modal-header__title{margin-top:0;font-size:24px;font-weight:600;color:#42b983}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter,.modal-leave-active{opacity:0}.modal-header__close-modal-btn{float:right;font-size:20px;color:#42b983;cursor:pointer}.modal-enter .modal-container,.modal-leave-active .modal-container{transform:scale(1.1)}.input-box[data-v-ccffc608]{display:flex;justify-content:space-between;max-width:500px;height:50px;margin:0 auto;border-radius:5px;background-color:#fff;line-height:50px}.input-box .input-box__input[data-v-ccffc608]{width:100%;padding:0 30px;border-style:none;border-radius:5px;font-size:.9rem}.input-box .input-box__input[data-v-ccffc608]:focus{outline:none}.input-box__add-btn[data-v-ccffc608]{display:block;width:3rem;float:right;background:linear-gradient(90deg,#6478fb,#8763fb);border-radius:0 5px 5px 0;cursor:pointer}.input-box__add-btn-icon[data-v-ccffc608]{vertical-align:middle;color:#fff}.todo-list .todo-list__items[data-v-6134385b]{max-width:500px;margin:0 auto;padding-left:0;list-style-type:none;text-align:left}.todo-list .todo-list__item[data-v-6134385b]{display:flex;min-height:50px;margin:.5rem 0;padding:0 1rem;background-color:#fff;border-radius:5px;line-height:50px}.todo-list .todo-list__remove-btn[data-v-6134385b]{margin-left:auto;color:#de4343;cursor:pointer}.todo-list .todo-list__check-btn[data-v-6134385b]{margin-right:10px;line-height:45px;color:#62acde;cursor:pointer}.todo-list .todo-list__check-btn.check-btn--completed[data-v-6134385b]{color:#b3adad}.text--completed[data-v-6134385b]{color:#b3adad;text-decoration:line-through}.list-enter-active[data-v-6134385b],.list-leave-active[data-v-6134385b]{transition:all .4s}.list-enter[data-v-6134385b],.list-leave-to[data-v-6134385b]{opacity:0;transform:translateY(30px)}.clear-all-container[data-v-3b6c4db4]{width:8.5rem;height:50px;margin:20px auto 0;border-radius:5px;background-color:#fff;line-height:50px}.clear-all-container__btn[data-v-3b6c4db4]{display:block;border-radius:5px;background-color:#f08383;font-weight:600;color:#fff;transition:all .3s;cursor:pointer}.clear-all-container__btn[data-v-3b6c4db4]:hover{background-color:#ea4e4e}body{background-color:#f6f6f6;text-align:center}input{width:200px}button,input{border-style:groove}.shadow{box-shadow:5px 10px 10px rgba(0,0,0,.03)}