.media-gallery{display:block}.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:0 0 100%;height:auto;margin:0 auto;max-height:100%;max-width:100%;min-width:0;object-fit:contain;width:100%}.media-gallery__image.hidden,.media-gallery__thumbnail-button.hidden,.media-modal__arrow.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:var(--media-gallery-background-color);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:var(--media-gallery-thumbnail-opacity);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;padding:0 .25rem;overflow:auto hidden}.media-gallery__view{background-color:var(--media-gallery-background-color);overflow:hidden;position:relative}.media-gallery__track{align-items:center;display:flex;touch-action:pan-y pinch-zoom}.media-gallery__view:active{cursor:grab}.media-gallery__view:focus-visible{outline:2px solid #757575;outline-offset:-2px}.media-gallery__view-wrapper{flex-grow:1;overflow:hidden;position:relative}.media-gallery__modal-button{background-color:#fff;border:none;bottom:.5rem;left:.5rem;padding:.5rem 1rem;position:absolute;z-index:1}.media-gallery__modal-button:not(:focus-visible){clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.media-modal__dialog{-webkit-backdrop-filter:var(--header-filter);backdrop-filter:var(--header-filter);background-color:var(--shade-color);border:none;box-sizing:border-box;cursor:zoom-out;height:100%;margin:0;max-height:none;max-width:none;opacity:0;padding:3.5rem 0 var(--padding);transition:opacity var(--speed),overlay var(--speed) allow-discrete,display var(--speed) allow-discrete;width:100%}.media-modal__dialog[open]{display:flex;flex-direction:column;opacity:1}@starting-style{.media-modal__dialog[open]{opacity:0}}.media-modal__dialog::backdrop{background:transparent}.media-modal--backdrop-ambient .media-modal__dialog{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#000}.media-modal__ambient{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute}.media-modal__ambient:after{background-color:rgba(0,0,0,var(--media-modal-ambient-dimness));content:"";top:0;right:0;bottom:0;left:0;position:absolute}.media-modal__ambient img{filter:blur(60px) saturate(1.3);height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;opacity:0;position:absolute;transform:scale(1.2);width:100%}.media-modal__close{position:absolute;right:1rem;top:1rem;z-index:2}.media-modal__body{display:flex;flex:1;flex-direction:column;gap:.5rem;min-height:0;position:relative}.media-modal__stage{display:flex;flex:1;min-height:0;min-width:0;position:relative}.media-modal__view{container-type:inline-size;flex:1;min-width:0;overflow:hidden}.media-modal__track{display:flex;height:100%;touch-action:pan-y pinch-zoom}.media-modal__slide{align-items:center;display:flex;flex:0 0 100%;justify-content:center;min-width:0}.media-modal__image{background-color:var(--media-gallery-background-color);cursor:default;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;transition-duration:var(--speed);transition-property:filter;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto}.media-modal__slide:not(.is-selected) .media-modal__image{cursor:pointer;filter:brightness(calc(1 - var(--media-modal-neighbor-dimness)))}.media-modal__slide:not(.is-selected) .media-modal__image:hover{filter:brightness(calc(1 - var(--media-modal-neighbor-dimness) / 2))}.media-modal__arrow{position:absolute;top:calc(50% - 1.25rem);z-index:1}.media-modal__arrow--prev{left:.5rem}.media-modal__arrow--next{right:.5rem}.media-modal__thumbnails{display:flex;flex-shrink:0;gap:.25rem;max-width:100%;overflow:auto hidden;padding-inline:var(--padding);scrollbar-width:none}.media-modal__thumbnail{background:none;border:none;cursor:pointer;flex:0 0 auto;height:65px;opacity:var(--media-gallery-thumbnail-opacity);padding:0;transition-duration:var(--speed);transition-property:opacity;width:65px}.media-modal__thumbnail--active,.media-modal__thumbnail:hover,.media-modal__thumbnail:focus-visible{opacity:1}.media-modal__thumbnail img{background-color:var(--media-gallery-background-color);border-radius:clamp(0px,var(--border-radius),8px);display:block;height:100%;object-fit:contain;pointer-events:none;width:100%}@media screen and (max-width:799px){.media-modal--peek-mobile .media-modal__slide{flex:0 0 auto;padding:0 .375rem}.media-modal--peek-mobile .media-modal__image{max-width:calc(100cqi - 2cqi * var(--media-modal-peek-mobile))}.media-modal__body:is([data-thumbnails-mobile=left],[data-thumbnails-mobile=right]) .media-modal__thumbnails{flex-direction:column;max-width:none;overflow:hidden auto}}@media screen and (min-width:800px){.media-modal--peek-desktop .media-modal__slide{flex:0 0 auto;padding:0 .625rem}.media-modal--peek-desktop .media-modal__image{max-width:calc(100cqi - 2cqi * var(--media-modal-peek-desktop))}.media-modal--arrows-outside_desktop:not(.media-modal--peek-desktop) .media-modal__stage{padding:0 4rem}.media-modal__body:is([data-thumbnails-desktop=left],[data-thumbnails-desktop=right]) .media-modal__thumbnails{flex-direction:column;max-width:none;overflow:hidden auto}.media-modal__thumbnails>:first-child{margin-left:auto}.media-modal__thumbnails>:last-child{margin-right:auto}.media-modal__body:is([data-thumbnails-desktop=left],[data-thumbnails-desktop=right]) .media-modal__thumbnails>:first-child{margin:auto 0 0}.media-modal__body:is([data-thumbnails-desktop=left],[data-thumbnails-desktop=right]) .media-modal__thumbnails>:last-child{margin:0 0 auto}}@media screen and (max-width:799px){.media-gallery__image-gallery:is([data-thumbnails-mobile=left],[data-thumbnails-mobile=right]){column-gap:.25rem}.media-gallery__image-gallery:is([data-thumbnails-mobile=left],[data-thumbnails-mobile=right]) .media-gallery__thumbnails-wrapper{align-self:stretch;contain:size;display:block;margin-top:0;overflow:hidden auto;padding:0;width:65px}.media-gallery__image-gallery:is([data-thumbnails-mobile=left],[data-thumbnails-mobile=right]) .media-gallery__thumbnails-container{flex-direction:column;height:auto;width:65px}.media-gallery__image-gallery[data-thumbnails-mobile=top] .media-gallery__thumbnails-wrapper{margin:0 0 .25rem}.media-gallery__image-gallery:not([data-thumbnails-mobile=left],[data-thumbnails-mobile=right]) .media-gallery__view-wrapper{align-self:stretch}}@media screen and (min-width:800px){.media-gallery{height:100%}.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;overflow:hidden auto;padding:0;direction:rtl;max-height:30rem}.media-gallery__image-gallery[data-thumbnails-desktop=right] .media-gallery__thumbnails-wrapper{direction:ltr}.media-gallery__view-wrapper{border-radius:var(--border-radius)}.media-gallery__image-gallery:is([data-thumbnails-desktop=top],[data-thumbnails-desktop=bottom]){column-gap:0;row-gap:.5rem}.media-gallery__image-gallery:is([data-thumbnails-desktop=top],[data-thumbnails-desktop=bottom]) .media-gallery__thumbnails-wrapper{display:flex;justify-content:flex-start;overflow:auto hidden;padding:0 .25rem;direction:ltr;max-height:none;width:100%}.media-gallery__image-gallery:is([data-thumbnails-desktop=top],[data-thumbnails-desktop=bottom]) .media-gallery__thumbnails-container{flex-direction:row;gap:.4rem;height:100px;width:auto}.media-gallery__image-gallery:is([data-thumbnails-desktop=top],[data-thumbnails-desktop=bottom]) .media-gallery__thumbnail{width:100px}.media-gallery__image-gallery:is([data-thumbnails-desktop=top],[data-thumbnails-desktop=bottom]) .media-gallery__view-wrapper{align-self:stretch}}[data-thumbnails-strip]{position:relative}@media screen and (max-width:799px){:is([data-thumbnails-mobile=left],[data-thumbnails-mobile=right]){flex-direction:row}:is([data-thumbnails-mobile=top],[data-thumbnails-mobile=bottom]){flex-direction:column}:is([data-thumbnails-mobile=left],[data-thumbnails-mobile=top])>[data-thumbnails-strip]{order:-1}:is([data-thumbnails-mobile=right],[data-thumbnails-mobile=bottom])>[data-thumbnails-strip]{order:1}[data-thumbnails-mobile=none]>[data-thumbnails-strip]{display:none}}@media screen and (min-width:800px){:is([data-thumbnails-desktop=left],[data-thumbnails-desktop=right]){flex-direction:row}:is([data-thumbnails-desktop=top],[data-thumbnails-desktop=bottom]){flex-direction:column}:is([data-thumbnails-desktop=left],[data-thumbnails-desktop=top])>[data-thumbnails-strip]{order:-1}:is([data-thumbnails-desktop=right],[data-thumbnails-desktop=bottom])>[data-thumbnails-strip]{order:1}[data-thumbnails-desktop=none]>[data-thumbnails-strip]{display:none}}:is(.media-gallery__image-gallery,.media-modal__body)>[data-thumbnails-strip].hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/341/assets/media-gallery.css.map */