.interactive-image-hotspots{--hotspot-size: 30px;--hotspot-color: #ff4d4f;--hotspot-border-radius: 50%;--hotspot-outline-width: 2px;--popover-width: 260px;--popover-gap: 22px;--arrow-size: 14px;--popover-bg-light: #ffffff;--popover-text-light: #212121;--popover-bg-dark: #111111;--popover-text-dark: #f5f5f5;--popover-radius: 8px;--popover-shadow: 0 4px 16px rgba(0,0,0,.15), 0 2px 4px rgba(0,0,0,.08);--popover-padding: 16px 18px 18px;--transition-fast: .12s;--transition-medium: .2s;--content-padding: 0px;position:relative;width:100%}.interactive-image-hotspots *{box-sizing:border-box}.interactive-image-hotspots__container{position:relative;margin-inline:0;padding:var(--content-padding);overflow:hidden}.interactive-image-hotspots__media{position:relative;width:100%;line-height:0;font-size:0;overflow:visible}.interactive-image-hotspots__picture,.interactive-image-hotspots__picture img{display:block;width:100%;height:auto}.interactive-image-hotspots__image--placeholder{background:#f4f4f4;width:100%}@media (max-width: 749px){.interactive-image-hotspots--desktop-only{display:none!important}}@media (min-width: 750px){.interactive-image-hotspots--mobile-only{display:none!important}}.interactive-image-hotspots__hotspot-wrapper{position:absolute;top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);transform:translate(-50%,-50%);z-index:4;pointer-events:none}.interactive-image-hotspots__hotspot-wrapper.is-hidden{display:none!important}.interactive-image-hotspots__point{--_size: var(--hotspot-size);width:var(--_size);height:var(--_size);min-width:var(--_size);min-height:var(--_size);border-radius:var(--hotspot-border-radius);border:none;padding:0;cursor:pointer;position:relative;pointer-events:auto;display:grid;place-items:center;background:var(--hotspot-color);color:#fff;transition:background var(--transition-fast) ease,transform var(--transition-fast) ease;outline:none}.interactive-image-hotspots--style-outline .interactive-image-hotspots__point{background:#fff;border:var(--hotspot-outline-width) solid var(--hotspot-color);color:var(--hotspot-color)}.interactive-image-hotspots--style-soft .interactive-image-hotspots__point{background:color-mix(in srgb,var(--hotspot-color) 25%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--hotspot-color);border:1px solid color-mix(in srgb,var(--hotspot-color) 60%,transparent)}.interactive-image-hotspots__point:focus-visible{outline:2px solid var(--hotspot-color);outline-offset:2px}.interactive-image-hotspots__point:hover{transform:scale(1.05)}.interactive-image-hotspots__point:active{transform:scale(.94)}.interactive-image-hotspots__point.is-active{z-index:4}.interactive-image-hotspots__point-core{width:50%;height:50%;background:currentColor;border-radius:50%;display:block;opacity:.85}.interactive-image-hotspots__pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;display:block;z-index:-1}.interactive-image-hotspots__pulse:before,.interactive-image-hotspots__pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:currentColor;animation:interactive-image-hotspots-pulse 2.4s ease-out infinite;opacity:.25}.interactive-image-hotspots__pulse:after{animation-delay:1.2s}@keyframes interactive-image-hotspots-pulse{0%{transform:scale(1);opacity:.35}70%{transform:scale(2.6);opacity:0}to{transform:scale(2.6);opacity:0}}.interactive-image-hotspots--no-pulse .interactive-image-hotspots__pulse,.interactive-image-hotspots--reduced-motion .interactive-image-hotspots__pulse{display:none!important}.interactive-image-hotspots__popover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:min(var(--popover-width),90vw);max-width:90vw;background:var(--popover-bg-light);color:var(--popover-text-light);border-radius:var(--popover-radius);box-shadow:var(--popover-shadow);padding:var(--popover-padding);line-height:1.35;font-size:14px;font-family:inherit;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-medium) ease,transform var(--transition-medium) ease,visibility 0s linear var(--transition-medium);z-index:4}.interactive-image-hotspots__popover:focus{outline:none}.interactive-image-hotspots__popover.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1);transition:opacity var(--transition-medium) ease,transform var(--transition-medium) ease}.interactive-image-hotspots--theme-dark .interactive-image-hotspots__popover,.interactive-image-hotspots__popover--theme-dark{background:var(--popover-bg-dark);color:var(--popover-text-dark)}.interactive-image-hotspots__popover-title{margin:0 0 .4em;font-size:16px;line-height:1.2;font-weight:600}.interactive-image-hotspots__popover-subtitle{font-size:13px;line-height:1.4}.interactive-image-hotspots__popover-icon{margin-bottom:.5em;width:20px;height:20px;color:var(--hotspot-color)}.interactive-image-hotspots__popover-icon svg{display:block;width:100%;height:100%}.interactive-image-hotspots__popover--top{transform-origin:50% 100%}.interactive-image-hotspots__popover--bottom{transform-origin:50% 0%}.interactive-image-hotspots__popover--left{transform-origin:100% 50%}.interactive-image-hotspots__popover--right{transform-origin:0% 50%}.interactive-image-hotspots__popover--top.is-active{transform:translate(-50%,calc(-100% - (var(--hotspot-size)/2 + var(--popover-gap)))) scale(1)}.interactive-image-hotspots__popover--bottom.is-active{transform:translate(-50%,calc(var(--hotspot-size)/2 + var(--popover-gap))) scale(1)}.interactive-image-hotspots__popover--left.is-active{transform:translate(calc(-100% - (var(--hotspot-size)/2 + var(--popover-gap))),-50%) scale(1)}.interactive-image-hotspots__popover--right.is-active{transform:translate(calc(var(--hotspot-size)/2 + var(--popover-gap)),-50%) scale(1)}.interactive-image-hotspots__popover--top{transform:translate(-50%,calc(-100% - (var(--hotspot-size)/2 + var(--popover-gap)))) scale(.9)}.interactive-image-hotspots__popover--bottom{transform:translate(-50%,calc(var(--hotspot-size)/2 + var(--popover-gap))) scale(.9)}.interactive-image-hotspots__popover--left{transform:translate(calc(-100% - (var(--hotspot-size)/2 + var(--popover-gap))),-50%) scale(.9)}.interactive-image-hotspots__popover--right{transform:translate(calc(var(--hotspot-size)/2 + var(--popover-gap)),-50%) scale(.9)}.interactive-image-hotspots__popover-arrow{position:absolute;width:14px;height:14px;background:inherit;box-shadow:inherit;transform:rotate(45deg);z-index:-1}.interactive-image-hotspots__popover--top .interactive-image-hotspots__popover-arrow{bottom:-7px;left:50%;translate:-50% 0}.interactive-image-hotspots__popover--bottom .interactive-image-hotspots__popover-arrow{top:-7px;left:50%;translate:-50% 0}.interactive-image-hotspots__popover--left .interactive-image-hotspots__popover-arrow{right:-7px;top:50%;translate:0 -50%}.interactive-image-hotspots__popover--right .interactive-image-hotspots__popover-arrow{left:-7px;top:50%;translate:0 -50%}.interactive-image-hotspots__hotspot-wrapper.is-active{z-index:5}.interactive-image-hotspots .u-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media (prefers-reduced-motion: reduce){.interactive-image-hotspots[data-respect-reduced-motion=true] *{animation:none!important;transition:none!important}}@media (max-width: 749px){.interactive-image-hotspots__popover-title{font-size:15px}.interactive-image-hotspots__popover{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/interactive-image-hotspots.css.map */