.gallery{max-width:100%;width:70rem;margin-left:auto;margin-right:auto}.gallery-main{cursor:grab;position:relative;overflow:hidden}.gallery-main:active{cursor:grabbing}.gallery-track{display:flex;will-change:transform;touch-action:pan-y;cursor:grab;height:100%}.gallery:not(.gallery--modal) .gallery-slide img{filter:brightness(.95)}@media only screen and (max-width:749px){.gallery:not(.gallery--modal) .gallery-main{margin-left:-1.5rem;margin-right:-1.5rem}}.gallery-track.dragging{cursor:grabbing}.gallery-slide{min-width:100%;position:relative;overflow:hidden}.gallery-slide img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform;touch-action:none}.gallery-slide .product__media{height:100%;overflow:hidden}.gallery-slide .product__media img{position:relative;object-fit:contain}.gallery-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:60px;gap:.5rem;margin-top:32px;overflow-x:auto;overflow-y:hidden;flex:0 0 auto;justify-content:center}.gallery-thumb,.gallery-more{background:transparent;border:1px solid #e4eaf1;border-radius:5px;font-size:1.4rem;padding:0;cursor:pointer;overflow:hidden;transition:border .2s;position:relative}.gallery-more.gallery-thumbs-videos{display:flex;align-items:center;justify-content:center;flex-direction:column}.gallery-more.gallery-thumbs-images img{opacity:.3}.gallery-more.gallery-thumbs-images span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gallery-thumb:hover,.gallery-more:hover{border:1px solid #c3c3c3}.gallery-thumb.active{border:1px solid #7c7c7c}.gallery-thumbs img{border-radius:5px;width:100%;height:100%;object-fit:cover}.gallery-thumbs .gallery-prev,.gallery-thumbs .gallery-next{background:none;border:none;cursor:pointer}.gallery-navigation{background:#fff;border-radius:25px;box-shadow:0 2px 8px #0000001f;font-size:1.25rem;font-weight:600;position:absolute;bottom:48px;justify-content:center;align-items:center;gap:10px;left:50%;transform:translate(-50%);display:none}.gallery-navigation .gallery-prev,.gallery-navigation .gallery-next{background:none;border:none;border-radius:25px;padding:8px 10px;display:flex}.gallery-navigation .gallery-prev svg path,.gallery-navigation .gallery-next svg path{fill:#000!important}.gallery-modal-triggers{display:none}.gallery-modal .gallery-navigation{background:transparent;box-shadow:none;position:absolute;bottom:0;left:2rem;transform:none}@media only screen and (max-width:749px){.gallery-modal .gallery-slide img{touch-action:pan-x pan-y}.gallery-slide{touch-action:pan-y}.gallery-navigation{display:flex}.gallery-modal-triggers{box-shadow:0 2px 8px #0000001f;display:flex;flex-direction:row;justify-content:center;position:absolute;bottom:0;left:50%;transform:translate(-50%)}}.gallery-modal{background:#0000;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:-100;transition:background .2s ease-out}.gallery-modal.show{background:#0000004d;opacity:1;pointer-events:all}.gallery-modal.show,.gallery-modal.closing{z-index:30}.gallery-modal .gallery{display:flex;flex-direction:column;gap:12px}.gallery-modal .gallery-main{flex:1}.gallery-modal .gallery-thumbs{margin-top:0;position:relative}.gallery-modal .gallery-thumbs__wrapper{display:flex;flex-direction:row;justify-content:center}.gallery-modal .gallery-prev,.gallery-modal .gallery-next{background:transparent;border:none;width:4rem;height:100%;flex:0 0 4rem;z-index:3}@media only screen and (max-width:749px){.gallery-slide,.gallery-slide img{touch-action:pan-y}.gallery-modal .gallery-slide,.gallery-modal .gallery-slide .product__media,.gallery-modal .gallery-slide img{touch-action:none}.gallery-modal .gallery-main{margin:0}.gallery-modal .gallery-thumbs{flex:1;justify-content:start;padding:2rem 0;margin-bottom:1rem;scroll-behavior:smooth}.gallery-modal .gallery-thumbs__wrapper{background:#f2f5f8}.gallery-modal .gallery-prev,.gallery-modal .gallery-next{background:transparent;border:none;width:4rem;height:100%;flex:0 0 4rem;z-index:3}.gallery-modal .gallery-prev{left:0}.gallery-modal .gallery-next{right:0}}.gallery-modal__wrapper{border-radius:1rem;width:calc(100% - 4rem);height:calc(100% - 4rem);margin:2rem;display:flex;flex-direction:column;position:relative}.gallery-modal.show .gallery-modal__wrapper{animation:slideInBottomFull .5s cubic-bezier(0,0,0,1.15)}.gallery-modal.closing .gallery-modal__wrapper{animation:slideOutBottomFull .2s ease-in}@media only screen and (max-width:749px){.gallery-modal__wrapper{width:100%;height:calc(100% - 2rem);margin:3rem 0 0}}.gallery-modal__content{background:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;padding:0 3rem;flex:1;min-height:0}@media only screen and (max-width:749px){.gallery-modal__content{padding:0}}.gallery-modal__content-images,.gallery-modal__content-videos{display:none}.gallery-modal__content-images.show,.gallery-modal__content-videos.show{display:flex}.gallery-modal__content-images{padding:3rem 0;justify-content:center;height:100%}.gallery-modal__content-videos{flex-direction:row;height:100%}@media only screen and (max-width:749px){.gallery-modal__content-images{padding-bottom:0}.gallery-modal__content-videos{flex-direction:column-reverse}}.gallery-modal__tabs{background:#f2f5f8;border-top-left-radius:1rem;border-top-right-radius:1rem;padding:4rem 2rem 0;display:flex;justify-content:start;gap:.1rem}.gallery-modal__tabs button,.gallery-modal-triggers button{background:none;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border:none;cursor:pointer;min-width:10rem;padding:.75rem 1.5rem;font-size:1.2rem;display:flex;align-items:center;gap:.75rem}.gallery-modal svg path,.gallery-modal__tabs span{color:#000!important}.gallery-modal-triggers.has-multiple button:first-child{border-top-right-radius:0}.gallery-modal-triggers.has-multiple button:last-child{border-top-left-radius:0}.gallery-modal__tabs button.active{background:#fff}.gallery-modal-triggers button{background:#fff;color:#000}.gallery-modal-triggers button svg path{color:#000!important}.gallery-modal__close{background:none;border:none;cursor:pointer;position:absolute;right:1.5rem;top:1.5rem;z-index:2}.gallery-modal__close .svg-wrapper{width:12px;height:12px}.gallery-modal__video-play-icon{border:1px solid #000;border-radius:50%;width:20px;height:20px;display:flex;flex-shrink:0;align-items:center;justify-content:center;margin-left:auto}.gallery-modal__video-play-icon .svg-wrapper{width:7px;height:7px}@media only screen and (max-width:749px){.product .gallery-modal .slider-buttons{position:relative;bottom:1rem}}.gallery-prev .svg-wrapper,.gallery-next .svg-wrapper{width:12px;height:12px}.gallery-prev .svg-wrapper svg{transform:rotate(90deg)}.gallery-next .svg-wrapper svg{transform:rotate(-90deg)}.gallery-modal__content-videos-list{border-right:2px solid #f2f5f8;flex-shrink:0;padding:3rem 3rem 3rem 0;margin:0;width:35%;height:100%;overflow-y:auto}@media only screen and (max-width:749px){.gallery-modal__content-videos-list{background:#f2f5f8;flex-shrink:unset;padding:2rem;width:100%}}.gallery-modal__videos-list-item{border-radius:.5rem;border:1px solid #e4eaf1;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:2rem;padding:1.5rem;margin-bottom:1.5rem;transition:border-color .2s}.gallery-modal__videos-list-item.active{border-color:var(--border-color)}.gallery-modal__videos-player{padding:3rem 0 3rem 3rem;display:flex;align-items:start;justify-content:center;width:100%}@media only screen and (max-width:749px){.gallery-modal__videos-list-item{padding:1rem 1.5rem 1rem 1rem}.gallery-modal__videos-list-item.active{background:#fff}.gallery-modal__video-title{font-size:1.5rem;line-height:130%;font-weight:600}.gallery-modal__videos-player{padding:2rem;max-height:35vh}}.gallery-modal__video-thumbnail{flex-shrink:0;width:10.4rem;height:7.8rem}.gallery-modal__video-thumbnail>img{width:100%;height:100%;object-fit:cover}.gallery-modal__video-play-icon{border:1px solid #000;border-radius:50%;width:24px;height:24px;display:flex;flex-shrink:0;align-items:center;justify-content:center;margin-left:auto}.gallery-modal__video-play-icon .svg-wrapper{width:10px;height:10px}.gallery-modal__videos-player video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.gallery-modal__videos-player iframe{max-width:100%;max-height:100%;width:100%;aspect-ratio:16 / 9}.gallery-slide{cursor:zoom-in}.gallery-slide.zoomed{cursor:zoom-out}.gallery-slide img{-webkit-user-select:none;user-select:none;will-change:transform;-webkit-user-drag:none}.gallery-modal .gallery-slide img{touch-action:none}
/*# sourceMappingURL=/cdn/shop/t/69/assets/component-product-gallery.css.map */