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

@use '../mixins';
@use '../variables';

.module-SafetyNumberOnboarding {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  h2 {
    margin-block: 0 12px;
  }

  p {
    margin-block: 0 25px;
    text-align: start;

    @include mixins.font-body-2;
    @include mixins.light-theme {
      color: variables.$color-gray-60;
    }

    @include mixins.dark-theme {
      color: variables.$color-gray-25;
    }
  }

  svg {
    margin-block: 0 21px;
    border-radius: 12px;
    @include mixins.light-theme {
      border: 1.5px solid variables.$color-black-alpha-12;
    }
    @include mixins.dark-theme {
      border: 1.5px solid variables.$color-gray-60;
    }
    & {
      background: variables.$color-white;
    }
  }

  &__help {
    a {
      @include mixins.font-body-1-bold;
      text-decoration: none;
    }
    margin-block: 0 24px;
  }

  &__close {
    width: 296px;
    margin-bottom: 16px;
  }
}