.tooltip-container{position:relative;display:inline-block}.tooltip{font-size:12px;position:absolute;padding:8px;background-color:var(--color-gray);border-radius:4px;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;z-index:1000;visibility:hidden;box-shadow:var(--shadow-medium)}.tooltip.active{opacity:1;visibility:visible}.tooltip.no-wrap{white-space:nowrap}.tooltip.top{bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px)}.tooltip.top.active{transform:translateX(-50%) translateY(-16px)}.tooltip.bottom{top:100%;left:50%;transform:translateX(-50%) translateY(12px)}.tooltip.bottom.active{transform:translateX(-50%) translateY(16px)}.tooltip.left{top:50%;right:100%;transform:translateY(-50%) translateX(8px)}.tooltip.left.active,.tooltip.right{transform:translateY(-50%) translateX(4px)}.tooltip.right{top:50%;left:100%}.tooltip.right.active{transform:translateY(-50%) translateX(8px)}.tooltip.bottom.no-wrap,.tooltip.left.no-wrap,.tooltip.right.no-wrap,.tooltip.top.no-wrap{white-space:nowrap}