.hotspot-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:16;pointer-events:none}.slideshow__slide>.hotspot-frame{opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s .2s}.slideshow__slide>.hotspot-frame .product-hotspot{pointer-events:none}.slideshow__slide.is-selected>.hotspot-frame{opacity:1;visibility:visible;transition:opacity .4s linear var(--hs-delay, 0s),visibility 0s var(--hs-delay, 0s)}.slideshow__slide.is-selected>.hotspot-frame .product-hotspot{pointer-events:auto}.animations-true .main-slideshow.is-fade.transition--zoom .hotspot-frame{--hs-delay: 1.5s}.image-with-text-overlay>.hotspot-frame{z-index:6}.image-with-text-overlay>.hotspot-frame.parallax--true{inset-block:-5%}.hotspot-layer{display:block;position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;overflow:hidden;overflow:clip;pointer-events:none}.hotspot-layer__box{--hs-ox: var(--hs-fx, .5);--hs-oy: var(--hs-fy, .5);position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (max-width:767px){.hotspot-layer__box{--hs-ox: var(--hs-fx-mobile, .5);--hs-oy: var(--hs-fy-mobile, .5)}}@supports (width: 1cqw){@media only screen and (min-width:768px){.hotspot-layer--cover>.hotspot-layer__box{--hs-w: max(100cqw, 100cqh * var(--hs-ratio));--hs-h: max(100cqh, 100cqw / var(--hs-ratio))}.hotspot-layer--contain>.hotspot-layer__box{--hs-w: min(100cqw, 100cqh * var(--hs-ratio));--hs-h: min(100cqh, 100cqw / var(--hs-ratio))}}@media only screen and (max-width:767px){.hotspot-layer--mobile-cover>.hotspot-layer__box{--hs-w: max(100cqw, 100cqh * var(--hs-ratio-mobile));--hs-h: max(100cqh, 100cqw / var(--hs-ratio-mobile))}.hotspot-layer--mobile-contain>.hotspot-layer__box{--hs-w: min(100cqw, 100cqh * var(--hs-ratio-mobile));--hs-h: min(100cqh, 100cqw / var(--hs-ratio-mobile))}}.hotspot-layer__box{left:calc((100cqw - var(--hs-w, 100cqw)) * var(--hs-ox));top:calc((100cqh - var(--hs-h, 100cqh)) * var(--hs-oy));width:var(--hs-w, 100%);height:var(--hs-h, 100%)}}.product-hotspot{--hs-px: var(--hs-x, 50);--hs-py: var(--hs-y, 50);position:absolute;top:calc(var(--hs-py) * 1%);left:calc(var(--hs-px) * 1%);z-index:1;width:40px;height:40px;margin:-20px 0 0 -20px;pointer-events:auto}@media only screen and (max-width:767px){.product-hotspot{--hs-px: var(--hs-x-mobile, var(--hs-x, 50));--hs-py: var(--hs-y-mobile, var(--hs-y, 50))}}.product-hotspot:hover,.product-hotspot:focus-within{z-index:2}.product-hotspot__pin{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:50%;color:var(--color-body, #2c2d2e);text-align:start;text-decoration:none;text-transform:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.product-hotspot__pin:hover,.product-hotspot__pin:focus{color:var(--color-body, #2c2d2e)}.product-hotspot__pin:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.product-hotspot__dot{position:relative;display:block;flex-shrink:0;width:24px;height:24px;border:8px solid var(--bg-body, #f5f5f5);border-radius:50%;box-shadow:0 0 6px #00000014;transition:border-width .25s cubic-bezier(.104,.204,.492,1)}.product-hotspot__dot:before,.product-hotspot__dot:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid #fff;border-radius:50%;animation:product-hotspot-pulse 2s infinite}.product-hotspot__dot:after{animation-delay:-.4s}.product-hotspot__dot .loading-overlay{top:-8px;left:-8px;width:24px;height:24px;transform:none;align-items:center;justify-content:center}.product-hotspot__dot .loading-overlay svg{width:14px}.product-hotspot__bubble,.product-hotspot__arrow{position:absolute;top:50%;left:50%;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.104,.204,.492,1),transform .25s cubic-bezier(.104,.204,.492,1)}.product-hotspot__arrow{width:12px;height:12px;border-radius:2px;background:var(--bg-body, #f5f5f5);translate:-50% calc(-50% + 32px);transform:translateY(10px) rotate(45deg)}.product-hotspot__bubble{z-index:1;display:flex;width:max-content;max-width:325px;align-items:center;gap:16px;padding:16px;border-radius:var(--block-border-radius, 16px);background:var(--bg-body, #f5f5f5);box-shadow:0 4px 12px #00000014;translate:-50% 32px;transform:translateY(10px)}.product-hotspot__bubble:before{content:"";position:absolute;top:-12px;right:0;bottom:-12px;left:0}.product-hotspot__image{position:relative;flex-shrink:0;width:75px;height:75px}.product-hotspot__image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--block-border-radius, 16px) / 2)}.product-hotspot__content{display:block;min-width:0}.product-hotspot__content .price{display:block;font-size:.875rem}.product-hotspot__title{display:block;font-size:.875rem;line-height:1.375rem}.product-hotspot__view{display:inline-block;margin-top:4px;color:var(--color-accent);font-size:.75rem;font-weight:var(--font-body-medium-weight, 500);line-height:1.4;text-decoration:underline;text-underline-offset:3px}.product-hotspot__pin:focus-visible .product-hotspot__bubble,.product-hotspot__pin:focus-visible .product-hotspot__arrow,.product-hotspot__pin.loading .product-hotspot__bubble,.product-hotspot__pin.loading .product-hotspot__arrow{opacity:1}.product-hotspot__pin:focus-visible .product-hotspot__bubble,.product-hotspot__pin.loading .product-hotspot__bubble{transform:none;pointer-events:auto}.product-hotspot__pin:focus-visible .product-hotspot__arrow,.product-hotspot__pin.loading .product-hotspot__arrow{transform:translateY(0) rotate(45deg)}@media(hover:hover){.product-hotspot__pin:hover .product-hotspot__bubble,.product-hotspot__pin:hover .product-hotspot__arrow{opacity:1}.product-hotspot__pin:hover .product-hotspot__bubble{transform:none;pointer-events:auto}.product-hotspot__pin:hover .product-hotspot__arrow{transform:translateY(0) rotate(45deg)}}.product-hotspot__pin.loading .product-hotspot__dot{border-width:12px}.product-hotspot__pin.loading .loading-overlay{display:flex;top:-12px;left:-12px}@supports (width: 1cqw){.hotspot-layer .product-hotspot{--hs-pin-x: calc((100cqw - var(--hs-w, 100cqw)) * var(--hs-ox, .5) + var(--hs-w, 100cqw) * var(--hs-px) / 100);--hs-pin-y: calc((100cqh - var(--hs-h, 100cqh)) * var(--hs-oy, .5) + var(--hs-h, 100cqh) * var(--hs-py) / 100)}.hotspot-layer .product-hotspot__bubble{max-width:min(325px,100cqw - 20px);translate:calc(-1*clamp(var(--hs-pin-x) + 100% - 100cqw + 10px,50%,var(--hs-pin-x) - 10px)) clamp(10px - var(--hs-pin-y),clamp(-100% - 32px,(50cqh + 1px - var(--hs-pin-y)) * 1000,32px),100cqh - 100% - 10px - var(--hs-pin-y))}.hotspot-layer .product-hotspot__arrow{translate:-50% calc(-50% + clamp(-32px,(50cqh + 1px - var(--hs-pin-y)) * 1000,32px))}}@container (max-height: 300px){.product-hotspot__image{display:none}.product-hotspot__bubble{padding:8px 12px 10px}.product-hotspot__title,.product-hotspot__content .price{line-height:1.125rem}.product-hotspot__view{margin-top:0}}@keyframes product-hotspot-pulse{to{transform:scale(1.75);opacity:0}}@media(prefers-reduced-motion:reduce){.product-hotspot__dot:before,.product-hotspot__dot:after{animation:none;opacity:0}.product-hotspot__bubble,.product-hotspot__arrow{transition:opacity .25s cubic-bezier(.104,.204,.492,1)}.product-hotspot__bubble{transform:none}.product-hotspot__arrow{transform:rotate(45deg)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hotspot-layer.css.map */