.tooltip{background:#fff;border-radius:3px;display:flex;flex-direction:column;box-shadow:0 0 5px 0 rgba(0,0,0,.25);border-radius:8px;max-width:300px;width:-moz-max-content;width:max-content;white-space:normal;word-break:break-word;height:-moz-max-content;height:max-content;overflow-wrap:anywhere}.tooltip:after{top:100%;height:0;width:0;pointer-events:none;border:9px solid hsla(0,0%,100%,0);border-top-color:#fff;transform:translateX(-50%);z-index:0}.tooltip:after,.tooltip:before{content:"";position:absolute;left:var(--tip-arrow-x,50%)}.tooltip:before{transform:translateX(-50%) rotate(45deg);width:12px;height:12px;bottom:-6px;z-index:-1;box-shadow:3px 3px 5px 0 rgba(0,0,0,.15)}