.hotspot{--hotspot-dimension: 26px;position:relative!important;display:flex!important;padding:0!important;align-items:center;justify-content:flex-start;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:8px solid var(--color-white);background-color:var(--color-black);box-shadow:0 0 0 1px var(--color-black);cursor:pointer}.hotspot__text{font-size:var(--hotspot-font-size);visibility:hidden;height:0;pointer-events:none;position:relative;color:var(--color-foreground)}.hotspot-container{position:relative;display:none}.hotspot-container.active{display:block}.hotspot-container .hotspot{position:absolute!important}.hotspot-container .hotspot--left{transform:translate(-100%,-100%)}.hotspot:is(:hover,.active){background:var(--color-white);border-radius:calc(var(--hotspot-border-width) * 2 + var(--hotspot-dimension));overflow:hidden;z-index:9;border-radius:12px!important;width:auto;max-width:var(--calculated-max-width)}.hotspot:is(:hover,.active):before{background:linear-gradient(var(--hotspot-gradient));border:var(--hotspot-border-width) solid var(--hotspot-background-color)}.hotspot.hotspot--left:is(:hover,.active) .hotspot__text{left:0;padding-left:calc(var(--hotspot-padding) - 5px)}.hotspot:is(:hover,.active) .hotspot__text{visibility:visible;height:auto;pointer-events:all;padding:0 var(--hotspot-padding);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-hotspots.css.map?v=26866785043326332821739525037 */