.hotspot-section{overflow-x:hidden}.interactive-kit{position:relative}.interactive-kit__image-wrapper{position:relative;width:100%}.interactive-kit__image{display:block;width:100%}.hotspot{position:absolute}.interactive-kit .spot-wrap{cursor:pointer;border-radius:50px;display:block;z-index:1}.interactive-kit .hotspot{display:flex;gap:200px}.interactive-kit .hotspot-modal{background:#fff;color:#000;padding:2rem;border-radius:.5rem;box-shadow:0 4px 12px #0003;width:280px;z-index:1;position:relative;opacity:0;visibility:hidden}.interactive-kit .hotspot .spot-wrap{opacity:.8;border:2px solid green;position:relative}.interactive-kit .hotspot .spot-wrap:after{position:absolute;background:transparent;width:30px;height:30px;content:"";border-radius:50px;top:-9px;left:-8px;z-index:-1}.interactive-kit .hotspot .spot-wrap:hover,.interactive-kit .hotspot.is-active .spot-wrap{opacity:1}.interactive-kit .hotspot.is-active .hotspot-modal{opacity:1;visibility:visible}.hotspot.is-active{z-index:2}.interactive-kit .hotspot.active .hotspot-modal{display:block}.hotspot-line{position:absolute;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.hotspot-close{position:absolute;top:5px;right:0;background:none;border:none;line-height:1;cursor:pointer}.hotspot-modal h2{font-family:var(--font-family-semi-bold);font-size:20px;text-transform:uppercase;line-height:1;margin:0}.hotspot-modal p{font-size:15px;margin:0 0 10px}.hotspot-modal a{padding:5px 10px;display:inline-block;min-width:auto;background-color:#000;text-decoration:none;color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;font-family:var(--font-family-semi-bold);transition:.45s}.hotspot-modal a:hover{background-color:#cd4c1d}.main-spot-warp{display:flex}.arrow-image{left:1px;top:5px;position:absolute;width:50%;opacity:0;visibility:hidden}.interactive-kit .hotspot.is-active .arrow-image{opacity:1;visibility:visible}.interactive-kit.modal-overflow .hotspot-modal{margin-top:30px}.interactive-kit.modal-overflow .hotspot{display:block}.hotspot-modal .yotpo{margin-top:15px;margin-bottom:10px}.hotspot-modal .yotpo .yotpo-icon{color:#000}.hotspot-modal .text-m{display:none}.interactive-kit .kit-button{position:absolute;z-index:1}.kit-button a{border:2px solid #1dd015;color:#fff;font-weight:400;text-decoration:none;padding:10px 20px;border-radius:10px;font-size:22px;display:block}@media screen and (max-width:768px){.interactive-kit .hotspot{gap:5px}.arrow-image{display:none}.hotspot.is-active.is-edge{transform:scale(1)}.hotspot.is-active.is-edge{display:block}.interactive-kit{overflow:clip}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/image-banner-with-hotspots.css.map */