/* Popover · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Popover. */
/* base.css */
.pop{background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-radius:var(--r-card);box-shadow:var(--e-pop);padding:var(--s-4);text-align:left}
/* base.css */
.pop.static{position:relative;inset:auto;opacity:1;transform:none;visibility:visible;pointer-events:auto}
/* base.css */
.k-anchor{position:relative;display:inline-flex}
/* base.css */
.k-anchor>.k-pop{position:absolute;top:calc(100% + var(--s-1));right:0;z-index:var(--z-pop);transform-origin:top right}
/* base.css */
.k-anchor.l>.k-pop{right:auto;left:0;transform-origin:top left}
/* base.css */
.k-anchor.up>.k-pop{top:auto;bottom:calc(100% + var(--s-1));transform-origin:bottom right}
/* base.css */
.k-anchor.fill{display:flex}
/* base.css */
.k-anchor.fill>.k-pop{left:0;right:0}
/* families/overlays/family.css */
.ov-pop{width:312px}
/* families/overlays/family.css */
.ov-pop.ov-static{display:block}
/* families/overlays/family.css */
.ov-pop h4{font:var(--w-semibold) var(--text-card)/1.3 var(--font-title);font-stretch:var(--font-stretch-title);margin-bottom:2px}
/* families/overlays/family.css */
.ov-pop>p{font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-bottom:var(--s-3)}
/* families/overlays/family.css */
.ov-pop-f{display:flex;gap:var(--s-2);justify-content:flex-end;margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid hsl(var(--border))}