.tooltip-container{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;width:max-content}.tooltip-container .tooltip{visibility:hidden;background-color:#16181d;border-radius:8px;max-width:204px;width:max-content;padding:8px;position:absolute;z-index:1;opacity:0;transition:opacity .3s;color:#fff;font-family:"Source Sans 3",sans-serif;font-size:14px;text-align:center}.tooltip-container .tooltip:after{content:"";position:absolute;border-width:5px;border-style:solid}.tooltip-container:hover .tooltip,.tooltip-container:focus-within .tooltip,.tooltip-container.tooltip-open .tooltip{visibility:visible;opacity:1}.tooltip-container.tooltip-top .tooltip{bottom:125%}.tooltip-container.tooltip-top .tooltip:after{top:100%;left:50%;margin-left:-5px;border-color:#16181d transparent transparent transparent}.tooltip-container.tooltip-bottom .tooltip{top:125%}.tooltip-container.tooltip-bottom .tooltip:after{bottom:100%;left:50%;margin-left:-5px;border-color:transparent transparent #16181d transparent}.tooltip-container.tooltip-left .tooltip{right:125%}.tooltip-container.tooltip-left .tooltip:after{top:50%;left:100%;margin-top:-5px;border-color:transparent transparent transparent #16181d}.tooltip-container.tooltip-right .tooltip{left:125%}.tooltip-container.tooltip-right .tooltip:after{top:50%;right:100%;margin-top:-5px;border-color:transparent #16181d transparent transparent}