.styleCrawlerTimerBox {
	font-size: 1.5em;
	background:
		linear-gradient(
			color-mix(in srgb, var(--borderBColor), transparent 100%),
			color-mix(in srgb, var(--borderBColor), transparent 100%) var(--percent),
			color-mix(in srgb, var(--borderBColor), transparent 0%) calc(var(--percent) + 1px),
			color-mix(in srgb, var(--borderBColor), transparent 0%)
		),
		var(--backgroundC)
		!important;
}

.styleCrawlerTimerBox[data-timeout="true"] {
	padding: 0; margin: 0;
}
.styleCrawlerTimerBox {
	opacity: 0; max-width: 0;
	transform: translateX(20px);
	/* should do some tweeking for the below */
	transition:
	opacity var(--baseAnimationLength),
	max-width var(--baseAnimationLength) cubic-bezier(1,0,0,1),
	padding var(--baseAnimationLength),
	margin var(--baseAnimationLength),
	transform var(--baseAnimationLength);
	overflow: hidden;
}
.styleCrawlerTimerBox[data-timeout="false"] {
	opacity: 1; max-width: 50vh;
	transform: translateX(0px);
}