.uiHintAnchor{position:relative;display:inline-flex;align-items:center}.uiHint{left:calc(100% + var(--spacing-3));z-index:5;display:flex;align-items:flex-start;gap:var(--spacing-2);width:max-content;max-width:20rem;transform:translateY(-50%);padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text-primary);font-size:.8rem;line-height:1.3}.uiHint,.uiHint:before{position:absolute;top:50%;background-color:var(--color-white)}.uiHint:before{content:"";left:calc(var(--spacing-1) * -1 - 1px);width:var(--spacing-2);height:var(--spacing-2);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);transform:translateY(-50%) rotate(45deg)}.uiHintText{padding-top:2px}.uiHintClose{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;background:none;color:var(--color-text-light);font-size:18px;line-height:1;cursor:pointer}.uiHintClose:hover{color:var(--color-text-primary)}@media (max-width:700px){.uiHintAnchor{position:static}.uiHint{top:calc(100% + var(--spacing-1));right:0;left:0;width:auto;max-width:none;transform:none}.uiHint:before{display:none}}