.main_hotspot_image_wrapper .container_width{max-width:var(--container);padding-inline:var(--container-padding)}.main_hotspot_image_wrapper .full_width{max-width:100%}.main_hotspot_image_inner{position:relative;display:flex}.hotspot_image_wrapper{position:absolute;left:0;right:0;text-align:center;top:3rem}.hotspot_image_wrapper h2{color:var(--hotspot-color)}.main_hotspot_image_inner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:var(--overlay)}.main_hotspot_image_wrapper svg.placeholder_svg{background:#0000000d}.main_hotspot_image_wrapper svg.placeholder_svg,.main_hotspot_image_wrapper img{width:100%;height:100%;object-fit:cover}.image_hotspot_wrapper{position:absolute;top:var(--vertical-position);left:var(--horizontal-position);width:3.6rem;height:3.6rem;border:1px solid var(--hotspot-color);display:flex;justify-content:center;align-items:center;border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;cursor:pointer}.image_hotspot_wrapper span{display:flex;background:var(--hotspot-color);width:1.2rem;height:1.2rem;border-radius:50%}.image_highlight_section .image_hotspot_wrapper span{width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center;border-radius:0}.image_highlight_section .image_hotspot_wrapper:after{border-radius:0}.image_highlight_section .image_hotspot_wrapper{border-radius:0}.image_highlight_section .image_hotspot_wrapper span svg{width:1.4rem;height:1.4rem}.highliter_text{background:var(--background);color:var(--color);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:3rem;padding:1vw;border-radius:5px;line-height:normal;letter-spacing:0}.image-highter_outer{position:absolute;top:var(--vertical-position);left:var(--horizontal-position);z-index:1;cursor:pointer;display:inline-flex;grid-gap:2.5vw;align-items:center}.image-highter_outer.row_reverse{flex-direction:row-reverse}.highliter_text{font-size:var(--font-size)}.image_highlight_section .image_hotspot_wrapper{position:unset}.image_hotspot_wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:-1;transform:scale(1);box-shadow:0 0 10px #ffffff80;animation:pulse .8s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.3)}}.image_hotspot_product_wrapper{position:absolute;top:50%;transform:translateY(-50%);right:var(--container-padding);background:#fff;padding:2rem;z-index:1;max-width:32rem;width:100%;border-radius:var(--border-radius)}.image_hotspot_product_inner{display:grid}.image_hotspot_product_inner .ih_product{grid-area:1/1;transition:opacity .3s,transform .3s}.image_hotspot_product_inner .ih_product:not(.is_selected){opacity:0;pointer-events:none;transform:translate(1rem)}.ih_product svg.placeholder-svg{background:#0000000d}.main_hotspot_img{width:100%;height:100%;display:flex}@media screen and (max-width: 640px){.mobile_hotspot_img .image_hotspot_img{display:none}}@media screen and (min-width: 640px){.mobile_hotspot_img .img--mobile{display:none}}@media screen and (min-width: 1400px){.image_hotspot_product_wrapper{max-width:40rem}.hotspot_image_wrapper{top:5rem}}@media screen and (max-width: 1400px) and (min-width: 990px){.image_hotspot_product_wrapper{max-width:25rem}}@media screen and (max-width: 1599px){.image_hotspot_product_wrapper{right:5rem}}@media screen and (max-width: 1000px){.ih_product .product_card--color_swatches{display:flex!important}}@media screen and (min-width: 990px){.hide_hotspot_widget{visibility:hidden;opacity:0;transition:opacity .8s ease,visibility .4s ease}.hide_hotspot_widget.active{visibility:visible;opacity:1}}@media screen and (max-width: 989px){.image_hotspot_product_wrapper{right:3rem}.main_hotspot_image_inner{flex-flow:column;align-items:center;gap:2rem}.image_hotspot_product_wrapper{position:static;transform:none;margin-bottom:3rem}.main_hotspot_img{position:relative}.image_hotspot_wrapper{width:2.5rem;height:2.5rem}.image_hotspot_wrapper span{width:.6rem;height:.6rem}}@media screen and (max-width: 640px){.image-highter_outer{top:var(--mob-vertical-position);left:var(--mob-horizontal-position)}.highliter_text{font-size:var(--font-size-mob)}.image_hotspot_wrapper{width:2rem;height:2rem}.hotspot_image_wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/image-hotspots.css.map */