.finidev-clickable-group {
	color: inherit;
	display: block;
	text-decoration: none;
}

.finidev-clickable-group > .wp-block-group,
.finidev-clickable-group > .finidev-has-group-overlay,
.finidev-clickable-group > .finidev-has-card-reveal,
.finidev-clickable-group > .finidev-has-group-background {
	height: 100%;
}

.finidev-has-group-overlay,
.finidev-has-group-background {
	isolation: isolate;
	overflow: hidden;
	overflow: clip;
	position: relative;
}

.finidev-has-group-background > .finidev-group-background {
	background-image: var(--finidev-group-background-image, none);
	background-position: var(--finidev-group-background-position, 50% 50%);
	background-repeat: var(--finidev-group-background-repeat, no-repeat);
	background-size: var(--finidev-group-background-size, cover);
	border-radius: inherit;
	filter: blur(var(--finidev-group-overlay-blur, 0));
	inset: 0;
	pointer-events: none;
	position: absolute;
	transform: scale(1);
	transition: filter 0.28s ease, transform 0.32s ease;
	z-index: 0;
}

.finidev-has-group-overlay > .finidev-group-overlay {
	-webkit-backdrop-filter: blur(var(--finidev-group-overlay-blur, 0));
	backdrop-filter: blur(var(--finidev-group-overlay-blur, 0));
	background: var(--finidev-group-overlay-fill, #111);
	border-radius: inherit;
	inset: 0;
	opacity: var(--finidev-group-overlay-opacity, 0.45);
	pointer-events: none;
	position: absolute;
	transition: opacity 0.28s ease, backdrop-filter 0.28s ease, -webkit-backdrop-filter 0.28s ease;
	z-index: 1;
}

.finidev-has-group-overlay > :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-has-group-background > :not(.finidev-group-overlay):not(.finidev-group-background) {
	position: relative;
	z-index: 2;
}

.finidev-has-group-overlay > :is(.wp-block-image, .wp-block-post-featured-image, .wp-block-cover) {
	z-index: 0;
}

.finidev-has-group-overlay :is(.wp-block-image img, .wp-block-post-featured-image img, .wp-block-cover__image-background) {
	filter: blur(var(--finidev-group-overlay-blur, 0));
}

.finidev-group-blur-on-hover > .finidev-group-background {
	filter: blur(0);
}

.finidev-group-blur-on-hover > .finidev-group-overlay {
	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0);
}

.finidev-group-blur-on-hover:hover > .finidev-group-background,
.finidev-group-blur-on-hover:focus-within > .finidev-group-background,
.finidev-clickable-group:hover > .finidev-group-blur-on-hover > .finidev-group-background,
.finidev-clickable-group:focus-visible > .finidev-group-blur-on-hover > .finidev-group-background {
	filter: blur(var(--finidev-group-overlay-blur, 0));
}

.finidev-group-blur-on-hover:hover > .finidev-group-overlay,
.finidev-group-blur-on-hover:focus-within > .finidev-group-overlay,
.finidev-clickable-group:hover > .finidev-group-blur-on-hover > .finidev-group-overlay,
.finidev-clickable-group:focus-visible > .finidev-group-blur-on-hover > .finidev-group-overlay {
	-webkit-backdrop-filter: blur(var(--finidev-group-overlay-blur, 0));
	backdrop-filter: blur(var(--finidev-group-overlay-blur, 0));
}

.finidev-has-card-reveal {
	overflow: hidden;
	overflow: clip;
	position: relative;
}

.finidev-has-card-reveal .wp-block-image img,
.finidev-has-card-reveal .wp-block-post-featured-image img,
.finidev-has-card-reveal .wp-block-cover__image-background {
	transition: filter 0.28s ease, transform 0.32s ease;
	will-change: filter, transform;
}

.finidev-card-image-zoom-subtle:hover .wp-block-image img,
.finidev-card-image-zoom-subtle:focus-within .wp-block-image img,
.finidev-card-image-zoom-subtle:hover .wp-block-post-featured-image img,
.finidev-card-image-zoom-subtle:focus-within .wp-block-post-featured-image img,
.finidev-card-image-zoom-subtle:hover .wp-block-cover__image-background,
.finidev-card-image-zoom-subtle:focus-within .wp-block-cover__image-background,
.finidev-card-image-zoom-strong:hover .wp-block-image img,
.finidev-card-image-zoom-strong:focus-within .wp-block-image img,
.finidev-card-image-zoom-strong:hover .wp-block-post-featured-image img,
.finidev-card-image-zoom-strong:focus-within .wp-block-post-featured-image img,
.finidev-card-image-zoom-strong:hover .wp-block-cover__image-background,
.finidev-card-image-zoom-strong:focus-within .wp-block-cover__image-background,
.finidev-card-image-zoom-subtle:hover > .finidev-group-background,
.finidev-card-image-zoom-subtle:focus-within > .finidev-group-background,
.finidev-card-image-zoom-strong:hover > .finidev-group-background,
.finidev-card-image-zoom-strong:focus-within > .finidev-group-background {
	transform: scale(var(--finidev-card-image-scale, 1.06));
}

.finidev-card-reveal-target-marked:not(.block-editor-block-list__block) .finidev-reveal-on-hover,
.finidev-card-reveal-target-last:not(.block-editor-block-list__block) > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.finidev-card-reveal-target-after-first-text:not(.block-editor-block-list__block) > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-buttons, .wp-block-group):not(.finidev-group-overlay):not(.finidev-group-background) ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-target-after-first-text:not(.block-editor-block-list__block) > .wp-block-group ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-target-after-first-text:not(.block-editor-block-list__block) > .wp-block-heading ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-target-after-first-text:not(.block-editor-block-list__block) > p ~ :not(.finidev-group-overlay):not(.finidev-group-background) {
	opacity: 0;
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.finidev-card-reveal-slide-up.finidev-card-reveal-target-marked:not(.block-editor-block-list__block) .finidev-reveal-on-hover,
.finidev-card-reveal-slide-up.finidev-card-reveal-target-last:not(.block-editor-block-list__block) > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.finidev-card-reveal-slide-up.finidev-card-reveal-target-after-first-text:not(.block-editor-block-list__block) > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-buttons, .wp-block-group):not(.finidev-group-overlay):not(.finidev-group-background) ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-slide-up.finidev-card-reveal-target-after-first-text:not(.block-editor-block-list__block) > .wp-block-group ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-slide-up.finidev-card-reveal-target-after-first-text:not(.block-editor-block-list__block) > .wp-block-heading ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-slide-up.finidev-card-reveal-target-after-first-text:not(.block-editor-block-list__block) > p ~ :not(.finidev-group-overlay):not(.finidev-group-background) {
	transform: translateY(var(--finidev-card-reveal-distance, 1rem));
}

.finidev-card-reveal-target-marked:hover .finidev-reveal-on-hover,
.finidev-card-reveal-target-marked:focus-within .finidev-reveal-on-hover,
.finidev-card-reveal-target-last:hover > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.finidev-card-reveal-target-last:focus-within > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.finidev-card-reveal-target-after-first-text:hover > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-buttons, .wp-block-group):not(.finidev-group-overlay):not(.finidev-group-background) ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-target-after-first-text:focus-within > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-buttons, .wp-block-group):not(.finidev-group-overlay):not(.finidev-group-background) ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-target-after-first-text:hover > .wp-block-group ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-target-after-first-text:focus-within > .wp-block-group ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-target-after-first-text:hover > .wp-block-heading ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-target-after-first-text:focus-within > .wp-block-heading ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-target-after-first-text:hover > p ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-target-after-first-text:focus-within > p ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-slide-up.finidev-card-reveal-target-marked:hover .finidev-reveal-on-hover,
.finidev-card-reveal-slide-up.finidev-card-reveal-target-marked:focus-within .finidev-reveal-on-hover,
.finidev-card-reveal-slide-up.finidev-card-reveal-target-last:hover > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.finidev-card-reveal-slide-up.finidev-card-reveal-target-last:focus-within > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.finidev-card-reveal-slide-up.finidev-card-reveal-target-after-first-text:hover > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-buttons, .wp-block-group):not(.finidev-group-overlay):not(.finidev-group-background) ~ :not(.finidev-group-overlay):not(.finidev-group-background),
.finidev-card-reveal-slide-up.finidev-card-reveal-target-after-first-text:focus-within > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-buttons, .wp-block-group):not(.finidev-group-overlay):not(.finidev-group-background) ~ :not(.finidev-group-overlay):not(.finidev-group-background) {
	opacity: 1;
	transform: translateY(0);
}

.finidev-card-reveal-hide-marked:not(.block-editor-block-list__block) .finidev-hide-on-reveal,
.finidev-card-reveal-hide-last:not(.block-editor-block-list__block) > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.finidev-card-reveal-hide-first-text:not(.block-editor-block-list__block) > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading):not(.finidev-group-overlay):not(.finidev-group-background):first-child {
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.finidev-card-reveal-hide-marked:hover .finidev-hide-on-reveal,
.finidev-card-reveal-hide-marked:focus-within .finidev-hide-on-reveal,
.finidev-clickable-group:hover > .finidev-card-reveal-hide-marked .finidev-hide-on-reveal,
.finidev-clickable-group:focus-visible > .finidev-card-reveal-hide-marked .finidev-hide-on-reveal,
.finidev-card-reveal-hide-last:hover > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.finidev-card-reveal-hide-last:focus-within > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.finidev-clickable-group:hover > .finidev-card-reveal-hide-last > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.finidev-clickable-group:focus-visible > .finidev-card-reveal-hide-last > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.finidev-card-reveal-hide-first-text:hover > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading):not(.finidev-group-overlay):not(.finidev-group-background):first-child,
.finidev-card-reveal-hide-first-text:focus-within > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading):not(.finidev-group-overlay):not(.finidev-group-background):first-child,
.finidev-clickable-group:hover > .finidev-card-reveal-hide-first-text > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading):not(.finidev-group-overlay):not(.finidev-group-background):first-child,
.finidev-clickable-group:focus-visible > .finidev-card-reveal-hide-first-text > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading):not(.finidev-group-overlay):not(.finidev-group-background):first-child {
	opacity: 0;
	pointer-events: none;
	transform: translateY(var(--finidev-card-hide-distance, -0.5rem));
}

.finidev-card-overlay-fade-out:hover > .finidev-group-overlay,
.finidev-card-overlay-fade-out:focus-within > .finidev-group-overlay,
.finidev-clickable-group:hover > .finidev-card-overlay-fade-out > .finidev-group-overlay,
.finidev-clickable-group:focus-visible > .finidev-card-overlay-fade-out > .finidev-group-overlay {
	opacity: 0;
}

.finidev-card-overlay-fade-in > .finidev-group-overlay {
	opacity: 0;
}

.finidev-card-overlay-fade-in:hover > .finidev-group-overlay,
.finidev-card-overlay-fade-in:focus-within > .finidev-group-overlay,
.finidev-clickable-group:hover > .finidev-card-overlay-fade-in > .finidev-group-overlay,
.finidev-clickable-group:focus-visible > .finidev-card-overlay-fade-in > .finidev-group-overlay {
	opacity: var(--finidev-group-overlay-opacity, 0.45);
}

.block-editor-block-list__block.finidev-has-group-overlay,
.block-editor-block-list__block.finidev-has-group-background {
	isolation: isolate;
	position: relative;
}

.block-editor-block-list__block.finidev-has-group-overlay::before {
	-webkit-backdrop-filter: blur(var(--finidev-group-overlay-blur, 0));
	backdrop-filter: blur(var(--finidev-group-overlay-blur, 0));
	background: var(--finidev-group-overlay-fill, #111);
	border-radius: inherit !important;
	content: "";
	inset: 0;
	opacity: var(--finidev-group-overlay-opacity, 0.45);
	pointer-events: none;
	position: absolute;
	transition: opacity 0.28s ease, backdrop-filter 0.28s ease, -webkit-backdrop-filter 0.28s ease;
	z-index: 1;
}

.block-editor-block-list__block.finidev-has-group-overlay > * {
	position: relative;
	z-index: 2;
}

.block-editor-block-list__block.finidev-has-group-overlay :is(.wp-block-image img, .wp-block-post-featured-image img, .wp-block-cover__image-background) {
	filter: blur(var(--finidev-group-overlay-blur, 0));
}

.block-editor-block-list__block.finidev-group-blur-on-hover::before {
	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0);
}

.block-editor-block-list__block.finidev-group-blur-on-hover::after {
	filter: blur(0);
}

.block-editor-block-list__block.finidev-group-blur-on-hover:hover::before,
.block-editor-block-list__block.finidev-group-blur-on-hover.is-selected::before,
.block-editor-block-list__block.finidev-group-blur-on-hover.has-child-selected::before {
	-webkit-backdrop-filter: blur(var(--finidev-group-overlay-blur, 0));
	backdrop-filter: blur(var(--finidev-group-overlay-blur, 0));
}

.block-editor-block-list__block.finidev-group-blur-on-hover:hover::after,
.block-editor-block-list__block.finidev-group-blur-on-hover.is-selected::after,
.block-editor-block-list__block.finidev-group-blur-on-hover.has-child-selected::after {
	filter: blur(var(--finidev-group-overlay-blur, 0));
}

.block-editor-block-list__block.finidev-has-group-background::after {
	background-image: var(--finidev-group-background-image, none);
	background-position: var(--finidev-group-background-position, 50% 50%);
	background-repeat: var(--finidev-group-background-repeat, no-repeat);
	background-size: var(--finidev-group-background-size, cover);
	border-radius: inherit !important;
	content: "";
	filter: blur(var(--finidev-group-overlay-blur, 0));
	inset: 0;
	pointer-events: none;
	position: absolute;
	transform: scale(1);
	transition: filter 0.28s ease, transform 0.32s ease;
	z-index: 0;
}

.block-editor-block-list__block.finidev-has-group-background.finidev-group-blur-on-hover::after {
	filter: blur(0);
}

.block-editor-block-list__block.finidev-has-group-background.finidev-group-blur-on-hover:hover::after,
.block-editor-block-list__block.finidev-has-group-background.finidev-group-blur-on-hover.is-selected::after,
.block-editor-block-list__block.finidev-has-group-background.finidev-group-blur-on-hover.has-child-selected::after {
	filter: blur(var(--finidev-group-overlay-blur, 0));
}

.block-editor-block-list__block.finidev-has-group-background > .wp-block-group {
	background-image: none !important;
}

.block-editor-block-list__block.finidev-has-group-background > * {
	position: relative;
	z-index: 2;
}

.block-editor-block-list__block.finidev-card-image-zoom-subtle:hover::after,
.block-editor-block-list__block.finidev-card-image-zoom-subtle.is-selected::after,
.block-editor-block-list__block.finidev-card-image-zoom-subtle.has-child-selected::after,
.block-editor-block-list__block.finidev-card-image-zoom-strong:hover::after,
.block-editor-block-list__block.finidev-card-image-zoom-strong.is-selected::after,
.block-editor-block-list__block.finidev-card-image-zoom-strong.has-child-selected::after {
	transform: scale(var(--finidev-card-image-scale, 1.06));
}

.block-editor-block-list__block.finidev-has-card-reveal .finidev-reveal-on-hover,
.block-editor-block-list__block.finidev-card-reveal-target-last > :not(.finidev-group-overlay):last-child,
.block-editor-block-list__block.finidev-card-reveal-target-after-first-text > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-buttons, .wp-block-group):not(.finidev-group-overlay) ~ :not(.finidev-group-overlay) {
	opacity: 0.72;
	outline: 1px dashed color-mix(in srgb, currentColor 32%, transparent);
	outline-offset: 3px;
}

.block-editor-block-list__block.finidev-has-card-reveal:hover .finidev-reveal-on-hover,
.block-editor-block-list__block.finidev-has-card-reveal.is-selected .finidev-reveal-on-hover,
.block-editor-block-list__block.finidev-has-card-reveal.has-child-selected .finidev-reveal-on-hover,
.block-editor-block-list__block.finidev-card-reveal-target-last:hover > :not(.finidev-group-overlay):last-child,
.block-editor-block-list__block.finidev-card-reveal-target-last.is-selected > :not(.finidev-group-overlay):last-child,
.block-editor-block-list__block.finidev-card-reveal-target-after-first-text:hover > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-buttons, .wp-block-group):not(.finidev-group-overlay) ~ :not(.finidev-group-overlay),
.block-editor-block-list__block.finidev-card-reveal-target-after-first-text.is-selected > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-buttons, .wp-block-group):not(.finidev-group-overlay) ~ :not(.finidev-group-overlay) {
	opacity: 1;
	outline-color: transparent;
	transform: translateY(0);
}

.block-editor-block-list__block.finidev-card-reveal-hide-marked .finidev-hide-on-reveal,
.block-editor-block-list__block.finidev-card-reveal-hide-last > :not(.finidev-group-overlay):not(.finidev-group-background):last-child,
.block-editor-block-list__block.finidev-card-reveal-hide-first-text > :is(p, h1, h2, h3, h4, h5, h6, .wp-block-heading):not(.finidev-group-overlay):not(.finidev-group-background):first-child {
	outline: 1px dashed color-mix(in srgb, currentColor 32%, transparent);
	outline-offset: 3px;
}

.block-editor-block-list__block.finidev-card-overlay-fade-out:hover::before,
.block-editor-block-list__block.finidev-card-overlay-fade-out.is-selected::before,
.block-editor-block-list__block.finidev-card-overlay-fade-out.has-child-selected::before {
	opacity: 0;
}

.block-editor-block-list__block.finidev-card-overlay-fade-in::before {
	opacity: 0;
}

.block-editor-block-list__block.finidev-card-overlay-fade-in:hover::before,
.block-editor-block-list__block.finidev-card-overlay-fade-in.is-selected::before,
.block-editor-block-list__block.finidev-card-overlay-fade-in.has-child-selected::before {
	opacity: var(--finidev-group-overlay-opacity, 0.45);
}

.finidev-group-link-control,
.finidev-group-link-control .components-base-control__field,
.finidev-group-link-control input,
.finidev-group-overlay-gradient-control input {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

.finidev-group-overlay-color-control,
.finidev-group-overlay-gradient-control,
.finidev-group-overlay-blur-control {
	margin-bottom: 16px;
}

.interface-complementary-area .finidev-group-overlay-blur-control {
	box-sizing: border-box;
	max-width: 100%;
	overflow: visible;
	padding-inline-end: 0;
}

.interface-complementary-area .finidev-group-overlay-blur-control .components-range-control__wrapper {
	box-sizing: border-box;
	margin-inline: 0;
	max-width: 100%;
	width: 100%;
}

.interface-complementary-area .finidev-group-overlay-blur-control .components-range-control__mark-label {
	display: none;
}
