// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC Sucursal en España SL

@use "ds/_utils.scss" as *;
@use "ds/_sizes.scss" as *;
@use "ds/mixins.scss" as *;

.workspace {
  @include custom-scrollbar($include-selection: false, $include-placeholder: false);

  inline-size: 100vw;
  block-size: 100vh;
  max-block-size: 100vh;
  user-select: none;
  display: grid;
  grid-template: "left-sidebar viewport right-sidebar" 1fr / auto 1fr auto;
  overflow: hidden;
}

.workspace-loader {
  position: absolute;
  inset: 0;
  z-index: var(--z-index-loaders);
  background-color: var(--color-background-primary);
}

.workspace-content {
  background-color: var(--color-canvas);
  display: flex;
  padding: 0;
  margin: 0;
  grid-area: viewport;
}

.history-debug-overlay {
  inset-block-end: 0;
  max-block-size: $sz-500;
  inline-size: $sz-500;
  overflow-y: auto;
  position: absolute;
  z-index: var(--z-index-set);
}

.workspace-viewport {
  overflow: hidden;
  transition: none;
  display: grid;
  grid-template-rows: px2rem(20) 1fr;
  grid-template-columns: px2rem(20) 1fr;
  flex: 1;
}