.tooltip{align-items:center;display:flex;flex-direction:column;position:relative}.tooltip:hover .tooltip__content{opacity:1;pointer-events:inherit}.tooltip__content{background:rgba(0,0,0,.8);border-radius:.375rem;color:#fff;font-size:.75rem;margin-block:10px;max-width:300px;opacity:0;padding:8px 15px;pointer-events:none;position:absolute;top:100%;width:-moz-max-content;width:max-content;z-index:999}.tooltip__content:after{border:5px solid transparent;border-bottom-color:rgba(0,0,0,.8);bottom:100%;content:"";left:50%;margin-left:-5px;position:absolute}.tooltip__content.-right{left:100%;margin-block:0;margin-inline:10px;top:50%;transform:translateY(-50%)}.tooltip__content.-right:after{border-color:transparent rgba(0,0,0,.8) transparent transparent;border-width:5px;bottom:auto;left:-10px;margin-left:0;top:50%;transform:translateY(-50%)}.tooltip__content.-left{margin-block:0;margin-inline:10px;right:100%;top:50%;transform:translateY(-50%)}.tooltip__content.-left:after{border-color:transparent transparent transparent rgba(0,0,0,.8);border-width:5px;bottom:auto;margin-left:0;right:-10px;top:50%;transform:translateY(-50%)}