.timeline{border:1px solid #3a3a3c;border-top:0;border-radius:0 0 20px 20px;background:#171719;padding:2.1rem 2.3rem}.timeline-head{display:flex;align-items:end;justify-content:space-between}.timeline .label{color:#85858b}.timeline h3{font-size:1.7rem;letter-spacing:-.06em;margin:0}.timeline-readout{text-align:right;display:grid;gap:.35rem}.timeline-readout span{color:#58a8ff;font:500 .62rem "DM Mono",monospace;text-transform:uppercase}.timeline-readout strong{font-size:.78rem;font-weight:500}.timeline input[type=range]{appearance:none;width:100%;height:3px;background:#4a4a4f;border-radius:99px;margin:2.2rem 0 1.2rem;outline:none}.timeline input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#0a84ff;box-shadow:0 0 0 6px #0a84ff44;cursor:pointer}.timeline-controls{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:1rem}.timeline-controls>button{width:28px;height:28px;border:1px solid #4a4a4f;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.timeline-controls>button:hover{background:#0a84ff;border-color:#0a84ff}.timeline-controls>div{height:12px;position:relative}.timeline-dot{position:absolute;top:2px;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:#77777d;border:0;padding:0;cursor:pointer}.timeline-dot.active{background:#fff;box-shadow:0 0 0 4px #0a84ff55}.timeline-note{margin:1.8rem 0 0;max-width:670px;color:#aaaab0;font-size:.77rem;line-height:1.55}@media(max-width:750px){.timeline{border-radius:0;padding:1.6rem 7vw}.timeline-head{display:block}.timeline-readout{text-align:left;margin-top:1.3rem}.timeline h3{font-size:1.4rem}}