.img-hotspot-wrp{padding-top:93px;padding-bottom:147px;background-color:#f3f0ec}.img-hotspot-grid{align-items:flex-start}.img-hotspot-left{position:sticky;top:96px}.img-hotspot-left h2{padding-bottom:32px}.img-hotspot-left p{max-width:270px;padding-bottom:33px}.img-htspt-top{position:relative;line-height:0}.img-htspt-main{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.img-htspt-block{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:0}.img-htspt-bullet{width:27px;height:27px;background-color:#fffc;border-radius:50%;position:relative}.img-htspt-bullet:before{content:"";width:11px;height:11px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.img-htspt-tooltip{background-color:#fff;border-radius:4px;padding:4px;width:max-content}.img-htspt-tooltip .pro_img{width:100%;max-width:32px}.img-htspt-tooltip .pro_info{max-width:calc(100% - 32px);width:100%;padding-left:9px}.img-htspt-tooltip .pro_info a{color:var(--color-charcoal);padding-bottom:2px}.img-htspt-tooltip .pro_info p,.img-htspt-tooltip .pro_info a{font-family:var(--font-header);font-size:9px;font-weight:500;line-height:12px}.img-htspt-tooltip .pro_info p{color:var(--color-charcoal)}.img-htspt-main .img-htspt-block .tooltip-top{bottom:100%;left:50%;transform:translate(-50%)}.img-htspt-main .img-htspt-block .tooltip-bottom{top:100%;left:50%;transform:translate(-50%)}.img-htspt-main .img-htspt-block .tooltip-left{top:50%;right:100%;transform:translateY(-50%)}.img-htspt-main .img-htspt-block .tooltip-right{top:50%;left:100%;transform:translateY(-50%)}.img-htspt-tooltip{display:none}.img-htspt-btm{position:relative}.img-htspt-block:hover .img-htspt-tooltip{display:flex}.img-htspt-tooltip-wrp{position:absolute;z-index:1;padding:5px;height:max-content}.img-hotspot-right{flex-direction:column;gap:106px;display:flex}.img-htspt-btm .swiper-button-prev{left:-30px}.img-htspt-btm .swiper-button-next{right:-30px}.img-htspt-btm .swiper-button-next,.img-htspt-btm .swiper-button-prev{top:34%}@media (max-width: 1366px){.img-hotspot-right{padding-left:40px}.img-hotspot-wrp{padding-bottom:93px}}@media (max-width: 1199px){.img-hotspot-wrp .grid-span-9{grid-column:span 8}.img-hotspot-wrp .grid-span-3{grid-column:span 4}}@media (max-width: 991px){.img-htspt-btm .swiper-button-next{right:-15px}.img-htspt-btm .swiper-button-prev{left:-15px}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/img-hotspot.css.map */