[pi-modal]{--pi-modal-width: fit-content;--pi-modal-height: fit-content;--pi-modal-max-width: calc(100% - var(--pi-size-spacing-40) * 2);--pi-modal-max-height: calc(100% - var(--pi-size-spacing-40) * 2);--pi-modal-z-index: 1100;--pi-modal-z-backdrop: 1099;--pi-modal-bg-color: var(--pi-color-white);--pi-modal-spacing-gap: var(--pi-size-spacing-16);--pi-modal-spacing-padding: var(--pi-size-spacing-16);--pi-modal-border: 0;--pi-modal-border-radius: 0;--pi-modal-duration: 200ms;--pi-modal-timing: ease-in-out;position:fixed;inset:0;z-index:var(--pi-modal-z-index);display:block;visibility:hidden;opacity:0;pointer-events:none;transition:visibility 0ms var(--pi-modal-duration),opacity var(--pi-modal-duration) var(--pi-modal-timing)}@media screen and (max-width: 771px){[pi-modal]{--pi-modal-max-width: 100%;--pi-modal-max-height: 100%}}@media screen and (min-width: 772px){[pi-modal]{--pi-modal-spacing-gap: var(--pi-size-spacing-32);--pi-modal-border-radius: var(--pi-size-border-radius-24);--pi-modal-spacing-padding: var(--pi-size-spacing-40)}}[pi-modal][pi-state=open]{visibility:visible;opacity:1;pointer-events:auto;transition:visibility 0ms 0ms,opacity var(--pi-modal-duration) var(--pi-modal-timing)}[pi-modal-backdrop]{background-color:var(--pi-alpha-skrim);position:fixed;inset:0;z-index:var(--pi-modal-z-backdrop);visibility:hidden;opacity:0;transition:opacity var(--pi-modal-duration) var(--pi-modal-timing),visibility 0ms var(--pi-modal-duration)}[pi-modal-dialog]{display:flex;flex-direction:column;row-gap:var(--pi-modal-spacing-gap);background-color:var(--pi-modal-bg-color);width:var(--pi-modal-width);height:var(--pi-modal-height);max-width:var(--pi-modal-max-width);max-height:var(--pi-modal-max-height);padding:var(--pi-modal-spacing-padding);box-sizing:border-box;overflow:hidden;border-radius:var(--pi-modal-border-radius);border:var(--pi-modal-border);position:fixed;left:50%;top:50%;z-index:var(--pi-modal-z-index);visibility:hidden;opacity:0;transform:translate(-50%, -35%);transition:opacity var(--pi-modal-duration) var(--pi-modal-timing),transform var(--pi-modal-duration) var(--pi-modal-timing),visibility 0ms var(--pi-modal-duration)}[pi-modal=full-screen] [pi-modal-dialog]{width:100%;height:100%;max-width:100%;max-height:100%;left:0;top:0;border-radius:0;transform:scale(0.95);transition:opacity var(--pi-modal-duration) var(--pi-modal-timing),transform var(--pi-modal-duration) var(--pi-modal-timing),visibility 0ms var(--pi-modal-duration)}[pi-modal=bottom-sheet] [pi-modal-dialog]{width:100%;max-width:100%;height:auto;max-height:90vh;left:0;top:auto;bottom:0;border-radius:0;transform:translateY(100%);transition:opacity var(--pi-modal-duration) var(--pi-modal-timing),transform var(--pi-modal-duration) var(--pi-modal-timing),visibility 0ms var(--pi-modal-duration)}[pi-modal][pi-state=open] [pi-modal-backdrop]{visibility:visible;opacity:1;transition:opacity var(--pi-modal-duration) var(--pi-modal-timing),visibility 0ms 0ms}[pi-modal][pi-state=open] [pi-modal-dialog]{visibility:visible;opacity:1;transition:opacity var(--pi-modal-duration) var(--pi-modal-timing),transform var(--pi-modal-duration) var(--pi-modal-timing),visibility 0ms 0ms}[pi-modal][pi-state=open]:not([pi-modal]) [pi-modal-dialog],[pi-modal][pi-state=open][pi-modal=""] [pi-modal-dialog],[pi-modal][pi-state=open][pi-modal=default] [pi-modal-dialog]{transform:translate(-50%, -50%)}[pi-modal][pi-state=open][pi-modal=full-screen] [pi-modal-dialog]{transform:scale(1)}[pi-modal][pi-state=open][pi-modal=bottom-sheet] [pi-modal-dialog]{transform:translateY(0)}[pi-modal]:not([pi-modal])[pi-state=close] [pi-modal-dialog],[pi-modal][pi-modal=""][pi-state=close] [pi-modal-dialog],[pi-modal][pi-modal=default][pi-state=close] [pi-modal-dialog]{transform:translate(-50%, -35%)}[pi-modal=full-screen][pi-state=close] [pi-modal-dialog]{transform:scale(0.95);left:0;top:0}[pi-modal=bottom-sheet][pi-state=close] [pi-modal-dialog]{transform:translateY(100%);left:0;top:auto;bottom:0}[pi-modal-header]{display:flex;align-items:center;justify-content:space-between}[pi-modal-content]{display:flex;flex-grow:1;overflow:auto}[pi-modal-footer]{display:flex;justify-content:flex-end}[pi-modal-close]{margin-left:auto}@media screen and (max-width: 771px){[pi-modal=bottom-sheet] [pi-modal-dialog]{max-height:95vh}}@media(prefers-reduced-motion: reduce){[pi-modal]{--pi-modal-duration: 0ms}[pi-modal-backdrop],[pi-modal-dialog]{transition:none !important}}