.shepherd-arrow,
.shepherd-arrow::before {
	position: absolute;
	width: 16px;
	height: 16px;
	z-index: -1;
}

.shepherd-arrow::before {
	content: "";
	transform: rotate(45deg);
	background: #1e1e1e;
}

.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow {
	bottom: -8px;
}

.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow {
	top: -8px;
}

.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow {
	right: -8px;
}

.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow {
	left: -8px;
}

.shepherd-element.shepherd-has-title[data-popper-placement^="bottom"] > .shepherd-arrow::before {
	background-color: #e6e6e6;
}
