@charset "utf-8";

.p-overlay { position: absolute; top: 0px; left: 0px; }

.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; }

.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; }