.wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:initial}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{color:inherit;position:relative;width:100%}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0}.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-touch-callout:inherit){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)){color:#fff}:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)){color:#000}:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){color:inherit}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__video-background{z-index:0}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__gradient-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before{z-index:1}.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container{z-index:auto}/**
 * Media Wrapper
 */
.greyd-media-wrapper {
	float: none !important;
	position: relative;
	max-width: 100%;
	/**
	 * Make hotspot wrapper overlay elements after the image to prevent
	 * popover from being cut off by the next block.
	 * @since 2.16.0
	 */
	z-index: 1;
}

.wp-block-greyd-hotspot-wrapper.alignleft {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.wp-block-greyd-hotspot-wrapper.aligncenter {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.wp-block-greyd-hotspot-wrapper.alignright {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.greyd-media-wrapper img {
	height: auto;
	width: 100% !important;
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}


/**
 * Spot
 */
.greyd-hotspot {
	position: absolute !important;
	z-index: 99;
	transform: translate(-50%, -50%);
}

.greyd-hotspot.is-open {
	z-index: 100;
}

.greyd-hotspot .spot {
	/* reset button appearance */
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
	border: none;
	background: none;
	padding: 0 !important;
	cursor: pointer;

	font-size: var(--hotspot-size, 30px);
	height: 1em;
	width: 1em;
	position: relative;
	transition: all .2s ease;
}

/* types */
.greyd-hotspot .spot[data-type=element] {
	/* design */
	background-color: var(--hotspot-background-color, var(--wp--preset--color--darkest));
	border-radius: var(--hotspot-border-radius, 9999px);
}

.greyd-hotspot .spot[data-type=element]::before {
	content: " ";
	position: absolute;
	inset: 0;
	margin: calc(-1 * var(--hotspot-outline-offset, 0.3em));
	border: 2px solid var(--hotspot-outline-color, var(--wp--preset--color--darkest));
	border-radius: var(--hotspot-border-radius, 9999px);
}

.greyd-hotspot .spot[data-type=icon] {
	color: var(--hotspot-background-color, var(--wp--preset--color--darkest));
}

.greyd-hotspot .spot[data-type=image] {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-width: 20px;
}


/**
 * Popover
 */
.greyd-media-wrapper .popover {
	cursor: auto;
	/* variables */
	max-width: var(--popover-max-width);
	min-width: var(--popover-min-width, 250px);
	border-radius: var(--popover-border-radius, 2px);
	color: var(--popover-text-color, inherit);
	/**
	 * Set var(--text-color) to use for outline color
	 * @since 2.2.0
	 */
	--text-color: var(--popover-text-color, inherit);
	background-color: var(--popover-background-color, var(--wp--preset--color--lightest));
	border-top: var(--popover-border-top);
	border-bottom: var(--popover-border-bottom);
	border-left: var(--popover-border-left);
	border-right: var(--popover-border-right);
	box-shadow: var(--popover-box-shadow, 0 2px 16px -1px rgba(0, 0, 0, .2));
	padding-top: var(--popover-padding-top, var(--wp--style--block-gap));
	padding-bottom: var(--popover-padding-bottom, var(--wp--style--block-gap));
	padding-left: var(--popover-padding-left, var(--wp--style--block-gap));
	padding-right: var(--popover-padding-right, var(--wp--style--block-gap));
}

.greyd-media-wrapper[data-on-hover=true] dialog.popover:focus-visible {
	outline: 0;
}

.greyd-media-wrapper .popover *:is(h1, h2, h3, h4, h5, h6) {
	color: inherit;
}

/* content */
.greyd-media-wrapper .popover > :first-child {
	margin-top: 0;
}

.greyd-media-wrapper .popover > :last-child {
	margin-bottom: 0;
}

.greyd-media-wrapper .greyd-hotspot:not(.is-open) .popover {
	display: none;
}


/* desktop only */
@media screen and (min-width: 768px) {

	.hide-on-desktop {
		display: none !important;
	}

	.greyd-media-wrapper .popover {
		position: absolute;
		width: auto;
		height: auto;
		z-index: 10;
		opacity: 1;
		transition: all .2s ease;
		/* position */
		top: 100%;
		left: 50%;
		margin-top: var(--popover-offset, var(--wp--style--block-gap));
		transform: translateX(-50%);
	}

	/* positions */
	.greyd-media-wrapper .popover.position-top {
		top: auto;
		bottom: 100%;
		margin-top: 0;
		margin-bottom: var(--popover-offset, var(--wp--style--block-gap));
	}

	.greyd-media-wrapper .popover.position-right {
		top: 50%;
		left: 100%;
		margin-top: 0;
		margin-left: var(--popover-offset, var(--wp--style--block-gap));
		transform: translateY(-50%);
	}

	.greyd-media-wrapper .popover.position-left {
		top: 50%;
		left: auto;
		right: 100%;
		margin-top: 0;
		margin-right: var(--popover-offset, var(--wp--style--block-gap));
		transform: translateY(-50%);
	}

	/* triangle */
	.greyd-media-wrapper[data-show-triangle="true"] .popover::before {
		content: " ";
		position: absolute;
		--triangle-size: 7px;
		border: var(--triangle-size) solid transparent;
		margin: 0 calc(var(--triangle-size) * -1);
		border-bottom: calc(var(--triangle-size) + 1px) solid var(--popover-background-color, var(--wp--preset--color--lightest));
		bottom: calc(100% - 1px);
		left: 50%;
		transition: border .2s ease;
	}

	.greyd-media-wrapper[data-show-triangle="true"] .popover.position-top::before {
		border-bottom: var(--triangle-size) solid transparent;
		border-top: calc(var(--triangle-size) + 1px) solid var(--popover-background-color, var(--wp--preset--color--lightest));
		bottom: auto;
		top: calc(100% - 1px);
	}

	.greyd-media-wrapper[data-show-triangle="true"] .popover.position-left::before {
		border-bottom: var(--triangle-size) solid transparent;
		border-left: calc(var(--triangle-size) + 1px) solid var(--popover-background-color, var(--wp--preset--color--lightest));
		bottom: auto;
		left: calc(100% - 1px);
		top: 50%;
		margin: calc(var(--triangle-size) * -1) 0;
	}

	.greyd-media-wrapper[data-show-triangle="true"] .popover.position-right::before {
		border-bottom: var(--triangle-size) solid transparent;
		border-right: calc(var(--triangle-size) + 1px) solid var(--popover-background-color, var(--wp--preset--color--lightest));
		bottom: auto;
		left: auto;
		right: calc(100% - 1px);
		top: 50%;
		margin: calc(var(--triangle-size) * -1) 0;
	}
}

/* mobile only */
@media screen and (max-width: 767px) {

	.hide-on-mobile {
		display: none !important;
	}

	.greyd-media-wrapper .popover {
		min-width: min-content !important;
		max-width: calc(100vw - 80px);
		max-height: calc(100vh - 120px);
	}

	dialog::backdrop {
		background: linear-gradient(165deg, rgb(0, 0, 0, .2), rgb(0, 0, 0, .4));
		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
	}
}



/**
 * Animations
 */
.greyd-hotspot .spot {
	animation-duration: 3s;
	animation-delay: var(--animation-delay, 1s);
	animation-iteration-count: infinite;
}

.greyd-hotspot.hotspot-pulse:not(.is-open) .spot,
.greyd-hotspot:not(.is-open) .spot.hotspot-pulse {
	animation-name: hotspot-pulse;
}

.greyd-hotspot.hotspot-blink:not(.is-open) .spot,
.greyd-hotspot:not(.is-open) .spot.hotspot-blink {
	animation-name: hotspot-blink;
}

.greyd-hotspot.hotspot-wobble:not(.is-open) .spot,
.greyd-hotspot:not(.is-open) .spot.hotspot-wobble {
	animation-name: hotspot-wobble;
}

/* keyframes */
@keyframes hotspot-pulse {

	0%,
	15%,
	100% {
		transform: scale(1);
	}

	5% {
		transform: scale(0.9);
	}

	10% {
		transform: scale(1.1);
	}
}

@keyframes hotspot-blink {

	0%,
	10%,
	100% {
		opacity: 1;
	}

	5% {
		opacity: 0;
	}
}

@keyframes hotspot-wobble {

	0%,
	20%,
	100% {
		transform: scale(1, 1);
	}

	5% {
		transform: scale(0.9, 1.1);
	}

	10% {
		transform: scale(1.1, 0.9);
	}

	15% {
		transform: scale(0.95, 1.05);
	}
}



/**
 * Polyfill
 */
.greyd-media-wrapper dialog.polyfill {
	position: fixed;
	z-index: 99;
	inset: 0;
	margin: auto;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	display: block;
	overflow: auto;
}

.greyd-media-wrapper dialog.polyfill:not([open]) {
	display: none;
}

.greyd-media-wrapper dialog.polyfill + .backdrop {
	position: fixed;
	inset: 0;
	background: linear-gradient(165deg, rgb(0, 0, 0, .2), rgb(0, 0, 0, .4));
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

.greyd-media-wrapper dialog.polyfill ._dialog_overlay {
	position: fixed;
	inset: 0;
}

.greyd-hotspot button:focus-visible {
	outline: 2px dotted var( --text-color, var(--wp--preset--color--foreground, currentColor) );
	outline-offset: 6px;
	border-radius: 100%;
}/**
 * Blocks CSS for Greyd Button Blocks.
 * 
 * Contains general block styles. Is enqueued in the front- & backend.
 * This file does not get processed and is loaded *after* editor styles so it
 * will take precedence over editor-specific styles using the same selectors.
 */
.wp-block-greyd-buttons.wp-block-greyd-buttons {
	/* width: 100%; */
	gap: var(--wp--style--block-gap);
}

 
/*   Alignments
__________________________________
*/
.wp-block-greyd-buttons.wp-block-greyd-buttons,
.wp-block-buttons {
	float: none; /* reset wp styling */
	display: flex;
	position: relative;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.wp-block-greyd-buttons.alignleft,
.wp-block-buttons.alignleft {
	justify-content: flex-start;
}
.wp-block-greyd-buttons.aligncenter,
.wp-block-buttons.aligncenter {
	justify-content: center;
}
.wp-block-greyd-buttons.alignright,
.wp-block-buttons.alignright {
	justify-content: flex-end;
}
.wp-block-greyd-buttons a,
.wp-block-greyd-buttons button,
.wp-block-greyd-buttons .button.button,
.wp-block-greyd-buttons .link,
.wp-block-buttons a,
.wp-block-button > a.wp-block-button__link,
.wp-block-buttons button,
.wp-block-buttons .button.button,
.wp-block-buttons .link {
	margin: 0;
}
.wp-block-group .wp-block-greyd-buttons,
.wp-block-group .wp-block-buttons {
	margin-left: unset;
	margin-right: unset;
}