.tooltip{z-index:1000;opacity:0;width:max-content;max-width:min(30ch,100dvw - 2rem);transition-property:opacity;transition-duration:.25s}.tooltip[data-status=open]{opacity:1;transition-duration:.25s}.tooltip[data-status=close]{opacity:0;transition-duration:.25s}.tooltip__content{background-color:var(--color-text-secondary);color:var(--color-surface-border);text-wrap:pretty;text-align:center;border-radius:.25rem;padding:.25em .5em;line-height:1.25}.tooltip__arrow{fill:var(--color-text-secondary)}