:root { --popup-overlay-background-color: rgba(0, 0, 0, 0.6); --popup-content-background-color: #fff;}.ppsv-fade-enter-from,.ppsv-fade-leave-to { opacity: 0;}.ppsv-fade-enter-active,.ppsv-fade-leave-active { transition: opacity 0.3s;}.ppsv-pop-center-enter-from,.ppsv-pop-center-leave-to { transform: scale(0.3);}.ppsv-pop-center-enter-active,.ppsv-pop-center-leave-active { transition: all 0.3s;}.ppsv-pop-bottom-enter-from,.ppsv-pop-bottom-leave-to { transform: translateY(100%);}.ppsv-pop-bottom-enter-active,.ppsv-pop-bottom-leave-active { transition: all 0.3s;}.ppsv-pop-top-enter-from,.ppsv-pop-top-leave-to { transform: translateY(-100%);}.ppsv-pop-top-enter-active,.ppsv-pop-top-leave-active { transition: all 0.3s;}.ppsv-pop-left-enter-from,.ppsv-pop-left-leave-to { transform: translateX(-100%);}.ppsv-pop-left-enter-active,.ppsv-pop-left-leave-active { transition: all 0.3s;}.ppsv-pop-right-enter-from,.ppsv-pop-right-leave-to { transform: translateX(100%);}.ppsv-pop-right-enter-active,.ppsv-pop-right-leave-active { transition: all 0.3s;}.ppsv-popup { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0;}.ppsv-popup__overlay { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--popup-overlay-background-color);}.ppsv-popup__content { overflow: auto; background-color: var(--popup-content-background-color);}.ppsv-popup--center { position: relative;}.ppsv-popup--bottom { min-width: 100%; position: absolute; left: 0; bottom: 0;}.ppsv-popup--top { min-width: 100%; position: absolute; left: 0; top: 0;}.ppsv-popup--left { min-height: 100%; position: absolute; left: 0; top: 0;}.ppsv-popup--right { min-height: 100%; position: absolute; right: 0; top: 0;}