[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}@keyframes scaleHotspot{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(3)}to{transform:translate(-50%,-50%) scale(1)}}.product-map-hotpot{position:absolute;transform:translate(-50%,-50%);opacity:1;visibility:visible;pointer-events:auto;transition-delay:.4s;transition:.3s}.product-map-hotpot:hover{z-index:9990}.product-map-hotpot:hover .product-map-hotpot__trigger:after{background-color:#121212}.product-map-hotpot:hover .product-map-hotpot__trigger:before{background-color:#8d8d8d;opacity:.4}.product-map-hotpot:hover .product-map-hotpot__popover{scale:1;opacity:1;visibility:visible;pointer-events:auto;transform:none}.product-map-hotpot:hover .product-map-hotpot__popover.product-map-hotpot__popover--top-center,.product-map-hotpot:hover .product-map-hotpot__popover.product-map-hotpot__popover--bottom-center{transform:translate(-50%) scale(1)}.product-map-hotpot--hidden{opacity:0;visibility:hidden;pointer-events:none;transition-delay:unset}.product-map-hotpot__trigger{cursor:pointer;z-index:1;width:15px;height:15px;position:relative;display:block}.product-map-hotpot__trigger:after,.product-map-hotpot__trigger:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);content:"";width:3px;height:3px;border-radius:1.5px;transition:.3s}.product-map-hotpot__trigger:before{background-color:#d0d0d0;opacity:.5;animation:scaleHotspot 2s linear infinite}.product-map-hotpot__trigger:after{background-color:#252525;opacity:.3}@media(min-width:768px){.product-map-hotpot__trigger{width:24px;height:24px}.product-map-hotpot__trigger:after,.product-map-hotpot__trigger:before{width:5px;height:5px;border-radius:2.5px}}.product-map-hotpot__trigger--sm:after,.product-map-hotpot__trigger--sm:before{width:2.5px;height:2.5px;border-radius:1.25px}@media(min-width:768px){.product-map-hotpot__trigger--sm:after,.product-map-hotpot__trigger--sm:before{width:3.5px;height:3.5px;border-radius:1.75px}}.product-map-hotpot__trigger--md:after,.product-map-hotpot__trigger--md:before{width:3px;height:3px;border-radius:1.5px}@media(min-width:768px){.product-map-hotpot__trigger--md:after,.product-map-hotpot__trigger--md:before{width:5px;height:5px;border-radius:2.5px}}.product-map-hotpot__trigger--lg:after,.product-map-hotpot__trigger--lg:before{width:5px;height:5px;border-radius:2.5px}@media(min-width:768px){.product-map-hotpot__trigger--lg:after,.product-map-hotpot__trigger--lg:before{width:8px;height:8px;border-radius:4px}}.product-map-hotpot__popover{--ratioY: 1;--ratioX: 1;transition:.3s;position:absolute;z-index:1;min-width:152px;opacity:0;visibility:hidden;pointer-events:none}@media(min-width:992px){.product-map-hotpot__popover{min-width:130px}}@media(min-width:1200px){.product-map-hotpot__popover{min-width:152px}}.product-map-hotpot__popover[xo-active]:not([xo-active=false]){scale:1;opacity:1;visibility:visible;pointer-events:auto;transform:none}.product-map-hotpot__popover[xo-active]:not([xo-active=false]).product-map-hotpot__popover--top-center{transform:translate(-50%) scale(1)}.product-map-hotpot__popover[xo-active]:not([xo-active=false]).product-map-hotpot__popover--bottom-center{transform:translate(-50%) scale(1)}.product-map-hotpot__popover--left-top{bottom:calc(50% * var(--ratioY));right:calc(100% * var(--ratioX));transform:translate(30%,30%) scale(.7)}.product-map-hotpot__popover--right-top{bottom:calc(50% * var(--ratioY));left:calc(100% * var(--ratioX));transform:translate(-30%,30%) scale(.7)}.product-map-hotpot__popover--left-bottom{top:calc(50% * var(--ratioY));right:calc(100% * var(--ratioX));transform:translate(30%,-30%) scale(.7)}.product-map-hotpot__popover--right-bottom{top:calc(50% * var(--ratioY));left:calc(100% * var(--ratioX));transform:translate(-30%,-30%) scale(.7)}.product-map-hotpot__popover--left-center{top:calc(50% * var(--ratioY));right:calc(100% * var(--ratioX));transform:translate(30%) scale(.7)}.product-map-hotpot__popover--right-center{top:calc(50% * var(--ratioY));left:calc(100% * var(--ratioX));transform:translate(-30%) scale(.7)}.product-map-hotpot__popover--top-center{bottom:calc(100% * var(--ratioY));left:calc(50% * var(--ratioX));transform:translate(-50%,30%) scale(.7)}.product-map-hotpot__popover--bottom-center{top:calc(100% * var(--ratioY));left:calc(50% * var(--ratioX));transform:translate(-50%,-30%) scale(.7)}.product-map-hotpot__heading{color:var(--Text-Text-2, #414141);font-family:var(--font-body-medium-family);font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.32px;max-width:150px;padding-bottom:5px;transition:.3s}.product-map-hotpot__heading:hover{color:var(--color-branding)}.product-map-hotpot__content{display:flex;align-items:center;gap:1.2rem}.product-map-hotpot__info{display:flex;flex-direction:column;align-items:flex-start;column-gap:1.2rem;row-gap:.4rem;width:100%}.product-map-hotpot__image{flex-shrink:0;object-fit:cover;width:54px;display:block}.product-map-hotpot__image:hover~.product-map-hotpot__info .product-map-hotpot__heading{color:var(--color-branding)}.product-map-hotpot__image img{width:100%}.product-map-hotpot__text{color:var(--Text-Text-2, #414141);font-size:14px;line-height:18px;letter-spacing:-.28px;word-break:break-word}.product-map-hotpot__video{padding:2px 6px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #e4e4e4;color:var(--Black, #000);font-size:14px;line-height:18px;letter-spacing:-.28px;transition:.3s}.product-map-hotpot__video:hover{color:var(--color-branding)}.product-map-hotpot__video svg{display:block;fill:inherit}@media(min-width:768px){.product-map-hotpot__video{display:flex;padding:4px;border:none;margin-top:12px}.product-map-hotpot__video:after{content:"";position:absolute;bottom:28px;left:0;width:100%;height:1px;background-color:#e4e4e4}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/map-hotpot.css.map */