// 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

@use "common/refactor/common-refactor.scss" as *;

$width-settings-bar: $s-276;
$width-settings-bar-max: $s-500;

.inspect-svg-wrapper {
  @include flexCenter;
  position: relative;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.inspect-svg-container {
  display: grid;
  align-items: center;
  justify-content: safe center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
}

.sidebar-container {
  position: relative;
  align-self: flex-start;
  width: $width-settings-bar;

  background-color: var(--panel-background-color);
  border-top: $s-1 solid var(--search-bar-input-border-color);
}

.not-expand {
  max-width: $width-settings-bar;
}

.expanded {
  width: var(--width, $width-settings-bar);
}

.resize-area {
  position: absolute;
  left: 0;
  width: $s-8;
  height: 100%;
  z-index: $z-index-10;
  cursor: ew-resize;
}
