.timeline{min-width:30rem;padding-left:2rem;padding-top:12rem;position:-webkit-sticky;position:sticky;top:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-anchor:none;min-height:100vh;max-height:100vh;overflow:auto;padding-bottom:4rem}.timeline h3{font-size:16px;font-weight:500;color:#333;margin:1rem 0}.timeline ul{list-style-type:none;padding:.75rem 2rem;margin:0 .5rem;border-left:.12rem solid #e8e8e8}.timeline li{position:relative;padding-bottom:1rem;padding-left:0}.timeline li a{font-size:14px;color:rgba(0,0,0,.6);transition:color .2s ease-in-out}.timeline li:before{content:"";background-color:#fff;border:2px solid #ee4d2d;border-radius:50%;display:flex;justify-content:center;align-items:center;width:1rem;height:1rem;position:absolute;left:-26px;top:8px;opacity:0;transition:opacity .2s ease-in-out}.timeline li:last-child{padding:0}.timeline li.--selected>a{color:#ee4d2d;transition:color .2s ease-in-out}.timeline li.--selected:before{opacity:1;transition:opacity .2s ease-in-out}.timeline li.--child a{margin-left:2rem;display:inline-block}.timeline li.--parent>a{display:block;padding-bottom:2rem}@media screen and (max-width:992px){.timeline{display:none}}