.dialog-gallery { display: flex; flex-flow: row nowrap; align-items: flex-start; gap: 1rem; width: 100%; max-width: 100%; margin-top: .8rem; padding: .2rem 0 1rem; overflow-x: scroll; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-color: #708a84 #e1e6e2; }
.dialog-gallery[hidden] { display: none; }
.dialog-gallery::-webkit-scrollbar { height: .6rem; }
.dialog-gallery::-webkit-scrollbar-track { background: #e1e6e2; }
.dialog-gallery::-webkit-scrollbar-thumb { background: #708a84; border-radius: 999px; }
.dialog-gallery > .gallery-thumb { display: block; flex: 0 0 10rem; width: 10rem; min-width: 10rem; max-width: 10rem; border: 0; background: transparent; padding: 0; cursor: pointer; text-align: left; scroll-snap-align: start; }
.dialog-gallery > .gallery-thumb[aria-pressed="true"] img { border-color: #e5484d; opacity: 1; }
.dialog-gallery > .gallery-thumb img { display: block; width: 10rem; min-width: 10rem; height: 6.25rem; margin: 0 0 .5rem; object-fit: cover; border: 2px solid transparent; opacity: .72; }
.dialog-gallery > .gallery-thumb span { display: block; min-height: 2.2rem; padding: 0; font-size: .7rem; line-height: 1.3; }
@media (max-width: 760px) {
  .dialog-gallery > .gallery-thumb { flex-basis: 8.5rem; width: 8.5rem; min-width: 8.5rem; max-width: 8.5rem; }
  .dialog-gallery > .gallery-thumb img { width: 8.5rem; min-width: 8.5rem; height: 5.3rem; }
}