// Copyright 2023 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

@import '../colors.scss';
@import '../mixins.scss';
@import '../fonts.scss';

.base {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;

  @include light-theme() {
    color: $color-gray-60;
  }

  @include dark-theme() {
    color: $color-gray-45;
  }
}

.text {
  margin-block: 16px 0;
  margin-inline: 0;
  font-family: $inter;
  font-size: 14px;
  font-weight: normal;

  @include light-theme() {
    color: $color-gray-60;
  }

  @include dark-theme() {
    color: $color-gray-45;
  }
}

.standalone {
  composes: base;
  border-radius: 12px;
  border: 0;

  @include light-theme() {
    background: $color-gray-02;
    color: $color-gray-60;
  }

  @include dark-theme() {
    background: $color-gray-80;
    color: $color-gray-25;
  }
}

.active {
  composes: standalone;

  @include light-theme() {
    border-color: $color-ultramarine;
    outline: 3px solid $color-ultramarine;
  }

  @include dark-theme() {
    border-color: $color-ultramarine-light;
    outline: 3px solid $color-ultramarine-light;
  }
}
