html.preloading,
body.preloading {
	overflow: hidden !important;
}

html.yzw-fadeprep body > *:not(#yzw-preloader-overlay) {
	opacity: 0;
	transition: opacity 900ms ease;
}

html.yzw-fadein body > *:not(#yzw-preloader-overlay) {
	opacity: 1;
}

#yzw-preloader-overlay {
	--yhtsl-square-color: #A0CDBF;
	--yhtsl-bg-color: #E4EEE5;
	--yhtsl-pc-image: none;
	--yhtsl-mobile-image: var(--yhtsl-pc-image);
	position: fixed;
	inset: 0;
	display: grid;
	place-items: center;
	background: var(--yhtsl-bg-color) var(--yhtsl-pc-image) center / cover no-repeat;
	opacity: 1;
	z-index: 2147483647;
	pointer-events: auto;
}

@media (max-width: 767px) {
	#yzw-preloader-overlay {
		background-image: var(--yhtsl-mobile-image);
	}
}

#yzw-preloader-root {
	display: grid;
	grid-template-columns: repeat(3, 12px);
	grid-template-rows: repeat(3, 12px);
	gap: 6px;
	transform: translateZ(0);
	will-change: opacity, transform;
}

#yzw-preloader-root .sq {
	width: 12px;
	height: 12px;
	background: var(--yhtsl-square-color);
	opacity: 0;
	transform: translateY(-14px) scale(.95);
	border-radius: 2px;
}

#yzw-preloader-root .sq[data-r="3"][data-c="1"] { animation: yzw-seq-0 5740ms linear infinite; }
#yzw-preloader-root .sq[data-r="3"][data-c="2"] { animation: yzw-seq-1 5740ms linear infinite; }
#yzw-preloader-root .sq[data-r="3"][data-c="3"] { animation: yzw-seq-2 5740ms linear infinite; }
#yzw-preloader-root .sq[data-r="2"][data-c="1"] { animation: yzw-seq-3 5740ms linear infinite; }
#yzw-preloader-root .sq[data-r="2"][data-c="2"] { animation: yzw-seq-4 5740ms linear infinite; }
#yzw-preloader-root .sq[data-r="2"][data-c="3"] { animation: yzw-seq-5 5740ms linear infinite; }
#yzw-preloader-root .sq[data-r="1"][data-c="1"] { animation: yzw-seq-6 5740ms linear infinite; }
#yzw-preloader-root .sq[data-r="1"][data-c="2"] { animation: yzw-seq-7 5740ms linear infinite; }
#yzw-preloader-root .sq[data-r="1"][data-c="3"] { animation: yzw-seq-8 5740ms linear infinite; }

@keyframes yzw-seq-0 {
	0% { opacity: 0; transform: translateY(-14px) scale(.95); }
	10.453% { opacity: 1; transform: translateY(0) scale(1); }
	51.22% { opacity: 1; transform: translateY(0) scale(1); }
	61.672% { opacity: 0; transform: translateY(-14px) scale(.95); }
	100% { opacity: 0; transform: translateY(-14px) scale(.95); }
}

@keyframes yzw-seq-1 {
	0% { opacity: 0; transform: translateY(-14px) scale(.95); }
	4.53% { opacity: 0; transform: translateY(-14px) scale(.95); }
	14.983% { opacity: 1; transform: translateY(0) scale(1); }
	55.749% { opacity: 1; transform: translateY(0) scale(1); }
	66.202% { opacity: 0; transform: translateY(-14px) scale(.95); }
	100% { opacity: 0; transform: translateY(-14px) scale(.95); }
}

@keyframes yzw-seq-2 {
	0% { opacity: 0; transform: translateY(-14px) scale(.95); }
	9.059% { opacity: 0; transform: translateY(-14px) scale(.95); }
	19.512% { opacity: 1; transform: translateY(0) scale(1); }
	60.279% { opacity: 1; transform: translateY(0) scale(1); }
	70.732% { opacity: 0; transform: translateY(-14px) scale(.95); }
	100% { opacity: 0; transform: translateY(-14px) scale(.95); }
}

@keyframes yzw-seq-3 {
	0% { opacity: 0; transform: translateY(-14px) scale(.95); }
	13.589% { opacity: 0; transform: translateY(-14px) scale(.95); }
	24.042% { opacity: 1; transform: translateY(0) scale(1); }
	64.808% { opacity: 1; transform: translateY(0) scale(1); }
	75.261% { opacity: 0; transform: translateY(-14px) scale(.95); }
	100% { opacity: 0; transform: translateY(-14px) scale(.95); }
}

@keyframes yzw-seq-4 {
	0% { opacity: 0; transform: translateY(-14px) scale(.95); }
	18.118% { opacity: 0; transform: translateY(-14px) scale(.95); }
	28.571% { opacity: 1; transform: translateY(0) scale(1); }
	69.338% { opacity: 1; transform: translateY(0) scale(1); }
	79.791% { opacity: 0; transform: translateY(-14px) scale(.95); }
	100% { opacity: 0; transform: translateY(-14px) scale(.95); }
}

@keyframes yzw-seq-5 {
	0% { opacity: 0; transform: translateY(-14px) scale(.95); }
	22.648% { opacity: 0; transform: translateY(-14px) scale(.95); }
	33.101% { opacity: 1; transform: translateY(0) scale(1); }
	73.868% { opacity: 1; transform: translateY(0) scale(1); }
	84.321% { opacity: 0; transform: translateY(-14px) scale(.95); }
	100% { opacity: 0; transform: translateY(-14px) scale(.95); }
}

@keyframes yzw-seq-6 {
	0% { opacity: 0; transform: translateY(-14px) scale(.95); }
	27.178% { opacity: 0; transform: translateY(-14px) scale(.95); }
	37.631% { opacity: 1; transform: translateY(0) scale(1); }
	78.397% { opacity: 1; transform: translateY(0) scale(1); }
	88.85% { opacity: 0; transform: translateY(-14px) scale(.95); }
	100% { opacity: 0; transform: translateY(-14px) scale(.95); }
}

@keyframes yzw-seq-7 {
	0% { opacity: 0; transform: translateY(-14px) scale(.95); }
	31.707% { opacity: 0; transform: translateY(-14px) scale(.95); }
	42.16% { opacity: 1; transform: translateY(0) scale(1); }
	82.927% { opacity: 1; transform: translateY(0) scale(1); }
	93.38% { opacity: 0; transform: translateY(-14px) scale(.95); }
	100% { opacity: 0; transform: translateY(-14px) scale(.95); }
}

@keyframes yzw-seq-8 {
	0% { opacity: 0; transform: translateY(-14px) scale(.95); }
	36.237% { opacity: 0; transform: translateY(-14px) scale(.95); }
	46.69% { opacity: 1; transform: translateY(0) scale(1); }
	87.456% { opacity: 1; transform: translateY(0) scale(1); }
	97.909% { opacity: 0; transform: translateY(-14px) scale(.95); }
	100% { opacity: 0; transform: translateY(-14px) scale(.95); }
}

.yhtsl-screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}