.hotspots-title{text-align:left;margin:1.25rem 0}.sd-hotspots .swiper-autoheight{min-height:80vh}.hotspots-section{position:relative;margin:auto}.hotspots-figure{margin:0}.hotspots-img{display:block;width:100%}.hotspot-cta{margin-top:1rem;height:2.2rem;padding:1rem}.hotspots-list{padding:0 0 0 32px;list-style:decimal}.hotspot-item{box-sizing:border-box;padding:8px 12px;height:0;padding:0}.hotspot-item .hotspot-overlay:empty{animation:none}.hotspot-index{background-color:#1f2a44;border:.5rem solid rgba(0,0,0,0);border-radius:.5rem;cursor:pointer;height:0;overflow:visible;position:absolute;margin:.5rem;transform:translate(-50%, -50%);width:0;z-index:0}.hotspot-index:after{content:"+";font-size:1.6rem;position:absolute;top:-20px;left:-7px}.hotspot-header{display:block}.pin-triangle{background:#fff;height:.75rem;left:0;position:absolute;top:-4px;transform:translate(-50%, calc(-50% - 0.5rem - 0.75rem)) rotate(45deg);width:.75rem}.pin-triangle--right{transform:translate(calc(-50% + 0.5rem + 0.75rem), -50%) rotate(135deg);top:0 !important;margin-left:.2rem}.pin-triangle--left{transform:translate(calc(-50% - 0.5rem - 0.75rem), -50%) rotate(-45deg);top:0 !important;margin-right:.2rem}.pin-circle{border-radius:.8rem;height:1.6rem;left:0;position:absolute;top:0;transform:translate(-50%, -50%);width:1.6rem}.pin-circle:after{border-radius:.8rem;content:"";display:block;height:1.6rem;left:0rem;position:absolute;top:0;width:1.6rem}.hotspot-details{font-size:.8rem;margin-bottom:10px}.hotspot-overlay{background:#fff;padding:.6rem;transform:translate(-50%, -102%);width:300px}.hotspot-overlay:empty{padding:0;opacity:0;transform:scale(0, 0)}.hotspot-overlay-wrapper{height:0;left:0;position:absolute;top:-1.25rem;width:0}.hotspot-index--open{--pin-triangle-display: block;--pin-hotspot-overlay-wrapper-display: block;z-index:1}.hotspot-overlay-wrapper--right{left:1.25rem;top:0}.hotspot-overlay--right{margin-left:.2rem;transform:translateY(-50%)}.hotspot-overlay-wrapper--left{left:-1.25rem;top:0}.hotspot-overlay--left{margin-right:.2rem;transform:translate(-100%, -50%)}.hotspot-overlay.right:after{top:16px;left:100%;border:solid rgba(0,0,0,0);content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0,0,0,0);border-width:10px;border-left-color:#fff;margin-top:-10px}.hotspot-overlay.left:after{right:100%;top:16px;border:solid rgba(0,0,0,0);content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0,0,0,0);border-width:10px;border-right-color:#fff;margin-top:-10px}@media(max-width: 768px){.hotspot-overlay{width:170px}#hotspot-section .banner-slider-item{padding:0px}#hotspot-section .banner-slider-item .hotspot-sidebar{align-items:center}#hotspot-section .banner-slider .banner-slider-item__bg img{visibility:hidden}.sd-hotspots .hotspot-sidebar{padding:40px}.sd-hotspots .container{padding:0}.hotspot-sidebar .banner-text__title{text-align:center}.hotspot-sidebar .banner-text__body{margin-bottom:1rem;text-align:center}#hotspot-section .container{padding:0}}@media(min-width: 768px){.hotspot-cta{height:2.4rem;padding:1rem}.hotspot-overlay.left:after{top:32px}.hotspot-overlay.right:after{top:32px}.hotspot-overlay{font-size:1rem;padding:16px 16px 16px 16px}.template-product .hotspots-section{max-width:66.5rem}.banner-slider-item__grid .hotspots-section{max-width:100%}.hotspots-list{margin:0;padding:0;list-style:none}.hotspot-item{max-width:320px;padding:0}}