gallery-component{display:block;position:sticky;top:11rem}pdp-modal-opener button{-webkit-appearance:none;appearance:none;border:none;background-color:transparent;width:100%;height:100%;display:inline-block;cursor:pointer}@media screen and (max-width:749px){gallery-component .gallery-controls__wrapper{display:flex;flex-flow:row nowrap;width:100%;justify-content:space-between;align-items:center;position:absolute;top:50%;transform:translateY(-50%)}gallery-component .slider.slider--mobile .slider__slide{width:100%;margin:0 auto}}gallery-component .gallery-thumbnail-slider{display:flex;justify-content:center;width:100%;height:100%;padding:0 3rem}gallery-component .slider-button--prev{left:2rem}gallery-component .slider-button--next{right:2rem}gallery-component .gallery-thumbnail-slider .gallery-counter__link{border-radius:5px;margin:0;padding:0;width:5rem;height:5rem}gallery-component .gallery-thumbnail-slider .gallery-counter__link:not(.gallery-counter__link--active){border:solid 1px rgba(var(--color-foreground),.2)}gallery-component .gallery-thumbnail-slider .gallery-counter__link--active,gallery-component .gallery-thumbnail-slider .gallery-counter__link:hover{border-color:rgba(var(--color-foreground),1)}gallery-component .gallery-thumbnail-slider .gallery-counter__link img{pointer-events:none}.gallery-thumbnail-slider.gallery__controls .gallery__control-wrapper{display:flex;width:100%;grid-gap:1rem}gallery-component .gallery-counter{margin:0 1.2rem;display:flex;min-width:2rem}gallery-component .gallery-counter:not(.gallery-counter__thumbnails){margin:0 1.2rem}@media screen and (max-width:749px){.gallery-counter--dots{margin:0!important}.gallery-dots__wrapper{position:absolute;bottom:15px;width:100%}}.gallery-counter__link{padding:0}.gallery-counter__link--dots{display:flex;align-items:center;justify-content:center}.gallery-counter__link--dots .dot{width:1rem;height:1rem;border-radius:50%;border:.1rem solid rgba(var(--color-background),1);padding:0;display:block;transition:width .5s ease,border-radius .5s ease;margin:0 5px}.gallery-counter__link--dots:first-child .dot{margin-left:0}.gallery-counter__link--dots:last-child .dot{margin-right:0}.gallery-counter__link--active.gallery-counter__link--dots .dot{border-radius:5px;width:2.5rem;border:.1rem solid rgba(var(--color-background),1);background-color:rgba(var(--color-background),1)}.gallery-buttons{display:flex;align-items:center;justify-content:center}@media screen and (min-width:990px){.slider:not(.slider--everywhere)+.gallery-buttons{display:none}}@media screen and (min-width:750px){.slider--mobile+.gallery-buttons{display:none}#pdp-gallery-modal{display:none}#pdp-gallery-modal[open]{height:100vh;width:100vw;display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(var(--color-base-text-secondary),.7);z-index:2}modal-dialog#pdp-gallery-modal[open] pdp-gallery-modal{height:80vh;width:80vw;border:solid 1px rgb(var(--color-base-text-secondary));display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f7f7f7;z-index:3;margin-top:calc(var(--modal-top-offset) / 2)}modal-dialog#pdp-gallery-modal[open] .pdp-gallery-modal{width:auto;height:100%;overflow:hidden;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);mix-blend-mode:multiply}}.spaced-section--full-width:first-child gallery-component.page-width{margin-top:5rem}.spaced-section--full-width:last-child gallery-component.page-width{margin-bottom:5rem}@media screen and (min-width:750px){.spaced-section--full-width:first-child gallery-component.page-width{margin-top:calc(5rem + var(--page-width-margin))}.spaced-section--full-width:last-child gallery-component.page-width{margin-bottom:calc(5rem + var(--page-width-margin))}}.spaced-section--full-width:last-child gallery-component:not(.page-width) .gallery__controls{border-bottom:none}@media screen and (min-width:750px){.gallery__controls{position:relative}}gallery-component:not(.page-width) .gallery-buttons{border-right:0;border-left:0}.gallery__control-wrapper{display:flex;padding:5px 7px;background-color:rgba(var(--color-foreground),.2);border-radius:20px;box-shadow:0 1px 10px #00000003,0 1px 5px #0000000f}@media screen and (max-width:749px){#pdp-gallery-modal{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-pdp-gallery.css.map */