#main-product .imgs-outer.on-loading{display:none}#main-product .left .imgs-outer{position:relative}#main-product .left .imgs .container{overflow:hidden}#main-product .left .imgs .container .inner{position:relative;display:flex}#main-product .left .imgs .container .inner>.img.video{position:relative}#main-product .left .imgs .container .inner>.img.video>.muted{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;opacity:.7;z-index:1;padding:12px}#main-product .left .imgs .container .tag.new{background-color:var(--tag-new-bgc);color:var(--tag-new-col)}#main-product .left .imgs .container .tag.best-seller{background-color:var(--tag-best-seller-bgc);color:var(--tag-best-seller-col)}#main-product .left .thumbs .container{overflow:hidden}#main-product .left .thumbs .container .inner{display:flex;position:relative;--w: var(--thumb-w);--nb: var(--thumb-nb);--gap: var(--thumb-gap);--w-s: var(--thumb-w-s);--nb-s: var(--thumb-nb-s);--gap-s: var(--thumb-gap-s)}#main-product .left .thumbs .container .inner .thumb{cursor:pointer;overflow:hidden}#main-product .left .thumbs .container .inner .thumb.active{border:1px solid var(--thumb-border)}#main-product .left .thumbs .container .inner .thumb.video{position:relative}#main-product .left .thumbs .container .inner .thumb.video:before{content:"";position:absolute;left:20%;top:20%;display:block;width:60%;height:60%;background-image:var(--thumb-play-url);background-size:100% 100%;background-repeat:no-repeat;background-position:center}#main-product .left .thumbs .container .arrows .arrow-prev,#main-product .left .thumbs .container .arrows .arrow-next{padding:2px}@media (min-width: 1136px){#main-product .left{flex:1}#main-product .left .imgs .container{border-radius:var(--img-radius)}#main-product .left .imgs .container .arrows.hide{display:none}#main-product .left .imgs .container .arrows.layout1{position:absolute;top:12px;right:12px;display:flex;gap:12px}#main-product .left .imgs .container .arrows.layout1 .arrow-prev,#main-product .left .imgs .container .arrows.layout1 .arrow-next{padding:4px}#main-product .left .imgs .container .arrows.layout2{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:calc(100% - 24px);display:flex;justify-content:space-between}#main-product .left .imgs .container .arrows.layout2 .arrow-prev,#main-product .left .imgs .container .arrows.layout2 .arrow-next{padding:4px}#main-product .left .imgs .container .dots.hide{display:none}#main-product .left .imgs .container .dots .dot{width:8px;height:8px;background-color:var(--dots-col);border:1px solid var(--dots-border);border-radius:50%}#main-product .left .imgs .container .dots .dot.active{background-color:var(--dots-col-active);border:1px solid var(--dots-border-active)}#main-product .left .imgs .container .dots.layout1{position:absolute;left:12px;bottom:12px;padding:4px 8px;background-color:var(--dots-bgc);border-radius:50px;display:flex;gap:8px}#main-product .left .imgs .container .dots.layout1 .dot{width:8px;height:8px;background-color:var(--dots-col);border-radius:50%}#main-product .left .imgs .container .dots.layout1 .dot.active{background-color:var(--dots-col-active)}#main-product .left .imgs .container .tag.layout1{position:absolute;left:12px;top:12px;padding:4px 8px;border-radius:var(--tag-radius)}#main-product .left .thumbs .inner{gap:var(--gap)}#main-product .left .thumbs .inner .thumb{border-radius:var(--thumb-radius)}#main-product .left.layout1 .thumbs{margin-top:var(--thumb-gap)}#main-product .left.layout1 .thumbs .container{padding-bottom:1px}#main-product .left.layout1 .thumbs .container .inner .thumb{width:calc((100% - (var(--nb) - 1) * var(--gap)) / var(--nb))}#main-product .left.layout1 .thumbs .container .arrows{position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:calc(100% + 16px);display:flex;justify-content:space-between}#main-product .left.layout2 .imgs{width:calc(100% - var(--thumb-gap) - var(--thumb-w));margin-left:calc(var(--thumb-gap) + var(--thumb-w))}#main-product .left.layout2 .thumbs{position:absolute;left:0;top:0;height:100%}#main-product .left.layout2 .thumbs .container{height:100%}#main-product .left.layout2 .thumbs .container .inner{flex-direction:column;height:100%}#main-product .left.layout2 .thumbs .container .inner .thumb{width:var(--w)}#main-product .left.layout2 .thumbs .container .arrows{position:absolute;left:50%;top:-8px;transform:translate(-50%);height:calc(100% + 16px);display:flex;flex-direction:column;justify-content:space-between}#main-product .left.layout2 .thumbs .container .arrows .arrow-prev,#main-product .left.layout2 .thumbs .container .arrows .arrow-next{transform:rotate(90deg)}#main-product .left.layout2 .imgs-outer.no-thumb .imgs{width:100%;margin-left:0}#main-product .left.layout3 .thumbs{display:none}#main-product .left.sticky-true{position:sticky;top:100px}}@media (max-width: 1135px){#main-product .left{width:100%}#main-product .left .imgs .container{border-radius:var(--img-radius-s)}#main-product .left .imgs .container .inner .img{width:calc(100% / var(--img-nb-s))}#main-product .left .imgs .container .arrows{position:absolute;display:flex}#main-product .left .imgs .container .arrows .arrow-prev,#main-product .left .imgs .container .arrows .arrow-next{padding:4px}#main-product .left .imgs .container .arrows.hide-s{display:none}#main-product .left .imgs .container .arrows.layout1-s{top:12px;right:12px;gap:12px}#main-product .left .imgs .container .arrows.layout2-s{bottom:12px;right:12px;gap:12px}#main-product .left .imgs .container .arrows.layout3-s{top:50%;left:12px;transform:translateY(-50%);width:calc(100% - 24px);justify-content:space-between}#main-product .left .imgs .container .dots{position:absolute;bottom:12px;padding:4px 8px;background-color:var(--dots-bgc);border-radius:50px;display:flex;gap:8px}#main-product .left .imgs .container .dots .dot{width:8px;height:8px;background-color:var(--dots-col);border:1px solid var(--dots-border);border-radius:50%}#main-product .left .imgs .container .dots .dot.active{background-color:var(--dots-col-active);border:1px solid var(--dots-border-active)}#main-product .left .imgs .container .dots.hide-s{display:none}#main-product .left .imgs .container .dots.layout1-s{left:12px}#main-product .left .imgs .container .dots.layout2-s{left:50%;transform:translate(-50%)}#main-product .left .imgs .container .tag.hide-s{display:none}#main-product .left .imgs .container .tag.layout1-s{position:absolute;left:12px;top:12px;padding:4px 8px;border-radius:var(--tag-radius)}#main-product .left .thumbs .inner{gap:var(--gap-s)}#main-product .left .thumbs .inner .thumb{border-radius:var(--thumb-radius-s)}#main-product .left.layout1-s .thumbs{margin-top:var(--thumb-gap-s)}#main-product .left.layout1-s .thumbs .container{padding-bottom:1px}#main-product .left.layout1-s .thumbs .container .inner .thumb{width:calc((100% - (var(--nb-s) - 1) * var(--gap-s)) / var(--nb-s))}#main-product .left.layout1-s .thumbs .container .arrows{position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:calc(100% + 16px);display:flex;justify-content:space-between}#main-product .left.layout2-s .imgs{width:calc(100% - var(--thumb-gap-s) - var(--thumb-w-s));margin-left:calc(var(--thumb-gap-s) + var(--thumb-w-s))}#main-product .left.layout2-s .thumbs{position:absolute;left:0;top:0;height:100%}#main-product .left.layout2-s .thumbs .container{height:100%}#main-product .left.layout2-s .thumbs .container .inner{flex-direction:column;height:100%}#main-product .left.layout2-s .thumbs .container .inner .thumb{width:var(--w-s)}#main-product .left.layout2-s .thumbs .container .arrows{position:absolute;left:50%;top:-8px;transform:translate(-50%);height:calc(100% + 16px);display:flex;flex-direction:column;justify-content:space-between}#main-product .left.layout2-s .thumbs .container .arrows .arrow-prev,#main-product .left.layout2-s .thumbs .container .arrows .arrow-next{transform:rotate(90deg)}#main-product .left.layout2-s .imgs-outer.no-thumb .imgs{width:100%;margin-left:0}#main-product .left.layout3-s .thumbs{display:none}}@media (max-width: 599px){#main-product .inner.section-container-full-s .left.layout1-s .thumbs{margin-left:var(--section-container-l-padding);margin-right:var(--section-container-l-padding)}}@keyframes imgsAreLoading{0%{opacity:.2}50%{opacity:.3}to{opacity:.2}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/main-product-img.css.map */