.input-group-demo{gap:20px;display:grid}.input-group-demo-card{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);min-width:0;overflow:hidden}.input-group-demo-card>header{border-bottom:1px solid var(--sprout-line);padding:14px 20px}.input-group-demo-card h3{font-size:13px;font-weight:550}.input-group-demo-card header p{color:var(--sprout-muted);margin-top:2px;font-size:12px;line-height:1.6}.input-group-demo-card-body{background:var(--sprout-canvas);gap:16px;min-width:0;padding:20px;display:grid}.sprout-input-group [data-slot=input-group-control]:focus-visible,.input-group-demo-command-control:focus-visible{outline:none}.input-group-demo-grid{gap:16px;min-width:0;display:grid}@media (width>=720px){.input-group-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.input-group-demo-sample,.input-group-demo-stack{gap:8px;min-width:0;display:grid}.input-group-demo-stack{gap:16px}.input-group-demo-note,.input-group-demo-muted,.input-group-demo-danger{color:var(--sprout-muted);font-size:12px;line-height:1.5}.input-group-demo-muted,.input-group-demo-danger{font-size:13px}.input-group-demo-danger{color:var(--sprout-danger)}.input-group-demo-list{gap:2px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.input-group-demo-list li{border-radius:var(--sprout-radius-control);background:var(--sprout-surface);padding:6px 8px}.input-group-demo-submit{border-radius:var(--sprout-radius-control);background:var(--sprout-primary);height:32px;color:var(--sprout-on-primary);font:inherit;cursor:pointer;border:0;padding:0 12px;font-size:14px;font-weight:500}.input-group-demo-submit:disabled{cursor:progress;opacity:.6}.input-group-demo-combobox:has([data-slot=combobox-clear]) .input-group-demo-combobox-trigger{display:none}.sprout-button.input-group-demo-combobox-trigger[data-pressed],.sprout-button.input-group-demo-combobox-trigger[data-popup-open]{background:0 0}.input-group-demo-positioner{z-index:50;outline:0}.input-group-demo-popup{box-sizing:border-box;width:var(--anchor-width);max-height:min(var(--available-height), 18rem);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);color:var(--sprout-text);box-shadow:var(--sprout-shadow-overlay);outline:1px solid var(--sprout-line);transform-origin:var(--transform-origin);padding:4px;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.input-group-demo-popup{transition:opacity .15s ease-out,transform .15s ease-out}.input-group-demo-popup[data-starting-style],.input-group-demo-popup[data-ending-style]{opacity:0;transform:scale(.97)}}.input-group-demo-options{outline:0}.input-group-demo-option{border-radius:calc(var(--sprout-radius-panel) - 4px);cursor:default;user-select:none;justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:0 8px;font-size:14px;display:flex}.input-group-demo-option[data-highlighted]{background:var(--sprout-hover)}.input-group-demo-option-check{color:var(--sprout-text);display:flex}.input-group-demo-empty{color:var(--sprout-muted);padding:8px;font-size:13px}.input-group-demo-empty:empty{display:none}.input-group-demo-panel{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);min-width:0;max-width:22rem;box-shadow:var(--sprout-shadow-panel);display:grid}.input-group-demo-command-input{padding:4px 4px 0}.sprout-input-group.input-group-demo-command{border-color:color-mix(in srgb, var(--sprout-input) 30%, transparent);background:color-mix(in srgb, var(--sprout-input) 30%, transparent);height:32px}.sprout-input-group.input-group-demo-command:focus-within{border-color:var(--sprout-focus)}.input-group-demo-command>[data-slot=input-group-addon]{padding-left:8px}.input-group-demo-command>[data-slot=input-group-addon] svg{opacity:.5}.input-group-demo-command-control{min-width:0;height:100%;color:var(--sprout-text);font:inherit;background:0 0;border:0;flex:1;padding:0 8px 0 6px;font-size:14px}.input-group-demo-command-control::placeholder{color:var(--sprout-muted)}.input-group-demo-command-list{gap:2px;margin:0;padding:4px;list-style:none;display:grid}.input-group-demo-command-list button{border-radius:calc(var(--sprout-radius-panel) - 4px);width:100%;color:var(--sprout-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:14px;display:grid}.input-group-demo-command-list button:hover,.input-group-demo-command-list button[aria-pressed=true]{background:var(--sprout-hover)}.input-group-demo-command-list button:focus-visible{outline-offset:-2px}.input-group-demo-toolbar-end{align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.input-group-demo-truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:8rem;overflow:hidden}.input-group-demo-chip{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-control);background:var(--sprout-canvas);min-width:0;max-width:100%;height:28px;color:var(--sprout-text);align-items:center;gap:6px;padding:0 2px 0 8px;font-size:12px;font-weight:500;display:inline-flex}.input-group-demo-menu-copy{gap:2px;padding-block:2px;display:grid}.input-group-demo-question{color:var(--sprout-text);align-items:center;gap:6px;font-size:13px;display:flex}.input-group-demo-rich-text{min-height:64px;color:var(--sprout-text);overflow-wrap:anywhere;white-space:pre-wrap;cursor:text;outline:none;padding:8px 10px;font-size:14px;line-height:20px}.input-group-demo-rich-text[data-empty]:before{content:attr(aria-placeholder);color:var(--sprout-muted);pointer-events:none}@media (width<=639px){.input-group-demo-wide-only{display:none}}