.hb-tip{position:relative}.hb-tip[data-tip]:hover:after{content:attr(data-tip);bottom:calc(100% + 8px);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;inset-inline-start:0;box-shadow:0 4px 12px #1a232c33}.hb-tip[data-tip]:hover:before{content:"";bottom:calc(100% + 2px);z-index:10;pointer-events:none;border:6px solid #0000;border-top-color:#2b2b2b;position:absolute;inset-inline-start:16px}.hb-tip--right[data-tip]:hover:after{inset-inline:auto 0}.hb-tip--right[data-tip]:hover:before{inset-inline:auto 16px}.hb-tip--pre[data-tip]:hover:after{white-space:pre-line}