.popup-container{position:absolute;transition:transform .3s ease;will-change:transform}.popup-left{bottom:0;top:0}[dir=ltr] .popup-left{left:0}[dir=rtl] .popup-left{right:0}.popup-bottom{bottom:0;left:0;right:0}.popup-right{bottom:0;top:0}[dir=ltr] .popup-right{right:0}[dir=rtl] .popup-right{left:0}.popup-top{left:0;right:0;top:0}.popup-enter-from,.popup-leave-to{opacity:0}[dir=ltr] .popup-enter-from .popup-left,[dir=ltr] .popup-leave-to .popup-left{transform:translate(-100%)}[dir=ltr] .popup-enter-from .popup-right,[dir=ltr] .popup-leave-to .popup-right,[dir=rtl] .popup-enter-from .popup-left,[dir=rtl] .popup-leave-to .popup-left{transform:translate(100%)}[dir=rtl] .popup-enter-from .popup-right,[dir=rtl] .popup-leave-to .popup-right{transform:translate(-100%)}.popup-enter-from .popup-bottom,.popup-leave-to .popup-bottom{transform:translateY(100%)}.popup-enter-from .popup-top,.popup-leave-to .popup-top{transform:translateY(-100%)}