.timeline{isolation:isolate;width:min(78%,760px);margin:20px auto 0;padding:0 0 1px;position:relative}.timeline-line{z-index:0;background:var(--waymarks-primary);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);align-items:center;min-height:136px;display:grid;position:relative}.timeline-marker{z-index:2;box-sizing:border-box;width:42px;height:42px;color:var(--waymarks-primary);background:var(--waymarks-surface-raised);border:1px solid var(--waymarks-primary);box-shadow:0 0 12px color-mix(in srgb, var(--waymarks-primary) 20%, transparent);border-radius:50%;grid-area:1/2;justify-content:center;justify-self:center;align-items:center;display:flex;position:relative}.timeline-marker-active{color:var(--waymarks-dark);background:var(--waymarks-primary)}.timeline-left .timeline-card{text-align:right;background:var(--waymarks-surface-raised);border:var(--waymarks-surface-raised);border-radius:14px;grid-area:1/1;padding:12px 16px}.timeline-right .timeline-card{text-align:left;background:var(--waymarks-surface-raised);border:var(--waymarks-surface-raised);border-radius:14px;grid-area:1/3;padding:12px 16px}.timeline-left .timeline-spacer{grid-area:1/3}.timeline-right .timeline-spacer{grid-area:1/1}@media (max-width:520px){.timeline{width:calc(100% - 28px)}.timeline-line{left:24px}.timeline-item{grid-template-columns:48px minmax(0,1fr);min-height:140px;padding:10px 0}.timeline-marker{grid-area:1/1;width:36px;height:36px}.timeline-left .timeline-card,.timeline-right .timeline-card{text-align:left;grid-area:1/2}.timeline-spacer{display:none}}