.modal-container[data-v-374cc754]{position:fixed;top:88%;left:85%;z-index:10;justify-content:center;align-items:center;width:70%;height:100%}.modal-container[data-v-374cc754]:target{display:flex}.modal[data-v-374cc754]{width:20%;padding:1rem;border-radius:.8rem;color:var(--lightModal);background:var(--background);box-shadow:var(--m-shadow, .4rem .4rem 10.2rem .2rem) var(--shadow-1);position:relative;overflow:hidden}.modal__title[data-v-374cc754]{font-size:1rem}.link-2[data-v-374cc754]{width:1rem;height:.5rem;color:inherit;font-size:1.3rem;position:absolute;top:1.3rem;right:1rem;display:flex;justify-content:center;align-items:center;transition:.2s}@media only screen and (max-width: 1550px){.modal-container[data-v-374cc754]{left:79%;width:100%}.modal__title[data-v-374cc754]{font-size:.9rem;margin-right:1rem}}@media only screen and (max-width: 850px){.modal-container[data-v-374cc754]{left:49%;width:250%}.modal__title[data-v-374cc754]{font-size:.9rem;margin-right:1rem}}:root{--primary: #1574b3;--business: #3A82EE;--personal: #e17beb;--light: #EEE;--grey: #888;--dark: #313154;--danger: #ff5b57;--lightModal: hsl(220, 50%, 90%);--primaryModal: hsl(255, 30%, 55%);--focus: hsl(210, 90%, 50%);--border-color: hsla(0, 0%, 100%, .2);--global-background: hsl(220, 25%, 10%);--background: linear-gradient(to right, hsl(210, 30%, 20%), hsl(255, 30%, 25%));--shadow-1: hsla(236, 50%, 50%, .3);--shadow-2: hsla(236, 50%, 50%, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .1);--business-glow: 0px 0px 4px rgba(58, 130, 238, .75);--personal-glow: 0px 0px 4px rgba(225, 123, 235, .75)}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(20px);opacity:0}*{margin:0;padding:0;box-sizing:border-box;font-family:montserrat,sans-serif}input:not([type="radio"]):not([type="checkbox"]),button{appearance:none;border:none;outline:none;background:none;cursor:initial}::placeholder{opacity:.5}body{background-image:url(/Vue-ToDo-App/assets/hypnotize_bg.7baef15c.webp);color:var(--dark)}section{margin-top:2rem;margin-bottom:2rem;padding-left:1.5rem;padding-right:1.5em}h3{color:var(--dark);font-size:1rem;font-weight:400;margin-bottom:.5rem}h4{color:var(--grey);font-size:.875rem;font-weight:700;margin-bottom:.5rem}.list-move,.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-30px)}.list-leave-active{position:absolute}.greeting .title{display:flex}.greeting .title input{margin-left:.5rem;flex:1 1 0%;min-width:0}.greeting .title,.greeting .title input{color:var(--dark);font-size:1.5rem;font-weight:700}.create-todo input[type=text]{display:block;width:100%;font-size:1.125rem;padding:1rem 1.5rem;color:var(--dark);background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.create-todo .options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;margin-bottom:1.5rem}.create-todo .options label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow);cursor:pointer}input[type=radio],input[type=checkbox]{display:none}.bubble{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid var(--business);box-shadow:var(--business-glow)}.bubble.personal{border-color:var(--personal);box-shadow:var(--personal-glow)}.bubble:after{content:"";display:block;opacity:0;width:0px;height:0px;background-color:var(--business);box-shadow:var(--business-glow);border-radius:50%;transition:.2s ease-in-out}.bubble.personal:after{background-color:var(--personal);box-shadow:var(--personal-glow)}input:checked~.bubble:after{width:10px;height:10px;opacity:1}.create-todo .options label div{color:var(--dark);font-size:1.125rem;margin-top:1rem}.create-todo input[type=submit]{display:block;width:100%;font-size:1.125rem;padding:1rem 1.5rem;color:#fff;background-color:var(--primary);border-radius:.5rem;box-shadow:var(--business-glow);cursor:pointer;transition:.2s ease-in-out}.create-todo input[type=submit]:hover{opacity:.75}.todo-list .list{margin:1rem 0}.todo-list .todo-item{display:flex;align-items:center;background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1rem}.todo-item label{display:block;margin-right:1rem;cursor:pointer}.todo-item .todo-content{flex:1 1 0%}.todo-item .todo-content input{color:var(--dark);font-size:1.125rem}.todo-item .actions{display:flex;align-items:center}.todo-item .actions button{display:block;padding:.5rem;border-radius:.25rem;color:#fff;cursor:pointer;transition:.2s ease-in-out}.todo-item .actions button:hover{opacity:.75}.todo-item .actions .edit{margin-right:.5rem;background-color:var(--primary)}.todo-item .actions .delete{background-color:var(--danger)}.todo-item.done .todo-content input{text-decoration:line-through;color:var(--grey)}