.owl-carousel.roland-instagram-dots {
	--roland-instagram-dot-slot: 22px;
	--roland-instagram-dot-size: 17px;
	--roland-instagram-dot-color: #555;
	--roland-instagram-dot-bg: #fff;
	--roland-instagram-dots-margin-top: 20px;
}

.owl-carousel.roland-instagram-dots .owl-controls {
	overflow: hidden !important;
	width: calc(var(--roland-instagram-dot-slot) * 7) !important;
	max-width: 100%;
	margin: var(--roland-instagram-dots-margin-top) auto 0 !important;
}

.owl-carousel.roland-instagram-dots:not(.roland-instagram-dots-ready) .owl-controls {
	visibility: hidden;
}

.owl-carousel.roland-instagram-dots .owl-dots {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 0;
	width: max-content;
	margin-top: 0 !important;
	overflow: visible;
	transform: translateX(0);
	text-align: left;
}

.owl-carousel.roland-instagram-dots.roland-instagram-dots-animate .owl-dots {
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.owl-carousel.roland-instagram-dots .owl-dots .owl-dot {
	display: block;
	flex: 0 0 var(--roland-instagram-dot-slot);
	width: var(--roland-instagram-dot-slot);
	max-width: var(--roland-instagram-dot-slot);
	overflow: hidden;
	opacity: 1;
	text-align: center;
}

.owl-carousel.roland-instagram-dots.roland-instagram-dots-animate .owl-dots .owl-dot span {
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
		background 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
		opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.owl-carousel.roland-instagram-dots .owl-dots .owl-dot.roland-instagram-dot-hidden {
	pointer-events: none;
}

.owl-carousel.roland-instagram-dots.owl-theme .owl-dots .owl-dot span,
.owl-carousel.roland-instagram-dots .owl-dots .owl-dot span {
	width: var(--roland-instagram-dot-size);
	height: var(--roland-instagram-dot-size);
	margin: 0 auto !important;
	border: 2px solid var(--roland-instagram-dot-color);
	display: block;
	border-radius: 50%;
	background: var(--roland-instagram-dot-bg);
	transform: scale(1);
	transform-origin: center center;
}

.owl-carousel.roland-instagram-dots .owl-dots .owl-dot.roland-instagram-dot-hidden span {
	transform: scale(0);
	opacity: 0;
}

.owl-carousel.roland-instagram-dots .owl-dots .owl-dot.roland-instagram-dot-0 span {
	transform: scale(1);
}

.owl-carousel.roland-instagram-dots .owl-dots .owl-dot.roland-instagram-dot-1 span {
	transform: scale(0.82);
	opacity: 0.85;
}

.owl-carousel.roland-instagram-dots .owl-dots .owl-dot.roland-instagram-dot-2 span {
	transform: scale(0.65);
	opacity: 0.7;
}

.owl-carousel.roland-instagram-dots .owl-dots .owl-dot.roland-instagram-dot-3 span {
	transform: scale(0.5);
	opacity: 0.55;
}

.owl-carousel.roland-instagram-dots .owl-dots .owl-dot.active span {
	background: var(--roland-instagram-dot-color);
}

@media (max-width: 768px) {
	.owl-carousel.roland-instagram-dots {
		--roland-instagram-dot-slot: 18px;
		--roland-instagram-dot-size: 10px;
	}
}
