/* Origin: themes/fsportal-modern/assets/css/components/home-discovery-triad-v1.css | file */
body.home .fsp-home-triad-v1 {
  display: grid !important;
  grid-template-columns: minmax(0,1.02fr) minmax(0,1.12fr) minmax(300px,.88fr) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 22px 0 24px !important;
  align-items: stretch !important;
}

body.home .fsp-home-triad-slot-v1 {
  min-width: 0 !important;
  min-height: 236px !important;
}

body.home .fsp-home-triad-card-v1 {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: flex !important;
  min-width: 0 !important;
  min-height: 236px !important;
  height: 100% !important;
  box-sizing: border-box !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 19px !important;
  border: 1px solid rgba(var(--fsp-user-main-rgb,214,154,49),.20) !important;
  border-radius: 17px !important;
  color: #efefef !important;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.018) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.home a.fsp-home-triad-card-v1:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(var(--fsp-user-main-rgb,216,158,59),.34) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body.home .fsp-home-triad-cover-v1 {
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;
  display: block !important;
  background: #1a1b1e var(--fsp-triad-cover, none) center/cover no-repeat !important;
  filter: brightness(1.10) saturate(1.05) contrast(1.01) !important;
  transform: scale(1.015) !important;
}

body.home .fsp-home-triad-shade-v1 {
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  display: block !important;
  background: linear-gradient(90deg, rgba(18,19,21,.68) 0%, rgba(18,19,21,.42) 46%, rgba(18,19,21,.10) 100%),
        linear-gradient(0deg, rgba(10,11,12,.46) 0%, rgba(10,11,12,.035) 72%) !important;
}

body.home .fsp-home-triad-collection-v1 .fsp-home-triad-shade-v1 {
  background: linear-gradient(90deg, rgba(19,20,22,.64) 0%, rgba(19,20,22,.36) 47%, rgba(19,20,22,.08) 100%),
        radial-gradient(circle at 82% 18%, rgba(var(--fsp-user-main-rgb,218,179,67),.10), transparent 38%),
        linear-gradient(0deg, rgba(10,11,12,.44), rgba(10,11,12,.025) 72%) !important;
}

body.home .fsp-home-triad-kicker-v1 {
  display: block !important;
  margin: 0 0 15px !important;
  color: var(--fsp-user-bright,#e4ad4d) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}

body.home .fsp-home-triad-brandline-v1 {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 12px !important;
}

body.home .fsp-home-triad-brandlogo-v1 {
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  flex: 0 0 52px !important;
  place-items: center !important;
  overflow: hidden !important;
  padding: 6px !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.22) !important;
}

body.home .fsp-home-triad-brandlogo-v1 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body.home .fsp-home-triad-brandlogo-v1.is-fallback {
  background: rgba(255,255,255,.94) !important;
  color: #2c2e33 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

body.home .fsp-home-triad-brandline-v1 > strong {
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--fsp-user-main,#eaa734) !important;
  font-size: 23px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.home .fsp-home-triad-avatar-v1 {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  place-items: center !important;
  overflow: hidden !important;
  margin-bottom: 10px !important;
  border: 2px solid rgba(255,255,255,.30) !important;
  border-radius: 50% !important;
  background: #2b2d32 !important;
  color: var(--fsp-user-bright,#e0b161) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.20) !important;
}

body.home .fsp-home-triad-avatar-v1 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.home .fsp-home-triad-title-v1 {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #f3f3f3 !important;
  font-size: 21px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.home .fsp-home-triad-copy-v1 {
  display: block !important;
  max-width: 310px !important;
  margin-top: 10px !important;
  color: #b8babe !important;
  font-size: 11px !important;
  line-height: 1.52 !important;
  font-weight: 600 !important;
}

body.home .fsp-home-triad-meta-v1 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 9px !important;
  color: #c9cacb !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

body.home .fsp-home-triad-meta-v1 i {
  opacity: .45 !important;
  font-style: normal !important;
}

body.home .fsp-home-triad-cta-v1 {
  display: inline-flex !important;
  min-height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: auto !important;
  padding: 0 13px !important;
  border-radius: 8px !important;
  background: var(--fsp-user-main,#e6a432) !important;
  color: #17181b !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  box-shadow: 0 8px 20px rgba(var(--fsp-user-main-rgb,215,148,32),.13) !important;
}

body.home .fsp-home-triad-collection-v1 {
  border-color: rgba(var(--fsp-user-main-rgb,191,160,69),.27) !important;
}

body.home .fsp-home-triad-collection-v1 .fsp-home-triad-cta-v1 {
  background: var(--fsp-user-main,#e7a636) !important;
}

body.home .fsp-home-triad-garage-v1 {
  background: radial-gradient(circle at 90% 10%, rgba(44,112,112,.18), transparent 42%),
        linear-gradient(145deg, #1c1e21 0%, #1d1f22 100%) !important;
  border-color: rgba(var(--fsp-user-main-rgb,213,151,43),.24) !important;
}

body.home .fsp-home-triad-garage-v1 h3 {
  max-width: 340px !important;
  margin: 1px 0 15px !important;
  color: #f1f1f1 !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  font-weight: 850 !important;
  letter-spacing: -.015em !important;
}

body.home .fsp-home-triad-stats-v1 {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 7px !important;
  width: 100% !important;
  margin-top: auto !important;
}

body.home .fsp-home-triad-stats-v1 > span {
  display: flex !important;
  min-height: 65px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 4px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.025) !important;
}

body.home .fsp-home-triad-stats-v1 b {
  color: #f3f3f3 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body.home .fsp-home-triad-stats-v1 small {
  margin-top: 6px !important;
  color: #919499 !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

body.home .fsp-home-triad-garage-cta-v1 {
  display: grid !important;
  width: 100% !important;
  min-height: 38px !important;
  place-items: center !important;
  margin-top: 11px !important;
  border-radius: 8px !important;
  background: var(--fsp-user-main,#e6a432) !important;
  color: #16171a !important;
  text-decoration: none !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  transition: filter .16s ease, transform .16s ease !important;
}

body.home .fsp-home-triad-garage-cta-v1:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
}

body.home .fsp-home-triad-skeleton-v1 {
  display: block !important;
  width: 100% !important;
  height: 236px !important;
  border: 1px solid rgba(var(--fsp-user-main-rgb,214,152,46),.14) !important;
  border-radius: 17px !important;
  background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,.035) 38%, transparent 56%) 0 0/220% 100%,
        linear-gradient(145deg,#1a1c1f,#1f2024) !important;
  animation: fsp-triad-shimmer-v1 1.35s linear infinite !important;
}

body.home .fsp-home-triad-slot-v1.is-empty {
  display: none !important;
}

@keyframes fsp-triad-shimmer-v1 {
    to { background-position: -220% 0, 0 0; }
}

@media (max-width: 1100px) {
  body.home .fsp-home-triad-v1 {
    grid-template-columns: 1fr 1fr !important;
  }

  body.home .fsp-home-triad-garage-v1 {
    grid-column: 1 / -1 !important;
    min-height: 190px !important;
  }
}

@media (max-width: 720px) {
  body.home .fsp-home-triad-v1 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 18px !important;
  }

  body.home .fsp-home-triad-slot-v1,
    body.home .fsp-home-triad-card-v1,
    body.home .fsp-home-triad-skeleton-v1 {
    min-height: 218px !important;
    height: auto !important;
  }

  body.home .fsp-home-triad-garage-v1 {
    grid-column: auto !important;
    min-height: 210px !important;
  }

  body.home .fsp-home-triad-brandline-v1 > strong,
    body.home .fsp-home-triad-title-v1 {
    font-size: 20px !important;
  }
}

body.home .fsp-home-triad-rewards-v1 {
  padding: 16px 16px 13px !important;
  background: radial-gradient(circle at 92% 0%, rgba(var(--fsp-user-main-rgb,215,153,46),.12), transparent 38%),
        linear-gradient(145deg, #1c1e21 0%, #1e2023 100%) !important;
  border-color: rgba(var(--fsp-user-main-rgb,215,153,46),.22) !important;
}

body.home .fsp-home-triad-rewards-head-v1 {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body.home .fsp-home-triad-rewards-v1 .fsp-home-triad-kicker-v1 {
  margin-bottom: 6px !important;
}

body.home .fsp-home-triad-rewards-head-v1 h3 {
  margin: 0 !important;
  color: #f1f1f2 !important;
  font-size: 16px !important;
}

body.home .fsp-home-triad-rewards-balance-v1 {
  display: flex !important;
  min-width: 78px !important;
  flex-direction: column !important;
  padding-top: 1px !important;
}

body.home .fsp-home-triad-rewards-balance-v1 small {
  color: #74777e !important;
  font-size: 6px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

body.home .fsp-home-triad-rewards-balance-v1 b {
  margin-top: 3px !important;
  color: var(--fsp-user-bright,#dca74c) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body.home .fsp-home-triad-rewards-tabs-v1 {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 4px !important;
  padding: 3px !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 8px !important;
  background: rgba(12,12,13,.18) !important;
}

body.home .fsp-home-triad-rewards-tabs-v1 button {
  min-width: 0 !important;
  min-height: 25px !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #787c83 !important;
  font: inherit !important;
  font-size: 6.5px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background .16s ease, color .16s ease !important;
}

body.home .fsp-home-triad-rewards-tabs-v1 button.is-active {
  background: rgba(var(--fsp-user-main-rgb,215,153,46),.13) !important;
  color: var(--fsp-user-bright,#dca74d) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--fsp-user-main-rgb,215,153,46),.16) !important;
}

body.home .fsp-home-triad-rewards-list-v1 {
  gap: 4px !important;
  width: 100% !important;
  min-height: 91px !important;
  margin-top: 7px !important;
  transition: opacity .15s ease !important;
}

body.home .fsp-home-triad-rewards-v1.is-loading-period .fsp-home-triad-rewards-list-v1 {
  opacity: .42 !important;
}

body.home .fsp-home-triad-reward-row-v1 {
  display: grid !important;
  grid-template-columns: 24px 28px minmax(0,1fr) auto !important;
  gap: 7px !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 3px 5px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.025) !important;
}

body.home .fsp-home-triad-reward-row-v1.is-first {
  background: linear-gradient(90deg, rgba(var(--fsp-user-main-rgb,215,153,46),.10), rgba(var(--fsp-user-main-rgb,215,153,46),.035)) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--fsp-user-main-rgb,215,153,46),.11) !important;
}

body.home .fsp-home-triad-reward-rank-v1 {
  width: 22px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 50% !important;
  color: #cacbcd !important;
  font-size: 7px !important;
  font-weight: 950 !important;
}

body.home .fsp-home-triad-reward-row-v1.is-first .fsp-home-triad-reward-rank-v1 {
  border-color: rgba(var(--fsp-user-main-rgb,218,164,70),.38) !important;
  color: var(--fsp-user-bright,#e7ae4d) !important;
}

body.home .fsp-home-triad-reward-avatar-v1 {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--fsp-user-main-rgb,215,153,46),.16) !important;
  border-radius: 50% !important;
  background: #24262a !important;
}

body.home .fsp-home-triad-reward-avatar-v1 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.home .fsp-home-triad-reward-avatar-v1 b {
  color: var(--fsp-user-main,#daa242) !important;
  font-size: 7px !important;
}

body.home .fsp-home-triad-reward-user-v1 {
  display: block !important;
  min-width: 0 !important;
}

body.home .fsp-home-triad-reward-user-v1 strong,
body.home .fsp-home-triad-reward-user-v1 small {
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.home .fsp-home-triad-reward-user-v1 strong {
  color: #eaeaeb !important;
  font-size: 7.5px !important;
  font-weight: 850 !important;
}

body.home .fsp-home-triad-reward-user-v1 small {
  margin-top: 2px !important;
  color: #70737a !important;
  font-size: 5.5px !important;
  line-height: 1 !important;
}

body.home .fsp-home-triad-reward-points-v1 {
  min-height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 7px !important;
  border: 1px solid rgba(var(--fsp-user-main-rgb,215,153,46),.17) !important;
  border-radius: 6px !important;
  background: rgba(var(--fsp-user-main-rgb,215,153,46),.10) !important;
  color: var(--fsp-user-main,#dba64a) !important;
  font-size: 7px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

body.home .fsp-home-triad-rewards-cta-v1 {
  display: flex !important;
  width: 100% !important;
  min-height: 29px !important;
  justify-content: space-between !important;
  padding: 0 9px !important;
  border-top: 1px solid rgba(255,255,255,.055) !important;
  color: var(--fsp-user-main,#d99f3d) !important;
  text-decoration: none !important;
  font-size: 7px !important;
  font-weight: 850 !important;
}

body.home .fsp-home-triad-rewards-cta-v1 b {
  font-size: 11px !important;
}

body.home .fsp-home-triad-rewards-empty-v1 {
  display: grid !important;
  grid-template-columns: 32px minmax(0,1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  min-height: 78px !important;
  padding: 8px !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.025) !important;
}

body.home .fsp-home-triad-rewards-empty-v1>span {
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: rgba(var(--fsp-user-main-rgb,215,153,46),.10) !important;
  color: var(--fsp-user-main,#d9a13f) !important;
  font-size: 8px !important;
  font-weight: 950 !important;
}

body.home .fsp-home-triad-rewards-empty-v1 strong,
body.home .fsp-home-triad-rewards-empty-v1 small {
  display: block !important;
}

body.home .fsp-home-triad-rewards-empty-v1 strong {
  color: #e0e1e2 !important;
  font-size: 8px !important;
}

body.home .fsp-home-triad-rewards-empty-v1 small {
  margin-top: 3px !important;
  color: #74777d !important;
  font-size: 6px !important;
}

@media (max-width: 1100px) {
  body.home .fsp-home-triad-rewards-v1 {
    grid-column: 1 / -1 !important;
    min-height: 190px !important;
  }

  body.home .fsp-home-triad-rewards-list-v1 {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    min-height: 0 !important;
  }

  body.home .fsp-home-triad-reward-row-v1 {
    min-height: 48px !important;
  }
}

@media (max-width: 720px) {
  body.home .fsp-home-triad-rewards-v1 {
    grid-column: auto !important;
    min-height: 220px !important;
  }

  body.home .fsp-home-triad-rewards-list-v1 {
    grid-template-columns: 1fr !important;
  }
}

body.home .fsp-home-triad-rewards-v1 {
  position: relative !important;
  overflow: hidden !important;
  padding: 18px 18px 16px !important;
  border-color: rgba(var(--fsp-user-main-rgb,215,153,46),.24) !important;
  background: radial-gradient(circle at 88% 16%,rgba(var(--fsp-user-main-rgb,215,153,46),.16),transparent 28%),
        radial-gradient(circle at 18% 110%,rgba(var(--fsp-user-muted-rgb,203,144,40),.12),transparent 34%),
        linear-gradient(145deg,#1c1d20 0%,#1f2024 58%,#1b1d20 100%) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.022) !important;
}

body.home .fsp-home-triad-rewards-v1::before {
  content: "★" !important;
  position: absolute !important;
  right: 14px !important;
  bottom: -34px !important;
  z-index: 0 !important;
  color: rgba(var(--fsp-user-main-rgb,215,153,46),.045) !important;
  font-size: 116px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  pointer-events: none !important;
}

body.home .fsp-home-triad-rewards-v1 > * {
  position: relative !important;
  z-index: 1 !important;
}

body.home .fsp-home-triad-rewards-head-v1 {
  min-height: 48px !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

body.home .fsp-home-triad-rewards-v1 .fsp-home-triad-kicker-v1 {
  margin: 0 0 7px !important;
  color: var(--fsp-user-bright,#e4ad4d) !important;
  font-size: 8.5px !important;
  letter-spacing: .055em !important;
}

body.home .fsp-home-triad-rewards-head-v1 h3 {
  color: #f2f2f3 !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
}

body.home .fsp-home-triad-rewards-balance-v1 {
  min-width: 92px !important;
  align-items: flex-end !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(var(--fsp-user-main-rgb,215,153,46),.13) !important;
  border-radius: 8px !important;
  background: rgba(var(--fsp-user-main-rgb,215,153,46),.055) !important;
}

body.home .fsp-home-triad-rewards-balance-v1 small {
  color: #80838a !important;
  font-size: 6.5px !important;
}

body.home .fsp-home-triad-rewards-balance-v1 b {
  margin-top: 4px !important;
  color: var(--fsp-user-bright,#e0ab50) !important;
  font-size: 12px !important;
}

body.home .fsp-home-triad-rewards-tabs-v1 {
  display: flex !important;
  gap: 5px !important;
  width: 100% !important;
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.home .fsp-home-triad-rewards-tabs-v1 button {
  min-height: 27px !important;
  flex: 1 1 0 !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 7px !important;
  background: rgba(255,255,255,.018) !important;
  color: #80838a !important;
  font-size: 6.7px !important;
  font-weight: 850 !important;
}

body.home .fsp-home-triad-rewards-tabs-v1 button:hover {
  color: var(--fsp-user-bright,#dca84e) !important;
  border-color: rgba(var(--fsp-user-main-rgb,215,153,46),.13) !important;
}

body.home .fsp-home-triad-rewards-tabs-v1 button.is-active {
  border-color: rgba(var(--fsp-user-main-rgb,215,153,46),.24) !important;
  background: rgba(var(--fsp-user-main-rgb,215,153,46),.11) !important;
  color: var(--fsp-user-bright,#ddaa52) !important;
  box-shadow: none !important;
}

body.home .fsp-home-triad-rewards-list-v1 {
  display: grid !important;
  gap: 0 !important;
  min-height: 96px !important;
  margin-top: 9px !important;
  border-top: 1px solid rgba(255,255,255,.055) !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
}

body.home .fsp-home-triad-reward-row-v1 {
  grid-template-columns: 27px 34px minmax(0,1fr) auto !important;
  gap: 9px !important;
  min-height: 43px !important;
  padding: 6px 2px !important;
  border-bottom: 1px solid rgba(255,255,255,.045) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.home .fsp-home-triad-reward-row-v1:last-child {
  border-bottom: 0 !important;
}

body.home .fsp-home-triad-reward-row-v1.is-first {
  background: linear-gradient(90deg,rgba(var(--fsp-user-main-rgb,215,153,46),.07),rgba(var(--fsp-user-main-rgb,215,153,46),0) 72%) !important;
  box-shadow: none !important;
}

body.home .fsp-home-triad-reward-rank-v1 {
  width: 25px !important;
  height: 25px !important;
  border-color: rgba(255,255,255,.11) !important;
  color: #c1c3c6 !important;
  font-size: 7.5px !important;
}

body.home .fsp-home-triad-reward-row-v1.is-first .fsp-home-triad-reward-rank-v1 {
  border-color: rgba(var(--fsp-user-bright-rgb,220,169,79),.42) !important;
  background: rgba(var(--fsp-user-main-rgb,215,153,46),.08) !important;
  color: var(--fsp-user-bright,#e7b153) !important;
}

body.home .fsp-home-triad-reward-avatar-v1 {
  width: 34px !important;
  height: 34px !important;
  border: 2px solid rgba(var(--fsp-user-main-rgb,215,153,46),.18) !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.20) !important;
}

body.home .fsp-home-triad-reward-row-v1.is-first .fsp-home-triad-reward-avatar-v1 {
  border-color: rgba(var(--fsp-user-bright-rgb,220,167,76),.46) !important;
  box-shadow: 0 0 0 2px rgba(var(--fsp-user-main-rgb,215,153,46),.06),
        0 5px 14px rgba(0,0,0,.22) !important;
}

body.home .fsp-home-triad-reward-user-v1 strong {
  color: #eeeeef !important;
  font-size: 9px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}

body.home .fsp-home-triad-reward-user-v1 small {
  margin-top: 3px !important;
  color: #75787e !important;
  font-size: 6.5px !important;
}

body.home .fsp-home-triad-reward-points-v1 {
  min-height: 27px !important;
  padding: 0 8px !important;
  border-color: rgba(var(--fsp-user-main-rgb,215,153,46),.18) !important;
  border-radius: 7px !important;
  background: rgba(var(--fsp-user-main-rgb,215,153,46),.09) !important;
  color: var(--fsp-user-bright,#dda951) !important;
  font-size: 8px !important;
}

body.home .fsp-home-triad-rewards-cta-v1 {
  width: auto !important;
  min-width: 112px !important;
  min-height: 35px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--fsp-user-main,#e6a432) !important;
  color: #17181a !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  box-shadow: 0 8px 20px rgba(var(--fsp-user-main-rgb,215,148,32),.12) !important;
  transition: filter .16s ease,transform .16s ease !important;
}

body.home .fsp-home-triad-rewards-cta-v1:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
}

body.home .fsp-home-triad-rewards-cta-v1 b {
  color: #17181a !important;
  font-size: 10px !important;
}

body.home .fsp-home-triad-rewards-empty-v1 {
  min-height: 94px !important;
  padding: 10px 2px !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.home .fsp-home-triad-rewards-empty-v1 strong {
  font-size: 9px !important;
}

body.home .fsp-home-triad-rewards-empty-v1 small {
  font-size: 6.5px !important;
}

@media(max-width:1100px){
  body.home .fsp-home-triad-rewards-v1 {
    min-height: 200px !important;
  }

  body.home .fsp-home-triad-rewards-list-v1 {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 8px !important;
    border: 0 !important;
  }

  body.home .fsp-home-triad-reward-row-v1 {
    min-height: 54px !important;
    padding: 7px !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 9px !important;
  }
}

@media(max-width:720px){
  body.home .fsp-home-triad-rewards-v1 {
    min-height: 228px !important;
    padding: 16px !important;
  }

  body.home .fsp-home-triad-rewards-head-v1 h3 {
    font-size: 18px !important;
  }

  body.home .fsp-home-triad-rewards-tabs-v1 {
    overflow: auto !important;
  }

  body.home .fsp-home-triad-rewards-tabs-v1 button {
    flex: 0 0 auto !important;
    min-width: 74px !important;
  }

  body.home .fsp-home-triad-rewards-list-v1 {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    border-top: 1px solid rgba(255,255,255,.055) !important;
    border-bottom: 1px solid rgba(255,255,255,.055) !important;
  }

  body.home .fsp-home-triad-reward-row-v1 {
    min-height: 43px !important;
    padding: 6px 2px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.045) !important;
    border-radius: 0 !important;
  }

  body.home .fsp-home-triad-reward-row-v1:last-child {
    border-bottom: 0 !important;
  }
}