/* Only loaded by the desktop /person/coins/records template. */
.mobile-coin-records-page {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background: #010406;
}

.mobile-coin-records-page .mobile-coin-records-shell {
  flex: 1 0 auto;
  min-height: 640px;
  background: radial-gradient(ellipse at 50% 0, rgba(253, 54, 102, .12), transparent 65%) #010406;
  box-shadow: none;
}

.mobile-coin-records-page .mobile-coin-records-balance::before {
  background: linear-gradient(220deg, #fd3666, #811d3c 65%, #35121e);
}

.mobile-coin-records-page .mobile-coin-records-balance::after {
  background: linear-gradient(180deg, #21131a, #351320);
  box-shadow: inset 0 1px 1px rgba(255, 172, 193, .35),
    inset 0 -18px 28px -12px rgba(253, 54, 102, .45),
    0 12px 28px rgba(0, 0, 0, .25);
}

.mobile-coin-records-page .mobile-coin-records-balance > span > strong {
  color: #fd3666;
}

.mobile-coin-records-page .mobile-coin-records-balance > em {
  background: linear-gradient(155.77deg, #fd3666 47.596%, #c60030 100%);
  color: #fff;
  box-shadow: 0 4px 12px rgba(253, 54, 102, .2);
}

.mobile-coin-records-page .mobile-coin-records-balance:hover > em {
  background: linear-gradient(155.77deg, #ff527b 47.596%, #dd1747 100%);
}

.mobile-coin-records-page .mobile-coin-records-balance:focus-visible {
  outline: 2px solid #fd3666;
  outline-offset: 4px;
  border-radius: 24px;
}

.mobile-coin-records-page .mobile-coin-records-list {
  --mobile-loading-accent: #fd3666;
}

.mobile-coin-records-page .mobile-coin-records-list article > b,
.mobile-coin-records-page .mobile-coin-records-value b {
  color: #fd3666;
}

.mobile-coin-records-page .mobile-recharge-records-more {
  border-color: rgba(253, 54, 102, .35);
  background: rgba(253, 54, 102, .1);
  color: #fd3666;
}

.mobile-coin-records-page .mobile-recharge-records-more:focus-visible {
  outline: 2px solid #fd3666;
  outline-offset: 3px;
}