.st-hover-gallery {
	position: relative;
	display: flex;
}
.st-hover-gallery-image {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
}
.st-hover-gallery-image img {
    aspect-ratio: 1 / 1;
    background-color: white;
	height: auto;
    object-fit: cover;
	width: 100%;
}
.st-hover-gallery-thumbnails {
	display: flex;
	height: 100%;
	inset: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.st-hover-gallery-thumbnail-item {
	flex-grow: 1;
}
.st-hover-gallery-thumbnail-dots {
	align-items: center;
	bottom: 0;
	display: flex;
	filter: invert(90%);
	gap: 4px;
	inset-inline: 0;
	justify-content: center;
	left: 0;
	position: absolute;
	pointer-events: none;
	transition: all .3s ease;
	width: 100%;
	z-index: 2;
}
.st-hover-gallery-thumbnail-dot {
	background-color: #242424;
	flex-grow: 1;
	height: 4px;
	opacity: .2;
	transition: all .25s ease;
}
.st-hover-gallery-thumbnail-dot.is-active {
	opacity: .6;
}