$folder-icon-color: #d9e021;

.app-folder-info {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--theme-border-color);
  border-radius: 12px;

  .aca-folder-info {
    &-header {
      display: flex;
      flex-direction: row;
      align-items: center;
      column-gap: 10px;
      padding: 20px;

      .aca-folder-icon {
        display: flex;
        flex-direction: column;
        vertical-align: middle;
        color: $folder-icon-color;
      }

      .aca-folder-title {
        flex: 1;
        font-weight: bold;
      }
    }

    &-body {
      display: flex;
      flex-direction: column;
      flex: 1;
      padding: 10px 20px;

      .aca-folder-info-item {
        display: flex;
        flex-direction: row;
        padding: 20px 0;

        &-label {
          width: 30%;
          color: var(--theme-text-color);
        }

        &-value {
          width: 70%;
        }
      }
    }
  }
}
