.oppie-pdp-gallery{display:block;position:relative;max-width:720px}.oppie-pdp-gallery__main{position:relative;width:100%;border-radius:var(--radius-lg, 12px);overflow:hidden;background:var(--color-background, #f6f4f0)}.oppie-pdp-gallery__slide{width:100%;height:auto}.oppie-pdp-gallery .oppie-pdp-gallery__media{position:relative;width:100%}.oppie-pdp-gallery .oppie-pdp-gallery__media,.oppie-pdp-gallery .oppie-pdp-gallery__media .product-media{aspect-ratio:var(--oppie-slide-ratio, 1)}.oppie-pdp-gallery--fixed-ratio .oppie-pdp-gallery__media,.oppie-pdp-gallery--fixed-ratio .oppie-pdp-gallery__media .product-media{aspect-ratio:var(--oppie-aspect-ratio)}.oppie-pdp-gallery__media .product-media{width:100%;height:100%}.oppie-pdp-gallery.media-fit-cover :is(.product-media__image,video,iframe,.deferred-media__poster-image){object-fit:cover}.oppie-pdp-gallery.media-fit-contain :is(.product-media__image,video,iframe,.deferred-media__poster-image){object-fit:contain}.oppie-pdp-gallery .product-media__image,.oppie-pdp-gallery .product-media video,.oppie-pdp-gallery .product-media iframe{width:100%;height:100%}.oppie-pdp-gallery .product-media model-viewer{width:100%;height:100%}.oppie-pdp-gallery__zoomable{cursor:zoom-in}.oppie-pdp-gallery__video-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3, 12px);cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent}.oppie-pdp-gallery__video-open-btn{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-pill, 999px);background:#00000080;box-shadow:var(--shadow-float);transition:background var(--dur-base, .2s) var(--ease-out, ease),transform var(--dur-base, .2s) var(--ease-out, ease)}.oppie-pdp-gallery__video-open:hover .oppie-pdp-gallery__video-open-btn,.oppie-pdp-gallery__video-open:focus-visible .oppie-pdp-gallery__video-open-btn{background:#000000ad;transform:translateY(-2px)}.oppie-pdp-gallery__video-open-btn svg{width:24px;height:24px}.oppie-pdp-gallery__video-open-hint{display:inline-flex;align-items:center;padding:var(--space-1, 4px) var(--space-3, 12px);border-radius:var(--radius-pill, 999px);background:#00000080;font-size:.8125rem;font-weight:500;letter-spacing:-.01em;line-height:1.2}.oppie-pdp-gallery__video-open:focus-visible{outline:2px solid var(--accent, #b91c1c);outline-offset:-4px}.oppie-pdp-gallery__thumbs{margin-top:var(--space-3, 12px);width:100%}.oppie-pdp-gallery__thumb{width:auto;flex-shrink:0}.oppie-pdp-gallery__thumb-btn{position:relative;display:block;width:64px;height:64px;padding:0;border:1px solid var(--border, rgba(42, 38, 33, .12));border-radius:var(--radius-md, 8px);background:var(--color-background, #f6f4f0);cursor:pointer;overflow:hidden;transition:border-color var(--dur-fast, .12s) var(--ease-out, ease)}.oppie-pdp-gallery__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.oppie-pdp-gallery__thumb.swiper-slide-thumb-active .oppie-pdp-gallery__thumb-btn{border-color:var(--oppie-black-40, #9d9a96)}.oppie-pdp-gallery__thumb-btn:focus-visible{outline:2px solid var(--accent, #b91c1c);outline-offset:2px}.oppie-pdp-gallery__thumb-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.oppie-pdp-gallery__thumb-badge svg{width:22px;height:22px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}@media screen and (min-width:750px){.oppie-pdp-gallery__thumb-btn{width:76px;height:76px}}.oppie-pdp-gallery--pre-init .oppie-pdp-gallery__main .swiper-wrapper{display:block}.oppie-pdp-gallery--pre-init .oppie-pdp-gallery__main .swiper-slide{width:100%!important;margin-bottom:var(--space-2, 8px)}.oppie-pdp-gallery--pre-init .oppie-pdp-gallery__main .swiper-slide:not(:first-child){display:none}.oppie-pdp-gallery--pre-init .oppie-pdp-gallery__thumbs .swiper-wrapper{display:flex;gap:var(--space-2, 8px);overflow-x:auto}.oppie-pdp-gallery--placeholder .oppie-pdp-gallery__placeholder-image{width:100%;height:auto;border-radius:var(--radius-lg, 12px)}@media(prefers-reduced-motion:reduce){.oppie-pdp-gallery .swiper-wrapper{transition-duration:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/oppie-gallery.css.map */