[Summary view] [Print] [Text view]

   1  /**
   2   * Colors
   3   */
   4  /**
   5   * Typography
   6   */
   7  /**
   8   * SCSS Variables.
   9   *
  10   * Please use variables from this sheet to ensure consistency across the UI.
  11   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
  12   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  13   */
  14  /**
  15   * Fonts & basic variables.
  16   */
  17  /**
  18   * Typography
  19   */
  20  /**
  21   * Grid System.
  22   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  23   */
  24  /**
  25   * Radius scale.
  26   */
  27  /**
  28   * Elevation scale.
  29   */
  30  /**
  31   * Dimensions.
  32   */
  33  /**
  34   * Mobile specific styles
  35   */
  36  /**
  37   * Editor styles.
  38   */
  39  /**
  40   * Block & Editor UI.
  41   */
  42  /**
  43   * Block paddings.
  44   */
  45  /**
  46   * React Native specific.
  47   * These variables do not appear to be used anywhere else.
  48   */
  49  /**
  50   * Breakpoints & Media Queries
  51   */
  52  /**
  53  *  Converts a hex value into the rgb equivalent.
  54  *
  55  * @param {string} hex - the hexadecimal value to convert
  56  * @return {string} comma separated rgb values
  57  */
  58  /**
  59   * Long content fade mixin
  60   *
  61   * Creates a fading overlay to signify that the content is longer
  62   * than the space allows.
  63   */
  64  /**
  65   * Breakpoint mixins
  66   */
  67  /**
  68   * Focus styles.
  69   */
  70  /**
  71   * Applies editor left position to the selector passed as argument
  72   */
  73  /**
  74   * Styles that are reused verbatim in a few places
  75   */
  76  /**
  77   * Allows users to opt-out of animations via OS-level preferences.
  78   */
  79  /**
  80   * Reset default styles for JavaScript UI based pages.
  81   * This is a WP-admin agnostic reset
  82   */
  83  /**
  84   * Reset the WP Admin page styles for Gutenberg-like pages.
  85   */
  86  .wp-block-gallery:not(.has-nested-images),
  87  .blocks-gallery-grid:not(.has-nested-images) {
  88    display: flex;
  89    flex-wrap: wrap;
  90    list-style-type: none;
  91    padding: 0;
  92    margin: 0;
  93  }
  94  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
  95  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item,
  96  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
  97  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item {
  98    margin: 0 1em 1em 0;
  99    display: flex;
 100    flex-grow: 1;
 101    flex-direction: column;
 102    justify-content: center;
 103    position: relative;
 104    width: calc(50% - 1em);
 105  }
 106  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
 107  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even),
 108  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
 109  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) {
 110    margin-right: 0;
 111  }
 112  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
 113  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure,
 114  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
 115  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure {
 116    margin: 0;
 117    height: 100%;
 118    display: flex;
 119    align-items: flex-end;
 120    justify-content: flex-start;
 121  }
 122  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
 123  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img,
 124  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
 125  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img {
 126    display: block;
 127    max-width: 100%;
 128    height: auto;
 129    width: auto;
 130  }
 131  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
 132  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption,
 133  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
 134  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption {
 135    position: absolute;
 136    bottom: 0;
 137    width: 100%;
 138    max-height: 100%;
 139    overflow: auto;
 140    padding: 3em 0.77em 0.7em;
 141    color: #fff;
 142    text-align: center;
 143    font-size: 0.8em;
 144    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
 145    box-sizing: border-box;
 146    margin: 0;
 147    z-index: 2;
 148  }
 149  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
 150  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img,
 151  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
 152  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img {
 153    display: inline;
 154  }
 155  .wp-block-gallery:not(.has-nested-images) figcaption,
 156  .blocks-gallery-grid:not(.has-nested-images) figcaption {
 157    flex-grow: 1;
 158  }
 159  .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
 160  .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
 161  .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img,
 162  .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
 163  .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
 164  .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
 165  .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img {
 166    width: 100%;
 167    height: 100%;
 168    flex: 1;
 169    object-fit: cover;
 170  }
 171  .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
 172  .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
 173  .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item {
 174    width: 100%;
 175    margin-right: 0;
 176  }
 177  @media (min-width: 600px) {
 178    .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item,
 179    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
 180    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item {
 181      width: calc(33.3333333333% - 0.6666666667em);
 182      margin-right: 1em;
 183    }
 184    .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item,
 185    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
 186    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item {
 187      width: calc(25% - 0.75em);
 188      margin-right: 1em;
 189    }
 190    .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item,
 191    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
 192    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item {
 193      width: calc(20% - 0.8em);
 194      margin-right: 1em;
 195    }
 196    .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item,
 197    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
 198    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item {
 199      width: calc(16.6666666667% - 0.8333333333em);
 200      margin-right: 1em;
 201    }
 202    .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item,
 203    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
 204    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item {
 205      width: calc(14.2857142857% - 0.8571428571em);
 206      margin-right: 1em;
 207    }
 208    .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item,
 209    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
 210    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item {
 211      width: calc(12.5% - 0.875em);
 212      margin-right: 1em;
 213    }
 214    .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
 215    .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
 216    .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) {
 217      margin-right: 0;
 218    }
 219    .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
 220    .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
 221    .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) {
 222      margin-right: 0;
 223    }
 224    .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
 225    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
 226    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) {
 227      margin-right: 0;
 228    }
 229    .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
 230    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
 231    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) {
 232      margin-right: 0;
 233    }
 234    .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
 235    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
 236    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) {
 237      margin-right: 0;
 238    }
 239    .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
 240    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
 241    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) {
 242      margin-right: 0;
 243    }
 244    .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
 245    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
 246    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) {
 247      margin-right: 0;
 248    }
 249    .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),
 250    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
 251    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
 252      margin-right: 0;
 253    }
 254  }
 255  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
 256  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child,
 257  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
 258  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child {
 259    margin-right: 0;
 260  }
 261  .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright,
 262  .blocks-gallery-grid:not(.has-nested-images).alignleft,
 263  .blocks-gallery-grid:not(.has-nested-images).alignright {
 264    max-width: 420px;
 265    width: 100%;
 266  }
 267  .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
 268  .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
 269    justify-content: center;
 270  }
 271  
 272  .wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
 273    align-self: flex-start;
 274  }
 275  
 276  figure.wp-block-gallery.has-nested-images {
 277    align-items: normal;
 278  }
 279  
 280  .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
 281    width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
 282    margin: 0;
 283  }
 284  .wp-block-gallery.has-nested-images figure.wp-block-image {
 285    display: flex;
 286    flex-grow: 1;
 287    justify-content: center;
 288    position: relative;
 289    flex-direction: column;
 290    max-width: 100%;
 291    box-sizing: border-box;
 292  }
 293  .wp-block-gallery.has-nested-images figure.wp-block-image > div,
 294  .wp-block-gallery.has-nested-images figure.wp-block-image > a {
 295    margin: 0;
 296    flex-direction: column;
 297    flex-grow: 1;
 298  }
 299  .wp-block-gallery.has-nested-images figure.wp-block-image img {
 300    display: block;
 301    height: auto;
 302    max-width: 100% !important;
 303    width: auto;
 304  }
 305  .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before,
 306  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 307    position: absolute;
 308    bottom: 0;
 309    right: 0;
 310    left: 0;
 311    max-height: 100%;
 312  }
 313  .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
 314    content: "";
 315    height: 100%;
 316    max-height: 40%;
 317    pointer-events: none;
 318    backdrop-filter: blur(3px);
 319    -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
 320            mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
 321  }
 322  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 323    color: #fff;
 324    text-shadow: 0 0 1.5px #000;
 325    font-size: 13px;
 326    margin: 0;
 327    overflow: auto;
 328    padding: 1em;
 329    text-align: center;
 330    box-sizing: border-box;
 331  }
 332  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar {
 333    width: 12px;
 334    height: 12px;
 335  }
 336  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track {
 337    background-color: transparent;
 338  }
 339  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb {
 340    background-color: transparent;
 341    border-radius: 8px;
 342    border: 3px solid transparent;
 343    background-clip: padding-box;
 344  }
 345  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb {
 346    background-color: rgba(255, 255, 255, 0.8);
 347  }
 348  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 349    scrollbar-width: thin;
 350    scrollbar-gutter: stable both-edges;
 351    scrollbar-color: transparent transparent;
 352  }
 353  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within {
 354    scrollbar-color: rgba(255, 255, 255, 0.8) transparent;
 355  }
 356  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 357    will-change: transform;
 358  }
 359  @media (hover: none) {
 360    .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 361      scrollbar-color: rgba(255, 255, 255, 0.8) transparent;
 362    }
 363  }
 364  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 365    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
 366  }
 367  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
 368    display: inline;
 369  }
 370  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
 371    color: inherit;
 372  }
 373  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img {
 374    box-sizing: border-box;
 375  }
 376  .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div,
 377  .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div,
 378  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a {
 379    flex: 1 1 auto;
 380  }
 381  .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption {
 382    flex: initial;
 383    background: none;
 384    color: inherit;
 385    margin: 0;
 386    padding: 10px 10px 9px;
 387    position: relative;
 388    text-shadow: none;
 389  }
 390  .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded::before, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border::before {
 391    content: none;
 392  }
 393  .wp-block-gallery.has-nested-images figcaption {
 394    flex-grow: 1;
 395    flex-basis: 100%;
 396    text-align: center;
 397  }
 398  .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
 399    margin-top: 0;
 400    margin-bottom: auto;
 401  }
 402  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
 403    align-self: inherit;
 404  }
 405  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
 406  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a {
 407    display: flex;
 408  }
 409  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
 410  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
 411    width: 100%;
 412    flex: 1 0 0%;
 413    height: 100%;
 414    object-fit: cover;
 415  }
 416  .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
 417    width: 100%;
 418  }
 419  @media (min-width: 600px) {
 420    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
 421      width: calc(33.3333333333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
 422    }
 423    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
 424      width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * 0.75);
 425    }
 426    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
 427      width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8);
 428    }
 429    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
 430      width: calc(16.6666666667% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333);
 431    }
 432    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
 433      width: calc(14.2857142857% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571);
 434    }
 435    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
 436      width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * 0.875);
 437    }
 438    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
 439      width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
 440    }
 441    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
 442    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
 443      width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5);
 444    }
 445    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
 446      width: 100%;
 447    }
 448  }
 449  .wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright {
 450    max-width: 420px;
 451    width: 100%;
 452  }
 453  .wp-block-gallery.has-nested-images.aligncenter {
 454    justify-content: center;
 455  }