@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap);*{box-sizing:border-box;margin:0}:root{--VeryLightGray:#fafafa;--VeryLightGrayishBlue:#e4e5f1;--LightGrayishBlue:#d2d3db;--DarkGrayishBlue:#9394a5;--VeryDarkBlue:#161722;--VeryDarkDesaturatedBlue:#25273c;--VeryDarkGrayishBlue1:#4d5066;--VeryDarkGrayishBlue:#393a4c}@supports (color:hsl(0 0% 0%/0)){:root{--LightGrayishBlue:#cacde8;--LightGrayishBlue:#e4e5f1}}body{background-color:#e4e5f1;background-color:var(--VeryLightGrayishBlue);font-family:Josefin Sans,sans-serif}.container{position:relative}#mode_img,header{height:200px}#mode_img{object-fit:cover;position:absolute;width:100%;z-index:-1}#head{align-items:center;color:#e4e5f1;color:var(--VeryLightGrayishBlue);display:flex;justify-content:space-between;letter-spacing:.75rem;padding:60px 20px 25px}#dark_mode{cursor:pointer;height:20px;width:20px}#light_mode{display:none;height:20px;width:20px}label{position:relative}#input{border:none;border-radius:3px;font-family:Josefin Sans;font-size:1rem;height:45px;margin:0 6%;outline:none;padding:15px 50px;width:87.5%}.input:after{border:1px solid #9394a5;border-radius:50%;content:"";display:block;height:15px;left:10%;position:absolute;top:-4px;width:15px}::-webkit-input-placeholder{color:#9394a5;font-family:Josefin Sans}::placeholder{color:#9394a5;font-family:Josefin Sans}#list-container{background-color:#fafafa;background-color:var(--VeryLightGray);border-radius:5px;box-shadow:0 0 0 #7b7c8b,0 0 1px #abacbf;color:#4d5066;color:var(--VeryDarkGrayishBlue1);font-size:.7rem;font-weight:700;margin:0 6% .1%;position:relative;top:-23px;width:87.5%}#list-container>label{align-items:center;border-bottom:1px solid #e4e5f1;border-bottom:1px solid var(--LightGrayishBlue);display:flex;justify-content:space-between;padding:15px 12px}.checkbox{-webkit-appearance:none;appearance:none;border:1px solid #9394a5;border-radius:50%;cursor:pointer;height:20px;outline:none;position:relative;top:-1px;width:20px}input[type=checkbox]:checked{background-image:url(/static/media/icon-check.a8fb15d0278c8e312df5.svg),linear-gradient(144deg,#00ddeb,#af40ff);background-position:50%;background-repeat:no-repeat;opacity:.8}input[type=checkbox]:checked+label{color:#333;font-weight:700}.todo{align-items:center;display:flex;gap:8px;justify-content:center}#list-container>label>img{height:20px;width:20px}.items{align-items:center;color:#9394a5;display:flex;font-size:.75rem;justify-content:space-between;padding:15px 12px}#remove{cursor:pointer}#tabs{align-items:center;background-color:#fafafa;background-color:var(--VeryLightGray);border-radius:5px;color:#9394a5;display:flex;font-size:1rem;font-weight:700;justify-content:space-between;margin:0 6.5% 8%;padding:15px 45px;position:relative;text-align:center;top:248%;width:87.5%}.tab{cursor:pointer}.current{color:#3a7bfd}.hint{color:#9394a5;font-size:.79rem;font-weight:700;margin:0 6% 13%;padding:10px 50px;position:relative;text-align:center;top:280%;width:87.5%}.hint>a{color:#9394a5;font-size:1rem;text-decoration:none}.install-prompt{color:#9394a5;font-size:.79rem;font-weight:700;margin:0 6% 6%;padding:10px 40px;position:relative;text-align:center;top:280%;width:87.5%}.install-prompt>button{border:1px solid #9394a5;border-radius:5px;color:#9394a5;cursor:pointer;font-family:Josefin Sans,sans-serif;font-weight:700;margin:15px 10px 0 0;padding:5px 10px}#clear{cursor:pointer}.dark-mode-toggle{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.dark-mode-toggle.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (min-width:1023px){header{margin:auto;width:50%}#head{gap:68%;justify-content:center}.input:after{left:7.7%;top:-2px}#list-container{right:2px}#list-container,#tabs{margin:auto;width:43.75%}.hint{margin:auto;padding:0 60px 75px;text-align:center;width:35%}}@media (min-width:768px){.input:after{left:7.7%;top:-2px}#tabs{margin:0 auto 6%;width:43.75%}.install-prompt{margin:3% 6%}.hint{margin:auto;padding:0 60px 75px;text-align:center}}@media (max-width:4000px){#tabs{margin:0 auto 3%}.install-prompt{margin:1% 6%}}
/*# sourceMappingURL=main.67d34839.css.map*/