@media (min-width: 761px) {
  html body.field-connect-home #member-ranking #member-ranking-slider {
    width: min(720px, calc(100% - 28px)) !important;
    max-width: min(720px, calc(100% - 28px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body.field-connect-home #member-ranking #member-ranking-slider .member-ranking-track {
    gap: 10px !important;
    width: max-content !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 14px 0 !important;
  }

  html body.field-connect-home #member-ranking #member-ranking-slider .ranking-card {
    flex: 0 0 132px !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    min-height: 140px !important;
    padding: 9px 7px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, .68) !important;
    box-shadow: 0 10px 22px rgba(37, 48, 59, .14) !important;
    color: #25303b !important;
    text-shadow: none !important;
    overflow: hidden !important;
  }

  html body.field-connect-home #member-ranking #member-ranking-slider .ranking-card--aurora,
  html body.field-connect-home #member-ranking #member-ranking-slider .ranking-card:nth-child(4n + 1) {
    background: radial-gradient(circle at 24% 22%, rgba(255, 255, 255, .86), transparent 0 12%, transparent 22%), linear-gradient(135deg, rgba(104, 236, 206, .82), rgba(76, 167, 255, .74) 36%, rgba(255, 79, 174, .72) 68%, rgba(255, 211, 92, .72)) !important;
  }

  html body.field-connect-home #member-ranking #member-ranking-slider .ranking-card--gold,
  html body.field-connect-home #member-ranking #member-ranking-slider .ranking-card:nth-child(4n + 2) {
    background: radial-gradient(circle at 28% 24%, rgba(255, 255, 255, .78), transparent 0 14%, transparent 24%), linear-gradient(135deg, rgba(255, 235, 157, .84), rgba(218, 166, 47, .74) 58%, rgba(255, 246, 184, .68)) !important;
  }

  html body.field-connect-home #member-ranking #member-ranking-slider .ranking-card--silver,
  html body.field-connect-home #member-ranking #member-ranking-slider .ranking-card:nth-child(4n + 3) {
    background: radial-gradient(circle at 28% 24%, rgba(255, 255, 255, .76), transparent 0 14%, transparent 24%), linear-gradient(135deg, rgba(245, 248, 252, .9), rgba(178, 191, 205, .66) 58%, rgba(255, 255, 255, .78)) !important;
  }

  html body.field-connect-home #member-ranking #member-ranking-slider .ranking-card--standard {
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 239, 247, .88)) !important;
  }
}
