@layer components {[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=side-sheet]{--pi-side-sheet-width: 576px;--pi-side-sheet-min-width: 400px;--pi-side-sheet-max-width: 800px}[pi-modal=side-sheet] [pi-modal-dialog]{width:var(--pi-side-sheet-width);min-width:var(--pi-side-sheet-min-width);max-width:var(--pi-side-sheet-max-width);height:100%;max-height:100%;left:auto;right:0;top:0;border-radius:var(--pi-size-border-radius-20) 0 0 var(--pi-size-border-radius-20);box-shadow:0 0 20px rgba(0,0,0,.12);padding:var(--pi-size-spacing-40);row-gap:var(--pi-size-spacing-32);transform:translateX(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)}@media screen and (max-width: 1089px){[pi-modal=side-sheet]{--pi-side-sheet-width: 400px}}@media screen and (min-width: 1408px){[pi-modal=side-sheet]{--pi-side-sheet-width: 576px}}@media screen and (min-width: 1920px){[pi-modal=side-sheet]{--pi-side-sheet-width: 800px}}@media screen and (max-width: 771px){[pi-modal=side-sheet] [pi-modal-dialog]{width:100%;min-width:0;max-width:100%;height:auto;max-height:95vh;left:0;right:auto;top:auto;bottom:0;border-radius:var(--pi-size-border-radius-24) var(--pi-size-border-radius-24) 0 0;box-shadow:none;transform:translateY(100%)}}[pi-modal=side-sheet][pi-modal-layout=inside-scroll] [pi-modal-dialog]{overflow:hidden}[pi-modal=side-sheet][pi-modal-layout=inside-scroll] [pi-modal-content]{flex:1;overflow-y:auto;min-height:0}[pi-modal=side-sheet][pi-modal-layout=inside-scroll] [pi-modal-footer]{flex-shrink:0;margin:0 calc(-1*var(--pi-size-spacing-40)) calc(-1*var(--pi-size-spacing-40));padding:var(--pi-size-spacing-24);border-top:1px solid var(--pi-color-neutral-300);box-shadow:0 0 50px rgba(0,0,0,.05)}[pi-modal=side-sheet] [pi-modal-footer]{gap:var(--pi-size-spacing-16)}[pi-modal=side-sheet] [pi-modal-footer]>*{flex:1 0 0;max-width:none}[pi-modal=side-sheet][pi-modal-layout=fill-screen] [pi-modal-dialog]{overflow-y:auto}[pi-modal][pi-modal-variant=non-modal]{pointer-events:none}[pi-modal][pi-modal-variant=non-modal] [pi-modal-backdrop]{display:none}[pi-modal][pi-modal-variant=non-modal] [pi-modal-dialog]{pointer-events:auto}[pi-modal-dialog]>[pi-modal-floating-close]{position:absolute;right:8px;top:8px;z-index:1}[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][pi-state=open][pi-modal=side-sheet] [pi-modal-dialog]{transform:translateX(0)}@media screen and (max-width: 771px){[pi-modal][pi-state=open][pi-modal=side-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=side-sheet][pi-state=close] [pi-modal-dialog]{transform:translateX(100%);left:auto;right:0;top:0}@media screen and (max-width: 771px){[pi-modal=side-sheet][pi-state=close] [pi-modal-dialog]{transform:translateY(100%);left:0;right:auto;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}}}