/* intro */
html.intro-lock,
body.intro-lock{
	width:100%;
	height:100%;
	overflow:hidden !important;
	overscroll-behavior:none;
}

body.intro-lock{
	position:fixed;
	inset:0;
}

body .intro{
	position:fixed !important;
	inset:0 !important;
	z-index:2147483000 !important;
	display:block;
	width:100vw !important;
	height:100dvh !important;
	min-height:100dvh !important;
	margin:0 !important;
	overflow:hidden !important;
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transition:opacity 2.5s cubic-bezier(.22, 1, .36, 1);
}

body .intro.intro-closing{
	opacity:0;
	pointer-events:none;
}

body .intro.intro-hidden{
	z-index:-1 !important;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
}

.intro-exit{
	position:fixed;
	left:var(--intro-button-x, 92%);
	top:var(--intro-button-y, 50%);
	z-index:2;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:3.5rem;
	height:3.5rem;
	margin:0;
	padding:0;
	border:0;
	border-radius:50%;
	background:rgb(var(--c1) / 1);
	color:rgb(var(--b) / 1);
	font-family:"icomoon";
	font-size:1.5rem;
	line-height:1;
	cursor:pointer;
	transform:translate(-50%, -50%);
	touch-action:none;
	-webkit-tap-highlight-color:transparent;
	user-select:none;
	-webkit-user-select:none;
}

body.simple-edit-mode .intro-exit{
	cursor:grab;
	outline:2px dashed currentColor;
	outline-offset:.35rem;
}

body.simple-edit-mode .intro-exit.is-dragging{
	cursor:grabbing;
}

@media (max-width:767px){
	body .intro{
		height:100svh !important;
		min-height:100svh !important;
	}

	.intro-exit{
		left:var(--intro-button-x-mov, 85%);
		top:var(--intro-button-y-mov, 50%);
	}
}

@media (prefers-reduced-motion:reduce){
	body .intro{
		transition-duration:.01ms;
	}
}