.storyline .grp-timeline{display:flex;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch}
@media(max-width:767.99px){.storyline .grp-timeline{gap:16px}
}
.storyline .grp-timeline .grp-timeline__header{margin-top:20px;width:100%;display:grid;grid-template-columns:24px auto 24px;column-gap:20px}
.storyline .grp-timeline .grp-timeline__header .grp-timeline__left,.storyline .grp-timeline .grp-timeline__header .grp-timeline__right{height:24px;align-self:center}
.storyline .grp-timeline .grp-timeline__header .grp-timeline__left:focus-visible::after,.storyline .grp-timeline .grp-timeline__header .grp-timeline__right:focus-visible::after{background-color:var(--color-text-highlighted)}
.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper{overflow:hidden}
.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline{display:flex;align-items:flex-start;transition:all 750ms ease-in-out;height:126px}
@media(min-width:768px) and (max-width:1279.99px){.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline{height:121px}
}
@media(max-width:767.99px){.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline{height:106px}
}
.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator{flex-grow:1}
.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator .grp-timeline__timeline-year-indicator-scale{display:flex;justify-content:center;align-items:flex-start;min-width:200px}
.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator .grp-timeline__timeline-year-indicator-scale .grp-timeline__timeline-scale-separator{flex-grow:1;display:flex;width:1px;height:24px;flex-direction:column;align-items:flex-start;gap:10px;transition:height 500ms;border-left:1px solid var(--color-separator-black)}
@media(max-width:1279.99px){.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator .grp-timeline__timeline-year-indicator-scale .grp-timeline__timeline-scale-separator{height:16px}
}
.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator .grp-timeline__timeline-year-indicator-date{color:var(--color-text-primary);font-family:"BMWGroupTNProTT-Regular",Arial,Helvetica,sans-serif;font-size:24px;line-height:1.4;letter-spacing:0;text-transform:none;text-align:center;min-width:100px;width:50%;transition:font-size 500ms;margin-top:24px}
@media(min-width:768px) and (max-width:1279.99px){.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator .grp-timeline__timeline-year-indicator-date{font-size:18px}
}
@media(max-width:767.99px){.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator .grp-timeline__timeline-year-indicator-date{font-size:18px}
}
@media(max-width:767.99px){.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator .grp-timeline__timeline-year-indicator-date{margin-top:16px}
}
.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator.active .grp-timeline__timeline-scale-separator.long{border-left-color:var(--color-text-highlighted);height:56px}
.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator.active .grp-timeline__timeline-year-indicator-date{color:var(--color-text-primary);font-family:"BMWGroupTNProTT-Bold","Arial Black",Gadget,sans-serif;font-size:38px;line-height:1.2;letter-spacing:0;text-transform:none}
@media(min-width:768px) and (max-width:1279.99px){.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator.active .grp-timeline__timeline-year-indicator-date{font-size:34px}
}
@media(max-width:767.99px){.storyline .grp-timeline .grp-timeline__header .grp-timeline__timeline-wrapper .grp-timeline__timeline .grp-timeline__timeline-year-indicator.active .grp-timeline__timeline-year-indicator-date{font-size:28px}
}
.storyline .grp-timeline .grp-timeline__outer-wrapper{overflow:hidden;width:calc(100% + 192px);transform:translateX(-96px)}
@media(min-width:768px) and (max-width:1279.99px){.storyline .grp-timeline .grp-timeline__outer-wrapper{width:calc(100% + 96px);transform:translateX(-48px)}
}
@media(max-width:767.99px){.storyline .grp-timeline .grp-timeline__outer-wrapper{width:calc(100% + 48px);transform:translateX(-24px)}
}
.storyline .grp-timeline .grp-timeline__outer-wrapper .grp-timeline__item-wrapper{position:relative;padding-left:96px;padding-right:96px}
@media(min-width:768px) and (max-width:1279.99px){.storyline .grp-timeline .grp-timeline__outer-wrapper .grp-timeline__item-wrapper{padding-left:48px;padding-right:48px}
}
@media(max-width:767.99px){.storyline .grp-timeline .grp-timeline__outer-wrapper .grp-timeline__item-wrapper{padding-left:24px;padding-right:24px}
}
.storyline .grp-timeline .grp-timeline__outer-wrapper .grp-timeline__item-wrapper .grp-timeline__item-list{display:flex;align-self:stretch;gap:192px;transition:all 750ms ease-in-out}
.storyline .grp-timeline .grp-timeline__outer-wrapper .grp-timeline__item-wrapper .grp-timeline__item-list .grp-timeline__item{flex-basis:100%;flex-shrink:0}
.storyline .grp-timeline .grp-timeline__left::after,.storyline .grp-timeline .grp-timeline__right::after{content:"";mask-repeat:no-repeat;mask-size:24px;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:24px;-webkit-mask-position:center;background-color:var(--icon-color-dark);width:24px;height:24px;left:0;display:block;position:relative}
.storyline .grp-timeline .grp-timeline__left::after{mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/arrow-chevron-left_rg.svg");-webkit-mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/arrow-left_rg.svg")}
.storyline .grp-timeline .grp-timeline__left:hover::after,.storyline .grp-timeline .grp-timeline__right:hover::after{background-color:var(--color-text-highlighted)}
.storyline .grp-timeline .grp-timeline__right::after{mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/arrow-chevron-right_rg.svg");-webkit-mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/arrow-right_rg.svg")}