.tooltip-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:999;opacity:0;pointer-events:none}.tooltip-bg.show{opacity:1}.tooltip-container{position:absolute;background-color:#000;color:#fff;padding:8px 12px;border-radius:4px;font-size:11px;font-family:familyRegular;line-height:18px;z-index:1000;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out}.tooltip-container.show{opacity:1}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tooltip-container.tooltip-position-top{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}.tooltip-container.tooltip-position-bottom{top:calc(100% + 8px);left:50%;transform:translateX(-50%)}.tooltip-container.tooltip-position-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-container.tooltip-position-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-container.arrow-center .tooltip-arrow{left:50%;transform:translateX(-50%)}.tooltip-container.tooltip-position-top.arrow-center .tooltip-arrow{top:100%;border-width:6px 6px 0 6px;border-color:#000 transparent transparent transparent}.tooltip-container.tooltip-position-bottom.arrow-center .tooltip-arrow{bottom:100%;border-width:0 6px 6px 6px;border-color:transparent transparent #000 transparent}.tooltip-container.tooltip-position-left.arrow-center .tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent #000}.tooltip-container.tooltip-position-right.arrow-center .tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent #000 transparent transparent}.tooltip-container.arrow-left .tooltip-arrow{left:12px;transform:none}.tooltip-container.tooltip-position-bottom.arrow-left .tooltip-arrow,.tooltip-container.tooltip-position-top.arrow-left .tooltip-arrow{left:12px}.tooltip-container.tooltip-position-top.arrow-left .tooltip-arrow{top:100%;border-width:6px 6px 0 6px;border-color:#000 transparent transparent transparent}.tooltip-container.tooltip-position-bottom.arrow-left .tooltip-arrow{bottom:100%;border-width:0 6px 6px 6px;border-color:transparent transparent #000 transparent}.tooltip-container.arrow-right .tooltip-arrow{right:12px;left:auto;transform:none}.tooltip-container.tooltip-position-bottom.arrow-right .tooltip-arrow,.tooltip-container.tooltip-position-top.arrow-right .tooltip-arrow{right:12px;left:auto}.tooltip-container.tooltip-position-top.arrow-right .tooltip-arrow{top:100%;border-width:6px 6px 0 6px;border-color:#000 transparent transparent transparent}.tooltip-container.tooltip-position-bottom.arrow-right .tooltip-arrow{bottom:100%;border-width:0 6px 6px 6px;border-color:transparent transparent #000 transparent}.tooltip-container.arrow-top .tooltip-arrow{top:12px;transform:none}.tooltip-container.tooltip-position-left.arrow-top .tooltip-arrow,.tooltip-container.tooltip-position-right.arrow-top .tooltip-arrow{top:12px}.tooltip-container.tooltip-position-left.arrow-top .tooltip-arrow{left:100%;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #000}.tooltip-container.tooltip-position-right.arrow-top .tooltip-arrow{right:100%;border-width:6px 6px 6px 0;border-color:transparent #000 transparent transparent}.tooltip-container.arrow-bottom .tooltip-arrow{bottom:12px;top:auto;transform:none}.tooltip-container.tooltip-position-left.arrow-bottom .tooltip-arrow,.tooltip-container.tooltip-position-right.arrow-bottom .tooltip-arrow{bottom:12px;top:auto}.tooltip-container.tooltip-position-left.arrow-bottom .tooltip-arrow{left:100%;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #000}.tooltip-container.tooltip-position-right.arrow-bottom .tooltip-arrow{right:100%;border-width:6px 6px 6px 0;border-color:transparent #000 transparent transparent}.tooltip-container.arrow-top-left .tooltip-arrow{top:12px;left:12px;transform:none}.tooltip-container.arrow-top-right .tooltip-arrow{top:12px;right:12px;left:auto;transform:none}.tooltip-container.arrow-bottom-left .tooltip-arrow{bottom:12px;left:12px;top:auto;transform:none}.tooltip-container.arrow-bottom-right .tooltip-arrow{bottom:12px;right:12px;left:auto;top:auto;transform:none}.tooltip-container.multiline{white-space:normal;max-width:200px}.tooltip-trigger:focus .tooltip-container,.tooltip-trigger:hover .tooltip-container{opacity:1}