.slider-container {
	display: grid;
	grid-auto-flow: column;
}

.slider-indicators {
	margin-bottom: 0;
}

.slider-indicators-round .slider-indicators > button {
	width: 8px;
	height: 8px;
	border: 8px solid transparent;
}

.slider-indicators > button {
	background-color: #fcfcfc;
	opacity: 1;
}

.slider-indicators .active {
	background-color: #00eda6;
}


@media screen and (min-width: 1280px) {
	.slider-nav {
		justify-content: center;
	}

	.slider-nav::after {
		position: relative;
		z-index: 1;
		width: 24px;
		height: 24px;
		background-color: unset;
		background-image: url('../../images/css-icons/icon-arrow.svg');
		background-position: 2px center;
		mask: unset;
		-webkit-mask: unset;
	}

	.slider-nav::before {
		left: 0;
		width: 46px;
		height: 46px;
		background-color: #4c426b;
		border-radius: 50%;
	}

	.slider-nav.slider-nav-next::before {
		right: 0;
		left: unset;
	}

	.slider-nav:hover::before {
		background-color: #574c7b;
	}

	.slider-nav:active::before {
		background-color: #362f4c;
	}
}