.opal-tooltip{z-index:var(--z-tooltip,1300);border-radius:var(--border-radius-08);background-color:var(--background-neutral-dark-03);max-width:20rem;color:var(--text-light-05);--tw-enter-opacity:0;--tw-enter-scale:.95;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;animation-name:enter;animation-duration:.15s}.opal-tooltip[data-state=closed]{--tw-exit-opacity:0;--tw-exit-scale:.95;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.opal-tooltip[data-side=bottom]{--tw-enter-translate-y:-.5rem}.opal-tooltip[data-side=left]{--tw-enter-translate-x:.5rem}.opal-tooltip[data-side=right]{--tw-enter-translate-x:-.5rem}.opal-tooltip[data-side=top]{--tw-enter-translate-y:.5rem}