.product-media-gallery{position:relative;padding-top:var(--block-padding-top, 0);padding-bottom:var(--block-padding-bottom, 0);padding-left:var(--block-padding-left, 0);padding-right:var(--block-padding-right, 0)}.product-media-gallery__desktop,.product-media-gallery__mobile-thumbnail-layout,.product-media-gallery__mobile-collage-layout{display:none}.product-media-gallery[data-mobile-layout=thumbnail] .product-media-gallery__mobile-thumbnail-layout,.product-media-gallery[data-mobile-layout=collage] .product-media-gallery__mobile-collage-layout{display:block}@media (min-width: 990px){.product-media-gallery__desktop{display:block}.product-media-gallery__mobile-thumbnail-layout,.product-media-gallery__mobile-collage-layout,.product-media-gallery[data-mobile-layout=thumbnail] .product-media-gallery__mobile-thumbnail-layout,.product-media-gallery[data-mobile-layout=collage] .product-media-gallery__mobile-collage-layout{display:none!important}.product-media-gallery[data-layout=thumbnail] .product-media-gallery__desktop{display:block}}.product-media-gallery__image-wrapper{position:relative;aspect-ratio:var(--gallery-aspect-ratio-mobile, var(--gallery-aspect-ratio, 1 / 1));border-radius:var(--gallery-border-radius, var(--radius-md));overflow:hidden;background:var(--gallery-media-bg, var(--color-neutral-2))}.product-media-gallery__image{width:100%;height:100%;object-fit:var(--gallery-object-fit-mobile, var(--gallery-object-fit, cover));transition:transform .3s ease}.product-media-gallery__image-wrapper:hover .product-media-gallery__image{transform:scale(1.02)}.product-media-gallery__video-wrapper{position:relative;aspect-ratio:var(--gallery-aspect-ratio-mobile, var(--gallery-aspect-ratio, 16 / 9));border-radius:var(--gallery-border-radius, var(--radius-md));overflow:hidden;background:var(--gallery-media-bg, var(--color-neutral-2))}.product-media-gallery__video{width:100%;height:100%;object-fit:var(--gallery-object-fit-mobile, var(--gallery-object-fit, cover))}.product-media-gallery__model-wrapper{position:relative;aspect-ratio:var(--gallery-aspect-ratio-mobile, var(--gallery-aspect-ratio, 1 / 1));border-radius:var(--gallery-border-radius, var(--radius-md));overflow:hidden;background:var(--gallery-media-bg, var(--color-neutral-2))}.product-media-gallery__model{width:100%;height:100%}@media (min-width: 990px){.product-media-gallery__image-wrapper{aspect-ratio:var(--gallery-aspect-ratio, 1 / 1)}.product-media-gallery__image{object-fit:var(--gallery-object-fit, cover)}.product-media-gallery__video-wrapper{aspect-ratio:var(--gallery-aspect-ratio, 16 / 9)}.product-media-gallery__video{object-fit:var(--gallery-object-fit, cover)}.product-media-gallery__model-wrapper{aspect-ratio:var(--gallery-aspect-ratio, 1 / 1)}}.product-media-gallery__mobile-main{margin-bottom:var(--space-3)}.product-media-gallery__mobile-featured{position:relative}.product-media-gallery__mobile-featured .product-media-gallery__image-wrapper{aspect-ratio:var(--gallery-aspect-ratio-mobile, var(--gallery-aspect-ratio, 1 / 1))}.product-media-gallery__mobile-thumbnails{padding:0 var(--space-2)}.product-media-gallery__thumbnails-scroll{display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2)}.product-media-gallery__thumbnails-scroll::-webkit-scrollbar{display:none}.product-media-gallery__thumbnail{flex-shrink:0;width:var(--gallery-mobile-thumbnail-size, 64px);aspect-ratio:var(--gallery-thumbnail-aspect-ratio, 1 / 1);border:2px solid transparent;border-radius:var(--gallery-thumbnail-border-radius, var(--radius-sm));overflow:hidden;cursor:pointer;scroll-snap-align:start;transition:border-color var(--transition-fast);background:var(--gallery-media-bg, var(--color-neutral-2));padding:0}.product-media-gallery__thumbnail:hover,.product-media-gallery__thumbnail.is-active{border-color:var(--color-neutral-4)}[data-theme=dark] .product-media-gallery__thumbnail:hover,[data-theme=dark] .product-media-gallery__thumbnail.is-active{border-color:var(--color-neutral-5)}.product-media-gallery__thumbnail-image{width:100%;height:100%;object-fit:var(--gallery-thumbnail-object-fit, cover)}.product-media-gallery__thumbnail-video,.product-media-gallery__thumbnail-model{position:relative;width:100%;height:100%}.product-media-gallery__thumbnail-play,.product-media-gallery__thumbnail-3d{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:var(--radius-full);color:#fff}.product-media-gallery__thumbnail-play svg,.product-media-gallery__thumbnail-3d svg{width:12px;height:12px}.product-media-gallery__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fffffff2;border:none;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:transform .2s ease,background .2s ease}.product-media-gallery__play-btn:hover{transform:translate(-50%,-50%) scale(1.1);background:var(--color-background)}.product-media-gallery__play-icon{width:24px;height:24px;color:var(--color-foreground, #111);margin-left:3px}@media (min-width: 990px){.product-media-gallery__play-btn{display:flex}}.product-media-gallery__video-wrapper{position:relative}@media (min-width: 990px){.product-media-gallery__video-wrapper video{pointer-events:none}.product-media-gallery__video-wrapper video::-webkit-media-controls,.product-media-gallery__video-wrapper video::-webkit-media-controls-enclosure,.product-media-gallery__video-wrapper video::-webkit-media-controls-panel,.product-media-gallery__video-wrapper video::-webkit-media-controls-start-playback-button,.product-media-gallery__video-wrapper video::-webkit-media-controls-play-button,.product-media-gallery__video-wrapper video::-webkit-media-controls-overlay-play-button{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}}[data-media-id][data-media-type]{cursor:pointer}.product-media-gallery__mobile-collage-main{margin-bottom:var(--gallery-grid-gap, var(--space-2))}.product-media-gallery__mobile-collage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gallery-grid-gap, var(--space-2))}.product-media-gallery__mobile-collage-item{position:relative}@media (min-width: 990px){.product-media-gallery--collage .product-media-gallery__desktop{display:block}.product-media-gallery--collage .product-media-gallery__main{margin-bottom:var(--gallery-grid-gap, var(--space-2))}.product-media-gallery--collage .product-media-gallery__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gallery-grid-gap, var(--space-2))}}.product-media-gallery--stacked .product-media-gallery__stacked{display:flex;flex-direction:column;gap:var(--gallery-grid-gap, var(--space-2))}.product-media-gallery__image[loading=lazy]{background:var(--color-neutral-2)}.product-media-gallery__mobile-main{position:relative}.product-media-gallery__carousel-slider{position:relative;width:100%;aspect-ratio:var(--gallery-aspect-ratio-mobile, var(--gallery-aspect-ratio, 1 / 1))}@media (min-width: 990px){.product-media-gallery__carousel-slider{aspect-ratio:var(--gallery-aspect-ratio, 1 / 1)}}.product-media-gallery__carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;z-index:1}.product-media-gallery__carousel-item:first-child{position:relative}.product-media-gallery__carousel-item.is-active{opacity:1;visibility:visible;z-index:2}.product-media-gallery__carousel-item.is-leaving{opacity:0;visibility:visible;z-index:1}.product-media-gallery__carousel-media{width:100%;height:100%;object-fit:var(--gallery-object-fit-mobile, var(--gallery-object-fit, cover))}.product-media-gallery__progress{position:absolute;top:12px;right:12px;z-index:10;display:flex;align-items:center;gap:4px}.product-media-gallery__progress-pill{width:24px;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden;position:relative}.product-media-gallery__progress-pill:after{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background:#fffffff2;border-radius:2px}.product-media-gallery__progress-pill.is-filling:after{animation:galleryPillFill var(--pill-duration, 3s) linear forwards}.product-media-gallery__progress-pill.is-paused:after{animation-play-state:paused}@keyframes galleryPillFill{0%{width:0%}to{width:100%}}.product-media-gallery__thumbnail-layout{display:flex;flex-direction:column;gap:var(--gallery-grid-gap, 8px)}.product-media-gallery__featured{position:relative}.product-media-gallery__featured-image{transition:opacity .15s ease,transform .15s ease}.product-media-gallery__desktop-thumbnails{position:relative}.product-media-gallery__desktop-thumbnails .product-media-gallery__thumbnails-scroll{display:flex;gap:var(--gallery-grid-gap, 8px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:4px 0}.product-media-gallery__desktop-thumbnails .product-media-gallery__thumbnails-scroll::-webkit-scrollbar{display:none}.product-media-gallery__desktop-thumbnails .product-media-gallery__thumbnail{flex-shrink:0;width:var(--gallery-mobile-thumbnail-size, 64px);height:var(--gallery-mobile-thumbnail-size, 64px);aspect-ratio:var(--gallery-thumbnail-aspect-ratio, 1 / 1);border-radius:var(--gallery-thumbnail-border-radius, 4px);overflow:hidden;cursor:pointer;border:2px solid transparent;background:var(--gallery-media-bg, var(--color-neutral-2));padding:0;transition:border-color .2s ease,opacity .2s ease}.product-media-gallery__desktop-thumbnails .product-media-gallery__thumbnail:hover{opacity:.8}.product-media-gallery__desktop-thumbnails .product-media-gallery__thumbnail.is-active{border-color:var(--color-primary-6, #000)}.product-media-gallery__desktop-thumbnails .product-media-gallery__thumbnail-image{width:100%;height:100%;object-fit:var(--gallery-thumbnail-object-fit, cover)}[data-theme=dark] .product-media-gallery__image-wrapper,[data-theme=dark] .product-media-gallery__video-wrapper,[data-theme=dark] .product-media-gallery__model-wrapper,[data-theme=dark] .product-media-gallery__thumbnail{background:var(--gallery-media-bg, var(--color-neutral-2))}
/*# sourceMappingURL=/cdn/shop/t/15/assets/product-media-gallery.css.map */