.pui-popup{z-index:100;outline:none;padding:1rem;position:fixed;inset:0}.pui-popup,.pui-popup:not(.pui-popup-full-height) .pui-container-content{display:flex}.pui-popup-overlay{transition:var(--pui-transition);transition-duration:var(--pui-overlay-transition-duration);background-color:#000000a3;transition-property:opacity;position:fixed;inset:0}.pui-popup:not(.pui-popup-visible) .pui-popup-overlay{opacity:0}.pui-popup-container{--pui-background:var(--pui-card);--pui-foreground:var(--pui-card-foreground);background-color:hsl(var(--pui-card));border-radius:var(--pui-radius);max-width:100%;box-shadow:var(--pui-shadow);font-size:calc(1rem + var(--pui-size)*.125rem);transition:var(--pui-transition);transition-duration:var(--pui-overlay-transition-duration);margin:auto;transition-property:opacity,transform;display:block;position:relative}.pui-popup:not(.pui-popup-visible) .pui-popup-container{opacity:0;transform:translateY(1.5rem)scale(.97)}.pui-popup-full-height .pui-popup-container{flex-direction:column;height:100%;display:flex}.pui-popup-auto-height .pui-popup-container{flex-direction:column;height:auto;max-height:100%;display:flex}.pui-popup-header{border-bottom-width:1px;padding:.75rem}.pui-popup-full-height .pui-popup-header{position:sticky;top:0}.pui-popup:not(.pui-popup-full-height) .pui-popup-content,.pui-popup:not(.pui-popup-no-padding) .pui-popup-content .pui-container-content{padding:.75rem}.pui-popup-content{container-type:inline-size}.pui-popup-full-height .pui-popup-content{z-index:1;outline:none;flex:1;position:relative}.pui-popup-footer{border-top-width:1px;padding:.75rem}.pui-popup-full-height .pui-popup-footer{position:sticky;bottom:0}@media (width<=767px){.pui-popup{padding:.5rem}}