/*========= LoadingのためのCSS ===============*/

#splash {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100000;
	background: var(--home-bg, #f3f4f8);
	text-align: center;
	color: var(--text);
	transition: background 0.25s ease;
}

#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#splash_logo svg {
	width: min(560px, 92vw);
	height: auto;
	overflow: visible;
}

/* 手書き線（描画中） */
#mask-draw path {
	fill: none !important;
	stroke: var(--text-heading, #14151c);
	stroke-width: 3.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* 完成形の塗り（最初は非表示） */
#mask-fill {
	fill: var(--text-heading, #14151c);
	fill-opacity: 0;
	stroke: none;
	transition: fill-opacity 0.55s ease;
	pointer-events: none;
}

/* 描画完了後：線を消して塗りを出す */
#mask.done #mask-draw {
	opacity: 0;
	transition: opacity 0.35s ease;
}

#mask.done #mask-fill {
	fill-opacity: 1;
}

#container {
	min-height: 100%;
}