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