@media screen and (width<=992px){main{margin:10px}.container--notes{max-height:400px}}@media screen and (width<=992px){main{margin:10px}.container--notes{max-height:400px}}form,label{flex-direction:column;display:flex}form{gap:10px;margin-top:16px;margin-bottom:16px}label{border-bottom:solid 1px var(--border);gap:8px;padding:0 12px 6px;font-size:1rem}input,.login__input:focus{color:var(--font);border:none;border-left:solid 3px var(--border);background-color:#0000;margin-left:8px;padding:3px 0 3px 6px;font-size:.9rem}.error_span{padding-left:12px}.submit{background-color:var(--background);border:solid 1px var(--border);width:140px;color:var(--font);margin:auto;padding:4px 6px;box-shadow:0 0 14px #0006}.button__container{justify-content:center;width:50%;margin:auto;display:flex}@media screen and (width<=992px){main{margin:10px}.container--notes{max-height:400px}}.title__container{flex-direction:row;align-items:flex-end;margin-bottom:36px;display:flex}.title{flex-grow:1;margin:0}.title--credentials{text-align:end;background-color:var(--foreground);border-radius:4px;padding:4px 8px;box-shadow:0 0 10px #0008}.user{color:var(--font);cursor:default;margin:0;font-size:.9rem}.logout{color:var(--font-second);cursor:pointer;font-size:.8rem}.logout:hover{color:var(--selected)}:root{--background:#181824;--foreground:#24273d;--border:#474b60;--font:#fffbff;--font-second:#505168;--placeholder:#77798e;--selected:#4972c4;--error:#9a3946}body{background-color:var(--background);color:var(--font);margin:0;font-family:sans-serif;overflow:hidden}main{max-width:640px;height:100vh;margin:auto;padding-top:52px}header{z-index:-1;background-image:linear-gradient(120deg,#322bb7f8,#3a2bb7f3,#422ab7e0,#4a29b6d4,#5228b5cf,#5a26b1cf,#6224acd4,#6a22a0e0,#72208af3,#7a1a71f8),url(/assets/header-zLKsU0lx.jpg);background-position:0 80%;width:100vw;height:300px;position:absolute}input:focus{border:none;outline:none}.title{letter-spacing:.8rem;font-size:2.4rem;font-weight:600}.container{background-color:var(--foreground);border-radius:5px;flex-direction:column;display:flex;box-shadow:0 0 40px #0008}.container--notes{max-height:620px;overflow-y:auto}.container--filter{margin-bottom:30px}.error_span{color:var(--error);font-style:italic;font-family:.8rem}@media screen and (width<=992px){main{margin:10px}.container--notes{max-height:400px}}.entry{border-bottom:solid 1px var(--border);align-items:center;padding:18px 22px;font-size:1.1rem;display:flex}.entry--no-border{border:none}.entry--options{color:var(--font-second);padding:16px 26px;font-size:.8rem;font-weight:600}.check{border:solid 1px var(--border);width:26px;height:26px;color:var(--font);background-color:#0000;border-radius:50%;margin-right:20px;font-weight:700}.check--active,.check--add:hover{background:linear-gradient(135deg,#80bdea,#aa78f5)}.note{margin:0;font-weight:500}.note--active{color:var(--font-second);font-style:italic;text-decoration:line-through}.filter{border:none;flex-grow:1;margin:0}.filter__box{flex-grow:1;justify-content:center;gap:20px;font-size:.84rem;font-weight:bolder;display:flex}.option{cursor:pointer}.option--left{cursor:default}.option--clear:hover,.option--selected{color:var(--selected)}@media screen and (width<=992px){.entry--options{flex-direction:column;gap:10px}.option{font-size:.9rem}.filter__box{text-decoration:underline}}