/**handles:drm-galleryextension-css**/
/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */
@supports (display: grid) {
  .wp-block-gallery.is-style-bigpicleft, .wp-block-gallery.is-style-bigpicright {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(min-content, 1fr);
    grid-gap: 10px; }
    @media (min-width: 880px) {
      .wp-block-gallery.is-style-bigpicleft, .wp-block-gallery.is-style-bigpicright {
        grid-template-columns: repeat(6, 1fr); } }
    @media (min-width: 992px) {
      .wp-block-gallery.is-style-bigpicleft, .wp-block-gallery.is-style-bigpicright {
        grid-gap: 16px; } }
    .wp-block-gallery.is-style-bigpicleft li.blocks-gallery-item, .wp-block-gallery.is-style-bigpicright li.blocks-gallery-item {
      width: 100%;
      margin: 0;
      /*&:first-child{
      	grid-column: 1 / span 2;
      	grid-row: 1 / span 3;
      	@media (min-width:$md){
      		grid-column: 1 / span 3;
      		grid-row: 1 / span 5;
      	}
      }*/ }
      .wp-block-gallery.is-style-bigpicleft li.blocks-gallery-item:not(:first-child) figure, .wp-block-gallery.is-style-bigpicright li.blocks-gallery-item:not(:first-child) figure {
        width: 100%;
        height: 100px;
        padding-bottom: 75%;
        position: relative; }
      .wp-block-gallery.is-style-bigpicleft li.blocks-gallery-item img, .wp-block-gallery.is-style-bigpicright li.blocks-gallery-item img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%; }
  .wp-block-gallery.is-style-bigpicleft li.blocks-gallery-item:first-child {
    grid-column: 1 / span 2;
    grid-row: 1 / span 3; }
    @media (min-width: 880px) {
      .wp-block-gallery.is-style-bigpicleft li.blocks-gallery-item:first-child {
        grid-column: 1 / span 3;
        grid-row: 1 / span 5; } }
  .wp-block-gallery.is-style-bigpicright li.blocks-gallery-item:first-child {
    grid-column: 2 / span 2;
    grid-row: 1 / span 3; }
    @media (min-width: 880px) {
      .wp-block-gallery.is-style-bigpicright li.blocks-gallery-item:first-child {
        grid-column: 4 / span 3;
        grid-row: 1 / span 5; } } }