1 files changed, 109 insertions, 3 deletions
diff --git a/mascara/src/app/first-time/index.css b/mascara/src/app/first-time/index.css
index e9951059b..da8f801e8 100644
--- a/mascara/src/app/first-time/index.css
+++ b/mascara/src/app/first-time/index.css
@@ -9,7 +9,8 @@ $primary
 .create-password,
 .unique-image,
 .tou,
-.backup-phrase {
+.backup-phrase,
+.import-account {
   display: flex;
   flex-flow: column nowrap;
   margin: 67px 0 0 146px;
@@ -27,7 +28,8 @@ $primary
 .create-password__title,
 .unique-image__title,
 .tou__title,
-.backup-phrase__title {
+.backup-phrase__title,
+.import-account__title {
   width: 280px;
   color: #1B344D;
   font-size: 40px;
@@ -166,7 +168,9 @@ $primary
 }
 
 .backup-phrase__back-button,
-.backup-phrase__back-button:hover {
+.backup-phrase__back-button:hover,
+.import-account__back-button,
+.import-account__back-button:hover {
   position: absolute;
   top: 24px;
   color: #22232C;
@@ -219,6 +223,108 @@ button.backup-phrase__confirm-seed-option:hover {
   transform: scale(1);
 }
 
+.import-account__faq-link {
+  font-size: 18px;
+  line-height: 23px;
+  font-family: Montserrat Light;
+}
+
+.import-account__selector-label {
+  color: #1B344D;
+  font-family: Montserrat Light;
+  font-size: 18px;
+  line-height: 23px;
+}
+
+.import-account__dropdown {
+  width: 325px;
+  border: 1px solid #CDCDCD;
+  border-radius: 4px;
+  background-color: #FFFFFF;
+  margin-top: 14px;
+  color: #5B5D67;
+  font-family: Montserrat Light;
+  font-size: 18px;
+  line-height: 23px;
+  padding: 14px 21px;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none; 
+  cursor: pointer;
+}
+
+.import-account__description-text {
+  color: #757575;
+  font-size: 18px;
+  line-height: 23px;
+  margin-top: 21px;
+  font-family: Montserrat UltraLight;
+}
+
+.import-account__input-wrapper {
+  display: flex;
+  flex-flow: column nowrap;
+  margin-top: 30px;
+}
+
+.first-time-flow__input--error {
+  border: 1px solid #FF001F !important;
+}
+
+.import-account__input-error-message {
+  margin-top: 10px;
+  width: 422px;
+  color: #FF001F;
+  font-family: Montserrat Light;
+  font-size: 16px;
+  line-height: 21px;
+}
+
+.import-account__input-label {
+  margin-bottom: 9px;
+  color: #1B344D;
+  font-family: Montserrat Light;
+  font-size: 18px;
+  line-height: 23px;
+  text-transform: uppercase;
+}
+
+.import-account__input {
+  width: 325px !important;
+}
+
+.import-account__file-input {
+  display: none;
+}
+
+.import-account__file-input-label {
+  height: 53px;
+  width: 148px;
+  border: 1px solid #1B344D;
+  border-radius: 4px;
+  color: #1B344D;
+  font-family: Montserrat Light;
+  font-size: 18px;
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.import-account__file-picker-wrapper {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+}
+
+.import-account__file-name {
+  color: #000000;
+  font-family: Montserrat Light;
+  font-size: 18px;
+  line-height: 23px;
+  margin-left: 22px;
+}
 .first-time-flow__input {
   width: 350px;
   font-size: 18px;