@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    visibility: collapse;
    opacity: 0;
    max-height: 0;
  }
}

.back-office {

  .is-mercury-edit-mode .lpb-controls {
    left: 15px;
  }
  .is-mercury-edit-mode .lpb-controls.is-layout {
    right: 15px;
    left: unset;
  }
  .main.layout-container {
    .header {
      /* display:none; */
      animation: 0.5s fadeOut;
      animation-fill-mode: forwards;
    }
    .main__content {
      padding-top: 30px;
      padding-bottom: 72px;

      .js-lpb-region {
        border: 1px dashed black;
      }

      .breadcrumb {
        display: none;
      }
    }
    .main__footer {
      /* display: none; */
      animation: 0.5s fadeOut;
      animation-fill-mode: forwards;
    }
  }
}