/**
 * Section Pointer
 * Inverted triangle accent that sits below the previous container,
 * drawing the eye down to the page content.
 **/
.section-pointer-container {
	--sp-color: #0a0b0c;
	--sp-offset: 50%;
	--sp-width: 40px;
	--sp-height: 30px;
}

.vcs-section-pointer {
	position: relative;
	margin: 0;
	padding: 0;
	margin-block-end: 0 !important;
	z-index: 3;
}

.vcs-section-pointer p {
	display: none;
}

.vcs-section-pointer::after {
	content: '';
	position: absolute;
	bottom: -29px;
	left: var(--sp-offset);
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: var(--sp-width) solid transparent;
	border-right: var(--sp-width) solid transparent;
	border-top: var(--sp-height) solid currentColor;
	z-index: -1;
}
/* ---- */

/* Editor-only preview */
.editor-styles-wrapper .vcs-section-pointer {
	padding-top: var(--sp-height);
	background-color: transparent;
}

.editor-styles-wrapper .vcs-section-pointer::after {
	top: 0;
	bottom: auto;
	z-index: 1;
}

.editor-styles-wrapper .section-pointer-container {
	margin-bottom: calc(-1 * var(--sp-height));
}





/** OLD **/
/**
 * Section Pointer
 * Inverted triangle accent that sits below the previous container,
 * drawing the eye down to the page content.
 **/
.section-pointer {
	position: relative;
	margin: 0;
	padding: 0;
	margin-block-end: 0 !important;
	z-index: 3;
}

.section-pointer p {
	display: none;
}

.section-pointer::after {
	content: '';
	position: absolute;
	bottom: -29px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 30px solid hsl(210, 9%, 4%);
	z-index: -1;
}

.section-pointer.theme-color-1::after {
	border-top: 30px solid var(--theme-palette-color-1);
}

.section-pointer.theme-color-2::after {
	border-top: 30px solid var(--theme-palette-color-2);
}

.section-pointer.theme-color-3::after {
	border-top: 30px solid var(--theme-palette-color-3);
}

.section-pointer.theme-color-4::after {
	border-top: 30px solid var(--theme-palette-color-4);
}

.section-pointer.theme-color-5::after {
	border-top: 30px solid var(--theme-palette-color-5);
}

.section-pointer.theme-color-6::after {
	border-top: 30px solid var(--theme-palette-color-6);
}

.section-pointer.theme-color-7::after {
	border-top: 30px solid var(--theme-palette-color-7);
}

.section-pointer.theme-color-8::after {
	border-top: 30px solid var(--theme-palette-color-8);
}

.section-pointer.left-10::after {
	left: 10%;
}

.section-pointer.left-20::after {
	left: 20%;
}

.section-pointer.left-30::after {
	left: 30%;
}

.section-pointer.left-40::after {
	left: 40%;
}

.section-pointer.left-50::after,
.section-pointer.center::after {
	left: 50%;
}

.section-pointer.left-60::after {
	left: 60%;
}

.section-pointer.left-70::after {
	left: 70%;
}

.section-pointer.left-80::after {
	left: 80%;
}

.section-pointer.left-90::after {
	left: 90%;
}
/* ---- */