@media screen and (min-width: 600px) {
  .field-multiple-table .paragraphs-subform {
    max-width: calc(100vw - 240px);
  }
}

@media screen and (min-width: 1024px) {
  .field-multiple-table .paragraphs-subform {
    max-width: calc(100vw - 660px);
  }
}

@media screen and (min-width: 1280px) {
  .field-multiple-table .paragraphs-subform {
    max-width: calc(100vw - 700px);
  }
}

[data-drupal-selector="edit-wida-node-log"] caption {
  font-size: 0.875rem;
  font-weight: 525;
  color: #222330;
  margin-top: 1.25rem;
}

[data-drupal-selector="edit-wida-node-log"] caption::after {
  content: "*";
  color: #cc3d3d;
  line-height: 1;
  vertical-align: text-top;
  background: none;
}

@media screen and (min-width: 768px) {
  #edit-field-group-edit-access,
  #edit-field-group-view-access,
  #edit-field-user-groups {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding-top: 24px;
  }

  .group-170 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  div[class^="group"] {
    background-color: #FAFAFA;
    border: 2px solid #EFEFEF;
    border-radius: 4px;
    padding: 12px;
  }

  #edit-field-group-edit-access > div[class^="group"] {
    margin-top: 0;
  }

  #edit-field-user-groups > div[class^="group"] label,
  #edit-field-group-edit-access > div[class^="group"] label,
  #edit-field-group-view-access > div[class^="group"] label {
    margin-left: 27px;
  }

  #edit-field-user-groups > div[class^="group"] input,
  #edit-field-group-edit-access > div[class^="group"] input,
  #edit-field-group-view-access > div[class^="group"] input {
    opacity: 1;
    width: 21px;
    height: 21px;
  }

  [data-drupal-selector*="subform-field-group-view-access"] {
    .fieldset__wrapper {
      [id*="subform-field-group-view-access"] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
      }

      [id*="subform-field-group-view-access"] > div[class^="group"] label {
        margin-left: 27px;
      }

      [id*="subform-field-group-view-access"] > div[class^="group"] input {
        opacity: 1 !important;
        width: 21px !important;
        height: 21px !important;
      }
    }
  }

}
