.u-popover{position:relative;display:inline-flex}.u-popover__panel{position:absolute;top:calc(100% + 10px);z-index:60;min-width:220px;max-width:calc(100vw - 32px);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:24px;box-shadow:0 4px 8px -2px rgba(23,21,18,.08),0 24px 48px -12px rgba(23,21,18,.14);padding:8px;animation:u-pop-in .2s cubic-bezier(.2,.7,.2,1)}.u-popover__panel--end{right:0}.u-popover__panel--start{left:0}.u-popover__panel--center{left:50%;transform:translateX(-50%)}@keyframes u-pop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}