.ts-icon{display:flex;pointer-events:none}.ts-image{width:100%;height:100%;object-fit:cover}.ts-image--square{aspect-ratio:1 / 1;height:fit-content}.ts-image--landscape{aspect-ratio:16 / 9;height:fit-content}.ts-image--portrait{aspect-ratio:3 / 4;height:fit-content}.ts-image--fill{height:fit-content}.ts-image--mobile{display:none}.ts-rounded--xl{border-radius:20px}.ts-rounded--lg{border-radius:16px}.ts-rounded--md{border-radius:10px}.ts-rounded--xs{border-radius:4px}@media screen and (max-width: 749px){.ts-image--mobile{display:block}.ts-image--desktop{display:none}}.ts-product__images{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ts-product__media{display:flex;position:relative}.ts-product__media:nth-child(6n-1),.ts-product__media:nth-child(6n-5){grid-column:2 span;grid-row:2 span}.ts-product__media video{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:16px}.ts-product__media--controls{position:absolute;bottom:20px;right:20px;display:flex;gap:12px;align-items:center}.ts-product__media--control,.ts-product__media--play,.ts-product__media--pause{display:flex;cursor:pointer}.ts-product__media--control *{pointer-events:none}.ts-product__media--pause,.ts-product__media--video.play .ts-product__media--play{display:none}.ts-product__media--video.play .ts-product__media--pause{display:flex}.ts-product__media--volume{overflow:hidden;position:relative}.ts-product__media--volume:after{content:"";width:32px;height:2px;background-color:#fff;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%) rotate(45deg);opacity:1}.ts-product__media--video.volume-on .ts-product__media--volume:after{opacity:0}.ts-product__zoom-icon{position:absolute;bottom:20px;right:20px;width:46px;height:46px;align-items:center;justify-content:center;border-radius:4px;background-color:#f7f8fb;opacity:0;transition:opacity .3s;cursor:pointer;z-index:1;pointer-events:all}.ts-product__zoom-icon *{pointer-events:none}.ts-product__media:hover .ts-product__zoom-icon{opacity:1}.ts-product__media-badge{display:flex;position:absolute;top:20px;right:20px;max-height:100%;overflow:auto;z-index:1;pointer-events:none}.ts-product__media-badge--mobile{display:none}.ts-product__media-badge img{width:72px;height:auto;border-radius:0}.ts-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99;max-height:100dvh;opacity:0;transition:opacity .3s;pointer-events:none}.ts-lightbox.open{opacity:1;pointer-events:all}.ts-lightbox__wrapper{max-width:1240px;padding:32px 124px 32px 154px;margin:0 auto;position:relative}.ts-lightbox__main-wrapper{width:fit-content;max-width:100%;position:relative;aspect-ratio:1 / 1;height:calc(100dvh - 64px);margin:0 auto;transform:scale(.5);transition:transform .3s}.ts-lightbox.open .ts-lightbox__main-wrapper{transform:scale(1)}.ts-lightbox__main{width:100%;display:flex;overflow:hidden}.ts-lightbox__main img{max-height:calc(100dvh - 64px);height:100%;width:fit-content;max-width:100%;margin:0 auto}.ts-lightbox__media{display:flex;width:100%;min-width:100%}.ts-lightbox__control{position:absolute;top:50%;transform:translateY(-50%);width:64px;height:64px;border-radius:64px;background-color:#f7f8fb;display:flex;align-items:center;justify-content:center;left:20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .3s}.ts-lightbox__control.disabled{opacity:.5;cursor:no-drop}.ts-lightbox__control *{pointer-events:none}.ts-lightbox__control svg{width:48px;height:48px}.ts-lightbox__control[data-trigger=zoom-next]{left:unset;right:20px}.ts-lightbox__navs{position:absolute;top:0;left:20px;display:flex;flex-direction:column;gap:40px;max-width:94px;height:100dvh;overflow:auto;scroll-snap-type:y mandatory;padding:32px 0;scroll-padding-top:32px}.ts-lightbox__navs .ts-lightbox__media{cursor:pointer;scroll-snap-align:start}.ts-lightbox__navs img{border-radius:6px;pointer-events:none}.ts-lightbox__close{width:64px;height:64px;border-radius:64px;background-color:#f7f8fb;position:absolute;top:32px;right:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ts-lightbox__close *{pointer-events:none}.ts-product__navs{display:none;padding-top:12px}.ts-product__navs-list{display:flex;gap:8px;overflow:auto;scroll-snap-type:x mandatory}.ts-product__navs-list::-webkit-scrollbar{display:none}.ts-product__nav-image{display:flex;border-bottom:2px solid transparent;padding-bottom:4px;scroll-snap-align:start}.ts-product__nav-image.active{border-color:#29dbf7}.ts-product__nav-image img{min-width:56px;width:56px;height:56px;object-fit:cover;border-radius:6px;pointer-events:none}@media screen and (max-width: 989px){.ts-product__gallery{position:relative}.ts-product__images{display:flex;flex-wrap:nowrap;gap:16px;overflow:auto;scroll-snap-type:x mandatory}.ts-product__images::-webkit-scrollbar{height:2px}.ts-product__images::-webkit-scrollbar-track{background:#fff}.ts-product__images::-webkit-scrollbar-thumb{background-color:#50b5ba}.ts-product__images .ts-product__media{width:100%;min-width:100%;scroll-snap-align:start}.ts-product__images .ts-product__media img,.ts-product__images .ts-product__media video{border-radius:0}.ts-product__zoom-icon{opacity:1;width:32px;height:32px}.ts-product__zoom-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;z-index:1}.ts-product__zoom-icon svg{width:24px;height:24px}.ts-lightbox__main-wrapper{height:fit-content}}@media screen and (max-width: 749px){.ts-lightbox{align-items:center;display:flex;justify-content:center}.ts-lightbox__wrapper{padding:0 0 40px}.ts-lightbox__main{overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:0px}.ts-lightbox__main::-webkit-scrollbar{display:none}.ts-lightbox__media{scroll-snap-align:start}.ts-lightbox__controls{display:none}.ts-lightbox__navs{flex-direction:row;width:100vw;max-width:100vw;left:0;bottom:-70px;max-height:89px;top:unset;padding:0 20px;gap:20px;scroll-snap-type:x mandatory;scroll-padding-top:0;scroll-padding-left:20px}.ts-lightbox__navs .ts-lightbox__media{width:fit-content;min-width:fit-content}.ts-lightbox__navs img{max-height:89px;width:auto}.ts-lightbox__close{top:-68px;right:0;width:48px;height:48px}.ts-lightbox__close svg{width:20px;height:20px}.ts-product__navs{display:block}.ts-product__media-badge--mobile{display:flex}.ts-product__media-badge--desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/ts-product-gallery.css.map */