:root{--gutter: 15px}.section-hotspots .hotspot-image-container picture img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:var(--aspect-ratio)}.section-hotspots .hotspot{--hotspot-button-size: 25px}.section-hotspots .hotspot__btn:not(.btn-close){width:var(--hotspot-button-size);height:var(--hotspot-button-size);transition:all .3s cubic-bezier(.4,0,.32,1);border:1px solid var(--pe-color-white);background:color-mix(in srgb,var(--hotspot-color) 30%,transparent);color:var(--hotspot-icon-color);cursor:pointer;box-shadow:0 0 20px #00000026}.section-hotspots .hotspot__btn:not(.btn-close):before{content:"";position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:calc(100% - 8px);height:calc(100% - 8px);background:var(--pe-color-white);border-radius:50%}.section-hotspots .hotspot.is-active .hotspot__btn{border:1px solid var(--pe-color-white);background:color-mix(in srgb,var(--hotspot-color) 30%,transparent);color:var(--hotspot-icon-color)}.section-hotspots .hotspot.is-active .hotspot__btn svg{stroke:var(--hotspot-color)}.section-hotspots .hotspot__card .hotspot__btn.btn-close{width:40px;height:40px;background:var(--pe-color-secondary);transition:all .3s ease-in-out}.section-hotspots .hotspot__card .hotspot__btn.btn-close:hover{background:transparent}.section-hotspots .hotspot:not(.is-active) .hotspot__card{visibility:hidden;transform:translateY(8px);opacity:0}.section-hotspots .hotspot__card{--hotspot-card-width: 80vw;position:absolute;top:100%;inset-inline-end:0;width:max-content;max-width:var(--hotspot-card-width);transition:all .3s ease-in-out;background:var(--pe-color-white);z-index:11}.section-hotspots .hotspot--on-left .hotspot__card{right:calc(100% + 10px);left:auto}.section-hotspots .hotspot__card .product--media{max-width:220px}@media(min-width:768px){.section-hotspots .hotspot--on-right:not(.is-active) .hotspot__card,.section-hotspots .hotspot--on-left:not(.is-active) .hotspot__card{transform:translateY(-50%)}:root{--gutter: 30px}.section-hotspots .hotspot__card{--hotspot-card-width: 380px;min-width:330px;top:50%;left:calc(100% + 10px);right:auto;transform:translateY(-50%)}.section-hotspots .hotspot__card .product--media{max-width:260px}}@media(max-width:991px){.section-hotspots .hotspot__card{--hotspot-card-width: 100%;position:fixed;width:100%!important;max-width:var(--hotspot-card-width)!important;left:0!important;right:inherit!important;top:auto!important;bottom:0;z-index:1161;width:100%;transition:all .3s ease-in-out;inset-inline-end:0!important;border-radius:20px 20px 0 0}.section-hotspots .hotspot:not(.is-active) .hotspot__card{opacity:1;transform:translateY(100%)}.section-hotspots .hotspot.is-active .hotspot__card{opacity:1;visibility:visible;transform:translateY(0)}}@media(max-width:767px){.hotspots-section .container{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/global-hotspots.css.map */