.novablocks-advanced-gallery {
  position: relative;
  padding-top: 50%;
  margin-top: var(--novablocks-advanced-gallery-vertical-spacing);
  margin-bottom: var(--novablocks-advanced-gallery-vertical-spacing);
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

.novablocks-advanced-gallery__grid {
  display: grid;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  --novablocks-advanced-gallery-grid-gap: 10px;
  margin-top: calc(-1 * var(--novablocks-advanced-gallery-grid-gap));
  margin-left: calc(-1 * var(--novablocks-advanced-gallery-grid-gap)); }
  .novablocks-advanced-gallery__grid + .novablocks-advanced-gallery__grid {
    margin-top: 0; }

.novablocks-advanced-gallery__grid-item {
  margin-top: var(--novablocks-advanced-gallery-grid-gap);
  margin-left: var(--novablocks-advanced-gallery-grid-gap);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .novablocks-advanced-gallery__grid-item[class] .credits {
    font-size: 12px; }

.novablocks-advanced-gallery__grid-item-media {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0; }

.novablocks-advanced-gallery__grid-item-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding-top: calc(0.125 * var(--novablocks-spacing)); }
  .show-captions-on-hover .novablocks-advanced-gallery__grid-item-info {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: var(--novablocks-transition);
    transition: var(--novablocks-transition);
    --novablocks-transition-duration: 0.15s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
  .show-captions-on-hover .novablocks-advanced-gallery__grid-item:hover .novablocks-advanced-gallery__grid-item-info {
    opacity: 1;
    pointer-events: auto; }

.novablocks-advanced-gallery__image[class] {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  width: auto;
  height: auto; }
  @supports (transform: translate(-50%, -50%)) {
    .novablocks-advanced-gallery__image[class] {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .novablocks-advanced-gallery__image[class] {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      left: 0;
      -webkit-transform: none;
              transform: none; } }