.media-gallery{display:block}.media-gallery__view-overrides{pointer-events:none;scroll-behavior:unset;scroll-snap-stop:unset;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.media-gallery .icon-button{background-color:#fff;box-shadow:0 2px .5rem #00000014;border-radius:50%}.media-gallery .icon-button:hover{background-color:#ddd}.media-gallery .icon-button[data-media-gallery-next]{right:.5rem}.media-gallery .icon-button[data-media-gallery-prev]{left:.5rem}.media-gallery .icon-button[data-media-gallery-next],.media-gallery .icon-button[data-media-gallery-prev]{position:absolute;top:calc(50% - 1.25rem)}.media-gallery__image-gallery{align-items:flex-start;display:flex;flex-direction:column;margin:0 -1rem;position:relative;-webkit-user-select:none;user-select:none;width:calc(100% + 2rem)}.media-gallery__dot{background-color:#00000026;border:none;border-radius:50%;cursor:pointer;height:.65rem;padding:0;transition-duration:var(--speed);transition-property:background-color;width:.65rem}.media-gallery__dot:hover{background-color:var(--color-primary-translucent)}.media-gallery__dot--active,.media-gallery__dot--active:hover{background-color:var(--color-primary)}.media-gallery__dots-container{bottom:0;display:flex;justify-content:center;gap:.5rem;padding:1rem 0;position:absolute;width:100%}.media-gallery__image{cursor:zoom-in;display:block;flex-grow:1;height:auto;margin:0 auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.media-gallery__image.hidden,.media-gallery__thumbnail-button.hidden,.media-modal__image.hidden,.media-gallery__thumbnails-wrapper.hidden{display:none}.media-gallery__image-container{align-items:center;aspect-ratio:1;display:flex;flex-shrink:0;justify-content:center;scroll-snap-align:start;width:100%;-webkit-user-select:none;user-select:none}.media-gallery__thumbnail{background-color:#eee;border-radius:clamp(0px,var(--border-radius),8px);display:block;height:auto;max-height:100%;max-width:100%;pointer-events:none;width:65px;object-fit:contain;aspect-ratio:1 / 1}.media-gallery__thumbnail-button{background:none;border:none;cursor:pointer;display:block;flex-shrink:0;opacity:.5;padding:.1rem;transition-duration:var(--speed);transition-property:opacity}.media-gallery__thumbnail-button--active,.media-gallery__thumbnail-button:active,.media-gallery__thumbnail-button:hover,.media-gallery__thumbnail-button:focus{opacity:1}.media-gallery__thumbnail-button:focus{outline:-webkit-focus-ring-color auto 1px}.media-gallery__thumbnails-container{align-items:center;display:flex;flex-shrink:0;gap:.25rem;height:65px;justify-content:flex-start;max-width:100%}.media-gallery__thumbnails-wrapper{display:flex;flex-shrink:0;justify-content:center;margin-top:.25rem;order:2;padding:0 .25rem;overflow:auto hidden}.media-gallery__view{-ms-overflow-style:none;align-items:center;animation:.5s ease-in-out fadeIn;background-color:#eee;display:flex;overflow-x:auto;position:relative;scroll-snap-type:x mandatory;scrollbar-width:none}.media-gallery__view:active{cursor:grab}.media-gallery__view-wrapper{flex-grow:1;overflow:hidden;position:relative}.media-gallery__view::-webkit-scrollbar{display:none}.media-modal{background-color:var(--shade-color);-webkit-backdrop-filter:var(--header-filter);backdrop-filter:var(--header-filter);cursor:zoom-out;height:100%;left:0;opacity:0;position:fixed;top:0;transition-duration:var(--speed);transition-property:opacity,visibility;visibility:hidden;width:100%;z-index:300}.media-modal--active{opacity:1;visibility:visible}.media-modal .icon-button{position:absolute;right:1rem;top:1rem}.media-modal__image{display:block;flex-shrink:0;margin:0 auto;max-height:100%;max-width:100%;object-fit:contain;scroll-snap-align:center}.media-modal__images-container{display:flex;flex-direction:column;gap:1rem;height:100%;overflow:auto;padding:var(--padding);width:100%}@media screen and (min-width: 800px){.media-gallery{grid-column:1;grid-row:1 / 3}.media-gallery__image-gallery{column-gap:.5rem;flex-direction:row;margin:0 auto;position:sticky;top:0;width:100%}.media-gallery__thumbnails-container{flex-direction:column;height:auto;width:65px}.media-gallery__thumbnails-wrapper{display:block;margin-top:0;order:1;overflow:hidden auto;padding:0;direction:rtl;max-height:30rem}.media-gallery__view-wrapper{border-radius:var(--border-radius);order:2}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/media-gallery.css.map */