
.wp-block-sep-section {
	background-color: var(--bkgd-bkgd, inherit);
	background-image: var(--section-desktop-bg, none);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: var(--border-radius-wrapper, 40px);
	box-sizing: border-box;
	color: var(--text-text-primary, inherit);
	overflow: hidden;
	padding: var(--padding-top, var(--sp-section-top-bottom, 0)) var(--sp-section-left-right, 0) var(--padding-bottom, var(--sp-section-top-bottom, 0));
	position: relative;
	width: 100%;
}

@media (max-width:768px) {
	.wp-block-sep-section {
		background-image: var(--section-mobile-bg, none);
	}
}

.wp-block-sep-section.content-width-full .section-inner {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

.wp-block-sep-section .section-inner {
	margin: 0 auto;
	--section-max-w: clamp(0px, 74.66667vw, 1440px);
	max-width: var(--section-max-w);
}

.wp-block-sep-section .wp-block-sep-section.padding-normal {
	padding: var(--sp-section-top-bottom, 0) var(--sp-section-left-right, 0);
}

.wp-block-sep-section.padding-none, .wp-block-sep-section.padding-none .section-inner {
	padding: 0;
}

.wp-block-sep-section.full-bleed, .wp-block-sep-section.full-bleed-in-view {
	min-width: 100%;
	width: auto;
}

.wp-block-sep-section.full-bleed-in-view {
	transition: margin .5s ease-in-out, border-radius .5s ease-in-out;
}

.wp-block-sep-section.full-bleed, .wp-block-sep-section.full-bleed-in-view.in-view {
	border-radius: 0;
	margin: calc(var(--padding-y, var(--sp-section-wrapper-top-bottom, 0px)) * -1) calc(var(--sp-section-wrapper-left-right, 0px) * -1) calc(var(--sp-section-wrapper-top-bottom, 0px) * -1);
}

.wp-block-SEP-section.is-style-highlight {
	border: 1px solid rgba(0, 0, 0, .1);
}

.wp-block-SEP-section.is-style-showcase {
	overflow: hidden;
	position: relative;
}

.wp-block-SEP-section.is-style-showcase:before {
	background: linear-gradient(90deg, #466cbe, #6286d5);
	content: "";
	height: 4px;
	left: 0;
	opacity: .8;
	position: absolute;
	right: 0;
	top: 0;
}

.editor-styles-wrapper .wp-block-SEP-section, .editor-styles-wrapper .wp-block-sep-section {
	overflow: auto;
}

.editor-styles-wrapper .wp-block-SEP-section, .editor-styles-wrapper .wp-block-SEP-section.reveal-fade-up, .editor-styles-wrapper .wp-block-SEP-section.reveal-from-bottom, .editor-styles-wrapper .wp-block-SEP-section.reveal-from-right, .editor-styles-wrapper .wp-block-sep-section, .editor-styles-wrapper .wp-block-sep-section.reveal-fade-up, .editor-styles-wrapper .wp-block-sep-section.reveal-from-bottom, .editor-styles-wrapper .wp-block-sep-section.reveal-from-right {
	opacity: 1;
	transform: none;
}

.editor-styles-wrapper .wp-block-SEP-section, .editor-styles-wrapper .wp-block-sep-section {
	min-height: 100px;
	outline: 1px dashed rgba(0, 0, 0, .08);
	outline-offset: -1px;
	position: relative;
}

.editor-styles-wrapper .wp-block-SEP-section:after, .editor-styles-wrapper .wp-block-sep-section:after {
	background: rgba(0, 0, 0, .05);
	border-radius: 4px;
	content: attr(data-style);
	font-size: 11px;
	opacity: .6;
	padding: 4px 8px;
	pointer-events: none;
	position: absolute;
	right: 8px;
	top: 8px;
}

.wp-block-sep-section {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity .8s cubic-bezier(.25, .46, .45, .94) 0s, transform .8s cubic-bezier(.25, .46, .45, .94) 0s;
}

.wp-block-sep-section.in-view {
	opacity: 1;
	transform: translateY(0);
}

.wp-block-sep-section.reveal-from-bottom {
	transform: translateY(80px);
}

.wp-block-sep-section.reveal-from-right {
	transform: translateY(0);
	transform: translateX(80px);
}

.wp-block-sep-section.reveal-from-right.in-view {
	transform: translateX(0);
}

.wp-block-sep-section.reveal-none {
	opacity: 1;
	transform: none;
	transition: none;
}

@media (prefers-reduced-motion:reduce) {
	.wp-block-sep-section.reveal-fade-up, .wp-block-sep-section.reveal-from-bottom, .wp-block-sep-section.reveal-from-right {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
