.tooltip-element{cursor:help;display:inline-block;margin:0 4.5px;position:relative;top:-2px;width:18px;z-index:1}.tooltip-element svg{height:16px;width:16x;fill:var(--color1)}.tooltip-element .tooltip-content{background:var(--color1);border-radius:8px;bottom:calc(100% + 10px);color:#fff;font-size:12px;left:50%;padding:8px;position:absolute;text-align:center;transform:translate(-50%);width:220px}.tooltip-element .tooltip-content:after{border-color:var(--color1) transparent transparent transparent;border-style:solid;border-width:10px 8px 0;bottom:-9px;content:"";height:0;left:calc(50% - 4px);position:absolute;transform:rotate(0);width:0}.tooltip-element .tooltip-content.toLeft{border-bottom-right-radius:0;left:-205px;transform:none}.tooltip-element .tooltip-content.toLeft:after{left:auto;right:0}.tooltip-element .tooltip-content.toRight{border-bottom-left-radius:0;left:-5px;transform:none}.tooltip-element .tooltip-content.toRight:after{left:0;right:auto}.tooltip-element:not(.show) .tooltip-content{height:0;overflow:hidden;padding:0;visibility:hidden}