/*
 * https://github.com/morethanwords/tweb
 * Copyright (C) 2019-2021 Eduard Kuzmenko
 * https://github.com/morethanwords/tweb/blob/master/LICENSE
 */

.gifs-masonry {
  // display: flex;
  // flex-wrap: wrap;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(3,1fr);
  gap: .125rem;

  .gif {
    width: auto !important;
    height: 0 !important;
  }

  .media-video,
  .media-photo {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .media-photo {
    position: absolute;
    left: 0;
    top: 0;
  }

  .preloader-container {
    z-index: 2;
  }
}