/* imported from transfer-amount.scss 
 */

/**
  If making changes to this file, please make sure the changes are reflected on the :export section at the end of the file.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* stylelint-disable */

/* stylelint-enable */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* Line Heights */
/* stylelint-disable */

/* stylelint-enable */
.transfer-amount__transfer-amount___26Yat {
  align-items: stretch;
  display: flex;
  height: 380px;
  width: 100%; }
  .transfer-amount__transfer-amount__currency___MU0z0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .transfer-amount__transfer-amount__fee___1HagD {
    align-items: center;
    display: flex; }
    .transfer-amount__transfer-amount__fee___1HagD > :first-child {
      width: 35%; }
    .transfer-amount__transfer-amount__fee___1HagD > :last-child {
      height: auto; }
    .transfer-amount__transfer-amount__fee-message___3bk8W {
      font-size: calc(10px + 2 * (100vw - 320px) / 1120);
      line-height: calc(1.5 * calc(10px + 2 * (100vw - 320px) / 1120));
      margin-left: calc(10.13139px + 0.58394vw);
      width: 60%; }
  .transfer-amount__transfer-amount__memo___3qMGj {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: calc(15.32847px + 1.45985vw) calc(15.32847px + 1.45985vw) calc(15.32847px + 1.45985vw) 0;
    width: 50%; }
  .transfer-amount__transfer-amount__text-area___2n-8m {
    font-size: calc(16px + 2 * (100vw - 320px) / 1120);
    height: 160px;
    line-height: calc(2 * calc(16px + 2 * (100vw - 320px) / 1120)); }

.transfer-amount__currency__input___1BVXg,
.transfer-amount__currency__conversion___1Vqdp {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%; }
  .transfer-amount__currency__input-input___1marA,
  .transfer-amount__currency__conversion-input___1ozrB {
    background: transparent;
    border: none;
    height: 66px;
    margin-left: 8px;
    max-width: 50%; }
  .transfer-amount__currency__input___1BVXg h4,
  .transfer-amount__currency__conversion___1Vqdp h4 {
    margin: 0 4px; }