:where(.one-popover){--one-ui-popover-bg:var(--one-ui-color-surface);--one-ui-popover-color:var(--one-ui-color-on-surface);--one-ui-popover-border-color:var(--one-ui-color-border);--one-ui-popover-radius:var(--one-ui-radius-md);--one-ui-popover-shadow:var(--one-ui-shadow-md);--one-ui-popover-padding-y:var(--one-ui-space-1);--one-ui-popover-padding-x:var(--one-ui-space-0);--one-ui-popover-offset:var(--one-ui-space-1);--one-ui-popover-z-index:50}.one-popover{position:relative}.one-popover,.one-popover__trigger{display:inline-flex}.one-popover__panel{box-sizing:border-box;background-color:var(--one-ui-popover-bg);min-inline-size:max-content;color:var(--one-ui-popover-color);border:1px solid var(--one-ui-popover-border-color);border-radius:var(--one-ui-popover-radius);box-shadow:var(--one-ui-popover-shadow);padding-block:var(--one-ui-popover-padding-y);padding-inline:var(--one-ui-popover-padding-x);z-index:var(--one-ui-popover-z-index);margin:0}.one-popover__panel:not([popover]){display:none;position:fixed;inset:auto}.one-popover__panel:not([popover]).one-popover__panel--open{display:block}@supports (anchor-name:--a){.one-popover{anchor-name:var(--one-ui-popover-anchor-name,--one-ui-popover-anchor)}.one-popover__panel[popover]{position-anchor:var(--one-ui-popover-anchor-name,--one-ui-popover-anchor);inset:auto;top:anchor(bottom);left:anchor(left);margin-block-start:var(--one-ui-popover-offset)}@supports (position-try-fallbacks:flip-inline){.one-popover__panel[popover]{position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}}.one-popover__panel--bottom-end[popover]{left:auto;right:anchor(right)}.one-popover__panel--top-end[popover],.one-popover__panel--top-start[popover]{top:auto;bottom:anchor(top);margin-block-start:0;margin-block-end:var(--one-ui-popover-offset)}.one-popover__panel--top-end[popover]{left:auto;right:anchor(right)}.one-popover__panel--match-width[popover]{width:anchor-size(width)}}