.tooltip{position:relative}.tooltip.is-disabled:after,.tooltip.is-disabled:before{opacity:0!important}.tooltip:after,.tooltip:before{content:"";position:absolute;opacity:0;pointer-events:none;z-index:999;transition:opacity .2s ease-out}.tooltip:before{border:.5rem solid transparent}.tooltip:after{content:attr(data-text);width:auto;padding:.25rem .75rem;border-radius:4px;background:#000;color:#fff;white-space:nowrap}.tooltip:hover:after,.tooltip:hover:before{opacity:1}.tooltip.is-top:after,.tooltip.is-top:before{top:auto;right:auto;bottom:calc(100% + 1rem);left:50%;transform:translate(-50%)}.tooltip.is-top:before{border-top:.5rem solid #000;bottom:100%}.tooltip.is-bottom:after,.tooltip.is-bottom:before{top:calc(100% + 1rem);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.tooltip.is-bottom:before{border-bottom:.5rem solid #000;top:100%}.tooltip.is-left:after,.tooltip.is-left:before{top:50%;right:calc(100% + 1rem);bottom:auto;left:auto;transform:translateY(-50%)}.tooltip.is-left:before{border-right:.5rem solid #000;right:100%}.tooltip.is-right:after,.tooltip.is-right:before{top:50%;right:auto;bottom:auto;left:calc(100% + 1rem);transform:translateY(-50%)}.tooltip.is-right:before{border-left:.5rem solid #000;left:100%}