body:not(
	.state-crawler,
	.state-product
) .styleLogoBox {
	padding: 0; margin: 0;
}
.styleLogoBox {
	opacity: 0; max-height: 0;
	transform: translateX(-20px);
	/* should do some tweeking for the below */
	transition:
	opacity var(--baseAnimationLength),
	max-height var(--baseAnimationLength) cubic-bezier(1,0,0,1),
	padding var(--baseAnimationLength),
	margin var(--baseAnimationLength),
	transform var(--baseAnimationLength);
	overflow: hidden;

	color: white;

	width: fit-content;
	text-align: center;
	font-size: 1.5em;
	font-weight: 800;
}
body.state-product .styleLogoBox,
body.state-crawler .styleLogoBox {
	opacity: .4; max-height: 50vh;
	transform: translateX(0px);
}