/*
   imported from wallet.scss 
*/

/*
  When adding a color, please add it to the :export section at the end of this file.
  If you need to add a new section/type of color, you can add the section title to the :export by pre-prending it with an underscore.
*/
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* Primary Colors */
/* Secondary Colors */
/* Gradients */
/* Transparencies */
/* stylelint-disable */

/* stylelint-enable */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* Line Heights */
/* stylelint-disable */

/* stylelint-enable */
/**
  If making changes to this file, please make sure the changes are reflected on the :export section at the end of the file.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* stylelint-disable */

/* stylelint-enable */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
.wallet__wallet___qsaRY {
  border-radius: 9px;
  cursor: pointer;
  display: flex;
  max-width: 510px;
  min-height: 280px;
  padding: calc(12.26277px + 1.16788vw);
  position: relative;
  width: 100%; }
  .wallet__wallet__wallet-title___2_x-A {
    align-items: center;
    display: flex;
    justify-content: space-between; }
  .wallet__wallet__wallet-graph___2aFwz {
    border-radius: 9px;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }
  .wallet__wallet__wallet-content___3to6Q {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1; }

.wallet__wallet-funds___1DbNs {
  display: flex; }
  .wallet__wallet-funds__coin-balance___2dne_ {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center; }
    .wallet__wallet-funds__coin-balance___2dne_ svg {
      height: auto;
      width: calc(16px + 2 * (100vw - 320px) / 1120); }
    .wallet__wallet-funds__coin-balance___2dne_ svg > path {
      fill: currentColor; }
  .wallet__wallet-funds__actions___2InuO {
    align-items: flex-end;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    max-width: 40%; }
    .wallet__wallet-funds__actions___2InuO > button {
      margin-bottom: calc(3.06569px + 0.29197vw);
      margin-top: calc(3.06569px + 0.29197vw); }
  @media only screen and (max-width: 576px) {
    .wallet__wallet-funds__actions___2InuO {
      display: none; } }