.interactive-hotspot-section .interactive-hotspot-inner{position:relative;height:100%}.interactive-hotspot-section .interactive-hotspot-content{display:flex;flex-direction:column;height:100%}.interactive-hotspot-section .section-description{font-size:clamp(14px,1.875vw,36px);margin-bottom:clamp(24px,calc(68 / 1024 * 100vw),68px)}.interactive-hotspot-section .section-description strong{color:#f4a21e}.interactive-hotspot-section .image-wrapper{position:relative;display:block;flex:1;display:flex;align-items:flex-end;padding-top:100px}.interactive-hotspot-section .hotspot-active{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;text-align:left;gap:clamp(12px,1.5625vw,30px)}.interactive-hotspot-section .hotspot-line{display:block;position:absolute;top:clamp(8px,calc(16 / 1920 * 100vw),16px);left:0;width:clamp(1px,calc(2 / 769 * 100vw),2px);height:0;background:#9ed3f4;transform-origin:bottom;transform:scaleY(0);transition:transform .45s cubic-bezier(.4,0,.2,1)}.interactive-hotspot-section .hotspot-line:before{content:"";position:absolute;top:calc(-1*clamp(8px,calc(16 / 1920 * 100vw),16px));left:50%;transform:translate(-50%);width:clamp(8px,calc(16 / 1920 * 100vw),16px);height:clamp(8px,calc(16 / 1920 * 100vw),16px);border-radius:50%;border:clamp(1px,calc(2 / 769 * 100vw),2px) solid #9ed3f4}.interactive-hotspot-section .hotspot-content{--tx: 0;position:absolute;opacity:0;visibility:hidden;transition:opacity .35s;font-size:clamp(14px,calc(28 / 1920 * 100vw),28px);color:var(--color-foreground-heading);max-width:clamp(120px,calc(416 / 1920 * 100vw),416px);width:100%;translate:var(--tx) calc(-1*clamp(4px,calc(8 / 1920 * 100vw),8px))}.interactive-hotspot-section .hotspot-content.show{opacity:1;visibility:visible}.interactive-hotspot-section .hotspot-title{font-weight:500;margin-bottom:12px}.interactive-hotspot-section .hotspot-image{position:relative}.interactive-hotspot-section .hotspot-marker{position:absolute;width:clamp(14px,1.5625vw,30px);height:clamp(14px,1.5625vw,30px);border-radius:50%;background:#acd8f3;color:var(--color-foreground-heading);font-size:clamp(10px,calc(20 / 1920 * 100vw),20px);font-weight:500;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.interactive-hotspot-section .hotspot-marker:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:#acd8f3;z-index:-1;animation:hotspot 1s ease infinite;animation-delay:var(--delay)}@keyframes hotspot{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/199/assets/component-interactive-hotspot.css.map */