.image-hotspots--pin-button svg{transition:all .25s cubic-bezier(.104,.204,.492,1)}.image-hotspots--pin-bubble,.image-hotspots--image{isolation:isolate}.image-hotspots{display:flex;flex-direction:column}@media only screen and (min-width:1068px){.image-hotspots--position-image_first{flex-direction:row-reverse;align-items:center}}@media only screen and (min-width:1068px){.image-hotspots--position-text_first{flex-direction:row;align-items:center}}.image-hotspots--text{width:100%;flex:3;padding-left:140px;padding-right:125px}@media screen and (max-width:1067px){.image-hotspots--text{display:none}}.image-hotspots--text .main_heading,.hotsports_pdp_content{max-width:356px;margin:0 auto}.hotsports_pdp_content{position:relative}.hotsports_pdp_content{margin-top:16px}.image-hotspots--text .main_heading{text-align:center}.image-hotspots--text>*:last-child,.image-hotspots--text .rte>*:last-child{margin-bottom:0}.image-hotspots--container{width:100%;display:block;position:relative;flex:7}@media screen and (min-width:1068px){.hotspots-popup_content{display:none}}.image-hotspots--content{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;padding:20px;align-items:flex-start}.image-hotspots--content-center{align-items:center}.image-hotspots--content-bottom{align-items:flex-end}.image-hotspots--pin{position:absolute;display:block;top:var(--mobile-top, 0px);left:var(--mobile-left, 0px)}@media only screen and (min-width:768px){.image-hotspots--pin{top:var(--desktop-top, 0px);left:var(--desktop-left, 0px)}}.image-hotspots--pin-button{width:25px;height:25px;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:100%;background:#fff;box-shadow:0 0 20px #ffffff40}.image-hotspots--pin-button:after{opacity:0;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;content:"";height:100%;width:100%;border:8px solid rgba(255,255,255,1);border-radius:100%;-webkit-animation-name:ripple;animation-name:ripple;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.65,0,.34,1);animation-timing-function:cubic-bezier(.65,0,.34,1);z-index:2}.image-hotspots--pin-button:before{opacity:0;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;content:"";height:100%;width:100%;border:8px solid rgba(255,255,255,1);border-radius:100%;-webkit-animation-name:ripple;animation-name:ripple;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.65,0,.34,1);animation-timing-function:cubic-bezier(.65,0,.34,1);z-index:1}@media screen and (max-width:767px){.image-hotspots--pin-button{height:15px;width:15px;box-shadow:0 0 10px #ffffff40}.image-hotspots--pin-button:before,.image-hotspots--pin-button:after{border:4px solid rgba(255,255,255,1)}}@-webkit-keyframes ripple{0%{opacity:1;transform:scale3d(.75,.75,1)}to{opacity:0;transform:scale3d(1.5,1.5,1)}}@keyframes ripple{0%{opacity:1;transform:scale3d(.75,.75,1)}to{opacity:0;transform:scale3d(1.5,1.5,1)}}.image-hotspots--pin-button.hotspot--pinned:after{content:"";display:block;width:36px;height:36px;background:var(--bg-body, #f5f5f5);border-radius:50%;opacity:.4;animation:hotspot-wave 2s ease infinite alternate;position:absolute;top:0;left:0;z-index:-1}.image-hotspots--pin-button svg{display:block;transform-origin:center}@keyframes hotspot-wave{0%{transform:scale(1)}to{transform:scale(1.45)}}.image-hotspots--pin-bubble{position:absolute;padding:15px;background:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);top:calc(100% + 12px);left:50%;color:var(--color-body, #2c2d2e);visibility:hidden;opacity:0;font-size:.8125rem;transition:visibility 0s .25s,opacity .25s}.close_btn{stroke:#000}@media screen and (min-width:1068px){.image-hotspots--pin-bubble{transform:translate(calc(-50% + var(--content-offset, 0px)));min-width:315px}}@media only screen and (min-width:768px){.image-hotspots--pin-bubble{padding:26px 30px}}.image-hotspots--pin-bubble p{font-size:inherit}.image-hotspots--pin-bubble p.h6{font-size:1.0625rem;margin-bottom:5px}.image-hotspots--pin-bubble p:last-child{margin-bottom:0}.image-hotspots--pin.bottom-dot .image-hotspots--pin-bubble{top:auto;bottom:calc(100% + 12px)}.image-hotspots--pin.active svg{transform:rotate(315deg)}.image-hotspots--pin.active .image-hotspots--pin-bubble{opacity:1;visibility:visible;transition:visibility 0s,opacity .25s}@media screen and (min-width:1068px){.image-hotspots--pin.active .image-hotspots--pin-bubble{opacity:0;visibility:hidden}}.image-hotspots--image{overflow:hidden}.image-hotspots--image .thb-placeholder svg{width:560px;margin:0 auto}.image-hotspots--mobile{display:block}@media only screen and (min-width:768px){.image-hotspots--mobile{display:none}}.image-hotspots--desktop{display:none}@media only screen and (min-width:768px){.image-hotspots--desktop{display:block}}.hotspots_main_wrapper.collection-listing{overflow:inherit}.hotspots-popup_container.carousel:not(.owl-loaded),.collection-slider .product-list.carousel.hotspots_main_wrapper:not(.owl-loaded){justify-content:flex-start;overflow:hidden;display:flex}.hotspots-popup_container.carousel:not(.owl-loaded) .product-list:not(:first-child){opacity:0;height:0;width:0;display:none}.hotspots-popup_container.carousel:not(.owl-loaded) .product-list{max-width:calc(100% + var(--grid-column-gap) * 1)}.collection-slider .product-list.carousel.hotspots_main_wrapper:not(.owl-loaded) .product-block{max-width:350px}.hotspots_main_wrapper .slick-next{right:-15%}.hotspots_main_wrapper .slick-prev{left:-15%}.image-hotspots .owl-carousel .owl-nav button.owl-next{right:-17%}.image-hotspots .owl-carousel .owl-nav button.owl-prev{left:-17%}.image-hotspots .owl-carousel .owl-nav button.owl-prev,.image-hotspots .owl-carousel .owl-nav button.owl-next,.image-hotspots .owl-carousel .owl-nav button.owl-prev svg.feather,.image-hotspots .owl-carousel .owl-nav button.owl-next svg.feather{height:17px;width:17px}@media screen and (max-width:767.98px){.image-hotspots .custom_nav .ltr-icon{top:43%}.collection-listing.hotspots-popup_container .product-list .product-block{width:100%}.hotsport-main-popup .owl-carousel .owl-nav button.owl-prev{left:5px}.hotsport-main-popup .owl-carousel .owl-nav button.owl-next{right:5px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/image-hotspots.css.map */