[Summary view] [Print] [Text view]

   1  .wp-block-image img{
   2    box-sizing:border-box;
   3    height:auto;
   4    max-width:100%;
   5    vertical-align:bottom;
   6  }
   7  .wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{
   8    border-radius:inherit;
   9  }
  10  .wp-block-image.has-custom-border img{
  11    box-sizing:border-box;
  12  }
  13  .wp-block-image.aligncenter{
  14    text-align:center;
  15  }
  16  .wp-block-image.alignfull img,.wp-block-image.alignwide img{
  17    height:auto;
  18    width:100%;
  19  }
  20  .wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{
  21    display:table;
  22  }
  23  .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{
  24    caption-side:bottom;
  25    display:table-caption;
  26  }
  27  .wp-block-image .alignleft{
  28    float:left;
  29    margin:.5em 1em .5em 0;
  30  }
  31  .wp-block-image .alignright{
  32    float:right;
  33    margin:.5em 0 .5em 1em;
  34  }
  35  .wp-block-image .aligncenter{
  36    margin-left:auto;
  37    margin-right:auto;
  38  }
  39  .wp-block-image figcaption{
  40    margin-bottom:1em;
  41    margin-top:.5em;
  42  }
  43  .wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{
  44    border-radius:9999px;
  45  }
  46  @supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){
  47    .wp-block-image.is-style-circle-mask img{
  48      border-radius:0;
  49      -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>');
  50              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>');
  51      mask-mode:alpha;
  52      -webkit-mask-position:center;
  53              mask-position:center;
  54      -webkit-mask-repeat:no-repeat;
  55              mask-repeat:no-repeat;
  56      -webkit-mask-size:contain;
  57              mask-size:contain;
  58    }
  59  }
  60  .wp-block-image :where(.has-border-color){
  61    border-style:solid;
  62  }
  63  .wp-block-image :where([style*=border-top-color]){
  64    border-top-style:solid;
  65  }
  66  .wp-block-image :where([style*=border-right-color]){
  67    border-left-style:solid;
  68  }
  69  .wp-block-image :where([style*=border-bottom-color]){
  70    border-bottom-style:solid;
  71  }
  72  .wp-block-image :where([style*=border-left-color]){
  73    border-right-style:solid;
  74  }
  75  .wp-block-image :where([style*=border-width]){
  76    border-style:solid;
  77  }
  78  .wp-block-image :where([style*=border-top-width]){
  79    border-top-style:solid;
  80  }
  81  .wp-block-image :where([style*=border-right-width]){
  82    border-left-style:solid;
  83  }
  84  .wp-block-image :where([style*=border-bottom-width]){
  85    border-bottom-style:solid;
  86  }
  87  .wp-block-image :where([style*=border-left-width]){
  88    border-right-style:solid;
  89  }
  90  
  91  .wp-block-image figure{
  92    margin:0;
  93  }
  94  
  95  .wp-lightbox-container{
  96    display:flex;
  97    flex-direction:column;
  98    position:relative;
  99  }
 100  .wp-lightbox-container img{
 101    cursor:zoom-in;
 102  }
 103  .wp-lightbox-container img:hover+button{
 104    opacity:1;
 105  }
 106  .wp-lightbox-container button{
 107    align-items:center;
 108    -webkit-backdrop-filter:blur(16px) saturate(180%);
 109            backdrop-filter:blur(16px) saturate(180%);
 110    background-color:#5a5a5a40;
 111    border:none;
 112    border-radius:4px;
 113    cursor:zoom-in;
 114    display:flex;
 115    height:20px;
 116    justify-content:center;
 117    left:16px;
 118    opacity:0;
 119    padding:0;
 120    position:absolute;
 121    text-align:center;
 122    top:16px;
 123    transition:opacity .2s ease;
 124    width:20px;
 125    z-index:100;
 126  }
 127  .wp-lightbox-container button:focus-visible{
 128    outline:3px auto #5a5a5a40;
 129    outline:3px auto -webkit-focus-ring-color;
 130    outline-offset:3px;
 131  }
 132  .wp-lightbox-container button:hover{
 133    cursor:pointer;
 134    opacity:1;
 135  }
 136  .wp-lightbox-container button:focus{
 137    opacity:1;
 138  }
 139  .wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){
 140    background-color:#5a5a5a40;
 141    border:none;
 142  }
 143  
 144  .wp-lightbox-overlay{
 145    box-sizing:border-box;
 146    cursor:zoom-out;
 147    height:100vh;
 148    overflow:hidden;
 149    position:fixed;
 150    right:0;
 151    top:0;
 152    visibility:hidden;
 153    width:100%;
 154    z-index:100000;
 155  }
 156  .wp-lightbox-overlay .close-button{
 157    align-items:center;
 158    cursor:pointer;
 159    display:flex;
 160    justify-content:center;
 161    left:calc(env(safe-area-inset-left) + 16px);
 162    min-height:40px;
 163    min-width:40px;
 164    padding:0;
 165    position:absolute;
 166    top:calc(env(safe-area-inset-top) + 16px);
 167    z-index:5000000;
 168  }
 169  .wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){
 170    background:none;
 171    border:none;
 172  }
 173  .wp-lightbox-overlay .lightbox-image-container{
 174    height:var(--wp--lightbox-container-height);
 175    overflow:hidden;
 176    position:absolute;
 177    right:50%;
 178    top:50%;
 179    transform:translate(50%, -50%);
 180    transform-origin:top right;
 181    width:var(--wp--lightbox-container-width);
 182    z-index:9999999999;
 183  }
 184  .wp-lightbox-overlay .wp-block-image{
 185    align-items:center;
 186    box-sizing:border-box;
 187    display:flex;
 188    height:100%;
 189    justify-content:center;
 190    margin:0;
 191    position:relative;
 192    transform-origin:100% 0;
 193    width:100%;
 194    z-index:3000000;
 195  }
 196  .wp-lightbox-overlay .wp-block-image img{
 197    height:var(--wp--lightbox-image-height);
 198    min-height:var(--wp--lightbox-image-height);
 199    min-width:var(--wp--lightbox-image-width);
 200    width:var(--wp--lightbox-image-width);
 201  }
 202  .wp-lightbox-overlay .wp-block-image figcaption{
 203    display:none;
 204  }
 205  .wp-lightbox-overlay button{
 206    background:none;
 207    border:none;
 208  }
 209  .wp-lightbox-overlay .scrim{
 210    background-color:#fff;
 211    height:100%;
 212    opacity:.9;
 213    position:absolute;
 214    width:100%;
 215    z-index:2000000;
 216  }
 217  .wp-lightbox-overlay.active{
 218    animation:turn-on-visibility .25s both;
 219    visibility:visible;
 220  }
 221  .wp-lightbox-overlay.active img{
 222    animation:turn-on-visibility .35s both;
 223  }
 224  .wp-lightbox-overlay.show-closing-animation:not(.active){
 225    animation:turn-off-visibility .35s both;
 226  }
 227  .wp-lightbox-overlay.show-closing-animation:not(.active) img{
 228    animation:turn-off-visibility .25s both;
 229  }
 230  @media (prefers-reduced-motion:no-preference){
 231    .wp-lightbox-overlay.zoom.active{
 232      animation:none;
 233      opacity:1;
 234      visibility:visible;
 235    }
 236    .wp-lightbox-overlay.zoom.active .lightbox-image-container{
 237      animation:lightbox-zoom-in .4s;
 238    }
 239    .wp-lightbox-overlay.zoom.active .lightbox-image-container img{
 240      animation:none;
 241    }
 242    .wp-lightbox-overlay.zoom.active .scrim{
 243      animation:turn-on-visibility .4s forwards;
 244    }
 245    .wp-lightbox-overlay.zoom.show-closing-animation:not(.active){
 246      animation:none;
 247    }
 248    .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{
 249      animation:lightbox-zoom-out .4s;
 250    }
 251    .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{
 252      animation:none;
 253    }
 254    .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{
 255      animation:turn-off-visibility .4s forwards;
 256    }
 257  }
 258  
 259  @keyframes turn-on-visibility{
 260    0%{
 261      opacity:0;
 262    }
 263    to{
 264      opacity:1;
 265    }
 266  }
 267  @keyframes turn-off-visibility{
 268    0%{
 269      opacity:1;
 270      visibility:visible;
 271    }
 272    99%{
 273      opacity:0;
 274      visibility:visible;
 275    }
 276    to{
 277      opacity:0;
 278      visibility:hidden;
 279    }
 280  }
 281  @keyframes lightbox-zoom-in{
 282    0%{
 283      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));
 284    }
 285    to{
 286      transform:translate(50%, -50%) scale(1);
 287    }
 288  }
 289  @keyframes lightbox-zoom-out{
 290    0%{
 291      transform:translate(50%, -50%) scale(1);
 292      visibility:visible;
 293    }
 294    99%{
 295      visibility:visible;
 296    }
 297    to{
 298      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));
 299      visibility:hidden;
 300    }
 301  }