/* Hamrah G119B Dev1 R8.2 Telegram Media Albums
   Album thumbnails may crop with cover. The R8.1 full viewer remains contain. */

.g119b-r82-media-album{
  position:relative;
  box-sizing:border-box;
  inline-size:min(430px,calc(100vw - 44px));
  max-inline-size:min(92vw,430px);
  margin-block:3px;
  margin-inline-start:0;
  margin-inline-end:auto;
  isolation:isolate;
}
.g119b-r82-media-album.mine{
  margin-inline-start:auto;
  margin-inline-end:0;
}
.g119b-r82-media-album-grid{
  position:relative;
  display:grid;
  gap:2px;
  inline-size:100%;
  overflow:hidden;
  border-radius:18px;
  background:rgba(255,255,255,.10);
}
.g119b-r82-media-album.count-2 .g119b-r82-media-album-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:minmax(150px,250px);
}
.g119b-r82-media-album.count-3 .g119b-r82-media-album-grid{
  grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);
  grid-template-rows:repeat(2,minmax(92px,128px));
}
.g119b-r82-media-album.count-3 .g119b-r82-album-item:nth-child(1){grid-column:1;grid-row:1 / span 2}
.g119b-r82-media-album.count-3 .g119b-r82-album-item:nth-child(2){grid-column:2;grid-row:1}
.g119b-r82-media-album.count-3 .g119b-r82-album-item:nth-child(3){grid-column:2;grid-row:2}
.g119b-r82-media-album.count-4 .g119b-r82-media-album-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(105px,190px));
}
.g119b-r82-media-album.count-5 .g119b-r82-media-album-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(105px,175px));
}
.g119b-r82-media-album.count-5 .g119b-r82-album-item:nth-child(1){grid-column:1 / span 3;grid-row:1}
.g119b-r82-media-album.count-5 .g119b-r82-album-item:nth-child(2){grid-column:4 / span 3;grid-row:1}
.g119b-r82-media-album.count-5 .g119b-r82-album-item:nth-child(3){grid-column:1 / span 2;grid-row:2}
.g119b-r82-media-album.count-5 .g119b-r82-album-item:nth-child(4){grid-column:3 / span 2;grid-row:2}
.g119b-r82-media-album.count-5 .g119b-r82-album-item:nth-child(5){grid-column:5 / span 2;grid-row:2}
.g119b-r82-media-album.count-6 .g119b-r82-media-album-grid,
.g119b-r82-media-album.count-many .g119b-r82-media-album-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:minmax(96px,150px);
}
.g119b-r82-media-album .g119b-r82-album-item{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  inline-size:100%!important;
  block-size:100%!important;
  min-inline-size:0!important;
  min-block-size:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.g119b-r82-media-album .g119b-r82-album-item > .g7-swipe-reply-icon,
.g119b-r82-media-album .g119b-r82-album-item > .message-select-mark{
  z-index:7;
}
.g119b-r82-media-album .g119b-r82-album-item .bubble{
  position:relative!important;
  box-sizing:border-box!important;
  inline-size:100%!important;
  block-size:100%!important;
  width:100%!important;
  height:100%!important;
  min-inline-size:0!important;
  min-block-size:0!important;
  max-inline-size:none!important;
  max-block-size:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:transparent!important;
}
.g119b-r82-media-album .g119b-r82-album-item .bubble > :not(.attachment-image-button):not(.g7-media-card):not(.g119b-r4-media-frame):not(.g119b-r2-media-frame){
  display:none!important;
}
.g119b-r82-media-album .g119b-r82-album-item button.attachment-image-button,
.g119b-r82-media-album .g119b-r82-album-item button.g7-media-card,
.g119b-r82-media-album .g119b-r82-album-item button.g119b-r4-media-frame,
.g119b-r82-media-album .g119b-r82-album-item button.g119b-r2-media-frame{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  inline-size:100%!important;
  block-size:100%!important;
  width:100%!important;
  height:100%!important;
  min-inline-size:0!important;
  min-block-size:0!important;
  max-inline-size:none!important;
  max-block-size:none!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
.g119b-r82-media-album .g119b-r82-album-item button[data-image-url] > img{
  display:block!important;
  inline-size:100%!important;
  block-size:100%!important;
  width:100%!important;
  height:100%!important;
  min-inline-size:0!important;
  min-block-size:0!important;
  max-inline-size:none!important;
  max-block-size:none!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
}
.g119b-r82-album-header{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  margin-block-end:5px;
  max-inline-size:100%;
}
.g119b-r82-album-reactions{
  margin-block-start:5px;
  max-inline-size:100%;
}
.g119b-r82-album-meta{
  position:absolute!important;
  inset-inline-end:7px;
  inset-block-end:6px;
  z-index:8;
  display:flex!important;
  align-items:center;
  gap:4px;
  margin:0!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.48)!important;
  color:#fff!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  pointer-events:auto;
}
.g119b-r82-album-meta time,
.g119b-r82-album-meta .g7-edited,
.g119b-r82-album-meta .g7-receipt{
  color:#fff!important;
}
.g119b-r82-album-actions{
  position:absolute!important;
  inset-inline-start:7px;
  inset-block-end:6px;
  z-index:8;
  display:grid!important;
  place-items:center;
  margin:0!important;
  background:rgba(0,0,0,.42)!important;
  color:#fff!important;
  border-radius:999px!important;
}
.g119b-r82-media-album.search-hidden{display:none!important}

@media (max-width:560px){
  .g119b-r82-media-album{
    inline-size:min(92vw,410px);
    max-inline-size:calc(100vw - 28px);
  }
  .g119b-r82-media-album.count-2 .g119b-r82-media-album-grid{
    grid-template-rows:minmax(138px,220px);
  }
  .g119b-r82-media-album.count-3 .g119b-r82-media-album-grid{
    grid-template-rows:repeat(2,minmax(88px,118px));
  }
}