import styled from "styled-components";
import { currentTheme } from "../../../theme";
import { Box } from "../../grid";
export const WalletBalance = styled(Box) `
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 16px 16px 3px;
  .button__hide {
    cursor: pointer;
    user-select: none;
  }
`;
export const Wrapper = styled.div `
  padding: 0;

  .balances {
    .token {
      display: flex;
      justify-content: space-between;

      &-name {
        display: flex;
        align-items: center;
      }

      &-amount,
      &-price {
        p {
          text-align: right;
        }
      }
    }

    .token:last-of-type::after {
      display: none;
    }
    max-height: calc(
      100vh - ${process.env.REACT_APP_THEME === "Genshiro" ? 304 : 242}px
    );
    overflow-y: scroll;
    overflow-x: hidden;

    &::-webkit-scrollbar-track {
      border-radius: 4px;
    }

    &::-webkit-scrollbar {
      width: 3px;
    }
    &::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background: ${currentTheme.colors.primary};
    }
  }
`;
//# sourceMappingURL=styled.js.map