/* Promotion page type and the Direct / Team cards. Loaded last so it wins over the page sheet. */

body #app:has(.container[data-v-6cf5705a]) .container[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .content,
body #app:has(.container[data-v-6cf5705a]) .shareBtnContainer,
body #app:has(.container[data-v-6cf5705a]) .shareBtnContainer .shareBtn,
body #app:has(.container[data-v-6cf5705a]) .content .commission__title,
body #app:has(.container[data-v-6cf5705a]) .content .commission__body > div span,
body #app:has(.container[data-v-6cf5705a]) .content .promote__cell-item {
  font-family: "Exo 2", "Poppins", system-ui, sans-serif !important;
}

body #app:has(.container[data-v-6cf5705a]) .container[data-v-6cf5705a] {
  container-type: inline-size !important;
  grid-template-columns: minmax(0, 58%) minmax(0, 1fr) !important;
  gap: 0.1rem 0.12rem !important;
}

body #app:has(.container[data-v-6cf5705a]) .container[data-v-6cf5705a] .amount[data-v-6cf5705a] {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
  padding: 0 2px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 4px !important;
  font-family: "Exo 2", "Poppins", system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(13px, 7.5cqi, 34px) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  font-variant-numeric: tabular-nums !important;
}

body #app:has(.container[data-v-6cf5705a]) .tw-amt-suf {
  font-size: 0.55em !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  color: #ffd966 !important;
}

body #app:has(.container[data-v-6cf5705a]) .tw-amt-suf--l {
  margin-left: 0.12em !important;
  font-size: 0.92em !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body #app:has(.container[data-v-6cf5705a]) .tw-amt-info {
  width: 16px !important;
  height: 16px !important;
  margin-left: 2px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 217, 102, 0.75) !important;
  background: rgba(8, 16, 30, 0.72) !important;
  color: #ffd966 !important;
  font-family: "Exo 2", "Poppins", system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 14px !important;
  text-align: center !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  cursor: pointer !important;
}

.tw-amt-pop {
  position: fixed;
  z-index: 10020;
  max-width: calc(100vw - 16px);
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(8, 16, 30, 0.94);
  border: 1px solid rgba(255, 217, 102, 0.6);
  color: #ffd966;
  font-family: "Exo 2", "Poppins", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

body #app:has(.container[data-v-6cf5705a]) .container .amount_txt[data-v-6cf5705a] {
  font-family: "Exo 2", "Poppins", system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.28 !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .tip[data-v-6cf5705a] {
  font-family: "Exo 2", "Poppins", system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}

body #app:has(.container[data-v-6cf5705a]) .shareBtnContainer {
  box-sizing: border-box !important;
  padding-left: 0.6rem !important;
  padding-right: 0.6rem !important;
  margin-top: 14px !important;
  margin-bottom: 16px !important;
}

body #app:has(.container[data-v-6cf5705a]) .shareBtnContainer .shareBtn {
  font-family: "Exo 2", "Poppins", system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content[data-v-6cf5705a] {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content[data-v-6cf5705a]::before,
body #app:has(.container[data-v-6cf5705a]) .container .info_content[data-v-6cf5705a]::after {
  content: none !important;
  display: none !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info[data-v-6cf5705a] {
  position: relative !important;
  isolation: isolate !important;
  flex: 1 1 0 !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 10px 8px 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: rgba(8, 16, 30, 0.55) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  border-collapse: separate !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info[data-v-6cf5705a]:first-of-type {
  background: rgba(8, 16, 30, 0.55) !important;
  border: 1px solid rgba(0, 207, 255, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -18px 28px rgba(0, 80, 160, 0.18),
    0 0 16px rgba(0, 207, 255, 0.28),
    0 8px 18px rgba(0, 0, 0, 0.35) !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info[data-v-6cf5705a]:nth-of-type(2) {
  background: rgba(8, 16, 30, 0.55) !important;
  border: 1px solid rgba(255, 217, 102, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -18px 28px rgba(120, 80, 10, 0.16),
    0 0 16px rgba(255, 217, 102, 0.24),
    0 8px 18px rgba(0, 0, 0, 0.35) !important;
}

/* Soft streaks stay behind the numbers */
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info[data-v-6cf5705a]::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info[data-v-6cf5705a]:first-of-type::before {
  background:
    radial-gradient(circle at 18% 8%, rgba(0, 207, 255, 0.28), transparent 28%),
    radial-gradient(circle at 88% 22%, rgba(0, 140, 255, 0.16), transparent 22%),
    radial-gradient(circle at 70% 92%, rgba(0, 207, 255, 0.12), transparent 26%),
    linear-gradient(118deg, transparent 0%, rgba(0, 207, 255, 0.14) 42%, transparent 58%) !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info[data-v-6cf5705a]:nth-of-type(2)::before {
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 217, 102, 0.26), transparent 28%),
    radial-gradient(circle at 90% 24%, rgba(255, 180, 40, 0.14), transparent 22%),
    radial-gradient(circle at 72% 94%, rgba(255, 217, 102, 0.12), transparent 26%),
    linear-gradient(118deg, transparent 0%, rgba(255, 217, 102, 0.14) 42%, transparent 58%) !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info thead[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info tbody[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info tr[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info th[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info td[data-v-6cf5705a] {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info thead[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info tbody[data-v-6cf5705a] {
  position: relative !important;
  z-index: 1 !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info tbody[data-v-6cf5705a] {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  flex: 1 1 auto !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .head[data-v-6cf5705a] {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 6px !important;
  height: auto !important;
  min-height: 34px !important;
  margin: 0 0 8px !important;
  padding: 0 2px 7px !important;
  background: transparent !important;
  font-family: "Exo 2", "Poppins", system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type .head[data-v-6cf5705a] {
  color: #7eebff !important;
  text-shadow: 0 0 10px rgba(0, 207, 255, 0.45) !important;
  border-bottom: 1px solid rgba(0, 207, 255, 0.35) !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .head.u2[data-v-6cf5705a] {
  color: #ffd966 !important;
  text-shadow: 0 0 10px rgba(255, 217, 102, 0.4) !important;
  border-bottom: 1px solid rgba(255, 217, 102, 0.38) !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .head[data-v-6cf5705a] svg {
  width: 18px !important;
  height: 18px !important;
  grid-row: 1 !important;
  grid-column: 1 !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type .head[data-v-6cf5705a] svg {
  filter: drop-shadow(0 0 6px rgba(0, 207, 255, 0.7)) !important;
  color: #00cfff !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .head.u2[data-v-6cf5705a] svg {
  filter: drop-shadow(0 0 6px rgba(255, 217, 102, 0.7)) !important;
  color: #ffd966 !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line1[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line2[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line3[data-v-6cf5705a] {
  container-type: inline-size !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) 10px !important;
  grid-template-rows: auto auto !important;
  column-gap: 6px !important;
  row-gap: 1px !important;
  align-items: center !important;
  justify-content: stretch !important;
  min-width: 0 !important;
  min-height: 42px !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 5px 4px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  font-family: "Exo 2", "Poppins", system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  text-align: left !important;
  text-transform: capitalize !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  color: #b7c9dc !important;
  background: rgba(5, 12, 24, 0.42) !important;
  border-bottom: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type .line1[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type .line2[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type .line3[data-v-6cf5705a] {
  border: 1px solid rgba(0, 207, 255, 0.16) !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:nth-of-type(2) .line1[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:nth-of-type(2) .line2[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:nth-of-type(2) .line3[data-v-6cf5705a] {
  border: 1px solid rgba(255, 217, 102, 0.16) !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line1[data-v-6cf5705a]::before,
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line2[data-v-6cf5705a]::before,
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line3[data-v-6cf5705a]::before {
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 14px !important;
  height: 14px !important;
  flex: none !important;
  border-radius: 4px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 12px !important;
  box-shadow: none !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line1[data-v-6cf5705a]::after,
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line2[data-v-6cf5705a]::after,
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line3[data-v-6cf5705a]::after {
  content: "›" !important;
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
  align-self: center !important;
  font-size: 11px !important;
  line-height: 1 !important;
  opacity: 0.55 !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type .line1[data-v-6cf5705a]::after,
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type .line2[data-v-6cf5705a]::after,
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type .line3[data-v-6cf5705a]::after {
  color: #7eebff !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:nth-of-type(2) .line1[data-v-6cf5705a]::after,
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:nth-of-type(2) .line2[data-v-6cf5705a]::after,
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:nth-of-type(2) .line3[data-v-6cf5705a]::after {
  color: #ffd966 !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line1 > div[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line2 > div[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line3 > div[data-v-6cf5705a] {
  order: 0 !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  font-family: "Exo 2", "Poppins", system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-shadow: none !important;
}

@container (max-width: 150px) {
  body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line1 > div[data-v-6cf5705a],
  body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line2 > div[data-v-6cf5705a],
  body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line3 > div[data-v-6cf5705a] {
    font-size: 11px !important;
  }
}

/* Counts stay cyan. Money stays gold. */
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line1 > div[data-v-6cf5705a],
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line2 > div[data-v-6cf5705a] {
  color: #5cefff !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line3 > div[data-v-6cf5705a] {
  color: #ffd966 !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type tbody tr:first-of-type .line1[data-v-6cf5705a]::before,
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type .line2.r[data-v-6cf5705a]::before {
  background-color: rgba(0, 207, 255, 0.12) !important;
  border: 1px solid rgba(0, 207, 255, 0.35) !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type tbody tr:first-of-type .line1[data-v-6cf5705a]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300cfff' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm0 2c-3.3 0-6 1.6-6 3.5V19h12v-1.5c0-1.9-2.7-3.5-6-3.5Z'/%3E%3C/svg%3E") !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:first-of-type .line2.r[data-v-6cf5705a]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300cfff' d='M4 7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v2H4V7Zm0 4h16v6a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-6Zm11 2.2a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2h-3Z'/%3E%3C/svg%3E") !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info .line3[data-v-6cf5705a]::before {
  background-color: rgba(255, 217, 102, 0.12) !important;
  border: 1px solid rgba(255, 217, 102, 0.4) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffd966' d='M12 3a9 9 0 1 0 9 9 9 9 0 0 0-9-9Zm.8 4.2v1.1a3.2 3.2 0 0 1 2.4 1.5l-1.1.7a1.9 1.9 0 0 0-1.3-.7v2.7c1.8.4 3 .9 3 2.1 0 1.3-1.2 2.1-3 2.2v1.1h-1.6v-1.1c-1.7-.2-2.9-1-3.2-2.2l1.3-.5c.2.7.9 1.2 1.9 1.3v-2.8c-1.7-.4-2.9-1-2.9-2.2 0-1.2 1.1-2 2.9-2.2V7.2h1.6Z'/%3E%3C/svg%3E") !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:nth-of-type(2) tbody tr:first-of-type .line1[data-v-6cf5705a]::before,
body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:nth-of-type(2) .line2:not(.r)[data-v-6cf5705a]::before {
  background-color: rgba(255, 217, 102, 0.12) !important;
  border: 1px solid rgba(255, 217, 102, 0.4) !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:nth-of-type(2) tbody tr:first-of-type .line1[data-v-6cf5705a]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffd966' d='M8 11a3.2 3.2 0 1 0-3.2-3.2A3.2 3.2 0 0 0 8 11Zm8 0a2.6 2.6 0 1 0-2.6-2.6A2.6 2.6 0 0 0 16 11ZM8 12.4c-2.8 0-5.2 1.4-5.2 3.2V17h8.2v-1.4c0-1.1.5-2.1 1.3-2.9A8 8 0 0 0 8 12.4Zm8 .6c-.5 0-1 .1-1.4.2 1.1.8 1.8 1.8 1.8 3V17H21v-1.2c0-1.6-2.2-2.8-5-2.8Z'/%3E%3C/svg%3E") !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info:nth-of-type(2) .line2:not(.r)[data-v-6cf5705a]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffd966' d='M4 7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v2H4V7Zm0 4h16v6a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-6Zm11 2.2a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2h-3Z'/%3E%3C/svg%3E") !important;
}

body #app:has(.container[data-v-6cf5705a]) .container .info_content .info tbody tr:last-of-type .line1[data-v-6cf5705a]::before {
  background-color: rgba(0, 207, 255, 0.12) !important;
  border: 1px solid rgba(0, 207, 255, 0.35) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300cfff' d='M4 19V5h2v12h14v2H4Zm3-3 4.2-5.2 3 2.4L19 7.2 20.4 8.6l-6.6 7.2-3-2.4L8.4 17.6 7 16Z'/%3E%3C/svg%3E") !important;
}