.block--customer-stories {
	padding: 140px 0;
	min-height: 820px;
	background-color: var(--wp--preset--color--sw-blue);
}

@media screen and (max-width: 640px) {
	.block--customer-stories {
		padding: 80px 0;
	}
}

.block--customer-stories .row {
	align-items: center;
}

.block--customer-stories--media {
	position: relative;
	grid-column: 1 / 6;
}

@media screen and (max-width: 1024px) {
	.block--customer-stories--media {
		grid-column: 1 / 13;
		margin-bottom: 48px;
	}
}

@media screen and (max-width: 640px) {
	.block--customer-stories--media {
		margin-bottom: 24px;
	}
}

.block--customer-stories--display-count {
	position: absolute;
	top: -1px;
	right: -1px;
	background-color: var(--wp--preset--color--sw-blue);
	color: var(--wp--preset--color--sw-white);
	min-width: 140px;
	padding: 12px 0 24px;
	text-align: center;
	font-size: clamp(27.894px, 1.743rem + ((1vw - 3.2px) * 1.764), 48px);
	border-radius: 0 10px 0 40px;
}

@media screen and (max-width: 1024px) {
	.block--customer-stories--display-count {
		min-width: 90px;
		padding: 12px 0 24px;
	}
}

.block--customer-stories--media figure {
	aspect-ratio: 1/1;
	/* min-height: 600px; */
	background-color: var(--wp--preset--color--sw-blue);
	overflow: hidden;
	border-radius: 20px;
	position: relative;
	right: 0;
	width: 110%;
	height: 180%;
	float: right;
}

@media screen and (max-width: 1024px) {
	.block--customer-stories--media figure {
		aspect-ratio: 5 / 4;
		width: 110%;
	}
}

.block--customer-stories--media video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.block--customer-stories--content {
	grid-column: 7 / 13;
}

@media screen and (max-width: 1024px) {
	.block--customer-stories--content {
		grid-column: 1 / 13;
	}
}

.block--customer-stories--content h2 {
	margin-bottom: 64px;
}

@media screen and (max-width: 640px) {
	.block--customer-stories--content h2 {
		margin-bottom: 48px;
	}
}

.block--customer-stories--content > svg {
	margin-bottom: 32px;
}

@media screen and (max-width: 640px) {
	.block--customer-stories--content > svg {
		height: 32px;
		width: auto;
		margin-bottom: 16px;
	}
}

.block--customer-stories--content .embla {
	--slide-size: 100%;
}

.embla-thumbs__slide__number {
	height: 48px;
	width: 48px;
	overflow: hidden;
	border-radius: 24px;
	border: 1.2px solid var(--wp--preset--color--sw-yellow);
	border: 1.2px solid transparent;
}

.embla-thumbs__slide--selected .embla-thumbs__slide__number {
	border: 1.2px solid var(--wp--preset--color--sw-yellow);
}

.embla-thumbs__slide__number img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	filter: grayscale(1);
}

.block--customer-stories--controls {
	margin-top: 96px;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 640px) {
	.block--customer-stories--controls {
		margin-top: 24px;
	}
}

.block--customer-stories--buttons {
	display: flex;
	align-items: center;
	gap: 8px;
}

@media screen and (max-width: 1024px) {
	.block--customer-stories--buttons {
		display: none;
		align-items: center;
		gap: 8px;
	}
}

.block--customer-stories--buttons > * {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: 48px;
    width: 48px; */
	gap: 8px;
	background-color: var(--wp--preset--color--sw-white);
	background-color: transparent;
	border-radius: 4px;
	border-color: #6ca6cc;
	border-width: 1px;
	color: var(--wp--preset--color--sw-white);
	padding: 14px;
}

.block--customer-stories--buttons > *:hover {
	background-color: var(--wp--preset--color--sw-yellow);
	border-color: var(--wp--preset--color--sw-yellow);
	border-width: 1px;
	color: var(--wp--preset--color--sw-blue);
}

.block--customer-stories--buttons > *:disabled {
	opacity: 0.4;
}

.embla-thumbs {
	--thumbs-slide-spacing: 10px;
	--thumbs-slide-height: 48px;
}
.embla-thumbs__viewport {
	overflow: hidden;
}
.embla-thumbs__container {
	display: flex;
	flex-direction: row;
	margin-left: calc(var(--thumbs-slide-spacing) * -1);
}
.embla-thumbs__slide {
	flex: 0 0 48px;
	/* min-width: 0; */
	padding-left: var(--thumbs-slide-spacing);
}
@media (min-width: 576px) {
	.embla-thumbs__slide {
		flex: 0 0 48px;
	}
}

/* variables */
:root {
	/* colors */
	--mc4-color-primary-hsl: 250, 84%, 54%;
	--mc4-color-bg-hsl: 0, 0%, 100%;
	--mc4-color-contrast-high-hsl: 230, 7%, 23%;
	--mc4-color-contrast-higher-hsl: 230, 13%, 9%;
	--mc4-color-contrast-lower-hsl: 240, 4%, 85%;
	--mc4-color-bg-light-hsl: 0, 0%, 100%;
	--mc4-color-bg-lighter-hsl: 0, 0%, 100%;
	--mc4-color-black-hsl: 230, 13%, 9%;
	--mc4-color-white-hsl: 0, 0%, 100%;
	--mc4-color-bg-dark-hsl: 240, 4%, 95%;
	--mc4-color-primary-darker-hsl: 250, 84%, 38%;
	--mc4-color-primary-light-hsl: 250, 84%, 60%;
	--mc4-color-accent-hsl: 342, 89%, 48%;

	/* spacing */
	--mc4-space-xs: 0.5rem;
	--mc4-space-sm: 0.75rem;
	--mc4-space-md: 1.25rem;
	--mc4-space-2xs: 0.375rem;

	/* typography */
	--mc4-text-lg: 1.25rem;
	--mc4-text-md: 1.2rem;
	--mc4-text-sm: 0.833rem;
}

@media (min-width: 64rem) {
	:root {
		/* spacing */
		--mc4-space-xs: 0.75rem;
		--mc4-space-sm: 1.125rem;
		--mc4-space-md: 2rem;
		--mc4-space-2xs: 0.5625rem;

		/* typography */
		--mc4-text-lg: 1.75rem;
		--mc4-text-md: 1.5625rem;
		--mc4-text-sm: 1rem;
	}
}

/* buttons */
.mc4-btn {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 1em;
	white-space: nowrap;
	text-decoration: none;
	background: hsl(var(--mc4-color-bg-dark-hsl));
	color: hsl(var(--mc4-color-contrast-higher-hsl));
	cursor: pointer;
	text-decoration: none;
	line-height: 1.2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.2s ease;
	will-change: transform;
	padding: var(--mc4-space-2xs) var(--mc4-space-sm);
	border-radius: 0.25em;
}

.mc4-btn:focus-visible {
	box-shadow: 0px 0px 0px 2px hsl(var(--mc4-color-bg-hsl)),
		0px 0px 0px 4px hsla(var(--mc4-color-contrast-higher-hsl), 0.15);
	outline: none;
}

.mc4-btn:active {
	transform: translateY(2px);
}

.mc4-btn--primary {
	background: hsl(var(--mc4-color-primary-hsl));
	color: hsl(var(--mc4-color-white-hsl));
	box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.15),
		0px 1px 3px hsla(var(--mc4-color-primary-darker-hsl), 0.25),
		0px 2px 6px hsla(var(--mc4-color-primary-darker-hsl), 0.1),
		0px 6px 10px -2px hsla(var(--mc4-color-primary-darker-hsl), 0.25);
}

.mc4-btn--primary:hover {
	background: hsl(var(--mc4-color-primary-light-hsl));
	box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.15),
		0px 1px 2px hsla(var(--mc4-color-primary-darker-hsl), 0.25),
		0px 1px 4px hsla(var(--mc4-color-primary-darker-hsl), 0.1),
		0px 3px 6px -2px hsla(var(--mc4-color-primary-darker-hsl), 0.25);
}

.mc4-btn--primary:focus {
	box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.15),
		0px 1px 2px hsla(var(--mc4-color-primary-darker-hsl), 0.25),
		0px 1px 4px hsla(var(--mc4-color-primary-darker-hsl), 0.1),
		0px 3px 6px -2px hsla(var(--mc4-color-primary-darker-hsl), 0.25),
		0px 0px 0px 2px hsl(var(--mc4-color-bg-hsl)),
		0px 0px 0px 4px hsl(var(--mc4-color-primary-hsl));
}

.mc4-btn--subtle {
	background: hsl(var(--mc4-color-bg-lighter-hsl));
	color: hsl(var(--mc4-color-contrast-higher-hsl));
	box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.1),
		0px 0px 0px 1px hsla(var(--mc4-color-black-hsl), 0.02),
		0px 1px 3px -1px hsla(var(--mc4-color-black-hsl), 0.2),
		0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05),
		0 3.5px 6px rgba(0, 0, 0, 0.1);
}

.mc4-btn--subtle:hover {
	background: hsl(var(--mc4-color-bg-light-hsl));
	box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.1),
		0px 0px 0px 1px hsla(var(--mc4-color-black-hsl), 0.02),
		0px 1px 3px -1px hsla(var(--mc4-color-black-hsl), 0.2),
		0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
}

.mc4-btn--subtle:focus {
	box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.1),
		0px 0px 0px 1px hsla(var(--mc4-color-black-hsl), 0.02),
		0px 1px 3px -1px hsla(var(--mc4-color-black-hsl), 0.2),
		0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12),
		0px 0px 0px 2px hsl(var(--mc4-color-bg-hsl)),
		0px 0px 0px 4px hsl(var(--mc4-color-contrast-high-hsl));
}

/* icons */
.mc4-icon {
	height: var(--mc4-size, 1em);
	width: var(--mc4-size, 1em);
	display: inline-block;
	color: inherit;
	fill: currentColor;
	line-height: 1;
	flex-shrink: 0;
	max-width: initial;
}

.mc4-icon--xs {
	--mc4-size: 16px;
}

.mc4-icon--sm {
	--mc4-size: 24px;
}

/* component */
.modal {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
}
.modal:not(.modal--is-visible) {
	pointer-events: none;
	background-color: transparent;
}

.modal--is-visible {
	opacity: 1;
	visibility: visible;
}

/* close button */
.modal__close-btn {
	display: flex;
	flex-shrink: 0;
	border-radius: 50%;
	transition: 0.2s;
}
.modal__close-btn svg {
	display: block;
	margin: auto;
}

.modal__close-btn--outer {
	/* close button - outside the modal__content */
	width: 48px;
	height: 48px;
	position: fixed;
	top: var(--mc4-space-sm);
	right: var(--mc4-space-sm);
	z-index: 10;
	background-color: hsla(var(--mc4-color-black-hsl), 0.9);
	transition: 0.2s;
}
.modal__close-btn--outer svg {
	color: hsl(var(--mc4-color-white-hsl));
	/* icon color */
	transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
		-webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.modal__close-btn--outer:hover {
	background-color: hsla(var(--mc4-color-black-hsl), 1);
}
.modal__close-btn--outer:hover svg {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.modal__close-btn--inner {
	/* close button - inside the modal__content */
	--mc4-size: 32px;
	width: var(--mc4-size);
	height: var(--mc4-size);
	background-color: hsl(var(--mc4-color-bg-light-hsl));
	box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075),
		0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05),
		0 3.5px 6px rgba(0, 0, 0, 0.1);
	transition: 0.2s;
}
.modal__close-btn--inner svg {
	color: inherit;
	/* icon color */
}
.modal__close-btn--inner:hover {
	background-color: hsl(var(--mc4-color-bg-lighter-hsl));
	box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075),
		0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08),
		0 14px 25px rgba(0, 0, 0, 0.12);
}

/* animations */
:root {
	--modal-transition-duration: 0.2s;
	/* fallback (i.e., unless specified differently in the variations 👇) */
}

@media (prefers-reduced-motion: no-preference) {
	.modal--animate-fade {
		--modal-transition-duration: 0.2s;
		transition: opacity var(--modal-transition-duration),
			background-color var(--modal-transition-duration),
			visibility 0s var(--modal-transition-duration);
	}
	.modal--animate-fade.modal--is-visible {
		transition: opacity var(--modal-transition-duration),
			background-color var(--modal-transition-duration), visibility 0s;
	}

	.modal--animate-scale,
	.modal--animate-translate-up,
	.modal--animate-translate-down,
	.modal--animate-translate-right,
	.modal--animate-translate-left {
		--modal-transition-duration: 0.2s;
		transition: opacity var(--modal-transition-duration),
			background-color var(--modal-transition-duration),
			visibility 0s var(--modal-transition-duration);
	}
	.modal--animate-scale .modal__content,
	.modal--animate-translate-up .modal__content,
	.modal--animate-translate-down .modal__content,
	.modal--animate-translate-right .modal__content,
	.modal--animate-translate-left .modal__content {
		will-change: transform;
		transition: -webkit-transform var(--modal-transition-duration)
			cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: transform var(--modal-transition-duration)
			cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: transform var(--modal-transition-duration)
				cubic-bezier(0.215, 0.61, 0.355, 1),
			-webkit-transform var(--modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.modal--animate-scale.modal--is-visible,
	.modal--animate-translate-up.modal--is-visible,
	.modal--animate-translate-down.modal--is-visible,
	.modal--animate-translate-right.modal--is-visible,
	.modal--animate-translate-left.modal--is-visible {
		transition: opacity var(--modal-transition-duration),
			background-color var(--modal-transition-duration), visibility 0s;
	}
	.modal--animate-scale.modal--is-visible .modal__content,
	.modal--animate-translate-up.modal--is-visible .modal__content,
	.modal--animate-translate-down.modal--is-visible .modal__content,
	.modal--animate-translate-right.modal--is-visible .modal__content,
	.modal--animate-translate-left.modal--is-visible .modal__content {
		-webkit-transform: scale(1);
		transform: scale(1);
		/* reset all transformations */
	}

	.modal--animate-slide-up,
	.modal--animate-slide-down,
	.modal--animate-slide-right,
	.modal--animate-slide-left {
		--modal-transition-duration: 0.3s;
		transition: opacity 0s var(--modal-transition-duration),
			background-color var(--modal-transition-duration),
			visibility 0s var(--modal-transition-duration);
	}
	.modal--animate-slide-up .modal__content,
	.modal--animate-slide-down .modal__content,
	.modal--animate-slide-right .modal__content,
	.modal--animate-slide-left .modal__content {
		will-change: transform;
		transition: -webkit-transform var(--modal-transition-duration)
			cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: transform var(--modal-transition-duration)
			cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: transform var(--modal-transition-duration)
				cubic-bezier(0.215, 0.61, 0.355, 1),
			-webkit-transform var(--modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.modal--animate-slide-up.modal--is-visible,
	.modal--animate-slide-down.modal--is-visible,
	.modal--animate-slide-right.modal--is-visible,
	.modal--animate-slide-left.modal--is-visible {
		transition: background-color var(--modal-transition-duration),
			visibility 0s;
	}
	.modal--animate-slide-up.modal--is-visible .modal__content,
	.modal--animate-slide-down.modal--is-visible .modal__content,
	.modal--animate-slide-right.modal--is-visible .modal__content,
	.modal--animate-slide-left.modal--is-visible .modal__content {
		-webkit-transform: scale(1);
		transform: scale(1);
		/* reset all transformations */
	}

	/* scale */
	.modal--animate-scale .modal__content {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}

	/* translate */
	.modal--animate-translate-up .modal__content {
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}

	.modal--animate-translate-down .modal__content {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}

	.modal--animate-translate-right .modal__content {
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
	}

	.modal--animate-translate-left .modal__content {
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
	}

	/* slide */
	.modal--animate-slide-up .modal__content {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	.modal--animate-slide-down .modal__content {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	.modal--animate-slide-right .modal__content {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.modal--animate-slide-left .modal__content {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}
/* load content - optional */
.modal--is-loading .modal__content {
	visibility: hidden;
}
.modal--is-loading .modal__loader {
	display: flex;
}

.modal__loader {
	/* loader icon */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: none;
	pointer-events: none;
}

/* --image */
.modal-img-btn {
	position: relative;
	cursor: pointer;
}
.modal-img-btn::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: hsla(var(--mc4-color-black-hsl), 0);
	transition: background 0.2s;
}
.modal-img-btn:hover::after {
	background-color: hsla(var(--mc4-color-black-hsl), 0.7);
}
.modal-img-btn:hover .modal-img-btn__icon-wrapper {
	opacity: 1;
}

.modal-img-btn__icon-wrapper {
	position: absolute;
	z-index: 2;
	top: calc(50% - 24px);
	left: calc(50% - 24px);
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: hsla(var(--mc4-color-black-hsl), 0.7);
	opacity: 0;
	transition: opacity 0.2s;
}
.modal-img-btn__icon-wrapper .mc4-icon {
	color: hsl(var(--mc4-color-white-hsl));
}

/* utility classes */
.mc4-max-width-100\% {
	max-width: 150rem;
}

.mc4-max-height-100\% {
	max-height: 100%;
}

.mc4-shadow-md {
	box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.03),
		0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
}

.mc4-radius-md {
	border-radius: 0.25em;
}

.mc4-block {
	display: block;
}

.mc4-pointer-events-none {
	pointer-events: none;
}

.mc4-flex-center {
	justify-content: center;
	align-items: center;
}

.mc4-flex {
	display: flex;
}

.mc4-height-100\% {
	height: 100%;
}

.mc4-width-100\% {
	width: 100%;
}

.mc4-padding-md {
	padding: var(--mc4-space-md);
}

.mc4-bg-black {
	--mc4-bg-o: 1;
	background-color: rgba(1, 57, 92, 0.9);
}

.mc4-width-3xl {
	width: 8rem;
}

.mc4-overflow-hidden {
	overflow: hidden;
}

.mc4-text-lg {
	font-size: var(--mc4-text-lg);
}

.mc4-text-component :where(h1, h2, h3, h4) {
	line-height: var(--mc4-heading-line-height, 1.2);
	margin-top: calc(var(--mc4-space-md) * var(--mc4-space-multiplier, 1));
	margin-bottom: calc(var(--mc4-space-sm) * var(--mc4-space-multiplier, 1));
}

.mc4-text-component :where(p, blockquote, ul li, ol li) {
	line-height: var(--mc4-body-line-height, 1.4);
}

.mc4-text-component :where(ul, ol, p, blockquote, .mc4-text-component__block) {
	margin-bottom: calc(var(--mc4-space-sm) * var(--mc4-space-multiplier, 1));
}

.mc4-text-component :where(ul, ol) {
	padding-left: 1.25em;
}

.mc4-text-component ul :where(ul, ol),
.mc4-text-component ol :where(ul, ol) {
	padding-left: 1em;
	margin-bottom: 0;
}

.mc4-text-component ul {
	list-style-type: disc;
}

.mc4-text-component ol {
	list-style-type: decimal;
}

.mc4-text-component img {
	display: block;
	margin: 0 auto;
}

.mc4-text-component figcaption {
	margin-top: calc(var(--mc4-space-xs) * var(--mc4-space-multiplier, 1));
	font-size: var(--mc4-text-sm);
	text-align: center;
}

.mc4-text-component em {
	font-style: italic;
}

.mc4-text-component strong {
	font-weight: bold;
}

.mc4-text-component s {
	text-decoration: line-through;
}

.mc4-text-component u {
	text-decoration: underline;
}

.mc4-text-component mark {
	background-color: hsla(var(--mc4-color-accent-hsl), 0.2);
	color: inherit;
}

.mc4-text-component blockquote {
	padding-left: 1em;
	border-left: 4px solid hsl(var(--mc4-color-contrast-lower-hsl));
	font-style: italic;
}

.mc4-text-component hr {
	margin: calc(var(--mc4-space-md) * var(--mc4-space-multiplier, 1)) auto;
	background: hsl(var(--mc4-color-contrast-lower-hsl));
	height: 1px;
}

.mc4-text-component > *:first-child {
	margin-top: 0;
}

.mc4-text-component > *:last-child {
	margin-bottom: 0;
}

.mc4-text-component.mc4-line-height-xs {
	--mc4-heading-line-height: 1;
	--mc4-body-line-height: 1.1;
}

.mc4-text-component.mc4-line-height-sm {
	--mc4-heading-line-height: 1.1;
	--mc4-body-line-height: 1.2;
}

.mc4-text-component.mc4-line-height-md {
	--mc4-heading-line-height: 1.15;
	--mc4-body-line-height: 1.4;
}

.mc4-text-component.mc4-line-height-lg {
	--mc4-heading-line-height: 1.22;
	--mc4-body-line-height: 1.58;
}

.mc4-text-component.mc4-line-height-xl {
	--mc4-heading-line-height: 1.3;
	--mc4-body-line-height: 1.72;
}

.mc4-top-0 {
	top: 0;
}

.mc4-position-sticky {
	position: sticky;
}

.mc4-float-right {
	float: right;
}

:where(.mc4-inner-glow) {
	position: relative;
}

.mc4-inner-glow::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
}

.mc4-bg {
	--mc4-bg-o: 1;
	background-color: hsla(var(--mc4-color-bg-hsl), var(--mc4-bg-o, 1));
}

.mc4-overflow-auto {
	overflow: auto;
}

.mc4-max-width-sm {
	max-width: 48rem;
}

@media not all and (min-width: 64rem) {
	.mc4-display\@md {
		display: none !important;
	}
}

.mc4-gap-xs {
	gap: var(--mc4-space-xs);
}

.mc4-justify-end {
	justify-content: flex-end;
}

.mc4-padding-x-md {
	padding-left: var(--mc4-space-md);
	padding-right: var(--mc4-space-md);
}

.mc4-padding-y-sm {
	padding-top: var(--mc4-space-sm);
	padding-bottom: var(--mc4-space-sm);
}

.mc4-text-md {
	font-size: var(--mc4-text-md);
}

.mc4-text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mc4-justify-between {
	justify-content: space-between;
}

.mc4-items-center {
	align-items: center;
}

.mc4-bg-contrast-lower {
	--mc4-bg-o: 1;
	background-color: hsla(
		var(--mc4-color-contrast-lower-hsl),
		var(--mc4-bg-o, 1)
	);
}

.mc4-max-width-xs {
	max-width: 38rem;
}

.mc4-flex-shrink-0 {
	flex-shrink: 0;
}

:where(.mc4-inner-glow-top) {
	position: relative;
}

.mc4-inner-glow-top::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: var(inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075));
}

.mc4-momentum-scrolling {
	-webkit-overflow-scrolling: touch;
}

.mc4-flex-grow {
	flex-grow: 1;
}

.mc4-flex-column {
	flex-direction: column;
}

.mc4-bg-opacity-90\% {
	--mc4-bg-o: 0.9;
}

.mc4-bg-opacity-50\% {
	--mc4-bg-o: 0.5;
}

@media (min-width: 64rem) {
	.mc4-hide\@md {
		display: none !important;
	}
}

.block--customer-stories--media--button {
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: transparent;
	border: 0;
	border-radius: 0;
}

.block--customer-stories--media--button path {
	transform-origin: center;
	transition: all 0.5s ease;
}

.block--customer-stories--media--button:hover path,
.block--customer-stories--media--button:focus path {
	transform: scale(1.2);
}

.block--customer-stories .modal__content div {
	margin: var(--page-gutter);
}