.timeline-section{background:linear-gradient(180deg,#393d4c,#1a222d);padding:130px 0;width:100%}.timeline-section .container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.timeline-section-heading{align-items:flex-start;display:flex;gap:115px;justify-content:flex-end;margin-bottom:100px}.timeline-section-title{color:#fff;display:flex;flex-direction:column;font-family:var(--font-main);font-size:33px;font-style:normal;font-weight:800;gap:5px;letter-spacing:-1.32px;line-height:95%;max-width:210px;width:100%}.timeline-section-heading-text,.timeline-section-heading-text p{color:#fff;flex:1;font-family:var(--font-main);font-size:18px;font-style:normal;font-weight:400;letter-spacing:-.54px;line-height:140%;max-width:740px;width:100%}.history-timeline{display:flex;flex-direction:row;gap:150px}.history-timeline-years{height:100%;position:sticky;top:160px;width:150px}.history-timeline-years ul{display:flex;flex-direction:column;gap:20px;list-style-type:none;margin:0;padding:0;width:100%}.history-timeline-years ul li.timeline-year{align-items:center;color:#fff;display:flex;font-family:var(--font-main);font-size:28px;font-style:normal;font-weight:500;gap:10px;justify-content:flex-end;letter-spacing:-1.12px;line-height:120%;padding-right:30px;position:relative}.history-timeline-years ul li.timeline-year .year{opacity:.5}.history-timeline-years ul li.timeline-year:nth-child(8)~li.timeline-year .year{opacity:.2}.history-timeline-years ul .timeline-year.active .year,.history-timeline-years ul li.timeline-year:nth-child(8)~li.timeline-year.active .year{opacity:1!important}.history-timeline-years ul .timeline-year.active{padding-right:50px}.history-timeline-detail{display:flex;flex-direction:column;gap:150px;max-width:calc(100% - 290px);width:100%}.history-timeline-content{display:flex!important;flex-direction:column;gap:40px}.history-timeline-year-title{color:#71bf49;font-family:var(--font-main);font-size:54.33px;font-style:normal;font-weight:800;letter-spacing:-2.173px;line-height:120%}.history-timeline-content-image{display:flex;position:relative;width:100%}.history-timeline-content-image img{width:100%}span.search-icon{bottom:20px;position:absolute;right:20px}.history-timeline-text,.history-timeline-text p,.history-timeline-text ul li{color:#fff;font-family:var(--font-main);font-size:18px;font-style:normal;font-weight:400;letter-spacing:-.54px;line-height:140%}.history-timeline-text ul{display:flex;flex-direction:column;gap:15px;list-style-type:none;margin:auto;padding:0;position:relative}.history-timeline-years ul:after{background:linear-gradient(180deg,#6ebe4a,rgba(51,88,34,0));content:"";height:100%;position:absolute;right:-36px;top:-100px;width:12px}.history-timeline-text ul li{padding-left:20px;position:relative}.history-timeline-text ul li:after{background-image:url(https://www.peloton.com/hubfs/right.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:13px;left:0;position:absolute;top:6px;width:8px}.history-timeline-detail .history-timeline-content-slider{opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}.history-timeline-detail .history-timeline-content-slider.active{opacity:1;pointer-events:auto}.timeline-year.active{color:#255ca4;font-weight:700}.history-timeline-years li{cursor:pointer;transition:all .3s ease}.history-timeline-years li:hover{color:#255ca4}.history-timeline-years ul .timeline-year.active{color:#71bf49;font-family:var(--font-main);font-size:34.91px;font-style:normal;font-weight:800}.history-timeline-years ul .timeline-year.active span.badge{background:#71bf49}.history-timeline-years ul .timeline-year span.badge{align-items:center;background:#9d9ea4;border-radius:50%;color:#fff;display:flex;font-family:var(--font-main);font-size:18px;font-style:normal;font-weight:400;height:22px;justify-content:center;letter-spacing:-.54px;line-height:1;line-height:140%;position:absolute;right:0;width:22px}.slider-navigation{align-items:center;display:flex;gap:30px;position:absolute;right:0;top:20px}.slider-navigation button{background:transparent;border:none;padding:0}.slider-indicator{color:#fff;font-family:var(--font-main);font-size:18px;font-style:normal;font-weight:400;letter-spacing:-.54px;line-height:140%}.history-timeline-content-slider-wrap{display:flex;flex-direction:column;position:relative;width:100%}.slider-navigation button:hover svg *{stroke:#fff}@media(max-width:1200px){.history-timeline-years ul:after{top:0}.history-timeline{gap:70px}.history-timeline-detail{max-width:calc(100% - 220px)}.timeline-section-heading{margin-bottom:80px}}@media(max-width:1024px){.history-timeline-year-title{font-size:40px;letter-spacing:-1px}.history-timeline-content{gap:30px}.history-timeline-years ul .timeline-year.active{font-size:26px;padding-right:30px}.history-timeline-years ul li.timeline-year{font-size:22px}.history-timeline-years ul .timeline-year span.badge{font-size:14px;height:20px;width:20px}.history-timeline-years ul:after{right:-20px;width:6px}.history-timeline-years{width:100px}.history-timeline{gap:35px}.history-timeline-detail{max-width:calc(100% - 135px)}.history-timeline-years ul{gap:15px}.timeline-section-heading{gap:30px}}@media(max-width:768px){.history-timeline-years ul .timeline-year span.badge{font-size:12px;height:16px;width:16px}.timeline-section-heading{align-items:center;flex-direction:column;gap:20px;margin-bottom:60px}.timeline-section-heading-text{text-align:center}.timeline-section-heading-text,.timeline-section-heading-text p{font-size:16px;text-align:center}.history-timeline-years ul .timeline-year.active{font-size:20px}.history-timeline-years ul li.timeline-year{font-size:18px}.history-timeline-years{width:75px}.history-timeline-years ul:after{right:5px;width:6px;z-index:-1}.history-timeline-years ul .timeline-year span.badge{box-shadow:0 0 10px hsla(0,0%,100%,.1)}.history-timeline-year-title{font-size:30px;letter-spacing:-1px}.history-timeline-content{gap:20px}.slider-navigation{gap:20px;top:-25px}.history-timeline-text,.history-timeline-text p,.history-timeline-text ul li,.slider-indicator{font-size:16px}.history-timeline{gap:15px}.history-timeline-detail{max-width:calc(100% - 90px)}}@media(max-width:480px){.history-timeline-years ul .timeline-year.active{font-size:16px;padding-left:20px}.history-timeline-years ul li.timeline-year{font-size:14px;padding-left:20px}.history-timeline-years{width:60px}.history-timeline{gap:10px}.history-timeline-detail{max-width:calc(100% - 70px)}.history-timeline-year-title{font-size:24px;letter-spacing:-.5px}.history-timeline-text ul li{padding-left:15px}.history-timeline-text,.history-timeline-text p,.history-timeline-text ul li{font-size:14px}}