@layer workspace-navigation {
  .workspace-frame {
    position: fixed;
    inset: 0 0 0 var(--sidebar-width);
    z-index: 20;
    width: calc(100% - var(--sidebar-width));
    height: 100dvh;
    border: 0;
    background: var(--canvas);
  }

  .workspace-frame[hidden] { display: none; }

  @media (max-width: 760px) {
    .workspace-frame {
      left: 0;
      width: 100%;
    }
  }
}