html {
	scrollbar-gutter: stable;
}

body.bshc-preloader-enabled {
	overflow: hidden;
}

.bshc-theme-preloader {
	position: fixed;
	inset: 0;
	z-index: 11000;
	display: grid;
	place-items: stretch;
	overflow: hidden;
	isolation: isolate;
	background:
		radial-gradient(circle at 78% 24%, rgb(82 22 43 / 32%), transparent 28%),
		radial-gradient(circle at 15% 82%, rgb(46 196 182 / 7%), transparent 32%),
		linear-gradient(145deg, #101013 0%, #131316 58%, #17171b 100%);
	opacity: 1;
	visibility: visible;
	cursor: wait;
	transition:
		opacity 600ms cubic-bezier(.4, 0, .2, 1),
		visibility 0s linear 600ms;
}

.bshc-theme-preloader[hidden] {
	display: none;
}

.bshc-theme-preloader.is-exiting {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.bshc-theme-preloader__cosmos {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

.bshc-theme-preloader__cosmos::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(circle at 8% 16%, rgb(239 240 238 / 74%) 0 1px, transparent 1.5px),
		radial-gradient(circle at 22% 72%, rgb(239 240 238 / 58%) 0 1px, transparent 1.5px),
		radial-gradient(circle at 42% 28%, rgb(239 240 238 / 68%) 0 1.2px, transparent 1.8px),
		radial-gradient(circle at 63% 84%, rgb(239 240 238 / 52%) 0 1px, transparent 1.5px),
		radial-gradient(circle at 78% 38%, rgb(239 240 238 / 72%) 0 1px, transparent 1.6px),
		radial-gradient(circle at 94% 66%, rgb(239 240 238 / 62%) 0 1.2px, transparent 1.8px);
	background-size: 211px 197px, 293px 271px, 347px 319px, 401px 367px, 463px 419px, 521px 487px;
	opacity: .48;
}

.bshc-theme-preloader__cosmos .bshc-cosmos__canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.bshc-chrono-preloader {
	--bshc-preloader-paper: #f7f4ef;
	--bshc-preloader-accent: #c81645;
	--bshc-preloader-ink: #131316;
	--bshc-preloader-ease: cubic-bezier(.4, 0, .2, 1);
	--bshc-preloader-tape-ease: cubic-bezier(.77, 0, .175, 1);
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
	background: transparent;
	transform: scale(.333333);
	transform-origin: center;
}

.bshc-chrono-preloader svg {
	width: 100%;
	height: 100%;
	display: block;
}

@media (max-width: 700px), (max-height: 500px) and (pointer: coarse) {
	.bshc-chrono-preloader {
		inset: auto;
		top: 50%;
		left: 50%;
		width: calc(100% - (var(--bshc-gutter) * 2));
		height: auto;
		aspect-ratio: 16 / 9;
		transform: translate(-50%, -50%);
	}
}

.bshc-chrono-brand {
	font-family: var(--bshc-font-display, "Roboto Condensed", "Arial Narrow", Arial, sans-serif);
}

.bshc-chrono-window {
	clip-path: url("#bshc-chrono-clip");
}

.bshc-chrono-list {
	fill: rgb(247 244 239 / 28%);
	font: 300 72px/1 var(--bshc-font-display, "Roboto Condensed", "Arial Narrow", Arial, sans-serif);
	text-anchor: middle;
	letter-spacing: .02em;
	transform: translateY(230px);
}

.bshc-chrono-focus {
	fill: var(--bshc-preloader-paper);
	font-size: 104px;
	font-weight: 300;
	letter-spacing: -.025em;
}

.bshc-chrono-focus tspan {
	fill: var(--bshc-preloader-accent);
}

.bshc-chrono-lock {
	fill: var(--bshc-preloader-paper);
	font: 700 154px/.92 var(--bshc-font-display, "Roboto Condensed", "Arial Narrow", Arial, sans-serif);
	text-anchor: middle;
	letter-spacing: -.045em;
	opacity: 0;
}

.bshc-rocket,
.bshc-astronaut {
	opacity: 0;
	transform-box: view-box;
	transform-origin: 0 0;
}

.bshc-rocket-body {
	fill: var(--bshc-preloader-paper);
	stroke: var(--bshc-preloader-accent);
	stroke-width: 3;
}

.bshc-rocket-window {
	fill: var(--bshc-preloader-ink);
	stroke: var(--bshc-preloader-accent);
	stroke-width: 3;
}

.bshc-rocket-fin,
.bshc-rocket-flame,
.bshc-astro-pack {
	fill: var(--bshc-preloader-accent);
}

.bshc-rocket-flame {
	transform-box: fill-box;
	transform-origin: right center;
	animation: bshcRocketFlame 240ms ease-in-out infinite alternate;
}

.bshc-astro-helmet {
	fill: var(--bshc-preloader-paper);
	stroke: var(--bshc-preloader-accent);
	stroke-width: 3;
}

.bshc-astro-visor {
	fill: var(--bshc-preloader-ink);
	stroke: rgb(247 244 239 / 55%);
	stroke-width: 2;
}

.bshc-astro-body {
	fill: var(--bshc-preloader-paper);
	stroke: var(--bshc-preloader-accent);
	stroke-width: 3;
}

.bshc-astro-limb,
.bshc-astro-leg {
	fill: none;
	stroke: var(--bshc-preloader-paper);
	stroke-width: 8;
	stroke-linecap: round;
}

.bshc-astro-leg {
	transform-box: fill-box;
	transform-origin: right center;
}

.bshc-astro-leg-a {
	animation: bshcAstroKickA 420ms ease-in-out infinite alternate;
}

.bshc-astro-leg-b {
	animation: bshcAstroKickB 420ms ease-in-out infinite alternate;
}

.bshc-chrono-preloader.is-running .bshc-rocket {
	animation: bshcRocketFlight 920ms var(--bshc-preloader-ease) both;
}

.bshc-chrono-preloader.is-running .bshc-astronaut {
	animation: bshcAstroFlight 1.34s var(--bshc-preloader-ease) 160ms both;
}

.bshc-chrono-preloader.is-running .bshc-chrono-list {
	animation: bshcChronoRoll 1.42s var(--bshc-preloader-tape-ease) both;
}

.bshc-chrono-preloader.is-running .bshc-chrono-list text:not(.bshc-chrono-focus) {
	animation: bshcPastExit 260ms ease 1.16s both;
}

.bshc-chrono-preloader.is-running .bshc-chrono-lock {
	animation: bshcChronoLock 720ms cubic-bezier(.23, 1, .32, 1) 960ms both;
}

.bshc-chrono-preloader.is-paused * {
	animation-play-state: paused !important;
}

@keyframes bshcChronoRoll {
	0% { transform: translateY(260px); filter: blur(8px); }
	24% { transform: translateY(110px); filter: blur(2px); }
	48% { transform: translateY(-40px); filter: blur(1px); }
	72% { transform: translateY(-190px); filter: blur(0); }
	88% { transform: translateY(-340px); }
	100% { transform: translateY(-370px); }
}

@keyframes bshcPastExit {
	to { opacity: 0; }
}

@keyframes bshcChronoLock {
	0% { opacity: 0; transform: translateY(34px); letter-spacing: .02em; }
	42%,
	100% { opacity: 1; transform: none; letter-spacing: -.045em; }
}

@keyframes bshcRocketFlight {
	0% { opacity: 0; transform: translate(170px, 720px) scale(.78); }
	12% { opacity: 1; }
	62% { opacity: 1; }
	80% { opacity: 0; }
	100% { opacity: 0; transform: translate(1320px, 720px) scale(.78); }
}

@keyframes bshcAstroFlight {
	0% { opacity: 0; transform: translate(130px, 720px) scale(.82); }
	10% { opacity: 1; }
	84% { opacity: 1; }
	100% { opacity: 0; transform: translate(1450px, 720px) scale(.82); }
}

@keyframes bshcRocketFlame {
	from { opacity: .45; transform: scaleX(.72); }
	to { opacity: 1; transform: scaleX(1.12); }
}

@keyframes bshcAstroKickA {
	from { transform: rotate(-3deg); }
	to { transform: rotate(3deg); }
}

@keyframes bshcAstroKickB {
	from { transform: rotate(3deg); }
	to { transform: rotate(-3deg); }
}

@media (prefers-reduced-motion: reduce) {
	.bshc-theme-preloader {
		transition-duration: .01ms;
		transition-delay: 0s;
	}

	.bshc-theme-preloader__cosmos .bshc-cosmos__canvas {
		display: none;
	}

	.bshc-theme-preloader__cosmos::before {
		opacity: .58;
	}

	.bshc-chrono-preloader * {
		animation: none !important;
	}

	.bshc-dynamic {
		display: none !important;
	}

	.bshc-chrono-list {
		transform: translateY(-370px) !important;
		filter: none !important;
	}

	.bshc-chrono-list text:not(.bshc-chrono-focus) {
		opacity: 0 !important;
	}

	.bshc-chrono-lock {
		opacity: 1 !important;
		transform: none !important;
	}
}