/* ==========================================================================
   RESPONSIVE — Home
   ========================================================================== */

/* --- Responsive --- */
@container (max-width: 420px) {
  .champion-tag,
  .pending-tag {
    margin-left: 0;
  }
}

@media (max-width: 560px) {
  .timeline {
    padding-left: 3.4rem;
  }

  .timeline::before {
    left: 1.3rem;
  }

  .timeline-marker {
    left: -3.4rem;
    width: 2.9rem;
    font-size: 0.82rem;
  }

  .timeline-marker::after {
    right: -0.55rem;
  }

  .position-numeral {
    font-size: 2.1rem;
  }
}