.tooltip-wrapper{display:block;position:relative}.tooltip-box{z-index:100;white-space:normal;text-align:center;border-radius:var(--border);background-color:var(--accent-sm);width:max-content;max-width:350px;animation:.2s ease-in-out fadeIn;position:absolute}.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)}