.tooltip-wrapper{position:relative;display:block}.tooltip-box{position:absolute;z-index:100;width:max-content;max-width:350px;white-space:normal;text-align:center;border-radius:var(--border);background-color:var(--accent-sm);animation:fadeIn .2s ease-in-out}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%) translateY(-10px)}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%) translateY(10px)}.tooltip-left{top:50%;right:100%;transform:translateY(-50%) translate(-10px)}.tooltip-right{top:50%;left:100%;transform:translateY(-50%) translate(10px)}