.media-gallery{display:block;width:100%;padding-block:var(--mg-padding-top, 40px) var(--mg-padding-bottom, 40px);background:var(--mg-background, #fff);color:var(--mg-text-color, #111)}.media-gallery,.media-gallery *,.media-gallery *:before,.media-gallery *:after,.media-gallery-popup,.media-gallery-popup *,.media-gallery-popup *:before,.media-gallery-popup *:after{box-sizing:border-box}.media-gallery__container{width:100%;max-width:var(--mg-container-width, 1400px);margin-inline:auto;padding-inline:var(--mg-container-padding, 20px)}.media-gallery__header{margin-bottom:var(--mg-header-spacing, 30px);text-align:var(--mg-heading-alignment, left)}.media-gallery__heading{margin:0 0 10px;color:var(--mg-heading-color, #111);font-size:var(--mg-heading-size, 32px);line-height:1.2}.media-gallery__subheading{margin:0;color:var(--mg-subheading-color, #666);font-size:var(--mg-subheading-size, 16px);line-height:1.5}.media-gallery__subheading>:first-child,.media-gallery__caption>:first-child,.media-gallery-popup__description>:first-child{margin-top:0}.media-gallery__subheading>:last-child,.media-gallery__caption>:last-child,.media-gallery-popup__description>:last-child{margin-bottom:0}.media-gallery__heading a,.media-gallery__subheading a,.media-gallery__title a,.media-gallery__caption a{font-family:inherit;font-weight:inherit;font-style:inherit;color:inherit}.media-gallery__heading :is(strong,b),.media-gallery__subheading :is(strong,b),.media-gallery__title :is(strong,b),.media-gallery__caption :is(strong,b){font-weight:inherit}.media-gallery__viewport{position:relative;min-width:0}.media-gallery__track{--mg-columns: min( var(--mg-columns-desktop, 3), var(--mg-slide-count, 1) );display:flex;align-items:stretch;gap:var(--mg-gap, 20px);margin:0;padding:10px 0;overflow-x:auto;overflow-y:hidden;list-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.media-gallery__track::-webkit-scrollbar{display:none}.media-gallery__slide{flex:0 0 calc((100% - (var(--mg-columns) - 1) * var(--mg-gap, 20px)) / var(--mg-columns));min-width:0;margin:0;padding:0;scroll-snap-align:start}.media-gallery__card{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;background:var(--mg-card-background, #fff);border-radius:var(--mg-card-radius, 8px)}.media-gallery__media{position:relative;flex-shrink:0;width:100%;height:var(--mg-media-height, 320px);overflow:hidden;background:var(--mg-media-background, #f4f4f4)}.media-gallery__image,.media-gallery__video{display:block;width:100%;height:100%;object-fit:var(--mg-media-fit, contain);object-position:var(--mg-media-position, center)}.media-gallery__embed{display:block;width:100%;height:100%;border:0}.media-gallery__trigger{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;color:inherit;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none}.media-gallery__play-icon{position:absolute;inset:50% auto auto 50%;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;transform:translate(-50%,-50%);background:var(--mg-play-background, #111);color:var(--mg-play-color, #fff);pointer-events:none}.media-gallery__play-icon svg{width:24px;height:24px}.media-gallery__info{display:flex;flex-direction:column;gap:8px;padding:var(--mg-content-padding, 15px);text-align:var(--mg-caption-alignment, left)}.media-gallery__title{margin:0;color:var(--mg-title-color, #111);font-size:var(--mg-title-size, 18px);line-height:1.3;overflow-wrap:anywhere}.media-gallery__caption{margin:0;color:var(--mg-caption-color, #666);font-size:var(--mg-caption-size, 16px);line-height:1.5;overflow-wrap:anywhere}.media-gallery__nav{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--mg-nav-size, 48px);height:var(--mg-nav-size, 48px);margin:0;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background:var(--mg-nav-background, #111);color:var(--mg-nav-color, #fff);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.media-gallery__nav--prev{left:var(--mg-nav-offset, -24px)}.media-gallery__nav--next{right:var(--mg-nav-offset, -24px)}.media-gallery__nav svg{width:50%;height:50%}.media-gallery__nav:disabled{opacity:.3;cursor:default}.media-gallery__autoscroll{display:flex;justify-content:center;margin-top:16px}.media-gallery__pause{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 16px;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}.media-gallery-popup{position:fixed;inset:50% auto auto 50%;width:min(var(--mg-popup-width, 900px),calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:0;padding:0;transform:translate(-50%,-50%);border:0;border-radius:var(--mg-popup-radius, 0px);background:transparent;color:var(--mg-popup-description-color, #111);overflow:visible}.media-gallery-popup::backdrop{background:var(--mg-popup-backdrop, #000);opacity:var(--mg-popup-backdrop-opacity, .8)}.media-gallery-popup__content{position:relative;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:var(--mg-popup-padding, 32px);border-radius:var(--mg-popup-radius, 0px);background:var(--mg-popup-background, #fff);overflow:auto;overscroll-behavior:contain}.media-gallery-popup__toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.media-gallery-popup__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--mg-popup-close-size, 44px);height:var(--mg-popup-close-size, 44px);margin:0;padding:0;border:0;background:var(--mg-popup-close-background, #fff);color:var(--mg-popup-close-color, #111);font-size:30px;line-height:1;cursor:pointer;transition:color .2s ease,background-color .2s ease,transform .2s ease,opacity .2s ease}.media-gallery-popup__title{width:100%;margin:0 0 16px;padding:0;color:var(--mg-popup-title-color, #111);font-size:var(--mg-popup-title-size, 28px);line-height:1.2;text-align:var(--mg-popup-align, left);overflow-wrap:anywhere}.media-gallery-popup__description{width:100%;margin:0 0 20px;padding:0;color:var(--mg-popup-description-color, #111);font-size:var(--mg-popup-description-size, 16px);line-height:1.5;text-align:var(--mg-popup-align, left);overflow-wrap:anywhere}.media-gallery-popup__description :is(p,ul,ol){font-family:inherit;font-size:inherit;color:inherit}.media-gallery-popup__description a{color:inherit}.media-gallery-popup__video{display:block;width:100%;max-height:var(--mg-popup-video-height, 600px);border-radius:var(--mg-popup-video-radius, 0px);background:#000;object-fit:contain}.media-gallery-popup__embed{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:var(--mg-popup-video-radius, 0px);background:#000}.media-gallery__trigger:focus-visible,.media-gallery__nav:focus-visible,.media-gallery__pause:focus-visible,.media-gallery__track:focus-visible,.media-gallery-popup__close:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.media-gallery [hidden],.media-gallery-popup [hidden]{display:none!important}.media-gallery__empty{padding:32px 16px;text-align:center}@media(hover:hover)and (pointer:fine){.media-gallery__nav:not(:disabled):hover{background:var(--mg-nav-hover-background, #333)}.media-gallery-popup__close:hover{color:var(--mg-popup-close-hover-color, #111);background:var(--mg-popup-close-hover-background, #e6e6e6)}.media-gallery-popup__close--scale:hover{transform:scale(1.08)}.media-gallery-popup__close--rotate:hover{transform:rotate(90deg)}.media-gallery-popup__close--fade:hover{opacity:.6}}@media screen and (min-width:750px)and (max-width:989px){.media-gallery__track{--mg-columns: min( var(--mg-columns-tablet, 2), var(--mg-slide-count, 1) )}.media-gallery__media{height:var(--mg-tablet-media-height, 280px)}.media-gallery__nav--prev{left:0}.media-gallery__nav--next{right:0}}@media screen and (max-width:749px){.media-gallery{padding-block:var(--mg-mobile-padding-top, 20px) var(--mg-mobile-padding-bottom, 20px)}.media-gallery__container{max-width:var(--mg-mobile-container-width, 800px);padding-inline:var(--mg-mobile-container-padding, 16px)}.media-gallery__heading{font-size:var(--mg-mobile-heading-size, 26px)}.media-gallery__subheading{font-size:var(--mg-mobile-subheading-size, 14px)}.media-gallery__track{--mg-columns: min( var(--mg-columns-mobile, 1), var(--mg-slide-count, 1) );gap:var(--mg-mobile-gap, 16px)}.media-gallery__slide{flex-basis:calc((100% - (var(--mg-columns) - 1) * var(--mg-mobile-gap, 16px)) / var(--mg-columns))}.media-gallery__card{border-radius:var(--mg-mobile-card-radius, 8px)}.media-gallery__media{height:var(--mg-mobile-media-height, 240px)}.media-gallery__image,.media-gallery__video{object-fit:var(--mg-mobile-media-fit, contain);object-position:var(--mg-mobile-media-position, center)}.media-gallery__title{font-size:var(--mg-mobile-title-size, 16px)}.media-gallery__caption{font-size:var(--mg-mobile-caption-size, 14px)}.media-gallery__nav{width:var(--mg-mobile-nav-size, 44px);height:var(--mg-mobile-nav-size, 44px)}.media-gallery__nav--prev{left:var(--mg-mobile-nav-offset, 0px)}.media-gallery__nav--next{right:var(--mg-mobile-nav-offset, 0px)}.media-gallery-popup__content{padding:var(--mg-popup-mobile-padding, 20px)}.media-gallery-popup__title{font-size:var(--mg-popup-mobile-title-size, 24px)}.media-gallery-popup__description{font-size:var(--mg-popup-mobile-description-size, 14px)}}@media(prefers-reduced-motion:reduce){.media-gallery__track{scroll-behavior:auto}.media-gallery__nav,.media-gallery-popup__close{transition:none}.media-gallery-popup__close:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/media-gallery-carousel.css.map */