/* Version 3.0.2: stable responsive mobile thumbnails on all phone widths. */
@import url("showcase-v300.css");

@media(max-width:767px){
  .rps-wrap .rps-mobile-thumbs{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:clamp(68px,22vw,92px);
    justify-content:start;
    gap:10px;
    width:100%;
    margin-top:10px;
    padding:1px 1px 5px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .rps-wrap .rps-mobile-thumbs::-webkit-scrollbar{display:none}
  .rps-wrap .rps-mobile-thumbs .rps-thumb{
    display:block;
    width:clamp(68px,22vw,92px)!important;
    height:clamp(68px,22vw,92px)!important;
    min-width:clamp(68px,22vw,92px)!important;
    max-width:none!important;
    flex:none!important;
    aspect-ratio:auto!important;
    padding:4px!important;
    border:1px solid #d9d9d9;
    border-radius:9px;
    background:#fff;
  }
  .rps-wrap .rps-mobile-thumbs .rps-thumb.is-active{
    border:2px solid var(--rps-red);
    padding:3px!important;
  }
  .rps-wrap .rps-mobile-thumbs .rps-thumb img{
    display:block;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .rps-wrap .rps-mobile-thumbs .rps-more{
    width:clamp(68px,22vw,92px);
    height:clamp(68px,22vw,92px);
    min-width:clamp(68px,22vw,92px);
    aspect-ratio:auto;
  }
}