[c-modal-portal] {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;

	&.mp-open {
		.mp-mask {
			animation: maskSlideInUp 0.2s ease;
		}
	}

	&.mp-close {
		.mp-mask {
			animation: maskSlideOutDown 0.2s ease;
		}
	}

	[c-un-touchable] {
		position: relative;
		height: 100%;
		width: 100%;
	}

	.mp-mask {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.6);
	}
}

@keyframes maskSlideInUp {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


@keyframes maskSlideOutDown {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}