.hotspots-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;pointer-events:none}.hotspots-inner{position:relative;height:100%;max-width:1400px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column}.hotspots-heading{color:#fff;font-family:Libre Franklin,sans-serif;font-weight:300;font-size:24px;padding-bottom:4px;text-transform:uppercase;text-align:center}.sub-title{text-align:center;font-size:40px;font-weight:500;margin-bottom:36px;text-transform:uppercase;color:#fff}.hotspots-layout{display:flex;justify-content:center}.hotspots-image-wrap{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.hotspots-image{max-height:100%;max-width:100%;object-fit:contain;display:block}.hotspots-layout-desktop{display:flex}.hotspots-layout-desktop .hotspot{position:absolute;display:flex;align-items:center;transform:translate(-50%,-50%);color:#fff;--connector-length: 80px;--connector-angle: 0deg}.hotspots-layout-desktop .hotspot--left{flex-direction:row-reverse}.hotspots-layout-desktop .hotspot--left .hotspot-text{width:302px;position:absolute;right:calc(100% + 24px);top:50%;transform:translateY(-50%);text-align:left}.hotspots-layout-desktop .hotspot--right{flex-direction:row}.hotspots-layout-desktop .hotspot--right .hotspot-text{width:302px;position:absolute;left:calc(100% + 24px);top:50%;transform:translateY(-50%);text-align:left}.hotspots-layout-desktop .hotspot-point{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;z-index:3}.hotspots-layout-desktop .hotspot-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff}.hotspots-layout-desktop .hotspot-ring{position:absolute;border-radius:50%;border:1px solid #fff;background:transparent}.hotspots-layout-desktop .hotspot-ring.r1{width:30px;height:30px}.hotspots-layout-desktop .hotspot-ring.r2{width:45px;height:45px}.hotspots-layout-desktop .hotspot-text{position:absolute;color:#fff}.hotspots-layout-desktop .hotspot-label{font-size:24px;font-weight:500;text-transform:uppercase;margin-bottom:8px;font-family:Oswald,sans-serif}.hotspots-layout-desktop .hotspot-desc{font-size:16px;font-family:Libre Franklin,sans-serif;font-weight:400}.hotspots-layout-desktop .hotspot-line{position:relative;height:1px;background:#fff;opacity:.9;margin-top:18px;width:100%}.hotspots-layout-desktop .hotspot--left .hotspot-line:after{content:"";position:absolute;right:0;top:0;width:var(--connector-length);height:1px;background:#fff;transform-origin:right center;transform:rotate(var(--connector-angle))}.hotspots-layout-desktop .hotspot--right .hotspot-line:after{content:"";position:absolute;left:0;top:0;width:var(--connector-length);height:1px;background:#fff;transform-origin:left center;transform:rotate(var(--connector-angle))}.hotspots-layout-mobile{display:none;flex-direction:column;align-items:center;gap:24px}.hotspots-layout-mobile .hotspots-image-wrap{width:100%;max-width:340px;margin:0 auto}.hotspots-layout-mobile .hotspot-point{position:absolute;width:70px;height:70px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:3}.hotspots-layout-mobile .hotspot-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff}.hotspots-layout-mobile .hotspot-ring{position:absolute;border-radius:50%;border:1px solid #fff;background:transparent}.hotspots-layout-mobile .hotspot-ring.r1{width:30px;height:30px}.hotspots-layout-mobile .hotspot-ring.r2{width:45px;height:45px}.hotspots-mobile-nav{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.hotspots-mobile-content{flex:1;min-height:90px;text-align:center}.hotspots-mobile-slide{display:none;color:#fff}.hotspots-mobile-slide.is-active{display:block}.hotspots-mobile-slide .hotspot-label{font-size:20px;margin-bottom:8px}.hotspots-mobile-slide .hotspot-desc{font-size:14px}.hotspots-arrow{border:none;background:transparent;cursor:pointer;font-size:26px;line-height:1;color:#fff;padding:4px 8px}@media (max-width: 768px){.sub-title{font-size:22px;margin-bottom:24px}.hotspots-inner{padding:0 16px}.hotspots-layout-desktop{display:none}.hotspots-layout-mobile{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/product-hotspots.css.map */