.peppermint.peppermint-active {
	overflow: hidden;
	position: relative;
}

.peppermint.peppermint-active .peppermint-slides {
	overflow: hidden;
	position: relative;

	-ms-touch-action: pan-y;
		touch-action: pan-y;
}

.peppermint.peppermint-active .peppermint-slides > * {
	float: left;

	-webkit-tap-highlight-color: transparent;
			tap-highlight-color: transparent;
}

.peppermint.peppermint-active,
.peppermint.peppermint-active .peppermint-dots,
.peppermint.peppermint-active .peppermint-slides,
.peppermint.peppermint-active .peppermint-slides > * {
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);

	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
			backface-visibility: hidden;
}

.peppermint.peppermint-mouse .peppermint-slides {
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.peppermint.peppermint-mouse.peppermint-drag .peppermint-slides * {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

ul.peppermint-dots {
	list-style-type: none;

	text-align: right;
}

.peppermint.peppermint-active .peppermint-slides + ul.peppermint-dots {
	margin-top: 8px;
}

ul.peppermint-dots > li {
	display: inline-block;
	position: relative;

	margin: 0 8px;
	cursor: pointer;

	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	-webkit-tap-highlight-color: transparent;

	*display: inline;
	*zoom: 1;
}

ul.peppermint-dots > li.peppermint-mouse-clicked,
ul.peppermint-dots > li:active {
	outline: 0;
}

ul.peppermint-dots > li > span {
	display: block;

	width: 10px;
	height: 10px;
	background-color: var(--white-12);
	border-radius: 50%;
}

ul.peppermint-dots > li.peppermint-active-dot > span {
	background-color: var(--corp);
}