.interactive-tooltip{--interactive-tooltip-background:#fff;--interactive-tooltip-arrow-size:.625rem;--interactive-tooltip-size-1-min:10rem;--interactive-tooltip-size-1-max:13rem;--interactive-tooltip-size-2:18rem;--interactive-tooltip-size-3:25rem;--interactive-tooltip-radius:.625rem;text-align:left;z-index:5;border-radius:var(--interactive-tooltip-radius);pointer-events:none;position:absolute}.interactive-tooltip-variant-default{background-color:var(--interactive-tooltip-background)}.interactive-tooltip-1{width:auto;min-width:var(--interactive-tooltip-size-1-min);max-width:var(--interactive-tooltip-size-1-max)}.interactive-tooltip-2{width:var(--interactive-tooltip-size-2)}.interactive-tooltip-3{width:var(--interactive-tooltip-size-3)}.interactive-tooltip.bottom:before{top:0;bottom:auto;left:50%;transform:translate(-50%,-100%);border-width:0 var(--interactive-tooltip-arrow-size) var(--interactive-tooltip-arrow-size) var(--interactive-tooltip-arrow-size)!important;border-color:transparent transparent var(--interactive-tooltip-background) transparent!important}.interactive-tooltip.top:before{top:auto;bottom:.0625rem;left:50%;transform:translate(-50%,100%);border-width:var(--interactive-tooltip-arrow-size) var(--interactive-tooltip-arrow-size) 0 var(--interactive-tooltip-arrow-size)!important;border-color:var(--interactive-tooltip-background) transparent transparent transparent!important}.interactive-tooltip.right:before{inset:50% auto auto 0;transform:translate(-100%,-50%);border-width:var(--interactive-tooltip-arrow-size) var(--interactive-tooltip-arrow-size) var(--interactive-tooltip-arrow-size) 0!important;border-color:transparent var(--interactive-tooltip-background) transparent transparent!important}.interactive-tooltip .cursor{position:relative}.interactive-tooltip .cursor:before{content:"";position:absolute;top:0;left:0;transform:translate(-100%,-100%);border-width:var(--interactive-tooltip-arrow-size) var(--interactive-tooltip-arrow-size) 0 0!important;border-color:var(--interactive-tooltip-background) transparent transparent transparent!important}.interactive-tooltip.left:before{inset:50% 0 auto auto;transform:translate(100%,-50%);border-width:var(--interactive-tooltip-arrow-size) 0 var(--interactive-tooltip-arrow-size) var(--interactive-tooltip-arrow-size)!important;border-color:transparent transparent transparent var(--interactive-tooltip-background)!important}.interactive-tooltip:before{content:"";z-index:-1;top:0;left:calc(-1 * var(--interactive-tooltip-arrow-size));border-style:solid;border-width:0 calc(var(--interactive-tooltip-arrow-size) * 2) calc(var(--interactive-tooltip-arrow-size) * 2) 0;border-color:transparent var(--interactive-tooltip-background) transparent transparent;width:0;height:0;position:absolute}.interactive-canvas{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.interactive-canvas-layers{pointer-events:none;transform-origin:50%;position:absolute}.interactive-canvas-frame{transform-origin:50%;padding:0;position:relative}.interactive-canvas-frame img{transform-origin:0 0;display:block}.interactive-canvas-frame-svg{position:absolute;top:0;left:0}.interactive-canvas-frame-svg svg{transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.interactive-pin{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.interactive-pin.disable-pointer-events .interactive-pin-content{pointer-events:none}.interactive-pin-content{pointer-events:all;justify-content:center;align-items:center;display:flex}.interactive-pin--with-line .interactive-pin-line{width:var(--line-width);height:var(--line-height);background-color:var(--line-color)}.interactive-pin--with-line .interactive-pin-point{width:var(--point-diameter);height:var(--point-diameter);background-color:var(--point-color);border-radius:var(--point-radius)}.interactive-pin-line,.interactive-pin-point{pointer-events:none}.interactive-pin-text{-webkit-line-clamp:3;text-align:center;-webkit-box-orient:vertical;line-height:1;overflow:hidden}.interactive-pin-icon+.interactive-pin-text{margin-top:4px}.interactive-label{pointer-events:all;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.interactive-label-text{-webkit-line-clamp:3;text-align:center;max-width:180px;white-space:wrap;word-wrap:break-word;-webkit-box-orient:vertical;line-height:1;overflow:hidden}.interactive-label:before{content:"";top:calc(-1 * var(--border-width));z-index:-1;border-style:solid;border-width:0;border-color:transparent var(--arrow-border-color) transparent transparent;width:0;height:0;position:absolute;left:-10px}.interactive-label--right:before{top:50%;bottom:auto;left:auto;right:calc(-1 * var(--border-width) + 1px);border-width:10px 0 10px 8px;transform:translate(100%,-50%);border-color:transparent transparent transparent var(--arrow-border-color)!important}.interactive-label--left:before{top:50%;bottom:auto;left:calc(-1 * var(--border-width) + 1px);border-width:10px 8px 10px 0;right:auto;transform:translate(-100%,-50%);border-color:transparent var(--arrow-border-color) transparent transparent!important}.interactive-label--top:before{top:calc(-1 * var(--border-width) + 1px);border-width:0 10px 8px;position:absolute;bottom:auto;left:50%;transform:translate(-50%,-100%);border-color:transparent transparent var(--arrow-border-color) transparent!important}.interactive-label--bottom:before{top:auto;bottom:calc(-1 * var(--border-width) + 1px);border-width:8px 10px 0;position:absolute;left:50%;transform:translate(-50%,100%);border-color:var(--arrow-border-color) transparent transparent transparent!important}.interactive-labelIcon{align-items:center;display:flex;position:absolute}.interactive-labelIcon-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.interactive-labelIcon-text{z-index:-1;opacity:1;pointer-events:auto;text-overflow:ellipsis;width:auto;max-width:250px;line-height:1;transition:opacity .2s;position:absolute;top:50%;left:100%;overflow:hidden;transform:translateY(-50%)}.interactive-labelIcon-text span{white-space:nowrap}.interactive-labelIcon-text--hiddenText{opacity:0;pointer-events:none}.interactive-labelNav.interactive-labelIcon .interactive-labelIcon-text{align-items:center;display:flex}.interactive-labelNav.interactive-labelIcon .interactive-labelIcon-text span{white-space:nowrap}