/*
Placeholder manifest file.
the installer will append this file to the app vendored assets here: 'vendor/assets/stylesheets/spree/backend/all.css'
*/

.braintree-hosted-fields .input {
  border: 1px solid #cee1f4;
  border-radius: 3px;
  color: #5498DA;
  height: 30px;
  padding: 7px 10px;
}

/*
Placeholder manifest file.
the installer will append this file to the app vendored assets here: 'vendor/assets/stylesheets/spree/backend/all.css'
*/
@import "spree/backend/globals/functions";
@import "spree/backend/globals/variables_override";
@import "spree/backend/globals/variables";

.braintree-hosted-fields .input {
  border: 1px solid $color-txt-brd;
  border-radius: $border-radius;
  color: $color-txt-text;
  height: 30px;
  padding: 7px 10px;
}

Use Solidus variables to style hosted fields
Use Solidus variables to style hosted fields

Make use of the Solidus backend variables to style the hosted braintree fields.
