[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__popover-inner{padding:8px 32px;overflow:hidden;background:#ffffffb0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:100%;display:block;position:relative}@media (min-width: 768px){.product-map-hotpot__popover-inner{padding:10px 15px;height:auto}.product-map-hotpot__popover-inner:has(.product-map-hotpot__video){padding-bottom:0}}@media (min-width: 992px){.product-map-hotpot__popover-inner{padding:8px 6px}}@media (min-width: 1200px){.product-map-hotpot__popover-inner{padding:10px 15px}}.product-map-hotpot__popover-inner:hover .product-map-hotpot__heading{color:var(--color-branding)}.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__content{display:flex;align-items:center;gap:12px}@media (min-width: 768px){.product-map-hotpot__content{gap:9px;align-items:flex-end}}.product-map-hotpot__image{flex-shrink:0;object-fit:cover;width:60px}@media (min-width: 992px){.product-map-hotpot__image{width:40px}}@media (min-width: 1200px){.product-map-hotpot__image{width:60px}}.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:4px 10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e4e4e4;color:var(--Black, #000);font-size:16px;line-height:20px;letter-spacing:-.32px;transition:.3s;margin-top:8px}.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 */