.dots {
	display: flex;
	margin: 0;
	padding: 0;
}
	.dots__dot {
		height: .625rem;
		width: .625rem;
		border-radius: 50%;
		background-color: var(--color__gray--light);
		cursor: pointer;
	}
	.dots__dot::before {
			content: none;
		}
	.dots__dot + .dots__dot{
			margin-left: 1rem;
		}
	.dots__dot--active, .dots__dot[data-active="1"] {
			background-color: var(--color__primary-green);
		}
	.dots__dot:hover {
			background-color: var(--color__primary-green--hover);
		}
/*# sourceMappingURL=dots.css.map */