.task-row{position:relative;overflow:hidden;border-radius:10px;touch-action:pan-y}.task-row .task{position:relative;z-index:2;width:100%;background:#fff;transition:transform .22s ease;margin:0}.task-row.swiped .task{transform:translateX(-72px)}.task-delete{position:absolute;z-index:1;inset:0 0 0 auto;width:72px;border:0;background:#e99c91;color:#fff;font-size:10px;font-weight:700;cursor:pointer}.task-row.removing{opacity:0;transform:translateX(-20px);transition:.2s}
.add-task-form{display:grid;grid-template-columns:1fr 90px 82px auto auto;gap:7px;margin-top:14px;padding:11px;background:#f2f8f6;border:1px solid #d9e8e4;border-radius:12px}.add-task-form[hidden]{display:none}.add-task-form input,.add-task-form select{min-width:0;border:1px solid #d7e5e2;background:#fff;border-radius:8px;padding:8px 9px;color:#506d74;font-size:9px;outline:none}.add-task-form input:focus,.add-task-form select:focus{border-color:#66b0b2}.add-task-form button{min-height:40px;border:1px solid #d7e5e2;background:#fff;border-radius:8px;padding:8px 12px;color:#71878b;font-size:10px;cursor:pointer}.add-task-form .save-task{border-color:#f1cf62;background:#f1cf62;color:#6a562d;font-weight:700}
@media(max-width:720px){.add-task-form{grid-template-columns:1fr 1fr}.add-task-form #new-task-title{grid-column:1/-1}}