.tooltip-container{display:inline-block;position:relative}.tooltip-box{word-wrap:break-word;opacity:0;visibility:hidden;z-index:1001;pointer-events:none;border-radius:6px;max-width:220px;padding:.5rem .75rem;font-size:.8125rem;transition:opacity .15s;position:fixed;box-shadow:0 4px 12px #00000026}.tooltip-box--dark{background-color:hsl(var(--tooltip-dark-bg));color:hsl(var(--tooltip-dark-fg))}.tooltip-box--light{background-color:hsl(var(--card));color:hsl(var(--foreground));box-shadow:0 4px 12px #0000001f}.tooltip-box:after{content:"";pointer-events:none;z-index:1000;border:6px solid #0000;position:absolute}.tooltip-box.tooltip-visible,.tooltip-box.tooltip-visible:after{opacity:1;visibility:visible}.tooltip-box--dark[data-position=top]:after{border-top-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=top]:after{border-top-color:hsl(var(--card))}.tooltip-box[data-position=top]:after{top:100%;left:50%;transform:translate(-50%)}.tooltip-box--dark[data-position=bottom]:after{border-bottom-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=bottom]:after{border-bottom-color:hsl(var(--card))}.tooltip-box[data-position=bottom]:after{bottom:100%;left:50%;transform:translate(-50%)}.tooltip-box--dark[data-position=left]:after{border-left-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=left]:after{border-left-color:hsl(var(--card))}.tooltip-box[data-position=left]:after{top:50%;left:100%;transform:translateY(-50%)}.tooltip-box--dark[data-position=right]:after{border-right-color:hsl(var(--tooltip-dark-bg))}.tooltip-box--light[data-position=right]:after{border-right-color:hsl(var(--card))}.tooltip-box[data-position=right]:after{top:50%;right:100%;transform:translateY(-50%)}