//  Form Layouts
//================================================== //
.form-responsive .compound-field .checkbox-label {
  margin-top: 0 !important;
}

.column .field > .checkbox-label.top-margin,
.columns .field > .checkbox-label.top-margin {
  margin-top: 39px !important;
}

@include respond-to(phone) {
  .column .field > .checkbox-label.top-margin,
  .columns .field > .checkbox-label.top-margin {
    margin-bottom: 5px !important;
    margin-top: 0 !important;
  }

  .column .field-checkbox span.label,
  .columns .field-checkbox span.label {
    margin-top: -29px !important;
  }
}

.input-hideshow-text {
  transform: translate(calc(-100% + -8px), 8px);

  .reveal-icon {
    inset-block-start: -1px;
  }

  &.reveal-icon {
    transform: translate(calc(-100% + -8px), 10px);
  }

  &.text {
    transform: translate(calc(-100% + -8px), 8px);
  }

  &.text-icon-container {
    width: max-content;
  }
}

.form-responsive {
  .icon-dirty.dirty-checkbox.is-checked {
    top: 0;
  }
}

.form-responsive .fileupload-wrapper .container .file-row .status-icon .icon {
  top: -3px;
}

// Firefox fixes
.is-firefox {
  .form-responsive {
    .icon-dirty.dirty-checkbox.is-checked {
      top: 0 !important;

      @media (max-width: $breakpoint-phone-to-tablet) {
        top: -1px !important;
      }
    }
  }
}