.hotspot{--hotspot-dimension: 22px;position:relative!important;display:flex!important;padding:0!important;align-items:center;justify-content:center;left:var(--hotspot-horizontal-position);top:var(--hotspot-vertical-position);width:var(--hotspot-dimension);height:var(--hotspot-dimension);border-radius:50%!important;overflow:visible!important;z-index:1;border:2px solid var(--color-white);background-color:#ffffff4d;transition:all .4s ease-in-out}.hotspot:before{content:"";background:inherit;opacity:.35;position:absolute;width:140%;height:140%;border-radius:50%!important;z-index:-1}.hotspot-title{color:var(--color-foreground);position:absolute;white-space:nowrap;background-color:transparent;padding:12px}.hotspot-title.position--right{text-align:left;left:0;padding-left:calc(100% + 12px)}.hotspot-title.position--left{text-align:right;right:0;padding-right:calc(100% + 12px)}.hotspot-container{position:relative}.hotspot-container .hotspot{position:absolute!important;transform:translate(-50%,-50%)}.hotspot-wrap{position:absolute;left:var(--hotspot-horizontal-position);top:var(--hotspot-vertical-position);transform:translate(-50%,-50%);width:var(--hotspot-dimension, 24px);height:var(--hotspot-dimension, 24px);z-index:2;overflow:visible}.hotspot-wrap .hotspot{position:relative;left:auto;top:auto;transform:none}.hotspot-wrap:hover .hotspot,.hotspot-wrap.is-active .hotspot{background-color:var(--color-white)}@keyframes hotspot-blink{0%{opacity:1;transform:scale(.6)}75%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}.hotspot-popover{position:absolute;left:0;top:calc(100% + calc(var(--hotspot-dimension, 24px) / 2));transform:translate(calc(-50% + var(--popover-viewport-offset, 0px)));margin-left:calc(var(--hotspot-dimension, 24px) / 2);min-width:140px;max-width:220px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#000;text-decoration:none;font-size:1rem;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:3;pointer-events:none}.hotspot-popover:not([hidden]){pointer-events:auto}.hotspot-popover:before{content:"";position:absolute;left:calc(50% - var(--popover-viewport-offset, 0px));top:-6px;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgb(255 255 255)}.hotspot-popover-link{display:flex;align-items:center;justify-content:center;gap:8px;color:inherit;text-decoration:none;font-size:.9rem;font-weight:500}.hotspot-popover-title{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotspot-popover-icon{flex-shrink:0;display:flex;opacity:.9}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-hotspots.css.map */