.eco-nav-spots__container,
.eco-sideshow__spots-container {
	padding: 0;
	list-style-type: none;
	width: 100%;
	height: 1rem;
	display: flex;
	gap: 0;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: var(--wp--preset--spacing--30);
}

.eco-nav-spots__container:empty,
.eco-sideshow__spots-container:empty {
	margin: 0!important;
	height: 0;
} 

.eco-nav__spot button,
.eco-slideshow__spot {
	border: none;
	border-radius: 1rem;
	background-color: transparent;
	overflow: hidden;
	padding: .5rem;
	transition: opacity .25s;
	width: 1.5rem;
	height: 1.5rem;
}

.eco-nav__spot button:hover,
.eco-slideshow__spot:hover {
	cursor: pointer;
	opacity: .5;
}

.eco-nav__spot-background,
.eco-slideshow__spot-background {
	border-radius: 1rem;
	display: block;
	height: 100%;
	width: 100%;
	background-color: var(--wp--preset--color--primary);
}

.eco-nav__spot .eco-nav__spot-background,
.eco-slideshow__spot--not-selected .eco-slideshow__spot-background {
	opacity: .3;
}

.eco-nav__spot--selected .eco-nav__spot-background,
.eco-slideshow__spot--selected .eco-slideshow__spot-background {
	opacity: 1;
}