@font-face{font-family:Raleway;src:local("Raleway"),url(/assets/Raleway-VariableFont_wght-CdkF85Lz.ttf) format("opentype");font-weight:unset}:root{--text-primary: #212529;--text-input: #343a40}*{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box}body{font-family:Raleway,sans-serif;color:var(--text-primary);font-size:1.6rem;line-height:1.5;font-weight:400;text-align:left}.main-container{width:100%;height:100vh;background:linear-gradient(to top right,#e3fafc,#c3fae8);display:flex;flex-direction:column}.heading{font-size:6rem;color:var(--text-primary);font-weight:900;text-decoration-line:underline;line-height:1.2;text-align:center;text-transform:uppercase}.todo-input-container{display:flex;align-items:center;gap:2rem;justify-content:space-between;margin:2rem;align-self:stretch}.todo-input{flex:1;padding:1rem 2rem;border-radius:1rem;border:1px solid rgba(0,0,0,.33);font-family:Raleway,sans-serif;font-size:1.6rem;color:var(--text-input);letter-spacing:.25rem;line-height:1.5;font-weight:500;text-align:left;text-transform:none}.todo-input:focus-visible{outline:1px auto #15aabf}.buttons-group-container{display:flex;align-items:center;padding:0;background:#00000054;gap:0;border-radius:1rem;overflow:hidden}.button{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;cursor:pointer;font-family:Raleway,sans-serif;font-size:2rem;font-weight:700;line-height:1.5;color:var(--text-primary);text-transform:uppercase}.buttons-divider{background:#00000054;width:2px;align-self:stretch}.todos-container{flex:1;display:flex;flex-direction:column;overflow-y:scroll}.todos-list{display:flex;flex-direction:column;gap:1rem;padding:2rem;background:#00000054;border-radius:1rem;border:1px solid rgba(0,0,0,.33);margin:2rem;flex:1}.todo-item{display:flex;align-items:center;justify-content:space-between}.todo-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:1;align-self:stretch}.todo-checkbox{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none}.todo-text{flex:1;text-align:left;overflow-x:scroll}.checked{text-decoration-line:line-through}.modal-container{width:75%;height:75%;background:#ffffffa8;display:flex;flex-direction:column;padding:2rem;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.modal-heading{font-size:4rem;font-weight:800;color:var(--text-primary);line-height:1.5;text-align:center;text-transform:capitalize;margin-bottom:2rem}.modal-signin-note{font-size:2rem;font-weight:600;color:var(--text-primary);line-height:1.5;text-align:center;margin-bottom:1rem}.modal-overlay{width:100%;height:100vh;background:#00000054;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);position:absolute}.snackbar{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#ffffffa8;border-radius:1rem;padding:1rem 2rem}.snackbar-text{font-size:2rem;line-height:1.5;font-weight:500}.update-todo-input-container{display:flex;align-items:center;gap:1rem;justify-content:space-between;flex:1;align-self:stretch}