/* Homepage entrance matched to the TBK Japan shutter animation. */
.tbk-page-loader {
	position: fixed;
	z-index: 1000000;
	inset: 0;
	background: #1e1e1e;
	pointer-events: auto;
	animation: tbk-loader-reveal 2.5s ease forwards;
}

.tbk-page-loader__line {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	margin: auto;
	animation: tbk-loader-shutter 2.5s ease forwards;
}

.tbk-page-loader__field {
	display: none;
}

.tbk-page-loader.is-complete {
	display: none;
}

@keyframes tbk-loader-shutter {
	0% {
		width: 0;
		height: 1px;
		background: #d71522;
	}

	50% {
		width: 100%;
		height: 1px;
		background: #d71522;
	}

	90%,
	100% {
		width: 100%;
		height: 100%;
		background: #fff;
	}
}

@keyframes tbk-loader-reveal {
	0%,
	70% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tbk-page-loader {
		display: none;
	}
}