@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap);.container{margin:0;padding:4rem 0;width:40%}.container footer{color:#cacde8;font-size:14.4px;margin:3rem 1rem;padding:0}.container[value=dark] footer{color:#393a4c}.showlists{background-color:#fafafa;border-radius:.3rem;border-radius:.3rem .3rem 0 0;margin:0 1rem;max-width:100%;padding:0;text-align:left}.showlists ul{list-style-type:none;margin:0;padding:0}.showlists ul li{border-bottom:1px solid #cacde8;margin:0 .5rem;padding:.5rem 0;position:relative}.showlists ul li .inputvalue{margin:.6rem 3rem;padding:0}.showlists ul li .inputvalue:hover{cursor:pointer}.showlists ul li span{align-items:center;background-image:linear-gradient(to bottom right,#cacde8,#cacde8);border:none;border-radius:50%;display:flex;float:left;height:1.5rem;justify-content:center;position:absolute;text-align:center;-webkit-transform:translate(25%,25%);transform:translate(25%,25%);width:1.5rem}.showlists ul li span p{background-color:#fafafa;border-radius:50%;color:hsla(0,0%,100%,0);height:1.3rem;width:1.3rem}.showlists ul li span span{opacity:0}.showlists ul li span:hover{background-image:linear-gradient(to bottom right,#57ddff,#c058f3);cursor:pointer}.showlists ul li #cross{background-image:url(/To-do-List/static/media/icon-cross.6ee81d30b75cab19d6f7.svg);background-repeat:no-repeat;height:auto;height:1.1rem;max-width:100%;right:0;top:0;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);width:1.1rem}.showlists ul li[status=checked] .inputvalue{color:#cacde8;text-decoration:line-through}.showlists ul li[status=checked] span p{background-color:hsla(0,0%,100%,0);background-image:linear-gradient(to bottom right,#57ddff,#c058f3)}.showlists ul li[status=checked] span span{background-image:url(/To-do-List/static/media/icon-check.a8fb15d0278c8e312df5.svg);background-repeat:no-repeat;height:auto;height:1.2rem;max-width:100%;opacity:1;width:1.2rem}body{size:18px;background-color:#cacde8;border:0;box-sizing:border-box;color:#161722;font-family:Josefin Sans,sans-serif;font-size:18px;font-weight:400;margin:0}#root,body{align-items:center;display:flex;justify-content:center;text-align:center}#root{min-width:1440px}header{color:#fafafa;margin:1.5rem 1rem;padding:0;text-align:left}header h1{display:inline-block;font-weight:700}header span{float:right;margin:1.5rem .2rem;padding:0}.container[value=dark]{color:#cacde8}.container[value=dark] header span{background:transparent;background-image:url(/To-do-List/static/media/icon-sun.910b1f9a23741afc341e.svg);background-repeat:no-repeat;border:none;height:2rem;width:2rem}.container[value=dark] header span:hover{background:transparent;background-image:url(/To-do-List/static/media/icon-sun-hover.68c9555c628f28471058.svg);background-repeat:no-repeat;border:none;cursor:pointer;height:2rem;width:2rem}.container[value=dark]:before{content:url(/To-do-List/static/media/bgdesktopdark.73e47dbb723ebc772ef0.jpg);left:0;position:absolute;text-align:center;top:0;width:100%;z-index:-1}.container[value=dark] .addlist,.container[value=dark] .filterbar,.container[value=dark] .showlists{background-color:#25273c}.container[value=dark] .addlist div{background-image:linear-gradient(to bottom right,#393a4c,#393a4c)}.container[value=dark] .addlist div:hover{background-image:linear-gradient(to bottom right,#57ddff,#c058f3)}.container[value=dark] .addlist div p{background-color:#25273c}.container[value=dark] .addlist input{background-color:#25273c;color:#cacde8}.container[value=dark] .showlists ul li{border-bottom:1px solid #393a4c}.container[value=dark] .showlists ul li span{background-image:linear-gradient(to bottom right,#393a4c,#393a4c)}.container[value=dark] .showlists ul li span:hover{background-image:linear-gradient(to bottom right,#57ddff,#c058f3)}.container[value=dark] .showlists ul li span p{background-color:#25273c}.container[value=dark] .showlists ul li[status=checked] .inputvalue{color:#777a92}.container[value=dark] .showlists ul li[status=checked] span p{background-color:hsla(0,0%,100%,0);background-image:linear-gradient(to bottom right,#57ddff,#c058f3)}.container[value=dark] .showlists ul li[status=checked] span span{background-image:url(/To-do-List/static/media/icon-check.a8fb15d0278c8e312df5.svg);background-repeat:no-repeat;height:auto;height:1.2rem;max-width:100%;opacity:1;width:1.2rem}.container[value=dark] .filterbar ul li input:hover{color:#e4e5f1}.container[value=light] header span{background:transparent;background-image:url(/To-do-List/static/media/icon-moon.6c03114b495d05f4380b.svg);background-repeat:no-repeat;border:none;height:2rem;width:2rem}.container[value=light] header span:hover{background:transparent;background-image:url(/To-do-List/static/media/icon-moon-hover.2febb8dc15eeb50a5468.svg);background-repeat:no-repeat;border:none;cursor:pointer;height:2rem;width:2rem}.container[value=light]:after{content:url(/To-do-List/static/media/bg-desktop-light.3508d620efd5a52bb4ce.jpg);left:0;position:absolute;text-align:center;top:0;width:100%;z-index:-1}section{text-align:left}section .addlist{background-color:#fafafa;border-radius:.3rem;margin:1rem;max-width:100%;padding:.6rem 1rem;text-align:left}section .addlist input{background-color:#fafafa;border:1px solid hsla(0,0%,100%,0);font-family:Josefin Sans,sans-serif;font-size:18px;font-weight:400;margin:.6rem 1rem;outline:none;padding:0}section div{align-items:center;background-image:linear-gradient(to bottom right,#cacde8,#cacde8);border:none;border-radius:50%;display:flex;float:left;height:1.5rem;justify-content:center;margin:.35rem 0 0;text-align:center;width:1.5rem}section div p{background-color:#fafafa;border-radius:50%;color:hsla(0,0%,100%,0);height:1.3rem;width:1.3rem}section div:hover{background-image:linear-gradient(to bottom right,#57ddff,#c058f3);cursor:pointer}.filterbar{background-color:#fafafa;border-radius:.3rem;border-radius:0 0 .3rem .3rem;font-size:16.2px;margin:0 1rem;max-width:100%;padding:0 0 0 1rem;text-align:left}.filterbar p{color:#777a92;display:inline-block;font-size:13.5px;line-height:1.6}.filterbar ul{float:right;list-style-type:none}.filterbar ul li{display:inline-block}.filterbar ul li input{background:none;border:none;color:#777a92;font-family:Josefin Sans,sans-serif;margin:0;padding:0 .8rem}.filterbar ul li input:hover{color:#393a4c;cursor:pointer}
/*# sourceMappingURL=main.2eabd65b.css.map*/