@-webkit-keyframes hotspot-new-pulse{0%,37%,63%,100%{-webkit-transform:scale(1);transform:scale(1)}47%,50%,53%{-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes hotspot-new-pulse{0%,37%,63%,100%{-webkit-transform:scale(1);transform:scale(1)}47%,50%,53%{-webkit-transform:scale(0.6);transform:scale(0.6)}}:root{--hotspot-content-background-color: #fff;--hotspot-content-text-color: #000;--hotspot-content-h-padding: 10px;--hotspot-content-v-padding: 8px;--hotspot-content-max-width: 250px;--hotspot-content-border-radius: 4px;--hotspot-content-arrow-size: 10px;--hotspot-content-shadow: 0 0 5px rgba(0, 0, 0, 0.5);--hotspot-content-z-index: 10;--hotspot-svg-fill: #fff;--hotspot-svg-size: 32px;--hotspot-animation-name: hotspot-pulse;--hotspot-animation-duration: 2s;--hotspot-animation-pulse-scale: 1.1;--hotspot-animation-pulse-color: #fff;--hotspot-hover-scale-value: 1.1;--hotspot-fade-duration: 0.3s}.image-with-hotspots{position:relative}.image-with-hotspots img{width:100%;height:auto}.hotspots{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;z-index:var(--hotspot-content-z-index)}.hotspot{position:absolute;list-style:none}.hotspot__button{display:inline-block;padding:0;background-color:rgba(0,0,0,0);position:relative;cursor:pointer}.hotspot__button svg{position:absolute;top:0;left:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);fill:#fff;fill:var(--hotspot-svg-fill);width:32px;width:var(--hotspot-svg-size);height:32px;height:var(--hotspot-svg-size)}.image-with-hotspots--animated .hotspot__button svg{-webkit-animation-name:hotspot-pulse;animation-name:hotspot-pulse;-webkit-animation-name:var(--hotspot-animation-name);animation-name:var(--hotspot-animation-name);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:var(--hotspot-animation-duration);animation-duration:var(--hotspot-animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.image-with-hotspots--animated .hotspot__button:has(+.hotspot__content--active) svg,.image-with-hotspots--animated .hotspot__button:hover svg{-webkit-animation:none;animation:none;-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);-webkit-transform:translate(-50%, -50%) scale(var(--hotspot-animation-pulse-scale));transform:translate(-50%, -50%) scale(var(--hotspot-animation-pulse-scale));transition:-webkit-transform 2s;transition:transform 2s;transition:transform 2s, -webkit-transform 2s;transition:-webkit-transform var(--hotspot-animation-duration);transition:transform var(--hotspot-animation-duration);transition:transform var(--hotspot-animation-duration), -webkit-transform var(--hotspot-animation-duration)}.image-with-hotspots--hover-scale .hotspot__button svg{transition:scale .3s ease-in-out;-webkit-transform-origin:center;transform-origin:center}.image-with-hotspots--hover-scale .hotspot__button:hover svg{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);-webkit-transform:translate(-50%, -50%) scale(var(--hotspot-hover-scale-value));transform:translate(-50%, -50%) scale(var(--hotspot-hover-scale-value))}.hotspot__content-wrap{display:none;position:absolute;top:0;left:0;z-index:10;z-index:var(--hotspot-content-z-index)}.image-with-hotspots--shadow .hotspot__content-wrap{-webkit-filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));-webkit-filter:drop-shadow(var(--hotspot-content-shadow));filter:drop-shadow(var(--hotspot-content-shadow))}.hotspot__content{background-color:#fff;background-color:var(--hotspot-content-background-color);color:#000;color:var(--hotspot-content-text-color);padding:8px 10px;padding:var(--hotspot-content-v-padding) var(--hotspot-content-h-padding);border-radius:4px;border-radius:var(--hotspot-content-border-radius);max-width:250px;max-width:var(--hotspot-content-max-width);width:-webkit-max-content;width:max-content}.hotspot__arrow{position:absolute;width:10px;width:var(--hotspot-content-arrow-size);height:10px;height:var(--hotspot-content-arrow-size);background-color:#fff;background-color:var(--hotspot-content-background-color)}.hotspot__content-position--bottom .hotspot__arrow,.hotspot__content-position--bottom-start .hotspot__arrow,.hotspot__content-position--bottom-end .hotspot__arrow{top:calc(10px/-2);top:calc(var(--hotspot-content-arrow-size)/-2);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hotspot__content-position--top .hotspot__arrow,.hotspot__content-position--top-start .hotspot__arrow,.hotspot__content-position--top-end .hotspot__arrow{bottom:calc(10px/-2);bottom:calc(var(--hotspot-content-arrow-size)/-2);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.hotspot__content-position--right .hotspot__arrow,.hotspot__content-position--right-start .hotspot__arrow,.hotspot__content-position--right-end .hotspot__arrow{left:calc(10px/-2);left:calc(var(--hotspot-content-arrow-size)/-2);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hotspot__content-position--left .hotspot__arrow,.hotspot__content-position--left-start .hotspot__arrow,.hotspot__content-position--left-end .hotspot__arrow{right:calc(10px/-2);right:calc(var(--hotspot-content-arrow-size)/-2);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.image-with-hotspots--fade .hotspot__content-wrap{opacity:0;transition:opacity 0.3s ease-in-out, display 0.3s allow-discrete;transition:opacity var(--hotspot-fade-duration) ease-in-out, display var(--hotspot-fade-duration) allow-discrete;transition-behavior:allow-discrete}.image-with-hotspots--fade .hotspot__content-wrap.hotspot__content--active{opacity:1;transition:opacity 0.3s ease-in-out, display 0.3s allow-discrete;transition:opacity var(--hotspot-fade-duration) ease-in-out, display var(--hotspot-fade-duration) allow-discrete;transition-behavior:allow-discrete}@-webkit-keyframes hotspot-pulse{0%{-webkit-filter:drop-shadow(0 0 0 #fff);filter:drop-shadow(0 0 0 #fff);-webkit-filter:drop-shadow(0 0 0 var(--hotspot-animation-pulse-color));filter:drop-shadow(0 0 0 var(--hotspot-animation-pulse-color));-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}30%{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);-webkit-transform:translate(-50%, -50%) scale(var(--hotspot-animation-pulse-scale));transform:translate(-50%, -50%) scale(var(--hotspot-animation-pulse-scale))}60%{-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px #fff);-webkit-filter:drop-shadow(0 0 10px var(--hotspot-animation-pulse-color));filter:drop-shadow(0 0 10px var(--hotspot-animation-pulse-color))}}@keyframes hotspot-pulse{0%{-webkit-filter:drop-shadow(0 0 0 #fff);filter:drop-shadow(0 0 0 #fff);-webkit-filter:drop-shadow(0 0 0 var(--hotspot-animation-pulse-color));filter:drop-shadow(0 0 0 var(--hotspot-animation-pulse-color));-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}30%{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1);-webkit-transform:translate(-50%, -50%) scale(var(--hotspot-animation-pulse-scale));transform:translate(-50%, -50%) scale(var(--hotspot-animation-pulse-scale))}60%{-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px #fff);-webkit-filter:drop-shadow(0 0 10px var(--hotspot-animation-pulse-color));filter:drop-shadow(0 0 10px var(--hotspot-animation-pulse-color))}}.hotspot{--hotspot-content-max-width: 205px;--hotspot-content-padding: 16px;--hotspot-content-text-color: var(--c-white);--hotspot-content-border-radius: 3px;--hotspot-content-arrow-size: 7px;--hotspot-content-background-color: rgba(0, 0, 0, .5);--hotspot-content-background-blur: 25px;--hotspot-content-offset: 10px;--hotspot-content-wrap-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);--hotspot-button-outer-width: 29px;--hotspot-button-inner-width: 5px;--hotspot-button-outer-scale: .86;--hotspot-button-inner-scale: 1.65;--hotspot-button-background-blur: 2px;--hotspot-transition-duration: .3s;--hotspot-transition-timing: ease-in-out;--hotspot-animation-duration: 2900ms}@media screen and (max-width: 42.5em){.hotspot{--hotspot-content-max-width: 174px;--hotspot-content-padding: 12px;--hotspot-button-outer-width: 25px}}.hotspot a{color:inherit}.hotspot .hotspot__arrow{background:rgba(0,0,0,0);border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0)}.hotspot .hotspot__content-position--left .hotspot__arrow,.hotspot .hotspot__content-position--left-start .hotspot__arrow,.hotspot .hotspot__content-position--left-end .hotspot__arrow{right:0;border-left:10px solid #fff;border-left:var(--hotspot-content-arrow-size) solid var(--hotspot-content-background-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.hotspot .hotspot__content-position--right .hotspot__arrow,.hotspot .hotspot__content-position--right-start .hotspot__arrow,.hotspot .hotspot__content-position--right-end .hotspot__arrow{left:0;border-right:10px solid #fff;border-right:var(--hotspot-content-arrow-size) solid var(--hotspot-content-background-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.image-with-hotspots--shadow .hotspot .hotspot__content-wrap{-webkit-filter:none;filter:none}.image-with-hotspots--shadow .hotspot .hotspot__content-wrap.hotspot__content--active{box-shadow:var(--hotspot-content-wrap-box-shadow)}.image-with-hotspots--fade .hotspot .hotspot__content-wrap,.image-with-hotspots--fade .hotspot .hotspot__content-wrap.hotspot__content--active{opacity:1;transition:display 0.3s allow-discrete, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, display 0.3s allow-discrete;transition:transform 0.3s ease-in-out, display 0.3s allow-discrete, -webkit-transform 0.3s ease-in-out;transition:display var(--hotspot-fade-duration) allow-discrete, -webkit-transform var(--hotspot-fade-duration) ease-in-out;transition:transform var(--hotspot-fade-duration) ease-in-out, display var(--hotspot-fade-duration) allow-discrete;transition:transform var(--hotspot-fade-duration) ease-in-out, display var(--hotspot-fade-duration) allow-discrete, -webkit-transform var(--hotspot-fade-duration) ease-in-out}.image-with-hotspots--fade .hotspot .hotspot__content-wrap.hotspot__content-position--right{-webkit-transform:translateX(var(--hotspot-content-offset));transform:translateX(var(--hotspot-content-offset))}.image-with-hotspots--fade .hotspot .hotspot__content-wrap.hotspot__content-position--right.hotspot__content--active{-webkit-transform:translateX(0);transform:translateX(0)}.image-with-hotspots--fade .hotspot .hotspot__content-wrap.hotspot__content-position--left{-webkit-transform:translateX(calc(var(--hotspot-content-offset) * -1));transform:translateX(calc(var(--hotspot-content-offset) * -1))}.image-with-hotspots--fade .hotspot .hotspot__content-wrap.hotspot__content-position--left.hotspot__content--active{-webkit-transform:translateX(0);transform:translateX(0)}.hotspot--stockitem .hotspot__content{max-width:250px;max-width:var(--hotspot-content-max-width);padding:var(--hotspot-content-padding)}.hotspot__content,.hotspot__arrow{backdrop-filter:blur(var(--hotspot-content-background-blur))}.image-with-hotspots--fade .hotspot__content,.image-with-hotspots--fade .hotspot__arrow{opacity:0;transition:opacity 0.3s ease-in-out;transition:opacity var(--hotspot-fade-duration) ease-in-out}.image-with-hotspots--fade .hotspot__content--active .hotspot__content,.image-with-hotspots--fade .hotspot__content--active .hotspot__arrow{opacity:1}.hotspot__button{display:flex !important;justify-content:center;align-items:center;width:var(--hotspot-button-outer-width);height:var(--hotspot-button-outer-width);background:rgba(0,0,0,.35) !important;backdrop-filter:blur(var(--hotspot-button-background-blur));border-radius:100%;transition:all var(--hotspot-transition-duration) var(--hotspot-transition-timing)}.hotspot:has(.hotspot__content--active) .hotspot__button{background:rgba(0,0,0,.7) !important}.hotspot:has(.hotspot__content--active) .hotspot__button,.hotspot__button:hover{scale:var(--hotspot-button-outer-scale)}.hotspot:has(.hotspot__content--active) .hotspot__button:after,.hotspot__button:hover:after{-webkit-animation:none 0s ease 0s 1 normal none running;animation:none 0s ease 0s 1 normal none running;-webkit-animation:initial;animation:initial;scale:var(--hotspot-button-inner-scale)}.hotspot__button:after{content:"";width:var(--hotspot-button-inner-width);height:var(--hotspot-button-inner-width);background:var(--c-white);border-radius:100%;-webkit-animation-name:hotspot-new-pulse;animation-name:hotspot-new-pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:var(--hotspot-animation-duration);animation-duration:var(--hotspot-animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:var(--hotspot-transition-timing);animation-timing-function:var(--hotspot-transition-timing);transition:all var(--hotspot-transition-duration) var(--hotspot-transition-timing)}.hotspot__button svg{display:none}
/*# sourceMappingURL=hotspots.css.dd561.map */