/*
 * GENERATED by bin/build-css.js - do not edit.
 *
 * The shared half of builder.css, split out so WordPress can load it
 * only on pages where it is needed.
 */

.relay-has-overlay {
	isolation: isolate;
}

.relay-has-overlay::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	/*
	 * The overlay is a pseudo-element, so it does not pick up the transition
	 * declared on its host - transition is not an inherited property. Without
	 * this, an overlay colour set on Hover changed instantly while everything
	 * else on the same element animated. The inherit keyword takes the host's
	 * computed transition, so the two stay in step whatever the author sets.
	 */
	transition: inherit;
}

.relay-has-overlay > * {
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
.relay-has-bg-image {
		background-attachment: scroll;
	}
}

.relay-has-bg-stack { isolation:isolate; background-image:none !important; background-color:transparent !important; }

.relay-background-stack { position:absolute !important; inset:0; z-index:-1 !important; border-radius:inherit; padding:inherit; box-sizing:border-box; overflow:hidden; pointer-events:none; isolation:isolate; transition:inherit; }

.relay-background-stack__layer { --layer-hovered:0; position:absolute; inset:0; padding:inherit; box-sizing:border-box; pointer-events:none; isolation:isolate; background-image:none !important; transition:inherit; }

.relay-background-stack__layer::before,
.relay-background-stack__layer::after { content:""; position:absolute; inset:0; padding:inherit; box-sizing:border-box; pointer-events:none; background-position:inherit; background-size:inherit; mix-blend-mode:plus-lighter; transition:var(--layer-fade, none); transition-property:opacity; }

.relay-background-stack__layer::before { opacity:calc(1 - var(--layer-hovered)); }

.relay-background-stack__layer::after { opacity:var(--layer-hovered); }

.relay-has-bg-stack.relay-hv-self:hover > .relay-background-stack > .relay-background-stack__layer { --layer-hovered:1; }

.relay-editable-text { display:block; font:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; text-transform:inherit; }

.relay-background-stack__layer { transition:var(--layer-transition-d, inherit); --layer-fade:var(--layer-fade-d, none); background-position:var(--layer-position-d, center center);
background-size:var(--layer-size-d, auto);
mix-blend-mode:var(--layer-blend-d, normal);
opacity:var(--layer-opacity-d, 1); }

.relay-has-bg-stack.relay-hv-self:hover > .relay-background-stack > .relay-background-stack__layer { background-position:var(--layer-h-position-d, var(--layer-position-d, center center));
background-size:var(--layer-h-size-d, var(--layer-size-d, auto));
mix-blend-mode:var(--layer-h-blend-d, var(--layer-blend-d, normal));
opacity:var(--layer-h-opacity-d, var(--layer-opacity-d, 1)); }

.relay-background-stack__layer::before { background-image:var(--layer-image-d, none);
background-size:var(--layer-paint-size-d, inherit);
background-repeat:var(--layer-repeat-d, no-repeat);
background-attachment:var(--layer-attachment-d, scroll);
background-origin:var(--layer-origin-d, padding-box);
background-clip:var(--layer-clip-d, border-box); }

.relay-background-stack__layer::after { background-image:var(--layer-h-image-d, var(--layer-image-d, none));
background-size:var(--layer-h-paint-size-d, inherit);
background-repeat:var(--layer-h-repeat-d, var(--layer-repeat-d, no-repeat));
background-attachment:var(--layer-h-attachment-d, var(--layer-attachment-d, scroll));
background-origin:var(--layer-h-origin-d, var(--layer-origin-d, padding-box));
background-clip:var(--layer-h-clip-d, var(--layer-clip-d, border-box)); }

@media(max-width:1024px) {
.relay-background-stack__layer { transition:var(--layer-transition-t, inherit); --layer-fade:var(--layer-fade-t, none); background-position:var(--layer-position-t, center center);
background-size:var(--layer-size-t, auto);
mix-blend-mode:var(--layer-blend-t, normal);
opacity:var(--layer-opacity-t, 1); }

.relay-has-bg-stack.relay-hv-self:hover > .relay-background-stack > .relay-background-stack__layer { background-position:var(--layer-h-position-t, var(--layer-position-t, center center));
background-size:var(--layer-h-size-t, var(--layer-size-t, auto));
mix-blend-mode:var(--layer-h-blend-t, var(--layer-blend-t, normal));
opacity:var(--layer-h-opacity-t, var(--layer-opacity-t, 1)); }

.relay-background-stack__layer::before { background-image:var(--layer-image-t, none);
background-size:var(--layer-paint-size-t, inherit);
background-repeat:var(--layer-repeat-t, no-repeat);
background-attachment:var(--layer-attachment-t, scroll);
background-origin:var(--layer-origin-t, padding-box);
background-clip:var(--layer-clip-t, border-box); }

.relay-background-stack__layer::after { background-image:var(--layer-h-image-t, var(--layer-image-t, none));
background-size:var(--layer-h-paint-size-t, inherit);
background-repeat:var(--layer-h-repeat-t, var(--layer-repeat-t, no-repeat));
background-attachment:var(--layer-h-attachment-t, var(--layer-attachment-t, scroll));
background-origin:var(--layer-h-origin-t, var(--layer-origin-t, padding-box));
background-clip:var(--layer-h-clip-t, var(--layer-clip-t, border-box)); }
}

@media(max-width:767px) {
.relay-background-stack__layer { transition:var(--layer-transition-m, inherit); --layer-fade:var(--layer-fade-m, none); background-position:var(--layer-position-m, center center);
background-size:var(--layer-size-m, auto);
mix-blend-mode:var(--layer-blend-m, normal);
opacity:var(--layer-opacity-m, 1); }

.relay-has-bg-stack.relay-hv-self:hover > .relay-background-stack > .relay-background-stack__layer { background-position:var(--layer-h-position-m, var(--layer-position-m, center center));
background-size:var(--layer-h-size-m, var(--layer-size-m, auto));
mix-blend-mode:var(--layer-h-blend-m, var(--layer-blend-m, normal));
opacity:var(--layer-h-opacity-m, var(--layer-opacity-m, 1)); }

.relay-background-stack__layer::before { background-image:var(--layer-image-m, none);
background-size:var(--layer-paint-size-m, inherit);
background-repeat:var(--layer-repeat-m, no-repeat);
background-attachment:var(--layer-attachment-m, scroll);
background-origin:var(--layer-origin-m, padding-box);
background-clip:var(--layer-clip-m, border-box); }

.relay-background-stack__layer::after { background-image:var(--layer-h-image-m, var(--layer-image-m, none));
background-size:var(--layer-h-paint-size-m, inherit);
background-repeat:var(--layer-h-repeat-m, var(--layer-repeat-m, no-repeat));
background-attachment:var(--layer-h-attachment-m, var(--layer-attachment-m, scroll));
background-origin:var(--layer-h-origin-m, var(--layer-origin-m, padding-box));
background-clip:var(--layer-h-clip-m, var(--layer-clip-m, border-box)); }
}

@media(prefers-reduced-motion:reduce) {
.relay-background-stack,
.relay-background-stack__layer,
.relay-background-stack__layer::before,
.relay-background-stack__layer::after { transition:none !important; }
}