.popover{z-index:var(--z-popover);border-radius:var(--radius-md);background:var(--mat-parchment);width:max-content;max-width:min(320px,100vw - 16px);box-shadow:var(--elev-4), inset 0 0 0 1px var(--frame-line);font-size:var(--text-sm);color:var(--ink);transform-origin:var(--ox,24px) 0;opacity:0;visibility:hidden;transform:translateY(calc(var(--motion-distance-xs) * -2)) scale(.96);transition:opacity var(--motion-exit) var(--ease-exit), transform var(--motion-exit) var(--ease-exit), visibility 0s linear var(--motion-exit);gap:6px;padding:12px 14px;display:grid;position:fixed}.popover[data-side=top]{transform-origin:var(--ox,24px) 100%;transform:translateY(calc(var(--motion-distance-xs) * 2)) scale(.96)}.popover[data-open]{opacity:1;visibility:visible;transition:opacity var(--motion-fast) var(--ease-standard), transform var(--motion-base) var(--ease-settle), visibility 0s;transform:none}.popover:before{content:"";top:-6px;left:calc(var(--ox,24px) - 6px);width:12px;height:12px;box-shadow:-1px -1px 0 var(--frame-line);background:#f6e8c4;position:absolute;transform:rotate(45deg)}.popover[data-side=top]:before{box-shadow:1px 1px 0 var(--frame-line);background:#efdcae;top:auto;bottom:-6px}@media (prefers-reduced-motion:reduce){.popover,.popover[data-side=top]{transform:none}}@media (prefers-reduced-motion:no-preference){@starting-style{.popover[data-open]{opacity:0;transform:translateY(calc(var(--motion-distance-xs) * -2)) scale(.96)}}}