.hotspot-wrapper{position:relative;display:block;width:100%;margin:0 auto}.hotspot-container{max-width:144rem;margin:0 auto}.hotspot-title__container{max-width:90rem;margin:0 auto}.hotspot-wrapper{margin:0 0 0 auto}[data-base],[data-xray]{opacity:0;transition:opacity .2s ease;pointer-events:none;position:relative}[data-xray]{position:absolute;top:0;left:0;bottom:0;right:0}[data-base].visible,[data-xray].visible{opacity:1;pointer-events:auto;z-index:2}.hotspot-image-area .media-wrapper-main,.hotspot-image-area .media-wrapper-main img{height:100%;width:100%}.hotspot-layout{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;margin-top:4.9rem;padding-bottom:3.2rem}.hotspot-image-area{position:relative;max-width:66.4rem;grid-column:2}.hotspot-image{width:100%;height:auto;display:block}.product-properties .hotspot-image img{display:block}.product-properties .section-description a{color:inherit}.hotspot-dot{position:absolute;width:3.2rem;height:3.2rem;border-radius:50%;font-size:1.8rem;line-height:2.2rem;text-align:center;cursor:pointer;--tx: 0;--ty: 0;--hotspot-scale: 1;transform:translate(var(--tx),var(--ty)) scale(var(--hotspot-scale));transition:transform .6s cubic-bezier(.2,.9,.2,1),background-color .6s;background-color:rgb(var(--hotspot-dot-bg));color:rgb(var(--hotspot-dot-border));border:1px solid rgb(var(--hotspot-dot-border));display:flex;align-items:center;justify-content:center;z-index:3}.hotspot-dot svg{width:2.25rem;height:2.25rem;transition:width .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .4s ease-in-out}.hotspot-dot .icon-minus,.hotspot-dot.active .icon-plus{opacity:0;visibility:hidden}.hotspot-dot.active .icon-minus{opacity:1;visibility:visible}.hotspot-dot.active svg{width:2.6rem;height:2.6rem}.hotspot-dot.active{--hotspot-scale: 1.16;background-color:rgb(var(--hotspot-dot-active-bg));color:rgb(var(--hotspot-dot-active-border));border:1px solid rgb(var(--hotspot-dot-active-border))}.hotspot-info-area{position:relative;max-width:34.3rem;width:100%;grid-column:3}.hotspot-info-panel{padding:2.4rem;border-radius:.8rem;background-color:rgb(var(--hotspot-info-bg));display:none}.hotspot-info-panel.active{display:block}.hotspot-title{margin:0 0 .8rem;color:rgb(var(--hotspot-info-color))}.hotspot-description p,.hotspot-description a{margin:0}.hotspot-description a,.hotspot-container .section-description a{text-wrap:nowrap}.hotspot-container .section-title{margin:0;margin-bottom:1.6rem;text-align:center;color:rgb(var(--color-text))}.hotspot-container .section-description{text-align:center;color:rgb(var(--color-text));margin-bottom:1.6rem}.hotspot-container .section-description>*{margin:0}.hotspot-container img{width:100%}.product-properties .hotspot-container .section-title,.product-properties .hotspot-container .section-description{max-width:90rem;width:100%;margin-inline:auto}@media(min-width:1024px){.hotspot-info-panel.active{opacity:1;visibility:visible}.hotspot-info-panel{position:absolute;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;display:block}}@media(max-width:1200px)and (min-width:1024px){.hotspot-title__container{max-width:64rem}.hotspot-layout{gap:.3rem;padding-bottom:2.28rem}.hotspot-dot{width:2.13rem;height:2.13rem}.hotspot-dot svg{height:1.6rem}.hotspot-dot.active svg{width:1.8rem;height:1.8rem}.hotspot-dot.active{width:2.48rem;height:2.48rem}.hotspot-info-area{max-width:24.4rem}.hotspot-info-panel{padding:1.7rem}.hotspot-layout{margin-top:3.5rem}.hotspot-image-area{max-width:47.3rem}.product-properties .hotspot-container .section-title,.product-properties .hotspot-container .section-description{margin-bottom:1.1rem}.hotspot-title{margin-bottom:.6rem}}@media(max-width:1023px){.hotspot-layout{flex-direction:column;align-items:center;margin-top:3.2rem;gap:0;display:flex}.hotspot-layout{padding-bottom:1.6rem}.hotspot-image-area,.hotspot-info-area{width:100%}.hotspot-container .section-description{margin-bottom:3.2rem}.hotspot-info-area{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out}}@media(max-width:767px){.hotspot-container .section-description,.hotspot-container .section-title{padding-inline:1.6rem}.hotspot-wrapper{padding:0}.hotspot-info-area:has(.hotspot-info-panel.active){margin-top:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/hotspot-interactive.css.map */