@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);span[data-v-48099fc4]{background-color:#fff;color:#000;display:flex;align-items:center;padding-left:1rem;white-space:nowrap;overflow-x:auto;transition:.2s ease-in-out;font-size:1.3rem}[data-v-48099fc4]::-webkit-scrollbar{height:8px}span.completed[data-v-48099fc4]{text-decoration:line-through}svg[data-v-48099fc4]{padding:10px;height:40px;min-width:25px;cursor:pointer}#complete[data-v-48099fc4]{margin-left:auto;background-color:#04ba04}#del[data-v-48099fc4]{background-color:#ff4500}.modal[data-v-0fe17e44]{display:flex;flex-direction:column;width:100%;gap:.5rem}.new[data-v-0fe17e44],.old[data-v-0fe17e44]{display:flex;width:100%;gap:.5rem;align-items:center;justify-content:flex-end}.old>input[data-v-0fe17e44]{cursor:not-allowed}.old>input[data-v-0fe17e44]:focus{outline:none}.new>input[data-v-0fe17e44]:focus{outline:none;border:2px solid orange}.btns[data-v-0fe17e44]{display:flex;width:100%;justify-content:center;margin:1rem 0;gap:1rem}.btns>button[data-v-0fe17e44]{border:none;padding:.75rem;cursor:pointer;transition:.2s ease}.btns>button[data-v-0fe17e44]:hover{opacity:.9}.cancel[data-v-0fe17e44]{background-color:#03c903}.change[data-v-0fe17e44]{background-color:red}label[data-v-0fe17e44]{font-size:1.2rem;font-family:monospace}input[data-v-0fe17e44]{width:70%;padding:.5rem;font-size:1rem}.listName[data-v-0a761cf5]{width:100%;display:flex;justify-content:center;position:relative}h2[data-v-0a761cf5]{margin:.5rem 0;cursor:pointer}.nameAndDel[data-v-0a761cf5]{display:flex;justify-content:center;position:relative;width:100%}.delList[data-v-0a761cf5]{position:absolute;right:1vw;cursor:pointer;background-color:#ff3c3c;transition:.2s ease}.delList[data-v-0a761cf5]:hover{scale:1.05}.todos[data-v-0a761cf5]{display:flex;align-items:center;flex-direction:column;width:100%;margin-top:2rem;margin-bottom:3rem}.todo[data-v-0a761cf5]{display:flex;height:60px;width:100%;background-color:#fff;margin:.25rem 0;transition:.2s ease-in-out}.todo.completed[data-v-0a761cf5]{opacity:.6}.todo.preDel[data-v-0a761cf5]{animation:fadeOut-0a761cf5 .3s forwards}form[data-v-0a761cf5]{display:flex;width:100%;justify-content:center;align-items:center}input[data-v-0a761cf5]{width:100%;padding:20px;border:none;font-size:1.2rem}input[data-v-0a761cf5]:focus,input[data-v-0a761cf5]:hover{outline:none}button[data-v-0a761cf5]{border:none;background-color:#fff;cursor:pointer;height:100%;aspect-ratio:1/1;transition:.2s ease-in-out}button[data-v-0a761cf5]:hover{background-color:#adc2e6}button:hover svg[data-v-0a761cf5]{background-color:#fff;color:#adc2e6}svg[data-v-0a761cf5]{background-color:skyblue;padding:5px;border-radius:5px;color:#fff;transition:.2s ease-in-out}@keyframes fadeOut-0a761cf5{to{opacity:0}}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw}.tab{display:flex;flex-direction:column;align-items:center;width:30vw}@media (max-width:1000px){.tabs{grid-template-columns:repeat(2,1fr);gap:10vw}.tab{width:40vw}}@media (max-width:800px){.top>h1{font-size:2rem}.tabs{grid-template-columns:repeat(1,1fr)}.tab{width:70vw}}*{margin:0;font-family:Roboto,sans-serif;font-weight:400;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app{min-height:100vh;width:100vw;color:#fff;background:linear-gradient(45deg,#adc2e6,#05f);display:flex;align-items:center;flex-direction:column}svg{width:24px;height:24px}.top{display:flex;justify-content:flex-end;align-items:center;position:sticky;height:20vh;width:100vw}h1{font-size:3rem;margin-top:5vh;margin-bottom:5vh;font-weight:500;position:absolute;left:50%;translate:-50%}.grid-options{margin-right:1vw;margin-left:10vw;height:15vh;width:20vw;display:flex;justify-content:space-evenly;transition:.2s ease-in-out}.grid-option{width:40%;display:grid;grid-template-columns:repeat(var(--grid-option-columns),1fr);place-items:center;cursor:pointer}.grid-option:hover .grid-option-piece{background-color:hsla(0,0%,100%,.65)}.grid-option:nth-child(2){border-left:1px solid hsla(0,0%,100%,.3);border-right:1px solid hsla(0,0%,100%,.3)}.grid-option:last-child{width:20%}.grid-option-piece{background-color:hsla(0,0%,100%,.4);height:20px;width:20px;transition:.2s ease-in-out}.newList{padding:.75rem;margin-right:1.5rem;border-radius:5px;border:none;background-color:#fff;color:blue;font-size:1.1rem;cursor:pointer;transition:.2s ease-in-out}.newList:hover{scale:1.05;color:red}.todoList{display:flex;flex-direction:column;min-width:400px}@media (max-width:1000px){.grid-option:first-child{display:none}.grid-option:nth-child(2){border-left:none;padding-right:5px}.grid-option:last-child{margin-left:-20px}}@media (max-width:700px){.grid-options{display:none}}@media (max-width:400px){h1{left:0;translate:20%}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#d7d7d7}::-webkit-scrollbar-thumb{background:#a1a1a1}::-webkit-scrollbar-thumb:hover{background:#a7a7a7}::-webkit-scrollbar-track:hover{background:#c7c7c7}