.image-bubble-hotspots{display:block}.image-bubble-hotspots .row{max-width:1714px;justify-content:center;padding:0 35px}.image-bubble-hotspots__stage{position:relative;width:100%;margin:0;aspect-ratio:var(--desktop-image-ratio)}.image-bubble-hotspots__image-surface{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.image-bubble-hotspots__image-surface picture{display:block;width:100%;height:100%}.image-bubble-hotspots__image,.image-bubble-hotspots__placeholder{display:block;width:100%;height:100%;object-fit:cover}.image-bubble-hotspots__placeholder{padding:50px;fill:var(--bg-body, #fff);opacity:.5}.image-bubble-hotspots__hotspot{--bubble-left: calc(50% - 7px) ;--bubble-right: auto;--bubble-translate-x: 0%;--bubble-transform-origin: left bottom;position:absolute;top:var(--hotspot-y);left:var(--hotspot-x);z-index:20;width:0;height:0}.image-bubble-hotspots__hotspot[open],.image-bubble-hotspots__hotspot:focus-within{z-index:40}.image-bubble-hotspots__trigger{position:absolute;top:0;left:0;z-index:20;display:block;width:90px;height:90px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;list-style:none;transform:translate(-50%,-7px);-webkit-tap-highlight-color:transparent}.image-bubble-hotspots__trigger::-webkit-details-marker{display:none}.image-bubble-hotspots__trigger::marker{content:""}.image-bubble-hotspots__trigger:focus-visible{outline:2px solid #fff;outline-offset:2px}.image-bubble-hotspots__dot{position:absolute;top:0;left:50%;display:block;width:14px;height:14px;border:2px solid var(--bubble-shadow-color);border-radius:50%;background:#fff;z-index:20;box-shadow:inset 0 0 8px var(--bubble-shadow-color),0 1px 8px #0000001f;transform:translate(-50%)}.image-bubble-hotspots__bubble{position:absolute;top:7px;right:var(--bubble-right);left:var(--bubble-left);z-index:10;padding:12px 16px;border:1px solid var(--bubble-shadow-color);border-radius:15px;background:#ffffffe0;box-shadow:inset 0 0 38px var(--bubble-shadow-color),0 12px 32px #0000001f;opacity:0;pointer-events:none;visibility:hidden;backdrop-filter:blur(12px);transition:opacity .18s ease,transform .22s ease,visibility .18s ease;-webkit-backdrop-filter:blur(12px);transform:translate(var(--bubble-translate-x),calc(-100% + 10px)) scale(.96);transform-origin:var(--bubble-transform-origin)}.image-bubble-hotspots__hotspot--desktop-left-bottom{--bubble-left: calc(50% - 7px) ;--bubble-right: auto;--bubble-translate-x: 0%;--bubble-transform-origin: left bottom}.image-bubble-hotspots__hotspot--desktop-center-bottom{--bubble-left: 50%;--bubble-right: auto;--bubble-translate-x: -50%;--bubble-transform-origin: center bottom}.image-bubble-hotspots__hotspot--desktop-right-bottom{--bubble-left: auto;--bubble-right: calc(50% - 7px) ;--bubble-translate-x: 0%;--bubble-transform-origin: right bottom}.image-bubble-hotspots__hotspot[open] .image-bubble-hotspots__bubble,.image-bubble-hotspots__hotspot:focus-within .image-bubble-hotspots__bubble{opacity:1;pointer-events:auto;visibility:visible;transform:translate(var(--bubble-translate-x),-100%) scale(1)}.image-bubble-hotspots__name{display:block;color:#000;font-size:18px;font-weight:500;line-height:21px;white-space:nowrap}.image-bubble-hotspots__description{color:#767676;font-size:14px;line-height:1;white-space:nowrap}@media(hover:hover)and (pointer:fine){.image-bubble-hotspots__hotspot:hover{z-index:40}.image-bubble-hotspots__hotspot:hover .image-bubble-hotspots__bubble{opacity:10;pointer-events:auto;visibility:visible;transform:translate(var(--bubble-translate-x),-100%) scale(1)}}@media only screen and (min-width:750px){.image-bubble-hotspots .row{padding:0 35px}}@media only screen and (max-width:749px){.image-bubble-hotspots__stage{aspect-ratio:var(--mobile-image-ratio)}.image-bubble-hotspots__stage:after{content:"";display:block;position:absolute;top:var(--mobile-mask-y);left:0;right:0;height:var(--mobile-mask-height);z-index:5}.image-bubble-hotspots__hotspot{top:var(--hotspot-mobile-y);left:var(--hotspot-mobile-x)}.image-bubble-hotspots__hotspot--mobile-left-bottom{--bubble-left: calc(50% - 7px) ;--bubble-right: auto;--bubble-translate-x: 0%;--bubble-transform-origin: left bottom}.image-bubble-hotspots__hotspot--mobile-center-bottom{--bubble-left: 50%;--bubble-right: auto;--bubble-translate-x: -50%;--bubble-transform-origin: center bottom}.image-bubble-hotspots__hotspot--mobile-right-bottom{--bubble-left: auto;--bubble-right: calc(50% - 7px) ;--bubble-translate-x: 0%;--bubble-transform-origin: right bottom}.image-bubble-hotspots__image-surface{border-radius:12px}.image-bubble-hotspots__bubble{padding:12px}.image-bubble-hotspots__name{font-size:20px}}@media(prefers-reduced-motion:reduce){.image-bubble-hotspots__bubble{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/image-bubble-hotspots.css.map */