/* RUAY55 transfer-wallet amount page: keep every localized balance label readable. */
body .modal-backdrop > .game-entry-modal .game-entry-balances div {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) minmax(96px, max-content) !important;
  grid-template-areas:
    "icon label amount"
    "icon hint amount" !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 9px !important;
  min-height: 53px !important;
  padding: 8px 0 !important;
}

body .modal-backdrop > .game-entry-modal .game-entry-balances .game-entry-balance-icon {
  position: static !important;
  grid-area: icon !important;
  align-self: center !important;
  transform: none !important;
}

body .modal-backdrop > .game-entry-modal .game-entry-balances span {
  grid-area: label !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-overflow: clip !important;
}

body .modal-backdrop > .game-entry-modal .game-entry-balances strong {
  position: static !important;
  grid-area: amount !important;
  width: auto !important;
  max-width: 118px !important;
  justify-self: end !important;
  align-self: center !important;
  transform: none !important;
  overflow: visible !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body .modal-backdrop > .game-entry-modal .game-entry-balances small {
  grid-area: hint !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 3px !important;
  display: block !important;
  overflow: visible !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-overflow: clip !important;
}

@media (max-width: 380px) {
  body .modal-backdrop > .game-entry-modal .game-entry-balances div {
    grid-template-columns: 36px minmax(0, 1fr) minmax(92px, max-content) !important;
    column-gap: 7px !important;
  }

  body .modal-backdrop > .game-entry-modal .game-entry-balances strong {
    max-width: 108px !important;
    font-size: 16px !important;
  }
}

@media (max-width: 350px) {
  body .modal-backdrop > .game-entry-modal .game-entry-balances div {
    grid-template-columns: 34px minmax(0, 1fr) minmax(88px, max-content) !important;
    column-gap: 6px !important;
  }

  body .modal-backdrop > .game-entry-modal .game-entry-balances strong {
    max-width: 106px !important;
    font-size: 15px !important;
  }
}