.input-field{display:flex;width:100%;position:relative;align-items:center;justify-content:center;padding:0 1rem}.input-field__box{width:100%;background-color:#ea9ab247;border:none;padding:1rem 1rem 1rem 2rem;height:6.4vh;border-radius:2rem;color:#dd2d4a;box-shadow:0 .4rem #efcfe3;cursor:pointer}.input-field__box:focus{box-shadow:0 0 10px 1000px #0003;outline-color:#ea9ab2}@media (max-width: 47.9375em){.input-field__box{width:96%}}.input-field__submit{position:absolute;width:48px;height:48px;border-radius:100%;top:50%;right:1rem;transform:translateY(-50%);border:none;transition:all ease .4s;box-shadow:0 0 6.4px #dd2d4a}.input-field__submit:hover{filter:brightness(1.2)}.input-field__submit:active{transform:translateY(-50%) scale(.8);box-shadow:0 0 3.2px #dd2d4a}.todo-card{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem;border-radius:2rem;transition:all ease .2s}.todo-card:not(:last-child){margin-bottom:.32rem}.todo-card>div{position:relative;margin-left:1.2rem}.todo-card__inputs{flex:1;margin:0 1rem}@media (max-width: 47.9375em){.todo-card__inputs:is(div){margin-left:.48rem}}.todo-card__inputs span{font-size:1rem;display:flex;justify-content:space-between;align-items:center}.todo-card__inputs input{display:block}.todo-card>div:first-of-type{flex:1}.todo-card__text,.todo-card__note{flex:1}.todo-card__text:not(s),.todo-card__text:not(span),.todo-card__note:not(s),.todo-card__note:not(span){outline:none;border:none;background:none}.todo-card__text.-edit,.todo-card__note.-edit{background-color:#ea9ab247;color:#dd2d4a;font-size:1rem;padding:.48rem;margin-bottom:.24rem;margin-left:.48rem}.todo-card__text.-edit::placeholder,.todo-card__note.-edit::placeholder{color:#ea9ab2}.todo-card__text:after,.todo-card__note:after{content:"";position:absolute;top:50%;left:-1.2rem;width:.64rem;height:.64rem;display:block;border-radius:50%;transform:translateY(-50%)}.todo-card__note{font-size:.75rem;color:#ea9ab2}.todo-card__note.-edit{font-size:.75rem}.container{display:flex;width:100%;justify-content:space-around;position:relative;margin-top:2rem}.container .todos{--translate-y: 0px;width:48%;height:56vh;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:2rem 1rem;border-radius:2rem;overflow-y:scroll;position:relative;background-color:#ea9ab2;color:#fff}.container .todos::-webkit-scrollbar{background-color:transparent;width:6.4px}.container .todos::-webkit-scrollbar-thumb{background-color:#ffffff85;border-radius:2rem}.container .todos__heading{position:sticky;top:-1vh;display:block;width:100%;font-weight:800;text-align:center;font-family:Pacifico,serif;font-size:2rem;z-index:99}.container .todos__heading:after{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:10vh;background-color:#ea9ab2;z-index:-1;transform:translateY(-50%)}.container .todos__heading:before{pointer-events:none;content:"";position:absolute;width:100%;height:8vh;top:100%;left:0;display:block;background-color:#ea9ab2;background:linear-gradient(to top,rgba(255,255,255,0) 0%,#ea9ab2 100%);z-index:-2}.container .todos .overflow{pointer-events:none;position:absolute;width:100%;height:16vh;bottom:0;left:0;display:block;background-color:#ea9ab2;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#ea9ab2 100%);transform:translateY(var(--translate-y))}.container .todos.remove{background-color:#b3dee2}.container .todos.remove .todos__heading:after{background-color:#b3dee2}.container .todos.remove .todos__heading:before{background-color:#b3dee2;background:linear-gradient(to top,rgba(255,255,255,0) 0%,#b3dee2 100%)}.container .todos.remove .overflow{background-color:#b3dee2;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#b3dee2 100%)}.container .todos.remove .todos-list .todo-card{background-color:#d7e8f2;color:#014f86}.container .todos.remove .todos-list .todo-card__text:after{background-color:#b3dee2}.container .todos-list{display:flex;justify-content:space-evenly;flex-direction:column;flex-wrap:wrap;width:90%;margin-top:2rem}.container .todos-list .todo-card{background-color:#efcfe3;color:#dd2d4a}.container .todos-list .todo-card__text:after{background-color:#ea9ab2}.container .spine{position:absolute;display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100%;padding:1rem 0;pointer-events:none;z-index:100}.container .spine span{display:block;width:4rem;height:1.5rem;background-color:#fff;border-radius:2rem}@media (max-width: 47.9375em){.container{flex-direction:column;justify-content:center;align-items:center;width:100vw;overflow:hidden}.container .todos{width:90%;height:32vh}.container .todos:last-child{margin-top:1rem}.container .spine{flex-direction:row;width:80%}.container .spine span{transform:rotate(90deg);width:3rem;height:1rem}}.save-header{width:48%;display:flex;position:relative;align-items:center;justify-content:flex-end}.save-header__input{width:0;opacity:0;background-color:#ea9ab247;border:none;padding:1rem;height:4.8vh;border-radius:2rem;color:#dd2d4a;box-shadow:0 .4rem #efcfe3;cursor:pointer;font-size:.75rem;transition:all 1s ease;outline:none}.save-header__input.-opened{width:50%;opacity:1}.save-header__save{border:none;border-bottom:6px solid #dd2d4a;border-top:3px solid transparent;border-radius:2rem;padding:1rem 2rem;background-color:#efcfe3;color:#dd2d4a;font-weight:700;position:relative;left:2vw;display:block;transition:all .4s ease}.save-header__save:hover{background-color:#ea9ab2;color:#efcfe3;border-bottom-color:transparent;border-top-color:#dd2d4a}@media (max-width: 47.9375em){.save-header__save{left:-2vw;transform:scale(.64)}.save-header__input{position:fixed;z-index:999;top:50%;left:8vw;transform:translateY(-50%)}.save-header__input.-opened{width:84vw;height:6.4vh;box-shadow:0 0 10px 1000px #000000a3;outline-color:#ea9ab2;background-color:#ea9ab2}}body .app{overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:90vw;height:90vh;padding:6vh 4vw;background-color:#fff;border-radius:2rem;box-shadow:0 10px 15px -3px #0000001a}body .app .header{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0 4vw 0 2vw}body .app .header .heading{font-family:Pacifico,serif;font-size:3rem;position:relative;z-index:1}@media (max-width: 47.9375em){body .app{width:100%;height:100vh;border-radius:0;overflow:hidden;padding:0;margin:0;justify-content:center}body .app .header{padding:0 4vw}body .app .heading{margin-top:0}}@keyframes ldio{0%{opacity:1}to{opacity:0}}.loader{width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.84);opacity:0;transition:all ease 2.4s;pointer-events:none;overflow:visible}.loader:after{content:"";position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;z-index:0;width:100vw;height:100vh;padding:6vh 4vw;background-color:#fff;border-radius:2rem;transition:all ease 2.4s}.loader.-loading{opacity:1}.loader.-loading:after{opacity:1}.loader .ldio{z-index:1}@media (max-width: 47.9375em){.loader{mix-blend-mode:color-burn}}.ldio div{left:94px;top:48px;position:absolute;animation:ldio linear 1s infinite;background:#b3dee2;width:12px;height:24px;border-radius:6px/12px;transform-origin:6px 52px}.ldio div:nth-child(1){transform:rotate(0);animation-delay:-.9166666667s;background:#b3dee2}.ldio div:nth-child(2){transform:rotate(30deg);animation-delay:-.8333333333s;background:#ea9ab2}.ldio div:nth-child(3){transform:rotate(60deg);animation-delay:-.75s;background:#b3dee2}.ldio div:nth-child(4){transform:rotate(90deg);animation-delay:-.6666666667s;background:#ea9ab2}.ldio div:nth-child(5){transform:rotate(120deg);animation-delay:-.5833333333s;background:#b3dee2}.ldio div:nth-child(6){transform:rotate(150deg);animation-delay:-.5s;background:#ea9ab2}.ldio div:nth-child(7){transform:rotate(180deg);animation-delay:-.4166666667s;background:#b3dee2}.ldio div:nth-child(8){transform:rotate(210deg);animation-delay:-.3333333333s;background:#ea9ab2}.ldio div:nth-child(9){transform:rotate(240deg);animation-delay:-.25s;background:#b3dee2}.ldio div:nth-child(10){transform:rotate(270deg);animation-delay:-.1666666667s;background:#ea9ab2}.ldio div:nth-child(11){transform:rotate(300deg);animation-delay:-.0833333333s;background:#b3dee2}.ldio div:nth-child(12){transform:rotate(330deg);animation-delay:0s;background:#ea9ab2}.ldio{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.ldio div{box-sizing:content-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:900}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.fade-enter-active,.fade-leave-active{transition:all 1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transform:none;transition:all 1s ease}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(25%)}@keyframes weight{0%{text-shadow:0px 0px 0 #dd2d4a,0px 0px 0 #dd2d4a,0px 0px 0 #dd2d4a,0px 0px 0 #dd2d4a}to{text-shadow:-.4px -.4px 0 #dd2d4a,.4px -.4px 0 #dd2d4a,-.4px .4px 0 #dd2d4a,.4px .4px 0 #dd2d4a}}@keyframes blink{0%{opacity:0}50%{opacity:.5}to{opacity:1}}*,*:after,*:before{box-sizing:border-box}body{margin:0;color:#dd2d4a;background-color:#fff;width:100%;height:100vh;overflow:hidden;background-color:#efcfe3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,sans-serif;font-weight:800;font-size:1.25rem;position:relative;display:flex;justify-content:center;align-items:center}.unbutton{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}.unbutton:focus{outline:none}