@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap";.main{max-width:560px;margin:48px auto;padding:16px 20px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.header{display:flex;gap:8px;align-items:center}.list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;height:200px}.item{display:flex;align-items:center;gap:10px;padding:0;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.checkbox{appearance:none;position:absolute;opacity:0;width:0;height:0;margin:0}button{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer}button:hover{background:#0a4fcf83}.label{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;cursor:pointer}.checkbox:checked+.text{text-decoration:line-through;color:#6b7280}.input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;line-height:1.3;background:#fff;box-shadow:5px 5px 5px #6b7280}.filters{display:flex;gap:8px;margin-top:12px;padding-top:10px;border-top:solid 1px #6b7280}.title{font-family:Montserrat;text-align:center;margin:24px 0 12px;font-weight:1200;color:#1118277a;font-size:4rem}.is-active{background:#2563eb;border-color:#2563eb;color:#fff}