.hover-text,.hover-text-left,.hover-text-right,.hover-text-bottom{position:relative}.hover-text:after,.hover-text-left:after,.hover-text-right:after,.hover-text-bottom:after{content:attr(data-text);position:absolute;background:var(--tooltip-bg, #333);color:#fff;border:1px solid #eaebec;border-radius:4px;padding:8px 12px;box-shadow:0 2px 8px #00000026;max-width:200px;white-space:normal;word-wrap:break-word;font-size:14px;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;transition-delay:1s}.hover-text:hover:after,.hover-text:focus:after,.hover-text-left:hover:after,.hover-text-left:focus:after,.hover-text-right:hover:after,.hover-text-right:focus:after,.hover-text-bottom:hover:after,.hover-text-bottom:focus:after{opacity:1;visibility:visible}.hover-text:not(:hover):not(:focus):after,.hover-text-left:not(:hover):not(:focus):after,.hover-text-right:not(:hover):not(:focus):after,.hover-text-bottom:not(:hover):not(:focus):after{transition-delay:0s}.hover-text:after{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:5px}.hover-text-left:after{right:100%;top:50%;transform:translateY(-50%);margin-right:5px}.hover-text-right:after{left:100%;top:50%;transform:translateY(-50%);margin-left:5px}.hover-text-bottom:after{top:100%;left:50%;transform:translate(-50%);margin-top:5px}