: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{
.wp-block-image.has-custom-border img{
.wp-block-image.aligncenter{
.wp-block-image.alignfull img,.wp-block-image.alignwide img{
.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{
.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{
.wp-block-image .alignleft{
.wp-block-image .alignright{
.wp-block-image .aligncenter{
.wp-block-image :where(figcaption){
.wp-block-image.is-style-circle-mask img{
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){
.wp-block-image.is-style-circle-mask img{
-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>');
-webkit-mask-position:center;
-webkit-mask-repeat:no-repeat;
-webkit-mask-size:contain;
:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){
.wp-lightbox-container img{
.wp-lightbox-container img:hover+button{
.wp-lightbox-container button{
-webkit-backdrop-filter:blur(16px) saturate(180%);
backdrop-filter:blur(16px) saturate(180%);
background-color:#5a5a5a40;
transition:opacity .2s ease;
.wp-lightbox-container button:focus-visible{
outline:3px auto #5a5a5a40;
outline:3px auto -webkit-focus-ring-color;
.wp-lightbox-container button:hover{
.wp-lightbox-container button:focus{
.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){
background-color:#5a5a5a40;
.wp-lightbox-overlay .close-button{
right:calc(env(safe-area-inset-right) + 16px);
top:calc(env(safe-area-inset-top) + 16px);
.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){
.wp-lightbox-overlay .lightbox-image-container{
height:var(--wp--lightbox-container-height);
transform:translate(-50%, -50%);
transform-origin:top left;
width:var(--wp--lightbox-container-width);
.wp-lightbox-overlay .wp-block-image{
.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{
.wp-lightbox-overlay button{
.wp-lightbox-overlay .scrim{
.wp-lightbox-overlay.active{
animation:turn-on-visibility .25s both;
.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{
.wp-lightbox-overlay.zoom.active .lightbox-image-container{
animation:lightbox-zoom-in .4s;
.wp-lightbox-overlay.zoom.active .lightbox-image-container img{
.wp-lightbox-overlay.zoom.active .scrim{
animation:turn-on-visibility .4s forwards;
.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){
.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{
.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{
animation:turn-off-visibility .4s forwards;
@keyframes turn-on-visibility{
@keyframes turn-off-visibility{
@keyframes lightbox-zoom-in{
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));
transform:translate(-50%, -50%) scale(1);
@keyframes lightbox-zoom-out{
transform:translate(-50%, -50%) scale(1);
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));