.hotspot-image-container img{max-width:100%;display:block}.hotspot{position:absolute;z-index:auto}.hotspot-toggle{outline:2px solid #FFFFFF;border-radius:50%;width:28px;height:28px;outline-offset:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;padding:0;margin:0}.hotspot-content{position:absolute;top:-56px;left:calc(100% + 32px);background:#fff;border-radius:14px;padding:12px;width:270px;box-shadow:0 0 4.5px #00000040;z-index:2}.hidden{display:none}.hotspot-image-container img.hotspot_sub_image{max-width:45px;height:auto;margin-top:17px}.hotspot-toggle svg{width:16px;height:16px;vertical-align:middle}.hotspot-content.hide{display:none}.hotspot_content_heading{margin:12px 0 6px;letter-spacing:0;text-transform:none;font-weight:700}.hotspot-image-container .hotspot_main_image{border-radius:6px}.hotspot_content_description{font-size:var(--font-size--h6);margin-top:0}.hotspot_main_image+.hotspot_content_heading{margin-top:12px}.hotspot-content-wrapper-heading{margin:0 0 20px}.hotspot-content-wrapper-description{font-weight:var(--font-body--weight);margin:0 0 40px}.hotspot-wrapper{display:flex;flex-wrap:wrap;gap:20px}.hotspot-image-container{max-width:100%;width:100%}.hotspot-image-container{order:1}.hotspot.left .hotspot-content{left:auto;right:calc(100% + 32px)}@media (min-width: 990px){.hotspot-wrapper{align-items:center;justify-content:space-between;gap:30px}.hotspot-image-container{flex:0 0 49.2%;max-width:615px;width:100%;order:0}.hotspot-content-wrapper{flex:1;max-width:514px;width:100%}.hotspot-image-container:last-child{flex:1;max-width:100%}}@media (max-width: 989px){.hotspot-content-wrapper{text-align:center}.hotspot-wrapper{gap:30px}}@media (max-width: 749px){.hotspot-toggle{width:17px;height:17px;outline:1px solid #FFFFFF}.hotspot-toggle svg{width:auto;height:9px}.hotspot-content-wrapper-description{font-weight:calc(var(--font-body--weight) + 100);margin:0 0 22px}.hotspot-content{border-radius:7px;left:calc(100% + 12px);width:150px;padding:12px;top:50%;transform:translateY(-50%)}.hotspot.left .hotspot-content{right:calc(100% + 12px)}.hotspot-image-container .hotspot_main_image{border-radius:4px}.hotspot-image-container img.hotspot_sub_image{max-width:23.43px;margin-top:8px}.hotspot_content_heading{margin:6px 0 3px}.hotspot_content_description{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hotspot.css.map */