@layer components {dialog[pi-popover]{--pi-popover-backdrop-z-index: 999;--pi-popover-default-z-index: 1000;--pi-popover-modal-z-index: 1100;--pi-popover-fullscreen-z-index: 1200;padding:0;margin:0;border:none;outline:none;box-sizing:border-box;position:fixed;top:0;left:0;translate:var(--pi-popover-pos, -9999px -9999px);will-change:translate,transform;contain:layout;z-index:calc(var(--pi-popover-default-z-index) + var(--pi-popover-z-index-offset, 0));display:none;opacity:0;visibility:hidden;pointer-events:none;min-width:150px;border-radius:var(--pi-size-border-radius-8);background-color:var(--pi-color-white);box-shadow:var(--pi-shadow-50);color:var(--pi-color-neutral-900);font-family:var(--pi-font-family);font-size:var(--pi-size-font-paragraph-14-text);line-height:var(--pi-size-font-paragraph-14-line);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}dialog[pi-popover][pi-mode=default]{transform:scale(0.8)}dialog[pi-popover][pi-mode=fullscreen]{top:0;left:0;translate:none;transform:none;width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;z-index:calc(var(--pi-popover-fullscreen-z-index) + var(--pi-popover-z-index-offset, 0))}dialog[pi-popover][pi-mode=modal]{top:50%;left:50%;translate:none;transform:translate(-50%, -50%) scale(0.8);max-width:90vw;max-height:90vh;z-index:calc(var(--pi-popover-modal-z-index) + var(--pi-popover-z-index-offset, 0))}dialog[pi-popover][pi-state=measuring]{display:block;opacity:0;visibility:hidden;pointer-events:none}dialog[pi-popover][pi-state=measuring][pi-mode=default]{transform:scale(0.8)}dialog[pi-popover][pi-state=measuring][pi-mode=modal]{transform:translate(-50%, -50%) scale(0.8)}dialog[pi-popover][pi-state=measuring][pi-mode=fullscreen]{transform:translateY(100%)}dialog[pi-popover][pi-state=opened]{display:block;opacity:1;visibility:visible;pointer-events:auto}dialog[pi-popover][pi-state=opened][pi-mode=default]{transform:scale(1)}dialog[pi-popover][pi-state=opened][pi-mode=modal]{transform:translate(-50%, -50%) scale(1)}dialog[pi-popover][pi-state=opened][pi-mode=fullscreen]{transform:translateY(0)}dialog[pi-popover][pi-state=closed]{display:none;opacity:0;visibility:hidden;pointer-events:none}dialog[pi-popover][pi-stroke=true]{border:1px solid var(--pi-color-neutral-200)}dialog[pi-popover][pi-padding=small]{--pi-popover-padding: var(--pi-size-spacing-12)}dialog[pi-popover][pi-padding=medium]{--pi-popover-padding: var(--pi-size-spacing-16)}dialog[pi-popover][pi-padding=large]{--pi-popover-padding: var(--pi-size-spacing-24)}dialog[pi-popover][pi-auto-height=true]:not([pi-mode=fullscreen]):not([pi-mode=modal]){overflow-y:auto;max-height:var(--pi-popover-max-height)}dialog[pi-popover] header,dialog[pi-popover] [pi-popover-header]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pi-size-spacing-12);padding:var(--pi-popover-padding, var(--pi-size-spacing-12));border-bottom:1px solid var(--pi-color-neutral-200)}dialog[pi-popover] header>:is(h1,h2,h3,h4,h5,h6),dialog[pi-popover] [pi-popover-header]>:is(h1,h2,h3,h4,h5,h6){margin-block:var(--pi-size-spacing-8)}dialog[pi-popover] [pi-popover-content]{padding:var(--pi-popover-padding, var(--pi-size-spacing-12));overflow-y:auto;flex:1}dialog[pi-popover] footer,dialog[pi-popover] [pi-popover-footer]{display:flex;align-items:center;justify-content:flex-end;gap:var(--pi-size-spacing-8);padding:var(--pi-popover-padding, var(--pi-size-spacing-12));border-top:1px solid var(--pi-color-neutral-200)}dialog[pi-popover] [pi-popover-close]{--pi-button-size: 24px;flex-shrink:0}dialog[pi-popover][pi-backdrop=true]::backdrop{background:var(--pi-alpha-skrim);opacity:0;transition:opacity .2s ease}dialog[pi-popover][pi-backdrop=true][pi-state=opened]::backdrop{opacity:1}[pi-popover-backdrop]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--pi-alpha-skrim);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:var(--pi-popover-backdrop-z-index);pointer-events:none}[pi-popover-backdrop][pi-state=visible]{opacity:1;visibility:visible;pointer-events:auto}[pi-popover-backdrop][pi-state=hidden]{opacity:0;visibility:hidden;pointer-events:none}dialog[pi-popover][pi-mode=default][pi-position=top]{transform-origin:bottom center}dialog[pi-popover][pi-mode=default][pi-position=top-start]{transform-origin:bottom left}dialog[pi-popover][pi-mode=default][pi-position=top-end]{transform-origin:bottom right}dialog[pi-popover][pi-mode=default][pi-position=bottom]{transform-origin:top center}dialog[pi-popover][pi-mode=default][pi-position=bottom-start]{transform-origin:top left}dialog[pi-popover][pi-mode=default][pi-position=bottom-end]{transform-origin:top right}dialog[pi-popover][pi-mode=default][pi-position=left]{transform-origin:right center}dialog[pi-popover][pi-mode=default][pi-position=left-start]{transform-origin:right top}dialog[pi-popover][pi-mode=default][pi-position=left-end]{transform-origin:right bottom}dialog[pi-popover][pi-mode=default][pi-position=right]{transform-origin:left center}dialog[pi-popover][pi-mode=default][pi-position=right-start]{transform-origin:left top}dialog[pi-popover][pi-mode=default][pi-position=right-end]{transform-origin:left bottom}dialog[pi-popover][pi-mode=fullscreen][pi-state=closed]{transform:translateY(100%)}dialog[pi-popover][pi-mode=fullscreen][pi-state=opened]{transform:translateY(0)}dialog[pi-popover][pi-mode=fullscreen],dialog[pi-popover][pi-mode=modal]{display:flex;flex-direction:column}dialog[pi-popover][pi-mode=fullscreen] header,dialog[pi-popover][pi-mode=fullscreen] [pi-popover-header],dialog[pi-popover][pi-mode=modal] header,dialog[pi-popover][pi-mode=modal] [pi-popover-header]{flex-shrink:0}dialog[pi-popover][pi-mode=fullscreen] [pi-popover-content],dialog[pi-popover][pi-mode=modal] [pi-popover-content]{flex:1;overflow-y:auto}dialog[pi-popover][pi-mode=fullscreen] footer,dialog[pi-popover][pi-mode=fullscreen] [pi-popover-footer],dialog[pi-popover][pi-mode=modal] footer,dialog[pi-popover][pi-mode=modal] [pi-popover-footer]{flex-shrink:0}dialog[pi-popover][pi-state=opened]:focus-visible{outline:2px solid var(--pi-color-accent-1-500);outline-offset:-2px}dialog[pi-popover][pi-state=opened] [pi-popover-content]:focus{outline:none}}