/* --- */
/* Attendees Page Specific Styles */

/* Timeline */

.timeline { position: relative; margin-top: 4rem; }

.timeline::before { content: ''; position: absolute; left: 1rem; top: 0; bottom: 0; width: 2px; height: 85%; background-color: var(--color-gray-800); }

.timeline-item { position: relative; padding-left: 3rem; margin-bottom: 2.5rem; }

.timeline-item:last-child { margin-bottom: 0; }

.timeline-dot { position: absolute; left: 0; top: 0.125rem; height: 2rem; width: 2rem; display: flex; align-items: center; justify-content: center; background-color: var(--color-gray-900); border-radius: 9999px; border: 2px solid var(--color-primary-500); color: var(--color-primary-500); font-weight: 700; }

.timeline-content h3 { font-size: 1.25rem; font-weight: 600; color: var(--color-white); }

.timeline-content p { margin-top: 0.5rem; color: var(--color-gray-400); }