.popover-demo-playground{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);min-width:0;display:grid;overflow:hidden}.popover-demo-stage{background:var(--sprout-canvas);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:20px 16px;padding:32px 24px;display:flex}.popover-demo-size{justify-items:center;gap:6px;min-width:0;display:grid}.popover-demo-size-name{color:var(--sprout-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.popover-demo-readout{border-top:1px solid var(--sprout-line);padding:10px 16px}.popover-demo-status{color:var(--sprout-muted);font-size:12px}.popover-demo-status:empty{display:none}.popover-demo-muted{color:var(--sprout-muted)}.popover-demo-strong{font-weight:500}.popover-demo-xs{font-size:var(--sprout-text-xs);line-height:1rem}.popover-demo-pre{white-space:pre-wrap}.popover-demo-error{color:var(--sprout-danger)}.popover-demo-link{color:inherit;text-underline-offset:4px;text-decoration:underline}.popover-demo-link:focus-visible{outline-offset:2px}.popover-demo-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.popover-demo-truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.popover-demo-ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.popover-demo-max-32{max-width:8rem}.popover-demo-max-40{max-width:10rem}.popover-demo-max-64{max-width:16rem}.popover-demo-inline{align-items:center;gap:8px;min-width:0;display:flex}.popover-demo-stack,.popover-demo-stack-sm,.popover-demo-stack-lg{min-width:0;display:grid}.popover-demo-stack{gap:12px}.popover-demo-stack-sm{gap:8px}.popover-demo-stack-lg{gap:16px}.popover-demo-p3{padding:12px}.popover-demo-p4{padding:16px}.popover-demo-py3{padding-block:12px}.popover-demo-actions,.popover-demo-actions-tight{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.popover-demo-actions-tight{flex-wrap:nowrap;gap:4px}.popover-demo-source{font-size:var(--sprout-text-sm)}.popover-demo-sentence{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.popover-demo-segmented{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-control);background:var(--sprout-surface);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.popover-demo-field{gap:6px;min-width:0;display:grid}.popover-demo-field label{font-size:var(--sprout-text-sm);font-weight:500}.popover-demo-input{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;height:32px;color:var(--sprout-text);font:inherit;font-size:var(--sprout-text-sm);padding:0 10px}.popover-demo-input::placeholder{color:var(--sprout-muted)}.popover-demo-input:focus-visible{outline:2px solid var(--sprout-focus);outline-offset:0}.popover-demo-input[aria-invalid=true]{border-color:var(--sprout-danger)}.popover-demo-textarea{resize:vertical;height:auto;min-height:72px;padding-block:8px}.popover-demo-command{flex-direction:column;min-width:0;min-height:0;display:flex}.popover-demo-search{border-bottom:1px solid var(--sprout-line);height:40px;color:var(--sprout-muted);align-items:center;gap:8px;padding:0 12px;display:flex}.popover-demo-search input{min-width:0;height:100%;color:var(--sprout-text);font:inherit;font-size:var(--sprout-text-sm);background:0 0;border:0;outline:none;flex:1}.popover-demo-search:focus-within{box-shadow:inset 0 -2px 0 var(--sprout-focus)}.popover-demo-search input::placeholder{color:var(--sprout-muted)}.popover-demo-command-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:18rem;padding:4px;overflow-y:auto}.popover-demo-command-group+.popover-demo-command-group{border-top:1px solid var(--sprout-line);margin-top:4px;padding-top:4px}.popover-demo-command-heading{color:var(--sprout-muted);font-size:var(--sprout-text-xs);padding:6px 8px 2px;font-weight:500}.popover-demo-command-empty{color:var(--sprout-muted);text-align:center;padding:20px 12px}.popover-demo-choice,.popover-demo-event{border-radius:var(--sprout-radius-control);width:100%;min-width:0;color:var(--sprout-text);font:inherit;font-size:var(--sprout-text-sm);text-align:start;cursor:pointer;transition:background-color var(--sprout-motion-fast) var(--sprout-motion-ease);background:0 0;border:0;align-items:center;gap:8px;padding:6px 8px;display:flex}.popover-demo-choice>svg,.popover-demo-choice>[data-slot=brand-icon],.popover-demo-event>svg{flex:none}.popover-demo-choice:hover:not(:disabled),.popover-demo-event:hover{background:var(--sprout-hover)}.popover-demo-choice:focus-visible,.popover-demo-event:focus-visible{outline:2px solid var(--sprout-focus);outline-offset:-2px}.popover-demo-choice:disabled{opacity:.5;cursor:default}.popover-demo-choice-text{overflow-wrap:anywhere;flex:1;min-width:0;display:grid}.popover-demo-choice-text .popover-demo-muted{font-size:var(--sprout-text-xs);line-height:1rem}.popover-demo-choice-check{flex:none;margin-inline-start:auto}.popover-demo-note{border-top:1px solid var(--sprout-line);padding:8px 12px}.popover-demo-effort{border-top:1px solid var(--sprout-line);gap:6px;padding:10px 16px 16px;display:grid}.popover-demo-effort-head{font-size:var(--sprout-text-xs);justify-content:space-between;align-items:center;display:flex}.popover-demo-effort .popover-demo-segmented{display:flex}.popover-demo-effort .popover-demo-segmented>*{flex:1}.popover-demo-rows{gap:4px;max-height:15rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.popover-demo-rows .sprout-button{justify-content:flex-start;width:100%}.popover-demo-composer{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-panel);background:var(--sprout-surface);gap:10px;width:min(100%,26rem);padding:10px 10px 8px 14px;font-size:13px;display:grid}.popover-demo-composer-bar{align-items:center;gap:4px;min-width:0;display:flex}.popover-demo-composer-bar>:last-child{margin-inline-start:auto}.popover-demo-tooltip-positioner{z-index:60}.popover-demo-tooltip{border-radius:var(--sprout-radius-control);background:var(--sprout-primary);color:var(--sprout-on-primary);font-size:var(--sprout-text-xs);transition:opacity var(--sprout-motion-fast) var(--sprout-motion-ease);padding:4px 8px}.popover-demo-tooltip[data-starting-style],.popover-demo-tooltip[data-ending-style]{opacity:0}.popover-demo-tabs-bar{border-bottom:1px solid var(--sprout-line);padding:8px 12px 0}.popover-demo-tabs{gap:4px;display:flex}.popover-demo-tab{height:32px;color:var(--sprout-muted);font:inherit;font-size:var(--sprout-text-sm);cursor:pointer;transition:color var(--sprout-motion-fast) var(--sprout-motion-ease);background:0 0;border:0;padding:0 8px;font-weight:500;position:relative}.popover-demo-tab:hover,.popover-demo-tab[data-active]{color:var(--sprout-text)}.popover-demo-tab[data-active]:after{content:"";inset-inline:4px;background:var(--sprout-text);border-radius:2px;height:2px;position:absolute;bottom:-1px}.popover-demo-tab:focus-visible{outline:2px solid var(--sprout-focus);outline-offset:-2px;border-radius:var(--sprout-radius-control)}.popover-demo-rule{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.popover-demo-rule>input{grid-column:1/-1}.popover-demo-rule .docs-select-trigger{width:100%}.popover-demo-work-header{border-bottom:1px solid var(--sprout-line);flex-shrink:0;padding:12px}.popover-demo-work-body{overscroll-behavior:contain;scrollbar-width:thin;align-content:start;gap:8px;min-height:0;padding:12px;display:grid;overflow-y:auto}.popover-demo-work-body:focus-visible{outline:2px solid var(--sprout-focus);outline-offset:-2px}.popover-demo-work-items{gap:8px;display:grid}.popover-demo-work-item{border:1px solid var(--sprout-line);border-radius:var(--sprout-radius-control);justify-items:start;gap:4px;padding:10px 12px;display:grid}.popover-demo-work-title{font-weight:500}.popover-demo-work-footer{border-top:1px solid var(--sprout-line);flex-shrink:0;justify-content:flex-end;padding:8px;display:flex}.popover-demo-calendar-title{min-width:0;font-size:inherit;margin:0;font-weight:600}.popover-demo-overlap-trigger{border:1px dashed var(--sprout-line);border-radius:var(--sprout-radius-control);background:var(--sprout-surface);width:min(100%,15rem);color:var(--sprout-text);font:inherit;font-size:var(--sprout-text-xs);text-align:start;cursor:pointer;transition:background-color var(--sprout-motion-fast) var(--sprout-motion-ease);gap:2px;padding:6px 8px;display:grid}.popover-demo-overlap-trigger:hover,.popover-demo-overlap-trigger[data-popup-open]{background:var(--sprout-hover)}.popover-demo-overlap-count{align-items:center;gap:4px;font-weight:500;display:inline-flex}.popover-demo-overlap-titles{color:var(--sprout-muted);display:grid}.popover-demo-overlap-titles>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.popover-demo-month{gap:8px;display:grid}.popover-demo-month-head{justify-content:space-between;align-items:center;display:flex}.popover-demo-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.popover-demo-weekday{color:var(--sprout-muted);font-size:var(--sprout-text-xs);text-align:center;padding-block:4px}.popover-demo-day{border-radius:var(--sprout-radius-control);height:32px;color:var(--sprout-text);font:inherit;font-size:var(--sprout-text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--sprout-motion-fast) var(--sprout-motion-ease);background:0 0;border:0}.popover-demo-day:hover{background:var(--sprout-hover)}.popover-demo-day[aria-pressed=true]{background:var(--sprout-primary);color:var(--sprout-on-primary)}.popover-demo-day:focus-visible{outline:2px solid var(--sprout-focus);outline-offset:1px}.popover-demo-overflow{font-size:var(--sprout-text-xs);font-weight:500}.popover-demo-apps{gap:16px;display:grid}.popover-demo-app-name{align-items:center;gap:8px;display:flex}.popover-demo-app-name h4{font-size:var(--sprout-text-sm);margin:0;font-weight:500}.popover-demo-app-actions{gap:6px;display:grid}.popover-demo-app-actions .sprout-button{white-space:normal;text-align:start;justify-content:flex-start;height:auto;min-height:32px;padding-block:6px}.popover-demo-bud-stage{border:1px dashed var(--sprout-line);border-radius:var(--sprout-radius-panel);height:120px;margin-block:8px;padding:12px;display:flex}.popover-demo-bud-stage[data-corner^=top]{align-items:flex-start}.popover-demo-bud-stage[data-corner^=bottom]{align-items:flex-end}.popover-demo-bud-stage[data-corner$=left]{justify-content:flex-start}.popover-demo-bud-stage[data-corner$=right]{justify-content:flex-end}.popover-demo-bud-face{background:var(--sprout-primary);width:32px;height:32px;color:var(--sprout-on-primary);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.popover-demo-bud-header{border-bottom:1px solid var(--sprout-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.popover-demo-bud-body{flex-direction:column;flex:1;min-height:0;display:flex}.popover-demo-bud-messages{scrollbar-width:thin;flex:1;align-content:start;gap:8px;min-height:0;margin:0;padding:12px 16px;list-style:none;display:grid;overflow-y:auto}.popover-demo-bud-messages>li{border-radius:var(--sprout-radius-panel);max-width:85%;padding:8px 10px}.popover-demo-bud-messages>li[data-from=user]{background:var(--sprout-secondary);justify-self:end}.popover-demo-bud-messages>li[data-from=bud]{justify-self:start;padding-inline:0}.popover-demo-bud-composer{border-top:1px solid var(--sprout-line);flex-shrink:0;gap:6px;padding:10px 12px;display:flex}.popover-demo-bud-failure{flex:1;align-content:start;gap:8px;padding:12px 16px;display:grid}.popover-demo-bud-position{border-top:1px solid var(--sprout-line);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.popover-demo-placement{flex-wrap:wrap;justify-content:center;gap:8px;padding:28px 0 20px;display:flex}.popover-demo-pending-label{white-space:nowrap}@media (width<=479px){.popover-demo-pending-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.popover-demo-choice,.popover-demo-event,.popover-demo-day,.popover-demo-tab,.popover-demo-overlap-trigger,.popover-demo-tooltip{transition:none}}.popover-demo-launcher{flex:none}