.ClusterSettings {
  $spacing: $padding * 3;

  > .content-wrapper {
    --flex-gap: #{$spacing};
  }

  // TODO: move sub-component styles to separate files
  .admin-note {
    font-size: small;
    opacity: 0.5;
    margin-left: $margin;
  }

  .button-area {
    margin-top: $margin * 2;
  }

  .file-loader {
    margin-top: $margin * 2;
  }

  .status-table {
    margin: $spacing 0;

    .Table {
      border: 1px solid var(--drawerSubtitleBackground);
      border-radius: $radius;

      .TableRow {
        &:not(:last-of-type) {
          border-bottom: 1px solid var(--drawerSubtitleBackground);
        }

        .value {
          flex-grow: 2;
          word-break: break-word;
          color: var(--textColorSecondary);
        }

        .link {
          @include pseudo-link;
        }
      }
    }
  }

  .Input, .Select {
    margin-top: $padding;
  }
}