.tooltip-container{display:inline-block;position:relative}.tooltip-text{align-items:center;display:inline-flex;gap:8px}.tooltip-trigger{color:#007bff;cursor:pointer;position:relative;text-decoration:underline}.tooltip-content{background-color:#333;border-radius:6px;bottom:125%;color:#fff;left:50%;max-width:300px;min-width:200px;opacity:0;padding:10px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;z-index:1}.tooltip-content:after{border:5px solid transparent;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip-trigger:focus .tooltip-content,.tooltip-trigger:hover .tooltip-content{opacity:1;visibility:visible}