.tooltip{line-height:1.1;display:inline-block;position:relative}.tooltip-text{visibility:hidden;opacity:0;background:var(--secondary-gradient);color:var(--primary-color);white-space:normal;overflow-wrap:anywhere;text-align:center;z-index:9999;border-radius:.4em;width:max-content;max-width:min(60vw,24rem);padding:.25em;transition:opacity .8s;position:absolute;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-text,.tooltip:focus .tooltip-text,.tooltip:focus-within .tooltip-text{visibility:visible;opacity:1}.tooltip.top .tooltip-text{top:auto;bottom:calc(100% + .25em)}.tooltip.bottom .tooltip-text{top:calc(100% + .25em);bottom:auto}.tooltip.left .tooltip-text{left:0;right:auto;transform:translate(0)}.tooltip.right .tooltip-text{left:auto;right:0;transform:translate(0)}.tooltip.center .tooltip-text{left:50%;right:auto;transform:translate(-50%)}