.popover{bottom:var(--space-1000);left:var(--space-400);right:var(--space-400);border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow-md);z-index:var(--z-modal);opacity:0;background-color:var(--color-neutral-0);pointer-events:none;transition:transform var(--animation-overlay), opacity var(--animation-overlay);position:fixed;overflow:hidden;transform:translateY(12px)scale(.96)}@media screen and (width>=64rem){.popover{bottom:var(--space-1000);right:var(--space-1000);width:360px;left:auto}.popover.is-anchored{inset:var(--popover-top) auto auto var(--popover-left)}}.popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.popover.is-closing{opacity:0;transform:translateY(12px)scale(.96)}.popover__header{justify-content:space-between;align-items:center;gap:var(--space-400);z-index:var(--z-sticky);margin-inline:var(--space-500);padding-block:var(--space-500);border-block-end:var(--border-width-md) var(--border-style-solid) var(--color-neutral-900);background-color:var(--color-neutral-0);color:var(--color-neutral-900);touch-action:none;display:flex;position:sticky;top:0}.popover__close{width:var(--space-400);height:var(--space-400);color:currentColor;cursor:pointer;transition:transform var(--animation-press);flex-shrink:0;display:flex;position:relative}.popover__close:active{transform:scale(.9)}.popover__close:before{content:"";inset:calc(-1 * var(--space-100));position:absolute}.popover__close:focus-visible{outline:var(--border-width-2) solid var(--color-focus-ring);outline-offset:2px}.popover__close svg{width:100%;height:100%}.popover__body{padding:var(--space-500)}