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-counter{margin:0 1.2rem;display:flex;min-width:2rem}@media screen and (max-width: 749px){.gallery-counter--dots{margin:0}.gallery-dots__wrapper{position:absolute;bottom:0;width:100%}}.gallery-counter__link{padding:0}.gallery-counter__link--dots .dot{width:1rem;height:1rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.5);padding:0;display:block}.gallery-counter__link--active.gallery-counter__link--dots .dot{background-color:rgb(var(--color-foreground))}@media screen and (forced-colors: active){.gallery-counter__link--active.gallery-counter__link--dots .dot{background-color:CanvasText}}.gallery-counter__link--dots:not(.gallery-counter__link--active):hover .dot{border-color:rgb(var(--color-foreground))}.gallery-counter__link--dots .dot{transition:transform .2s ease-in-out}.gallery-counter__link--dots:not(.gallery-counter__link--active):hover .dot{transform:scale(1.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-foreground),.5);z-index:2}modal-dialog#pdp-gallery-modal[open] pdp-gallery-modal{height:80vh;width:80vw;border:solid 1px rgb(var(--color-foreground));display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-base-accent-1));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}}.slider-button--prev:not([disabled]):hover .icon{transform:rotate(90deg) scale(1.1)}.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}@media screen and (max-width: 749px){#pdp-gallery-modal{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-pdp-gallery.css.map */