@media screen and (min-width:1024px){.product__preview.lg\:sticky{--inset: 0px;height:calc(var(--screen-height) - var(--header-height) - var(--topbar-height) - var(--sp-5));transition-property:inset-block-start,height}.header-scrolled~.page-container .product__preview.lg\:sticky{height:calc(var(--screen-height) - var(--inset) - var(--sp-10))}.header-hidden[data-sticky-type=on-scroll-up]~.page-container .product__preview.lg\:sticky{height:calc(var(--screen-height) - var(--sp-12))}}.product__preview{max-height:var(--screen-height)}.product__preview .product__media{display:flex}.product__preview .product__media,.product__preview .product__media>img{height:100%}@media screen and (min-width:1280px){.product--scroll .product__preview .play-button{width:var(--sp-14);height:var(--sp-14)}.product--scroll .product__preview .play-button .icon{width:var(--sp-5);height:var(--sp-5)}}.product__gallery-container .product__highlights.with-heading{padding:var(--sp-8);margin-block-start:var(--sp-4);border-radius:var(--rounded-block);background-color:transparent;border:1px solid rgb(var(--color-border-light))}.product__gallery-container .product__highlights.with-heading>p{position:absolute;padding:var(--sp-2d5);inset-block-start:-1px;inset-inline-start:var(--sp-5d5);transform:translateY(-50%);background-color:rgb(var(--color-background))}.product__gallery-container .product__highlights.with-heading .product-card__icon{background-color:rgb(var(--color-foreground) / .025)}@media screen and (max-width:1023px){.product__gallery-container .product__highlights{display:none}}:is(.product__preview,.product__media-list) .play-button{width:var(--sp-10);height:var(--sp-10);inset-inline-end:var(--sp-4);inset-block-start:var(--sp-4)}:is(.product__preview,.product__media-list) .play-button[hidden]{display:none}:is(.product__preview,.product__media-list) .play-button .icon{width:var(--sp-4);height:var(--sp-4)}:is(.product__preview,.product__media-list) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control,:is(.product__preview,.product__media-list) .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon{width:var(--sp-10);height:var(--sp-10)}:is(.product__preview,.product__media-list) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{width:100%;inset-inline-end:0}[data-rounded-block=round] :is(.product__preview,.product__media-list) .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{border-radius:var(--sp-1)}.product__media{background-color:rgb(var(--color-placeholder))}@media screen and (min-width:1024px){.product__media{border-radius:var(--card-radius)}}@media screen and (min-width:768px){.product__media.media--adapt>:is(img,svg,video-media){object-fit:contain;object-position:top center}}@media screen and (max-width:767px){.product__media.mobile\:media--adapt>:is(img,svg,video-media){object-fit:contain;object-position:top center}}.product__media-container .slider{margin-inline:0;padding-inline:0;scroll-padding-inline:0;border-radius:var(--rounded-block);transform:translateZ(0)}@media screen and (min-width:1024px){.product--thumbnail .product__media-container .indicators{display:flex;justify-content:space-between;padding:var(--sp-6);transition:opacity var(--animation-primary)}.product--thumbnail .product__media-container .indicators .button{--border-opacity: .1;background-color:rgb(var(--color-button-text))}@media screen and (pointer:fine){.product--thumbnail .product__media-container .indicators:has(>.button:focus-visible),.product--thumbnail .product__media-container:hover .indicators{opacity:1}}}@media screen and (min-width:768px)and (max-width:1023px){.slider .product__media{width:75%;scroll-snap-align:center}.product__gallery.with-only1 .slider .product__media{width:100%}}@media screen and (min-width:1280px){.product--scroll .product__gallery{grid-template-columns:1fr .55fr}.product--scroll .product__media-list{grid-template-columns:repeat(1,minmax(0,1fr))}}.product--thumbnail .product__media-list,.product--dots .product__media-list{margin-inline:0;padding-inline:0;scroll-padding-inline:0}@media screen and (min-width:1024px){.product--thumbnail .product__media-list,.product--dots .product__media-list{gap:0}.product--thumbnail .product__media-list .play-button .icon{width:var(--sp-5);height:var(--sp-5)}}.product--thumbnail .product__media-list .product__media{border-radius:0}.product__thumbnails-list{grid-auto-flow:column;overflow-x:scroll}.product__thumbnail{width:var(--sp-23)}.product__thumbnail:after{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-inset: inset;--tw-ring-color: transparent;content:"";top:0;right:0;bottom:0;left:0;position:absolute;pointer-events:none;transition:box-shadow var(--animation-fast);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.product__thumbnail[aria-current=true]:after{--tw-ring-color: rgb(var(--color-foreground))}[data-rounded-block=round] .product__thumbnail,[data-rounded-block=round] .product__thumbnail:after{border-radius:var(--sp-2d5)}@media screen and (min-width:1280px){.product__thumbnails--beside{order:-1;width:var(--sp-28)}.product__thumbnails--beside .product__thumbnails-list{grid-auto-flow:row;overflow-y:scroll;max-height:630px}.product__thumbnails--beside .product__thumbnail{width:100%;contain:paint;overflow:visible}}@media screen and (max-width:1023px){.product__gallery--partial .slider .product__media{width:75%}.product__gallery button:is([is=media-lightbox-button],[is=media-hover-button]){pointer-events:auto;width:var(--sp-10);height:var(--sp-10);inset:unset;inset-inline-end:var(--sp-4);inset-block-start:var(--sp-4);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background)/ .7);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgb(var(--color-border))}.product__thumbnail{width:var(--sp-15)}.product__thumbnails.with-dots,.product__thumbnails.with-dots .product__thumbnails-list{width:100%;display:flex;align-items:center;justify-content:center;gap:0}.product__thumbnails.with-dots .product__thumbnails-list{flex-wrap:wrap}.product__thumbnails.with-dots .product__thumbnail:not([hidden]){cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--sp-6);height:var(--sp-6);border-radius:var(--rounded-full);transition:box-shadow var(--animation-primary);background-color:transparent}.product__thumbnails.with-dots .product__thumbnail:after{content:none}.product__thumbnails.with-dots .product__thumbnail:before{content:"";display:block;width:5px;height:5px;background-color:rgb(var(--color-foreground));border-radius:var(--rounded-full);transition:var(--animation-primary);transition-property:background-color,box-shadow}.product__thumbnails.with-dots .product__thumbnail[aria-current=true]:before{width:5px;height:5px;background-color:transparent;box-shadow:0 0 0 2px rgb(var(--color-foreground))}.product__thumbnails.with-dots .product__thumbnail :is(img,svg){visibility:hidden;position:absolute}.product__thumbnails.with-dots .product__thumbnail .play-button{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}.product__media--variant:not(:first-child){display:none}.no-js .product--thumbnail .product__media-list .product__media:not(:first-child){display:none}.product--scroll .product__gallery.with-only1{grid-template-columns:1fr}@media screen and (min-width:1024px){.product--scroll .product__gallery.with-only1 .product__preview.lg\:sticky{height:auto;max-height:unset}}.product--scroll .product__gallery.with-only1 .product__preview{display:none}@media screen and (min-width:1280px){.product--scroll .product__gallery.with-only1 .product__preview{display:block}.product--scroll .product__gallery.with-only1 .product__preview .product__media{height:auto}}:is(.product--scroll,.product--columns) .product__gallery.with-only1 .product__media-list{grid-template-columns:1fr}:is(.product--scroll,.product--columns) .product__gallery.with-only1 .product__media-list .product__media{width:100%}@media screen and (max-width:767px){.product__media.mobile\:media--adapt_first>:is(img,svg,video-media){aspect-ratio:1.1516666666666667}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-product-gallery.css.map */