.tooltip-container{position:relative}.tooltip-container .tooltip{visibility:hidden;opacity:0;position:absolute;z-index:50;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);width:max-content;max-width:24rem;transition:all .2s ease-in-out}.tooltip-container:hover .tooltip{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0)}.tooltip-container .tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border:8px solid transparent;border-top-color:#fff}