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

@import "refactor/common-refactor.scss";

.settings-bar-right {
  min-width: $s-252;
  width: 100%;
  height: 100%;
  position: relative;
  left: unset;
  right: unset;
  grid-area: right-sidebar;
  .tool-windows {
    height: 100%;
    display: flex;
    flex-direction: column;
    .shape-row {
      display: flex;
      gap: $s-8;
      align-items: center;
      margin-bottom: $s-16;
      .layers-icon,
      .shape-icon {
        @include flexCenter;
        svg {
          @extend .button-icon-small;
          stroke: var(--icon-foreground);
        }
      }
      .layer-title {
        @include titleTipography;
      }
    }
  }
  .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: $s-40;
    padding-top: $s-24;
    .code-info,
    .help-info {
      @include flexColumn;
      align-items: center;
      justify-content: flex-start;
      gap: $s-8;
      .placeholder-icon {
        @extend .empty-icon;
      }
      .placeholder-label {
        @include titleTipography;
        text-align: center;
        width: $s-200;
      }
    }
    .more-info-btn {
      @extend .button-secondary;
      @include tabTitleTipography;
      height: $s-32;
      padding: $s-8 $s-24;
    }
  }

  .inspect-content {
    flex: 1;
    overflow: hidden;
  }
}
