/*
The darken/lighten is not giving accurate results for the toasters so specific vars for them below.

- Red background: #c23848 you can get this colour roughly from using the red variable and with HSL lower lightness by 20.
- Blue background: #377ebd you can get this colour roughly from using the blue variable and with HSL lower lightness by 20.
- Orange background: #ff9933
- The text colour on all of these, could they please be #E2E2E2, except from warning which remains with black text.

*/
/*is not being used anywhere; the same as @redAlert*/
:host {
  display: flex; }
  :host.fx-swap-with-conversion-rate .et-amount-tail.UnEvenSwap-Precious {
    padding-right: 20px; }

.et-amount-input {
  display: block;
  flex: 1; }

.et-amount-tail {
  padding-left: 3px;
  flex: 0;
  flex-basis: auto; }
  .et-amount-tail.Disabled {
    color: #4a4a52; }
  .et-amount-tail.Done {
    color: #2498BA; }
  .et-amount-tail.Activated {
    color: #1cb31c; }
  .et-amount-tail.AwaitingActivation {
    color: #1cb31c; }