.author-badge-container {
  display: inline-block;
}

.author-badge-container .author-badge-header {
  display: inline-block;
}

.author-badge-container .authored-date {
  padding: 0px 4px;
  margin: 0px 6px 0px 4px;
  display: inline-block;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-weight: normal;
  vertical-align: middle;
}

.author-badge-container .avatar-badge {
  max-width: 250px;
  padding: 4px;
  margin-left: 1px;
}

.vss-focus-visible .author-badge-container .avatar-badge:focus {
  outline: 1px solid rgba( 0, 0, 0 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .vss-focus-visible .author-badge-container .avatar-badge:focus {
    outline: 1px dashed windowtext !important;
  }
}

.author-badge-container .avatar-badge .author {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-weight: 600;
}