.rankings-list {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  max-width: 400px;
}
  .rankings-list .rankings-list__title {
    background-color: var(--primary-500, #508DD5);
    margin: 0px;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }
  .rankings-list .rankings-list__index {
    color: var(--body-color, #3f3f46);
  }
  .rankings-list .rankings-list__name {
    margin: 0px;
    color: var(--body-color, #3f3f46);
  }
  .rankings-list .rankings-list__location {
    margin: 0px;
    color: var(--body-color, #3f3f46);
    font-size: 10px;
  }
  .rankings-list .rankings-list__link {
    background-color: var(--primary-500, #508DD5);
  }
  .rankings-list .rankings-list__link:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .rankings-list .rankings-list__link-text {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }