.product-gallery{z-index:var(--z-carousel);margin:auto;container:product-gallery/inline-size}.product-gallery--inline{max-width:calc(100vw - var(--spacing-8))}@container product-gallery not (max-width:35rem){.product-gallery--inline .product-gallery__slide{padding:var(--spacing-24)}}.product-gallery--inline .product-gallery__viewport{border:1px solid var(--color-off-white);border-radius:var(--border-radius-md);background-color:var(--color-off-white-light);cursor:zoom-in}@media not (max-width:48rem){.product-gallery--inline{max-width:48rem}}.product-gallery--lightbox{flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.product-gallery--lightbox .product-gallery__viewport{max-height:80vh;aspect-ratio:unset}.product-gallery--lightbox .product-gallery__inner .product-gallery__slide__image{width:auto;max-height:60vh}.product-gallery--lightbox .product-gallery__inner .product-gallery__slide__image img{max-height:60vh}.product-gallery--lightbox .product-gallery__inner{width:100%;max-height:calc(100% - var(--spacing-20))}.product-gallery--lightbox .product-gallery-thumbs{width:100%;min-height:var(--spacing-20)}.product-gallery--lightbox .product-gallery__control{display:flex}.product-gallery--lightbox .product-gallery__badge{display:none}.product-gallery__backdrop{z-index:var(--z-carousel-backdrop);background-color:var(--color-neutral-white);position:fixed;inset:0}.product-gallery__sticky-container{height:auto;position:sticky;top:6rem}.product-gallery__inner{position:relative}.product-gallery__badge{z-index:var(--z-carousel-badge);top:var(--spacing-10);gap:var(--spacing-1-half);flex-direction:column;display:flex;position:absolute;left:0}.product-gallery__viewport{aspect-ratio:1;overflow:hidden}.product-gallery__container{height:100%;display:flex}.product-gallery__slide{box-sizing:border-box;flex:0 0 var(--slide-size);min-width:100%;padding:var(--spacing-4);margin:0 var(--slide-spacing);justify-content:center;align-items:center;display:flex;transform:translate(0,0)}@media not (max-width:48rem){.product-gallery__slide{padding:var(--spacing-10)}}.product-gallery__slide__image{object-fit:contain;min-width:100%;max-width:100%;height:auto;max-height:100%;margin:0 auto}.product-gallery__control{display:flex;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:48rem){.product-gallery__control{display:none}}.product-gallery__control--next{right:calc(var(--spacing-4))}@media not (max-width:48rem){.product-gallery__control--next{right:var(--spacing-8)}}.product-gallery__control--prev{left:calc(var(--spacing-4))}@media not (max-width:48rem){.product-gallery__control--prev{left:var(--spacing-8)}}.product-gallery__control--close{z-index:var(--z-carousel);top:var(--spacing-10);right:var(--spacing-10);transform:none;display:none!important}.product-gallery__control--visible{display:flex!important}.product-gallery-thumbs__viewport{padding:var(--spacing-3) 0;overflow:hidden}.product-gallery-thumbs__container{display:flex}.product-gallery-thumbs .product-gallery__slide__image{object-fit:cover;width:100%;min-width:3.375rem;height:100%;min-height:3.375rem}.product-gallery-thumbs__slide{min-width:var(--spacing-16);padding:var(--spacing-2);border:1px solid var(--color-off-white);border-radius:var(--border-radius-sm);aspect-ratio:1;background-color:var(--color-off-white-light);cursor:pointer;transition:box-shadow var(--transition),border var(--transition),padding var(--transition),transform var(--transition);justify-content:center;align-items:center;display:flex}@media not (max-width:48rem){.product-gallery-thumbs__slide{min-width:var(--spacing-20);padding:var(--spacing-3);border-radius:var(--border-radius-md)}}.product-gallery-thumbs__slide:focus-visible{outline:var(--outline)}.product-gallery-thumbs__slide:hover:not(.product-gallery-thumbs__slide--selected){border-color:var(--color-purple-300)}.product-gallery-thumbs__slide--selected{padding:calc(var(--spacing-2) - 1px);border:2px solid var(--color-purple-600);box-shadow:var(--shadow-md)}@media not (max-width:48rem){.product-gallery-thumbs__slide--selected{padding:calc(var(--spacing-3) - 1px)}}
