.dbd-image-gallery{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.dbd-image-gallery__main{container-type:inline-size;position:relative}.dbd-image-gallery__carousel{grid:auto / auto-flow 100%;scroll-snap-type:x mandatory;display:grid}.dbd-image-gallery__media{aspect-ratio:var(--dbd-image-gallery-aspect-ratio);overflow:hidden}.dbd-image-gallery__image{object-fit:var(--dbd-image-gallery-image-fit);width:100%;height:100%}.dbd-image-gallery__caption{margin-block-start:.75rem}.dbd-image-gallery--caption-center .dbd-image-gallery__caption{text-align:center}.dbd-image-gallery__arrow{z-index:1;position:absolute;inset-block-start:calc(50cqw / var(--dbd-image-gallery-aspect-ratio));transform:translateY(-50%)}.dbd-image-gallery__arrow--prev{inset-inline-start:1rem}.dbd-image-gallery__arrow--next{inset-inline-end:1rem}.dbd-image-gallery__arrow button{transition:opacity .2s}.dbd-image-gallery__arrow button:disabled{opacity:0;pointer-events:none}.dbd-image-gallery__thumbnails{grid-auto-columns:var(--dbd-image-gallery-thumbnail-size-mobile);grid-auto-flow:column;justify-self:start;gap:.5rem;max-width:100%;display:grid}.dbd-image-gallery--thumbnails-center .dbd-image-gallery__thumbnails{justify-self:center}.dbd-image-gallery__thumbnail{aspect-ratio:1;opacity:.6;border:1px solid #0000;padding:1px;transition:opacity .2s,border-color .2s}.dbd-image-gallery__thumbnail:hover,.dbd-image-gallery__thumbnail[aria-current=true]{opacity:1}.dbd-image-gallery__thumbnail[aria-current=true]{border-color:currentColor}.dbd-image-gallery__thumbnail>img,.dbd-image-gallery__thumbnail>svg{object-fit:cover;width:100%;height:100%}@media screen and (min-width:700px){.dbd-image-gallery__thumbnails{grid-auto-columns:var(--dbd-image-gallery-thumbnail-size)}.dbd-image-gallery__arrow--prev{inset-inline-start:1.5rem}.dbd-image-gallery__arrow--next{inset-inline-end:1.5rem}}@media(prefers-reduced-motion:reduce){.dbd-image-gallery__arrow button,.dbd-image-gallery__thumbnail{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/dbd-image-gallery.css.map */