.square-loading-overlay {
  transition: all 0.25s;
  transition: left 0.25s;
  &.MuiBackdrop-root {
    transition: left 0.25s;
    top: 70px;
    left: 250px;
    background-color: rgba(0, 0, 0, 0.3);
    &.blur {
      backdrop-filter: blur(2px);
    }
    &.minimized {
      transition: left 0.25s;
      left: 60px;
    }
  }
  .MuiSkeleton-text {
    transform: none;
  }

  /* &.sidebar {
    &.MuiBackdrop-root {
      left: 250px;
    }
  } */
}

@media only screen and (max-width: 1023px) {
  .square-loading-overlay {
    &.MuiBackdrop-root {
      top: 70px;
      left: 0px;
    }

    &.MuiBackdrop-root.showSidebar {
      top: 70px;
      left: 280px;
    }
  }
}

@media only screen and (max-width: 767px) {
  .square-loading-overlay {
    &.MuiBackdrop-root {
      top: 60px;
      left: 0px;
    }

    &.showSidebar {
      &.MuiBackdrop-root {
        top: 60px;
        left: 280px;
      }
    }
  }
}