@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
@layer cinder.components {
  .cinder-shortcut-hint {
    display: inline-flex;
    align-items: center;
    gap: var(--cinder-space-1);
  }

  .cinder-shortcut-hint__label {
    color: var(--cinder-text-default);
  }

  .cinder-shortcut-hint__keys {
    display: inline-flex;
    align-items: center;
    gap: var(--cinder-space-1);
    flex-shrink: 0;
  }

  .cinder-shortcut-hint__separator {
    font-size: var(--cinder-text-xs);
    color: var(--cinder-text-muted);
    line-height: 1;
    user-select: none;
  }
}