.tooltip-container{position:relative;display:inline-block}.tooltip-box{position:fixed;padding:.5rem .75rem;border-radius:6px;font-size:.8125rem;max-width:220px;word-wrap:break-word;opacity:0;visibility:hidden;transition:opacity .15s ease;z-index:1001;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.15)}.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 rgba(0,0,0,.12)}.tooltip-box:after{content:"";position:absolute;border:6px solid transparent;pointer-events:none;z-index:1000}.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:translateX(-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:translateX(-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{left:100%;top:50%;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{right:100%;top:50%;transform:translateY(-50%)}