.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;max-width:650px;margin:0 auto;padding:1rem;display:grid}input[type=text]{color:inherit;background-color:#fbfcfc;border:1px solid #cfd5e2;border-radius:6px;outline:none;grid-column:1/-1;padding:.8rem;font-size:1.5rem;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out}input[type=text]:focus{background-color:#fff;border-color:#0172ad;box-shadow:0 0 3px 2px #0172ad}h2{font-size:2rem;font-weight:100}ul{padding:0;list-style:none}.todo{background:var(--bg);-webkit-user-select:none;user-select:none;background-color:#fbfcfc;border-radius:5px;align-items:center;padding:15px;display:flex;box-shadow:0 2px 8px #0000001a}.todo:not(:first-child){margin-top:10px}.todo:has(:checked){opacity:.5}label{flex:1;gap:10px;display:flex}input[type=checkbox]{appearance:none;accent-color:#7cb342;background-color:#fbfcfc;border:2px solid #cfd5e2;border-radius:50%;outline:none;width:1.8em;height:1.8em;margin:0;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}input[type=checkbox]:checked{background-color:#7cb342;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m9 20.42l-6.21-6.21l2.83-2.83L9 14.77l9.88-9.89l2.83 2.83z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:18px;border-color:#7cb342}input[type=checkbox]:checked+span{text-decoration:line-through}input[type=checkbox]:focus{border-color:#7cb342;box-shadow:0 0 0 2px #7cb34280}input[type=checkbox],label{cursor:pointer}button{cursor:pointer;background-color:#fbfcfc;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;transition:background-color .2s ease-in-out;display:flex}button:hover,button:focus{background-color:#faeeeb}:is(button:hover,button:focus) .icon{fill:#f06048}button .icon{fill:#404040;d:path("M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z");transition:fill .2s ease-in-out}body{color:#404040;background-color:#f3f4f6;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}