@scope([data-example]){:scope:is([data-example=popover\/basic],[data-example=popover\/form],[data-example=popover\/draft],[data-example=popover\/modal],[data-example=popover\/focus],[data-example=popover\/hover],[data-example=popover\/controlled],[data-example=popover\/shortcut],[data-example=popover\/payload],[data-example=popover\/animation],[data-example=popover\/custom-rendering],[data-example=popover\/offsets],[data-example=popover\/align],[data-example=popover\/anchor]){justify-content:flex-start;min-height:16rem}:scope:is([data-example=popover\/basic],[data-example=popover\/form],[data-example=popover\/focus],[data-example=popover\/controlled],[data-example=popover\/shortcut],[data-example=popover\/anchor]){min-height:20rem}:scope:is([data-example=popover\/draft],[data-example=popover\/modal]){min-height:23rem}:scope [data-slot=popover-content]>:is([data-slot=stack],form){width:auto;max-width:none}:scope [data-slot=popover-content] :is([data-slot=field],[data-slot=field-control],textarea,select,input:not([type=checkbox],[type=radio],[type=hidden])){box-sizing:border-box;width:100%;max-width:none}[data-slot=popover-content]{gap:var(--space-3);box-sizing:border-box;width:18rem;max-width:calc(100vw - 2rem);padding:var(--space-4);font-size:var(--text-sm)}[data-slot=popover-content]>:is([data-slot=stack],form){align-items:stretch}[data-slot=popover-content]>form{gap:var(--space-3);flex-direction:column;display:flex}[data-slot=popover-content] [data-slot=field]{gap:6px}[data-slot=popover-content] [data-slot=field-label]{font-size:var(--text-sm)}[data-slot=popover-content]>[data-slot=stack]:has(>[data-slot=label]){gap:var(--space-2)}[data-slot=popover-content] textarea{min-height:5rem}[data-slot=popover-content]>[data-slot=row],[data-slot=popover-content]>form>[data-slot=row]{margin-top:var(--space-1);justify-content:flex-end}[data-slot=popover-content]>[data-slot=row][role=alert]{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--tint);justify-content:space-between}[data-slot=popover-content][data-presentation=sheet]{border-radius:var(--radius-popup) var(--radius-popup) 0 0;width:min(36rem,100%);max-width:none;padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));--sheet-backdrop:var(--backdrop);margin:0 auto}[data-slot=popover-title]{font-size:var(--text-md);margin:0;font-weight:600;line-height:20px}[data-slot=popover-description]{color:var(--muted);font-size:var(--text-sm);margin:0}[data-slot=popover-title]+[data-slot=popover-description]{margin-top:calc(var(--space-3) * -1 + 2px)}a[data-slot=popover-close]{color:var(--ink);text-underline-offset:3px;align-self:flex-start}[data-slot=popover-trigger]:not([data-open]) [data-show=open],[data-slot=popover-trigger][data-open] [data-hide=open]{display:none}[data-slot=popover-arrow]{background:var(--surface-2);border-color:var(--line)}:scope[data-example=popover\/arrow] [data-slot=popover-trigger],:scope[data-example=popover\/placement] [data-slot=popover-trigger]{margin-block:6rem}:scope:is([data-example=popover\/placement],[data-example=popover\/modal],[data-example=popover\/offsets]) [data-slot=controls]{gap:var(--space-2) var(--space-3);grid-template-columns:auto auto;display:grid}:scope:is([data-example=popover\/placement],[data-example=popover\/modal],[data-example=popover\/offsets]) [data-slot=controls] [data-slot=select-label]{justify-self:end}:scope:is([data-example=popover\/placement],[data-example=popover\/modal],[data-example=popover\/offsets]) [data-slot=controls] [data-slot=select-trigger]{min-width:8rem}:scope:is([data-example=popover\/placement],[data-example=popover\/offsets]) [data-slot=stack]:has(>[data-slot=controls]){width:auto}:scope[data-example=popover\/payload]{min-height:27rem}:scope[data-example=popover\/payload] [data-slot=stack]:has(>[data-slot=list]){width:24rem;max-width:100%}:scope[data-example=popover\/payload] [data-slot=list]{width:100%}:scope[data-example=popover\/anchor] [data-slot=row]:has(>input[type=search]){flex-wrap:nowrap;width:20rem;max-width:100%}:scope[data-example=popover\/anchor] [data-slot=row]:has(>input[type=search])>input{flex:1;width:auto}}