/* Base overlay */
#angie-pt-overlay-604f6a19 {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    pointer-events: none;
    z-index: 999999;
    transition-property: all;
}

/* Base Body Styles */
body {
    transition: opacity var(--pt-duration) var(--pt-easing), transform var(--pt-duration) var(--pt-easing);
}

/* Fade */
body[data-pt-type="fade"] {
    opacity: 1;
}
body[data-pt-type="fade"].angie-pt-exiting {
    opacity: 0;
}
body[data-pt-type="fade"].angie-pt-entering {
    animation: ptFadeIn 604f6a19 var(--pt-duration) var(--pt-easing) forwards;
}
@keyframes ptFadeIn604f6a19 {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Zoom */
body[data-pt-type="zoom"] {
    transform: scale(1);
    opacity: 1;
}
body[data-pt-type="zoom"].angie-pt-exiting {
    transform: scale(0.95);
    opacity: 0;
}
body[data-pt-type="zoom"].angie-pt-entering {
    animation: ptZoomIn 604f6a19 var(--pt-duration) var(--pt-easing) forwards;
}
@keyframes ptZoomIn604f6a19 {
    from { transform: scale(1.05); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* Slide */
body[data-pt-type="slide"] {
    transform: translateX(0);
}
body[data-pt-type="slide"].angie-pt-exiting {
    transform: translateX(-5%);
    opacity: 0;
}
body[data-pt-type="slide"].angie-pt-entering {
    animation: ptSlideIn 604f6a19 var(--pt-duration) var(--pt-easing) forwards;
}
@keyframes ptSlideIn604f6a19 {
    from { transform: translateX(5%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* Curtain */
#angie-pt-overlay-604f6a19[data-pt-type="curtain"] {
    background: #000;
    transform: translateY(-100%);
}
#angie-pt-overlay-604f6a19[data-pt-type="curtain"].angie-pt-exiting {
    transform: translateY(0);
    pointer-events: all;
    transition: transform var(--pt-duration) var(--pt-easing);
}
#angie-pt-overlay-604f6a19[data-pt-type="curtain"].angie-pt-entering {
    animation: ptCurtainUp 604f6a19 var(--pt-duration) var(--pt-easing) forwards;
}
@keyframes ptCurtainUp604f6a19 {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}