.tooltip-container{display:inline-block;position:relative}.tooltip{word-wrap:break-word;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:320px;z-index:1000}.tooltip-container:focus .tooltip,.tooltip-container:hover .tooltip,.tooltip-container[focus-within] .tooltip{opacity:1;pointer-events:auto;visibility:visible}.tooltip-container:focus .tooltip,.tooltip-container:focus-within .tooltip,.tooltip-container:hover .tooltip{opacity:1;pointer-events:auto;visibility:visible}.tooltip-content{background-color:#101828;border-radius:8px;color:#fff;font-size:12px;line-height:18px;padding:12px}.tooltip-arrow{height:0;position:absolute;width:0}.tooltip-top{bottom:100%;margin-bottom:8px;right:-85%}.tooltip-top .tooltip-arrow{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #101828;right:32px}.tooltip-bottom,.tooltip-top .tooltip-arrow{top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-bottom{left:50%;margin-top:8px}.tooltip-bottom .tooltip-arrow{border-bottom:6px solid #101828;border-left:6px solid transparent;border-right:6px solid transparent;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-left{margin-right:8px;right:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip-left .tooltip-arrow{border-bottom:6px solid transparent;border-left:6px solid #101828;border-top:6px solid transparent}.tooltip-left .tooltip-arrow,.tooltip-right{left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip-right{margin-left:8px}.tooltip-right .tooltip-arrow{border-bottom:6px solid transparent;border-right:6px solid #101828;border-top:6px solid transparent;right:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}