.tooltip-container{display:inline-block;position:absolute}.tooltip-bubble{position:absolute;z-index:10;width:max-content;background-color:#333;color:#fff;padding:8px;border-radius:4px;font-size:14px;visibility:visible;opacity:1;transition:opacity .3s ease-in-out}.tooltip-top{bottom:100%;margin-bottom:20px}.tooltip-bottom,.tooltip-top{left:50%;transform:translateX(-50%)}.tooltip-bottom{top:100%;margin-top:0}.tooltip-left{right:100%;margin-right:8px}.tooltip-left,.tooltip-right{top:50%;transform:translateY(-50%)}.tooltip-right{left:100%;margin-left:8px}.tooltip-message{white-space:nowrap}