s-hotspot{display:block}.hotspot-title{text-align:center;font-size:3.2rem;margin:0}@media screen and (min-width:1024px){.hotspot-title{font-size:4rem}}.hotspot-subtitle{text-align:center;margin:1.6rem 0 0}.hotspot-subtitle.desktop-only{display:none}@media screen and (min-width:1025px){.hotspot-subtitle.mobile-only{display:none}.hotspot-subtitle.desktop-only{display:block}}.hotspot-container{border:1px solid var(--color-gray);margin-top:2.4rem;position:relative;display:flex}.hotspot-image{position:relative;height:34.3rem;transform:rotate(90deg)}@media screen and (min-width:768px){.hotspot-image{height:66.6rem}}@media screen and (min-width:1024px){.hotspot-image{transform:rotate(0);height:auto}}.hotspot-image img{height:100%;width:100%;object-fit:contain}.hotspot-button-container{position:absolute;top:var(--pos_y_mobile);left:var(--pos_x_mobile)}@media screen and (min-width:1024px){.hotspot-button-container{top:var(--pos_y_desktop);left:var(--pos_x_desktop)}}.hotspot-button{border-radius:100%;border:none;background-color:var(--color-orange);color:var(--color-white);font-weight:700;padding:.8rem;width:3.2rem;height:3.2rem;position:relative}.hotspot-button:after{content:"";width:4.8rem;height:4.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--color-orange);border-radius:100%;opacity:0;transition:all .1s}.hotspot-button:focus:after{opacity:1}@media screen and (min-width:1024px){.hotspot-button:hover:after{opacity:1}}.hotspot-close-button{position:absolute;top:1.2rem;right:1.2rem;border:none;background:transparent;color:var(--color-white)}@media screen and (min-width:1024px){.hotspot-close-button{display:none}}.hotspot-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;z-index:2;overflow:scroll}@media screen and (min-width:1024px){.hotspot-content{position:absolute;top:auto;left:50%;transform:translate(-50%);width:32.3rem}}.hotspot-content__image{display:flex}.hotspot-content__image img{height:100%;width:100%;object-fit:contain}.hotspot-content__text{background-color:var(--color-gray);padding:1.5rem}.hotspot-headline{font-size:1.6rem;font-weight:700;margin:.8rem 0 0;font-family:var(--font-body-family)}.hotspot-content__text p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/269/assets/section-product-hotspot-image.css.map */