.tooltip-container{position:relative;display:inline-block}.tooltip-content{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:.85rem;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.tooltip-container:focus-within .tooltip-content,.tooltip-container:hover .tooltip-content{opacity:1;visibility:visible}