.hth-gallery{margin-bottom:3rem;box-sizing:border-box}
.hth-gallery *{box-sizing:border-box}
@media (min-width:1024px){.hth-gallery{margin-bottom:6rem}}
.hth-gallery__viewport{position:relative;overflow:hidden;width:100%;touch-action:pan-y}
.hth-gallery__track{display:flex;align-items:center;padding:1rem 0 1.5rem;transition:transform .45s ease;will-change:transform}
@media (min-width:768px){.hth-gallery__track{padding-top:1.5rem}}
.hth-gallery__slide{flex:0 0 var(--hth-item,100%);min-width:0;padding:0 .5rem}
.hth-gallery__card{background:#fff;display:flex;flex-direction:column;max-width:600px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transition:transform .45s ease;transform:scale(.9)}
@media (min-width:768px){.hth-gallery__card.is-dim{transform:scale(.85)}}
.hth-gallery__card.is-lit{transform:scale(1)}
.hth-gallery__slide.is-before .hth-gallery__card{transform-origin:right center}
.hth-gallery__slide.is-after .hth-gallery__card{transform-origin:left center}
.hth-gallery--single .hth-gallery__slide{padding:0 .125rem}
.hth-gallery__pic{position:relative;width:100%;background:#f4f7f8}
.hth-gallery__pic img{display:block;width:100%;height:auto;-webkit-user-drag:none;user-select:none}
.hth-gallery__tags{position:absolute;left:.5rem;right:.5rem;bottom:.5rem;display:flex;flex-wrap:wrap;gap:.375rem}
.hth-gallery__tags span{border-radius:9999px;background:#ecf9fb;color:#109db6;font-weight:600;box-shadow:0 0 0 1px rgba(65,194,218,.5);padding:.25rem .625rem;font-size:11px;line-height:1.35}
@media (min-width:768px){.hth-gallery__tags span{font-size:12px}}
.hth-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:9999px;cursor:pointer;background:#fff;color:#109db6;box-shadow:0 2px 10px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.06)}
.hth-gallery__arrow:hover,.hth-gallery__arrow:focus-visible{background:#41c2da;color:#fff}
.hth-gallery__arrow:focus-visible{outline:2px solid #109db6;outline-offset:2px}
.hth-gallery__arrow--prev{left:.5rem}
.hth-gallery__arrow--next{right:.5rem}
@media (min-width:768px){.hth-gallery__arrow{width:2.25rem;height:2.25rem}.hth-gallery__arrow--prev{left:1rem}.hth-gallery__arrow--next{right:1rem}}
.hth-gallery .hth-gallery__arrow>svg{display:block;width:1rem;height:1rem;min-width:1rem;flex:0 0 1rem;fill:none;stroke:currentColor}
.hth-gallery[data-count="1"] .hth-gallery__arrow{display:none}
@media (prefers-reduced-motion:reduce){.hth-gallery__track,.hth-gallery__card{transition:none}}
