/* ============================================================================================
	SPLASH SCREEN / PATTERN
============================================================================================ */
@keyframes vanish{0%{opacity:1}100%{opacity:0}}
/* reveal animation is common in style.css */
.hightime-splash-screen {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100lvh;
	z-index: 99999;
	overflow: hidden;
	pointer-events: none
}
.hightime-splash-box {
	display: flex;
	width: 100%;
	height: 100%;
}
.hightime-splash-box-inner {
	flex: 1;
	position: relative;
	height: 100%;
	overflow: hidden
}
.hightime-splash-box-inner::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--wp--preset--color--base);
	animation: var(--reveal-animation);
	transform-origin: center right;
}
.hightime-splash-box-inner:first-of-type::before {
	animation-delay: 1.2s
}
.hightime-splash-box-inner:nth-of-type(2)::before {
	animation-delay: 1.3s
}
.hightime-splash-box-inner:nth-of-type(3)::before {
	animation-delay: 1.4s
}
.hightime-splash-box-inner:nth-of-type(4)::before {
	animation-delay: 1.5s
}

/* logo */
.hightime-splash-image {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: vanish 2s linear forwards
}