.hotspot{--hotspot-dimension: 44px;position:relative;display:flex;padding:0;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:0;border:1px solid var(--color-foreground);background-color:var(--color-background);color:var(--color-foreground);overflow:visible;z-index:1}.hotspot-title{color:var(--color-foreground);position:absolute;white-space:nowrap;background-color:transparent;padding:var(--space-3)}.hotspot-title.position--right{text-align:left;left:0;padding-left:calc(100% + var(--space-3))}.hotspot-title.position--left{text-align:right;right:0;padding-right:calc(100% + var(--space-3))}.hotspot-container{position:relative}.hotspot-container .hotspot{position:absolute;transform:translate(-50%,-50%)}
/*# sourceMappingURL=/cdn/shop/t/71/assets/component-hotspots.css.map */