.db-media-gallery{display:grid;grid-template-columns:calc((100% - 56px) / 7) minmax(0,1fr);gap:16px;width:100%;min-width:0;direction:ltr}.db-media-gallery [hidden]{display:none!important}.db-media-gallery__stage{aspect-ratio:1;min-width:0;position:relative;overflow:hidden;background:var(--db-paper, #faf7f0)}.db-media-gallery__slide{position:absolute;top:0;right:0;bottom:0;left:0}.db-media-gallery__slide img,.db-media-gallery__slide video{display:block;width:100%;height:100%;object-fit:contain}.db-media-gallery__rail{position:relative;min-width:0;min-height:0}.db-media-gallery__thumbs{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-auto-rows:calc((100% - 40px) / 6);gap:8px;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;scroll-snap-type:y mandatory}.db-media-gallery__thumbs::-webkit-scrollbar{display:none}.db-media-gallery__thumb{position:relative;display:block;width:100%;min-height:0;padding:3px;border:2px solid transparent;border-radius:3px;background:var(--db-paper, #faf7f0);cursor:pointer;overflow:hidden;scroll-snap-align:start;box-sizing:border-box}.db-media-gallery__thumb img{width:100%;height:100%;display:block;object-fit:contain}.db-media-gallery__thumb[aria-pressed=true]{border-color:var(--db-orange, #f56b17)}.db-media-gallery__thumb:focus-visible{outline:2px solid #282119;outline-offset:-5px}.db-media-gallery__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;text-shadow:0 1px 4px black;background:#0002}.db-media-gallery__nav{position:absolute;z-index:2;left:50%;transform:translate(-50%);width:32px;height:32px;border:1px solid #d5b994;border-radius:50%;background:#f8ead8;color:#282119;cursor:pointer;display:grid;place-items:center;padding:0;font-size:26px;line-height:1}.db-media-gallery__nav span{transform:rotate(90deg)}.db-media-gallery__nav--prev{top:2px}.db-media-gallery__nav--next{bottom:2px}.db-media-gallery__nav:disabled{opacity:.45;cursor:default;pointer-events:none}.db-media-gallery__nav:focus-visible{outline:2px solid #282119;outline-offset:1px}@media(min-width:750px){[dir=rtl] .db-media-gallery{grid-template-columns:minmax(0,1fr) calc((100% - 56px) / 7)}[dir=rtl] .db-media-gallery__stage{grid-column:1;grid-row:1}[dir=rtl] .db-media-gallery__rail{grid-column:2;grid-row:1}}@media(max-width:749px){.db-media-gallery{grid-template-columns:minmax(0,1fr);gap:12px}.db-media-gallery__stage{grid-row:1}.db-media-gallery__rail{height:56px;grid-row:2}.db-media-gallery__thumbs{grid-auto-flow:column;grid-auto-columns:56px;grid-auto-rows:56px;scroll-snap-type:x mandatory}.db-media-gallery__nav{top:12px;transform:none}.db-media-gallery__nav span{transform:none}.db-media-gallery__nav--prev{left:2px}.db-media-gallery__nav--next{left:auto;right:2px;bottom:auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/dadibadi-media-gallery.css.map */