.custom-tooltip-container{position:relative;cursor:pointer;height:max-content}.custom-tooltip-container:not(.clickable):hover .custom-tooltip,.custom-tooltip-container.clickable.active .custom-tooltip,.custom-tooltip-container.clickable .custom-tooltip:hover{opacity:1;visibility:visible}.custom-tooltip{--tooltip-tail: 9px;--tooltip-color: #e6f0f3;--tooltip-text-color: #8ca5ad;--tooltip-offset: calc(100% + 9px + var(--tooltip-tail, 0px));--tooltip-tail-offset: calc(100% + 9px - var(--tooltip-tail));position:absolute;width:max-content;max-width:288px;padding:1rem;font-size:.875rem;line-height:140%;border-radius:.75rem;background-color:var(--tooltip-color);color:var(--tooltip-text-color);pointer-events:none;z-index:999;opacity:0;visibility:hidden;transition:all .4s ease}.custom-tooltip-container.clickable .custom-tooltip{pointer-events:unset;cursor:auto}.custom-tooltip:before{position:absolute;content:"";border-style:solid;border-width:var(--tooltip-tail, 0);width:0;height:0;display:block}.custom-tooltip.anchor-right{translate:var(--tooltip-anchor-right-value)}.custom-tooltip.anchor-right:before{left:calc(50% - var(--tooltip-anchor-right-value))!important}.custom-tooltip.anchor-left{translate:98px}.custom-tooltip.anchor-left:before{left:calc(50% - 98px)!important}.custom-tooltip[data-position=top]{transform:translate(-50%);left:50%;bottom:var(--tooltip-offset)}.custom-tooltip[data-position=bottom]{transform:translate(-50%);left:50%;top:var(--tooltip-offset)}.custom-tooltip[data-position=right]{transform:translateY(-50%);top:50%;left:var(--tooltip-offset)}.custom-tooltip[data-position=left]{transform:translateY(-50%);top:50%;right:var(--tooltip-offset)}.custom-tooltip[data-position=top]:before{border-color:var(--tooltip-color) transparent transparent transparent;transform:translate(-50%,100%);bottom:1px;left:50%}.custom-tooltip[data-position=bottom]:before{border-color:transparent transparent var(--tooltip-color) transparent;transform:translate(-50%,-100%);top:1px;left:50%}.custom-tooltip[data-position=right]:before{border-color:transparent var(--tooltip-color) transparent transparent;transform:translate(-100%,-50%);top:50%;left:0}.custom-tooltip[data-position=left]:before{border-color:transparent transparent transparent var(--tooltip-color);transform:translate(100%,-50%);top:50%;right:0}