/* Only affects the separate owner thumbnail window. The Master Database thumbnail
   window keeps its existing size and grid. */
.card .altthumbs-wrap.altthumbs-wrap--owners .altthumbs{
  grid-template-columns:repeat(auto-fill, minmax(18px, 18px)) !important;
  justify-content:start !important;
  align-items:start !important;
  gap:2px !important;
}
.card .altthumbs-wrap.altthumbs-wrap--owners .altthumb,
.card .altthumbs-wrap.altthumbs-wrap--owners .altthumb:hover,
.card .altthumbs-wrap.altthumbs-wrap--owners .altthumb:active,
.card .altthumbs-wrap.altthumbs-wrap--owners .altthumb:focus,
.card .altthumbs-wrap.altthumbs-wrap--owners .altthumb:focus-visible{
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  padding:1px !important;
  border-radius:3px !important;
}
.card .altthumbs-wrap.altthumbs-wrap--owners .altthumb img{
  width:100% !important;
  height:100% !important;
  aspect-ratio:3 / 4 !important;
  object-fit:cover !important;
  border-radius:2px !important;
}
.card .altthumbs-wrap.altthumbs-wrap--owners .alt-owner-divider{
  grid-column:1 / -1 !important;
  margin:6px 0 4px !important;
}
@media (max-width:780px){
  .card .altthumbs-wrap.altthumbs-wrap--owners .altthumbs{
    grid-template-columns:repeat(auto-fill, minmax(10px, 10px)) !important;
    gap:2px !important;
  }
  .card .altthumbs-wrap.altthumbs-wrap--owners .altthumb,
  .card .altthumbs-wrap.altthumbs-wrap--owners .altthumb:hover,
  .card .altthumbs-wrap.altthumbs-wrap--owners .altthumb:active,
  .card .altthumbs-wrap.altthumbs-wrap--owners .altthumb:focus,
  .card .altthumbs-wrap.altthumbs-wrap--owners .altthumb:focus-visible{
    width:10px !important;
    min-width:10px !important;
    max-width:10px !important;
    height:14px !important;
    min-height:14px !important;
    max-height:14px !important;
    padding:1px !important;
    border-radius:2px !important;
  }
}