@import "./var.scss";
@import "../mixins/mixins";

.v-modal-enter {
	animation: v-modal-in .2s ease;
}

.v-modal-leave {
	animation: v-modal-out .2s ease forwards;
}

@keyframes v-modal-in {
	0% {
		opacity: 0;
	}
	100% {
	}
}

@keyframes v-modal-out {
	0% {
	}
	100% {
		opacity: 0;
	}
}

.v-modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: $--popup-modal-opacity;
	background: $--popup-modal-background-color;
}

@include b(popup-parent) {
	@include m(hidden) {
		overflow: hidden;
	}
}