.td-data-list.td-react-datalist{padding:var(--td-sp-4) 0;border-radius:var(--td-radius-8);background:var(--td-raise-fill);box-shadow:3px 3px 12px color-mix(in srgb, var(--td-shadow-dark) 72%, transparent), -3px -3px 12px color-mix(in srgb, var(--td-shadow-light) 68%, transparent), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge);flex-direction:column;margin:0;display:flex}.td-data-list-row.td-react-datalist-row{gap:var(--td-sp-4) var(--td-sp-7);padding:var(--td-sp-5) var(--td-sp-8);margin:0 var(--td-sp-4);border-radius:var(--td-radius-3);border-bottom:1px solid color-mix(in srgb, var(--td-ink-2) 12%, transparent);box-shadow:var(--td-row-rest);transition:background var(--td-t-fast) var(--td-ease), box-shadow var(--td-t-fast) var(--td-ease);background:0 0;grid-template-columns:minmax(120px,200px) 1fr;align-items:baseline;display:grid}.td-data-list-row.td-react-datalist-row:last-child{border-bottom:0}.td-react-datalist-row:hover{background:var(--td-surface);box-shadow:var(--td-row-hover)}.td-react-datalist-row--link:active{background:var(--td-surface);box-shadow:var(--td-row-press)}.td-react-datalist-row:hover .td-react-datalist-label{color:var(--td-brand-text)}.td-react-datalist-row:hover .td-react-datalist-meta{color:var(--td-ink)}.td-data-list-label.td-react-datalist-label{font-family:var(--td-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--td-ink-3);transition:color var(--td-t-fast) var(--td-ease);margin:0;font-size:.68rem;font-weight:700}.td-react-datalist-body{justify-content:space-between;align-items:baseline;gap:var(--td-sp-5);min-width:0;margin:0;display:flex}.td-data-list-value.td-react-datalist-value{font-family:var(--td-font-ui);color:var(--td-ink);min-width:0;font-size:.82rem}.td-data-list-meta.td-react-datalist-meta{font-family:var(--td-font-mono);color:var(--td-ink-2);transition:color var(--td-t-fast) var(--td-ease);flex:none;font-size:.68rem}.td-react-datalist-link{color:inherit;text-decoration:none;display:contents}.td-react-datalist-row--link{cursor:pointer}.td-react-datalist-row--link:focus-within{background:var(--td-surface);outline:2px solid var(--td-accent);outline-offset:-2px}@media (max-width:560px){.td-data-list-row.td-react-datalist-row{gap:var(--td-sp-2);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.td-data-list-row.td-react-datalist-row,.td-react-datalist-label,.td-react-datalist-meta{transition:none}}