Merging upstream version 6.5+dfsg1.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

17 files changed, 429 insertions, 524 deletions

diff --git a/wp-includes/blocks/image/block.json b/wp-includes/blocks/image/block.json
index d665a8a..1076aad 100644
--- a/wp-includes/blocks/image/block.json
+++ b/wp-includes/blocks/image/block.json
@@ -9,9 +9,6 @@
 	"keywords": [ "img", "photo", "picture" ],
 	"textdomain": "default",
 	"attributes": {
-		"align": {
-			"type": "string"
-		},
 		"url": {
 			"type": "string",
 			"source": "attribute",
@@ -28,8 +25,8 @@
 			"__experimentalRole": "content"
 		},
 		"caption": {
-			"type": "string",
-			"source": "html",
+			"type": "rich-text",
+			"source": "rich-text",
 			"selector": "figcaption",
 			"__experimentalRole": "content"
 		},
@@ -95,6 +92,8 @@
 		}
 	},
 	"supports": {
+		"interactivity": true,
+		"align": [ "left", "center", "right", "wide", "full" ],
 		"anchor": true,
 		"color": {
 			"text": false,
@@ -113,10 +112,14 @@
 				"radius": true,
 				"width": true
 			}
+		},
+		"shadow": {
+			"__experimentalSkipSerialization": true
 		}
 	},
 	"selectors": {
 		"border": ".wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder",
+		"shadow": ".wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder",
 		"filter": {
 			"duotone": ".wp-block-image img, .wp-block-image .components-placeholder"
 		}
@@ -130,6 +133,5 @@
 		{ "name": "rounded", "label": "Rounded" }
 	],
 	"editorStyle": "wp-block-image-editor",
-	"style": "wp-block-image",
-	"viewScript": "file:./view.min.js"
+	"style": "wp-block-image"
 }
diff --git a/wp-includes/blocks/image/editor-rtl.css b/wp-includes/blocks/image/editor-rtl.css
index 41c1e01..7f43104 100644
--- a/wp-includes/blocks/image/editor-rtl.css
+++ b/wp-includes/blocks/image/editor-rtl.css
@@ -12,9 +12,12 @@
 .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{
   display:none;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder:before{
+.wp-block-image.wp-block-image .block-bindings-media-placeholder-message,.wp-block-image.wp-block-image.is-selected .components-placeholder:before{
   opacity:0;
 }
+.wp-block-image.wp-block-image.is-selected .block-bindings-media-placeholder-message{
+  opacity:1;
+}
 .wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{
   transition:none;
 }
@@ -124,4 +127,8 @@ figure.wp-block-image:not(.wp-block){
   padding-left:0;
   padding-right:0;
   width:36px;
+}
+
+.wp-block-image__toolbar_content_textarea{
+  width:250px;
 }
\ No newline at end of file
diff --git a/wp-includes/blocks/image/editor-rtl.min.css b/wp-includes/blocks/image/editor-rtl.min.css
index 76b3aa4..d6bf9e0 100644
--- a/wp-includes/blocks/image/editor-rtl.min.css
+++ b/wp-includes/blocks/image/editor-rtl.min.css
@@ -1 +1 @@
-.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none!important}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image.is-selected .components-placeholder:before{opacity:0}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.wp-block-image .components-resizable-box__container{display:table}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=right]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none;border-radius:0}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px}
\ No newline at end of file
+.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none!important}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image .block-bindings-media-placeholder-message,.wp-block-image.wp-block-image.is-selected .components-placeholder:before{opacity:0}.wp-block-image.wp-block-image.is-selected .block-bindings-media-placeholder-message{opacity:1}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.wp-block-image .components-resizable-box__container{display:table}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=right]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none;border-radius:0}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px}.wp-block-image__toolbar_content_textarea{width:250px}
\ No newline at end of file
diff --git a/wp-includes/blocks/image/editor.css b/wp-includes/blocks/image/editor.css
index ccdc0d0..6bdd1cd 100644
--- a/wp-includes/blocks/image/editor.css
+++ b/wp-includes/blocks/image/editor.css
@@ -12,9 +12,12 @@
 .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{
   display:none;
 }
-.wp-block-image.wp-block-image.is-selected .components-placeholder:before{
+.wp-block-image.wp-block-image .block-bindings-media-placeholder-message,.wp-block-image.wp-block-image.is-selected .components-placeholder:before{
   opacity:0;
 }
+.wp-block-image.wp-block-image.is-selected .block-bindings-media-placeholder-message{
+  opacity:1;
+}
 .wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{
   transition:none;
 }
@@ -124,4 +127,8 @@ figure.wp-block-image:not(.wp-block){
   padding-left:0;
   padding-right:0;
   width:36px;
+}
+
+.wp-block-image__toolbar_content_textarea{
+  width:250px;
 }
\ No newline at end of file
diff --git a/wp-includes/blocks/image/editor.min.css b/wp-includes/blocks/image/editor.min.css
index 89b31b0..3f06bfb 100644
--- a/wp-includes/blocks/image/editor.min.css
+++ b/wp-includes/blocks/image/editor.min.css
@@ -1 +1 @@
-.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none!important}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image.is-selected .components-placeholder:before{opacity:0}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wp-block-image .components-resizable-box__container{display:table}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=right]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none;border-radius:0}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px}
\ No newline at end of file
+.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none!important}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image .block-bindings-media-placeholder-message,.wp-block-image.wp-block-image.is-selected .components-placeholder:before{opacity:0}.wp-block-image.wp-block-image.is-selected .block-bindings-media-placeholder-message{opacity:1}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wp-block-image .components-resizable-box__container{display:table}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=right]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none;border-radius:0}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px}.wp-block-image__toolbar_content_textarea{width:250px}
\ No newline at end of file
diff --git a/wp-includes/blocks/image/style-rtl.css b/wp-includes/blocks/image/style-rtl.css
index 363e38a..82b0717 100644
--- a/wp-includes/blocks/image/style-rtl.css
+++ b/wp-includes/blocks/image/style-rtl.css
@@ -107,7 +107,7 @@
   align-items:center;
   -webkit-backdrop-filter:blur(16px) saturate(180%);
           backdrop-filter:blur(16px) saturate(180%);
-  background-color:rgba(90,90,90,.25);
+  background-color:#5a5a5a40;
   border:none;
   border-radius:4px;
   cursor:zoom-in;
@@ -125,7 +125,7 @@
   z-index:100;
 }
 .wp-lightbox-container button:focus-visible{
-  outline:3px auto rgba(90,90,90,.25);
+  outline:3px auto #5a5a5a40;
   outline:3px auto -webkit-focus-ring-color;
   outline-offset:3px;
 }
@@ -137,7 +137,7 @@
   opacity:1;
 }
 .wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){
-  background-color:rgba(90,90,90,.25);
+  background-color:#5a5a5a40;
   border:none;
 }
 
@@ -150,7 +150,7 @@
   right:0;
   top:0;
   visibility:hidden;
-  width:100vw;
+  width:100%;
   z-index:100000;
 }
 .wp-lightbox-overlay .close-button{
@@ -221,10 +221,10 @@
 .wp-lightbox-overlay.active img{
   animation:turn-on-visibility .35s both;
 }
-.wp-lightbox-overlay.hideanimationenabled:not(.active){
+.wp-lightbox-overlay.show-closing-animation:not(.active){
   animation:turn-off-visibility .35s both;
 }
-.wp-lightbox-overlay.hideanimationenabled:not(.active) img{
+.wp-lightbox-overlay.show-closing-animation:not(.active) img{
   animation:turn-off-visibility .25s both;
 }
 @media (prefers-reduced-motion:no-preference){
@@ -242,16 +242,16 @@
   .wp-lightbox-overlay.zoom.active .scrim{
     animation:turn-on-visibility .4s forwards;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active){
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active){
     animation:none;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container{
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{
     animation:lightbox-zoom-out .4s;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img{
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{
     animation:none;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim{
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{
     animation:turn-off-visibility .4s forwards;
   }
 }
@@ -280,7 +280,7 @@
 }
 @keyframes lightbox-zoom-in{
   0%{
-    transform:translate(calc((-50vw + var(--wp--lightbox-initial-left-position))*-1), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
+    transform:translate(calc(((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position))*-1), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
   }
   to{
     transform:translate(50%, -50%) scale(1);
@@ -295,7 +295,7 @@
     visibility:visible;
   }
   to{
-    transform:translate(calc((-50vw + var(--wp--lightbox-initial-left-position))*-1), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
+    transform:translate(calc(((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position))*-1), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
     visibility:hidden;
   }
 }
\ No newline at end of file
diff --git a/wp-includes/blocks/image/style-rtl.min.css b/wp-includes/blocks/image/style-rtl.min.css
index 25bf896..6246874 100644
--- a/wp-includes/blocks/image/style-rtl.min.css
+++ b/wp-includes/blocks/image/style-rtl.min.css
@@ -1 +1 @@
-.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.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 .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded 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}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-left-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-right-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-left-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-right-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:rgba(90,90,90,.25);border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;left:16px;opacity:0;padding:0;position:absolute;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden;width:100vw;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;left:calc(env(safe-area-inset-left) + 16px);min-height:40px;min-width:40px;padding:0;position:absolute;top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);overflow:hidden;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);transform-origin:top right;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:100% 0;width:100%;z-index:3000000}.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)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active){animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@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((-50vw + var(--wp--lightbox-initial-left-position))*-1),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((-50vw + var(--wp--lightbox-initial-left-position))*-1),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}
\ No newline at end of file
+.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.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 .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded 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}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-left-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-right-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-left-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-right-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;left:16px;opacity:0;padding:0;position:absolute;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;left:calc(env(safe-area-inset-left) + 16px);min-height:40px;min-width:40px;padding:0;position:absolute;top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);overflow:hidden;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);transform-origin:top right;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:100% 0;width:100%;z-index:3000000}.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)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@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))*-1),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))*-1),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}
\ No newline at end of file
diff --git a/wp-includes/blocks/image/style.css b/wp-includes/blocks/image/style.css
index d06a868..526ae27 100644
--- a/wp-includes/blocks/image/style.css
+++ b/wp-includes/blocks/image/style.css
@@ -107,7 +107,7 @@
   align-items:center;
   -webkit-backdrop-filter:blur(16px) saturate(180%);
           backdrop-filter:blur(16px) saturate(180%);
-  background-color:rgba(90,90,90,.25);
+  background-color:#5a5a5a40;
   border:none;
   border-radius:4px;
   cursor:zoom-in;
@@ -125,7 +125,7 @@
   z-index:100;
 }
 .wp-lightbox-container button:focus-visible{
-  outline:3px auto rgba(90,90,90,.25);
+  outline:3px auto #5a5a5a40;
   outline:3px auto -webkit-focus-ring-color;
   outline-offset:3px;
 }
@@ -137,7 +137,7 @@
   opacity:1;
 }
 .wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){
-  background-color:rgba(90,90,90,.25);
+  background-color:#5a5a5a40;
   border:none;
 }
 
@@ -150,7 +150,7 @@
   position:fixed;
   top:0;
   visibility:hidden;
-  width:100vw;
+  width:100%;
   z-index:100000;
 }
 .wp-lightbox-overlay .close-button{
@@ -221,10 +221,10 @@
 .wp-lightbox-overlay.active img{
   animation:turn-on-visibility .35s both;
 }
-.wp-lightbox-overlay.hideanimationenabled:not(.active){
+.wp-lightbox-overlay.show-closing-animation:not(.active){
   animation:turn-off-visibility .35s both;
 }
-.wp-lightbox-overlay.hideanimationenabled:not(.active) img{
+.wp-lightbox-overlay.show-closing-animation:not(.active) img{
   animation:turn-off-visibility .25s both;
 }
 @media (prefers-reduced-motion:no-preference){
@@ -242,16 +242,16 @@
   .wp-lightbox-overlay.zoom.active .scrim{
     animation:turn-on-visibility .4s forwards;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active){
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active){
     animation:none;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container{
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{
     animation:lightbox-zoom-out .4s;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img{
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{
     animation:none;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim{
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{
     animation:turn-off-visibility .4s forwards;
   }
 }
@@ -280,7 +280,7 @@
 }
 @keyframes lightbox-zoom-in{
   0%{
-    transform:translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
+    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);
@@ -295,7 +295,7 @@
     visibility:visible;
   }
   to{
-    transform:translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
+    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;
   }
 }
\ No newline at end of file
diff --git a/wp-includes/blocks/image/style.min.css b/wp-includes/blocks/image/style.min.css
index 0ee2855..fce742c 100644
--- a/wp-includes/blocks/image/style.min.css
+++ b/wp-includes/blocks/image/style.min.css
@@ -1 +1 @@
-.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.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 .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded 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}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:rgba(90,90,90,.25);border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100vw;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.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)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active){animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@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(-50vw + 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(-50vw + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}
\ No newline at end of file
+.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.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 .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded 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}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.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)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@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}}
\ No newline at end of file
diff --git a/wp-includes/blocks/image/theme-rtl.css b/wp-includes/blocks/image/theme-rtl.css
index 4d1a839..07819c7 100644
--- a/wp-includes/blocks/image/theme-rtl.css
+++ b/wp-includes/blocks/image/theme-rtl.css
@@ -4,7 +4,7 @@
   text-align:center;
 }
 .is-dark-theme .wp-block-image figcaption{
-  color:hsla(0,0%,100%,.65);
+  color:#ffffffa6;
 }
 
 .wp-block-image{
diff --git a/wp-includes/blocks/image/theme-rtl.min.css b/wp-includes/blocks/image/theme-rtl.min.css
index 52ef804..4f11dcb 100644
--- a/wp-includes/blocks/image/theme-rtl.min.css
+++ b/wp-includes/blocks/image/theme-rtl.min.css
@@ -1 +1 @@
-.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}
\ No newline at end of file
+.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:#ffffffa6}.wp-block-image{margin:0 0 1em}
\ No newline at end of file
diff --git a/wp-includes/blocks/image/theme.css b/wp-includes/blocks/image/theme.css
index 4d1a839..07819c7 100644
--- a/wp-includes/blocks/image/theme.css
+++ b/wp-includes/blocks/image/theme.css
@@ -4,7 +4,7 @@
   text-align:center;
 }
 .is-dark-theme .wp-block-image figcaption{
-  color:hsla(0,0%,100%,.65);
+  color:#ffffffa6;
 }
 
 .wp-block-image{
diff --git a/wp-includes/blocks/image/theme.min.css b/wp-includes/blocks/image/theme.min.css
index 52ef804..4f11dcb 100644
--- a/wp-includes/blocks/image/theme.min.css
+++ b/wp-includes/blocks/image/theme.min.css
@@ -1 +1 @@
-.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}
\ No newline at end of file
+.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:#ffffffa6}.wp-block-image{margin:0 0 1em}
\ No newline at end of file
diff --git a/wp-includes/blocks/image/view.asset.php b/wp-includes/blocks/image/view.asset.php
index a646d36..58058b1 100644
--- a/wp-includes/blocks/image/view.asset.php
+++ b/wp-includes/blocks/image/view.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '749bd8d7dd37390bdeea');
+<?php return array('dependencies' => array(), 'version' => '7500eb032759d407a71d');
diff --git a/wp-includes/blocks/image/view.js b/wp-includes/blocks/image/view.js
index 4d022ef..88b4815 100644
--- a/wp-includes/blocks/image/view.js
+++ b/wp-includes/blocks/image/view.js
@@ -1,533 +1,422 @@
-"use strict";
-(self["__WordPressPrivateInteractivityAPI__"] = self["__WordPressPrivateInteractivityAPI__"] || []).push([[354],{
+import * as __WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__ from "@wordpress/interactivity";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
 
-/***/ 699:
-/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
-
-/* harmony import */ var _wordpress_interactivity__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(754);
+;// CONCATENATED MODULE: external "@wordpress/interactivity"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const interactivity_namespaceObject = x({ ["getContext"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getContext), ["getElement"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getElement), ["store"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.store) });
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/image/view.js
 /**
  * WordPress dependencies
  */
 
-const focusableSelectors = ['a[href]', 'area[href]', 'input:not([disabled]):not([type="hidden"]):not([aria-hidden])', 'select:not([disabled]):not([aria-hidden])', 'textarea:not([disabled]):not([aria-hidden])', 'button:not([disabled]):not([aria-hidden])', 'iframe', 'object', 'embed', '[contenteditable]', '[tabindex]:not([tabindex^="-"])'];
-
-/*
- * Stores a context-bound scroll handler.
- *
- * This callback could be defined inline inside of the store
- * object but it's created externally to avoid confusion about
- * how its logic is called. This logic is not referenced directly
- * by the directives in the markup because the scroll event we
- * need to listen to is triggered on the window; so by defining it
- * outside of the store, we signal that the behavior here is different.
- * If we find a compelling reason to move it to the store, feel free.
- *
- * @type {Function}
- */
-let scrollCallback;
 
-/*
- * Tracks whether user is touching screen; used to
- * differentiate behavior for touch and mouse input.
+/**
+ * Tracks whether user is touching screen; used to differentiate behavior for
+ * touch and mouse input.
  *
  * @type {boolean}
  */
 let isTouching = false;
 
-/*
- * Tracks the last time the screen was touched; used to
- * differentiate behavior for touch and mouse input.
+/**
+ * Tracks the last time the screen was touched; used to differentiate behavior
+ * for touch and mouse input.
  *
  * @type {number}
  */
 let lastTouchTime = 0;
 
-/*
- * Lightbox page-scroll handler: prevents scrolling.
- *
- * This handler is added to prevent scrolling behaviors that
- * trigger content shift while the lightbox is open.
+/**
+ * Stores the image reference of the currently opened lightbox.
  *
- * It would be better to accomplish this through CSS alone, but
- * using overflow: hidden is currently the only way to do so, and
- * that causes the layout to shift and prevents the zoom animation
- * from working in some cases because we're unable to account for
- * the layout shift when doing the animation calculations. Instead,
- * here we use JavaScript to prevent and reset the scrolling
- * behavior. In the future, we may be able to use CSS or overflow: hidden
- * instead to not rely on JavaScript, but this seems to be the best approach
- * for now that provides the best visual experience.
+ * @type {HTMLElement}
+ */
+let imageRef;
+
+/**
+ * Stores the button reference of the currently opened lightbox.
  *
- * @param {Object} context Interactivity page context?
+ * @type {HTMLElement}
  */
-function handleScroll(context) {
-  // We can't override the scroll behavior on mobile devices
-  // because doing so breaks the pinch to zoom functionality, and we
-  // want to allow users to zoom in further on the high-res image.
-  if (!isTouching && Date.now() - lastTouchTime > 450) {
-    // We are unable to use event.preventDefault() to prevent scrolling
-    // because the scroll event can't be canceled, so we reset the position instead.
-    window.scrollTo(context.core.image.scrollLeftReset, context.core.image.scrollTopReset);
-  }
-}
-(0,_wordpress_interactivity__WEBPACK_IMPORTED_MODULE_0__/* .store */ .h)({
+let buttonRef;
+const {
+  state,
+  actions,
+  callbacks
+} = (0,interactivity_namespaceObject.store)('core/image', {
   state: {
-    core: {
-      image: {
-        windowWidth: window.innerWidth,
-        windowHeight: window.innerHeight
-      }
+    currentImage: {},
+    get overlayOpened() {
+      return state.currentImage.currentSrc;
+    },
+    get roleAttribute() {
+      return state.overlayOpened ? 'dialog' : null;
+    },
+    get ariaModal() {
+      return state.overlayOpened ? 'true' : null;
+    },
+    get enlargedSrc() {
+      return state.currentImage.uploadedSrc || 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
+    },
+    get imgStyles() {
+      return state.overlayOpened && `${state.currentImage.imgStyles?.replace(/;$/, '')}; object-fit:cover;`;
     }
   },
   actions: {
-    core: {
-      image: {
-        showLightbox: ({
-          context,
-          event
-        }) => {
-          // We can't initialize the lightbox until the reference
-          // image is loaded, otherwise the UX is broken.
-          if (!context.core.image.imageLoaded) {
-            return;
-          }
-          context.core.image.initialized = true;
-          context.core.image.lastFocusedElement = window.document.activeElement;
-          context.core.image.scrollDelta = 0;
-          context.core.image.pointerType = event.pointerType;
-          context.core.image.lightboxEnabled = true;
-          setStyles(context, context.core.image.imageRef);
-          context.core.image.scrollTopReset = window.pageYOffset || document.documentElement.scrollTop;
+    showLightbox() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+
+      // Bails out if the image has not loaded yet.
+      if (!ctx.imageRef?.complete) {
+        return;
+      }
 
-          // In most cases, this value will be 0, but this is included
-          // in case a user has created a page with horizontal scrolling.
-          context.core.image.scrollLeftReset = window.pageXOffset || document.documentElement.scrollLeft;
+      // Stores the positons of the scroll to fix it until the overlay is
+      // closed.
+      state.scrollTopReset = document.documentElement.scrollTop;
+      state.scrollLeftReset = document.documentElement.scrollLeft;
 
-          // We define and bind the scroll callback here so
-          // that we can pass the context and as an argument.
-          // We may be able to change this in the future if we
-          // define the scroll callback in the store instead, but
-          // this approach seems to tbe clearest for now.
-          scrollCallback = handleScroll.bind(null, context);
+      // Moves the information of the expaned image to the state.
+      ctx.currentSrc = ctx.imageRef.currentSrc;
+      imageRef = ctx.imageRef;
+      buttonRef = ctx.buttonRef;
+      state.currentImage = ctx;
+      state.overlayEnabled = true;
 
-          // We need to add a scroll event listener to the window
-          // here because we are unable to otherwise access it via
-          // the Interactivity API directives. If we add a native way
-          // to access the window, we can remove this.
-          window.addEventListener('scroll', scrollCallback, false);
-        },
-        hideLightbox: async ({
-          context
-        }) => {
-          context.core.image.hideAnimationEnabled = true;
-          if (context.core.image.lightboxEnabled) {
-            // We want to wait until the close animation is completed
-            // before allowing a user to scroll again. The duration of this
-            // animation is defined in the styles.scss and depends on if the
-            // animation is 'zoom' or 'fade', but in any case we should wait
-            // a few milliseconds longer than the duration, otherwise a user
-            // may scroll too soon and cause the animation to look sloppy.
-            setTimeout(function () {
-              window.removeEventListener('scroll', scrollCallback);
-              // If we don't delay before changing the focus,
-              // the focus ring will appear on Firefox before
-              // the image has finished animating, which looks broken.
-              context.core.image.lightboxTriggerRef.focus({
-                preventScroll: true
-              });
-            }, 450);
-            context.core.image.lightboxEnabled = false;
-          }
-        },
-        handleKeydown: ({
-          context,
-          actions,
-          event
-        }) => {
-          if (context.core.image.lightboxEnabled) {
-            if (event.key === 'Tab' || event.keyCode === 9) {
-              // If shift + tab it change the direction
-              if (event.shiftKey && window.document.activeElement === context.core.image.firstFocusableElement) {
-                event.preventDefault();
-                context.core.image.lastFocusableElement.focus();
-              } else if (!event.shiftKey && window.document.activeElement === context.core.image.lastFocusableElement) {
-                event.preventDefault();
-                context.core.image.firstFocusableElement.focus();
-              }
-            }
-            if (event.key === 'Escape' || event.keyCode === 27) {
-              actions.core.image.hideLightbox({
-                context,
-                event
-              });
-            }
-          }
-        },
-        // This is fired just by lazily loaded
-        // images on the page, not all images.
-        handleLoad: ({
-          context,
-          effects,
-          ref
-        }) => {
-          context.core.image.imageLoaded = true;
-          context.core.image.imageCurrentSrc = ref.currentSrc;
-          effects.core.image.setButtonStyles({
-            context,
-            ref
+      // Computes the styles of the overlay for the animation.
+      callbacks.setOverlayStyles();
+    },
+    hideLightbox() {
+      if (state.overlayEnabled) {
+        // Waits until the close animation has completed before allowing a
+        // user to scroll again. The duration of this animation is defined in
+        // the `styles.scss` file, but in any case we should wait a few
+        // milliseconds longer than the duration, otherwise a user may scroll
+        // too soon and cause the animation to look sloppy.
+        setTimeout(function () {
+          // Delays before changing the focus. Otherwise the focus ring will
+          // appear on Firefox before the image has finished animating, which
+          // looks broken.
+          buttonRef.focus({
+            preventScroll: true
           });
-        },
-        handleTouchStart: () => {
-          isTouching = true;
-        },
-        handleTouchMove: ({
-          context,
-          event
-        }) => {
-          // On mobile devices, we want to prevent triggering the
-          // scroll event because otherwise the page jumps around as
-          // we reset the scroll position. This also means that closing
-          // the lightbox requires that a user perform a simple tap. This
-          // may be changed in the future if we find a better alternative
-          // to override or reset the scroll position during swipe actions.
-          if (context.core.image.lightboxEnabled) {
-            event.preventDefault();
-          }
-        },
-        handleTouchEnd: () => {
-          // We need to wait a few milliseconds before resetting
-          // to ensure that pinch to zoom works consistently
-          // on mobile devices when the lightbox is open.
-          lastTouchTime = Date.now();
-          isTouching = false;
+
+          // Resets the current image to mark the overlay as closed.
+          state.currentImage = {};
+          imageRef = null;
+          buttonRef = null;
+        }, 450);
+
+        // Starts the overlay closing animation. The showClosingAnimation
+        // class is used to avoid showing it on page load.
+        state.showClosingAnimation = true;
+        state.overlayEnabled = false;
+      }
+    },
+    handleKeydown(event) {
+      if (state.overlayEnabled) {
+        // Focuses the close button when the user presses the tab key.
+        if (event.key === 'Tab') {
+          event.preventDefault();
+          const {
+            ref
+          } = (0,interactivity_namespaceObject.getElement)();
+          ref.querySelector('button').focus();
+        }
+        // Closes the lightbox when the user presses the escape key.
+        if (event.key === 'Escape') {
+          actions.hideLightbox();
         }
       }
-    }
-  },
-  selectors: {
-    core: {
-      image: {
-        roleAttribute: ({
-          context
-        }) => {
-          return context.core.image.lightboxEnabled ? 'dialog' : null;
-        },
-        ariaModal: ({
-          context
-        }) => {
-          return context.core.image.lightboxEnabled ? 'true' : null;
-        },
-        dialogLabel: ({
-          context
-        }) => {
-          return context.core.image.lightboxEnabled ? context.core.image.dialogLabel : null;
-        },
-        lightboxObjectFit: ({
-          context
-        }) => {
-          if (context.core.image.initialized) {
-            return 'cover';
-          }
-        },
-        enlargedImgSrc: ({
-          context
-        }) => {
-          return context.core.image.initialized ? context.core.image.imageUploadedSrc : 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
+    },
+    handleTouchMove(event) {
+      // On mobile devices, prevents triggering the scroll event because
+      // otherwise the page jumps around when it resets the scroll position.
+      // This also means that closing the lightbox requires that a user
+      // perform a simple tap. This may be changed in the future if there is a
+      // better alternative to override or reset the scroll position during
+      // swipe actions.
+      if (state.overlayEnabled) {
+        event.preventDefault();
+      }
+    },
+    handleTouchStart() {
+      isTouching = true;
+    },
+    handleTouchEnd() {
+      // Waits a few milliseconds before resetting to ensure that pinch to
+      // zoom works consistently on mobile devices when the lightbox is open.
+      lastTouchTime = Date.now();
+      isTouching = false;
+    },
+    handleScroll() {
+      // Prevents scrolling behaviors that trigger content shift while the
+      // lightbox is open. It would be better to accomplish through CSS alone,
+      // but using overflow: hidden is currently the only way to do so and
+      // that causes a layout to shift and prevents the zoom animation from
+      // working in some cases because it's not possible to account for the
+      // layout shift when doing the animation calculations. Instead, it uses
+      // JavaScript to prevent and reset the scrolling behavior.
+      if (state.overlayOpened) {
+        // Avoids overriding the scroll behavior on mobile devices because
+        // doing so breaks the pinch to zoom functionality, and users should
+        // be able to zoom in further on the high-res image.
+        if (!isTouching && Date.now() - lastTouchTime > 450) {
+          // It doesn't rely on `event.preventDefault()` to prevent scrolling
+          // because the scroll event can't be canceled, so it resets the
+          // position instead.
+          window.scrollTo(state.scrollLeftReset, state.scrollTopReset);
         }
       }
     }
   },
-  effects: {
-    core: {
-      image: {
-        initOriginImage: ({
-          context,
-          ref
-        }) => {
-          context.core.image.imageRef = ref;
-          context.core.image.lightboxTriggerRef = ref.parentElement.querySelector('.lightbox-trigger');
-          if (ref.complete) {
-            context.core.image.imageLoaded = true;
-            context.core.image.imageCurrentSrc = ref.currentSrc;
-          }
-        },
-        initLightbox: async ({
-          context,
-          ref
-        }) => {
-          if (context.core.image.lightboxEnabled) {
-            const focusableElements = ref.querySelectorAll(focusableSelectors);
-            context.core.image.firstFocusableElement = focusableElements[0];
-            context.core.image.lastFocusableElement = focusableElements[focusableElements.length - 1];
+  callbacks: {
+    setOverlayStyles() {
+      if (!imageRef) return;
+      let {
+        naturalWidth,
+        naturalHeight,
+        offsetWidth: originalWidth,
+        offsetHeight: originalHeight
+      } = imageRef;
+      let {
+        x: screenPosX,
+        y: screenPosY
+      } = imageRef.getBoundingClientRect();
 
-            // Move focus to the dialog when opening it.
-            ref.focus();
-          }
-        },
-        setButtonStyles: ({
-          context,
-          ref
-        }) => {
-          const {
-            naturalWidth,
-            naturalHeight,
-            offsetWidth,
-            offsetHeight
-          } = ref;
+      // Natural ratio of the image clicked to open the lightbox.
+      const naturalRatio = naturalWidth / naturalHeight;
+      // Original ratio of the image clicked to open the lightbox.
+      let originalRatio = originalWidth / originalHeight;
 
-          // If the image isn't loaded yet, we can't
-          // calculate where the button should be.
-          if (naturalWidth === 0 || naturalHeight === 0) {
-            return;
-          }
-          const figure = ref.parentElement;
-          const figureWidth = ref.parentElement.clientWidth;
+      // If it has object-fit: contain, recalculates the original sizes
+      // and the screen position without the blank spaces.
+      if (state.currentImage.scaleAttr === 'contain') {
+        if (naturalRatio > originalRatio) {
+          const heightWithoutSpace = originalWidth / naturalRatio;
+          // Recalculates screen position without the top space.
+          screenPosY += (originalHeight - heightWithoutSpace) / 2;
+          originalHeight = heightWithoutSpace;
+        } else {
+          const widthWithoutSpace = originalHeight * naturalRatio;
+          // Recalculates screen position without the left space.
+          screenPosX += (originalWidth - widthWithoutSpace) / 2;
+          originalWidth = widthWithoutSpace;
+        }
+      }
+      originalRatio = originalWidth / originalHeight;
 
-          // We need special handling for the height because
-          // a caption will cause the figure to be taller than
-          // the image, which means we need to account for that
-          // when calculating the placement of the button in the
-          // top right corner of the image.
-          let figureHeight = ref.parentElement.clientHeight;
-          const caption = figure.querySelector('figcaption');
-          if (caption) {
-            const captionComputedStyle = window.getComputedStyle(caption);
-            figureHeight = figureHeight - caption.offsetHeight - parseFloat(captionComputedStyle.marginTop) - parseFloat(captionComputedStyle.marginBottom);
-          }
-          const buttonOffsetTop = figureHeight - offsetHeight;
-          const buttonOffsetRight = figureWidth - offsetWidth;
+      // Typically, it uses the image's full-sized dimensions. If those
+      // dimensions have not been set (i.e. an external image with only one
+      // size), the image's dimensions in the lightbox are the same
+      // as those of the image in the content.
+      let imgMaxWidth = parseFloat(state.currentImage.targetWidth !== 'none' ? state.currentImage.targetWidth : naturalWidth);
+      let imgMaxHeight = parseFloat(state.currentImage.targetHeight !== 'none' ? state.currentImage.targetHeight : naturalHeight);
 
-          // In the case of an image with object-fit: contain, the
-          // size of the <img> element can be larger than the image itself,
-          // so we need to calculate where to place the button.
-          if (context.core.image.scaleAttr === 'contain') {
-            // Natural ratio of the image.
-            const naturalRatio = naturalWidth / naturalHeight;
-            // Offset ratio of the image.
-            const offsetRatio = offsetWidth / offsetHeight;
-            if (naturalRatio >= offsetRatio) {
-              // If it reaches the width first, keep
-              // the width and compute the height.
-              const referenceHeight = offsetWidth / naturalRatio;
-              context.core.image.imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 16;
-              context.core.image.imageButtonRight = buttonOffsetRight + 16;
-            } else {
-              // If it reaches the height first, keep
-              // the height and compute the width.
-              const referenceWidth = offsetHeight * naturalRatio;
-              context.core.image.imageButtonTop = buttonOffsetTop + 16;
-              context.core.image.imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 16;
-            }
+      // Ratio of the biggest image stored in the database.
+      let imgRatio = imgMaxWidth / imgMaxHeight;
+      let containerMaxWidth = imgMaxWidth;
+      let containerMaxHeight = imgMaxHeight;
+      let containerWidth = imgMaxWidth;
+      let containerHeight = imgMaxHeight;
+      // Checks if the target image has a different ratio than the original
+      // one (thumbnail). Recalculates the width and height.
+      if (naturalRatio.toFixed(2) !== imgRatio.toFixed(2)) {
+        if (naturalRatio > imgRatio) {
+          // If the width is reached before the height, it keeps the maxWidth
+          // and recalculates the height unless the difference between the
+          // maxHeight and the reducedHeight is higher than the maxWidth,
+          // where it keeps the reducedHeight and recalculate the width.
+          const reducedHeight = imgMaxWidth / naturalRatio;
+          if (imgMaxHeight - reducedHeight > imgMaxWidth) {
+            imgMaxHeight = reducedHeight;
+            imgMaxWidth = reducedHeight * naturalRatio;
           } else {
-            context.core.image.imageButtonTop = buttonOffsetTop + 16;
-            context.core.image.imageButtonRight = buttonOffsetRight + 16;
+            imgMaxHeight = imgMaxWidth / naturalRatio;
           }
-        },
-        setStylesOnResize: ({
-          state,
-          context,
-          ref
-        }) => {
-          if (context.core.image.lightboxEnabled && (state.core.image.windowWidth || state.core.image.windowHeight)) {
-            setStyles(context, ref);
+        } else {
+          // If the height is reached before the width, it keeps the maxHeight
+          // and recalculate the width unlesss the difference between the
+          // maxWidth and the reducedWidth is higher than the maxHeight, where
+          // it keeps the reducedWidth and recalculate the height.
+          const reducedWidth = imgMaxHeight * naturalRatio;
+          if (imgMaxWidth - reducedWidth > imgMaxHeight) {
+            imgMaxWidth = reducedWidth;
+            imgMaxHeight = reducedWidth / naturalRatio;
+          } else {
+            imgMaxWidth = imgMaxHeight * naturalRatio;
           }
         }
-      }
-    }
-  }
-}, {
-  afterLoad: ({
-    state
-  }) => {
-    window.addEventListener('resize', debounce(() => {
-      state.core.image.windowWidth = window.innerWidth;
-      state.core.image.windowHeight = window.innerHeight;
-    }));
-  }
-});
+        containerWidth = imgMaxWidth;
+        containerHeight = imgMaxHeight;
+        imgRatio = imgMaxWidth / imgMaxHeight;
 
-/*
- * Computes styles for the lightbox and adds them to the document.
- *
- * @function
- * @param {Object} context - An Interactivity API context
- * @param {Object} event - A triggering event
- */
-function setStyles(context, ref) {
-  // The reference img element lies adjacent
-  // to the event target button in the DOM.
-  let {
-    naturalWidth,
-    naturalHeight,
-    offsetWidth: originalWidth,
-    offsetHeight: originalHeight
-  } = ref;
-  let {
-    x: screenPosX,
-    y: screenPosY
-  } = ref.getBoundingClientRect();
-
-  // Natural ratio of the image clicked to open the lightbox.
-  const naturalRatio = naturalWidth / naturalHeight;
-  // Original ratio of the image clicked to open the lightbox.
-  let originalRatio = originalWidth / originalHeight;
-
-  // If it has object-fit: contain, recalculate the original sizes
-  // and the screen position without the blank spaces.
-  if (context.core.image.scaleAttr === 'contain') {
-    if (naturalRatio > originalRatio) {
-      const heightWithoutSpace = originalWidth / naturalRatio;
-      // Recalculate screen position without the top space.
-      screenPosY += (originalHeight - heightWithoutSpace) / 2;
-      originalHeight = heightWithoutSpace;
-    } else {
-      const widthWithoutSpace = originalHeight * naturalRatio;
-      // Recalculate screen position without the left space.
-      screenPosX += (originalWidth - widthWithoutSpace) / 2;
-      originalWidth = widthWithoutSpace;
-    }
-  }
-  originalRatio = originalWidth / originalHeight;
+        // Calculates the max size of the container.
+        if (originalRatio > imgRatio) {
+          containerMaxWidth = imgMaxWidth;
+          containerMaxHeight = containerMaxWidth / originalRatio;
+        } else {
+          containerMaxHeight = imgMaxHeight;
+          containerMaxWidth = containerMaxHeight * originalRatio;
+        }
+      }
 
-  // Typically, we use the image's full-sized dimensions. If those
-  // dimensions have not been set (i.e. an external image with only one size),
-  // the image's dimensions in the lightbox are the same
-  // as those of the image in the content.
-  let imgMaxWidth = parseFloat(context.core.image.targetWidth !== 'none' ? context.core.image.targetWidth : naturalWidth);
-  let imgMaxHeight = parseFloat(context.core.image.targetHeight !== 'none' ? context.core.image.targetHeight : naturalHeight);
+      // If the image has been pixelated on purpose, it keeps that size.
+      if (originalWidth > containerWidth || originalHeight > containerHeight) {
+        containerWidth = originalWidth;
+        containerHeight = originalHeight;
+      }
 
-  // Ratio of the biggest image stored in the database.
-  let imgRatio = imgMaxWidth / imgMaxHeight;
-  let containerMaxWidth = imgMaxWidth;
-  let containerMaxHeight = imgMaxHeight;
-  let containerWidth = imgMaxWidth;
-  let containerHeight = imgMaxHeight;
-  // Check if the target image has a different ratio than the original one (thumbnail).
-  // Recalculate the width and height.
-  if (naturalRatio.toFixed(2) !== imgRatio.toFixed(2)) {
-    if (naturalRatio > imgRatio) {
-      // If the width is reached before the height, we keep the maxWidth
-      // and recalculate the height.
-      // Unless the difference between the maxHeight and the reducedHeight
-      // is higher than the maxWidth, where we keep the reducedHeight and
-      // recalculate the width.
-      const reducedHeight = imgMaxWidth / naturalRatio;
-      if (imgMaxHeight - reducedHeight > imgMaxWidth) {
-        imgMaxHeight = reducedHeight;
-        imgMaxWidth = reducedHeight * naturalRatio;
-      } else {
-        imgMaxHeight = imgMaxWidth / naturalRatio;
+      // Calculates the final lightbox image size and the scale factor.
+      // MaxWidth is either the window container (accounting for padding) or
+      // the image resolution.
+      let horizontalPadding = 0;
+      if (window.innerWidth > 480) {
+        horizontalPadding = 80;
+      } else if (window.innerWidth > 1920) {
+        horizontalPadding = 160;
       }
-    } else {
-      // If the height is reached before the width, we keep the maxHeight
-      // and recalculate the width.
-      // Unless the difference between the maxWidth and the reducedWidth
-      // is higher than the maxHeight, where we keep the reducedWidth and
-      // recalculate the height.
-      const reducedWidth = imgMaxHeight * naturalRatio;
-      if (imgMaxWidth - reducedWidth > imgMaxHeight) {
-        imgMaxWidth = reducedWidth;
-        imgMaxHeight = reducedWidth / naturalRatio;
+      const verticalPadding = 80;
+      const targetMaxWidth = Math.min(window.innerWidth - horizontalPadding, containerWidth);
+      const targetMaxHeight = Math.min(window.innerHeight - verticalPadding, containerHeight);
+      const targetContainerRatio = targetMaxWidth / targetMaxHeight;
+      if (originalRatio > targetContainerRatio) {
+        // If targetMaxWidth is reached before targetMaxHeight.
+        containerWidth = targetMaxWidth;
+        containerHeight = containerWidth / originalRatio;
       } else {
-        imgMaxWidth = imgMaxHeight * naturalRatio;
+        // If targetMaxHeight is reached before targetMaxWidth.
+        containerHeight = targetMaxHeight;
+        containerWidth = containerHeight * originalRatio;
       }
-    }
-    containerWidth = imgMaxWidth;
-    containerHeight = imgMaxHeight;
-    imgRatio = imgMaxWidth / imgMaxHeight;
+      const containerScale = originalWidth / containerWidth;
+      const lightboxImgWidth = imgMaxWidth * (containerWidth / containerMaxWidth);
+      const lightboxImgHeight = imgMaxHeight * (containerHeight / containerMaxHeight);
 
-    // Calculate the max size of the container.
-    if (originalRatio > imgRatio) {
-      containerMaxWidth = imgMaxWidth;
-      containerMaxHeight = containerMaxWidth / originalRatio;
-    } else {
-      containerMaxHeight = imgMaxHeight;
-      containerMaxWidth = containerMaxHeight * originalRatio;
-    }
-  }
+      // As of this writing, using the calculations above will render the
+      // lightbox with a small, erroneous whitespace on the left side of the
+      // image in iOS Safari, perhaps due to an inconsistency in how browsers
+      // handle absolute positioning and CSS transformation. In any case,
+      // adding 1 pixel to the container width and height solves the problem,
+      // though this can be removed if the issue is fixed in the future.
+      state.overlayStyles = `
+				:root {
+					--wp--lightbox-initial-top-position: ${screenPosY}px;
+					--wp--lightbox-initial-left-position: ${screenPosX}px;
+					--wp--lightbox-container-width: ${containerWidth + 1}px;
+					--wp--lightbox-container-height: ${containerHeight + 1}px;
+					--wp--lightbox-image-width: ${lightboxImgWidth}px;
+					--wp--lightbox-image-height: ${lightboxImgHeight}px;
+					--wp--lightbox-scale: ${containerScale};
+					--wp--lightbox-scrollbar-width: ${window.innerWidth - document.documentElement.clientWidth}px;
+				}
+			`;
+    },
+    setButtonStyles() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      ctx.imageRef = ref;
+      const {
+        naturalWidth,
+        naturalHeight,
+        offsetWidth,
+        offsetHeight
+      } = ref;
 
-  // If the image has been pixelated on purpose, keep that size.
-  if (originalWidth > containerWidth || originalHeight > containerHeight) {
-    containerWidth = originalWidth;
-    containerHeight = originalHeight;
-  }
+      // If the image isn't loaded yet, it can't calculate where the button
+      // should be.
+      if (naturalWidth === 0 || naturalHeight === 0) {
+        return;
+      }
+      const figure = ref.parentElement;
+      const figureWidth = ref.parentElement.clientWidth;
 
-  // Calculate the final lightbox image size and the
-  // scale factor. MaxWidth is either the window container
-  // (accounting for padding) or the image resolution.
-  let horizontalPadding = 0;
-  if (window.innerWidth > 480) {
-    horizontalPadding = 80;
-  } else if (window.innerWidth > 1920) {
-    horizontalPadding = 160;
-  }
-  const verticalPadding = 80;
-  const targetMaxWidth = Math.min(window.innerWidth - horizontalPadding, containerWidth);
-  const targetMaxHeight = Math.min(window.innerHeight - verticalPadding, containerHeight);
-  const targetContainerRatio = targetMaxWidth / targetMaxHeight;
-  if (originalRatio > targetContainerRatio) {
-    // If targetMaxWidth is reached before targetMaxHeight
-    containerWidth = targetMaxWidth;
-    containerHeight = containerWidth / originalRatio;
-  } else {
-    // If targetMaxHeight is reached before targetMaxWidth
-    containerHeight = targetMaxHeight;
-    containerWidth = containerHeight * originalRatio;
-  }
-  const containerScale = originalWidth / containerWidth;
-  const lightboxImgWidth = imgMaxWidth * (containerWidth / containerMaxWidth);
-  const lightboxImgHeight = imgMaxHeight * (containerHeight / containerMaxHeight);
+      // It needs special handling for the height because a caption will cause
+      // the figure to be taller than the image, which means it needs to
+      // account for that when calculating the placement of the button in the
+      // top right corner of the image.
+      let figureHeight = ref.parentElement.clientHeight;
+      const caption = figure.querySelector('figcaption');
+      if (caption) {
+        const captionComputedStyle = window.getComputedStyle(caption);
+        if (!['absolute', 'fixed'].includes(captionComputedStyle.position)) {
+          figureHeight = figureHeight - caption.offsetHeight - parseFloat(captionComputedStyle.marginTop) - parseFloat(captionComputedStyle.marginBottom);
+        }
+      }
+      const buttonOffsetTop = figureHeight - offsetHeight;
+      const buttonOffsetRight = figureWidth - offsetWidth;
 
-  // Add the CSS variables needed.
-  let styleTag = document.getElementById('wp-lightbox-styles');
-  if (!styleTag) {
-    styleTag = document.createElement('style');
-    styleTag.id = 'wp-lightbox-styles';
-    document.head.appendChild(styleTag);
+      // In the case of an image with object-fit: contain, the size of the
+      // <img> element can be larger than the image itself, so it needs to
+      // calculate where to place the button.
+      if (ctx.scaleAttr === 'contain') {
+        // Natural ratio of the image.
+        const naturalRatio = naturalWidth / naturalHeight;
+        // Offset ratio of the image.
+        const offsetRatio = offsetWidth / offsetHeight;
+        if (naturalRatio >= offsetRatio) {
+          // If it reaches the width first, it keeps the width and compute the
+          // height.
+          const referenceHeight = offsetWidth / naturalRatio;
+          ctx.imageButtonTop = (offsetHeight - referenceHeight) / 2 + buttonOffsetTop + 16;
+          ctx.imageButtonRight = buttonOffsetRight + 16;
+        } else {
+          // If it reaches the height first, it keeps the height and compute
+          // the width.
+          const referenceWidth = offsetHeight * naturalRatio;
+          ctx.imageButtonTop = buttonOffsetTop + 16;
+          ctx.imageButtonRight = (offsetWidth - referenceWidth) / 2 + buttonOffsetRight + 16;
+        }
+      } else {
+        ctx.imageButtonTop = buttonOffsetTop + 16;
+        ctx.imageButtonRight = buttonOffsetRight + 16;
+      }
+    },
+    setOverlayFocus() {
+      if (state.overlayEnabled) {
+        // Moves the focus to the dialog when it opens.
+        const {
+          ref
+        } = (0,interactivity_namespaceObject.getElement)();
+        ref.focus();
+      }
+    },
+    initTriggerButton() {
+      const ctx = (0,interactivity_namespaceObject.getContext)();
+      const {
+        ref
+      } = (0,interactivity_namespaceObject.getElement)();
+      ctx.buttonRef = ref;
+    }
   }
+}, {
+  lock: true
+});
 
-  // As of this writing, using the calculations above will render the lightbox
-  // with a small, erroneous whitespace on the left side of the image in iOS Safari,
-  // perhaps due to an inconsistency in how browsers handle absolute positioning and CSS
-  // transformation. In any case, adding 1 pixel to the container width and height solves
-  // the problem, though this can be removed if the issue is fixed in the future.
-  styleTag.innerHTML = `
-		:root {
-			--wp--lightbox-initial-top-position: ${screenPosY}px;
-			--wp--lightbox-initial-left-position: ${screenPosX}px;
-			--wp--lightbox-container-width: ${containerWidth + 1}px;
-			--wp--lightbox-container-height: ${containerHeight + 1}px;
-			--wp--lightbox-image-width: ${lightboxImgWidth}px;
-			--wp--lightbox-image-height: ${lightboxImgHeight}px;
-			--wp--lightbox-scale: ${containerScale};
-		}
-	`;
-}
-
-/*
- * Debounces a function call.
- *
- * @function
- * @param {Function} func - A function to be called
- * @param {number} wait - The time to wait before calling the function
- */
-function debounce(func, wait = 50) {
-  let timeout;
-  return () => {
-    const later = () => {
-      timeout = null;
-      func();
-    };
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-  };
-}
-
-/***/ })
-
-},
-/******/ function(__webpack_require__) { // webpackRuntimeModules
-/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
-/******/ var __webpack_exports__ = (__webpack_exec__(699));
-/******/ }
-]);
\ No newline at end of file
diff --git a/wp-includes/blocks/image/view.min.asset.php b/wp-includes/blocks/image/view.min.asset.php
index d1b4a61..5b46fcb 100644
--- a/wp-includes/blocks/image/view.min.asset.php
+++ b/wp-includes/blocks/image/view.min.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '32caaf5e7c6834efef4c');
+<?php return array('dependencies' => array(), 'version' => 'ff354d5368d64857fef0');
diff --git a/wp-includes/blocks/image/view.min.js b/wp-includes/blocks/image/view.min.js
index af1d512..da52394 100644
--- a/wp-includes/blocks/image/view.min.js
+++ b/wp-includes/blocks/image/view.min.js
@@ -1 +1 @@
-"use strict";(self.__WordPressPrivateInteractivityAPI__=self.__WordPressPrivateInteractivityAPI__||[]).push([[354],{699:function(e,t,i){var o=i(754);const n=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',"select:not([disabled]):not([aria-hidden])","textarea:not([disabled]):not([aria-hidden])","button:not([disabled]):not([aria-hidden])","iframe","object","embed","[contenteditable]",'[tabindex]:not([tabindex^="-"])'];let a,r=!1,c=0;function l(e){!r&&Date.now()-c>450&&window.scrollTo(e.core.image.scrollLeftReset,e.core.image.scrollTopReset)}function g(e,t){let{naturalWidth:i,naturalHeight:o,offsetWidth:n,offsetHeight:a}=t,{x:r,y:c}=t.getBoundingClientRect();const l=i/o;let g=n/a;if("contain"===e.core.image.scaleAttr)if(l>g){const e=n/l;c+=(a-e)/2,a=e}else{const e=a*l;r+=(n-e)/2,n=e}g=n/a;let d=parseFloat("none"!==e.core.image.targetWidth?e.core.image.targetWidth:i),m=parseFloat("none"!==e.core.image.targetHeight?e.core.image.targetHeight:o),s=d/m,h=d,u=m,f=d,w=m;if(l.toFixed(2)!==s.toFixed(2)){if(l>s){const e=d/l;m-e>d?(m=e,d=e*l):m=d/l}else{const e=m*l;d-e>m?(d=e,m=e/l):d=m*l}f=d,w=m,s=d/m,g>s?(h=d,u=h/g):(u=m,h=u*g)}(n>f||a>w)&&(f=n,w=a);let b=0;window.innerWidth>480?b=80:window.innerWidth>1920&&(b=160);const x=Math.min(window.innerWidth-b,f),p=Math.min(window.innerHeight-80,w);g>x/p?(f=x,w=f/g):(w=p,f=w*g);const E=n/f,y=d*(f/h),v=m*(w/u);let A=document.getElementById("wp-lightbox-styles");A||(A=document.createElement("style"),A.id="wp-lightbox-styles",document.head.appendChild(A)),A.innerHTML=`\n\t\t:root {\n\t\t\t--wp--lightbox-initial-top-position: ${c}px;\n\t\t\t--wp--lightbox-initial-left-position: ${r}px;\n\t\t\t--wp--lightbox-container-width: ${f+1}px;\n\t\t\t--wp--lightbox-container-height: ${w+1}px;\n\t\t\t--wp--lightbox-image-width: ${y}px;\n\t\t\t--wp--lightbox-image-height: ${v}px;\n\t\t\t--wp--lightbox-scale: ${E};\n\t\t}\n\t`}(0,o.h)({state:{core:{image:{windowWidth:window.innerWidth,windowHeight:window.innerHeight}}},actions:{core:{image:{showLightbox:({context:e,event:t})=>{e.core.image.imageLoaded&&(e.core.image.initialized=!0,e.core.image.lastFocusedElement=window.document.activeElement,e.core.image.scrollDelta=0,e.core.image.pointerType=t.pointerType,e.core.image.lightboxEnabled=!0,g(e,e.core.image.imageRef),e.core.image.scrollTopReset=window.pageYOffset||document.documentElement.scrollTop,e.core.image.scrollLeftReset=window.pageXOffset||document.documentElement.scrollLeft,a=l.bind(null,e),window.addEventListener("scroll",a,!1))},hideLightbox:async({context:e})=>{e.core.image.hideAnimationEnabled=!0,e.core.image.lightboxEnabled&&(setTimeout((function(){window.removeEventListener("scroll",a),e.core.image.lightboxTriggerRef.focus({preventScroll:!0})}),450),e.core.image.lightboxEnabled=!1)},handleKeydown:({context:e,actions:t,event:i})=>{e.core.image.lightboxEnabled&&("Tab"!==i.key&&9!==i.keyCode||(i.shiftKey&&window.document.activeElement===e.core.image.firstFocusableElement?(i.preventDefault(),e.core.image.lastFocusableElement.focus()):i.shiftKey||window.document.activeElement!==e.core.image.lastFocusableElement||(i.preventDefault(),e.core.image.firstFocusableElement.focus())),"Escape"!==i.key&&27!==i.keyCode||t.core.image.hideLightbox({context:e,event:i}))},handleLoad:({context:e,effects:t,ref:i})=>{e.core.image.imageLoaded=!0,e.core.image.imageCurrentSrc=i.currentSrc,t.core.image.setButtonStyles({context:e,ref:i})},handleTouchStart:()=>{r=!0},handleTouchMove:({context:e,event:t})=>{e.core.image.lightboxEnabled&&t.preventDefault()},handleTouchEnd:()=>{c=Date.now(),r=!1}}}},selectors:{core:{image:{roleAttribute:({context:e})=>e.core.image.lightboxEnabled?"dialog":null,ariaModal:({context:e})=>e.core.image.lightboxEnabled?"true":null,dialogLabel:({context:e})=>e.core.image.lightboxEnabled?e.core.image.dialogLabel:null,lightboxObjectFit:({context:e})=>{if(e.core.image.initialized)return"cover"},enlargedImgSrc:({context:e})=>e.core.image.initialized?e.core.image.imageUploadedSrc:"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="}}},effects:{core:{image:{initOriginImage:({context:e,ref:t})=>{e.core.image.imageRef=t,e.core.image.lightboxTriggerRef=t.parentElement.querySelector(".lightbox-trigger"),t.complete&&(e.core.image.imageLoaded=!0,e.core.image.imageCurrentSrc=t.currentSrc)},initLightbox:async({context:e,ref:t})=>{if(e.core.image.lightboxEnabled){const i=t.querySelectorAll(n);e.core.image.firstFocusableElement=i[0],e.core.image.lastFocusableElement=i[i.length-1],t.focus()}},setButtonStyles:({context:e,ref:t})=>{const{naturalWidth:i,naturalHeight:o,offsetWidth:n,offsetHeight:a}=t;if(0===i||0===o)return;const r=t.parentElement,c=t.parentElement.clientWidth;let l=t.parentElement.clientHeight;const g=r.querySelector("figcaption");if(g){const e=window.getComputedStyle(g);l=l-g.offsetHeight-parseFloat(e.marginTop)-parseFloat(e.marginBottom)}const d=l-a,m=c-n;if("contain"===e.core.image.scaleAttr){const t=i/o;if(t>=n/a){const i=n/t;e.core.image.imageButtonTop=(a-i)/2+d+16,e.core.image.imageButtonRight=m+16}else{const i=a*t;e.core.image.imageButtonTop=d+16,e.core.image.imageButtonRight=(n-i)/2+m+16}}else e.core.image.imageButtonTop=d+16,e.core.image.imageButtonRight=m+16},setStylesOnResize:({state:e,context:t,ref:i})=>{t.core.image.lightboxEnabled&&(e.core.image.windowWidth||e.core.image.windowHeight)&&g(t,i)}}}}},{afterLoad:({state:e})=>{window.addEventListener("resize",function(e,t=50){let i;return()=>{const o=()=>{i=null,e()};clearTimeout(i),i=setTimeout(o,t)}}((()=>{e.core.image.windowWidth=window.innerWidth,e.core.image.windowHeight=window.innerHeight})))}})}},function(e){var t;t=699,e(e.s=t)}]);
\ No newline at end of file
+import*as t from"@wordpress/interactivity";var e={d:(t,n)=>{for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)};const n=(t=>{var n={};return e.d(n,t),n})({getContext:()=>t.getContext,getElement:()=>t.getElement,store:()=>t.store});let o,r,i=!1,l=0;const{state:a,actions:c,callbacks:s}=(0,n.store)("core/image",{state:{currentImage:{},get overlayOpened(){return a.currentImage.currentSrc},get roleAttribute(){return a.overlayOpened?"dialog":null},get ariaModal(){return a.overlayOpened?"true":null},get enlargedSrc(){return a.currentImage.uploadedSrc||"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="},get imgStyles(){return a.overlayOpened&&`${a.currentImage.imgStyles?.replace(/;$/,"")}; object-fit:cover;`}},actions:{showLightbox(){const t=(0,n.getContext)();t.imageRef?.complete&&(a.scrollTopReset=document.documentElement.scrollTop,a.scrollLeftReset=document.documentElement.scrollLeft,t.currentSrc=t.imageRef.currentSrc,o=t.imageRef,r=t.buttonRef,a.currentImage=t,a.overlayEnabled=!0,s.setOverlayStyles())},hideLightbox(){a.overlayEnabled&&(setTimeout((function(){r.focus({preventScroll:!0}),a.currentImage={},o=null,r=null}),450),a.showClosingAnimation=!0,a.overlayEnabled=!1)},handleKeydown(t){if(a.overlayEnabled){if("Tab"===t.key){t.preventDefault();const{ref:e}=(0,n.getElement)();e.querySelector("button").focus()}"Escape"===t.key&&c.hideLightbox()}},handleTouchMove(t){a.overlayEnabled&&t.preventDefault()},handleTouchStart(){i=!0},handleTouchEnd(){l=Date.now(),i=!1},handleScroll(){a.overlayOpened&&!i&&Date.now()-l>450&&window.scrollTo(a.scrollLeftReset,a.scrollTopReset)}},callbacks:{setOverlayStyles(){if(!o)return;let{naturalWidth:t,naturalHeight:e,offsetWidth:n,offsetHeight:r}=o,{x:i,y:l}=o.getBoundingClientRect();const c=t/e;let s=n/r;if("contain"===a.currentImage.scaleAttr)if(c>s){const t=n/c;l+=(r-t)/2,r=t}else{const t=r*c;i+=(n-t)/2,n=t}s=n/r;let g=parseFloat("none"!==a.currentImage.targetWidth?a.currentImage.targetWidth:t),u=parseFloat("none"!==a.currentImage.targetHeight?a.currentImage.targetHeight:e),d=g/u,h=g,m=u,p=g,f=u;if(c.toFixed(2)!==d.toFixed(2)){if(c>d){const t=g/c;u-t>g?(u=t,g=t*c):u=g/c}else{const t=u*c;g-t>u?(g=t,u=t/c):g=u*c}p=g,f=u,d=g/u,s>d?(h=g,m=h/s):(m=u,h=m*s)}(n>p||r>f)&&(p=n,f=r);let w=0;window.innerWidth>480?w=80:window.innerWidth>1920&&(w=160);const y=Math.min(window.innerWidth-w,p),b=Math.min(window.innerHeight-80,f);s>y/b?(p=y,f=p/s):(f=b,p=f*s);const x=n/p,v=g*(p/h),A=u*(f/m);a.overlayStyles=`\n\t\t\t\t:root {\n\t\t\t\t\t--wp--lightbox-initial-top-position: ${l}px;\n\t\t\t\t\t--wp--lightbox-initial-left-position: ${i}px;\n\t\t\t\t\t--wp--lightbox-container-width: ${p+1}px;\n\t\t\t\t\t--wp--lightbox-container-height: ${f+1}px;\n\t\t\t\t\t--wp--lightbox-image-width: ${v}px;\n\t\t\t\t\t--wp--lightbox-image-height: ${A}px;\n\t\t\t\t\t--wp--lightbox-scale: ${x};\n\t\t\t\t\t--wp--lightbox-scrollbar-width: ${window.innerWidth-document.documentElement.clientWidth}px;\n\t\t\t\t}\n\t\t\t`},setButtonStyles(){const t=(0,n.getContext)(),{ref:e}=(0,n.getElement)();t.imageRef=e;const{naturalWidth:o,naturalHeight:r,offsetWidth:i,offsetHeight:l}=e;if(0===o||0===r)return;const a=e.parentElement,c=e.parentElement.clientWidth;let s=e.parentElement.clientHeight;const g=a.querySelector("figcaption");if(g){const t=window.getComputedStyle(g);["absolute","fixed"].includes(t.position)||(s=s-g.offsetHeight-parseFloat(t.marginTop)-parseFloat(t.marginBottom))}const u=s-l,d=c-i;if("contain"===t.scaleAttr){const e=o/r;if(e>=i/l){const n=i/e;t.imageButtonTop=(l-n)/2+u+16,t.imageButtonRight=d+16}else{const n=l*e;t.imageButtonTop=u+16,t.imageButtonRight=(i-n)/2+d+16}}else t.imageButtonTop=u+16,t.imageButtonRight=d+16},setOverlayFocus(){if(a.overlayEnabled){const{ref:t}=(0,n.getElement)();t.focus()}},initTriggerButton(){const t=(0,n.getContext)(),{ref:e}=(0,n.getElement)();t.buttonRef=e}}},{lock:!0});
\ No newline at end of file