path: root/mascara/src/app/first-time/index.css

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

.first-time-flow {
  width: 100vw;
  background-color: #fff;
  overflow: auto;
  display: flex;
  justify-content: center;
  flex: 1 0 auto;
  font-weight: 400;
  font-family: Roboto;
}

.alpha-warning__container {
  display: flex;
  justify-content: center;
  background: #f7861c;
}

.alpha-warning,
.alpha-warning-welcome-screen {
  color: #fff;
  line-height: 2em;
}

@media screen and (min-width: 576px) {
  .alpha-warning {
    width: 85vw;
  }
}

@media screen and (min-width: 769px) {
  .alpha-warning {
    width: 80vw;
  }
}

@media screen and (min-width: 1281px) {
  .alpha-warning {
    width: 62vw;
  }
}

.alpha-warning-welcome-screen {
  padding-left: 0;
  text-align: center;
}

.first-view-main-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  padding: 0 10px;
}

.first-view-main,
.first-view-main__mascara {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.first-view-main__mascara {
  justify-content: space-between;
}

@media screen and (min-width: 1281px) {
  .first-view-main {
    width: 62vw;
  }
}

.mascara-info {
  display: flex;
  flex-flow: column;
  margin-top: 70px;
  width: 35vw;
  max-width: 550px;
}

.mascara-info :first-child {
  align-self: flex-end;
}

.info {
  font-size: 19px;
}

.create-password,
.unique-image,
.tou,
.backup-phrase,
.import-account,
.buy-ether {
  display: flex;
  flex-flow: column nowrap;
  margin: 60px 0 30px 0;
  position: relative;
}

.import-account {
  max-width: initial;
}

@media only screen and (max-width: 575px) {
  .create-password,
  .unique-image,
  .tou,
  .backup-phrase,
  .import-account,
  .buy-ether {
    margin: 24px;
    display: flex;
    flex-flow: column nowrap;
    width: calc(100vw - 80px);
  }

  .create-password__title,
  .unique-image__title,
  .tou__title,
  .backup-phrase__title,
  .import-account__title,
  .buy-ether__title,
  .tou__title,
  .backup-phrase__title {
    width: initial !important;
  }

  .alpha-warning,
  .alpha-warning-welcome-screen {
    line-height: 1em;
    padding: 8px 12px;
  }

  .first-view-main {
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 12px;
  }

  .mascara-info {
    margin-top: 0px;
    width: 100%;
    align-items: center;
  }

  .mascara-info .info {
    text-align: center;
    font-size: 16px;
    margin: 0 10px;
    padding-left: 0px;
  }

  .mascara-info :first-child {
    align-self: center;
  }

  .first-view-phone-invisible {
    display: none;
  }

  .first-time-flow__input {
    width: initial !important;
    font-size: 14px !important;
    line-height: 18px !important;
    padding: 12px !important;
  }

  .tou__body {
    margin: 0 !important;
    padding: 16px 20px !important;
    height: 30vh !important;
    width: calc(100% - 48px) !important;
  }

  .backup-phrase__content-wrapper {
    flex-flow: column nowrap;
  }

  .backup-phrase__body-text {
    width: initial !important;
  }

  .backup-phrase__secret {
    width: initial !important;
    padding: 12px !important;
  }

  .backup-phrase__secret-words {
    font-size: 16px;
    line-height: 22px;
  }

  .backup-phrase__tips {
    margin: 40px 0 !important;
    width: initial !important;
  }

  .backup-phrase__confirm-secret,
  .import-account__secret-phrase {
    width: initial !important;
    height: initial !important;
    min-height: 190px;
  }

  .backup-phrase__confirm-seed-options {
    width: initial !important;
  }
}

.tou {
  max-width: 46rem;
}

.backup-phrase {
  width: 100%;
}

.create-password__title,
.unique-image__title,
.tou__title,
.backup-phrase__title,
.import-account__title,
.buy-ether__title {
  color: #1B344D;
  font-size: 40px;
  line-height: 51px;
  margin-bottom: 24px;
}

.import-account__title {
  margin-bottom: 10px;
}

.tou__title,
.backup-phrase__title {
  width: 480px;
}

.create-password__confirm-input {
  margin-top: 15px;
}

.create-password__import-link {
  margin-bottom: 54px;
}

.unique-image__title,
.tou__title,
.backup-phrase__title,
.buy-ether__title {
  margin-top: 24px;
}

.unique-image__body-text,
.backup-phrase__body-text,
.buy-ether__body-text {
  color: #1B344D;
  font-size: 16px;
  line-height: 23px;
  font-family: Roboto;
}

.buy-ether__small-body-text {
  font-family: Roboto;
  height: 14px;
  color: #757575;
  font-size: 12px;
  line-height: 14px;
}

.unique-image__body-text {
  width: 335px;
}

.unique-image__body-text +
.unique-image__body-text,
.backup-phrase__body-text +
.backup-phrase__body-text,
.backup-phrase__tips-text +
.backup-phrase__tips-text {
  margin-top: 24px;
}

.tou__body {
  border: 1px solid #979797;
  border-radius: 8px;
  background-color: #FFFFFF;
  margin: 0 142px 0 0;
  height: 334px;
  overflow-y: auto;
  color: #757575;
  font-family: Roboto;
  font-size: 12px;
  line-height: 15px;
  text-align: justify;
  padding: 22px 30px;
}

.backup-phrase__content-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.backup-phrase__phrase {
  flex-grow: .5;
  min-width: 0;
}

.backup-phrase__next-button {
  flex-grow: 1;
  width: 100%;
}

.backup-phrase__body-text {
  width: 450px;
}

.backup-phrase__tips {
  margin-top: 40px;
  width: 285px;
  flex-grow: .5;
  min-width: 0;
}

.backup-phrase__tips-text {
  color: #5B5D67;
  font-size: 16px;
  line-height: 23px;
  font-family: Roboto;
  min-width: 0;
}

@media only screen and (max-width: 768px) {
  .backup-phrase__content-wrapper {
    flex-direction: column;
  }

  .backup-phrase__phrase {
    flex: 1 0 auto;
  }

  .backup-phrase__tips {
    width: 100%;
    flex: 1 0 auto;
  }
}

.backup-phrase__secret {
  position: relative;
  display: flex;
  justify-content: center;
  width: 349px;
  border: 1px solid #CDCDCD;
  border-radius: 6px;
  background-color: #FFFFFF;
  padding: 20px 0;
  margin-top: 36px;
}

.backup-phrase__secret-words {
  width: 310px;
  color: #5B5D67;
  font-family: Roboto;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
}

.backup-phrase__secret-words--hidden {
  filter: blur(5px);
}

.backup-phrase__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;
  padding: 13px 0 18px;
}

.backup-phrase__reveal-button {
  border: 1px solid #979797;
  border-radius: 4px;
  background: none;
  box-shadow: none;
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
}

.backup-phrase__back-button,
.import-account__back-button {
  margin-bottom: 18px;
  color: #22232c;
  font-size: 16px;
  line-height: 21px;
  position: absolute;
  top: -25px;
}

.backup-phrase__back-button {
  top: -30px;
}

button.backup-phrase__reveal-button:hover {
  transform: scale(1);
}

.backup-phrase__confirm-secret,
.import-account__secret-phrase {
  height: 190px;
  width: 495px;
  border: 1px solid #CDCDCD;
  border-radius: 6px;
  background-color: #FFFFFF;
  margin: 25px 0 36px;
  padding: 17px;
}

.import-account__secret-phrase {
  font-size: 16px;
  margin: initial;
}

.import-account__secret-phrase::placeholder {
  color: #9B9B9B;
  font-weight: 200;
}

.backup-phrase__confirm-seed-options {
  display: flex;
  flex-flow: row wrap;
  width: 465px;
  position: relative;
  left: -7px;
}

.backup-phrase__confirm-seed-option {
  color: #5B5D67;
  font-family: Roboto;
  font-size: 16px;
  line-height: 21px;
  background-color: #E7E7E7;
  padding: 8px 19px;
  box-shadow: none;
  min-width: 65px;
  margin: 7px;
}

.backup-phrase__confirm-seed-option--selected {
  background-color: #85D1CC;
  color: #FFFFFF;
}

button.backup-phrase__confirm-seed-option:hover {
  transform: scale(1);
}

.import-account__faq-link {
  font-size: 18px;
  line-height: 23px;
  font-family: Roboto;
}

.import-account__selector-label {
  color: #1B344D;
  font-size: 16px;
}

.import-account__dropdown {
  width: 325px;
  border: 1px solid #CDCDCD;
  border-radius: 4px;
  background-color: #FFFFFF;
  margin-top: 14px;
  color: #5B5D67;
  font-family: Roboto;
  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: Roboto;
}

.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-size: 16px;
  line-height: 21px;
}

.import-account__input-label {
  margin-bottom: 9px;
  color: #1B344D;
  font-size: 18px;
  line-height: 23px;
}

.import-account__input-label__disabled {
  opacity: 0.5;
}

.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: Roboto;
  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: Roboto;
  font-size: 18px;
  line-height: 23px;
  margin-left: 22px;
}

.buy-ether__content-wrapper {
  display: flex;
  flex-flow: column nowrap;
  margin-top: 31px;
}

.buy-ether__content-headline-wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.buy-ether__content-headline {
  color: #1B344D;
  font-family: Roboto;
  font-size: 18px;
  line-height: 23px;
}

.buy-ether__do-it-later {
  color: #1B344D;
  font-size: 16px;
  line-height: 23px;
  cursor: pointer;
}

.buy-ether__content {
  margin-top: 12px;
  display: flex;
  flex-flow: row nowrap;
}

.buy-ether__side-panel {
  display: flex;
  flex-flow: column nowrap;
}

.buy-ether__side-panel-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 20px 0;
  color: #9B9B9B;
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  min-width: 140px;
}


.buy-ether__side-panel-item {
  border-bottom: 1px solid #CDCDCD;
}

.buy-ether__side-panel-item--selected {
  position: relative;
  color: #1B344D;
}

.buy-ether__side-panel-item-name {
  flex: 1 0 auto;
  padding-right: 13px;
}

.buy-ether__action-content {
  margin-left: 34px;
}

.buy-ether__buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.buy-ether__button-separator-text {
  font-size: 20px;
  line-height: 26px;
  font-family: Roboto;
  margin: 35px 0 14px 30px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.buy-ether__faq-link {
  margin-top: 26px;
  color: #1B344D !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-family: Roboto;
}

.buy-ether__action-content-wrapper {
  width: 360px;
  display: flex;
  flex-flow: column nowrap;
}

.first-time-flow__input {
  width: 350px;
  font-size: 18px;
  line-height: 24px;
  padding: 15px;
  border: 1px solid #CDCDCD;
  background-color: #FFFFFF;
}

.first-time-flow__input__disabled {
  opacity: 0.5;
}

.first-time-flow__input::placeholder {
  color: #9B9B9B;
  font-weight: 200;
}

.first-time-flow__button {
  height: 54px;
  width: 198px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  font-family: Roboto;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
  margin: 35px 0 14px;
  transition: 200ms ease-in-out;
  background-color: rgba(247, 134, 28, 0.9);
}

button.first-time-flow__button[disabled] {
  opacity: .6;
}

button.first-time-flow__button:hover {
  transform: scale(1);
  background-color: rgba(247, 134, 28, 0.9);
}

.first-time-flow__button--tertiary {
  height: 54px;
  width: 198px;
  box-shadow: none;
  color: #1B344D;
  font-size: 20px;
  line-height: 26px;
  font-family: Roboto;
  text-align: center;
  margin: 35px 0 14px;
  background-color: transparent;
}

button.first-time-flow__button--tertiary:hover {
  transform: scale(1);
}

.first-time-flow__link {
  color: #1B344D;
  font-size: 18px;
  line-height: 23px;
}

.breadcrumbs {
  display: flex;
  flex-flow: row nowrap;
}

.breadcrumb {
  height: 10px;
  width: 10px;
  border: 1px solid #979797;
  border-radius: 50%;
}

.breadcrumb + .breadcrumb {
  margin-left: 10px;
}

.loading-screen {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  margin-top: 143px;
}

.loading-screen .spinner {
  margin-bottom: 25px;
  width: 100px;
  height: 100px;
}

.loading-screen__message {
  color: #1B344D;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  font-family: Roboto;
}

.icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.shapeshift-logo {
  background: url('data:image/png;base64,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');
  width: 161px;
  height: 84px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}

.shapeshift-form {
  width: 360px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, .05);
  padding: 17px 15px;
}

.shapeshift-form__selectors {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-bottom: 17px;
}

.shapeshift-form__caret {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  width: 120px;
  margin-top: 24px;
}

.shapeshift-form__selector {
  flex: 1 0 auto;
}

.shapeshift-form__selector-label,
.shapeshift-form__deposit-instruction {
  color: #757575;
  color: rgba(0, 0, 0, 0.45);
  font-family: Roboto;
  font-weight: 300;
  line-height: 19px;
  padding-bottom: 6px;
}

.shapeshift-form__selector-input {
  color: #5B5D67;
  font-size: 16px;
  font-weight: 300;
  line-height: 21px;
  border: 1px solid #D8D8D8;
  background-color: #FFFFFF;
  text-align: center;
  width: 100%;
  height: 45px;
  line-height: 44px;
  font-family: Roboto;
}

.shapeshift-form__address-input-label {
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding-bottom: 6px;
  font-family: Roboto;
}

.shapeshift-form__address-input {
  border: 1px solid #D8D8D8;
  background-color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  line-height: 21px;
  padding: 15px;
  width: 100%;
}

.shapeshift-form__address-input-wrapper--error .shapeshift-form__address-input {
  border-color: #FF001F;
}

.shapeshift-form__address-input-error-message {
  color: #FF001F;
  font-family: Roboto;
  font-size: 12px;
  height: 24px;
  line-height: 18px;
}

.shapeshift-form__metadata {
  display: flex;
  flex-flow: row wrap;
  color: #9B9B9B;
  font-family: Roboto;
  font-size: 10px;
  line-height: 16px;
}

.shapeshift-form__metadata-wrapper {
  flex: 1 0 50%;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  white-space: nowrap;
}

.shapeshift-form__metadata-wrapper:nth-child(odd) {
  padding-right: 14px;
}

.shapeshift-form__metadata-label {
  flex: 1 0 60%;
}

.shapeshift-form__metadata-value {
  flex: 0 0 40%;
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shapeshift-form__qr-code {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}