.tooltip{border-radius:6px;color:#fff;font:inherit;position:relative}.tooltip:hover{color:#34d399;cursor:pointer}.tooltip:after{background:#141414f2;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);display:flex;font-size:13px;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translate(-50%) translateY(-8px);transition:opacity .15s ease,transform .15s ease;width:244px;z-index:20}.tooltip:focus:after,.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-12px)}