.flickity-page-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.flickity-page-dots .dot {
	flex: 0 0 12px;
	width: 12px;
	height: 12px;
	margin: 0;
	opacity: 1;
	background: url("../images/asuma-slider-dot-inactive.svg") center / 12px 12px no-repeat;
}

.flickity-page-dots .dot::before {
	display: none;
}

.flickity-page-dots .dot.is-selected {
	background-image: url("../images/asuma-slider-dot-active.svg");
}