// Copyright 2023 The Nomulus Authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

:host {
  font-family: Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.console-app {
  display: flex;
  flex-direction: column;
  height: 100%;
  &__container {
    flex: 1;
    margin-top: -12px;
    padding-bottom: 36px;
  }
  &__sidebar {
    min-width: 300px;
    a::before {
      background-color: transparent;
    }
    .active {
      background-color: var(--secondary);
    }
  }
  &__content-wrapper {
    margin: 12px 24px;
  }
  &__content {
    max-width: 1340px;
    margin: 0 auto;
  }
  &__global-spinner {
    margin-bottom: 2rem;
  }
}