[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  /**
  87   * Creates a checkerboard pattern background to indicate transparency.
  88   * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
  89   */
  90  .wp-block-gallery:not(.has-nested-images),
  91  .blocks-gallery-grid:not(.has-nested-images) {
  92    display: flex;
  93    flex-wrap: wrap;
  94    list-style-type: none;
  95    padding: 0;
  96    margin: 0;
  97  }
  98  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
  99  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item,
 100  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
 101  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item {
 102    margin: 0 0 1em 1em;
 103    display: flex;
 104    flex-grow: 1;
 105    flex-direction: column;
 106    justify-content: center;
 107    position: relative;
 108    width: calc(50% - 1em);
 109  }
 110  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
 111  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even),
 112  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
 113  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) {
 114    margin-left: 0;
 115  }
 116  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
 117  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure,
 118  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
 119  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure {
 120    margin: 0;
 121    height: 100%;
 122    display: flex;
 123    align-items: flex-end;
 124    justify-content: flex-start;
 125  }
 126  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
 127  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img,
 128  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
 129  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img {
 130    display: block;
 131    max-width: 100%;
 132    height: auto;
 133    width: auto;
 134  }
 135  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
 136  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption,
 137  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
 138  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption {
 139    position: absolute;
 140    bottom: 0;
 141    width: 100%;
 142    max-height: 100%;
 143    overflow: auto;
 144    padding: 3em 0.77em 0.7em;
 145    color: #fff;
 146    text-align: center;
 147    font-size: 0.8em;
 148    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
 149    box-sizing: border-box;
 150    margin: 0;
 151    z-index: 2;
 152  }
 153  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
 154  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img,
 155  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
 156  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img {
 157    display: inline;
 158  }
 159  .wp-block-gallery:not(.has-nested-images) figcaption,
 160  .blocks-gallery-grid:not(.has-nested-images) figcaption {
 161    flex-grow: 1;
 162  }
 163  .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
 164  .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,
 165  .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img,
 166  .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
 167  .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
 168  .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
 169  .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img {
 170    width: 100%;
 171    height: 100%;
 172    flex: 1;
 173    -o-object-fit: cover;
 174       object-fit: cover;
 175  }
 176  .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
 177  .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
 178  .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item {
 179    width: 100%;
 180    margin-left: 0;
 181  }
 182  @media (min-width: 600px) {
 183    .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item,
 184    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
 185    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item {
 186      width: calc(33.3333333333% - 0.6666666667em);
 187      margin-left: 1em;
 188    }
 189    .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item,
 190    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
 191    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item {
 192      width: calc(25% - 0.75em);
 193      margin-left: 1em;
 194    }
 195    .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item,
 196    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
 197    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item {
 198      width: calc(20% - 0.8em);
 199      margin-left: 1em;
 200    }
 201    .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item,
 202    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
 203    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item {
 204      width: calc(16.6666666667% - 0.8333333333em);
 205      margin-left: 1em;
 206    }
 207    .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item,
 208    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
 209    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item {
 210      width: calc(14.2857142857% - 0.8571428571em);
 211      margin-left: 1em;
 212    }
 213    .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item,
 214    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
 215    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item {
 216      width: calc(12.5% - 0.875em);
 217      margin-left: 1em;
 218    }
 219    .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),
 220    .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
 221    .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) {
 222      margin-left: 0;
 223    }
 224    .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),
 225    .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
 226    .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) {
 227      margin-left: 0;
 228    }
 229    .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),
 230    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
 231    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) {
 232      margin-left: 0;
 233    }
 234    .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),
 235    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
 236    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) {
 237      margin-left: 0;
 238    }
 239    .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),
 240    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
 241    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) {
 242      margin-left: 0;
 243    }
 244    .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),
 245    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
 246    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) {
 247      margin-left: 0;
 248    }
 249    .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),
 250    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
 251    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) {
 252      margin-left: 0;
 253    }
 254    .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),
 255    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
 256    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
 257      margin-left: 0;
 258    }
 259  }
 260  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
 261  .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child,
 262  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
 263  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child {
 264    margin-left: 0;
 265  }
 266  .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright,
 267  .blocks-gallery-grid:not(.has-nested-images).alignleft,
 268  .blocks-gallery-grid:not(.has-nested-images).alignright {
 269    max-width: 420px;
 270    width: 100%;
 271  }
 272  .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
 273  .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
 274    justify-content: center;
 275  }
 276  
 277  .wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
 278    align-self: flex-start;
 279  }
 280  
 281  figure.wp-block-gallery.has-nested-images {
 282    align-items: normal;
 283  }
 284  
 285  .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
 286    width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
 287    margin: 0;
 288  }
 289  .wp-block-gallery.has-nested-images figure.wp-block-image {
 290    display: flex;
 291    flex-grow: 1;
 292    justify-content: center;
 293    position: relative;
 294    flex-direction: column;
 295    max-width: 100%;
 296    box-sizing: border-box;
 297  }
 298  .wp-block-gallery.has-nested-images figure.wp-block-image > div,
 299  .wp-block-gallery.has-nested-images figure.wp-block-image > a {
 300    margin: 0;
 301    flex-direction: column;
 302    flex-grow: 1;
 303  }
 304  .wp-block-gallery.has-nested-images figure.wp-block-image img {
 305    display: block;
 306    height: auto;
 307    max-width: 100% !important;
 308    width: auto;
 309  }
 310  .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before,
 311  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 312    position: absolute;
 313    bottom: 0;
 314    left: 0;
 315    right: 0;
 316    max-height: 100%;
 317  }
 318  .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
 319    content: "";
 320    height: 100%;
 321    max-height: 3em;
 322    pointer-events: none;
 323    backdrop-filter: blur(3px);
 324    -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
 325            mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
 326  }
 327  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 328    color: #fff;
 329    text-shadow: 0 0 1.5px #000;
 330    font-size: 13px;
 331    margin: 0;
 332    overflow: auto;
 333    padding: 1em;
 334    text-align: center;
 335    box-sizing: border-box;
 336  }
 337  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar {
 338    width: 12px;
 339    height: 12px;
 340  }
 341  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track {
 342    background-color: transparent;
 343  }
 344  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb {
 345    background-color: transparent;
 346    border-radius: 8px;
 347    border: 3px solid transparent;
 348    background-clip: padding-box;
 349  }
 350  .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 {
 351    background-color: rgba(255, 255, 255, 0.8);
 352  }
 353  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 354    scrollbar-width: thin;
 355    scrollbar-gutter: stable both-edges;
 356    scrollbar-color: transparent transparent;
 357  }
 358  .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 {
 359    scrollbar-color: rgba(255, 255, 255, 0.8) transparent;
 360  }
 361  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 362    will-change: transform;
 363  }
 364  @media (hover: none) {
 365    .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 366      scrollbar-color: rgba(255, 255, 255, 0.8) transparent;
 367    }
 368  }
 369  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
 370    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
 371  }
 372  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
 373    display: inline;
 374  }
 375  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
 376    color: inherit;
 377  }
 378  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img {
 379    box-sizing: border-box;
 380  }
 381  .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div,
 382  .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,
 383  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a {
 384    flex: 1 1 auto;
 385  }
 386  .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 {
 387    flex: initial;
 388    background: none;
 389    color: inherit;
 390    margin: 0;
 391    padding: 10px 10px 9px;
 392    position: relative;
 393    text-shadow: none;
 394  }
 395  .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 {
 396    content: none;
 397  }
 398  .wp-block-gallery.has-nested-images figcaption {
 399    flex-grow: 1;
 400    flex-basis: 100%;
 401    text-align: center;
 402  }
 403  .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
 404    margin-top: 0;
 405    margin-bottom: auto;
 406  }
 407  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
 408    align-self: inherit;
 409  }
 410  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
 411  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a {
 412    display: flex;
 413  }
 414  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
 415  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
 416    width: 100%;
 417    flex: 1 0 0%;
 418    height: 100%;
 419    -o-object-fit: cover;
 420       object-fit: cover;
 421  }
 422  .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
 423    width: 100%;
 424  }
 425  @media (min-width: 600px) {
 426    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
 427      width: calc(33.3333333333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
 428    }
 429    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
 430      width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * 0.75);
 431    }
 432    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
 433      width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8);
 434    }
 435    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
 436      width: calc(16.6666666667% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333);
 437    }
 438    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
 439      width: calc(14.2857142857% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571);
 440    }
 441    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
 442      width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * 0.875);
 443    }
 444    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
 445      width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
 446    }
 447    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
 448    .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) {
 449      width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5);
 450    }
 451    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
 452      width: 100%;
 453    }
 454  }
 455  .wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright {
 456    max-width: 420px;
 457    width: 100%;
 458  }
 459  .wp-block-gallery.has-nested-images.aligncenter {
 460    justify-content: center;
 461  }