.uni-popup.data-v-7da806a4 {
		position: fixed;




		top: 0;

		bottom: 0;
		left: 0;
		right: 0;

		z-index: 99;
}
.uni-popup__mask.data-v-7da806a4 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.4);
		opacity: 0;
}
.mask-ani.data-v-7da806a4 {
		transition-property: opacity;
		transition-duration: 0.2s;
}
.uni-top-mask.data-v-7da806a4 {
		opacity: 1;
}
.uni-bottom-mask.data-v-7da806a4 {
		opacity: 1;
}
.uni-center-mask.data-v-7da806a4 {
		opacity: 1;
}
.uni-popup__wrapper.data-v-7da806a4 {

		display: block;

		position: absolute;
}
.top.data-v-7da806a4 {
		top: 0;
		left: 0;
		right: 0;
		-webkit-transform: translateY(-500px);
		        transform: translateY(-500px);
}
.bottom.data-v-7da806a4 {
		bottom: 0;
		left: 0;
		right: 0;
		-webkit-transform: translateY(500px);
		        transform: translateY(500px);
}
.center.data-v-7da806a4 {

		display: flex;
		flex-direction: column;

		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
		justify-content: center;
		align-items: center;
		-webkit-transform: scale(1.2);
		        transform: scale(1.2);
		opacity: 0;
}
.uni-popup__wrapper-box.data-v-7da806a4 {

		display: block;

		position: relative;
}
.content-ani.data-v-7da806a4 {
		/* transition: transform 0.3s;
 */
		transition-property: opacity, -webkit-transform;
		transition-property: transform, opacity;
		transition-property: transform, opacity, -webkit-transform;
		transition-duration: 0.2s;
}
.uni-top-content.data-v-7da806a4 {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
}
.uni-bottom-content.data-v-7da806a4 {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
}
.uni-center-content.data-v-7da806a4 {
		-webkit-transform: scale(1);
		        transform: scale(1);
		opacity: 1;
}