.tooltip__text{color:#fff;pointer-events:none;position:absolute;text-align:center;transition:opacity .3s,visibility .3s;z-index:10}.tooltip--top{bottom:calc(100% + 8px)}.tooltip--bottom,.tooltip--top{left:50%;transform:translate(-50%)}.tooltip--bottom{top:calc(100% + 8px)}.tooltip--left{right:calc(100% + 8px)}.tooltip--left,.tooltip--right{top:50%;transform:translateY(-50%)}.tooltip--right{left:calc(100% + 8px)}.tooltip__text:after{border-style:solid;border-width:5px;content:"";position:absolute}.tooltip--left:after{border-color:transparent transparent transparent #475569;left:100%;top:calc(50% - 5px)}.dark .tooltip--left:after{border-color:transparent transparent transparent #a5b4fc}.tooltip--right:after{border-color:transparent #475569 transparent transparent;right:100%;top:calc(50% - 5px)}.dark .tooltip--right:after{border-color:transparent #a5b4fc transparent transparent}.tooltip--top:after{border-color:#475569 transparent transparent;left:calc(50% - 5px);top:100%}.dark .tooltip--top:after{border-color:#a5b4fc transparent transparent}.tooltip--bottom:after{border-color:transparent transparent #475569;bottom:100%;left:calc(50% - 5px)}.dark .tooltip--bottom:after{border-color:transparent transparent #a5b4fc}