.an-slider-dots {
	opacity: 0;
	text-align: center;
	margin-top: 15px;
}

.an-slider-dot {
	display: inline-block;
	margin: 0;
	border: 5px solid white; /* Provides a clickable but invisible halo around the visible dot, otherwise it's a tiny target */
	height: 25px;
	width: 25px;
	background: #EBEFEE;
	border-radius: 50%;
	transition: 0.5s;
	cursor: pointer;
}

.an-slider-dot.current {
	background: #6A96A9;
	cursor: default;
}


.an-slider-arrow {
	display: none;
	width: 32px;
	height: 100%;
	max-height: 80vh;
	position: absolute;
	z-index: 999;
	transition: 0.3s;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 85% auto;
	border: 0;
	border-radius: 0;
	padding: 0;
}

html.js .an-slider-arrow {
	opacity: 0; /* Starting value, JS will sort this */
}

.an-slider-arrow,
.an-slider-arrow:focus
{
	background-color: rgba(255, 255, 255, 0);
}

.an-slider-arrow:focus-visible {
	background-color: rgba(255, 255, 255, 0.75);
}

.an-slider-arrow::after {
	content: '';
	position: absolute;
	width: 32px;
	height: 32px;
	top: calc(50% - 16px);
	transform-origin: center;
	transform: rotate(90deg);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='256' r='230' fill='%23ffffff'/%3E%3Cpath d='M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-143.6-28.9L288 302.6V120c0-13.3-10.7-24-24-24h-16c-13.3 0-24 10.7-24 24v182.6l-72.4-75.5c-9.3-9.7-24.8-9.9-34.3-.4l-10.9 11c-9.4 9.4-9.4 24.6 0 33.9L239 404.3c9.4 9.4 24.6 9.4 33.9 0l132.7-132.7c9.4-9.4 9.4-24.6 0-33.9l-10.9-11c-9.5-9.5-25-9.3-34.3.4z'/%3E%3C/svg%3E");
	background-position: 90% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	left: 0;
}

.an-slider-container.arrows-at-bottom .an-slider-arrow::after, .an-slider-words .an-slider-arrow::after {
	top: unset;
	bottom: 0;
}

.an-slider-arrow-right::after {
	transform: rotate(-90deg);
}

.an-slider-arrow:hover {
	cursor: pointer;
	background: rgba(255, 255, 255, 0.33);
}

.an-slider-arrow-left {
	left: 0;
	top: 0;
}

.an-slider-arrow-right {
	right: 0;
	top: 0;
}

.an-slider-content-container {
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
}

html.js .an-slider-content-container {
	scrollbar-color: transparent transparent;
	scrollbar-width: none;
}

.an-slider-overflow-container {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	display: flex;
	position: relative;
}


.an-slider-overflow-container > * {
	width: 100%;
	white-space: normal;
}

/* Only show the first panel until the container is processed by JS. This prevents a brief flash of all the panels squished together. */
html.js:not(.mobile-view) .an-slider-container:not(.an-slider-processed) .an-slider-overflow-container > *:not(:first-child),
html.js.mobile-view .an-slider-container:not(.an-slider-processed):not(.scroll-type-free-on-mobile) .an-slider-overflow-container > *:not(:first-child)
{
	display: none;
}

html.mobile-view .an-slider-container.scroll-type-free-on-mobile .an-slider-overflow-container {
	display: flex;
}

html.mobile-view .an-slider-container.scroll-type-free-on-mobile .an-slider-overflow-container > * {
	width: 85vw;
	min-width: 85vw;
	display: inline-block;
/*	margin-inline-start: 20px;
}

.an-slider-container.scroll-type-free-on-mobile .an-slider-overflow-container > *:last-child {
	margin-inline-end: 20px;
*/
}