@import "./../shared/ui-components/styles/variables";
@import "./../layout/layout.scss";

:host {
  .experiment-body {
    width: 100%;
    height: calc(100% - #{$project-header-height});
    &.footer-visible {
      height: calc(100% - #{$project-header-height + $project-footer-height});
    }
  }

  ::ng-deep sm-overlay .overlay {
    background-color: rgba(0, 0, 0, 0.2);
  }

  .info-disabled {
    pointer-events: none;
  }

  .experiment-info-container {
    transition: 0.3s;
    &.hide-experiment-info {
      width: 0 !important;
      max-width: 0 !important;
    }
  }
}
