Backup import cancel UI

stylesheets/components/InstallScreenBackupImportStep.scss

@@ -0,0 +1,68 @@
+// Copyright 2024 Signal Messenger, LLC
+// SPDX-License-Identifier: AGPL-3.0-only
+
+.InstallScreenBackupImportStep {
+  position: relative;
+  display: flex;
+
+  width: 100vw;
+  height: 100vh;
+
+  justify-content: center;
+  align-items: center;
+}
+
+.InstallScreenBackupImportStep__content {
+  text-align: center;
+}
+
+.InstallScreenBackupImportStep__title {
+  @include font-title-2;
+  margin-block: 0 20px;
+}
+
+.InstallScreenBackupImportStep .ProgressBar {
+  margin-block-end: 14px;
+}
+
+.InstallScreenBackupImportStep__progressbar-hint {
+  @include font-caption;
+  margin-block-end: 22px;
+
+  @include light-theme {
+    color: rgba($color-gray-60, 0.8);
+  }
+
+  @include dark-theme {
+    color: $color-gray-25;
+  }
+}
+
+.InstallScreenBackupImportStep__description {
+  @include font-body-1;
+
+  @include light-theme {
+    color: $color-gray-60;
+  }
+
+  @include dark-theme {
+    color: $color-gray-25;
+  }
+}
+
+.InstallScreenBackupImportStep__cancel {
+  @include button-reset();
+  @include button-focus-outline;
+  @include font-body-1-bold;
+
+  position: absolute;
+  bottom: 48px;
+
+  @include light-theme() {
+    color: $color-ultramarine;
+  }
+
+  @include dark-theme() {
+    color: $color-ultramarine-light;
+  }
+}