.hb-tip{position:relative}.hb-tip[data-tip]:hover:after{content:attr(data-tip);z-index:10;color:#fff;letter-spacing:normal;text-transform:none;white-space:normal;pointer-events:none;background:#2b2b2b;border-radius:6px;width:max-content;max-width:260px;padding:8px 12px;font-size:13px;font-weight:400;line-height:18px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 12px #1a232c33}.hb-tip[data-tip]:hover:before{content:"";z-index:10;pointer-events:none;border:6px solid #0000;border-top-color:#2b2b2b;position:absolute;bottom:calc(100% + 2px);left:16px}.hb-tip--right[data-tip]:hover:after{left:auto;right:0}.hb-tip--right[data-tip]:hover:before{left:auto;right:16px}.hb-tip--pre[data-tip]:hover:after{white-space:pre-line}