.wp-block-image>a, .wp-block-image>figure>a {
	display: inline-block;
}

.wp-block-image img {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

@media not (prefers-reduced-motion) {
	.wp-block-image img.hide {
		visibility: hidden;
	}
	
	.wp-block-image img.show {
		animation: show-content-image .4s;
	}
}

.wp-block-image[style*=border-radius] img, .wp-block-image[style*=border-radius]>a {
	border-radius: inherit;
}

.wp-block-image.has-custom-border img {
	box-sizing: border-box;
}

.wp-block-image.aligncenter {
	text-align: center;
}

.wp-block-image.alignfull img, .wp-block-image.alignwide img {
	height: auto;
	width: 100%;
}

.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright {
	display: table;
}

.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image.alignright>figcaption {
	caption-side: bottom;
	display: table-caption;
}

.wp-block-image :where(figcaption) {
	margin-bottom: 1em;
	margin-top: .5em;
}

.wp-block-image.is-style-circle-mask img {
	border-radius: 9999px;
}

@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
	.wp-block-image.is-style-circle-mask img {
		border-radius: 0;
		-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
		mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
		mask-mode: alpha;
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		mask-size: contain;
	}
}

:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img) {
	border-radius: 9999px;
}

.wp-lightbox-container img {
	cursor: zoom-in;
}

.wp-lightbox-container img:hover+button {
	opacity: 1;
}

.wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg {
	height: 1em;
	width: 1em;
}

.wp-lightbox-overlay .wp-lightbox-close-icon svg {
	display: block;
}

.wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg, .wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg {
	display: block;
	height: 1.5em;
	width: 1.5em;
}

.wp-lightbox-overlay .wp-lightbox-navigation-icon svg {
	vertical-align: middle;
}

.wp-lightbox-overlay .wp-block-image img {
	height: var(--wp--lightbox-image-height);
	min-height: var(--wp--lightbox-image-height);
	min-width: var(--wp--lightbox-image-width);
	width: var(--wp--lightbox-image-width);
}

@media not (prefers-reduced-motion) {
	.wp-lightbox-overlay.active img {
		animation: turn-on-visibility .35s both;
	}
	
	.wp-lightbox-overlay.show-closing-animation:not(.active) img {
		animation: turn-off-visibility .25s both;
	}
	
	.wp-lightbox-overlay.zoom.active .lightbox-image-container img {
		animation: none;
	}
	
	.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img {
		animation: none;
	}
}

@keyframes show-content-image {
	0% {
		visibility: hidden;
	}
	
	99% {
		visibility: hidden;
	}
	
	to {
		visibility: visible;
	}
}

@keyframes turn-on-visibility {
	0% {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

@keyframes turn-off-visibility {
	0% {
		opacity: 1;
		visibility: visible;
	}
	
	99% {
		opacity: 0;
		visibility: visible;
	}
	
	to {
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes lightbox-zoom-in {
	0% {
		transform: translate(calc(( -100vw + var(--wp--lightbox-scrollbar-width) ) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
	}
	
	to {
		transform: translate(-50%, -50%) scale(1);
	}
}

@keyframes lightbox-zoom-out {
	0% {
		transform: translate(-50%, -50%) scale(1);
		visibility: visible;
	}
	
	99% {
		visibility: visible;
	}
	
	to {
		transform: translate(calc(( -100vw + var(--wp--lightbox-scrollbar-width) ) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
		visibility: hidden;
	}
}