.sync {
  display: flex;
  gap: 120px;

  &__column {
    margin-top: 22px;

    h2 {
      color: #000;
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.48px;
    }

    &-datalist {
      margin-bottom: 20px;
    }
  }

  a {
    text-decoration: none;
  }
}

.datalist {
  display: flex;
  flex-direction: column;
  gap: 16px;

  .datalist &__row:last-child {
    margin-bottom: 20px;
  }

  &__row {
    display: flex;
    gap: 5px;

    &-title {
      color: #000;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 14px;
      letter-spacing: -0.32px;
    }

    &-value {
      color: #000;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 14px;
      letter-spacing: -0.32px;
    }
  }

  &__hint {
    color: #000;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    font-size: 16px;
    max-width: 400px;
  }
}

.datalist.danger {
  .datalist__row-title, .datalist__row-value, .datalist__hint {
    color: $color__text-warning;
  }
}
@media (max-width: 1450px) {
  .sync {
    gap: 0;
    flex-direction: column;
    margin-right: 20px;
  }
}
