.angie-pt-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    pointer-events: none;
    background-color: var(--angie-pt-color-5c21af6e, #ffffff);
    transition-property: opacity, transform;
}

/* FADE */
.angie-pt-overlay[data-type="fade"] {
    opacity: 1;
}
.angie-pt-overlay[data-type="fade"].is-loaded {
    opacity: 0;
}
.angie-pt-overlay[data-type="fade"].is-leaving {
    transition: none;
    opacity: 0;
}
.angie-pt-overlay[data-type="fade"].is-leaving-active {
    transition-property: opacity;
    opacity: 1;
}

/* SLIDE */
.angie-pt-overlay[data-type="slide"] {
    transform: translateY(0);
}
.angie-pt-overlay[data-type="slide"].is-loaded {
    transform: translateY(-100%);
}
.angie-pt-overlay[data-type="slide"].is-leaving {
    transition: none;
    transform: translateY(100%);
}
.angie-pt-overlay[data-type="slide"].is-leaving-active {
    transition-property: transform;
    transform: translateY(0);
}

/* ZOOM */
.angie-pt-overlay[data-type="zoom"] {
    opacity: 1;
    transform: scale(1);
}
.angie-pt-overlay[data-type="zoom"].is-loaded {
    opacity: 0;
    transform: scale(1.1);
}
.angie-pt-overlay[data-type="zoom"].is-leaving {
    transition: none;
    opacity: 0;
    transform: scale(0.9);
}
.angie-pt-overlay[data-type="zoom"].is-leaving-active {
    transition-property: opacity, transform;
    opacity: 1;
    transform: scale(1);
}

/* CURTAIN */
.angie-pt-overlay[data-type="curtain"] {
    transform: scaleX(1);
    transform-origin: left;
    background-color: var(--angie-pt-color-5c21af6e, #111111);
}
.angie-pt-overlay[data-type="curtain"].is-loaded {
    transform: scaleX(0);
    transform-origin: right;
}
.angie-pt-overlay[data-type="curtain"].is-leaving {
    transition: none;
    transform: scaleX(0);
    transform-origin: left;
}
.angie-pt-overlay[data-type="curtain"].is-leaving-active {
    transition-property: transform;
    transform: scaleX(1);
}