#account-send {

	ion-content {
		background: $v-white-color;
	}

	.bar.bar-coinbase {
		background-color: $v-white-color !important;

		.title {
			color: $v-dark-gray;
			font-weight: 600;
		}
	}

	.available {
    text-align: center;
    color: $v-dark-gray;
    font-weight: 500;
  }

	.amount-container {
    width: 100%;
    position: absolute;
    top: 100px;
		text-align: center;
		padding-left: 40px;
    padding-right: 40px;

		.amount {
	    font-size: 48px;
	    font-weight: 500;
	    color: $v-primary-color;

	    .placeholder {
		    opacity: 0.5;
		  }
		}
	}

	.currency-toggle {
    position: absolute;
    top: 90px;
    right: 10px;

		svg {
 	   height: 25px;

 			* {
				fill: $v-dark-gray;
			}
		}		

		.label {
			color: $v-dark-gray;
	    font-size: 12px;
	    font-weight: 500;
	    position: relative;
	    top: -5px;
	    left: 4px;
		}
	}

  .keypad-group {
    position: absolute;
    width: 100%;
    bottom: 0;
    bottom: calc(constant(safe-area-inset-bottom));
    bottom: calc(env(safe-area-inset-bottom));

    .easy-button-group {
	    text-align: center;
	    padding: 20px;

	    a {
		    border: 1px solid $v-subtle-gray;
		    padding: 5px 7px;
		    margin: 0 5px;
		    border-radius: 3px;
				color: $v-dark-gray;

		    &.activated {
		    	background: $v-black-transparent-light;
		    }
	    }
    }

		button {
	    width: 90%;
	    left: 50%;
	    transform: translateX(-50%);
      height: 60px;
      font-weight: 600;
  	}
  }	
}

@import "recipient/recipient";