/* twosolidae/gear-hero — front-end styles (loaded only when the block renders). */

.ts-gear-hero {
	position: relative;
	width: 100%;
}
.ts-gear-hero__canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 0;
}
.ts-gear-hero__scrim {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient( 90deg, rgba(6, 13, 21, 0.82) 0%, rgba(6, 13, 21, 0.5) 46%, rgba(6, 13, 21, 0.08) 100% ),
		linear-gradient( 0deg, rgba(6, 13, 21, 0.55), rgba(6, 13, 21, 0) 55% );
}