.ServiceAccountsSecret {
  margin-bottom: $margin * 3;

  &:nth-child(even) {
    margin-left: -$margin * 3;
    margin-right: -$margin * 3;
    padding: $padding $padding * 3;
  }

  .secret-row {
    display: flex;
    border-bottom: 1px solid $borderFaintColor;
    padding: $padding 0;

    &:first-child {
      padding-top: 0
    }
  }

  .name {
    flex-basis: 23%;
    color: $drawerItemNameColor;
  }

  .value {
    flex-basis: 76%;
    color: $drawerItemValueColor;
    word-break: break-all;

    &:empty:after {
      content: '—'
    }
  }

  .asterisks {
    font-size: large;
    margin-right: $margin / 2;
    line-height: 90%;
  }
}