// Copyright 2022 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.
@use "@angular/material" as mat;
@import "app/registrar/registrarSelector.component.scss";

html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.text-center {
  text-align: center;
}

.console-app {
  &__widget {
    display: flex;
    gap: 10px;
    > a {
      text-decoration: none;
      color: initial;
    }
    > a[href=""] {
      cursor: not-allowed;
    }
    &-wrapper__wide {
      grid-column: span 2;
    }
    &-link {
      padding: 0 !important;
      text-align: left;
      min-width: auto !important;
      height: min-content !important;
    }
    &-section-header {
      font-weight: 500;
      color: var(--primary) !important;
    }
    &-title {
      color: var(--primary) !important;
      text-align: center;
    }
    &-icon {
      color: var(--text);
      font-size: 5rem;
      line-height: 5rem;
      height: 5rem !important;
      width: 5rem !important;
    }
    &_left {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    &_right {
      flex: 1;
      border-left: 1px solid var(--secondary);
      padding-left: 20px;
      .secondary-text {
        margin-bottom: 0.3rem;
        font-size: 0.8rem;
      }
    }
  }
}