.p-overlay-modal { display: flex; align-items: center; justify-content: center; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }
.p-overlay-content { transform-origin: inherit; will-change: transform; }
.p-component-overlay.p-component { position: relative; }
.p-overlay-modal > .p-overlay-content { z-index: 1; width: 90%; }
.p-overlay-top { align-items: flex-start; }
.p-overlay-top-start { align-items: flex-start; justify-content: flex-start; }
.p-overlay-top-end { align-items: flex-start; justify-content: flex-end; }
.p-overlay-bottom { align-items: flex-end; }
.p-overlay-bottom-start { align-items: flex-end; justify-content: flex-start; }
.p-overlay-bottom-end { align-items: flex-end; justify-content: flex-end; }
.p-overlay-left { justify-content: flex-start; }
.p-overlay-left-start { justify-content: flex-start; align-items: flex-start; }
.p-overlay-left-end { justify-content: flex-start; align-items: flex-end; }
.p-overlay-right { justify-content: flex-end; }
.p-overlay-right-start { justify-content: flex-end; align-items: flex-start; }
.p-overlay-right-end { justify-content: flex-end; align-items: flex-end; }
.p-overlay-content ~ .p-overlay-content { display: none; }