.typochart{margin-top:40px;background-color:var(--color-lightgray)}
.container-layout.background-grey .typochart{background-color:var(--color-white)}
.typochart .grp-typochart{position:relative;padding:28px;display:flex;flex-direction:column;height:100%;width:100%}
@media(max-width:1024px){.typochart .grp-typochart{padding:24px}
}
.typochart .grp-typochart__itemlist{flex:auto;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.typochart .grp-typochart__itemlist .grp-typochart__item{display:grid;grid-template-rows:1fr 1fr;position:absolute;top:0;height:100%;width:100%;transition:left .75s ease-in-out}
.typochart .grp-typochart__itemlist .grp-typochart__item .grp-typochart__item-value{font-family:"BMWGroupTNCondensedProTT-Regular",Tahoma,Geneva,sans-serif;font-size:42px;line-height:1;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;padding:0 28px}
@media(max-width:1024px){.typochart .grp-typochart__itemlist .grp-typochart__item .grp-typochart__item-value{padding:0 24px}
}
.typochart .grp-typochart__itemlist .grp-typochart__item .grp-typochart__item-description{margin-top:15px;text-align:center;padding:0 28px}
.typochart .grp-typochart__itemlist .grp-typochart__item.current{left:0}
.typochart .grp-typochart__itemlist .grp-typochart__item.no-transition{transition:none}
.typochart .grp-typochart__itemlist .grp-typochart__item.right{left:100%}
.typochart .grp-typochart__itemlist .grp-typochart__item.left{left:-100%}
.typochart .grp-typochart__pagination{display:flex;flex-wrap:wrap;justify-content:center;width:calc(100% - 98px);position:absolute;bottom:28px}
@media(max-width:1024px){.typochart .grp-typochart__pagination{bottom:24px}
}
.typochart .grp-typochart__pagination .grp-typochart__pagination-item{cursor:pointer;font-family:"BMWGroupTNCondensedProTT-Bold",Charcoal,sans-serif;font-size:17px;color:var(--color-gray);border-bottom:3px solid transparent;padding:3px 6px}
.typochart .grp-typochart__pagination .grp-typochart__pagination-item:hover,.typochart .grp-typochart__pagination .grp-typochart__pagination-item.current{color:var(--color-text-default);border-bottom-color:var(--color-text-default)}
.typochart .grp-typochart__arrow{display:block;height:40px;width:40px;right:20px;bottom:20px;position:absolute;cursor:initial;mask-repeat:no-repeat;mask-size:40px;mask-position:center center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:40px;-webkit-mask-position:center center;background-color:var(--color-textlink);mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/clientlib-base/resources/images/regular/arrow-up-right_rg.svg");-webkit-mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/clientlib-base/resources/images/regular/arrow-up-right_rg.svg");transition:all .75s;transform:rotate(45deg);opacity:1}
.typochart .grp-typochart__arrow.noarrow{opacity:0}
.typochart .grp-typochart__arrow.arrowup{transform:rotate(0)}
.typochart .grp-typochart__arrow.arrowdown{transform:rotate(90deg)}
.container-layout>.cmp-container>.typochart>.grp-typochart{aspect-ratio:2}
@media(min-width:481px) and (max-width:604px){.typochart .grp-typochart__itemlist .grp-typochart__item .grp-typochart__item-value{font-size:28px}
.typochart .grp-typochart__itemlist .grp-typochart__item .grp-typochart__item-description{font-size:15px;margin-top:8px;hyphens:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.typochart .grp-typochart__pagination{width:calc(100% - 72px)}
.typochart .grp-typochart__pagination .grp-typochart__pagination-item{font-size:15px;padding:2px 4px}
.typochart .grp-typochart__arrow{height:32px;width:32px;mask-size:32px;-webkit-mask-size:32px}
}
@media(max-width:480px){.container-layout>.cmp-container>.typochart>.grp-typochart{aspect-ratio:1}
}
.grp-column-control.grp-column-control--3-3-3 .grp-typochart,.grp-column-control.grp-column-control--5-5 .grp-typochart,.grp-column-control.grp-column-control--3-6 .typochart:nth-child(odd) .grp-typochart,.grp-column-control.grp-column-control--6-3 .typochart:nth-child(even) .grp-typochart{aspect-ratio:1}
@media(max-width:1024px){.grp-column-control .grp-typochart{aspect-ratio:1}
}