@import '../../../../scss/styles.scss';

.field-type.blocks {
  margin: base(2) 0;
  min-width: base(15);

  &__header {
    h3 {
      margin-bottom: 0;
    }

    margin-bottom: base(1);
  }

  &__error-wrap {
    position: relative;
  }

  &__add-button-wrap {

    .btn {
      color: $color-gray;
      margin: 0;

      &:hover {
        color: $color-dark-gray;
      }
    }
  }

  .section .section {
    margin-top: 0;
  }

  .section__content {
    > div > div {
      width: 100%;
    }
  }

  @include mid-break {
    min-width: calc(100vw - #{base(2)});
  }
}

.field-type.group,
.field-type.array,
.field-type.blocks {
  .field-type.blocks {
    .field-type.blocks__add-button-wrap {
      margin-left: base(3);
    }
  }
}
