.image-hotspots--pin-button svg{transition:all .25s cubic-bezier(.104,.204,.492,1);stroke:#fff}.image-hotspots--pin-button svg path{stroke:#fff}.image-hotspots--pin-bubble,.image-hotspots--image{isolation:isolate;border-radius:var(--block-border-radius, 16px)}.image-hotspots--full-width-true .image-hotspots--image{border-radius:0}@media only screen and (max-width:767px){.image-hotspots--full-width-false .image-hotspots--image{overflow:hidden}}.image-hotspots--background-mode{position:relative;min-height:400px;overflow:hidden;display:block;isolation:isolate}@media only screen and (min-width:768px){.image-hotspots--background-mode{min-height:60vh}}.image-hotspots--background-mode .image-hotspots--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.image-hotspots--background-mode .image-hotspots--bg img,.image-hotspots--background-mode .image-hotspots--bg .thb-placeholder{width:100%;height:100%;object-fit:cover;object-position:center}.image-hotspots--background-mode .image-hotspots--container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:block;pointer-events:none}.image-hotspots--background-mode .image-hotspots--container .image-hotspots--pin{pointer-events:auto}.image-hotspots--background-mode .image-hotspots--text{position:absolute;left:0;right:0;z-index:2;padding:20px 24px;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}.image-hotspots--background-mode .image-hotspots--text-inner{display:flex;flex-direction:column;align-items:flex-start}@media only screen and (min-width:768px){.image-hotspots--background-mode .image-hotspots--text{padding:28px 40px}}@media only screen and (min-width:768px){.image-hotspots--background-mode.image-hotspots--desktop-placement-top .image-hotspots--text{top:0;bottom:auto;transform:none}.image-hotspots--background-mode.image-hotspots--desktop-placement-center .image-hotspots--text,.image-hotspots--background-mode.image-hotspots--desktop-placement-middle .image-hotspots--text{top:50%;bottom:auto;transform:translateY(-50%)}.image-hotspots--background-mode.image-hotspots--desktop-placement-bottom .image-hotspots--text{top:auto;bottom:0;transform:none}.image-hotspots--background-mode.image-hotspots--desktop-align-left .image-hotspots--text,.image-hotspots--background-mode.image-hotspots--desktop-align-left .image-hotspots--text-inner{text-align:left;align-items:flex-start}.image-hotspots--background-mode.image-hotspots--desktop-align-center .image-hotspots--text,.image-hotspots--background-mode.image-hotspots--desktop-align-center .image-hotspots--text-inner{text-align:center;align-items:center}.image-hotspots--background-mode.image-hotspots--desktop-align-right .image-hotspots--text,.image-hotspots--background-mode.image-hotspots--desktop-align-right .image-hotspots--text-inner{text-align:right;align-items:flex-end}}@media only screen and (max-width:767px){.image-hotspots--background-mode.image-hotspots--mobile-placement-top .image-hotspots--text{top:0;bottom:auto;transform:none}.image-hotspots--background-mode.image-hotspots--mobile-placement-middle .image-hotspots--text{top:50%;bottom:auto;transform:translateY(-50%)}.image-hotspots--background-mode.image-hotspots--mobile-placement-bottom .image-hotspots--text{top:auto;bottom:0;transform:none}}.image-hotspots--background-mode.image-hotspots--has-desktop-content-bg .image-hotspots--text-inner{background-color:var(--image-hotspots-content-bg);padding:24px 28px;border-radius:var(--block-border-radius, 16px);width:fit-content;max-width:calc(100% - 56px)}@media only screen and (max-width:767px){.image-hotspots--background-mode.image-hotspots--has-mobile-content-bg .image-hotspots--text-inner{background-color:var(--image-hotspots-content-bg-mobile);padding:20px 24px;border-radius:var(--block-border-radius, 16px);width:fit-content;max-width:calc(100% - 48px)}}.image-hotspots:not(.image-hotspots--background-mode){display:flex;gap:30px;flex-direction:column}@media only screen and (min-width:768px){.image-hotspots:not(.image-hotspots--background-mode){gap:60px}}@media only screen and (min-width:768px){.image-hotspots:not(.image-hotspots--background-mode).image-hotspots--position-image_first{flex-direction:row-reverse;align-items:center}}@media only screen and (min-width:768px){.image-hotspots:not(.image-hotspots--background-mode).image-hotspots--position-text_first{flex-direction:row;align-items:center}}@media only screen and (min-width:768px){.image-hotspots:not(.image-hotspots--background-mode).image-hotspots--position-image_top{flex-direction:column}}.image-hotspots--text{width:100%;flex:3;display:flex;flex-direction:column;align-items:flex-start}.image-hotspots--text-inner{display:flex;flex-direction:column;align-items:flex-start}.image-hotspots--text-inner>*:last-child,.image-hotspots--text-inner .rte>*:last-child{margin-bottom:0}@media only screen and (min-width:768px){.image-hotspots--desktop-align-left .image-hotspots--text,.image-hotspots--desktop-align-left .image-hotspots--text-inner{align-items:flex-start;text-align:left}.image-hotspots--desktop-align-center .image-hotspots--text,.image-hotspots--desktop-align-center .image-hotspots--text-inner{align-items:center;text-align:center}.image-hotspots--desktop-align-right .image-hotspots--text,.image-hotspots--desktop-align-right .image-hotspots--text-inner{align-items:flex-end;text-align:right}}@media only screen and (min-width:768px){.image-hotspots--has-desktop-content-bg .image-hotspots--text-inner{background-color:var(--image-hotspots-content-bg);padding:24px 28px;border-radius:var(--block-border-radius, 16px);width:fit-content}}@media only screen and (max-width:767px){.image-hotspots--mobile-placement-top .image-hotspots--text{order:0}.image-hotspots--mobile-placement-top .image-hotspots--container{order:1}.image-hotspots--mobile-placement-bottom .image-hotspots--text{order:2}.image-hotspots--mobile-placement-bottom .image-hotspots--container{order:1}.image-hotspots--mobile-placement-middle .image-hotspots{position:relative;min-height:320px}.image-hotspots--mobile-placement-middle .image-hotspots--text{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:2;order:0}.image-hotspots--mobile-placement-middle .image-hotspots--container{order:1}.image-hotspots--has-mobile-content-bg .image-hotspots--text-inner{background-color:var(--image-hotspots-content-bg-mobile);padding:20px 24px;border-radius:var(--block-border-radius, 16px);width:fit-content}}.image-hotspots--container{width:100%;display:block;position:relative;flex:7;min-height:0}.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);z-index:2}.image-hotspots--pin.active{z-index:10}@media only screen and (min-width:768px){.image-hotspots--pin{top:var(--desktop-top, 0px);left:var(--desktop-left, 0px)}}.image-hotspots--pin-button{position:relative;z-index:1;width:36px;height:36px;background:#000;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 6px #0003}.image-hotspots--pin-button.hotspot--pinned:after{content:"";display:block;width:36px;height:36px;background:#000;border-radius:0;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;z-index:2;padding:15px;background:rgba(var(--bg-body-rgb),.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);top:calc(100% + 12px);left:50%;transform:translate(calc(-50% + var(--content-offset, 0px)));color:var(--color-body, #2c2d2e);visibility:hidden;opacity:0;min-width:315px;font-size:.8125rem;transition:visibility 0s .25s,opacity .25s}@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-bubble .image-hotspots--pin-product{display:flex;align-items:flex-start;gap:16px;min-width:0;max-width:320px}.image-hotspots--pin-product-image{width:72px;height:72px;flex-shrink:0;display:block;border-radius:calc(var(--block-border-radius, 16px) / 2);overflow:hidden}.image-hotspots--pin-product-image img{width:100%;height:100%;object-fit:cover}.image-hotspots--pin-product-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.image-hotspots--pin-product-title{font-size:.875rem;line-height:1.3;font-weight:var(--font-body-medium-weight, 500);color:inherit;text-decoration:none}.image-hotspots--pin-product-title:hover{text-decoration:underline}.image-hotspots--pin-product-content .price{font-size:inherit}.image-hotspots--pin-quick-add{position:relative;margin-top:4px;padding:8px 14px;font-size:.75rem;min-height:auto;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px}.image-hotspots--pin-quick-add .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:inherit;border-radius:inherit}.image-hotspots--pin-quick-add.loading .loading-overlay{display:flex}.image-hotspots--pin-quick-add.loading .image-hotspots--pin-quick-add-text{visibility:hidden}.image-hotspots--pin-product-content .text-button{font-size:.75rem;font-weight:var(--font-body-medium-weight, 500);margin-top:2px}.image-hotspots--pin-has-product .image-hotspots--pin-bubble{min-width:260px}.image-hotspots--pin.bottom-dot .image-hotspots--pin-bubble{top:auto;bottom:calc(100% + 12px)}@media only screen and (min-width:768px){.image-hotspots--bubble-desktop-above .image-hotspots--pin .image-hotspots--pin-bubble{top:auto;bottom:calc(100% + 12px)}}@media only screen and (max-width:767px){.image-hotspots--bubble-mobile-above .image-hotspots--pin .image-hotspots--pin-bubble{top:auto;bottom:calc(100% + 12px)}}.image-hotspots--pin.active svg{transform:rotate(315deg)}.image-hotspots--pin:not(.active) .image-hotspots--pin-bubble{pointer-events:none}.image-hotspots--pin.active .image-hotspots--pin-bubble{opacity:1;visibility:visible;transition:visibility 0s,opacity .25s;pointer-events:auto}.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}}
/*# sourceMappingURL=/cdn/shop/t/202/assets/image-hotspots.css.map */