.tooltip{--tooltip-content-text-variant:xsmall;--tooltip-content-text-color:#edfffc;--tooltip-content-background-color:#252c34;--tooltip-content-border-radius:0rem;--tooltip-content-padding-inline:1rem;--tooltip-content-padding-block:0.5rem;--tooltip-arrow-width:1rem;--tooltip-arrow-height:0.5rem}.ids-tooltip{display:inline-block;position:relative;z-index:9999}.ids-tooltip__content{align-items:center;background:var(--tooltip-content-background-color);border-radius:var(--tooltip-content-border-radius);color:var(--tooltip-content-text-color);display:flex;max-width:300px;width:max-content;padding:var(--tooltip-content-padding-block) var(--tooltip-content-padding-inline);pointer-events:none;position:relative}.ids-tooltip--top{transform:translateX(calc(-50% - var(--tooltip-offset-x, 0px))) translateY(-100%)}.ids-tooltip--bottom{transform:translateX(calc(-50% - var(--tooltip-offset-x, 0px))) translateY(0)}.ids-tooltip--right{transform:translateX(0) translateY(-50%)}.ids-tooltip--left{transform:translateX(-100%) translateY(-50%)}.ids-tooltip--hidden{opacity:0}.ids-tooltip--arrow.ids-tooltip--top{transform:translateX(calc(-50% - var(--tooltip-offset-x, 0px))) translateY(calc(-100% - var(--tooltip-arrow-height)))}.ids-tooltip--arrow.ids-tooltip--bottom{transform:translateX(calc(-50% - var(--tooltip-offset-x, 0px))) translateY(var(--tooltip-arrow-height))}.ids-tooltip--arrow.ids-tooltip--right{transform:translateX(var(--tooltip-arrow-height)) translateY(-50%)}.ids-tooltip--arrow.ids-tooltip--left{transform:translateX(calc(-100% - var(--tooltip-arrow-height))) translateY(-50%)}.ids-tooltip--arrow .ids-tooltip__content:after{content:"";height:0;pointer-events:none;position:absolute;width:0}.ids-tooltip--arrow.ids-tooltip--top .ids-tooltip__content:after{border-top:var(--tooltip-arrow-height) solid var(--tooltip-content-background-color);top:100%}.ids-tooltip--arrow.ids-tooltip--bottom .ids-tooltip__content:after,.ids-tooltip--arrow.ids-tooltip--top .ids-tooltip__content:after{border-left:calc(var(--tooltip-arrow-width)/2) solid transparent;border-right:calc(var(--tooltip-arrow-width)/2) solid transparent;left:50%;transform:translateX(calc(var(--tooltip-offset-x, 0px) - 50%))}.ids-tooltip--arrow.ids-tooltip--bottom .ids-tooltip__content:after{border-bottom:var(--tooltip-arrow-height) solid var(--tooltip-content-background-color);top:calc(var(--tooltip-arrow-height)*-1)}.ids-tooltip--arrow.ids-tooltip--right .ids-tooltip__content:after{border-right:var(--tooltip-arrow-height) solid var(--tooltip-content-background-color);left:calc(var(--tooltip-arrow-height)*-1)}.ids-tooltip--arrow.ids-tooltip--left .ids-tooltip__content:after,.ids-tooltip--arrow.ids-tooltip--right .ids-tooltip__content:after{border-bottom:calc(var(--tooltip-arrow-width)/2) solid transparent;border-top:calc(var(--tooltip-arrow-width)/2) solid transparent;top:50%;transform:translateX(-50%)}.ids-tooltip--arrow.ids-tooltip--left .ids-tooltip__content:after{border-left:var(--tooltip-arrow-height) solid var(--tooltip-content-background-color);left:100%}