/* V121 — Cash Gift history. Tokens from 1GO CashGift (data-v-7c39e4c4), rem ×0.37213. */

html.co-cg-open,
html.co-cg-open body {
  overflow: hidden;
}

html.co-cg-open #app {
  visibility: hidden !important;
  pointer-events: none !important;
}

.co-cg {
  --cg-layer: #323738;
  --cg-page: #292d2e;
  --cg-line: rgba(228, 234, 240, 0.098);
  --cg-muted: #b1bdc0;
  --cg-text: #ffffff;
  --cg-amt: #25df82;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 10rem;
  height: 100%;
  height: 100dvh;
  z-index: 240;
  display: flex;
  flex-direction: column;
  background: var(--cg-page);
  color: var(--cg-text);
  font-family: inherit;
}

.co-cg *,
.co-cg *:before,
.co-cg *:after { box-sizing: border-box; }

.co-cg__header {
  flex: none;
  position: relative;
  height: 1.30246rem;
  background: var(--cg-layer);
}

.co-cg__header .co-back-btn {
  position: absolute;
  left: 0.37213rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.74426rem;
  height: 0.74426rem;
  border-radius: 0.13955rem;
}

.co-cg__title {
  margin: 0;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.48852rem;
  font-size: 0.37213rem;
  font-weight: 800;
  line-height: 0.74426rem;
  pointer-events: none;
}

.co-cg__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.2791rem 0.37213rem 0.46516rem;
}

.co-cg__cols,
.co-cg__row {
  display: grid;
  grid-template-columns: 2.4fr 1.4fr 1.1fr;
  align-items: center;
  column-gap: 0.12rem;
}

.co-cg__cols {
  height: 1.11639rem;
  padding: 0 0.18607rem;
  margin-top: 0.2791rem;
  border-bottom: 0.03721rem solid var(--cg-line);
  border-radius: 0.2791rem 0.2791rem 0 0;
  background: var(--cg-layer);
  font-weight: 600;
}

.co-cg__cols span {
  color: var(--cg-muted);
  font-size: 0.2977rem;
  line-height: 0.93033rem;
  text-align: left;
}

.co-cg__cols span:last-child {
  text-align: right;
}

.co-cg__list {
  background: var(--cg-layer);
  border-radius: 0 0 0.2791rem 0.2791rem;
}

.co-cg__row {
  padding: 0.37213rem 0.18607rem;
  border-top: 1px solid var(--cg-line);
}

.co-cg__row:first-child { border-top: 0; }

.co-cg__time,
.co-cg__type {
  font-size: 0.26049rem;
  line-height: 0.37213rem;
  color: var(--cg-text);
}

.co-cg__time,
.co-cg__type {
  min-width: 0;
  text-align: left;
}

.co-cg__amt {
  text-align: right;
  color: var(--cg-amt);
  font-size: 0.26049rem;
  line-height: 0.37213rem;
  font-variant-numeric: tabular-nums;
}

.co-cg__empty {
  padding: 1.2rem 0.4rem;
  text-align: center;
  color: var(--cg-muted);
  font-size: 0.2977rem;
}

.co-cg__empty img {
  display: block;
  width: 3.2rem;
  margin: 0 auto 0.28rem;
}

.co-cg__load {
  padding: 0.6rem;
  text-align: center;
  color: var(--cg-muted);
  font-size: 0.2791rem;
}