.nd-user-dropdown {
  cursor: pointer;
  background: transparent;

  .nd-list-item {
    background: $white;
  }
}

.nd-user-dropdown-container {
  display: flex;
  align-items: center;
  align-self: center;
}

.nd-user-dropdown__username {
  @include rem(10);
  font-weight: 700;
  color: $white;
  padding-right: $default-spacing;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  letter-spacing: 1px;
  user-select: none;

  i {
    @include rem(6);
    margin-right: $default-spacing * 0.5;
  }
}

.nd-user-dropdown__image {
  width: 35px;
  height: 35px;

  picture,
  img {
    width: 100%;
    height: 100%;
  }

  img {
    border: 2px solid $white;
    border-radius: 100px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
}