| [data-component="tooltip-trigger"] { |
| display: flex; |
| } |
|
|
| [data-slot="tooltip-keybind"] { |
| display: flex; |
| align-items: center; |
| gap: 12px; |
| } |
|
|
| [data-slot="tooltip-keybind-key"] { |
| color: var(--text-invert-base); |
| font-size: var(--font-size-small); |
| font-weight: var(--font-weight-medium); |
| line-height: var(--line-height-large); |
| } |
|
|
| [data-component="tooltip"] { |
| z-index: 1000; |
| max-width: 320px; |
| border-radius: var(--radius-sm); |
| background-color: var(--surface-float-base); |
| color: var(--text-invert-strong); |
| background: var(--surface-float-base); |
| padding: 2px 8px; |
| border: 1px solid var(--border-weak-base, rgba(0, 0, 0, 0.07)); |
|
|
| box-shadow: var(--shadow-md); |
| pointer-events: none !important; |
| |
| |
| |
|
|
| |
| font-family: var(--font-family-sans); |
| font-size: var(--font-size-small); |
| font-style: normal; |
| font-weight: var(--font-weight-medium); |
| line-height: var(--line-height-large); |
| letter-spacing: var(--letter-spacing-normal); |
|
|
| &[data-expanded] { |
| opacity: 1; |
| |
| } |
|
|
| &[data-closed]:not([data-force-open="true"]) { |
| opacity: 0; |
| } |
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| } |
|
|
