.tt{position:relative;display:inline-flex;vertical-align:middle;--tt-bg-start-cur: var(--tt-bg-start);--tt-bg-end-cur: var(--tt-bg-end);--tt-border-cur: var(--tt-border);--tt-shadow-cur: var(--tt-shadow);--tt-title-cur: var(--tt-title);--tt-text-cur: var(--tt-text)}body.dark-theme .tt{--tt-bg-start-cur: var(--tt-bg-start-dark);--tt-bg-end-cur: var(--tt-bg-end-dark);--tt-border-cur: var(--tt-border-dark);--tt-shadow-cur: var(--tt-shadow-dark);--tt-title-cur: var(--tt-title-dark);--tt-text-cur: var(--tt-text-dark)}.tt-panel{position:absolute;min-width:0;width:max-content;max-width:90vw;white-space:nowrap;z-index:50;padding:12px;border-radius:14px;background:linear-gradient(145deg,var(--tt-bg-start-cur),var(--tt-bg-end-cur));border:1px solid var(--tt-border-cur);box-shadow:var(--tt-shadow-cur);color:var(--tt-text-cur);animation:tt-fade .18s ease-out;will-change:opacity}.tt-panel.top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tt-panel.bottom{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.tt-panel.left{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.tt-panel.right{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.tt-head{font-weight:600;color:var(--tt-title-cur);margin-bottom:6px;font-size:.9rem}.tt-body{font-size:.85rem;color:var(--tt-text-cur)}.tt-arrow{position:absolute;width:10px;height:10px;background:linear-gradient(145deg,var(--tt-bg-start-cur),var(--tt-bg-end-cur));border-right:1px solid var(--tt-border-cur);border-bottom:1px solid var(--tt-border-cur);transform:rotate(45deg)}.tt-arrow.top{top:100%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.tt-arrow.bottom{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.tt-arrow.left{left:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.tt-arrow.right{right:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}@keyframes tt-fade{0%{opacity:0}to{opacity:1}}.tooltip-info-icon{fill:#0059b3}