.tooltip{display:inline-flex;position:relative}.tooltiptext{background:#383838;border-radius:6px;color:#fff;font-weight:600;max-width:min(300px,calc(100vw - 16px));opacity:0;padding:8px 10px;pointer-events:none;position:absolute;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:9999}.tooltiptext[style]{opacity:1;transform:translateY(0)}.tooltiptext .arrow{border:6px solid transparent;height:0;position:absolute;width:0}.tooltiptext[data-placement=top] .arrow{border-bottom-width:0;border-top-color:#383838;left:50%;top:100%;transform:translate(-50%)}.tooltiptext[data-placement=bottom] .arrow{border-bottom-color:#383838;border-top-width:0;bottom:100%;left:50%;transform:translate(-50%)}