message: mobile styles
diff: @media screen and (max-width: 480px){
  .wrapper {
  min-width: 0;
  - max-width: 100%;
  - max-height: 90vh;
  - margin: 0
  + width: 100%;
  + height: 100vh;
  + margin: 0;
  }
  .wrapper h2 {
  line-height: 14px;
  }
  + .secureChooserWrapper,
  .inputWrapper,
  .currencyChooserWrapper {
  - height: 240px;
  + height: 50%;
  + overflow-y: auto;
  }
  .card li {
  font-size: 9px;
  }
  - .secureChooserWrapper {
  - height: 240px;
  - overflow-y: auto;
  + .continue {
  + position: absolute;
  + top: 92vh;
  + right: 21px;
  + margin: 0 auto;
  + width: 89%;
  + }
  }
  +@media screen and (max-width: 320px){
  .continue {
  - margin-top: 30px;
  + top: 91vh;
  + width: 87%;
  }
  -
  }
  