.field--widget-paragraphs {
  td.field-multiple-drag {
    width: 5%;
    min-width: 50px;
  }

  .paragraph-top {
    margin-bottom: .25em;
    background-color: #dfdfdf;
    padding: .2em .2em .2em .5em;

    .paragraph-type-label {
      font-weight: bold;
    }
  }

  div[class*='paragraph--type'].paragraph--view-mode--preview {
    border: 1px solid #dedede;
    padding: .5em;
    background-color: #fff7f0; //lighten($color-section-layout, 10%);
  }

  div[class*='paragraph--type--layout'].paragraph--view-mode--preview {
    background-color: $color-section-layout;
    padding: .5em;

    div[class*='field--name-field-par-layout-region'] {
      background-color: lighten($color-section-layout, 20%);
      padding: .5em;

      .field__item {
        margin-bottom: .5em;
        padding: .25em;
        background-color: #00000015;
      }
    }
  }

  .paragraph.paragraph--type--layout-two-column.paragraph--view-mode--preview {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
  }
  .field.field--name-field-list-two-column-width {
    grid-column: 1/-1;
  }

  .paragraph.paragraph--type--layout-three-column.paragraph--view-mode--preview {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
  }
  .field.field--name-field-list-three-column-width {
    grid-column: 1/-1;
  }

  .paragraph.paragraph--type--layout-four-column.paragraph--view-mode--preview {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 5px;
  }
  .field.field--name-field-list-four-column-width {
    grid-column: 1/-1;
  }

}

.field--name-field-par-section-m {
  div#field-par-section-m-add-more-wrapper {
    position: relative;

    input.field-dragdrop-mode-submit {
      &[value*='Complete'] {
        position: absolute;
        right: 0;
        top: -12px;
        z-index: 500;
      }
    }
  }
}
