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