.swiper_area{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}.slider-tabs__wrapper{margin:0}.hotspots{position:relative}.hotspot-image{width:100%;height:auto}.hotspots .swiper-thumbs{position:absolute;width:100%;height:100%;top:0;left:0}.hot-spot-section .hotspots .swiper-slide{width:30px!important;height:30px;position:absolute;cursor:pointer}.hotspot-dots-block{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:rgb(var(--color-button))}.hotspot-dots-block .hotspot-dots{width:12px;height:12px;border-radius:50%;background:rgb(var(--color-button-text));display:flex;transition:all .2s linear}.swiper-slide-thumb-active .hotspot-dots-block{animation:pulse 1s infinite}.swiper-slide-thumb-active .hotspot-dots-block .hotspot-dots{transform:scale(.5)}@keyframes pulse{0%{box-shadow:0 0 rgb(var(--color-button-text),.5)}to{box-shadow:0 0 0 15px rgb(var(--color-button-text),0)}}@media screen and (min-width: 1024px){.slider-tabs__wrapper{height:fit-content;position:sticky;top:0}.page-full-width .slider-tabs__wrapper{padding-right:var(--grid-desktop-horizontal-spacing)}.hotspots{width:calc(100% - clamp(300px,35%,35%))}.slider-tabs__wrapper{width:calc(clamp(300px,35%,35%) - var(--grid-desktop-horizontal-spacing))}.hotspot-close-button{display:none}}@media screen and (max-width: 1024px){.swiper_area{flex-direction:column;column-gap:0rem;row-gap:0;position:relative;overflow:hidden}.hotspots,.slider-tabs__wrapper{width:100%}.hot-spot-section.page-full-width{padding-right:var(--grid-mobile-horizontal-spacing);padding-left:var(--grid-mobile-horizontal-spacing)}.swiper_area .slider-tabs__wrapper{position:fixed;bottom:-100%;z-index:-99;opacity:0;left:0;transition:all .2s linear}.swiper_area.active-container-class .slider-tabs__wrapper{bottom:0;z-index:99;opacity:1;height:100%;display:flex;align-items:center;justify-content:center}.swiper_area.active-container-class .overlay-area{display:block;width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(var(--color-background),.8);z-index:1}.hotspot-close-button{position:fixed;top:10px;right:10px;background-color:red;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:16px;line-height:30px;text-align:center;cursor:pointer;display:block;z-index:1000}.hotspot-close-button:hover{background-color:#d00}.scroll-lock{overflow:hidden}.main-swiper-slide{width:90vw;max-width:30rem;perspective:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hot-spots.css.map */