@import '~scss/variables';

.toolbar {
  display: flex;
  height: 52px;
  padding: 10px 12px;
  background-color: $card-bg-color;
}

.right {
  flex: 1;
  margin: 0 12px;
  text-align: right;
}

.content {
  position: relative;
  height: calc(100vh - 380px);
  min-height: 500px;
  & > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/assets/pipelineBg.svg');
    background-color: $bg-color;
    background-repeat: repeat;
    cursor: grab;
    touch-action: none;
  }
}

.loading {
  position: absolute;
  left: 4px;
  bottom: 4px;
}

.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  padding: 0;

  .content {
    height: calc(100vh - 52px);
  }
}
