body #root {
  --oai--container-position: absolute;
  --oai--container-width: 584px;
  --oai--container-top: var(--px-56, 56px);
  --oai--container-height: calc(100% - var(--oai--container-top, 56px));
  --oai--container-right: 0;
  --oai--container-bottom: auto;
  --oai--container-left: auto;
}

._mcw{
  position: relative;
  display: block;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: white;
}

._mcw-s {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: inherit;
}

._mcw-s::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 17.85714286rem; /* 250px */
  height: 100%;
  background: #f9f9fe;
}

._mcw-s::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--px-56, 56px);
  background: #f9f9fe;
}

._mcw-b {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent url(/static/orchestrator/canvas-bg-light.png) no-repeat 0 0/1920px 1080px;
}

._mcw-b::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3.928571429rem; /* 55px */
  border-bottom: var(--px-1, 1px) solid var(--neutrals-100, #E6E6E9);
}

[motif-theme=dark] ._mcw-b {
  background-image: url(/static/orchestrator/canvas-bg-dark.png);
}

[motif-theme=dark] ._mcw,
[motif-theme=dark] ._mcw-s::before,
[motif-theme=dark] ._mcw-s::after {
  background: #23232f;
}

._mcw-s,
._mcw-b {
  pointer-events: none;
}

@media (max-width: 720px), (max-device-width: 480px) and (orientation:landscape) {
  ._mcw {
    position: static;
    width: auto;
    height: auto;
  }

  ._mcw-s,
  ._mcw-b {
    display: none;
    background: none;
  }
}