1 files changed, 57 insertions, 0 deletions
diff --git a/ui/app/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss b/ui/app/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss
new file mode 100644
index 000000000..8a47447ed
--- /dev/null
+++ b/ui/app/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss
@@ -0,0 +1,57 @@
+.reveal-seed-phrase {
+  &__secret {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    border: 1px solid #CDCDCD;
+    border-radius: 6px;
+    background-color: $white;
+    padding: 18px;
+    margin-top: 36px;
+    max-width: 350px;
+  }
+
+  &__secret-words {
+    width: 310px;
+    font-size: 1.25rem;
+    text-align: center;
+
+    &--hidden {
+      filter: blur(5px);
+    }
+  }
+
+  &__secret-blocker {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    height: 100%;
+    width: 100%;
+    background-color: rgba(0,0,0,0.6);
+    display: flex;
+    flex-flow: column nowrap;
+    align-items: center;
+    justify-content: center;
+    padding: 8px 0 18px;
+    cursor: pointer;
+  }
+
+  &__reveal-button {
+    color: $white;
+    font-size: .75rem;
+    font-weight: 500;
+    text-transform: uppercase;
+    margin-top: 8px;
+    text-align: center;
+  }
+
+  &__export-text {
+    color: $curious-blue;
+    cursor: pointer;
+    font-weight: 500;
+  }
+
+  button {
+    margin-top: 0xp;
+  }
+}