.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline-event{display:grid;grid-template-columns:7.5rem 1.5rem 1fr;gap:0 var(--nys-space-300);padding-bottom:var(--nys-space-400);position:relative}.timeline-event:last-child{padding-bottom:0}.timeline-date{text-align:right;font-size:var(--nys-font-size-body-sm);color:var(--nys-color-text-weak);padding-top:var(--nys-space-50);font-weight:var(--nys-font-weight-semibold)}.timeline-marker{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-marker:before{content:"";display:block;width:.75rem;height:.75rem;border-radius:50%;background:var(--nys-color-base-mid);flex-shrink:0;margin-top:var(--nys-space-100);z-index:1}.timeline-marker:after{content:"";display:block;width:2px;flex:1;background:var(--nys-color-base);margin-top:var(--nys-space-100)}.timeline-event:last-child .timeline-marker:after{display:none}.timeline-event[data-status=complete] .timeline-marker:before{background:var(--nys-color-success)}.timeline-event[data-status=current] .timeline-marker:before{background:var(--nys-color-theme);width:1rem;height:1rem;margin-top:calc(var(--nys-space-100) - .125rem);box-shadow:0 0 0 4px color-mix(in srgb,var(--nys-color-theme) 20%,transparent);animation:timeline-pulse 2s ease-in-out infinite}.timeline-event[data-status=pending] .timeline-marker:before{background:var(--nys-color-base);border:2px solid var(--nys-color-base-mid)}.timeline-content{padding-top:0}.timeline-title{font-size:var(--nys-font-size-body-md);font-weight:var(--nys-font-weight-bold);color:var(--nys-color-text);margin:0 0 var(--nys-space-50)}.timeline-event[data-status=pending] .timeline-title{color:var(--nys-color-text-weak)}.timeline-description{font-size:var(--nys-font-size-body-sm);color:var(--nys-color-text-weak);margin:0;line-height:1.5}@keyframes timeline-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--nys-color-theme) 20%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--nys-color-theme) 10%,transparent)}}@media(max-width:30rem){.timeline-event{grid-template-columns:1.5rem 1fr;gap:0 var(--nys-space-200)}.timeline-date{grid-column:2;text-align:left;padding-top:0;margin-bottom:var(--nys-space-50)}.timeline-marker{grid-row:1 / span 2;grid-column:1}.timeline-content{grid-column:2}}
