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