@charset "utf-8";
.mobile_device .verLandscape .story_alert {
		display: none;
}
.modaal-wrapper.verPortrait {
		display: none !important;
}
.desktop_device .story_alert {
		display: none !important
}
.mobile_device .page_story .container.verPortrait {
		height: 90vh !important;
		overflow: hidden
}
.mobile_device .container.verPortrait main {
		display: none
}

.story_alert {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #fff;
		z-index: 9999;
		opacity: 0;
		animation: fadeIn 0.1s linear forwards;
		animation-delay: 0.8s;
}
@keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
.story_alert_figure {
		width: 70vw;
		margin: 0 auto;
		padding-top: 150px;
}
.story_alert_figure img {
		width: 100%;
		height: auto;
		border-radius: 50%;
		opacity: 0;
		transform: scale(0);
		animation: fadeInAlert 0.3s linear forwards;
		animation-delay: 0.8s;
}
@keyframes fadeInAlert {
		0% {
				opacity: 0;
				transform: scale(0);
		}
		100% {
				opacity: 1;
				transform: scale(1) rotate(0deg);
		}
}
body.desktop_device {
		min-width: 500px!important;
}