/* Copyright 2015-2017 Parity Technologies (UK) Ltd.
/* This file is part of Parity.
/*
/* Parity is free software: you can redistribute it and/or modify
/* it under the terms of the GNU General Public License as published by
/* the Free Software Foundation, either version 3 of the License, or
/* (at your option) any later version.
/*
/* Parity is distributed in the hope that it will be useful,
/* but WITHOUT ANY WARRANTY; without even the implied warranty of
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
/* GNU General Public License for more details.
/*
/* You should have received a copy of the GNU General Public License
/* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
*/

$tagColor: rgba(100, 100, 100, 0.25);
$textColor: white;

.balances {
  display: flex;
  flex-wrap: wrap;
  margin: 0.75em 0 0 0;
  vertical-align: top;

  &:not(.full) {
    height: 40px;
    overflow: hidden;
  }
}

.balance,
.empty {
  margin: 0.75em 0.5em 4px 0;
}

.empty {
  min-height: 24px;
  line-height: 24px;
  opacity: 0.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.balance {
  align-items: center;
  border-radius: 16px;
  display: flex;
  max-height: 24px;
  max-width: 100%;

  &.full {
    background: $tagColor;
    color: $textColor;

    img {
      margin-right: 1em;
    }
  }

  img {
    height: 32px;
    margin-top: -4px;
    width: 32px;
  }

  .tag {
    padding-right: 0.75rem;
    font-size: 0.85em;
  }

  .value {
    margin: 0 0.5em 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}