.tooltip-container{display:inline-block;position:relative;width:-moz-fit-content;width:fit-content}.tooltip-box{position:absolute;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-main);font-family:var(--font-primary);font-size:11px;letter-spacing:var(--letter-spacing-ui);white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.6);animation:tooltip-fade .3s cubic-bezier(.16,1,.3,1)}.tooltip-box .tooltip-content{display:flex;gap:8px;align-items:center}.tooltip-box.bottom,.tooltip-box.top{left:50%;transform:translateX(-50%)}.tooltip-box.bottom.align-start,.tooltip-box.top.align-start{left:0;transform:none}.tooltip-box.bottom.align-end,.tooltip-box.top.align-end{left:auto;right:0;transform:none}.tooltip-box.top{bottom:calc(100% + 12px)}.tooltip-box.bottom{top:calc(100% + 12px)}.tooltip-box.left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-box.right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:8px;height:8px;background:var(--color-surface);border:1px solid var(--color-border);transform:rotate(45deg);z-index:-1}.top .tooltip-arrow{bottom:-5px;left:calc(50% - 4px);border-top:none;border-left:none}.top.align-start .tooltip-arrow{left:calc(var(--tooltip-trigger-half, 14px) - 4px)}.top.align-end .tooltip-arrow{left:auto;right:calc(var(--tooltip-trigger-half, 14px) - 4px)}.bottom .tooltip-arrow{top:-5px;left:calc(50% - 4px);border-bottom:none;border-right:none}.bottom.align-start .tooltip-arrow{left:calc(var(--tooltip-trigger-half, 14px) - 4px)}.bottom.align-end .tooltip-arrow{left:auto;right:calc(var(--tooltip-trigger-half, 14px) - 4px)}.left .tooltip-arrow{right:-5px;top:calc(50% - 4px);border-bottom:none;border-left:none}.right .tooltip-arrow{left:-5px;top:calc(50% - 4px);border-top:none;border-right:none}@keyframes tooltip-fade{0%{opacity:0}to{opacity:1}}