.selection-slot-demo{gap:20px;display:grid}.selection-slot-demo-card{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);min-width:0;overflow:hidden}.selection-slot-demo-card>header{border-bottom:1px solid var(--sprout-line);padding:14px 20px}.selection-slot-demo-card h3{font-size:13px;font-weight:550}.selection-slot-demo-card header p{color:var(--sprout-muted);margin-top:2px;font-size:12px;line-height:1.6}.selection-slot-demo-controls{flex-wrap:wrap;gap:8px 16px;margin-top:10px;display:flex}.selection-slot-demo-switch{align-items:center;gap:8px;font-size:12px;display:inline-flex}.selection-slot-demo-card-body{gap:12px;min-width:0;padding:20px;display:grid}.selection-slot-demo-row{min-width:0;font-size:var(--sprout-text-sm);align-items:center;gap:8px;display:flex}.selection-slot-demo-count{min-width:0;font-size:var(--sprout-text-sm);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:500;overflow:hidden}.selection-slot-demo-wide,.selection-slot-demo-narrow{align-items:center;gap:8px;min-width:0}.selection-slot-demo-wide{display:none}.selection-slot-demo-narrow{display:flex}@container sprout-selection (width>=36rem){.selection-slot-demo-wide[data-at=sm]{display:flex}.selection-slot-demo-narrow[data-at=sm]{display:none}}@container sprout-selection (width>=44rem){.selection-slot-demo-wide[data-at=md]{display:flex}.selection-slot-demo-narrow[data-at=md]{display:none}}.selection-slot-demo-outcome{align-items:center;gap:8px;min-width:0;display:inline-flex}.selection-slot-demo-outcome-text{max-width:16rem;font-size:var(--sprout-text-xs);color:var(--sprout-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selection-slot-demo-outcome-text[data-error]{color:var(--sprout-danger)}.selection-slot-demo-query{flex-direction:column;gap:8px;min-width:0;display:flex}@media (width>=48rem){.selection-slot-demo-query{flex-direction:row;align-items:center}}.selection-slot-demo-grow{flex:1;min-width:0}.selection-slot-demo-tools{border:0;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin:0;padding:0;display:flex}.selection-slot-demo-table-wrap{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-control);min-width:0;overflow-x:auto}.selection-slot-demo-table{border-collapse:collapse;width:100%;font-size:var(--sprout-text-sm)}.selection-slot-demo-table th,.selection-slot-demo-table td{border-bottom:1px solid var(--sprout-line);text-align:left;white-space:nowrap;padding:8px 12px}.selection-slot-demo-table th{font-size:var(--sprout-text-xs);color:var(--sprout-muted);font-weight:500}.selection-slot-demo-table th:first-child,.selection-slot-demo-table td:first-child{width:1%}.selection-slot-demo-table tbody tr:last-child td{border-bottom:0}.selection-slot-demo-table tr[data-selected] td,.selection-slot-demo-files li[data-selected]{background:var(--sprout-hover)}.selection-slot-demo-number{font-variant-numeric:tabular-nums}.selection-slot-demo-empty,.selection-slot-demo-empty-cell,.selection-slot-demo-hint{font-size:var(--sprout-text-sm);color:var(--sprout-muted)}.selection-slot-demo-empty-cell{text-align:center!important}.selection-slot-demo-filters{min-width:0}.selection-slot-demo-fields{flex-wrap:wrap;align-items:end;gap:12px}.selection-slot-demo-field{gap:6px;min-width:0;display:grid}.selection-slot-demo-sheet-fields{gap:16px;padding-inline:16px;display:grid}.selection-slot-demo-files{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-control);min-width:0;margin:0;padding:0;list-style:none;display:grid}.selection-slot-demo-files li{border-bottom:1px solid var(--sprout-line);min-width:0;font-size:var(--sprout-text-sm);align-items:center;gap:10px;padding:8px 12px;display:flex}.selection-slot-demo-files li:last-child{border-bottom:0}.selection-slot-demo-files svg{color:var(--sprout-muted);flex-shrink:0}.selection-slot-demo-file-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.selection-slot-demo-file-date{font-size:var(--sprout-text-xs);color:var(--sprout-muted);flex-shrink:0}