.label-demo{gap:20px;display:grid}.label-demo-card{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);min-width:0;overflow:hidden}.label-demo-card>header{border-bottom:1px solid var(--sprout-line);padding:14px 20px}.label-demo-card h3{font-size:13px;font-weight:550}.label-demo-card header p{color:var(--sprout-muted);margin-top:2px;font-size:12px;line-height:1.6}.label-demo-card-body{background:var(--sprout-canvas);gap:16px;min-width:0;padding:20px;display:grid}.label-demo-columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px 28px;min-width:0;display:grid}.label-demo-form,.label-demo-list{align-content:start;gap:14px;min-width:0;display:grid}.label-demo-list{gap:12px}.label-demo-stack{gap:6px;min-width:0;display:grid}.label-demo-row{flex-wrap:wrap;align-items:center;gap:12px 20px;min-width:0;display:flex}.label-demo-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),1fr));gap:12px;min-width:0;display:grid}.label-demo-caption{color:var(--sprout-muted);font-size:12px;font-weight:500;line-height:1rem}.label-demo-message{color:var(--sprout-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1rem}.label-demo-message[data-tone=danger]{color:var(--sprout-danger)}.label-demo-break{word-break:break-all;min-width:0}.label-demo-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.label-demo-confirm{align-items:flex-start;gap:12px;min-width:0;display:flex}.label-demo-confirm>.label-demo-checkbox{margin-top:2px}.label-demo-action{justify-self:start}.label-demo-size{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);gap:12px;padding:14px 16px;display:grid}.label-demo-size-text{color:var(--sprout-muted);gap:2px;font-size:12px;line-height:1.5;display:grid}.label-demo-size-text code{color:var(--sprout-text);font-size:12px;font-weight:550}.label-demo-textarea,.label-demo-editor{box-sizing:border-box;border:1px solid var(--sprout-input);border-radius:var(--sprout-radius-control);background:var(--sprout-surface);width:100%;min-width:0;min-height:72px;color:var(--sprout-text);font:inherit;font-size:var(--sprout-text-sm);resize:vertical;user-select:text;margin:0;padding:6px 10px;font-weight:400;line-height:20px}.label-demo-textarea::placeholder{color:var(--sprout-muted);opacity:1}.label-demo-textarea:focus-visible,.label-demo-editor:focus-visible{border-color:var(--sprout-focus);outline:2px solid var(--sprout-focus);outline-offset:2px}.label-demo-textarea:disabled{cursor:not-allowed;background:var(--sprout-canvas);color:var(--sprout-muted)}.label-demo-token{background:var(--sprout-secondary);border-radius:4px;padding:0 6px;font-size:12px;line-height:20px;display:inline-flex}.label-demo-table{border-collapse:collapse;width:100%;max-width:420px;font-size:var(--sprout-text-sm)}.label-demo-table th,.label-demo-table td{border-bottom:1px solid var(--sprout-line);text-align:left;height:36px;padding:0 8px}.label-demo-table thead th{height:28px;color:var(--sprout-muted);font-size:12px;font-weight:500}.label-demo-table tbody th{font-weight:400}.label-demo-table :is(th,td):not(:first-child){width:72px}.label-demo-checkbox,.label-demo-radio{box-sizing:border-box;border:1px solid var(--sprout-border);background:var(--sprout-surface);width:16px;height:16px;color:var(--sprout-on-primary);cursor:pointer;border-radius:4px;flex-shrink:0;place-items:center;display:inline-grid}.label-demo-radio{border-radius:999px}.label-demo-checkbox:is([data-checked],[data-indeterminate]),.label-demo-radio[data-checked]{border-color:var(--sprout-primary);background:var(--sprout-primary)}.label-demo-checkbox-indicator{place-items:center;display:grid}.label-demo-checkbox-indicator svg{width:12px;height:12px}.label-demo-checkbox-indicator[data-indeterminate] .label-demo-check,.label-demo-checkbox-indicator:not([data-indeterminate]) .label-demo-minus{display:none}.label-demo-radio-indicator{background:var(--sprout-on-primary);border-radius:999px;width:6px;height:6px}.label-demo-switch{box-sizing:border-box;background:var(--sprout-border);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;width:32px;height:18px;padding:1px;display:inline-flex;position:relative}.label-demo-switch[data-size=sm]{width:24px;height:14px}.label-demo-switch[data-checked]{background:var(--sprout-primary)}.label-demo-switch-thumb{background:var(--sprout-surface);border-radius:999px;width:16px;height:16px;box-shadow:0 1px 2px #00000029}.label-demo-switch[data-size=sm] .label-demo-switch-thumb{width:12px;height:12px}.label-demo-switch-thumb[data-checked]{background:var(--sprout-on-primary);transform:translate(14px)}.label-demo-switch[data-size=sm] .label-demo-switch-thumb[data-checked]{transform:translate(10px)}:is(.label-demo-checkbox,.label-demo-radio,.label-demo-switch):focus-visible{outline:2px solid var(--sprout-focus);outline-offset:2px}:is(.label-demo-checkbox,.label-demo-radio,.label-demo-switch)[data-disabled]{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:no-preference){.label-demo-checkbox,.label-demo-radio,.label-demo-switch,.label-demo-textarea{transition:background-color .12s var(--sprout-motion-ease), border-color .12s var(--sprout-motion-ease)}.label-demo-switch-thumb{transition:transform .16s var(--sprout-motion-ease)}}@media (forced-colors:active){.label-demo-switch,.label-demo-checkbox,.label-demo-radio{border:1px solid canvastext}}