.image-with-hotspots{position:relative}.image-with-hotspots .site-box-background{position:relative;height:auto}.image-with-hotspots .site-box-background .onboarding-svg{position:relative;height:40vh}.image-hotspots{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.image-hotspots__spot{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-hotspots__spot--content{display:none;position:absolute;width:auto;min-width:220px;z-index:100}.image-hotspots__spot--bullet{display:inline-block;position:relative;width:28px;height:28px;border-radius:50%;background-color:#d1d94a;cursor:pointer;animation:pulse 2s infinite;transition:ease all .25s;text-indent:-9999px}.image-hotspots__spot--bullet:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent;z-index:-1}.image-hotspots__spot:hover .image-hotspots__spot--bullet,.image-hotspots__spot--bullet.active{width:28px;height:28px}.image-hotspots__spot--bullet:after,.image-hotspots__spot--bullet.active:after,.image-hotspots__spot:hover .image-hotspots__spot--bullet:after{content:"";width:12px;height:12px;border-radius:50%;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:ease .25s all}.image-hotspots__spot--content-common{left:50%;transform:translate(-50%)}@media screen and (min-width:769px){.image-hotspots__spot--content-top-common{top:calc(50% - 38px);transform:translate(-50%,-100%)}.image-hotspots__spot--content-bottom-common{top:calc(50% + 38px);transform:translate(-50%)}.image-hotspots__spot--content-left-common{left:-18px;top:50%;transform:translate(-100%,-50%)}.image-hotspots__spot--content-right-common{left:calc(50% + 38px);top:50%;transform:translateY(-50%)}}@media screen and (max-width:768px){.image-hotspots__spot--content-top-common,.image-hotspots__spot--content-top-mobile{top:calc(50% - 38px);transform:translate(-50%,-100%)}.image-hotspots__spot--content-bottom-common,.image-hotspots__spot--content-bottom-mobile{top:calc(50% + 38px);transform:translate(-50%)}.image-hotspots__spot--content-left-common,.image-hotspots__spot--content-left-mobile{left:-18px;top:50%;transform:translate(-100%,-50%)}.image-hotspots__spot--content-right-common,.image-hotspots__spot--content-right-mobile{left:calc(50% + 38px);top:50%;transform:translateY(-50%)}.image-hotspots__spot--content-top-mobile .hotspot-tooltip:after,.image-hotspots__spot--content-bottom-mobile .hotspot-tooltip:after,.image-hotspots__spot--content-left-mobile .hotspot-tooltip:after,.image-hotspots__spot--content-right-mobile .hotspot-tooltip:after{display:none!important}}@media screen and (min-width:769px){.image-hotspots__spot--content-top .hotspot-tooltip:after,.image-hotspots__spot--content-bottom .hotspot-tooltip:after,.image-hotspots__spot--content-left .hotspot-tooltip:after,.image-hotspots__spot--content-right .hotspot-tooltip:after{display:none!important}}.hotspot-tooltip{display:inline-block;width:100%;background-color:#fff;border-radius:10px;padding:14px;align-items:center;box-shadow:0 0 15px 5px #0000001f}.hotspot-tooltip--product{display:flex;gap:14px;align-items:center}@media screen and (max-width:768px){.hotspot-tooltip--product{flex-direction:column;align-items:center}}.hotspot-tooltip--product .title{display:block;width:100%;font-size:18px;font-weight:var(--font-weight-body-bold);line-height:1.3}.hotspot-tooltip--product .price{display:block;width:100%;font-size:16px;line-height:1.1;margin-top:5px}.hotspot-tooltip--product .price del{opacity:.6;padding:0 5px}.hotspot-tooltip--product .box--product-image{max-width:170px;min-width:120px}.hotspot-tooltip--rte{font-size:14px}.hotspot-tooltip--rte .title{font-weight:var(--font-weight-body-bold);display:block;width:100%}.hotspot-tooltip--rte .description{display:inline-block;width:100%}.hotspot-tooltip--rte .description p{margin:5px 0 0;line-height:1.4}.hotspot-tooltip .box--product-image svg{background:#00000014}.image-hotspots__spot--bullet.active+.image-hotspots__spot--content{display:inline-block}.image-with-hotspots .title,.hotspot-tooltip .title{font-weight:700}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-image-with-hotspots.css.map */